tags on category description */
.wt-cli-cookie-description {
font-size: 14px;
line-height: 1.4;
margin-top: 0;
padding: 0;
color: #000;
}
/* Table of Contents
==================================================
# RESET
# OVERRIDE CLASSES
# CUSTOM COLUMN SIZES
# GENERAL
# STANDARD ROW STYLES
# ADVANCED ROW STYLES
# ACCORDION SHORTCODE
# ADD TO CART BUTTON SHORTCODE
# ALERT SHORTCODE
# ANIMATED HEADLINE SHORTCODE
# BUTTON SHORTCODE
# BLOG SHORTCODE
# BOXED CONTENT SHORTCODE
# CHART SHORTCODE
# CLIENT BOX SHORTCODE
# CLIENTS SHORTCODE
# CODE SHORTCODE
# COLUMN SHORTCODE
# COUNT SHORTCODE
# COUNTDOWN SHORTCODE
# DIRECTORY SHORTCODE
# DIRECTORY USER LISTINGS SHORTCODE
# DIVIDER SHORTCODE
# FAQS SHORTCODE
# GALLERY SHORTCODE
# GOOGLE CHART SHORTCODE
# GOOGLE MAPS SHORTCODE
# ICON SHORTCODE
# ICON BOX SHORTCODE
# ICON BOX GRID SHORTCODE
# IMAGE SHORTCODE
# IMAGE BANNER SHORTCODE
# JOBS SHORTCODE
# LATEST TWEET SHORTCODE
# LIST SHORTCODE
# MAP SHORTCODE
# MULTILAYER PARALLAX SHORTCODE
# PARALLAX SHORTCODE
# PORTFOLIO CAROUSEL SHORTCODE
# PORTFOLIO SHOWCASE SHORTCODE
# PRICING TABLE SHORTCODE
# PRODUCT REVIEWS SHORTCODE
# PROGRESS SHORTCODE
# PROMO BAR SHORTCODE
# RECENT POSTS SHORTCODE
# SEARCH SHORTCODE
# SITEMAP SHORTCODE
# SLIDER SHORTCODE
# SOCIAL SHORTCODE
# TABLE SHORTCODE
# TABS SHORTCODE
# TEAM SHORTCODE
# TESTIMONIALS SHORTCODE
# TESTIMONIALS SLIDER SHORTCODE
# TEXT BLOCK SHORTCODE
# TOGGLE SHORTCODE
# TWEET SLIDER SHORTCODE
# VIDEO SHORTCODE
# MISC SHORTCODES
# RETINA
# ANIMATION
==================================================
*/
/* --------------------------------------------
RESET
-------------------------------------------- */
.ui-helper-reset {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.ui-accordion .ui-accordion-icons {
padding: 0!important;
}
html.noscroll {
position: fixed;
overflow-y: scroll;
width: 100%;
}
/* --------------------------------------------
OVERRIDE CLASSES
-------------------------------------------- */
.mt0 { /* Clear Margin Top */
margin-top: 0!important;
}
.mb0 { /* Clear Margin Bottom */
margin-bottom: 0!important;
}
.mr0 { /* Clear Margin Right */
margin-right: 0!important;
}
.ml0 { /* Clear Margin Left */
margin-left: 0!important;
}
.pt0 { /* Clear Padding Top */
padding-top: 0!important;
}
.pb0 { /* Clear Padding Bottom */
padding-bottom: 0!important;
}
.pr0 { /* Clear Padding Right */
padding-right: 0!important;
}
.pl0 { /* Clear Padding Left */
padding-left: 0!important;
}
.bt0 { /* Clear Border Top */
border-top: 0!important;
}
.bb0 { /* Clear Border Bottom */
border-bottom: 0!important;
}
.no-shadow { /* Remove Shadow */
-webkit-box-shadow: none!important;
-moz-box-shadow: none!important;
box-shadow: none!important;
}
.pmb0 p { /* Clear Inner p Tags Margin Bottom */
margin-bottom: 0!important;
}
/* --------------------------------------------
CUSTOM COLUMN SIZES
-------------------------------------------- */
.col-sm-sf-5 {
width: 20%;
padding: 0 15px;
float: left;
}
.col-sm-sf-25 {
width: 40%;
padding: 0 15px;
float: left;
}
/* --------------------------------------------
GENERAL
-------------------------------------------- */
.sf-container-overlay {
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
cursor: pointer;
display: none;
opacity: 0;
}
.sf-container-overlay .sf-loader {
position: absolute;
top: 50%;
left: 50%;
margin: -16px 0 0 -16px;
}
.sf-container-overlay.loading-done .sf-loader {
opacity: 0;
transition: opacity 0.5s;
}
.sf-container-overlay .sf-loader svg path {
fill: #fff;
}
.sf-container-block .sf-container-overlay {
display: block;
}
/* --------------------------------------------
STANDARD ROW STYLES
-------------------------------------------- */
.fw-row.row {
margin-left: 0;
margin-right: 0;
overflow: hidden;
}
.fw-row.row.container-fluid.bs-4-row {
padding-left: 0;
padding-right: 0;
}
.fw-row.row.container.bs-4-row {
margin: 0 auto;
}
.spb-row {
visibility: visible;
position: relative;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center;
}
.spb-row.row-bg-img-pattern {
background-size: auto;
-moz-background-size: auto;
-webkit-background-size: auto;
background-repeat: repeat;
}
.fw-row .spb-row {
opacity: 0;
visibility: hidden;
}
.fw-row .spb-row[data-wrap="standard-width"] {
opacity: 1;
visibility: visible;
}
.spb-row.spb-hidden {
opacity: 0;
}
.spb-row[data-legacy="true"] {
overflow: visible;
}
.spb-row.has-offset-elements, .fw-row.row.has-offset-elements, .fw-row.has-fw-elements {
overflow: visible;
}
.spb-row[data-image-movement="fixed"] {
background-attachment: fixed;
}
.mobile-browser .spb-row[data-image-movement="fixed"] {
background-attachment: scroll;
}
.spb-row[data-image-movement="fixed"], .spb-row[data-image-movement="parallax"] {
backface-visibility: hidden;
}
.spb-row > .spb_content_element {
position: relative;
z-index: 3;
width: 100%;
}
.spb-row > div.row-overlay {
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.spb-row[data-row-height="window-height"] {
min-height: 100vh;
}
.spb-asset-content {
max-width: 100%;
width: 100%;
position: relative;
}
.spb-column-inner {
max-width: 100%;
background-position: center;
background-size: cover;
}
/*.spb-column-inner > .row {
margin-left: 0;
margin-right: 0;
}*/
.no-flexbox .spb-row[data-col-equal-heights="true"] .spb-column-inner {
min-height: 100%;
}
.no-flexbox .spb-row[data-col-v-pos="stretch"] > .spb_content_element,
.no-flexbox .spb-row[data-col-v-pos="stretch"] > .spb_content_element > .row,
.no-flexbox .spb-row[data-col-v-pos="stretch"] > .spb_content_element .spb-column-container,
.no-flexbox .spb-row[data-col-v-pos="stretch"] > .spb_content_element .spb-column-container .spb-column-inner {
height: 100%;
}
.no-flexbox .spb-row[data-col-v-pos="bottom"] > .spb_content_element {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.flexbox .spb-row {
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.flexbox .spb-row-flex > .spb_content_element,
.flexbox .spb-row-flex > .spb_content_element > .row {
display: flex;
align-items: center;
justify-content: center;
flex-basis: 100%;
flex-wrap: wrap;
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
.flexbox .browser-ff .spb-row-flex > .spb_content_element {
flex-basis: auto;
}
.flexbox .browser-safari .spb-row-flex > .spb_content_element,
.flexbox .browser-safari .spb-row-flex > .spb_content_element > .row {
flex-wrap: nowrap;
display: block;
}
.flexbox .spb-row-flex > .spb_content_element .spb-column-container {
padding-left: 0;
padding-right: 0;
max-width: 100%;
}
.spb-row[data-col-v-pos="center"] {
display: flex;
}
.spb-row[data-col-v-pos="center"] > .spb_content_element {
top: auto;
transform: none;
position: relative;
align-self: center;
}
.flexbox .spb-row[data-col-v-pos="center"] > .spb_content_element,
.flexbox .spb-row[data-col-v-pos="center"] > .spb_content_element .row {
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-self: center;
align-self: center;
display: block;
}
.flexbox .bootstrap-4 .spb-row[data-col-v-pos="center"] > .spb_content_element,
.flexbox .bootstrap-4 .spb-row[data-col-v-pos="center"] > .spb_content_element .row {
display: flex;
}
.spb-row[data-col-v-pos="bottom"] > .spb_content_element {
display: table-cell;
vertical-align: bottom;
}
.spb-row[data-col-v-pos="bottom"] > .spb_content_element .row {
display: inline-block;
}
.flexbox .spb-row[data-col-v-pos="bottom"] > .spb_content_element {
display: flex;
vertical-align: inherit;
}
.flexbox .spb-row[data-col-v-pos="bottom"] > .spb_content_element .row {
display: flex;
}
.flexbox .spb-row[data-col-v-pos="bottom"] > .spb_content_element,
.flexbox .spb-row[data-col-v-pos="bottom"] > .spb_content_element .row {
-webkit-align-content: flex-end;
-ms-flex-line-pack: flex-end;
align-content: flex-end;
-webkit-align-self: flex-end;
align-self: flex-end;
}
.flexbox .spb-row[data-col-v-pos="top"] > .spb_content_element,
.flexbox .spb-row[data-col-v-pos="top"] > .spb_content_element > .row {
-webkit-align-content: flex-start;
-ms-flex-line-pack: flex-start;
align-content: flex-start;
-webkit-align-self: flex-start;
align-self: flex-start;
}
.flexbox .spb-row[data-col-v-pos="stretch"] > .spb_content_element,
.flexbox .spb-row[data-col-v-pos="stretch"] > .spb_content_element > .row {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.spb-row[data-col-equal-heights="true"] .spb-column-container > .spb-column-inner {
min-height: 100%;
display: table-cell;
}
.flexbox .spb-column-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.spb-column-container > .spb-column-inner {
margin-left: 0;
margin-right: 0;
display: block;
}
.flexbox .spb-column-container > .spb-column-inner {
flex-grow: 1;
}
.flexbox .spb-row-flex .spb-row-no-cols-wrapper {
flex-wrap: wrap;
display: flex;
width: 100%;
}
.flexbox .spb-row-flex .spb-row-no-cols-wrapper > .row {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.flexbox .spb-row-flex .spb-row-no-cols-wrapper > div {
flex: 1;
}
.flexbox .spb-row-flex .spb-row-no-cols-wrapper > div.col-sm-12 {
min-width: 100%;
}
.flexbox .spb-row-flex .spb-row-no-cols-wrapper > div.col-sm-9 {
min-width: 75%;
}
.flexbox .spb-row-flex .spb-row-no-cols-wrapper > div.col-sm-8 {
min-width: 66.66%;
}
.flexbox .spb-row-flex .spb-row-no-cols-wrapper > div.col-sm-6 {
min-width: 50%;
}
.flexbox .spb-row-flex .spb-row-no-cols-wrapper > div.col-sm-4 {
min-width: 33.33%;
}
.flexbox .spb-row-flex .spb-row-no-cols-wrapper > div.col-sm-3 {
min-width: 25%;
}
.spb-row.spb-row-col-spacing .spb-column-container {
padding-left: 0;
padding-right: 0;
}
.spb-row[data-col-spacing="2"] .spb_content_element {
padding-left: 1px;
padding-right: 1px;
}
.spb-row[data-col-spacing="2"] .spb-column-inner {
margin-left: 2px;
margin-right: 2px;
}
.spb-row[data-col-spacing="4"] .spb_content_element {
padding-left: 2px;
padding-right: 2px;
}
.spb-row[data-col-spacing="4"] .spb-column-inner {
margin-left: 4px;
margin-right: 4px;
}
.spb-row[data-col-spacing="6"] .spb_content_element {
padding-left: 3px;
padding-right: 3px;
}
.spb-row[data-col-spacing="6"] .spb-column-inner {
margin-left: 6px;
margin-right: 6px;
}
.spb-row[data-col-spacing="8"] .spb_content_element {
padding-left: 4px;
padding-right: 4px;
}
.spb-row[data-col-spacing="8"] .spb-column-inner {
margin-left: 8px;
margin-right: 8px;
}
.spb-row[data-col-spacing="10"] .spb_content_element {
padding-left: 5px;
padding-right: 5px;
}
.spb-row[data-col-spacing="10"] .spb-column-inner {
margin-left: 10px;
margin-right: 10px;
}
.spb-row[data-col-spacing="20"] .spb_content_element {
padding-left: 10px;
padding-right: 10px;
}
.spb-row[data-col-spacing="20"] .spb-column-inner {
margin-left: 10px;
margin-right: 10px;
}
.spb-row[data-col-spacing="30"] .spb_content_element {
padding-left: 15px;
padding-right: 15px;
}
.spb-row[data-col-spacing="30"] .spb-column-inner {
margin-left: 30px;
margin-right: 30px;
}
.spb-row[data-col-spacing="40"] .spb_content_element {
padding-left: 20px;
padding-right: 20px;
}
.spb-row[data-col-spacing="40"] .spb-column-inner {
margin-left: 40px;
margin-right: 40px;
}
.spb-asset-content.spb-hidden {
opacity: 0;
}
.row.fw-row {
clear: both;
}
.fw-row > .spb-row {
padding-left: 0;
padding-right: 0;
}
.fw-row>.col-sm-12, .spb-row.spb-remove-element-spacing, .spb-row.spb-remove-element-spacing div[class*="col-sm"] {
padding-left: 0!important;
padding-right: 0!important;
margin-bottom: 0;
}
.spb-row.spb-remove-element-spacing .row {
margin-left: 0;
margin-right: 0;
}
.spb-section.col-sm-12 {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.flexbox .spb-column-container.col-sm-12 {
flex-basis: 100%;
}
.flexbox .spb-column-container.col-sm-11 {
flex-basis: 1.66666667%;
}
.flexbox .spb-column-container.col-sm-10 {
flex-basis: 83.33333333%;
}
.flexbox .spb-column-container.col-sm-9 {
flex-basis: 75%;
}
.flexbox .spb-column-container.col-sm-8 {
flex-basis: 66.66666667%;
}
.flexbox .spb-column-container.col-sm-7 {
flex-basis: 58.33333333%;
}
.flexbox .spb-column-container.col-sm-6 {
flex-basis: 50%;
}
.flexbox .spb-column-container.col-sm-5 {
flex-basis: 41.66666667%;
}
.flexbox .spb-column-container.col-sm-4 {
flex-basis: 33.33333333%;
}
.flexbox .spb-column-container.col-sm-3 {
flex-basis: 25%;
}
.flexbox .spb-column-container.col-sm-2 {
flex-basis: 16.66666667%;
}
.flexbox .spb-column-container.col-sm-1 {
flex-basis: 8.33333333%;
}
@media only screen and (max-width: 767px) {
.spb-column-container.spb-col-custom-offset {
top: 0!important;
left: 0!important;
}
.flexbox .spb-column-container.col-sm-1, .flexbox .spb-column-container.col-sm-2, .flexbox .spb-column-container.col-sm-3, .flexbox .spb-column-container.col-sm-4, .flexbox .spb-column-container.col-sm-5, .flexbox .spb-column-container.col-sm-6, .flexbox .spb-column-container.col-sm-7, .flexbox .spb-column-container.col-sm-8, .flexbox .spb-column-container.col-sm-9, .flexbox .spb-column-container.col-sm-10, .flexbox .spb-column-container.col-sm-11, .flexbox .spb-column-container.col-sm-12 {
flex-basis: 100%;
}
.fw-row > .spb-row, .spb-row[data-image-movement="fixed"] {
background-attachment: local!important;
}
}
.modal-body > section.row {
width: 100%!important;
left: 0!important;
}
.modal-body .spb-row>.spb_content_element {
padding: 0!important;
}
/* --------------------------------------------
VIDEO ROW STYLES
-------------------------------------------- */
.spb-row[data-row-type="video"] .video-wrap {
overflow: hidden;
max-height: 100%;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 0;
padding: 0;
pointer-events: none;
}
.spb-row[data-row-type="video"] video {
position: absolute;
left: 0;
top: 0;
width: 100%;
min-height: 100%;
}
.spb-row[data-row-type="video"] .video-overlay {
background-repeat: repeat;
background-position: center center;
position: absolute;
z-index: 3;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.8;
}
.overlay-diaglight {
background-image: url('/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/img/vo_diagonal_lines_light.png');
}
.overlay-diagdark {
background-image: url('/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/img/vo_diagonal_lines_dark.png');
}
.overlay-horizlight {
background-image: url('/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/img/vo_horizontal_lines_light.png');
}
.overlay-horizgdark {
background-image: url('/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/img/vo_horizontal_lines_dark.png');
}
.overlay-vertlight {
background-image: url('/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/img/vo_vertical_lines_light.png');
}
.overlay-vertzgdark {
background-image: url('/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/img/vo_vertical_lines_dark.png');
}
.overlay-lightgrid {
background-image: url('/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/img/vo_pixel_light.png');
}
.overlay-darkgrid {
background-image: url('/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/img/vo_pixel_dark.png');
}
.overlay-lightgridfat {
background-image: url('/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/img/vo_fat_pixel_light.png');
}
.overlay-darkgridfat {
background-image: url('/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/img/vo_fat_pixel_dark.png');
}
/* --------------------------------------------
PARALLAX ROW STYLES
-------------------------------------------- */
.spb-row-parallax .spb-row-parallax-layer-wrap {
overflow: hidden;
width: 100%;
height: 100%;
position: absolute;
z-index: 0;
top: 0;
left: 0;
pointer-events: none;
}
.spb-row-parallax .spb-row-parallax-layer {
position: absolute;
width: 100%;
height: 100%;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center;
}
.spb-row-parallax.use-css-backpos .spb-row-parallax-layer {
background-position: 50% 0;
}
.spb-row-parallax.use-css-transform .spb-row-parallax-layer {
background-attachment: scroll;
}
/* --------------------------------------------
EXPANDING ROW STYLES
-------------------------------------------- */
.spb-row-expand-text {
padding: 30px 15px;
display: block;
text-align: left;
font-size: 22px;
}
.spb-row-expand-text span:before {
content: "\e600";
font-family: "atelier";
font-size: 24px;
display: inline-block;
float: left;
height: 23px;
width: 23px;
margin-top: -1px;
margin-right: 20px;
-webkit-transform: translate3d(0px, 0px, 0px) rotate(0deg);
transform: translate3d(0px, 0px, 0px) rotate(0deg);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.15, 0.85, 0.35, 1);
transition: transform 0.3s cubic-bezier(0.15, 0.85, 0.35, 1);
font-weight: normal;
}
.spb-row-expand-text.row-open span:before {
content: "\e603";
}
.spb-row-expand-text:hover span:before {
-webkit-transform: rotate(180deg) translate3d(0,0,0);
transform: rotate(180deg) translate3d(0,0,0);
}
.spb-row-expand-text.row-open:hover a:hover {
-webkit-transform: rotate(180deg) translate3d(0,0,0);
transform: rotate(180deg) translate3d(0,0,0);
}
.spb-row.spb-row-expanding {
height: 0;
opacity: 0;
overflow: hidden;
}
.spb-row.spb-row-expanding.spb-row-expanding-open {
height: auto;
opacity: 1;
}
/* --------------------------------------------
SLIDER COL STYLES
-------------------------------------------- */
.spb-column-container .spb-asset-content {
background-size: cover;
}
.spb-col-slider-atts {
display: none;
visibility: hidden;
opacity: 0;
}
.spb-column-container[data-col-slider="true"] {
display: block;
}
.spb-column-container[data-col-slider="true"] .flickity-slider > .row,
.spb-column-container[data-col-slider="true"] .col-slider-slide > .spb-column-container .spb-column-inner {
width: 100%;
margin: 0;
}
.spb-column-container[data-col-slider="true"] .flickity-slider > .row > .spb_content_element,
.spb-column-container[data-col-slider="true"] .row-slider-slide > .spb-column-container {
width: 100%;
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
.spb-column-container[data-col-slider="true"] .spb-column-inner {
height: 100%;
}
.spb-column-container[data-col-slider="true"] .spb-column-inner .flickity-viewport {
width: 100%;
}
@media only screen and (min-width: 768px) {
.spb-column-container[data-col-slider="true"] .col-slider-slide,
.spb-column-container[data-col-slider="true"] .col-slider-slide .spb-asset-content,
.spb-column-container[data-col-slider="true"] .spb-column-inner .flickity-viewport {
min-height: 100%;
}
}
/* --------------------------------------------
ROW TRANSPARENT HEADER STYLES
-------------------------------------------- */
.spb-row[data-row-style="light"] {
color: #fff;
}
.spb-row[data-row-style="light"] .title-wrap h3.spb-heading {
color: #fff;
}
.spb-row[data-row-style="light"] .owl-pagination .view-all {
color: #fff;
}
.spb-row[data-row-style="light"] .owl-pagination .owl-page span {
background-color: #fff;
}
.spb-row[data-row-style="dark"] {
color: #222;
}
.spb-row[data-row-style="dark"] .title-wrap h3.spb-heading {
color: #222;
}
.spb-row[data-row-style="dark"] .owl-pagination .owl-page span {
background-color: #222;
}
.spb-row[data-row-style="dark"] .owl-pagination .view-all {
color: #222;
}
/* --------------------------------------------
ROW TOP/BOTTOM STYLES
-------------------------------------------- */
.spb_row_slant_spacer {
height: 120px;
width: 100%;
display: block;
}
.spb-row[data-top-style="slant-ltr"], .spb-row[data-top-style="slant-rtl"], .spb-row[data-bottom-style="slant-ltr"], .spb-row[data-bottom-style="slant-rtl"] {
overflow: hidden;
}
.spb-row[data-top-style="slant-ltr"]:before {
content: "";
width: 120%;
display: block;
height: 140px;
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
transform: rotate(3deg);
background: #fff;
left: -10%;
top: -90px;
z-index: 3;
position: absolute;
-webkit-backface-visibility: hidden;
-webkit-background-clip: content-box;
padding: 2px;
}
.spb-row[data-top-style="slant-rtl"]:before {
content: "";
width: 120%;
display: block;
height: 140px;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
transform: rotate(-3deg);
background: #fff;
left: -10%;
top: -90px;
z-index: 3;
position: absolute;
-webkit-backface-visibility: hidden;
-webkit-background-clip: content-box;
padding: 2px;
}
.spb-row[data-bottom-style="slant-ltr"]:after {
content: "";
width: 120%;
display: block;
height: 140px;
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
transform: rotate(3deg);
background: #fff;
bottom: -90px;
left: -10%;
z-index: 2;
position: absolute;
-webkit-backface-visibility: hidden;
-webkit-background-clip: content-box;
padding: 2px;
}
.spb-row[data-bottom-style="slant-rtl"]:after {
content: "";
width: 120%;
display: block;
height: 140px;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
transform: rotate(-3deg);
background: #fff;
bottom: -90px;
left: -10%;
z-index: 2;
position: absolute;
-webkit-backface-visibility: hidden;
-webkit-background-clip: content-box;
padding: 2px;
}
@media only screen and (min-width: 1800px) {
.spb-row[data-top-style="slant-ltr"]:before, .spb-row[data-bottom-style="slant-ltr"]:after {
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
transform: rotate(2deg);
}
.spb-row[data-bottom-style="slant-rtl"]:after, .spb-row[data-top-style="slant-rtl"]:before {
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
transform: rotate(-2deg);
}
}
/* --------------------------------------------
ACCORDION SHORTCODE
-------------------------------------------- */
.spb_accordion {
opacity: 0;
}
.spb_accordion .spb_accordion_wrapper {
margin-bottom: 30px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.spb_accordion .spb_accordion_section {
margin-bottom: 10px;
}
.spb_accordion_section > h4 {
outline: 0!important;
}
.spb_accordion .spb_accordion_section > h4 a {
display: block;
text-decoration: none;
padding: 12px 30px 12px 15px;
line-height: 26px;
position: relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.spb_accordion .spb_accordion_section > h4 a:after {
font-size: 24px;
display: inline-block;
float: right;
height: 26px;
width: 23px;
-webkit-transform: translate3d(0px, 0px, 0px) rotate(0deg);
transform: translate3d(0px, 0px, 0px) rotate(0deg);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.15, 0.85, 0.35, 1);
transition: transform 0.3s cubic-bezier(0.15, 0.85, 0.35, 1);
font-weight: normal;
line-height: 26px;
position: absolute;
right: 0;
top: 50%;
margin-top: -13px;
}
.spb_accordion .spb_accordion_section > h4:hover a:after {
-webkit-transform: rotate(180deg) translate3d(0,0,0);
transform: rotate(180deg) translate3d(0,0,0);
}
.spb_accordion .spb_accordion_section > h4.ui-state-active:hover a:after {
-webkit-transform: rotate(180deg) translate3d(0,0,0);
transform: rotate(180deg) translate3d(0,0,0);
}
.spb_accordion .spb_accordion_section > h4 a > i {
margin-right: 10px;
}
.spb_accordion .spb_accordion_section > h4 a > i[class*="ss-"] {
display: inline-block;
line-height: 100%;
vertical-align: -3px;
}
.spb_accordion .spb_accordion_section > h4 {
opacity: 0.6;
}
.spb_accordion .spb_accordion_section > h4.ui-state-active {
opacity: 1;
}
.ui-accordion .ui-accordion-header .ui-icon {
display: none;
}
.spb_accordion_section > h4 .ui-icon:before {
font-weight: normal;
font-style: normal;
display: inline-block;
text-decoration: inherit;
height: 20px;
float: left;
margin-right: 10px;
font-size: 22px;
text-indent: 0;
box-sizing: content-box;
}
.spb_accordion_section h4.ui-state-active .ui-icon:before {
margin-top: 0;
}
.spb_accordion .ui-state-active, .spb_accordion .ui-state-default {
border: 0!important;
background: none;
margin-top: 0;
}
.spb_accordion .ui-accordion .ui-accordion-content {
border: 0;
padding: 15px 15px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.spb_accordion .ui-accordion .ui-accordion-content .row {
margin-left: 0!important;
margin-bottom: 0!important;
max-width: 100%;
}
.spb_accordion .ui-accordion .ui-accordion-header {
position: relative;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: bold;
}
.ui-accordion-content .spb_wrapper p:last-child {
margin-bottom: 0;
}
.ui-accordion-content .spb_wrapper .box-content-wrap p:last-child {
margin-bottom: 20px;
}
.spb_accordion_section, .spb_accordion .spb_accordion_section, .spb_accordion_section .ui-accordion-content {
background: transparent;
border-top: 2px solid rgba(0,0,0,0.05);
border-bottom: 0px solid rgba(0,0,0,0.05);
margin-bottom: 0;
}
.spb_accordion_section, .spb_accordion .spb_accordion_section:last-child {
border-bottom-width: 2px;
}
.spb_accordion .container, .spb_tabs .container, .spb_tour .container, .column_container .container, .spb-column-container .container {
max-width: 100%!important;
padding-left: 0;
padding-right: 0;
}
/* --------------------------------------------
ADD TO CART BUTTON SHORTCODE
-------------------------------------------- */
.add-to-cart-shortcode {
display: inline-block;
vertical-align: middle;
}
.add-to-cart-shortcode .tooltip {
display: none!important;
}
.add-to-cart-shortcode > .add_to_cart_button {
margin-right: 0;
margin-left: 0;
border: 2px solid #e3e3e3;
border-radius: 0;
box-shadow: none;
height: 60px;
padding: 0 20px;
float: left;
outline: 0!important;
margin: 0 20px 0 0;
text-shadow: none;
font-size: 14px;
text-transform: uppercase;
font-weight: bold!important;
line-height: 56px;
-webkit-backface-visibility: hidden;
}
.swiper-slide .caption-content a.sf-button.add_to_cart_button {
margin-top: 0;
}
.add-to-cart-shortcode > .add_to_cart_button.added > span {
vertical-align: 1px;
}
.add-to-cart-shortcode > .add_to_cart_button i {
margin-right: 10px;
font-size: 24px;
vertical-align: -4px;
}
.add-to-cart-shortcode > .add_to_cart_button i.sf-icon-loader {
width: 24px;
height: 24px;
}
.add-to-cart-shortcode > .add_to_cart_button i.sf-icon-tick {
vertical-align: -3px;
}
.add-to-cart-shortcode > .wc-forward {
display: none!important;
}
/* --------------------------------------------
ALERT SHORTCODE
-------------------------------------------- */
.alert {
height: auto;
font-size: 12px;
line-height: 16px;
overflow: hidden;
padding: 15px;
text-align: left;
margin-bottom: 20px;
font-weight: normal;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
clear: both;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: 0;
background-color: #ffd56c;
color: #222;
}
.alert .messagebox_text {
background: none;
padding-left: 0;
}
.alert .messagebox_text p {
margin-left: 30px;
margin-bottom: 10px;
}
.alert .messagebox_text p:last-child {
margin-bottom: 0;
}
.alert .messagebox_text p strong {
letter-spacing: normal!important;
}
.alert .messagebox_text:before {
content: "\f071";
font-family: "FontAwesome";
font-weight: normal;
font-style: normal;
display: block;
text-decoration: inherit;
width: 22px;
height: auto;
float: left;
margin-top: 4px;
font-size: 16px;
position: absolute;
text-indent: 0;
text-align: center;
}
.alert.alert-info .messagebox_text:before {
content: "\f129";
}
.alert.alert-error .messagebox_text:before {
content: "\f12a";
}
.alert.alert-success .messagebox_text:before {
content: "\f00c";
}
.alert.alert-info {
background-color: #5adcff;
}
.alert.alert-error {
background-color: #fe504f;
}
.alert.alert-success {
background-color: #51e3a8;
}
/* --------------------------------------------
ANIMATED HEADLINE SHORTCODE
-------------------------------------------- */
.sf-headline.text-left {
text-align: left;
}
.sf-headline.text-center {
text-align: center;
}
.sf-headline.text-right {
text-align: right;
}
.sf-words-wrapper {
display: inline-block;
position: relative;
text-align: center;
}
.sf-words-wrapper:last-child {
text-align: left;
}
.sf-words-wrapper b {
display: inline-block;
position: absolute;
white-space: nowrap;
left: 0;
top: 0;
}
.sf-words-wrapper b i, .sf-words-wrapper b em {
font-style: normal;
}
.sf-words-wrapper b.is-visible {
position: relative;
}
.no-js .sf-words-wrapper b {
opacity: 0;
}
.no-js .sf-words-wrapper b.is-visible {
opacity: 1;
}
/* Rotate 1 */
.sf-headline.rotate-1 .sf-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.sf-headline.rotate-1 b {
opacity: 0;
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.sf-headline.rotate-1 b.is-visible {
opacity: 1;
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
-webkit-animation: sf-rotate-1-in 1.2s;
-moz-animation: sf-rotate-1-in 1.2s;
animation: sf-rotate-1-in 1.2s;
}
.sf-headline.rotate-1 b.is-hidden {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
-webkit-animation: sf-rotate-1-out 1.2s;
-moz-animation: sf-rotate-1-out 1.2s;
animation: sf-rotate-1-out 1.2s;
}
@-webkit-keyframes sf-rotate-1-in {
0% {
-webkit-transform: rotateX(180deg);
opacity: 0;
}
35% {
-webkit-transform: rotateX(120deg);
opacity: 0;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(360deg);
opacity: 1;
}
}
@-moz-keyframes sf-rotate-1-in {
0% {
-moz-transform: rotateX(180deg);
opacity: 0;
}
35% {
-moz-transform: rotateX(120deg);
opacity: 0;
}
65% {
opacity: 0;
}
100% {
-moz-transform: rotateX(360deg);
opacity: 1;
}
}
@keyframes sf-rotate-1-in {
0% {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
opacity: 0;
}
35% {
-webkit-transform: rotateX(120deg);
-moz-transform: rotateX(120deg);
-ms-transform: rotateX(120deg);
-o-transform: rotateX(120deg);
transform: rotateX(120deg);
opacity: 0;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(360deg);
-moz-transform: rotateX(360deg);
-ms-transform: rotateX(360deg);
-o-transform: rotateX(360deg);
transform: rotateX(360deg);
opacity: 1;
}
}
@-webkit-keyframes sf-rotate-1-out {
0% {
-webkit-transform: rotateX(0deg);
opacity: 1;
}
35% {
-webkit-transform: rotateX(-40deg);
opacity: 1;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(180deg);
opacity: 0;
}
}
@-moz-keyframes sf-rotate-1-out {
0% {
-moz-transform: rotateX(0deg);
opacity: 1;
}
35% {
-moz-transform: rotateX(-40deg);
opacity: 1;
}
65% {
opacity: 0;
}
100% {
-moz-transform: rotateX(180deg);
opacity: 0;
}
}
@keyframes sf-rotate-1-out {
0% {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
35% {
-webkit-transform: rotateX(-40deg);
-moz-transform: rotateX(-40deg);
-ms-transform: rotateX(-40deg);
-o-transform: rotateX(-40deg);
transform: rotateX(-40deg);
opacity: 1;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
opacity: 0;
}
}
/* Type */
.sf-headline.type .sf-words-wrapper {
vertical-align: top;
overflow: hidden;
}
.sf-headline.type .sf-words-wrapper::after {
/* vertical bar */
content: '';
position: absolute;
right: 0;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
height: 90%;
width: 1px;
background-color: #aebcb9;
}
.sf-headline.type .sf-words-wrapper.waiting::after {
-webkit-animation: sf-pulse 1s infinite;
-moz-animation: sf-pulse 1s infinite;
animation: sf-pulse 1s infinite;
}
.sf-headline.type .sf-words-wrapper.selected {
background-color: #aebcb9;
}
.sf-headline.type .sf-words-wrapper.selected b {
color: #0d0d0d;
}
.sf-headline.type .sf-words-wrapper.selected::after {
visibility: hidden;
}
.sf-headline.type b {
visibility: hidden;
}
.sf-headline.type b.is-visible {
visibility: visible;
}
.sf-headline.type i {
position: absolute;
visibility: hidden;
}
.sf-headline.type i.in {
position: relative;
visibility: visible;
}
@-webkit-keyframes sf-pulse {
0% {
-webkit-transform: translateY(-50%) scale(1);
opacity: 1;
}
40% {
-webkit-transform: translateY(-50%) scale(0.9);
opacity: 0;
}
100% {
-webkit-transform: translateY(-50%) scale(0);
opacity: 0;
}
}
@-moz-keyframes sf-pulse {
0% {
-moz-transform: translateY(-50%) scale(1);
opacity: 1;
}
40% {
-moz-transform: translateY(-50%) scale(0.9);
opacity: 0;
}
100% {
-moz-transform: translateY(-50%) scale(0);
opacity: 0;
}
}
@keyframes sf-pulse {
0% {
-webkit-transform: translateY(-50%) scale(1);
-moz-transform: translateY(-50%) scale(1);
-ms-transform: translateY(-50%) scale(1);
-o-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
opacity: 1;
}
40% {
-webkit-transform: translateY(-50%) scale(0.9);
-moz-transform: translateY(-50%) scale(0.9);
-ms-transform: translateY(-50%) scale(0.9);
-o-transform: translateY(-50%) scale(0.9);
transform: translateY(-50%) scale(0.9);
opacity: 0;
}
100% {
-webkit-transform: translateY(-50%) scale(0);
-moz-transform: translateY(-50%) scale(0);
-ms-transform: translateY(-50%) scale(0);
-o-transform: translateY(-50%) scale(0);
transform: translateY(-50%) scale(0);
opacity: 0;
}
}
/* Rotate 2 */
.sf-headline.rotate-2 .sf-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.sf-headline.rotate-2 i, .sf-headline.rotate-2 em {
display: inline-block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.sf-headline.rotate-2 b {
opacity: 0;
}
.sf-headline.rotate-2 i {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(-20px) rotateX(90deg);
-moz-transform: translateZ(-20px) rotateX(90deg);
-ms-transform: translateZ(-20px) rotateX(90deg);
-o-transform: translateZ(-20px) rotateX(90deg);
transform: translateZ(-20px) rotateX(90deg);
opacity: 0;
}
.is-visible .sf-headline.rotate-2 i {
opacity: 1;
}
.sf-headline.rotate-2 i.in {
-webkit-animation: sf-rotate-2-in 0.4s forwards;
-moz-animation: sf-rotate-2-in 0.4s forwards;
animation: sf-rotate-2-in 0.4s forwards;
}
.sf-headline.rotate-2 i.out {
-webkit-animation: sf-rotate-2-out 0.4s forwards;
-moz-animation: sf-rotate-2-out 0.4s forwards;
animation: sf-rotate-2-out 0.4s forwards;
}
.sf-headline.rotate-2 em {
-webkit-transform: translateZ(20px);
-moz-transform: translateZ(20px);
-ms-transform: translateZ(20px);
-o-transform: translateZ(20px);
transform: translateZ(20px);
}
.no-csstransitions .sf-headline.rotate-2 i {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 0;
}
.no-csstransitions .sf-headline.rotate-2 i em {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.no-csstransitions .sf-headline.rotate-2 .is-visible i {
opacity: 1;
}
@-webkit-keyframes sf-rotate-2-in {
0% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0deg);
}
}
@-moz-keyframes sf-rotate-2-in {
0% {
opacity: 0;
-moz-transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-moz-transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-moz-transform: translateZ(-20px) rotateX(0deg);
}
}
@keyframes sf-rotate-2-in {
0% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(90deg);
-moz-transform: translateZ(-20px) rotateX(90deg);
-ms-transform: translateZ(-20px) rotateX(90deg);
-o-transform: translateZ(-20px) rotateX(90deg);
transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(-10deg);
-moz-transform: translateZ(-20px) rotateX(-10deg);
-ms-transform: translateZ(-20px) rotateX(-10deg);
-o-transform: translateZ(-20px) rotateX(-10deg);
transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0deg);
-moz-transform: translateZ(-20px) rotateX(0deg);
-ms-transform: translateZ(-20px) rotateX(0deg);
-o-transform: translateZ(-20px) rotateX(0deg);
transform: translateZ(-20px) rotateX(0deg);
}
}
@-webkit-keyframes sf-rotate-2-out {
0% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-90deg);
}
}
@-moz-keyframes sf-rotate-2-out {
0% {
opacity: 1;
-moz-transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-moz-transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-moz-transform: translateZ(-20px) rotateX(-90deg);
}
}
@keyframes sf-rotate-2-out {
0% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0);
-moz-transform: translateZ(-20px) rotateX(0);
-ms-transform: translateZ(-20px) rotateX(0);
-o-transform: translateZ(-20px) rotateX(0);
transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-100deg);
-moz-transform: translateZ(-20px) rotateX(-100deg);
-ms-transform: translateZ(-20px) rotateX(-100deg);
-o-transform: translateZ(-20px) rotateX(-100deg);
transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-90deg);
-moz-transform: translateZ(-20px) rotateX(-90deg);
-ms-transform: translateZ(-20px) rotateX(-90deg);
-o-transform: translateZ(-20px) rotateX(-90deg);
transform: translateZ(-20px) rotateX(-90deg);
}
}
/* Loading Bar */
.sf-headline.loading-bar span {
display: inline-block;
padding: 0;
}
.sf-headline.loading-bar .sf-words-wrapper {
overflow: visible;
vertical-align: top;
}
.sf-headline.loading-bar .sf-words-wrapper::after {
/* loading bar */
content: '';
position: absolute;
left: 0;
bottom: -5px;
height: 2px;
width: 0;
background: #ff9900;
z-index: 2;
-webkit-transition: width 0.3s -0.1s;
-moz-transition: width 0.3s -0.1s;
transition: width 0.3s -0.1s;
}
.sf-headline.loading-bar .sf-words-wrapper.is-loading::after {
width: 100%;
-webkit-transition: width 3s;
-moz-transition: width 3s;
transition: width 3s;
}
.sf-headline.loading-bar b {
top: 0;
opacity: 0;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.sf-headline.loading-bar b.is-visible {
opacity: 1;
top: 0;
}
/* Slide */
.sf-headline.slide span {
display: inline-block;
padding: 0;
}
.sf-headline.slide .sf-words-wrapper {
overflow: visible;
vertical-align: top;
}
.sf-headline.slide b {
opacity: 0;
top: 0;
}
.sf-headline.slide b.is-visible {
top: 0;
opacity: 1;
-webkit-animation: slide-in 0.6s;
-moz-animation: slide-in 0.6s;
animation: slide-in 0.6s;
}
.sf-headline.slide b.is-hidden {
-webkit-animation: slide-out 0.6s;
-moz-animation: slide-out 0.6s;
animation: slide-out 0.6s;
}
@-webkit-keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateY(20%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes slide-in {
0% {
opacity: 0;
-moz-transform: translateY(-100%);
}
60% {
opacity: 1;
-moz-transform: translateY(20%);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateY(20%);
-moz-transform: translateY(20%);
-ms-transform: translateY(20%);
-o-transform: translateY(20%);
transform: translateY(20%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes slide-out {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
60% {
opacity: 0;
-webkit-transform: translateY(120%);
}
100% {
opacity: 0;
-webkit-transform: translateY(100%);
}
}
@-moz-keyframes slide-out {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
60% {
opacity: 0;
-moz-transform: translateY(120%);
}
100% {
opacity: 0;
-moz-transform: translateY(100%);
}
}
@keyframes slide-out {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
60% {
opacity: 0;
-webkit-transform: translateY(120%);
-moz-transform: translateY(120%);
-ms-transform: translateY(120%);
-o-transform: translateY(120%);
transform: translateY(120%);
}
100% {
opacity: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
}
/* Clip */
.sf-headline.clip span {
display: inline-block;
padding: 0;
}
.sf-headline.clip .sf-words-wrapper {
overflow: hidden;
vertical-align: top;
z-index: 1;
}
.sf-headline.clip .sf-words-wrapper::after {
/* line */
content: '';
position: absolute;
top: 0;
right: 0;
width: 2px;
height: 100%;
background-color: #aebcb9;
}
.sf-headline.clip b {
opacity: 0;
}
.sf-headline.clip b.is-visible {
opacity: 1;
}
/* Zoom */
.sf-headline.zoom .sf-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.sf-headline.zoom b {
opacity: 0;
}
.sf-headline.zoom b.is-visible {
opacity: 1;
-webkit-animation: zoom-in 0.8s;
-moz-animation: zoom-in 0.8s;
animation: zoom-in 0.8s;
}
.sf-headline.zoom b.is-hidden {
-webkit-animation: zoom-out 0.8s;
-moz-animation: zoom-out 0.8s;
animation: zoom-out 0.8s;
}
@-webkit-keyframes zoom-in {
0% {
opacity: 0;
-webkit-transform: translateZ(100px);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0);
}
}
@-moz-keyframes zoom-in {
0% {
opacity: 0;
-moz-transform: translateZ(100px);
}
100% {
opacity: 1;
-moz-transform: translateZ(0);
}
}
@keyframes zoom-in {
0% {
opacity: 0;
-webkit-transform: translateZ(100px);
-moz-transform: translateZ(100px);
-ms-transform: translateZ(100px);
-o-transform: translateZ(100px);
transform: translateZ(100px);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
}
@-webkit-keyframes zoom-out {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-100px);
}
}
@-moz-keyframes zoom-out {
0% {
opacity: 1;
-moz-transform: translateZ(0);
}
100% {
opacity: 0;
-moz-transform: translateZ(-100px);
}
}
@keyframes zoom-out {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-100px);
-moz-transform: translateZ(-100px);
-ms-transform: translateZ(-100px);
-o-transform: translateZ(-100px);
transform: translateZ(-100px);
}
}
/* Rotate 3 */
.sf-headline.rotate-3 .sf-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.sf-headline.rotate-3 b {
opacity: 0;
}
.sf-headline.rotate-3 i {
display: inline-block;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.is-visible .sf-headline.rotate-3 i {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.sf-headline.rotate-3 i.in {
-webkit-animation: sf-rotate-3-in 0.6s forwards;
-moz-animation: sf-rotate-3-in 0.6s forwards;
animation: sf-rotate-3-in 0.6s forwards;
}
.sf-headline.rotate-3 i.out {
-webkit-animation: sf-rotate-3-out 0.6s forwards;
-moz-animation: sf-rotate-3-out 0.6s forwards;
animation: sf-rotate-3-out 0.6s forwards;
}
.no-csstransitions .sf-headline.rotate-3 i {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 0;
}
.no-csstransitions .sf-headline.rotate-3 .is-visible i {
opacity: 1;
}
@-webkit-keyframes sf-rotate-3-in {
0% {
-webkit-transform: rotateY(180deg);
}
100% {
-webkit-transform: rotateY(0deg);
}
}
@-moz-keyframes sf-rotate-3-in {
0% {
-moz-transform: rotateY(180deg);
}
100% {
-moz-transform: rotateY(0deg);
}
}
@keyframes sf-rotate-3-in {
0% {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
100% {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
}
@-webkit-keyframes sf-rotate-3-out {
0% {
-webkit-transform: rotateY(0);
}
100% {
-webkit-transform: rotateY(-180deg);
}
}
@-moz-keyframes sf-rotate-3-out {
0% {
-moz-transform: rotateY(0);
}
100% {
-moz-transform: rotateY(-180deg);
}
}
@keyframes sf-rotate-3-out {
0% {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
100% {
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
}
/* Scale */
.sf-headline.scale b {
opacity: 0;
}
.sf-headline.scale i {
display: inline-block;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.is-visible .sf-headline.scale i {
opacity: 1;
}
.sf-headline.scale i.in {
-webkit-animation: scale-up 0.6s forwards;
-moz-animation: scale-up 0.6s forwards;
animation: scale-up 0.6s forwards;
}
.sf-headline.scale i.out {
-webkit-animation: scale-down 0.6s forwards;
-moz-animation: scale-down 0.6s forwards;
animation: scale-down 0.6s forwards;
}
.no-csstransitions .sf-headline.scale i {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 0;
}
.no-csstransitions .sf-headline.scale .is-visible i {
opacity: 1;
}
@-webkit-keyframes scale-up {
0% {
-webkit-transform: scale(0);
opacity: 0;
}
60% {
-webkit-transform: scale(1.2);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes scale-up {
0% {
-moz-transform: scale(0);
opacity: 0;
}
60% {
-moz-transform: scale(1.2);
opacity: 1;
}
100% {
-moz-transform: scale(1);
opacity: 1;
}
}
@keyframes scale-up {
0% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 0;
}
60% {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes scale-down {
0% {
-webkit-transform: scale(1);
opacity: 1;
}
60% {
-webkit-transform: scale(0);
opacity: 0;
}
}
@-moz-keyframes scale-down {
0% {
-moz-transform: scale(1);
opacity: 1;
}
60% {
-moz-transform: scale(0);
opacity: 0;
}
}
@keyframes scale-down {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
60% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 0;
}
}
/* Push */
.sf-headline.push b {
opacity: 0;
}
.sf-headline.push b.is-visible {
opacity: 1;
-webkit-animation: push-in 0.6s;
-moz-animation: push-in 0.6s;
animation: push-in 0.6s;
}
.sf-headline.push b.is-hidden {
-webkit-animation: push-out 0.6s;
-moz-animation: push-out 0.6s;
animation: push-out 0.6s;
}
@-webkit-keyframes push-in {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateX(10%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes push-in {
0% {
opacity: 0;
-moz-transform: translateX(-100%);
}
60% {
opacity: 1;
-moz-transform: translateX(10%);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@keyframes push-in {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateX(10%);
-moz-transform: translateX(10%);
-ms-transform: translateX(10%);
-o-transform: translateX(10%);
transform: translateX(10%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes push-out {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateX(110%);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%);
}
}
@-moz-keyframes push-out {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
60% {
opacity: 0;
-moz-transform: translateX(110%);
}
100% {
opacity: 0;
-moz-transform: translateX(100%);
}
}
@keyframes push-out {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateX(110%);
-moz-transform: translateX(110%);
-ms-transform: translateX(110%);
-o-transform: translateX(110%);
transform: translateX(110%);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
}
/* --------------------------------------------
BUTTON SHORTCODE
-------------------------------------------- */
.spb_button {
text-align: center;
}
.spb_button[data-align="left"] {
text-align: left;
}
.spb_button[data-align="center"] {
text-align: center;
}
.spb_button[data-align="right"] {
text-align: right;
}
.spb_button a.sf-button {
margin-right: 0;
}
a.sf-button {
display: inline-block;
font-size: 12px;
line-height: 20px;
height: auto;
padding: 14px 26px;
margin: 0 10px 20px 0;
font-weight: bold;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
transition: all .3s ease-out;
border: 0;
position: relative;
outline: none;
text-shadow: none;
text-decoration: none;
vertical-align: middle;
letter-spacing: 1px;
max-width: 100%;
}
a.sf-button.bordered {
padding: 15px 25px;
}
a.sf-button:hover {
text-decoration: none!important;
color: #fff;
}
a.sf-button.large {
font-size: 14px;
line-height: 32px;
padding: 12px 35px;
}
a.sf-button.large.bordered {
padding: 11px 34px;
}
a.sf-button.dropshadow {
-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
box-shadow: 1px 1px 1px rgba(0,0,0,.1);
}
a.sf-button.mega {
font-size: 18px;
line-height: 30px;
padding: 20px 35px;
}
a.sf-button.mega.bordered {
padding: 19px 34px;
}
a.sf-button.mega.sf-icon-stroke span.text {
padding: 20px 30px 20px 84px;
line-height: 30px;
}
a.sf-button.black {
border-color: #222;
background-color: #222;
color: #fff;
}
a.sf-button.white {
border-color: #fff;
background-color: #fff;
color: #222!important;
}
a.sf-button.blue {
border-color: #00bff3;
background-color: #00bff3;
}
a.sf-button.grey {
border-color: #444;
background-color: #444;
}
a.sf-button.lightgrey {
border-color: #e4e4e4;
background-color: #e4e4e4;
color: #222;
}
a.sf-button.orange {
border-color: #ff7534;
background-color: #ff7534;
color: #fff;
}
a.sf-button.turquoise {
border-color: #00d1c5;
background-color: #00d1c5;
color: #fff;
}
a.sf-button.green {
border-color: #37ba85;
background-color: #37ba85;
color: #fff;
}
a.sf-button.pink {
border-color: #fe504f;
background-color: #fe504f;
color: #fff;
}
a.sf-button.gold {
border-color: #ffd56c;
background-color: #ffd56c;
color: #222222;
}
a.sf-button.transparent-light {
border: 2px solid #fff;
border: 2px solid rgba(255,255,255,.5);
color: #fff;
}
a.sf-button.transparent-light:hover {
background: #fff;
border-color: #fff;
}
a.sf-button.transparent-dark {
border: 2px solid #222;
border: 2px solid rgba(34,34,34,.2);
}
a.sf-button.transparent-dark:hover {
background: #222;
border-color: #222;
}
a.sf-button.purple {
border-color: #8e7de5;
background-color: #8e7de5;
color: #fff;
}
a.sf-button.midnight {
border-color: #27303d;
background-color: #27303d;
color: #fff;
}
a.sf-button.yellow {
border-color: #f5c55e;
background-color: #f5c55e;
color: #fff;
}
a.sf-button.red {
border-color: #f45550;
background-color: #f45550;
color: #fff;
}
.sf-button.accent {
background: none;
background-image: none;
}
a.sf-button.stroke-to-fill {
border-width: 2px;
border-style: solid;
padding: 13px 30px;
background: transparent;
}
a.sf-button.large.stroke-to-fill {
padding: 13px 40px;
}
a.sf-button.mega.stroke-to-fill {
padding: 19px 40px;
}
a.sf-button.sf-icon-reveal {
padding: 15px 35px;
line-height: 20px;
-webkit-transform: translate3d(0,0,0);
}
a.sf-button.sf-icon-reveal.large {
padding: 18px 50px;
}
a.sf-button.sf-icon-stroke {
padding: 0;
line-height: 18px;
}
a.sf-button.sf-icon-reveal i {
font-size: 18px;
height: 100%;
width: 20px;
right: 30px;
top: 0;
line-height: 50px;
display: inline-block;
text-align: right;
position: absolute;
-o-transform: scale(0.5);
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
}
a.sf-button.large.sf-icon-reveal i {
font-size: 22px;
line-height: 56px;
right: 40px;
}
a.sf-button.sf-icon-reveal span.text {
display: block;
vertical-align: 4px;
text-align: center;
width: 100%;
}
a.sf-button.sf-icon-reveal i, a.sf-button.sf-icon-reveal span.text {
-webkit-transition: all 0.4s cubic-bezier(0.175,0.885,0.320,1.15);
-moz-transition: all 0.4s cubic-bezier(0.175,0.885,0.320,1.15);
-o-transition: all 0.4s cubic-bezier(0.175,0.885,0.320,1.15);
transition: all 0.4s cubic-bezier(0.175,0.885,0.320,1.15);
}
a.sf-button.sf-icon-reveal:hover i {
-o-transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
opacity: 1;
right: 20px;
}
a.sf-button.large.sf-icon-reveal:hover i {
right: 25px;
}
a.sf-button.sf-icon-reveal:hover span.text {
-webkit-transform: translateX(-12px);
-moz-transform: translateX(-12px);
-ms-transform: translateX(-12px);
transform: translateX(-12px);
}
a.sf-button.sf-icon-reveal.large:hover span.text {
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
a.sf-button.sf-icon-reveal.black {
background-color: #222;
}
a.sf-button.sf-icon-reveal.white {
background-color: #fff;
color: #222;
}
a.sf-button.sf-icon-reveal.blue {
background-color: #00bff3;
}
a.sf-button.sf-icon-reveal.grey {
background-color: #444;
}
a.sf-button.sf-icon-reveal.lightgrey {
background-color: #e4e4e4;
}
a.sf-button.sf-icon-reveal.orange {
background-color: #ff7534;
}
a.sf-button.sf-icon-reveal.turquoise {
background-color: #00d1c5;
}
a.sf-button.sf-icon-reveal.green {
background-color: #37ba85;
}
a.sf-button.sf-icon-reveal.pink {
background-color: #fe504f;
}
a.sf-button.sf-icon-reveal.gold {
background-color: #ffd56c;
}
a.sf-button.sf-icon-stroke i {
padding: 16px 25px 14px;
left: 0;
top: 0;
font-size: 18px;
height: 48px;
line-height: 16px;
display: inline-block;
position: absolute;
}
a.sf-button.sf-icon-stroke span.text {
padding: 14px 25px 14px 60px;
display: inline-block;
white-space: nowrap;
vertical-align: 4px;
line-height: 20px;
}
a.sf-button.large.sf-icon-stroke i {
padding: 19px 22px 8px;
height: 54px;
font-size: 22px;
}
a.sf-button.large.sf-icon-stroke span.text {
padding: 20px 84px 20px 30px;
line-height: 30px;
}
a.sf-button.mega.sf-icon-stroke i {
padding: 20px 25px;
height: 70px;
line-height: 30px;
}
a.sf-button.mega.sf-icon-stroke span.text {
padding: 14px 30px 14px 84px;
line-height: 30px;
}
a.sf-button span.text {
display: inline-block;
}
a.sf-button.bordered {
background: none;
border: 2px solid #e3e3e3;
position: relative;
overflow: visible;
}
a.sf-button.bordered.transparent-light, a.sf-button.bordered.transparent-dark {
border: 0!important;
}
a.sf-button .sf-button-border {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0;
border: 2px solid #ccc;
z-index: 2;
}
a.sf-button.bordered.black {
color: #222;
border-color: #222;
}
a.sf-button.bordered.white {
color: #fff;
border-color: #fff;
}
a.sf-button.bordered.blue {
color: #00bff3;
border-color: #00bff3;
}
a.sf-button.bordered.grey {
color: #444;
border-color: #444;
}
a.sf-button.bordered.lightgrey {
color: #e4e4e4;
border-color: #e4e4e4;
}
a.sf-button.bordered.orange {
color: #ff7534;
border-color: #ff7534;
}
a.sf-button.bordered.turquoise {
color: #00d1c5;
border-color: #00d1c5;
}
a.sf-button.bordered.green {
color: #37ba85;
border-color: #37ba85;
}
a.sf-button.bordered.pink {
color: #fe504f;
border-color: #fe504f;
}
a.sf-button.bordered.gold {
color: #e5bf61;
border-color: #e5bf61;
}
a.sf-button.bordered.white {
color: #fff!important;
}
a.sf-button.bordered.white:hover {
color: #222!important;
}
a.sf-button.bordered.black:hover, a.sf-button.bordered.blue:hover, a.sf-button.bordered.grey:hover, a.sf-button.bordered.orange:hover, a.sf-button.bordered.turquoise:hover, a.sf-button.bordered.green:hover, a.sf-button.bordered.pink:hover {
color: #fff;
}
a.sf-button.bordered.gold:hover, a.sf-button.bordered.lightgrey:hover, a.sf-button.bordered.gold:hover {
color: #222;
}
a.sf-button.rounded {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
a.sf-button.rounded.large {
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
a.sf-button.rounded.bordered:before, a.sf-button.rounded.bordered:after {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
opacity: 0;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s;
}
a.sf-button.rounded.bordered:hover:before, a.sf-button.rounded.bordered:hover:after {
opacity: 1;
}
a.sf-button.black:hover {
background-color: #111;
border-color: #111;
}
a.sf-button.white:hover {
background-color: #e4e4e4;
border-color: #e4e4e4;
}
a.sf-button.blue:hover {
background-color: #00acda;
border-color: #00acda;
}
a.sf-button.grey:hover {
background-color: #333;
border-color: #333;
}
a.sf-button.lightgrey:hover {
background-color: #ccc;
border-color: #ccc;
}
a.sf-button.orange:hover {
background-color: #e5692f;
border-color: #e5692f;
}
a.sf-button.turquoise:hover {
background-color: #00bcb1;
border-color: #00bcb1;
}
a.sf-button.green:hover {
background-color: #31a777;
border-color: #31a777;
}
a.sf-button.pink:hover {
background-color: #e44847;
border-color: #e44847;
}
a.sf-button.gold:hover {
background-color: #e5bf61;
border-color: #e5bf61;
}
a.sf-button.rotate-3d {
-ms-perspective: 1000px;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
padding: 0;
overflow: visible;
-webkit-backface-visibility: hidden;
}
a.sf-button.rotate-3d.large {
padding: 0;
}
a.sf-button.rotate-3d span.text {
background-color: inherit;
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
}
.browser-ie a.sf-button.rotate-3d span.text, .browser-ie10 a.sf-button.rotate-3d span.text, .browser-ie11 a.sf-button.rotate-3d span.text {
transform-style: inherit;
}
.browser-ie a.sf-button.rotate-3d:hover span.text, .browser-ie a.sf-button.rotate-3d:focus span.text, .browser-ie10 a.sf-button.rotate-3d:hover span.text, .browser-ie a.sf-button.rotate-3d:focus span.text, .browser-ie11 a.sf-button.rotate-3d:hover span.text, .browser-ie a.sf-button.rotate-3d:focus span.text {
transform: none;
}
.browser-ie a.sf-button.rotate-3d span.text:before, .browser-ie10 a.sf-button.rotate-3d span.text:before, .browser-ie11 a.sf-button.rotate-3d span.text:before {
opacity: 0;
top: 0;
transform: none;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.browser-ie a.sf-button.rotate-3d:hover span.text:before, .browser-ie10 a.sf-button.rotate-3d:hover span.text:before, .browser-ie11 a.sf-button.rotate-3d:hover span.text:before {
opacity: 1;
}
a.sf-button.rotate-3d span.text, a.sf-button.rotate-3d span.text:before {
padding: 14px 26px;
}
a.sf-button.rotate-3d.large span.text, a.sf-button.rotate-3d.large span.text:before {
padding: 14px 35px;
}
a.sf-button.rotate-3d span.text:before {
position: absolute;
display: inline-block;
top: 100%;
left: 0;
width: 100%;
height: 100%;
background: #ccc;
content: attr(data-text);
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
transition: background 0.3s;
-ms-transform: rotateX(-90deg);
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-backface-visibility: hidden;
-webkit-font-smoothing: antialiased;
}
a.sf-button.rotate-3d:hover span.text, a.sf-button.rotate-3d:focus span.text {
-webkit-transform: rotateX(91deg) translateY(-50%);
-moz-transform: rotateX(91deg) translateY(-50%);
transform: rotateX(91deg) translateY(-50%);
}
.no-csstransitions a.sf-button.rotate-3d span.text:before, .no-csstransforms a.sf-button.rotate-3d span.text:before, .no-cssanimations a.sf-button.rotate-3d span.text:before {
display: none!important;
}
a.sf-button.sf-button-rounded {
border-radius: 30px;
}
a.sf-button.mega.sf-button-rounded {
border-radius: 45px;
}
a.sf-button.sf-button-has-icon > i {
font-size: 18px;
margin-left: 10px;
vertical-align: -3px;
}
a.sf-button.sf-button-has-icon.large > i {
font-size: 22px;
margin-left: 10px;
vertical-align: -5px;
}
a.sf-button.sf-button-has-icon.mega > i {
font-size: 18px;
margin-left: 10px;
vertical-align: -7px;
}
/* --------------------------------------------
BOXED CONTENT SHORTCODE
-------------------------------------------- */
.spb_box_content .spb-asset-content {
position: relative;
}
.spb_box_content .box-link {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 3;
background: #222;
opacity: 0;
}
.spb_box_content .box-link:hover {
opacity: 0.1;
}
.spb_box_content .box-content-wrap {
padding: 30px;
position: relative;
z-index: 2;
}
.spb_box_content .box-content-wrap p:last-child {
margin-bottom: 0;
}
.spb_box_content .spb-bg-color-wrap.whitestroke {
background: #fff;
border: 1px solid #e3e3e3;
}
/* --------------------------------------------
CHART SHORTCODE
-------------------------------------------- */
.chart-shortcode {
position: relative;
text-align: center;
overflow: hidden;
}
.chart-shortcode.chart-170 {
width: 170px;
height: 170px;
line-height: 170px;
}
.chart-shortcode.chart-center {
margin: 0 auto;
}
.chart-shortcode.chart-right {
float: right;
}
.chart-shortcode canvas {
position: absolute;
top: 0;
left: 0;
}
.chart-shortcode span {
font-size: 14px;
vertical-align: -1px;
}
.chart-shortcode.chart-70 span i[class*="ss-"] {
vertical-align: -2px;
}
.chart-shortcode.chart-170 span {
font-size: 36px;
vertical-align: 0px;
}
.chart-shortcode.chart-170 span i {
vertical-align: -4px;
}
.chart-shortcode.chart-170 span i[class*="ss-"] {
vertical-align: -7px;
}
/* --------------------------------------------
CLIENT BOX SHORTCODE
-------------------------------------------- */
.client-box {
width: 228px;
height: auto;
background-color: #fafafa;
background-position: center center;
background-repeat: no-repeat;
float: left;
margin: 0 2px 7px 5px;
}
.client-box img {
width: 100%;
height: auto;
display: block;
}
/* --------------------------------------------
CLIENTS SHORTCODE
-------------------------------------------- */
ul.clients-items {
list-style: none;
}
.clients-items .carousel-item {
padding: 0 15px;
}
.client-item {
float: left;
margin-bottom: 25px;
}
.client-item figure {
opacity: 0.7;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
transition: all .5s ease-out;
}
.client-item figure:hover {
border-color: #222;
opacity: 1;
}
@media only screen and (max-width: 767px) {
.clients-items > .client-item.col-sm-2, .clients-items > .client-item.col-sm-6 {
width: 50%;
float: left;
}
}
/* --------------------------------------------
CODE SHORTCODE
-------------------------------------------- */
code[class*="language-"],
pre[class*="language-"] {
color: black;
text-shadow: 0 1px white;
font-family: Consolas, Monaco, 'Andale Mono', monospace;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
text-shadow: none;
background: #b3d4fc;
}
pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
text-shadow: none;
background: #b3d4fc;
}
@media print {
code[class*="language-"],
pre[class*="language-"] {
text-shadow: none;
}
}
pre[class*="language-"] {
background: #f7f7f7;
border-left: 3px solid #999;
border-radius: 0;
margin: 0 0 25px;
overflow-y: auto;
padding: 0 20px 20px;
max-height: 500px;
}
:not(pre) > code[class*="language-"] {
padding: .1em;
border-radius: .3em;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: slategray;
}
.token.punctuation {
color: #999;
}
.namespace {
opacity: .7;
}
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
color: #905;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
color: #690;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
color: #a67f59;
background: hsla(0, 0%, 100%, .5);
}
.token.atrule,
.token.attr-value,
.token.keyword {
color: #07a;
}
.token.function {
color: #DD4A68;
}
.token.regex,
.token.important,
.token.variable {
color: #e90;
}
.token.important,
.token.bold {
font-weight: bold;
}
.token.italic {
font-style: italic;
}
.token.entity {
cursor: help;
}
/* --------------------------------------------
COLUMN SHORTCODE
-------------------------------------------- */
.one_half {
width: 48%;
}
.one_third {
width: 30.66%;
}
.two_third {
width: 65.33%;
}
.one_fourth {
width: 22%;
}
.one_fifth {
width: 16.8%;
}
.one_fifth.no-gutter {
width: 20%;
margin: 0;
}
.three_fourth {
width: 74%;
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth {
position: relative;
z-index: 2;
margin-right: 4%;
float: left;
}
.one_half .row, .one_third .row, .two_third .row, .three_fourth .row, .one_fourth .row, .one_fifth .row {
margin-bottom: 0;
}
.one_half p:last-child, .one_third p:last-child, .two_third p:last-child, .three_fourth p:last-child, .one_fourth p:last-child, .one_fifth p:last-child {
margin-bottom: 0;
}
.one_half img, .one_third img, .two_third img, .three_fourth img, .one_fourth img, .one_fifth img {
max-width: 100%;
height: auto;
}
.last {
margin-right: 0 !important;
clear:right;
}
.clearboth {
clear: both;
display: block;
font-size: 0;
height: 0;
line-height: 0;
width: 100%;
}
/* --------------------------------------------
COUNT SHORTCODE
-------------------------------------------- */
.sf-count-asset {
text-align: center;
padding: 20px 0;
}
.sf-count-asset .count-number {
font-size: 60px;
line-height: 100%;
}
.sf-count-asset .count-divider {
width: 100%;
text-align: center;
height: 1px;
margin-top: 15px;
margin-bottom: 20px;
}
.sf-count-asset .count-divider.has-icon {
height: 28px;
overflow: hidden;
}
.sf-count-asset .count-divider span {
background: #e4e4e4;
width: 0;
height: 1px;
display: inline-block;
}
.sf-count-asset .count-divider.has-icon span {
background: #e4e4e4;
width: 20%;
height: 1px;
vertical-align: middle;
margin-top: -9px;
}
.sf-count-asset .count-divider.has-icon i {
height: 30px;
font-size: 24px;
padding: 0 20px;
}
.sf-count-asset .count-subject {
padding-top: 8px;
opacity: 0;
bottom: -15px;
position: relative;
color: inherit;
}
.sf-count-asset h6.count-subject {
padding-top: 12px;
color: inherit;
}
/* --------------------------------------------
COUNTDOWN SHORTCODE
-------------------------------------------- */
.sf-countdown {
text-align: center;
font-size: 20px;
line-height: 28px;
text-transform: uppercase;
}
.sf-countdown.text-large {
font-size: 48px;
line-height: 72px;
}
.sf-countdown .countdown_section {
display: inline-block;
}
.sf-countdown .countdown_section .amount_label {
display: inline-block;
opacity: 0.5;
filter:alpha(opacity=50);
}
.countdown-subject {
text-align: center;
margin-top: 10px;
}
/* --------------------------------------------
DIRECTORY SHORTCODE
-------------------------------------------- */
.spb_directory_widget.spb_gmaps_widget {
padding-left: 0;
padding-right: 0;
}
.dir-item-no-margin {
margin-left: 0!important;
}
.directory-filter-wrap {
width: 100%;
}
.directorySearch {
width: 100%;
text-align: center;
padding: 7px 16px;
}
.directory-results {
max-width: 100%;
margin-top: 40px;
margin-bottom: 20px;
}
.directory-results h2 {
margin-top: 0;
margin-bottom: 30px;
}
.directory-filter {
width: 20%;
float: left;
margin-left: 2%;
}
.directory-search-container {
float: left;
margin-left: 2%;
width: 14%;
color: #FFF;
}
.directory-search-container > a {
height: 40px;
}
.filter-search-container {
width: 40%;
float: left;
}
.info-window-container {
clear: both;
}
.directory-filter-wrap {
max-width: 100%;
}
.spb_directory_filter_above {
padding-top: 30px;
margin-bottom: 30px;
max-width: 100%;
}
.spb_directory_filter_below {
margin-top: 30px;
padding-bottom: 30px;
max-width: 100%;
}
.container .directory-filter-wrap.container, .container .spb_directory_filter_above.container, .container .spb_directory_filter_below.container {
padding-left: 0;
padding-right: 0;
}
.container .spb-full-width-element .directory-filter-wrap.container {
padding-left: 15px;
padding-right: 15px;
}
.spb_directory_filter_above:empty, .spb_directory_filter_below:empty {
margin: 0;
}
.has-one-sidebar .directory-filter-wrap, .has-one-sidebar .spb_directory_filter_below {
padding-left: 0;
padding-right: 0;
}
.filter-search-container input, .directory-filter select {
margin: 0!important;
}
.directory-filter > select {
padding-top: 4px;
padding-bottom: 4px;
}
.directory-item {
border-top: 1px solid #e3e3e3;
padding-top: 30px;
margin-bottom: 30px;
}
.directory-item figure {
width: 30%;
float: left;
}
.directory-item .directory-item-details {
width: 100%;
float: left;
margin-left: 0;
}
.directory-item figure + .directory-item-details {
width: 67%;
margin-left: 3%;
}
.directory-item h3 {
margin-top: 0;
margin-bottom: 10px;
}
.directory-item-details .item-meta {
margin-bottom: 15px;
}
.directory-item-details .item-meta span {
padding: 0 8px;
}
.directory-item .directory-item-details .excerpt {
margin-bottom: 15px;
}
.directory-item.no-thumb .directory-item-details {
width: 100%;
margin-left: 0;
}
.single-directory .post-info .comments-likes {
margin-top: 0;
}
/* --------------------------------------------
DIRECTORY USER LISTINGS SHORTCODE
-------------------------------------------- */
.directory-submit-wrap {
overflow-y: scroll;
height: 100%;
}
.directory-submit-wrap label {
font-weight: normal;
}
.directory-submit-wrap p {
margin-bottom: 10px;
}
.directory-submit-wrap textarea {
margin-bottom: 0;
}
.directory-submit-wrap select, .directory-submit-wrap input[type="file"] {
margin-bottom: 15px;
}
#add-directory-entry {
margin: 0 auto;
padding: 90px 30px 0;
}
.directory-error {
display: none;
}
.directory-error label {
padding: 10px;
border: 1px solid #E90A0A;
display: block;
color: #E90A0A;
}
.edit-listing, .delete-listing {
margin-left: 10px;
font-size: 12px;
line-height: 18px;
width: 70px;
text-align: center;
height: auto;
padding: 7px 8px;
border: 2px solid #e4e4e4;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
text-transform: uppercase;
font-weight: bold;
display: inline-block;
}
.edit-listing {
margin-left: 0;
}
.cancel-listing-modal {
margin-right: 20px;
}
#spb_edit_listing {
display: none;
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
top: 0;
left: 0;
z-index: 9999;
}
.spb-modal-listing {
width: 800px;
position: fixed;
top: 25%;
left: 50%;
margin-top: -100px;
margin-left: -400px;
background-color: white;
z-index: 10002;
height: 640px;
display: none;
overflow: hidden;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.edit_form_actions {
float: right;
margin-right: 30px;
margin-top: 0;
line-height: 30px;
}
.edit_form_actions > a {
line-height: 30px;
}
.edit_form_actions > a:last-child {
padding: 0 0 0 15px;
font-weight: bold;
color: #fe504f;
opacity: 0.8;
}
.edit_form_actions > a:last-child:hover {
opacity: 1;
}
#edit-modal-header {
background: #f7f7f7;
border-bottom: 1px solid #e4e4e4;
padding: 20px 0;
border-radius: 3px 3px 0 0;
height: auto;
overflow: hidden;
width: 100%;
position: absolute;
z-index: 3;
margin-bottom: 20px;
}
#edit-modal-header h2 {
float: left;
margin: 0 0 0 30px;
font-size: 24px;
line-height: 30px;
}
.modal-delete-listing {
position: fixed;
top: 10%;
left: 50%;
z-index: 1050;
width: 560px;
height: 300px;
margin-left: -280px;
background-color: #ffffff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.3);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
outline: none;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
}
.modal-delete-listing .fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-moz-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
#modal-from-dom {
left: 50%;
top: 30%;
}
#modal-from-dom .modal-footer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 20px 30px;
}
#modal-from-dom .modal-footer > a:first-child {
padding: 0 15px;
font-weight: bold;
color: #fe504f;
opacity: 0.8;
}
#modal-from-dom .modal-footer > a:first-child:hover {
opacity: 1;
}
/* --------------------------------------------
DIVIDER SHORTCODE
-------------------------------------------- */
.spb_divider {
display: block;
border-bottom-width: 1px;
margin-bottom: 30px;
}
.spb_divider.standard {
border-bottom-style: solid;
border-bottom-width: 2px;
}
.spb_divider.thin {
border-bottom-style: solid;
}
.spb_divider.dotted {
border-bottom-style: dotted;
}
.spb_divider.go_to_top {
padding: 0;
}
.spb_divider.go_to_top a {
text-align: right;
display: block;
text-decoration: none;
border-bottom: 1px solid transparent;
margin-bottom: 30px;
}
.spb_divider.go_to_top_icon1 {
position: relative;
height: 9px;
border-bottom: 1px solid transparent;
}
.spb_divider.go_to_top_icon2 {
position: relative;
height: 10px;
border-bottom: 1px solid transparent;
}
.spb_divider.go_to_top_icon1 a, .spb_divider.go_to_top_icon2 a {
position: absolute;
right: 0;
display: block;
padding: 0 0 0 10px;
text-decoration: none;
}
.spb_divider.go_to_top_icon2 a i {
padding-left: 6px;
vertical-align: -3px;
}
.divider-wrap h3.divider-heading {
position: relative;
z-index: 1;
overflow: hidden;
text-align: center;
float: none;
}
.divider-wrap h3.divider-heading:before, .divider-wrap h3.divider-heading:after {
position: absolute;
top: 50%;
overflow: hidden;
width: 50%;
height: 2px;
content: '\a0';
background-color: #e3e3e3;
}
.divider-wrap h3.divider-heading:before {
margin-left: -53%;
text-align: right;
}
.divider-wrap h3.divider-heading:after {
margin-left: 3%;
}
.divider-wrap h3.divider-heading:before {
width: 50%;
margin-left: -53%;
}
.divider-wrap h3.divider-heading:after {
width: 50%;
margin-left: 3%;
}
/* --------------------------------------------
FAQS SHORTCODE
-------------------------------------------- */
ul.faqs-nav {
margin-bottom: 50px;
margin-left: -2%;
list-style: none;
}
.faqs-nav li {
float: left;
width: 48%;
padding: 11px 15px 7px;
border: 1px solid #F4F4F4;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin: 0 0 10px 2%;
}
.faqs-nav li a {
text-decoration: none;
}
.faqs-nav li i {
margin-right: 8px;
vertical-align: -2px;
}
.faqs-nav li .count {
float: right;
opacity: 0.6;
-moz-opacity: 0.6;
filter:alpha(opacity= 60);
}
h3.faq-section-title {
margin: 0 0 30px;
padding: 0;
}
ul.faqs-section {
margin-bottom: 60px;
list-style: none;
}
.faq-item {
border-top: 1px solid #ccc;
border: 1px solid #e3e3e3;
border-radius: 4px;
margin-bottom: 30px;
}
.faq-item:hover {
cursor: pointer;
}
.faq-item:first-child {
padding-top: 0;
}
.faq-item h6 {
margin-bottom: 15px;
}
.faq-item h5 {
margin: 0;
padding: 30px;
border-bottom: 1px solid #e3e3e3;
font-weight: bold;
background: transparent;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.faq-item.closed h5 {
border-bottom-width: 0;
opacity: 0.5;
background: rgba(0,0,0,0.05);
}
.faq-item h5:before {
content: attr(data-before);
float: left;
font-weight: normal;
padding-right: 20px;
opacity: 0.6;
}
.faq-item .faq-text {
padding: 30px 30px 30px 65px;
position: relative;
display: none;
}
.faq-item .faq-text:before {
content: attr(data-before);
font-weight: normal;
opacity: 0.6;
position: absolute;
left: 30px;
}
/* --------------------------------------------
GALLERY SHORTCODE
-------------------------------------------- */
.spb_gallery_widget {
margin-bottom: 40px;
position: relative;
overflow: hidden;
padding-left: 15px;
padding-right: 15px;
}
.spb_gallery_widget .masonry-gallery {
position: relative;
}
.spb_gallery_widget .gallery-nav {
margin-top: 30px;
}
.spb_gallery_widget .gallery-nav li {
margin-left: 30px;
width: 100px !important;
float: left;
}
.spb_gallery_widget .gallery-nav li:first-child {
margin-left: 0;
}
.spb_gallery_widget .gallery-nav li img {
display: block;
width: 100%;
height: auto;
opacity: .7;
cursor: pointer;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.spb_gallery_widget .gallery-nav li.flex-active-slide img, .spb_gallery_widget .gallery-nav li img:hover {
opacity: 1;
}
.gallery-slider p.flex-caption {
position: absolute;
bottom: 0;
padding: 15px 20px;
color: #fff;
margin: 0;
width: 100%;
font-size: 16px;
}
.gallery-slider .lightbox-icon {
position: absolute;
top: 20px;
right: 20px;
font-size: 16px;
color: #fff;
padding: 10px 11px;
border-radius: 3px;
background: rgba(0,0,0,0.2);
height: 38px;
line-height: 22px;
}
.gallery-masonry {
padding: 0;
}
.masonry-gallery .gallery-image {
opacity: 0;
margin-bottom: 30px;
}
.masonry-gallery.no-gutters .gallery-image {
margin: 0;
padding: 0;
}
.masonry-gallery .gallery-image.item-animated {
opacity: 1;
}
/* --------------------------------------------
GOOGLE CHART SHORTCODE
-------------------------------------------- */
.googlechart {
margin-bottom: 30px;
width: 100%;
}
/* --------------------------------------------
GOOGLE MAPS SHORTCODE
-------------------------------------------- */
.pinmarker {
width: 280px;
padding: 6px;
overflow: hidden;
}
.pinmarker > h3 {
margin-top: 0;
}
.pinmarker > img.info-window-img {
float: left;
max-width: 70px;
display: block;
}
.pinmarker .pinmarker-container {
margin-left: 85px;
}
.pinmarker-container h3 {
margin-top: -5px;
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.pinmarker-container .excpert {
color: #222;
font-size: 11px!important;
line-height: 15px!important;
}
.pinmarker-container a.pin-button {
width: 100%;
padding: 8px;
display: block;
margin-top: 8px;
background-color: #e7e7e7;
text-align: center;
}
.map-canvas div {
line-height: initial;
}
/* --------------------------------------------
ICON SHORTCODE
-------------------------------------------- */
.spb_icon_box > .spb-asset-content .sf-icon-box {
float: left;
width: 100%;
}
.sf-icon {
font-size: 30px;
line-height: 26px;
padding: 0;
width: auto;
height: 28px;
background-image: none;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.sf-icon-cont {
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.sf-icon-box .sf-icon-character {
font-weight: bold;
margin-left: 3px;
margin-right: 5px;
font-size: 48px;
vertical-align: -2px;
}
.sf-icon-box .sf-icon.image-display {
margin-bottom: 20px;
}
.sf-icon-box .sf-icon[class^="fa-"] {
margin-bottom: 28px;
}
.sf-icon-box.sf-icon-box-standard .sf-icon {
margin-bottom: 0;
}
.sf-icon.sf-icon-medium {
font-size: 40px;
line-height: 40px;
width: auto;
height: 38px;
}
.sf-icon-cont .sf-icon-character {
margin-left: 7px;
}
.sf-icon-cont.cont-small .sf-icon {
line-height: 28px;
height: 30px;
margin-left: 0;
}
.sf-icon-cont.cont-small .sf-icon[class^="ss-"] {
line-height: 36px;
}
.sf-icon-cont.cont-medium .sf-icon {
line-height: 36px;
}
.sf-icon-cont.cont-medium .sf-icon-character {
font-size: 44px;
line-height: 32px;
margin-left: 3px;
}
.sf-icon-cont.cont-medium .sf-icon[class^="ss-"] {
line-height: 60px;
margin-left: -1px;
}
.sf-icon.sf-icon-large {
line-height: 70px;
width: auto;
height: 70px;
}
.sf-icon.sf-icon-large[class^="fa-"] {
line-height: 52px;
}
.sf-icon-cont.cont-large .sf-icon {
line-height: 70px;
}
.sf-icon-cont.cont-large .sf-icon[class^="ss-"] {
line-height: 82px;
margin-left: -4px;
letter-spacing: -4px;
}
.sf-icon-cont.cont-large .sf-icon-character {
font-size: 64px;
text-align: center;
}
.sf-icon-cont .sf-icon {
padding: 0;
display: block;
}
.sf-icon-cont {
padding: 18px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
text-align: center;
vertical-align: middle;
margin-bottom: 20px;
margin-right: 20px;
height: 28px;
width: 28px;
line-height: 12px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
}
.browser-ie .sf-icon-cont:hover, .browser-ie .sf-hover .sf-icon-cont, .browser-ie10 .sf-icon-cont:hover, .browser-ie10 .sf-hover .sf-icon-cont {
background-image: none;
}
.sf-icon-cont.cont-small {
padding: 19px 20px 19px 18px;
}
.sf-icon-cont.cont-medium {
padding: 25px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
text-align: center;
vertical-align: middle;
margin-bottom: 20px;
width: 48px;
height: 48px;
line-height: 12px;
}
.sf-icon-cont.cont-large {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
text-align: center;
vertical-align: middle;
width: 70px;
height: 70px;
}
.sf-icon.sf-icon-large:before {
font-size: 72px;
}
.sf-icon-cont .sf-icon.sf-icon-large:before {
font-size: 60px;
}
.sf-icon-float-left {
float: left;
padding: 5px 10px 0 0;
}
.sf-icon-float-right {
float: right;
padding: 5px 0 0 10px;
margin-right: 0;
margin-left: 20px;
}
.sf-icon-float-none {
display: inline-block;
margin-right: 0;
}
/* --------------------------------------------
ICON BOX SHORTCODE
-------------------------------------------- */
.sf-icon-box {
display: block;
position: relative;
z-index: 2;
padding: 20px;
}
.sf-icon-box.sf-icon-box-standard {
text-align: center;
padding: 30px 10px 10px;
}
.sf-icon-box-standard .sf-icon-cont {
margin-right: 0;
margin-bottom: 5px;
}
.sf-icon-box-standard .sf-icon {
padding: 0;
}
.sf-icon-box h3 > i, .sf-icon-box h3 > a > i {
margin-right: 8px;
vertical-align: -2px;
font-size: 22px;
}
.sf-icon.image-display {
border-radius: 50%;
overflow: hidden;
max-width: 82px;
width: 82px;
height: 82px;
}
a.linked-icon {
display: block;
}
.sf-icon-box h3 > a {
color: inherit;
}
.sf-icon-box h3 > a:hover, a.linked-icon i {
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.sf-icon-box h3 > a:hover, a.linked-icon:hover i {
opacity: 0.7;
}
.sf-icon-box.sf-icon-box-standard h3 {
margin-bottom: 20px;
}
.sf-icon-box[class*="sf-icon-box-left-icon"] > .linked-icon, .sf-icon-box[class*="sf-icon-box-left-icon"] > .sf-icon-cont {
float: left;
margin: 0;
}
.sf-icon-box[class*="sf-icon-box-left-icon"] > i, .sf-icon-box[class*="sf-icon-box-left-icon"] > div.sf-svg-icon-holder {
float: left;
position: relative;
font-size: 42px;
line-height: 52px;
text-align: center;
width: 44px;
}
.sf-icon-box[class*="sf-icon-box-left-icon"] > i[class*="ss-"] {
line-height: 48px;
}
.sf-icon-box[class*="sf-icon-box-left-icon"] > span {
float: left;
position: relative;
font-size: 46px;
line-height: 46px;
text-align: center;
width: 48px;
margin-left: 0;
}
.sf-icon-box.has-image[class*="sf-icon-box-left-icon"] > span {
width: 70px;
}
.sf-icon-box.sf-icon-box-boxed-two .sf-icon {
margin-bottom: 15px;
}
.sf-icon-box.sf-icon-box-boxed-two h3 {
margin-top: 10px;
}
.sf-icon-box[class*="sf-icon-box-boxed-"] {
padding: 0;
}
.sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-cont {
position: absolute;
right: 30px;
top: -41px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
height: 32px;
width: 32px;
line-height: 12px;
border: 0;
margin: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
}
.sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-cont > i {
font-size: 32px;
line-height: 34px!important;
}
.sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-cont > i[class*="ss-"] {
line-height: 44px!important;
}
.browser-ie .sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-cont, .browser-ie10 .sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-cont {
background-image: none;
}
.sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon.image-display {
position: absolute;
top: -40px;
right: 35px;
}
.sf-icon-box.sf-icon-box-boxed-two .sf-icon.image-display {
position: relative;
top: 0;
right: 0;
margin-bottom: 10px;
}
.sf-icon-box.sf-icon-box-boxed-three .sf-icon-cont {
right: 50%;
margin-right: -42px;
}
.sf-icon-box.sf-icon-box-boxed-three .sf-icon.image-display {
right: 50%;
-moz-transform: translate3d(50%, -50%, 0);
-webkit-transform: translate3d(50%, -50%, 0);
transform: translate3d(50%, -50%, 0);
top: 0;
}
.sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-box-content-wrap {
background: #fff;
padding: 40px 30px 60px 30px;
webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.sf-icon-box.sf-icon-box-boxed-three .sf-icon-box-content-wrap {
padding: 40px 30px 65px 30px;
}
.sf-icon-box.sf-icon-box-boxed-two .sf-icon-box-content-wrap {
padding-bottom: 30px;
margin-top: 0;
}
.sf-icon-box.sf-icon-box-boxed-three .sf-icon-box-content-wrap {
padding-bottom: 40px;
}
.sf-icon-box.sf-icon-box-boxed-four .sf-icon-box-content-wrap {
padding: 25px 30px 20px;
margin-top: 0;
}
.sf-icon-box.sf-icon-box-boxed-four h3 {
margin-top: 0;
}
.sf-icon-box.sf-icon-box-boxed-four h3 i {
vertical-align: -3px;
margin-right: 5px;
}
.sf-icon-box .sf-icon-box-content-wrap {
display: block;
}
.sf-icon-box.sf-icon-box-left-icon .sf-icon-box-content-wrap {
display: block;
margin-left: 90px;
}
.sf-icon-box.sf-icon-box-left-icon-alt .sf-icon-box-content-wrap {
display: block;
margin-left: 70px;
}
.sf-icon-box.has-image[class*="sf-icon-box-left-icon"] .sf-icon-box-content-wrap {
margin-left: 100px;
}
.sf-icon-box[class*="sf-icon-box-left-icon"] .sf-icon-box-content-wrap h3 {
margin-top: 2px;
margin-bottom: 10px;
}
.sf-icon-box[class*="sf-icon-box-left-icon"] .sf-icon-box-content-wrap h3:empty {
display: none;
}
.sf-icon-box.sf-icon-box-boxed-two .sf-icon-box-content-wrap {
text-align: center;
}
.sf-icon-box.sf-icon-box-boxed-three h3, .sf-icon-box.sf-icon-box-boxed-three .sf-icon-box-content {
text-align: center;
}
.sf-icon-box[class*="sf-icon-box-boxed-"] h3, .sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-box-content {
color: #222;
}
.sf-icon-box-hr {
width: 50px;
height: 1px;
margin: 0 auto;
display: block;
background: #e4e4e4;
margin-bottom: 20px;
-webkit-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275) 0!important;
-moz-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275) 0s!important;
-o-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275) 0!important;
transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275) 0!important;
}
.sf-hover .sf-icon-box-hr {
width: 100px;
}
.sf-icon-box-content {
display: block;
width: 100%;
line-height: 150%;
}
.sf-icon-box-content p {
color: inherit;
}
.sf-icon-box-content p:last-child {
margin-bottom: 0;
}
.sf-icon-box-content a.read-more {
padding-top: 8px;
}
.sf-icon-box-animated {
-ms-transform: perspective(1000px);
-moz-transform: perspective(1000px);
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
position: relative;
padding: 0;
text-align: center;
width: 100%;
height: auto;
background: transparent;
}
.sf-icon-box-animated .box-link, .sf-icon-box-animated-alt .box-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.standard-browser .sf-icon-box-animated:hover .back, .no-csstransitions .sf-icon-box-animated .back, .sf-icon-box-animated.sf-mobile-hover .back {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.standard-browser .sf-icon-box-animated:hover .front, .no-csstransitions .sf-icon-box-animated .front, .sf-icon-box-animated.sf-mobile-hover .front {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.sf-icon-box-animated .inner {
-webkit-transition: 0.5s;
-webkit-transform-style: preserve-3d;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-moz-transform: perspective(1000px);
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transition: 0.5s;
transform-style: preserve-3d;
position: relative;
}
.sf-icon-box-animated .front, .sf-icon-box-animated .back {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275);
-moz-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275);
-o-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275);
transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275);
transform-style: preserve-3d;
position: absolute;
top: 0;
left: 0;
}
.sf-icon-box-animated .front {
position: relative;
z-index: 8;
display: block;
width: 100%;
height: auto;
padding: 70px 20px;
webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.sf-icon-box-animated .back {
overflow: hidden;
background: #ffffff;
padding: 20px;
width: 100%;
height: 100%;
webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.sf-icon-box-animated .front h3 {
margin: 10px 0;
}
.sf-icon-box-animated .sf-icon {
margin-bottom: 0;
padding: 0;
line-height: 44px;
margin-top: 20px;
}
.sf-icon-box-animated .sf-icon.sf-icon-large[class^="fa-"] {
margin-bottom: 0;
}
.sf-icon-box-animated .sf-icon.sf-icon-character {
font-size: 72px!important;
}
.sf-icon-box-animated .sf-icon.image-display {
margin-top: 8px;
margin-bottom: 12px;
}
.sf-icon-box-animated .sf-icon.sf-icon-large[class^="fa-"] {
line-height: 40px;
}
.sf-icon-box-animated .sf-icon.sf-icon-large[class^="fa-"]:before {
font-size: 60px;
}
.sf-icon-box-animated table, .sf-icon-box-animated td {
border: 0;
padding: 0;
}
.sf-icon-box-animated-alt {
text-align: center;
width: 100%;
display: inline-block;
border-radius: 4px;
padding: 0;
position: relative;
}
.sf-icon-box-animated-alt.animated-stroke-style {
border: 1px solid #e3e3e3;
}
.sf-icon-box-animated-alt.animated-stroke-style .front {
background: transparent;
}
.sf-icon-box-animated-alt .height-adjust {
margin-top: 100%;
}
.sf-icon-box-animated-alt .inner {
position: absolute;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 4px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
.sf-icon-box-animated-alt .front {
background: #f7f7f7;
z-index: 2;
border-radius: 4px;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.sf-icon-box-animated-alt .front .back-title {
position: absolute;
z-index: 3;
width: 100%;
height: 25%;
bottom: 0%;
left: 0;
opacity: 0;
-webkit-transform: translateY(10%);
-moz-transform: translateY(10%);
transform: translateY(10%);
-webkit-transition: all 200ms cubic-bezier(1.000, 0.000, 0.600, 1.000);
-moz-transition: all 200ms cubic-bezier(1.000, 0.000, 0.600, 1.000);
-o-transition: all 200ms cubic-bezier(1.000, 0.000, 0.600, 1.000);
transition: all 200ms cubic-bezier(1.000, 0.000, 0.600, 1.000);
}
.sf-icon-box-animated-alt:hover .front .back-title {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 700ms cubic-bezier(1.000, 0.000, 0.600, 1.000);
-moz-transition: all 700ms cubic-bezier(1.000, 0.000, 0.600, 1.000);
-o-transition: all 700ms cubic-bezier(1.000, 0.000, 0.600, 1.000);
transition: all 700ms cubic-bezier(1.000, 0.000, 0.600, 1.000);
}
.sf-icon-box-animated-alt .front .back-title::before {
content: attr(data-title);
line-height: inherit;
display: inline-block;
position: absolute;
width: 100%;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.sf-icon-box-animated-alt .front, .sf-icon-box-animated-alt .back {
-webkit-transition: all 500ms cubic-bezier(1.000, 0.000, 0.600, 1.000);
-moz-transition: all 500ms cubic-bezier(1.000, 0.000, 0.600, 1.000);
-o-transition: all 500ms cubic-bezier(1.000, 0.000, 0.600, 1.000);
transition: all 500ms cubic-bezier(1.000, 0.000, 0.600, 1.000);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.sf-icon-box-animated-alt .back {
background: #ccc;
z-index: 3;
border-radius: 0 0 4px 4px;
position: absolute;
top: 25%;
left: 0;
height: 75%;
width: 100%;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
transform: translateY(100%);
}
.sf-icon-box-animated-alt .back::after {
content: "";
background: inherit;
width: 10px;
height: 10px;
position: absolute;
z-index: 4;
top: 10px;
left: 50%;
margin-left: -5px;
border-radius: 2px;
transform: rotate(45deg);
transition: all 500ms;
}
.sf-icon-box-animated-alt .front::before, .sf-icon-box-animated-alt .back::before {
content: '';
height: 100%;
display: inline-block;
vertical-align: middle;
}
.sf-icon-box-animated-alt .front-inner-wrap {
width: 100%;
height: auto;
text-align: center;
display: inline-block;
vertical-align: middle;
padding: 0 30px;
}
.sf-icon-box-animated-alt .front-inner-wrap h3 {
margin: 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.sf-icon-box-animated-alt .front-inner-wrap .sf-icon-character, .sf-icon-box-animated-alt .front-inner-wrap .sf-icon {
font-size: 48px;
}
.sf-icon-box-animated-alt .back-inner-wrap {
width: 90%;
vertical-align: middle;
display: inline-block;
}
.sf-icon-box-animated-alt:hover .front {
-webkit-transform: translateY(-75%);
-moz-transform: translateY(-75%);
transform: translateY(-75%);
border-radius: 0;
}
.sf-icon-box-animated-alt:hover .back {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}
.sf-icon-box-animated-alt:hover .back::after {
top: -5px;
}
.sf-icon-box-animated-alt.animated-no-rounded, .sf-icon-box-animated-alt.animated-no-rounded .inner, .sf-icon-box-animated-alt.animated-no-rounded .inner .front, .sf-icon-box-animated-alt.animated-no-rounded .inner .back {
border-radius: 0;
}
.sf-icon-box-hover {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #fff;
z-index: 10;
-ms-filter: "alpha(opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.sf-icon-box-hover table, .sf-icon-box-animated .back table {
margin-top: -10px;
height: 100%;
width: 100%;
}
.sf-icon-box-hover:hover {
width: 116%;
height: 116%;
left: -8%;
top: -8%;
-ms-filter: "alpha(opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
transition: width 300ms,height 300ms,top 300ms,left 300ms;
-moz-transition: width 300ms,height 300ms,top 300ms,left 300ms;
-webkit-transition: width 300ms,height 300ms,top 300ms,left 300ms;
-o-transition: width 300ms,height 300ms,top 300ms,left 300ms;
}
.sf-icon-box-bold {
padding: 20% 15%;
text-align: center;
}
.minimal-design .sf-icon-box-standard .sf-icon-cont {
padding: 0;
background-color: transparent!important;
}
.minimal-design .sf-icon-box-standard .sf-icon-cont:hover, .minimal-design .sf-icon-box-standard.sf-hover .sf-icon-cont {
background-color: transparent!important;
}
.minimal-design .sf-icon-box-standard .sf-icon-cont:hover .sf-icon, .minimal-design .sf-icon-box-standard.sf-hover .sf-icon-cont .sf-icon {
color: inherit!important;
}
.sf-icon-box-standard-center {
text-align: center;
}
.sf-icon-box-standard-center i.sf-icon, .sf-icon-box-standard-left i.sf-icon, .sf-icon-box-vertical i.sf-icon {
font-size: 48px;
line-height: 52px;
}
.sf-icon-box-standard-center-contained {
text-align: center;
}
.sf-icon-box-standard-center-contained i.sf-icon, .sf-icon-box-standard-left-contained i.sf-icon, .sf-icon-box-vertical-contained i.sf-icon {
font-size: 32px;
line-height: 70px;
}
.sf-icon-box-vertical .icon-wrap, .sf-icon-box-vertical-contained .icon-wrap {
float: left;
}
.sf-icon-box-vertical .sf-icon-box-content-wrap {
padding-left: 80px;
}
.sf-icon-box-vertical-contained .sf-icon-box-content-wrap, .sf-icon-box-vertical.has-image .sf-icon-box-content-wrap {
padding-left: 100px;
}
.sf-icon-box-standard-left, .sf-icon-box-standard-left-contained {
padding-left: 0
}
.sf-icon-box .sf-svg-icon-holder {
width: 48px;
height: 48px;
margin-bottom: 25px;
display: inline-block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}
.sf-icon-box .sf-svg-icon-holder.has-color path {
stroke: inherit;
}
.sf-svg-icon-animate {
opacity: 0;
}
.sf-svg-icon-animate.animation-disabled {
opacity: 1;
}
.sf-svg-icon-animate.animation-disabled path {
stroke-dasharray: 200, 200;
stroke-dashoffset: 0;
}
@media only screen and (max-width: 767px) {
.spb-column-inner .spb_icon_box:last-child .sf-icon-box {
margin-bottom: 30px;
}
}
/* --------------------------------------------
ICON BOX GRID SHORTCODE
-------------------------------------------- */
.spb_icon_box_grid .spb_icon_box > .spb-asset-content {
font-size: 0; /* inline block spacing fix */
position: static;
}
.spb_icon_box_grid .spb_icon_box {
width: 33.3333%;
min-height: 320px;
text-align: center;
border-top: 1px solid rgba(0,0,0,0.1);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
color: #222;
}
.spb_icon_box_grid .spb_icon_box .outline-svg svg path {
stroke: #222;
}
.spb_icon_box_grid[data-colour="light"] .spb_icon_box {
color: #fff;
border-top: 1px solid rgba(255,255,255,0.1);
}
.spb_icon_box_grid[data-colour="light"] .spb_icon_box .outline-svg svg path {
stroke: #fff;
}
.spb_icon_box_grid .spb_icon_box:hover {
background: rgba(0,0,0,0.05);
}
.spb_icon_box_grid[data-columns="3"] .spb_icon_box:nth-child(-n+3){
border-top-width: 0;
}
.spb_icon_box_grid[data-columns="3"] .spb_icon_box:nth-child(3n-1),
.spb_icon_box_grid[data-columns="3"] .spb_icon_box:nth-child(3n-2) {
box-shadow: 1px 0 0 rgba(0,0,0,0.1);
}
.spb_icon_box_grid[data-colour="light"][data-columns="3"] .spb_icon_box:nth-child(3n-1),
.spb_icon_box_grid[data-colour="light"][data-columns="3"] .spb_icon_box:nth-child(3n-2) {
box-shadow: 1px 0 0 rgba(255,255,255,0.1);
}
.spb_icon_box_grid[data-columns="4"] .spb_icon_box {
width: 25%;
}
.spb_icon_box_grid[data-columns="4"] .spb_icon_box:nth-child(4n-1),
.spb_icon_box_grid[data-columns="4"] .spb_icon_box:nth-child(4n-2),
.spb_icon_box_grid[data-columns="4"] .spb_icon_box:nth-child(4n-3) {
box-shadow: 1px 0 0 rgba(0,0,0,0.1);
}
.spb_icon_box_grid[data-columns="4"] .spb_icon_box:nth-child(-n+4) {
border-top-width: 0;
}
.spb_icon_box_grid[data-colour="light"][data-columns="4"] .spb_icon_box:nth-child(4n-3),
.spb_icon_box_grid[data-colour="light"][data-columns="4"] .spb_icon_box:nth-child(4n-2) {
box-shadow: 1px 0 0 rgba(255,255,255,0.1);
}
.spb_icon_box_grid .box-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
}
.spb_icon_box_grid .sf-icon-box-content-wrap {
position: absolute;
z-index: 2;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.spb_icon_box_grid .sf-icon-box-content-wrap::before {
content: '';
height: 100%;
display: inline-block;
vertical-align: middle;
}
.spb_icon_box_grid .sf-icon-box-inner-wrap {
width: 90%;
height: auto;
display: inline-block;
vertical-align: middle;
padding: 0 10px;
}
.spb_icon_box_grid .spb_icon_box .divider-line {
width: 0;
max-width: 80%;
height: 2px;
margin: 0;
display: inline-block;
background-color: #e3e3e3;
}
.spb_icon_box_grid .spb_icon_box:hover .divider-line {
width: 150px;
}
.spb_icon_box_grid .spb_icon_box .grid-icon-wrap a.linked-icon {
color: inherit;
}
.spb_icon_box_grid .spb_icon_box .sf-svg-icon-holder > svg {
width: 48px;
height: 48px;
}
.spb_icon_box_grid .spb_icon_box .grid-icon-wrap i.sf-icon {
color: inherit;
font-size: 48px;
line-height: 48px;
font-weight: normal;
}
.spb_icon_box_grid .spb_icon_box:hover .grid-icon-wrap {
-webkit-transform: translateY(-35px);
-moz-transform: translateY(-35px);
-ms-transform: translateY(-35px);
transform: translateY(-35px);
opacity: 0.8;
}
.spb_icon_box_grid .spb_icon_box h3 {
font-weight: bold;
margin: 0;
color: inherit;
}
.spb_icon_box_grid .spb_icon_box:hover h3 {
-webkit-transform: translateY(35px);
-moz-transform: translateY(35px);
-ms-transform: translateY(35px);
transform: translateY(35px);
}
.spb_icon_box_grid .spb_icon_box .grid-icon-wrap {
height: 48px;
}
.spb_icon_box_grid .spb_icon_box .divider-line, .spb_icon_box_grid .spb_icon_box .grid-icon-wrap, .spb_icon_box_grid .spb_icon_box h3, .spb_icon_box_grid .spb_icon_box .sf-svg-icon-holder > svg path {
-webkit-transition: all 500ms cubic-bezier(1.000, 0.000, 0.600, 1.000);
-moz-transition: all 500ms cubic-bezier(1.000, 0.000, 0.600, 1.000);
-o-transition: all 500ms cubic-bezier(1.000, 0.000, 0.600, 1.000);
transition: all 500ms cubic-bezier(1.000, 0.000, 0.600, 1.000);
}
@media only screen and (max-width: 767px) {
.spb_icon_box_grid[data-columns="3"] .spb_icon_box {
width: 100%;
border-top: 1px solid #e3e3e3;
box-shadow: none!important;
}
.spb_icon_box_grid[data-columns="4"] .spb_icon_box {
width: 50%;
float: left;
}
.spb_icon_box_grid[data-columns="4"] .spb_icon_box:nth-child(n+3):not(:nth-last-child(-n+2)) {
border-top-width: 1px;
}
.spb_icon_box_grid .spb_icon_box:nth-child(-n+3), .spb_icon_box_grid[data-columns="3"] .spb_icon_box:nth-child(-n+3) {
border-top-width: 1px;
}
.spb_icon_box_grid .spb_icon_box:first-child {
border-top-width: 0;
}
}
@media only screen and (max-width: 479px) {
.spb_icon_box_grid .spb_icon_box, .spb_icon_box_grid[data-columns="3"] .spb_icon_box, .spb_icon_box_grid[data-columns="4"] .spb_icon_box {
width: 100%;
border-top: 1px solid #e3e3e3;
box-shadow: none!important;
}
}
/* --------------------------------------------
IMAGE SHORTCODE
-------------------------------------------- */
.spb_image figure {
margin-bottom: 0;
}
.spb_image img {
width: 100%;
height: auto;
display: block;
position: relative;
z-index: 2;
}
.spb_image.image-overflow-left figure img, .spb_image.image-overflow-right figure img {
width: auto;
max-width: none;
}
.spb_image.image-overflow-left figure img {
float: right;
}
.spb_image.square-corners figure {
border-radius: 0;
}
.glowframe img {
-moz-box-shadow: 0 0 4px rgba(0,0,0,.2);
-webkit-box-shadow: 0 0 4px rgba(0,0,0,.2);
box-shadow: 0 0 4px rgba(0,0,0,.2);
}
.borderframe img {
border: 5px solid #f7f7f7;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.shadowframe figure {
-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
box-shadow: 1px 1px 1px rgba(0,0,0,.1);
}
/* --------------------------------------------
IMAGE BANNER SHORTCODE
-------------------------------------------- */
.sf-image-banner {
position: relative;
height: auto;
overflow: hidden;
}
.sf-image-banner-link {
position: absolute;
width: 100%;
height: 100%;
z-index: 5;
}
.sf-image-banner > img, .sf-image-banner .img-wrap > img {
width: 100%;
height: auto;
display: block;
position: relative;
z-index: 2;
}
.sf-image-banner .img-wrap.compat-object-fit {
background-size: cover;
background-position: center center;
}
.sf-image-banner .img-wrap.compat-object-fit > img {
opacity: 0!important;
}
.image-banner-content-wrap {
position: absolute;
height: auto;
}
.image-banner-content {
position: absolute;
z-index: 4;
bottom: 50%;
top: auto;
text-align: center;
padding: 0!important;
width: 100%;
}
.image-banner-content.sf-animation[data-animation="none"] {
opacity: 1!important;
transition: none;
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
margin-bottom: 0!important;
-webkit-transform: translateY(50%)!important;
transform: translateY(50%)!important;
}
.image-banner-content.content-right {
padding-left: 30%!important;
width: auto;
padding-right: 10%!important;
}
.sf-animation[data-animation="none"].image-banner-content.content-right {
left: auto!important;
right: 0!important;
}
.image-banner-content.content-left {
padding-right: 30%!important;
width: auto;
padding-left: 10%!important;
}
.image-banner-content.content-center {
width: 100%;
padding: 0 10%!important;
}
.image-banner-content.text-left {
text-align: left;
}
.image-banner-content.text-right {
text-align: right;
}
.image-banner-content.sf-animation[data-animation="fade-from-bottom"] {
bottom: 0;
}
.image-banner-content a.sf-button {
margin: 0 5px 20px;
}
/* --------------------------------------------
JOBS SHORTCODE
-------------------------------------------- */
ul.jobs {
list-style: none;
}
.jobs > li {
margin-bottom: 40px;
}
.jobs > li > img {
float: left;
width: 90px;
height: auto;
margin-top: 3px;
}
.jobs > li .job-details.has-job-image {
margin-left: 130px;
}
.jobs > li h5 {
margin-top: 5px;
}
.jobs .sf-list {
margin-top: 15px;
margin-bottom: 10px;
}
.jobs a.button {
margin-top: 10px;
}
.jobs-overview {
list-style: disc inside none;
}
.jobs-overview .job {
margin-bottom: 4px;
}
.jobs-overview .job a {
text-decoration: none;
}
.job-details .read-more {
display: inline-block;
margin-top: 10px;
}
.single-jobs .author-info-wrap {
display: none;
}
/* --------------------------------------------
LATEST TWEET SHORTCODE
-------------------------------------------- */
.latest-tweet ul {
margin-bottom: 10px;
list-style: none!important;
}
.latest-tweet ul li {
margin-left: 0;
}
.latest-tweet p {
margin-bottom: 0;
}
.latest-tweet .tweet-author {
margin-right: 4px;
font-weight: bold;
}
.latest-tweet .tweet-date {
text-decoration: none;
color: #999;
margin-left: 5px;
display: inline-block;
}
/* --------------------------------------------
LIST SHORTCODE
-------------------------------------------- */
.sf-list {
margin-left: 0;
list-style: none!important;
}
.sf-list li {
padding: 0;
line-height: 175%;
}
.sf-list li i {
margin-right: 8px;
}
.sf-list li i[class*="ss-"] {
vertical-align: -2px;
}
/* --------------------------------------------
MAP SHORTCODE
-------------------------------------------- */
.fullscreen-map {
padding: 0;
}
.map-styles-array {
display: none!important;
}
.map-canvas img, .map-directory-canvas img {
max-width: none;
}
/* --------------------------------------------
MULTILAYER PARALLAX SHORTCODE
-------------------------------------------- */
.spb_multilayer_parallax {
overflow: hidden;
height: 600px;
opacity: 0;
}
.spb_multilayer_parallax .slice-layer {
width: 100%;
height: 100%;
}
.spb_multilayer_parallax .layer.container {
height: 100%;
max-width: 100%;
}
.spb_multilayer_parallax .layer-bg {
width: 120%;
height: 120%;
background: no-repeat;
margin-top: -5%;
margin-left: -10%;
}
.spb_multilayer_parallax .layer-bg[data-layer-repeat="repeat-x"] {
background-repeat: repeat-x;
}
.spb_multilayer_parallax .layer-bg[data-layer-repeat="repeat-y"] {
background-repeat: repeat-y;
}
.spb_multilayer_parallax .layer-bg[data-layer-repeat="repeat"] {
background-repeat: repeat;
}
.spb_multilayer_parallax .layer-bg[data-layer-bg-pos="center_center"] {
background-position: center center;
}
.spb_multilayer_parallax .layer-bg[data-layer-bg-pos="left_center"] {
background-position: left center;
}
.spb_multilayer_parallax .layer-bg[data-layer-bg-pos="right_center"] {
background-position: right center;
margin-left: 5%;
}
.spb_multilayer_parallax .layer-bg[data-layer-bg-pos="left_top"] {
background-position: left top;
margin-top: -5%;
}
.spb_multilayer_parallax .layer-bg[data-layer-bg-pos="center_top"] {
background-position: center top;
margin-top: -5%;
margin-left: 0;
}
.spb_multilayer_parallax .layer-bg[data-layer-bg-pos="right_top"] {
background-position: right top;
margin-left: 5%;
}
.spb_multilayer_parallax .layer-bg[data-layer-bg-pos="left_bottom"] {
background-position: left bottom;
margin-top: -5%;
}
.spb_multilayer_parallax .layer-bg[data-layer-bg-pos="center_bottom"] {
background-position: center bottom;
margin-top: -5%;
}
.spb_multilayer_parallax .layer-bg[data-layer-bg-pos="right_bottom"] {
background-position: right bottom;
margin-top: -5%;
margin-left: 5%;
}
.spb_multilayer_parallax .layer-bg[data-layer-type="cover"] {
background-size: cover!important;
}
.spb_multilayer_parallax .layer[data-depth="0.00"] .layer-bg {
margin-top: 0!important;
margin-left: 0!important;
width: 100%;
height: 100%;
}
.spb_multilayer_parallax .layer .content-layer {
height: auto!important;
bottom: 50%;
width: 100%;
position: absolute;
margin-left: 0;
padding: 0 15px;
}
/* --------------------------------------------
PARALLAX SHORTCODE
-------------------------------------------- */
.spb_parallax_asset {
overflow: hidden;
position: relative;
background-attachment: fixed;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-repeat: no-repeat;
background-position: center center;
padding-top: 80px;
padding-bottom: 80px;
}
.spb-column-container.spb_parallax_asset {
padding-top: 0;
padding-bottom: 0;
}
.spb-column-container.spb_parallax_asset.spb-parallax-fixed .spb-column-inner {
background-attachment: fixed;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.spb_parallax_asset:not(.spb-column-container) {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.spb_parallax_asset.bg-type-pattern {
background-repeat: repeat;
background-size: auto;
}
.spb_parallax_asset.parallax-scroll, .spb_parallax_asset.spb-parallax-scroll {
background-attachment: scroll;
}
.spb_parallax_asset.sf-parallax-video {
background-attachment: scroll;
}
.mobile-browser .spb_parallax_asset {
background-attachment: scroll!important;
background-position: center center!important;
}
.spb_parallax_asset.parallax-window-height {
opacity: 0;
min-height: 100vh;
}
.spb_parallax_asset > .spb_content_wrapper, .spb_parallax_asset > .spb_content_element {
position: relative;
z-index: 4;
width: 100%;
/*padding-top: 80px;
padding-bottom: 80px;*/
}
.spb_parallax_asset.parallax-window-height[data-v-center="true"] > .spb_content_wrapper, .spb_parallax_asset.parallax-window-height[data-v-center="true"] > .spb_content_element {
top: 50%;
position: absolute;
transform: translateY(-50%);
}
.sf-parallax-video > .spb_content_element {
position: relative;
z-index: 4;
}
.sf-parallax-video.parallax-video-height[data-v-center="true"] > .spb_content_element {
top: 55%;
opacity: 0;
}
.mobile-browser .spb_parallax_asset[data-v-center="true"] > .spb_content_element {
opacity: 1!important;
top: 50%!important;
}
.spb_parallax_asset .spb_content_element p:last-child {
margin-bottom: 0;
}
.sf-parallax-video video {
position: absolute;
z-index: 2;
left: 0;
top: 0;
width: 100%;
min-height: 100%;
}
.sf-parallax-video .video-overlay {
background-repeat: repeat;
background-position: center center;
position: absolute;
z-index: 3;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.8;
}
.overlay-diaglight {
background-image: url('/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/images/vo_diagonal_lines_light.png');
}
.overlay-diagdark {
background-image: url('/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/images/vo_diagonal_lines_dark.png');
}
.overlay-horizlight {
background-image: url('/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/images/vo_horizontal_lines_light.png');
}
.overlay-horizgdark {
background-image: url('/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/images/vo_horizontal_lines_dark.png');
}
.overlay-vertlight {
background-image: url('/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/images/vo_vertical_lines_light.png');
}
.overlay-vertzgdark {
background-image: url('/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/images/vo_vertical_lines_dark.png');
}
.overlay-lightgrid {
background-image: url('/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/images/vo_pixel_light.png');
}
.overlay-darkgrid {
background-image: url('/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/images/vo_pixel_dark.png');
}
.overlay-lightgridfat {
background-image: url('/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/images/vo_fat_pixel_light.png');
}
.overlay-darkgridfat {
background-image: url('/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/images/vo_fat_pixel_dark.png');
}
.sf-parallax-video.parallax-video-height .video-overlay {
opacity: 0;
}
@media only screen and (max-width: 767px) {
.spb_parallax_asset.parallax-window-height[data-v-center="true"]>.spb_content_wrapper, .spb_parallax_asset.parallax-window-height[data-v-center="true"]>.spb_content_element {
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
}
/* --------------------------------------------
PORTFOLIO CAROUSEL SHORTCODE
-------------------------------------------- */
.spb_portfolio_carousel_widget {
padding-bottom: 50px;
}
.spb_portfolio_carousel_widget .caroufredsel_wrapper {
padding-bottom: 10px;
}
.spb_portfolio_carousel_widget .portfolio-item {
height: auto;
}
.spb_portfolio_carousel_widget .carousel-items .portfolio-item {
padding: 0 15px;
}
.spb_portfolio_carousel_widget .carousel-items.no-gutters .portfolio-item {
padding: 0;
}
.spb_portfolio_carousel_widget .portfolio-item figure {
margin-bottom: 0;
}
.spb_portfolio_carousel_widget .portfolio-item .item-details {
padding: 12px 15px 7px;
}
.spb_portfolio_carousel_widget .portfolio-item h4.portfolio-item-title {
margin: 0 0 5px;
text-align: left;
}
.spb_portfolio_carousel_widget .portfolio-item h4.portfolio-item-title a {
display: block;
height: auto;
overflow: hidden;
}
.spb_portfolio_carousel_widget .portfolio-item h4 span {
display: inline-block;
float: left;
max-width: 82%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.spb_portfolio_carousel_widget .portfolio-item h4.portfolio-item-title a:hover {
text-decoration: none;
}
.spb_portfolio_carousel_widget .portfolio-item h4.portfolio-item-title a > i {
float: right;
text-align: right;
line-height: 20px;
opacity: 0.6;
-moz-opacity: 0.6;
filter:alpha(opacity= 60);
}
/* --------------------------------------------
PORTFOLIO SHOWCASE SHORTCODE
-------------------------------------------- */
.spb_portfolio_showcase_widget {
padding-bottom: 0!important;
}
.spb_portfolio_showcase_widget.no-bg {
padding-left: 0;
padding-right: 0;
}
.spb_portfolio_showcase_widget.has-pagination .carousel-wrap {
overflow: visible;
padding-bottom: 80px;
}
.spb_portfolio_showcase_widget.has-pagination .carousel-wrap .carousel-items {
overflow: visible;
}
.spb_portfolio_showcase_widget .carousel-items .carousel-item.left-holder, .spb_portfolio_showcase_widget .carousel-items .carousel-item.right-holder {
min-height: 1px;
}
.spb_portfolio_showcase_widget.has-pagination .owl-controls {
position: absolute;
width: 100%;
bottom: -70px;
margin: 0!important;
}
.spb_portfolio_showcase_widget .portfolio-showcase-wrap {
opacity: 0;
}
.portfolio-showcase-wrap ul {
background: #222;
margin: 0;
overflow: hidden;
white-space: nowrap;
}
.portfolio-showcase-wrap ul li {
width: 25%;
display: inline-block;
overflow: hidden;
position: relative;
background: #222;
margin-bottom: -7px;
}
.portfolio-showcase-wrap ul[data-columns="5"] li {
width: 20%;
}
.portfolio-showcase-wrap ul li .main-image {
max-width: none;
position: absolute;
display: block;
opacity: 0.8;
height: auto;
transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-webkit-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
}
.portfolio-showcase-wrap ul li:hover .main-image {
opacity: 1;
}
.portfolio-showcase-wrap ul li .item-info {
position: absolute;
bottom: -85px;
width: 100%;
background: #fff;
background: rgba(255,255,255,0.9);
text-align: center;
padding: 24px 30px;
}
.portfolio-showcase-wrap ul li .item-info:before {
content: "";
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid rgba(255,255,255,0.9);
position: absolute;
bottom: 100%;
z-index: 2;
left: 50%;
margin-left: -10px;
}
.portfolio-showcase-wrap ul li .item-info.has-subtitle {
padding: 15px 30px;
}
.portfolio-showcase-wrap ul li .item-info span {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 100%;
display: block;
color: #222;
}
.portfolio-showcase-wrap ul li .item-info span.item-title {
letter-spacing: normal;
}
@media only screen and (max-width: 479px) {
.spb_portfolio_showcase_widget .carousel-items .owl-item:first-child, .spb_portfolio_showcase_widget .carousel-items .owl-item:last-child {
display: none;
}
}
/* --------------------------------------------
PRICING TABLE SHORTCODE
-------------------------------------------- */
.spb_pricing_table .spb-pricing-column-wrap {
float: left;
width: 33.3%;
padding: 0 15px;
margin-bottom: 30px;
}
.spb_pricing_table[data-columns="4"] .spb-pricing-column-wrap {
width: 25%;
}
.spb_pricing_table[data-columns="2"] .spb-pricing-column-wrap {
width: 50%;
}
.spb_pricing_table[data-columns="1"] .spb-pricing-column-wrap {
width: 100%;
}
.spb_pricing_table .sf-pricing-column {
border: 1px solid #e3e3e3;
border-radius: 4px;
text-align: center;
background: #fff;
position: relative;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.spb_pricing_table .sf-pricing-column:hover {
-moz-box-shadow: 0px 5px 12px -3px rgba(0,0,0,.1);
-webkit-box-shadow: 0px 5px 12px -3px rgba(0,0,0,.1);
box-shadow: 0px 5px 12px -3px rgba(0,0,0,.1);
}
.sf-pricing-column .sf-pricing-tag::before {
content: attr(data-text);
position: absolute;
top: 10px;
right: 10px;
background-color: #7eced5;
border-radius: 2px;
color: #fff;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
line-height: 12px;
padding: 4px 4px 3px 6px;
}
.spb_pricing_table .sf-pricing-column.highlight {
border-color: #7eced5;
border-width: 2px;
}
.sf-pricing-column.highlight .sf-pricing-name h6, .sf-pricing-column.highlight .sf-pricing-name .sf-pricing-price {
color: #7eced5;
}
.sf-pricing-column .sf-pricing-name {
padding: 30px;
}
.sf-pricing-column .sf-pricing-name h6 {
margin: 0 0 5px;
font-size: 14px;
font-weight: bold;
letter-spacing: 1px;
}
.sf-pricing-column .sf-pricing-name .divide {
max-width: 50%;
width: 50px;
height: 2px;
background-color: #e3e3e3;
margin: 30px auto;
}
.sf-pricing-column .sf-pricing-name .sf-pricing-price {
font-size: 48px;
line-height: 48px;
white-space: nowrap;
margin: 0;
}
.sf-pricing-column .sf-pricing-name .sf-pricing-price .period {
font-size: 14px;
margin: 0 0 0 4px;
}
.sf-pricing-features .spb-pricing-column-feature {
padding: 15px 0;
}
.sf-pricing-features .spb-pricing-column-feature:nth-child(odd) {
background: rgba(0,0,0,0.05);
}
.sf-pricing-column .sf-pricing-button {
margin: 30px;
}
.sf-pricing-column .sf-pricing-button > a.sf-button {
margin: 0;
}
@media only screen and (max-width: 991px) {
.spb_pricing_table[data-columns="4"] .spb-pricing-column-wrap {
width: 100%;
float: none;
}
}
@media only screen and (max-width: 767px) {
.spb_pricing_table .spb-pricing-column-wrap, .spb_pricing_table[data-columns="4"] .spb-pricing-column-wrap, .spb_pricing_table[data-columns="2"] .spb-pricing-column-wrap {
width: 100%;
float: none;
}
}
/* --------------------------------------------
PRODUCT REVIEWS SHORTCODE
-------------------------------------------- */
.product-reviews .testimonial-text > a {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
}
.product-reviews .product-details {
margin-bottom: 20px;
}
.product-reviews .product-details > img {
float: left;
width: 50px;
height: auto;
margin-right: 20px;
}
.product-reviews .product-details h4 {
margin: 0;
}
.product-reviews .testimonial-cite .cite-text.has-cite-image {
padding-top: 0;
line-height: 65px;
}
/* --------------------------------------------
PROGRESS SHORTCODE
-------------------------------------------- */
.progress-bar-wrap .progress {
height: 4px;
margin-bottom: 15px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.progress-bar-wrap .progress .bar {
position: relative;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
height: 100%;
width: 0%;
overflow: hidden;
}
.progress-bar-wrap .bar-text {
width: 100%;
display: inline-block;
margin-bottom: 3px;
min-height: 22px;
}
.progress-bar-wrap .bar-text > span.bar-name {
float: left;
display: block;
}
.progress-bar-wrap .bar-text > span.progress-value {
float: right;
display: none;
font-weight: bold;
}
.progress-bar-wrap .progress .bar {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
/* --------------------------------------------
PROMO BAR SHORTCODE
-------------------------------------------- */
.sf-promo-bar {
padding-top: 105px;
padding-bottom: 105px;
text-align: center;
}
.sf-promo-bar.page-align-no {
padding-left: 10%;
padding-right: 10%;
}
.sf-promo-bar p {
margin-bottom: 0;
display: inline-block;
vertical-align: top;
}
.sf-promo-bar.promo-button .container > p:first-child {
margin-top: 0;
}
.sf-promo-bar p.standard {
line-height: 48px;
}
.sf-promo-bar.promo-custom p {
font-size: 20px;
line-height: 46px;
}
.sf-promo-bar.promo-button p {
margin-top: 0;
margin-right: 30px;
}
.sf-promo-bar.promo-button a.sf-button {
margin-right: 0;
}
.sf-promo-bar a.sf-button {
padding-left: 25px;
padding-right: 25px;
margin-bottom: 0;
}
.sf-promo-bar.promo-text {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.sf-promo-bar.promo-text > a {
display: block;
padding: 80px 0;
}
.sf-promo-bar.promo-text > a.standard {
font-size: 20px;
line-height: 46px;
display: block;
}
.sf-promo-bar.promo-text p {
display: block;
}
.sf-promo-bar.promo-arrow > a > i {
vertical-align: -10px;
font-size: 32px;
display: inline-block;
margin-left: 10px;
height: 40px;
}
.sf-promo-bar > .container {
text-align: left;
}
.sf-promo-bar.promo-button > .container a.sf-button {
float: right;
}
/* --------------------------------------------
RECENT POSTS SHORTCODE
-------------------------------------------- */
.spb_recent_posts_widget.has-pagination .carousel-wrap {
overflow: visible;
padding-bottom: 80px;
}
.spb_recent_posts_widget.has-pagination .carousel-wrap .carousel-items {
overflow: visible;
}
.spb_recent_posts_widget.has-pagination .owl-controls {
position: absolute;
width: 100%;
bottom: -70px;
margin: 0!important;
}
ul.recent-posts {
list-style: none;
}
.recent-post {
height: auto;
margin-bottom: 20px;
position: relative;
}
.carousel-wrap .recent-post {
margin-bottom: 20px;
}
.recent-post figure {
width: 100%;
height: auto;
position: relative;
background-color: #212121;
margin-bottom: 25px;
}
.recent-post figure:empty {
display: none;
}
.recent-post .date-overlay {
top: 15px!important;
}
.recent-post figure img {
width: 100%;
height: auto;
position: relative;
display: block!important;
}
.recent-post figure iframe {
display: block;
width: 100%;
}
.recent-post .lSAction > a.lSNext {
bottom: 15px;
right: 15px;
}
.recent-post .lSAction > a.lSPrev {
bottom: 15px;
right: 51px!important;
}
figcaption .post-category {
padding: 10px;
float: left;
max-width: 50%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.recent-post .details-wrap {
display: block;
vertical-align: top;
}
.recent-post .post-item-details {
margin-bottom: 5px;
}
.recent-post .post-item-details .comments-likes, .recent-post .post-item-details .comments-likes i, .recent-post .post-item-details .comments-likes span {
font-weight: normal;
}
.recent-post .post-item-details .comments-likes .icon-comment {
margin-right: 3px;
}
.recent-post h5 {
margin-top: 0;
margin-bottom: 4px;
font-weight: bold;
}
.recent-post h5 a {
text-decoration: none;
}
.recent-post .post-details {
margin-bottom: 5px;
}
.recent-post .excerpt {
padding-top: 8px;
}
.recent-post .excerpt p {
margin-bottom: 0;
}
.recent-post.format-chat .chat {
margin-top: 20px;
}
.recent-post figure.quote {
background: transparent!important;
}
.blog-item.format-quote h2, .blog-item.format-status h1, .blog-item.format-aside h1, .blog-item.format-status h3, .blog-item.format-aside h3, .blog-item.format-quote h4, .blog-item.format-status h4, .blog-item.format-aside h4 {
display: none;
}
.posts-type-list {
margin-left: 0;
margin-right: 0;
}
.posts-type-list .recent-post {
float: none;
width: 100%;
padding-left: 0;
padding-right: 0;
border-top: 1px solid #e3e3e3;
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
}
.posts-type-list .recent-post .details-wrap {
max-width: 80%;
}
.posts-type-list .recent-post a.list-post-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.posts-type-list .recent-post:first-child {
border-top-width: 0;
padding-top: 0;
}
.posts-type-list .recent-post figure {
width: 80px;
float: left;
margin-bottom: 0;
}
.posts-type-list .recent-post figure figcaption .thumb-info {
display: none;
}
.posts-type-list .recent-post h4 {
margin-top: 0;
margin-bottom: 5px;
-webkit-transition: color .3s ease-out;
-moz-transition: color .3s ease-out;
transition: color .3s ease-out;
}
.posts-type-list .recent-post.has-thumb .details-wrap {
margin-left: 100px;
}
.posts-type-list .recent-post .post-item-details {
margin-bottom: 0;
}
.posts-type-list .recent-post .comments-likes {
float: none;
display: inline-block;
margin-left: 10px;
}
.posts-type-standard-row .figure-wrap {
width: 50%;
float: left;
position: relative;
}
.posts-type-standard-row .figure-wrap .date-overlay {
right: 15px;
top: 15px;
}
.posts-type-standard-row .details-wrap {
width: 100%;
float: none;
}
.posts-type-standard-row .has-thumb .details-wrap {
width: 50%;
float: left;
padding-left: 30px;
}
.recent-post .blog-item-details {
padding-bottom: 8px;
}
.posts-type-bold .recent-post {
padding: 0;
}
.posts-type-bold .recent-post figure {
margin-bottom: 0;
}
.posts-type-bold .recent-post.no-thumb {
height: 100%;
}
.posts-type-bold.carousel-items .recent-post.no-thumb {
position: absolute;
}
.posts-type-bold .recent-post.no-thumb .details-wrap {
height: 100%;
width: 100%;
position: absolute;
}
.posts-type-bold.related-items .recent-post.no-thumb .details-wrap {
position: relative;
}
.posts-type-bold.carousel-items .recent-post.no-thumb .details-wrap {
position: relative;
width: 100%;
}
.posts-type-bold .recent-post .details-wrap {
padding: 30px 30px 70px;
position: relative;
}
.posts-type-bold .recent-post.has-thumb .details-wrap:before {
content: "";
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid rgba(255, 255, 255, 0.9);
position: absolute;
top: -10px;
z-index: 3;
left: 50%;
margin-left: -10px;
}
.posts-type-bold .recent-post .details-wrap, .posts-type-bold .recent-post .details-wrap:before, .posts-type-bold .recent-post .details-wrap > * {
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.posts-type-bold .recent-post .details-wrap h3 {
margin: 0 0 20px;
}
.posts-type-bold .recent-post .details-wrap h2 {
font-size: 28px;
line-height: 36px;
margin: 0 0 20px;
}
.posts-type-bold .recent-post .post-item-details {
margin-bottom: 0;
position: absolute;
bottom: 25px;
font-size: 12px;
}
.posts-type-bold .recent-post .post-date {
display: block;
font-weight: bold;
}
.posts-type-bright .recent-post .details-wrap {
text-align: center;
}
.posts-type-bright .recent-post .author-avatar {
float: none;
text-align: center;
margin-right: 0;
margin-left: 0;
margin-bottom: 30px;
position: relative;
top: 5px;
webkit-transition: all 0.5s cubic-bezier(0, 0.275, 0.125, 1);
-moz-transition: all 0.5s cubic-bezier(0, 0.275, 0.125, 1);
-o-transition: all 0.5s cubic-bezier(0, 0.275, 0.125, 1);
transition: all 0.5s cubic-bezier(0, 0.275, 0.125, 1);
}
.posts-type-bright .recent-post:hover .author-avatar {
top: 0;
}
.posts-type-bright .recent-post .author-avatar img {
display: inline-block;
}
.posts-type-bright .recent-post .post-item-author {
text-align: center;
text-transform: uppercase;
margin: 0;
}
.posts-type-bright .recent-post h2 {
text-align: center;
margin: 15px 0 24px 0;
}
.posts-type-bright .recent-post .post-item-details {
display: inline-block;
border-top: 2px solid #222;
padding-top: 25px;
}
.carousel-items.posts-type-showcase .carousel-item.left-holder,
.carousel-items.posts-type-showcase .carousel-item.right-holder {
min-height: 1px;
}
/* --------------------------------------------
SEARCH SHORTCODE
-------------------------------------------- */
.search-widget {
text-align: center;
margin-bottom: 0;
}
.search-widget input {
margin: 25px 0;
width: 80%;
padding: 10px 12px;
}
.search-widget input.input-large {
padding: 24px 22px;
}
.spb_search_widget form {
position: relative;
}
.spb_search_widget input[type=text] {
margin: 0
}
/* --------------------------------------------
SITEMAP SHORTCODE
-------------------------------------------- */
.sitemap-wrap {
margin-bottom: 20px;
}
.sitemap-col {
float: left;
width: 28%;
margin-left: 7%;
}
.sitemap-col:first-child {
margin-left: 0;
}
.sitemap-col h6 {
margin-bottom: 15px;
}
.sitemap-col ul {
margin-bottom: 40px;
list-style: none!important;
}
.sitemap-col ul > li > ul {
margin-top: 10px;
margin-bottom: 20px;
margin-left: 10px;
}
.sitemap-col ul li {
margin-bottom: 8px;
}
.sitemap-col ul li a {
text-decoration: none;
}
/* --------------------------------------------
SLIDER SHORTCODE
-------------------------------------------- */
.spb_slider_widget .master-slider {
min-width: 100%!important;
}
.swiper-slide .caption-content {
padding: 0 90px;
}
.row.fw-row .spb_swift-slider {
max-width: none;
}
.row:not(.fw-row) .spb_swift-slider .swift-slider {
margin-left: -1px;
}
.row:not(.fw-row) .spb_swift-slider .swiper-slide .caption-content {
padding: 0 10%;
}
.row:not(.fw-row) .spb_swift-slider .swiper-slide .caption-content > h2 {
font-size: 40px;
line-height: 52px;
}
/* --------------------------------------------
SOCIAL SHORTCODE
-------------------------------------------- */
ul.social-icons {
height: auto;
overflow: hidden;
list-style: none!important;
padding: 0;
margin: 0 0 10px;
}
ul.social-icons li {
float: none;
display: inline-block;
height: 36px;
}
ul.social-icons li:not(.sf-love) a {
display: inline-block;
padding: 10px;
width: 36px;
height: 36px;
line-height: 36px;
font-size: 16px;
overflow: hidden;
position: relative;
text-align: center;
text-decoration: none;
transition: all 0.35s;
}
ul.social-icons li:not(.sf-love) a i {
display: block;
height: 100%;
position: relative;
top: 0%;
transition: top 0.35s;
width: 100%;
margin-bottom: 31px;
}
ul.social-icons li:not(.sf-love) a i[class*="ss-"] {
margin-top: -8px;
display: block;
margin-bottom: 38px;
}
.browser-ie ul.social-icons li a {
display: inline-block;
padding: 10px;
width: 36px;
height: 36px;
line-height: 36px;
font-size: 16px;
overflow: hidden;
position: relative;
text-align: center;
transition: all 0.35s;
color: #222;
}
ul.social-icons li.behance a, ul.social-icons li.soundcloud a {
font-size: 14px;
}
.browser-ie ul.social-icons li a i {
display: block;
height: 100%;
position: relative;
top: 0%;
transition: top 0.35s;
width: 100%;
margin-bottom: 31px;
}
.browser-ie ul.social-icons li a i[class*="ss-"] {
margin-top: -8px;
display: block;
margin-bottom: 38px;
}
ul.social-icons.light li a {
color: #fff;
}
ul.social-icons.dark li a {
color: #222;
}
ul.social-icons li a:hover {
color: #fff!important;
}
ul.social-icons li a:hover i {
top: -46px;
}
ul.social-icons.large li {
height: 50px;
}
ul.social-icons.large li a {
padding: 14px;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 24px;
}
ul.social-icons.large li.behance a, ul.social-icons.large li.soundcloud a {
font-size: 19px;
}
ul.social-icons.large li a i {
margin-top: 0;
}
ul.social-icons.large li a:hover i {
top: -52px;
}
ul.social-icons li.twitter a:hover {
background-color: #00aced;
}
ul.social-icons li.facebook a:hover {
background-color: #3b5998;
}
ul.social-icons li.googleplus a:hover {
background-color: #dd4b39;
}
ul.social-icons li.youtube a:hover {
background-color: #bb0000;
}
ul.social-icons li.instagram a:hover {
background-color: #517fa4;
}
ul.social-icons li.linkedin a:hover {
background-color: #007bb6;
}
ul.social-icons li.pinterest a:hover {
background-color: #cb2027;
}
ul.social-icons li.foursquare a:hover {
background-color: #00aeef;
}
ul.social-icons li.flickr a:hover {
background-color: #ff0084;
}
ul.social-icons li.tumblr a:hover {
background-color: #32506d;
}
ul.social-icons li.vimeo a:hover {
background-color: #7FC400;
}
ul.social-icons li.dribbble a:hover {
background-color: #ea4c89;
}
ul.social-icons li.skype a:hover {
background-color: #0078ca;
}
ul.social-icons li.github a:hover {
background-color: #333333;
}
ul.social-icons li.xing a:hover {
background-color: #026466;
}
ul.social-icons li.rss a:hover {
background-color: #f26522;
}
ul.social-icons li.soundcloud a:hover {
background-color: #f80;
}
ul.social-icons li.yelp a:hover {
background-color: #af0606;
}
ul.social-icons li.deviantart a:hover {
background-color: #4e6252;
}
ul.social-icons li.behance a:hover {
background-color: #1769ff;
}
ul.social-icons li.vk a:hover {
background-color: #4e729a;
}
ul.social-icons li.twitch a:hover {
background-color: #6441a5;
}
ul.social-icons li.whatsapp a:hover {
background-color: #4dc247;
}
ul.social-icons li.snapchat a:hover {
background-color: #fffc00;
color: #000!important;
}
ul.social-icons li.mail a:hover {
background-color: #666;
}
ul.social-icons li.page-link a:hover {
background-color: #333;
}
.article-body-wrap .share-links ul li.sf-love {
padding-right: 5px;
}
.article-body-wrap .share-links ul li.sf-love > div {
padding: 7px;
}
.article-body-wrap .share-links ul li.sf-love > div a.love-it {
padding: 9px 0;
width: 20px;
vertical-align: 0px;
}
.article-body-wrap .share-links ul li.sf-love a:hover i {
top: inherit;
}
.article-body-wrap .share-links ul li.sf-love > div span.love-count {
display: inline;
vertical-align: 0px;
}
/* --------------------------------------------
TABLE SHORTCODE
-------------------------------------------- */
table.sf-table {
width: 100%;
display: table;
}
table.striped_minimal tr:nth-of-type(even), table.striped_bordered tr:nth-of-type(even) {
background-color: #f7f7f7;
}
table.sf-table th {
padding: 10px 20px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;
vertical-align: middle;
text-align: left;
}
table.sf-table td {
padding: 10px 20px;
}
table.standard_minimal th {
padding: 10px 30px 10px 0;
border-bottom: 2px solid #e4e4e4;
}
table.striped_minimal th {
padding: 10px 30px 10px 0;
border-bottom: 2px solid #e4e4e4;
}
table.standard_minimal td {
padding: 10px 30px 10px 0;
border-bottom: 1px solid #e4e4e4;
}
table.striped_minimal td {
padding: 10px 30px 10px 0;
border-bottom: 1px solid #e4e4e4;
}
table.standard_bordered, table.striped_bordered {
border: 1px solid #e4e4e4;
}
table.standard_bordered tr, table.striped_bordered tr {
border-top: 1px dotted #e4e4e4;
}
table.standard_bordered th, table.standard_bordered td, table.striped_bordered th, table.striped_bordered td {
border-left: 1px dotted #e4e4e4;
}
table.striped_bordered th, table.striped_bordered td {
border-top: 0;
}
/* --------------------------------------------
TABS SHORTCODE
-------------------------------------------- */
.spb_tabs {
margin-bottom: 30px;
}
.spb_tabs .nav-tabs {
margin-bottom: 20px;
border-bottom: 0;
list-style: none;
}
.spb_tabs .nav-tabs li {
margin-right: 10px;
}
.spb_tabs .nav-tabs li a {
display: block;
border-radius: 0;
white-space: nowrap;
margin-right: 0;
padding: 10px 18px;
border-color: #222;
border-style: solid;
border-width: 0!important;
border-bottom-width: 2px!important;
background: transparent;
}
.spb_tabs .nav-tabs li a i {
margin-right: 5px;
}
.spb_tabs .nav-tabs li a i[class*="ss-"] {
display: inline-block;
line-height: 100%;
vertical-align: -3px;
}
.spb_tabs .nav-tabs li.active a {
border-left-width: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.spb_tabs .nav-tabs li a:hover {
background: transparent;
}
.spb_tabs .nav-tabs li:first-child a, .spb_tabs .nav-tabs li:first-child a.active {
border-left-width: 2px;
}
.tabs-type-dynamic .nav-tabs {
-moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
.tabs-type-dynamic .nav-tabs li {
list-style: none;
float: left;
margin-right: 15px;
margin-left: 0!important;
}
.tabs-type-dynamic .nav-tabs li.menu-icon {
font-size: 16px;
line-height: 22px;
}
.tabs-type-dynamic .nav-tabs li a {
cursor: pointer;
width: 12px;
height: 12px;
border-radius: 50%!important;
border: 2px solid #666!important;
overflow: hidden;
display: block;
padding: 3px!important;
margin: 5px 0;
opacity: 0.4;
font-size: 0;
-webkit-transition: color .6s, opacity .25s;
-moz-transition: color .25s, opacity .25s;
-ms-transition: color .6s, opacity .25s;
-o-transition: color .6s, opacity .25s;
transition: color .6s, opacity .25s;
}
.tabs-type-dynamic .nav-tabs li.active a, .tabs-type-dynamic .nav-tabs li a:hover {
opacity: 1;
}
.tabs-type-dynamic .nav-tabs.show-tabs a {
width: auto;
height: auto;
position: relative;
padding: 0 5px!important;
margin: 0;
opacity: 1;
font-size: 16px;
border-radius: 0!important;
background: transparent!important;
background-color: transparent!important;
border: 0!important;
}
.spb_tabs .nav-tabs.center-tabs {
text-align: center;
}
.spb_tabs .nav-tabs.center-tabs > li {
float: none;
display: inline-block;
vertical-align: top;
}
.spb_tabs .tab-content > .tab-pane {
transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-webkit-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
height: auto;
overflow: hidden;
}
.spb_tabs .tab-content > .tab-pane.load {
display: block!important;
opacity: 0;
}
.spb_tabs .tab-content > .tab-pane > .col-sm-12 {
padding-left: 0;
padding-right: 0;
}
.spb_tour .container {
display: inline-block;
}
.spb_tour .nav-tabs {
float: left;
margin-right: 10px;
border-right: 0;
border-bottom: 0;
width: 120px;
list-style: none;
}
.spb_tour .nav-tabs li {
float: none;
font-size: 16px;
}
.spb_tour .nav-tabs li a {
display: block;
border-radius: 0;
margin-bottom: 0;
padding: 10px 18px;
border-color: #222;
border-style: solid;
border-width: 0!important;
border-bottom-width: 2px!important;
background: transparent;
}
.spb_tour .nav-tabs li.active a {
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
opacity: 1;
}
.spb_tour .nav-tabs li a > i {
margin-right: 5px;
}
.spb_tour .nav-tabs li a > i[class*="ss-"] {
display: inline-block;
line-height: 100%;
vertical-align: -3px;
}
.spb_tour .tab-content {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
min-height: 100px;
padding-left: 135px;
}
.spb_tour .tab-content > .tab-pane {
transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-webkit-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
}
.spb_tour .tab-content > .tab-pane.load {
display: block;
opacity: 0;
}
.spb_tour .tab-content .row {
margin-left: 0!important;
}
.spb_tour .tab-content .row [class*="span"] {
width: 100%!important;
margin-left: 0!important;
}
.spb_tour .tab-content .row, .spb_tabs .tab-content .row {
clear: none;
}
.spb_tour .tab-content .tab-pane .spb-full-width-element, .spb_tabs .tab-content .tab-pane .spb-full-width-element {
width: 100%!important;
max-width: 100%;
left: 0!important;
}
/* --------------------------------------------
TEAM SHORTCODE
-------------------------------------------- */
figure a.team-gallery-mobile-link {
display: none;
}
.mobile-browser figure a.team-gallery-mobile-link {
display: block;
}
.sf-team-ajax-container {
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.sf-team-ajax-container {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
height: 100%;
background: #fff;
width: 800px;
max-width: 100%;
-webkit-transform: translateX(800px);
-moz-transform: translateX(800px);
-ms-transform: translateX(800px);
-o-transform: translateX(800px);
transform: translateX(800px);
}
.sf-team-ajax-open .sf-team-ajax-container {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.sf-team-ajax-container .team-ajax-close {
position: absolute;
top: 30px;
right: 30px;
z-index: 3;
color: #fff;
font-size: 34px;
height: 20px;
line-height: 18px;
opacity: 0.7;
}
.has-wpadminbar .sf-team-ajax-container .team-ajax-close {
top: 62px;
}
.sf-team-ajax-container .team-ajax-close:hover {
opacity: 1;
}
.sf-team-ajax-container .content-wrap {
padding: 60px 110px 150px 110px;
}
.sf-team-ajax-container .profile-image-wrap {
text-align: center;
position: relative;
padding: 100px 0;
min-height: 400px;
overflow: hidden;
background: #222;
}
.sf-team-ajax-container .profile-image-wrap .inner-wrap {
position: relative;
z-index: 3;
}
.sf-team-ajax-container .profile-image-wrap .member-thumb-wrap {
width: 170px;
height: 170px;
border-radius: 50%;
margin-bottom: 30px;
overflow: hidden;
display: inline-block;
text-align: center;
}
.sf-team-ajax-container .profile-image-wrap .member-thumb-wrap img {
width: 170px;
}
.sf-team-ajax-container .profile-image-wrap .inner-wrap h1, .sf-team-ajax-container .profile-image-wrap .inner-wrap h3 {
color: #fff;
}
.sf-team-ajax-container .profile-image-wrap .inner-wrap h1 {
font-size: 48px;
margin: 0;
}
.sf-team-ajax-container .profile-image-wrap .inner-wrap h3 {
font-size: 24px;
margin: 20px 0 0;
}
.sf-team-ajax-container .profile-image-wrap .inner-wrap h3:empty {
display: none;
}
.sf-team-ajax-container .profile-image-wrap .backdrop {
height: 110%;
width: 110%;
position: absolute;
z-index: 2;
top: -5%;
left: -5%;
background-size: cover;
background-position: center;
-webkit-filter: blur(20px);
-moz-filter: blur(20px);
filter: blur(20px);
opacity: 0.3;
}
.team-member-ajax-content {
position: absolute;
height: 100%;
width: 100%;
overflow-y: auto;
}
.sf-team-ajax-container .team-member-aux {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding: 30px 110px 0;
background: #fff;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
.team-member-aux .member-aux-inner {
border-top: 1px solid #e3e3e3;
padding-top: 15px;
}
.team-member-aux .member-aux-inner .member-contact {
float: left;
font-size: 12px;
padding-top: 5px;
}
.team-member-aux .member-aux-inner .member-contact li {
display: inline-block;
margin-left: 20px;
}
.team-member-aux .member-aux-inner .member-contact li:first-child {
margin-left: 0;
}
.team-member-aux .member-aux-inner .social-icons {
float: right;
}
@media only screen and (max-width: 800px) {
.sf-team-ajax-container .content-wrap {
padding: 60px 60px 150px;
}
.team-member-ajax-content .team-member-aux {
padding: 30px 60px 20px;
}
.team-member-aux .member-aux-inner .member-contact, .team-member-aux .member-aux-inner .social-icons {
text-align: center;
float: none;
width: 100%;
}
}
/* --------------------------------------------
TESTIMONIALS SHORTCODE
-------------------------------------------- */
.testimonial-wrap {
margin-bottom: 20px;
}
.testimonial-wrap.large .testimonial-text {
font-size: 24px;
line-height: 160%;
}
ul.testimonials {
margin-bottom: 0;
list-style: none;
}
.testimonials > li {
margin-bottom: 40px;
height: auto;
padding-left: 60px;
position: relative;
}
.testimonials > li:before {
content: "\201C";
font-family: "SSGizmo";
font-weight: normal;
font-style: normal;
display: block;
position: absolute;
top: 10px;
left: 0;
font-size: 34px;
}
.testimonial-wrap.large .testimonials > li {
margin-bottom: 60px;
}
.testimonial-wrap.large .testimonials > li:before {
top: 15px;
}
.column_container .testimonials.carousel-items > li {
padding-right: 30px;
}
.testimonial-text {
margin-bottom: 5px;
}
.testimonial-wrap.large .testimonial-text {
margin-bottom: 10px;
}
.testimonial-text p {
margin-bottom: 10px;
}
.testimonials .testimonial-cite img {
width: 40px;
height: 40px;
float: left;
border-radius: 50%;
margin-right: 15px;
margin-top: 10px;
}
.testimonial-cite .cite-text.has-cite-image {
padding-top: 10px;
}
.testimonial-cite .cite-text .cite-name {
font-weight: bold;
display: block;
}
.spb_testimonial_carousel_widget cite, .testimonials-slider cite {
font-weight: bold;
}
.testimonials-slider cite span {
display: block;
font-size: 12px;
opacity: 0.8;
-moz-opacity: 0.8;
filter:alpha(opacity= 80);
font-weight: normal;
margin-top: -4px;
}
.testimonial .pagination-wrap {
margin-top: 10px;
}
.testimonial.carousel-item {
list-style: none;
}
.testimonials.carousel-items li .testimonial-text {
padding-top: 0;
margin-bottom: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 20px;
position: relative;
}
.testimonials.carousel-items li .testimonial-text:after {
content: '';
width: 0;
height: 0;
border-top: 1px solid #fff;
border-bottom: 10px solid transparent;
border-left: 12px solid #fff;
position: absolute;
left: 30px;
bottom: -11px;
opacity: 0.6;
-moz-opacity: 0.6;
filter:alpha(opacity= 60);
}
.spb_testimonial_carousel_widget .carousel-wrap > a {
border: 1px solid #e3e3e3;
}
.masonry-items li.testimonial {
padding-left: 15px;
}
.masonry-items li.testimonial::before {
content: "";
display: none;
}
.masonry-items li.testimonial .testimonial-text {
background: #f7f7f7;
padding: 30px;
width: 100%;
border-radius: 4px;
position: relative;
margin-bottom: 10px;
}
.masonry-items li.testimonial.has-cite .testimonial-text::after {
content: "";
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #f7f7f7;
position: absolute;
left: 48px;
bottom: -6px;
}
.masonry-items li.testimonial .testimonial-cite {
padding-left: 30px;
}
.showcase_testimonial_widget .read-more::after, .showcase_testimonial_widget .read-more span {
display: none;
}
/* --------------------------------------------
TESTIMONIAL SLIDER SHORTCODE
-------------------------------------------- */
.slider-wrap {
position: relative;
}
.testimonials-slider {
padding-bottom: 15px;
}
.flexslider.content-slider ul.slides {
background: transparent;
}
.spb_testimonial_slider_widget .spb-asset-content {
padding-top: 60px;
padding-bottom: 55px;
overflow: hidden;
}
.spb_testimonial_slider_widget .testimonial-icon {
width: 100%;
margin-bottom: 20px;
text-align: left;
padding: 0 36% 0 22%;
}
.spb_testimonial_slider_widget .testimonial-icon i {
font-size: 34px;
}
.spb_testimonial_slider_widget .content-slider .lSSlideWrapper, .spb_tweets_slider_widget .content-slider .lSSlideWrapper {
padding: 0 36% 0 22%;
}
.content-slider .lSSlideOuter .lSPager.lSpg {
position: absolute;
top: 10px!important;
right: 20%;
left: auto!important;
width: auto!important;
margin-top: 0!important;
}
.content-slider .lSSlideOuter .lSPager.lSpg > li {
display: block;
margin-top: 10px;
margin-left: 0;
}
.content-slider .lSSlideOuter .lSPager.lSpg > li:first-child {
margin-top: 0;
}
.content-slider .lSSlideOuter .lSPager.lSpg > li a {
width: 8px;
height: 8px;
margin: 1px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: none;
transition: none;
}
.content-slider .lSSlideOuter .lSPager.lSpg > li.active a {
width: 10px;
height: 10px;
margin: 0;
}
.testimonials-slider .slide-content-wrap {
text-align: left;
}
.testimonials-slider .testimonial-text {
margin-bottom: 30px;
}
.testimonials-slider .testimonial-text.text-large {
font-size: 24px;
line-height: 32px;
}
.testimonials-slider .flex-control-nav, .tweets-slider .flex-control-nav {
position: absolute;
bottom: 0;
left: 0;
margin: 0;
padding: 0;
z-index: 4;
list-style: none!important;
width: 100%;
text-align: center;
}
.testimonials-slider .flex-control-nav li, .tweets-slider .flex-control-nav li {
float: none;
}
/* --------------------------------------------
TEXT BLOCK SHORTCODE
-------------------------------------------- */
.spb_content_element.spb_text_column.col-sm-12 .spb-asset-content > .container {
max-width: 100%;
}
.spb_text_column ul, .box-content-wrap ul, #comments-list .comment-body ul {
list-style: disc inside none;
}
.spb_text_column {
margin-bottom: 20px;
}
.spb_text_column > .spb-asset-content {
display: inline-block;
width: 100%;
}
/* --------------------------------------------
TOGGLE SHORTCODE
-------------------------------------------- */
.toggle-wrap {
margin-bottom: 15px;
}
.toggle-wrap .spb_toggle {
padding: 12px 15px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
border: 2px solid #e3e3e3;
border-left-width: 0;
border-right-width: 0;
position: relative;
margin: 0;
font-size: 14px;
font-weight: bold;
line-height: inherit;
opacity: 0.6;
}
.toggle-wrap .spb_toggle_title_active {
opacity: 1;
border-bottom-color: transparent!important;
}
.toggle-wrap .spb_toggle:after {
font-size: 24px;
display: inline-block;
float: right;
height: 26px;
width: 23px;
-webkit-transform: translate3d(0px, 0px, 0px) rotate(0deg);
transform: translate3d(0px, 0px, 0px) rotate(0deg);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.15, 0.85, 0.35, 1);
transition: transform 0.3s cubic-bezier(0.15, 0.85, 0.35, 1);
font-weight: normal;
}
.toggle-wrap .spb_toggle:hover:after {
-webkit-transform: rotate(180deg) translate3d(0,0,0);
transform: rotate(180deg) translate3d(0,0,0);
}
.toggle-wrap .spb_toggle.spb_toggle_title_active:hover:after {
-webkit-transform: rotate(180deg) translate3d(0,0,0);
transform: rotate(180deg) translate3d(0,0,0);
}
.toggle-wrap .spb_toggle_open {
display: block;
}
.toggle-wrap .spb_toggle:hover {
cursor: pointer;
}
.toggle-wrap .spb_toggle_title_active {
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.spb_toggle_content {
padding: 10px;
display: none;
}
.spb_toggle_content p:last-child {
margin-bottom: 0;
}
/* --------------------------------------------
TWEET SLIDER SHORTCODE
-------------------------------------------- */
.spb_tweets_slider_widget .spb-asset-content {
padding-top: 140px;
padding-bottom: 80px;
overflow: hidden;
}
.spb_tweets_slider_widget .tweet-icon {
width: 100%;
position: absolute;
text-align: left;
top: 80px;
padding: 0 36% 0 22%;
}
.spb_tweets_slider_widget .tweet-icon i {
font-size: 34px;
}
.spb_tweets_slider_widget .flexslider > li {
min-height: 150px;
}
.spb_tweets_slider_widget .tweet-text {
width: 100%;
text-align: left;
font-size: 24px;
line-height: 38px;
}
.spb_tweets_slider_widget .twitter_intents {
display: block;
text-align: left;
margin-top: 20px;
}
.spb_tweets_slider_widget .twitter_intents .reply, .spb_tweets_slider_widget .twitter_intents .retweet, .spb_tweets_slider_widget .twitter_intents .favorite {
display: none;
}
.spb_tweets_slider_widget .twitter_intents a {
display: block;
float: left;
clear: left;
}
.spb_tweets_slider_widget .twitter_intents a:first-child {
margin-left: 0;
}
.spb_tweets_slider_widget a.twitter-timestamp {
margin-top: 20px;
display: block;
padding: 0 15%;
}
.spb_tweets_slider_widget a:hover {
text-decoration: none;
}
/* --------------------------------------------
VIDEO SHORTCODE
-------------------------------------------- */
.spb_video_widget .video-wrap {
padding-bottom: 56.25%;
position: relative;
width: 100%;
}
.spb_video_widget .video-wrap > iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* --------------------------------------------
MISC SHORTCODES
-------------------------------------------- */
.horizontal-break {
height: 1px;
width: 50px;
margin: 20px auto 25px;
}
.horizontal-break.bold {
height: 5px;
width: 100px;
}
span.highlighted {
padding: 1px 3px;
border-radius: 1px;
margin-right: 2px;
color: #fff;
}
span.dropcap1, span.dropcap2 {
float: left;
padding: 11px 0px 9px;
margin-right: 8px;
font-size: 46px;
font-style: normal;
}
span.dropcap3, span.dropcap4 {
float: left;
font-style: normal;
font-size: 18px;
padding: 6px 10px 6px 11px;
margin: 4px 10px 2px 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
span.dropcap4 {
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
blockquote {
border-left: 0;
padding: 10px 0;
}
blockquote, blockquote p {
font-size: 18px;
line-height: 28px;
font-style: italic;
}
blockquote.blockquote1, blockquote.blockquote1 p {
font-size: 12px;
line-height: 18px;
}
blockquote.blockquote2, blockquote.blockquote2 p, blockquote.pullquote, blockquote.pullquote p {
font-size: 14px;
line-height: 22px;
}
blockquote.blockquote3, blockquote.blockquote3 p {
font-size: 28px;
line-height: 40px;
}
blockquote.pullquote {
border-left: 2px solid transparent;
padding: 0 0 0 20px;
}
.decorative-ampersand {
font-family: 'Vidaloka', serif;
font-size: 24px;
}
/*--------------------------------------------------------------
Oversize Media
--------------------------------------------------------------*/
figure.oversize {
width: 116%;
margin: 60px 0 60px -8%;
position: relative;
}
figure.oversize figcaption {
position: absolute;
width: 160px;
}
figure.oversize[data-capiton-pos="bottom-left"] figcaption {
bottom: 0;
left: -180px;
}
figure.oversize[data-capiton-pos="bottom-right"] figcaption {
bottom: 0;
right: -180px;
}
figure.oversize[data-capiton-pos="top-left"] figcaption {
top: 0;
left: -180px;
}
figure.oversize[data-capiton-pos="top-left"] figcaption {
top: 0;
right: -180px;
}
figure.oversize figcaption p:last-child {
margin-bottom: 0;
}
/* --------------------------------------------
RETINA
-------------------------------------------- */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.widget_calendar tbody tr > td.pad {
background-image: url('/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/images/scanlines_dark@2x.png');
background-size: 4px 4px;
}
}
/* --------------------------------------------
RESPONSIVE
-------------------------------------------- */
@media only screen and (max-width: 767px) {
.spb_icon_box >.spb-asset-content .sf-icon-box {
margin-top: 30px;
}
.spb_icon_box:first-child >.spb-asset-content .sf-icon-box {
margin-top: 0;
}
}
/* --------------------------------------------
ANIMATION
-------------------------------------------- */
.sf-animation {
opacity: 0;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
html.no-js .sf-animation, .sf-animation[data-animation="none"] {
opacity: 1!important;
left: auto!important;
right: auto!important;
bottom: auto!important;
-webkit-transform: scale(1)!important;
-o-transform: scale(1)!important;
-moz-transform: scale(1)!important;
transform: scale(1)!important;
}
html.no-js .sf-animation.image-banner-content, .sf-animation[data-animation="none"].image-banner-content {
bottom: 50%!important;
}
.sf-animate {
opacity: 1;
display: block;
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.sf-animate-out {
-webkit-animation-direction: reverse;
animation-direction: reverse;
}
.sf-animate.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.sf-animation[data-animation="fade-in"].sf-animate {
opacity: 1;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
.sf-animation[data-animation="fade-from-bottom"].sf-animate {
opacity: 1;
bottom: 0;
}
.sf-animation[data-animation="fade-from-bottom"].image-banner-content.sf-animate {
bottom: 50%;
}
.sf-animation[data-animation="fade-from-right"].sf-animate {
opacity: 1;
right: 0;
-webkit-transition: all 0.8s cubic-bezier(0.15, 0.85, 0.35, 1.25);
-moz-transition: all 0.8s cubic-bezier(0.15, 0.85, 0.35, 1.25);
-o-transition: all 0.8s cubic-bezier(0.15, 0.85, 0.35, 1.25);
transition: all 0.8s cubic-bezier(0.15, 0.85, 0.35, 1.25);
}
.sf-animation[data-animation="fade-from-left"].sf-animate {
opacity: 1;
left: 0;
-webkit-transition: all 0.8s cubic-bezier(0.15, 0.85, 0.35, 1.25);
-moz-transition: all 0.8s cubic-bezier(0.15, 0.85, 0.35, 1.25);
-o-transition: all 0.8s cubic-bezier(0.15, 0.85, 0.35, 1.25);
transition: all 0.8s cubic-bezier(0.15, 0.85, 0.35, 1.25);
}
.sf-animation[data-animation="grow"] {
opacity: 0;
-webkit-transform: scale(0.4);
-o-transform: scale(0.4);
-moz-transform: scale(0.4);
transform: scale(0.4);
-webkit-transform-origin: 50% 50%;
-webkit-transition: all 0.6s cubic-bezier(0.15, 0.85, 0.35, 1.25);
-moz-transition: all 0.6s cubic-bezier(0.15, 0.85, 0.35, 1.25);
-o-transition: all 0.6s cubic-bezier(0.15, 0.85, 0.35, 1.25);
transition: all 0.6s cubic-bezier(0.15, 0.85, 0.35, 1.25);
}
.sf-animation[data-animation="grow"].sf-animate {
opacity: 1;
-webkit-transform: scale(1);
-o-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
.sf-animation[data-animation="pop-up"].sf-animate {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: scale(0.2);
-moz-transform: scale(0.2);
transform: scale(0.2);
-webkit-animation: popUp 0.4s ease-in-out forwards;
-moz-animation: popUp 0.4s ease-in-out forwards;
animation: popUp 0.4s ease-in-out forwards;
}
.sf-animation[data-animation="flip"].sf-animate {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: rotateX(-80deg);
-moz-transform: rotateX(-80deg);
transform: rotateX(-80deg);
-webkit-animation: flip .8s ease-in-out forwards;
-moz-animation: flip .8s ease-in-out forwards;
animation: flip .8s ease-in-out forwards;
}
.sf-animation[data-animation="helix"].sf-animate {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-animation: helix .8s ease-in-out forwards;
-moz-animation: helix .8s ease-in-out forwards;
animation: helix .8s ease-in-out forwards;
}
.sf-animation[data-animation="move-up"] {
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
-webkit-transition: all 0.65s cubic-bezier(0.725, 0.000, 0.000, 0.995);
-moz-transition: all 0.65s cubic-bezier(0.725, 0.000, 0.000, 0.995);
transition: all 0.65s cubic-bezier(0.725, 0.000, 0.000, 0.995);
}
.sf-animation[data-animation="move-up"].sf-animate {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.sf-animation[data-animation="spin"].sf-animate {
-webkit-animation: spin 0.65s ease forwards;
-moz-animation: spin 0.65s ease forwards;
animation: spin 0.65s ease forwards;
}
.sf-animation[data-animation="flip-x"].sf-animate {
-webkit-backface-visibility: visible;
-moz-backface-visibility: visible;
-o-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation: flipX 0.65s ease forwards;
-moz-animation: flipX 0.65s ease forwards;
animation: flipX 0.65s ease forwards;
}
.sf-animation[data-animation="flip-y"].sf-animate {
-webkit-backface-visibility: visible;
-moz-backface-visibility: visible;
-o-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation: flipY 0.65s ease forwards;
-moz-animation: flipY 0.65s ease forwards;
animation: flipY 0.65s ease forwards;
}
.sf-animation[data-animation="fade-from-left"] {
left: -70px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
.sf-animation[data-animation="fade-from-right"] {
right: -70px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
.sf-animation[data-animation="fade-from-bottom"] {
bottom: -70px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
.sf-animation[data-animation="fade-from-left"], .sf-animation[data-animation="fade-from-right"] {
margin: 0 auto;
}
.sf-animation[data-animation="zoomIn"] {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
-webkit-transition: all 1s cubic-bezier(0.725, 0.000, 0.000, 0.995);
-moz-transition: all 1s cubic-bezier(0.725, 0.000, 0.000, 0.995);
-o-transition: all 1s cubic-bezier(0.725, 0.000, 0.000, 0.995);
transition: all 1s cubic-bezier(0.725, 0.000, 0.000, 0.995);
}
.sf-animation[data-animation="zoomIn"].sf-animate {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.sf-animation[data-animation="zoomInDown"] {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1);
transform: scale3d(.1, .1, .1);
-webkit-transition: all 1s cubic-bezier(0.175, 0.885, 0.320, 1);
-moz-transition: all 1s cubic-bezier(0.175, 0.885, 0.320, 1);
-o-transition: all 1s cubic-bezier(0.175, 0.885, 0.320, 1);
transition: all 1s cubic-bezier(0.175, 0.885, 0.320, 1);
}
.sf-animation[data-animation="zoomInDown"].sf-animate {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.sf-animation[data-animation="bounceInDown"] {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
-moz-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.sf-animation[data-animation="bounceInDown"].sf-animate {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.sf-animation[data-animation="bounceInUp"] {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
-moz-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.sf-animation[data-animation="bounceInUp"].sf-animate {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.sf-animation[data-animation="bounceInLeft"] {
opacity: 0;
-webkit-transform: translate3d(-200px, 0, 0);
transform: translate3d(-200px, 0, 0);
-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
-moz-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.sf-animation[data-animation="bounceInLeft"].sf-animate {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.sf-animation[data-animation="bounceInRight"] {
opacity: 0;
-webkit-transform: translate3d(200px, 0, 0);
transform: translate3d(200px, 0, 0);
-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
-moz-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.sf-animation[data-animation="bounceInRight"].sf-animate {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.browser-ie .sf-animation[data-animation="pop-up"].sf-animate,
.browser-ie .sf-animation[data-animation="flip"].sf-animate,
.browser-ie .sf-animation[data-animation="helix"].sf-animate,
.browser-ie .sf-animation[data-animation="fly"].sf-animate,
.browser-ie .sf-animation[data-animation="move-up"].sf-animate,
.browser-ie .sf-animation[data-animation="spin"].sf-animate,
.browser-ie .sf-animation[data-animation="flip-x"].sf-animate,
.browser-ie .sf-animation[data-animation="flip-y"].sf-animate {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
@-webkit-keyframes fadeIn {
to { opacity: 1; }
}
@-moz-keyframes fadeIn {
to { opacity: 1; }
}
@keyframes fadeIn {
to { opacity: 1; }
}
@-webkit-keyframes moveUp {
to { -webkit-transform: translateY(0); opacity: 1; }
}
@-moz-keyframes moveUp {
to { -moz-transform: translateY(0); opacity: 1; }
}
@keyframes moveUp {
to { transform: translateY(0); opacity: 1; }
}
@-webkit-keyframes scaleUp {
to { -webkit-transform: scale(1); opacity: 1; }
}
@-moz-keyframes scaleUp {
to { -moz-transform: scale(1); opacity: 1; }
}
@keyframes scaleUp {
to { transform: scale(1); opacity: 1; }
}
@-webkit-keyframes fallPerspective {
100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}
@-moz-keyframes fallPerspective {
100% { -moz-transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}
@keyframes fallPerspective {
100% { transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}
@-webkit-keyframes fly {
100% { -webkit-transform: rotateX(0deg); opacity: 1; }
}
@-moz-keyframes fly {
100% { -moz-transform: rotateX(0deg); opacity: 1; }
}
@keyframes fly {
100% { transform: rotateX(0deg); opacity: 1; }
}
@-webkit-keyframes flip {
100% { -webkit-transform: rotateX(0deg); opacity: 1; }
}
@-moz-keyframes flip {
100% { -moz-transform: rotateX(0deg); opacity: 1; }
}
@keyframes flip {
100% { transform: rotateX(0deg); opacity: 1; }
}
@-webkit-keyframes helix {
100% { -webkit-transform: rotateY(0deg); opacity: 1; }
}
@-moz-keyframes helix {
100% { -moz-transform: rotateY(0deg); opacity: 1; }
}
@keyframes helix {
100% { transform: rotateY(0deg); opacity: 1; }
}
@-webkit-keyframes popUp {
70% { -webkit-transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; }
100% { -webkit-transform: scale(1); opacity: 1; }
}
@-moz-keyframes popUp {
70% { -moz-transform: scale(1.1); opacity: .8; -moz-animation-timing-function: ease-out; }
100% { -moz-transform: scale(1); opacity: 1; }
}
@keyframes popUp {
70% { transform: scale(1.1); opacity: .8; animation-timing-function: ease-out; }
100% { transform: scale(1); opacity: 1; }
}
@-ms-keyframes spin {
from { -ms-transform: rotate(0deg); }
to { -ms-transform: rotate(360deg); opacity: 1; }
}
@-moz-keyframes spin {
from { -moz-transform: rotate(0deg); }
to { -moz-transform: rotate(360deg); opacity: 1; }
}
@-webkit-keyframes spin {
from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); opacity: 1; }
}
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); opacity: 1; }
}
@-webkit-keyframes flipX {
0% {-webkit-transform: perspective(400px) rotateX(90deg);opacity: 0;}
100% {-webkit-transform: perspective(400px) rotateX(0deg);opacity: 1;}
}
@-moz-keyframes flipX {
0% {-moz-transform: perspective(400px) rotateX(90deg);opacity: 0;}
100% {-moz-transform: perspective(400px) rotateX(0deg);opacity: 1;}
}
@-o-keyframes flipX {
0% {-o-transform: perspective(400px) rotateX(90deg);opacity: 0;}
100% {-o-transform: perspective(400px) rotateX(0deg);opacity: 1;}
}
@keyframes flipX {
0% {transform: perspective(400px) rotateX(90deg);opacity: 0;}
100% {transform: perspective(400px) rotateX(0deg);opacity: 1;}
}
@-webkit-keyframes flipY {
0% {-webkit-transform: perspective(400px) rotateY(90deg);opacity: 0;}
100% {-webkit-transform: perspective(400px) rotateY(0deg);opacity: 1;}
}
@-moz-keyframes flipY {
0% {-moz-transform: perspective(400px) rotateY(90deg);opacity: 0;}
100% {-moz-transform: perspective(400px) rotateY(0deg);opacity: 1;}
}
@-o-keyframes flipY {
0% {-o-transform: perspective(400px) rotateY(90deg);opacity: 0;}
100% {-o-transform: perspective(400px) rotateY(0deg);opacity: 1;}
}
@keyframes flipY {
0% {transform: perspective(400px) rotateY(90deg);opacity: 0;}
100% {transform: perspective(400px) rotateY(0deg);opacity: 1;}
}
@-webkit-keyframes shake {
0%, 50%, 100% {-webkit-transform: translateX(0);}
25% {-webkit-transform: translateX(-100px);}
75% {-webkit-transform: translateX(100px);}
}
@-moz-keyframes shake {
0%, 50%, 100% {-moz-transform: translateX(0);}
25% {-moz-transform: translateX(-100px);}
75% {-moz-transform: translateX(100px);}
}
@-o-keyframes shake {
0%, 50%, 100% {-o-transform: translateX(0);}
25% {-o-transform: translateX(-100px);}
75% {-o-transform: translateX(100px);}
}
@keyframes shake {
0%, 50%, 100% {transform: translateX(0);}
25% {transform: translateX(-100px);}
75% {transform: translateX(100px);}
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
.animated.flipOutX,
.animated.flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, 100% {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, 100% {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
perspective: 1000px;
-webkit-backface-visibility: hidden;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
.flipInX {
-webkit-animation-name: none;
animation-name: none;
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
.flipInX.sf-animate {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transition: all 0.8s ease-in;
opacity: 1;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
from {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
/*! Flickity v2.0.9 */
.flickity-enabled {
position: relative;
}
.flickity-enabled:focus { outline: none; }
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
}
/* draggable */
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
}
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
position: absolute;
top: 50%;
width: 44px;
height: 44px;
border: none;
border-radius: 50%;
background: white;
background: hsla(0, 0%, 100%, 0.75);
cursor: pointer;
/* vertically center */
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.flickity-prev-next-button:hover { background: white; }
.flickity-prev-next-button:focus {
outline: none;
box-shadow: 0 0 0 5px #09F;
}
.flickity-prev-next-button:active {
opacity: 0.6;
}
.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px;
}
.flickity-prev-next-button:disabled {
opacity: 0.3;
cursor: auto;
}
.flickity-prev-next-button svg {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%;
}
.flickity-prev-next-button .arrow {
fill: #333;
}
/* big buttons, no circle */
.flickity-prev-next-button {
width: 50px;
height: 50px;
background: transparent;
-webkit-filter: drop-shadow( 0px 0px 2px rgba(0,0,0,0.2) );
filter: drop-shadow( 0px 0px 2px rgba(0,0,0,0.2) )
}
.flickity-prev-next-button:hover {
background: transparent;
}
/* arrow color */
.flickity-prev-next-button .arrow {
fill: white;
}
.flickity-prev-next-button.no-svg {
color: white;
}
/* hide disabled button */
.flickity-prev-next-button:disabled {
display: none;
}
/* ---- page dots ---- */
.flickity-page-dots {
position: absolute;
width: 100%;
bottom: 5%;
padding: 0;
margin: -8px 0 0;
list-style: none;
text-align: center;
line-height: 1;
}
.flickity-rtl .flickity-page-dots { direction: rtl; }
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
opacity: 0.25;
cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
opacity: 1;
}
.swiper-container{margin:0 auto;position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0px,0px);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1;direction:ltr;width:100%}.swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform,left;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{float:left;pointer-events:none}.swiper-slide.swiper-slide-active{z-index:1;pointer-events:auto}.swift-slider[data-transition="fade"] .swiper-wrapper{transition:none!important;-webkit-transition:none!important}.swift-slider[data-transition="fade"] .swiper-slide{transition:opacity 1.2s ease;-webkit-transition:opacity 1.2s ease}.swift-slider[data-transition="fade"] .swiper-slide:not(.swiper-slide-active){opacity:0}.swift-slider[data-transition="fade"] .swiper-slide.swiper-slide-active{opacity:1;z-index:50}.swiper-wp8-horizontal{-ms-touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x}.swift-slider-outer{overflow:hidden;-webkit-backface-visibility:hidden;z-index:1;position:relative;clear:both}.swift-slider-outer.not-visible{pointer-events:none}.swift-slider{background:#f7f7f7;z-index:97;height:500px}.swift-slider.swift-slider-parallax{position:fixed;left:0!important;z-index:1}.vertical-header .swift-slider.swift-slider-parallax,.vertical-header-right .swift-slider.swift-slider-parallax{position:relative!important}.spb_swift-slider .swift-slider.swift-slider-parallax{position:relative;-webkit-transform:none!important;-moz-transform:none!important;transform:none!important}.swiper-wrapper{opacity:0;-moz-opacity:0;filter:alpha(opacity=0)}.mobile-browser .swift-slider.no-swiping .swiper-wrapper{-webkit-transform:translate3d(0px,0px,0px)!important}.swift-slider.no-slides{height:300px;line-height:300px;text-align:center;font-size:24px;color:#fff}.swiper-slide{position:relative;background-repeat:no-repeat;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center}.swiper-slide[data-bg-size="auto"]{-moz-background-size:auto;-webkit-background-size:auto;-o-background-size:auto;background-size:auto}.swiper-slide[data-bg-align="top"][data-bg-horiz-align="left"]{background-position:left top}.swiper-slide[data-bg-align="top"][data-bg-horiz-align="center"]{background-position:center top}.swiper-slide[data-bg-align="top"][data-bg-horiz-align="right"]{background-position:right top}.swiper-slide[data-bg-align="center"][data-bg-horiz-align="left"]{background-position:left center}.swiper-slide[data-bg-align="center"][data-bg-horiz-align="center"]{background-position:center center}.swiper-slide[data-bg-align="center"][data-bg-horiz-align="right"]{background-position:right center}.swiper-slide[data-bg-align="bottom"][data-bg-horiz-align="left"]{background-position:left bottom}.swiper-slide[data-bg-align="bottom"][data-bg-horiz-align="center"]{background-position:center bottom}.swiper-slide[data-bg-align="bottom"][data-bg-horiz-align="right"]{background-position:right bottom}.swiper-slide.video-slide{background:#000}.swiper-slide .caption-wrap{position:relative;z-index:11;height:100%;max-width:100%}.swiper-slide .caption-content{position:absolute;z-index:10;top:50%;left:0;width:100%;color:#fff;padding-top:10px;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);text-align:left}.swiper-slide .caption-content a.sf-button{margin-top:20px}.swiper-slide[data-style="dark"] .caption-content{color:#000}.swiper-slide .caption-content[data-caption-x="right"]{text-align:right}.swiper-slide .caption-content[data-caption-x="right"] a.sf-button:last-child{margin-right:0}.swiper-slide .caption-content[data-caption-x="center"]{text-align:center}.swiper-slide .caption-content[data-caption-y="top"]{top:15%;margin-top:0!important}.swiper-slide .caption-content[data-caption-y="bottom"]{top:auto;bottom:15%;padding-top:0;padding-bottom:10px}.swiper-slide .caption-content>h2{color:inherit;margin:0 0 15px;font-size:72px!important;line-height:90px!important}.swiper-slide .caption-content div.caption-excerpt{font-size:22px;line-height:30px}.swiper-slide .caption-content div.caption-excerpt p{font-size:inherit;line-height:inherit}.swiper-slide .caption-content div.caption-excerpt>h1,.swiper-slide .caption-content div.caption-excerpt>h2,.swiper-slide .caption-content div.caption-excerpt>h3,.swiper-slide .caption-content div.caption-excerpt>h4,.swiper-slide .caption-content div.caption-excerpt>h5,.swiper-slide .caption-content div.caption-excerpt>h6,.swiper-slide .caption-content div.caption-excerpt>div,.swiper-slide .caption-content div.caption-excerpt>p{color:inherit}.swiper-slide .caption-content[data-caption-size="smaller"]>h2{font-size:50px!important;line-height:62px!important}.swiper-slide .caption-content[data-caption-size="smaller"] div.caption-excerpt{font-size:18px;line-height:26px}.swiper-slide .ss-slide-link{position:absolute;z-index:9;height:100%;width:100%;top:0;left:0}.swiper-slide .overlay{position:absolute;width:100%;height:100%;z-index:10}.swiper-slide .video-wrap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9;overflow:hidden}.swiper-slide .video-wrap .video-overlay{position:absolute;top:0;left:0;width:100%;height:2800px;z-index:9;opacity:0;background-repeat:repeat;background-position:center top}.swiper-slide .video-wrap .video-overlay.overlay-diaglight{background-image:url('/wp-content/plugins/swift-framework/includes/swift-slider/assets/images/vo_diagonal_lines_light.png')}.swiper-slide .video-wrap .video-overlay.overlay-diagdark{background-image:url('/wp-content/plugins/swift-framework/includes/swift-slider/assets/images/vo_diagonal_lines_dark.png')}.swiper-slide .video-wrap .video-overlay.overlay-horizlight{background-image:url('/wp-content/plugins/swift-framework/includes/swift-slider/assets/images/vo_horizontal_lines_light.png')}.swiper-slide .video-wrap .video-overlay.overlay-horizdark{background-image:url('/wp-content/plugins/swift-framework/includes/swift-slider/assets/images/vo_horizontal_lines_dark.png')}.swiper-slide .video-wrap .video-overlay.overlay-vertlight{background-image:url('/wp-content/plugins/swift-framework/includes/swift-slider/assets/images/vo_vertical_lines_light.png')}.swiper-slide .video-wrap .video-overlay.overlay-vertdark{background-image:url('/wp-content/plugins/swift-framework/includes/swift-slider/assets/images/vo_vertical_lines_dark.png')}.swiper-slide .video-wrap .video-overlay.overlay-lightgrid{background-image:url('/wp-content/plugins/swift-framework/includes/swift-slider/assets/images/vo_pixel_light.png')}.swiper-slide .video-wrap .video-overlay.overlay-darkgrid{background-image:url('/wp-content/plugins/swift-framework/includes/swift-slider/assets/images/vo_pixel_dark.png')}.swiper-slide .video-wrap .video-overlay.overlay-lightgridfat{background-image:url('/wp-content/plugins/swift-framework/includes/swift-slider/assets/images/vo_fat_pixel_light.png')}.swiper-slide .video-wrap .video-overlay.overlay-darkgridfat{background-image:url('/wp-content/plugins/swift-framework/includes/swift-slider/assets/images/vo_fat_pixel_dark.png')}.swiper-slide .video-wrap>video{position:relative;top:0;z-index:8;-webkit-backface-visibility:hidden}.swift-slider[data-slider-type="curtain"] .swiper-wrapper{-webkit-perspective:1200px;-moz-perspective:1200px;-ms-perspective:1200px;perspective:1200px}.swift-slider[data-slider-type="curtain"] .swiper-slide{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}a.swift-slider-prev,a.swift-slider-next{position:absolute;z-index:12;top:50%;height:50px;width:50px;margin-top:-25px;font-size:28px;line-height:58px;text-align:center;background:#fff;color:#222!important;opacity:0;display:none;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}a.swift-slider-prev.dark,a.swift-slider-next.dark{background:#222;color:#fff!important}.swift-slider:hover a.swift-slider-prev,.swift-slider:hover a.swift-slider-next{opacity:.7}a.swift-slider-prev:hover,a.swift-slider-next:hover{opacity:1!important}.swift-slider-prev{left:0;-moz-border-radius-topright:2px;-moz-border-radius-bottomright:2px;-webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px}.swift-slider-next{right:0;-moz-border-radius-topleft:2px;-moz-border-radius-bottomleft:2px;-webkit-border-top-left-radius:2px;-webkit-border-bottom-left-radius:2px;border-top-left-radius:2px;border-bottom-left-radius:2px}.swift-scroll-indicator{margin:0 auto;width:8px;height:auto;position:absolute;left:50%;margin-left:-4px;bottom:50px}.swift-scroll-indicator span{display:block;height:8px;width:8px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;margin-bottom:6px;background:#fff;opacity:0}.swift-slider-pagination{position:absolute;bottom:20px;width:100%;text-align:center;z-index:12;display:none}.swift-slider-pagination.pagination-hidden{display:none!important}.swift-slider-pagination .dot{position:relative;display:inline-block;float:none;margin:10px 5px;width:12px;height:12px;cursor:pointer}.swift-slider-pagination .dot span{top:0;left:0;padding:0!important;margin:0!important;width:100%!important;height:100%!important;outline:0;border-radius:50%;background-color:rgba(255,255,255,0.6);text-indent:-999em;cursor:pointer;position:absolute;-webkit-transition:-webkit-transform .3s ease,opacity .3s ease,background-color .3s ease;transition:transform .3s ease,opacity .3s ease,background-color .3s ease}.swift-slider-pagination .dot:after{content:'';position:absolute;width:100%;height:100%;visibility:hidden;opacity:0;left:0;background-color:#fff;border-radius:50%;-webkit-transform:translateY(-200%);transform:translateY(-200%);-webkit-transition:-webkit-transform .3s ease,opacity .3s ease,visibility 0s .3s;transition:transform .3s ease,opacity .3s ease,visibility 0s .3s}.swift-slider-pagination .dot.active:after{opacity:1!important;visibility:visible;-webkit-transition:-webkit-transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease;-webkit-transform:translateY(0%);transform:translateY(0%)}.swift-slider-pagination .dot.active span{opacity:0!important;-webkit-transform:translateY(200%);transform:translateY(200%)}.swift-slider[data-slider-type="curtain"] .swift-slider-pagination{bottom:auto;top:50%;right:20px;width:auto;height:auto}.swift-slider[data-slider-type="curtain"] .swift-slider-pagination .dot{display:block;margin:15px 5px}.swift-slider[data-slider-type="curtain"] .swift-slider-pagination .dot:after{-webkit-transform:translateX(-200%);transform:translateX(-200%)}.swift-slider[data-slider-type="curtain"] .swift-slider-pagination .dot.active:after{-webkit-transform:translateX(0%);transform:translateX(0%)}.swift-slider[data-slider-type="curtain"] .swift-slider-pagination .dot.active span{-webkit-transform:translateX(200%);transform:translateX(200%)}.swift-slider-pagination.dark .dot span{background-color:#666;opacity:.6}.swift-slider-pagination.dark .dot:after{background-color:#222}.swift-slider .swift-slider-continue{position:absolute;left:50%;bottom:80px;z-index:102;width:50px;height:50px;line-height:32px;margin-left:-25px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;padding:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:2px solid #fff;opacity:.5}.swift-slider .swift-slider-continue.continue-hidden{bottom:30px;opacity:0;pointer-events:none}.mobile-browser .swift-slider .swift-slider-continue{display:block}.swift-slider .swift-slider-continue:hover{opacity:1}.swift-slider .swift-slider-continue i{font-size:26px;vertical-align:0;font-weight:bold;color:#fff;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.swift-slider .swift-slider-continue.dark{border-color:#222}.swift-slider .swift-slider-continue.dark i{color:#222}#swift-slider-loader{position:absolute;top:0;left:0;width:100%;height:100%;z-index:12}#swift-slider-loader .spinner{position:absolute;top:50%;left:50%;height:50px;width:50px;margin-top:-25px!important;margin-left:-25px;text-align:center;font-size:10px}@media only screen and (min-width:1300px){.swiper-slide .caption-content{padding:0 15px}}@media only screen and (max-width:1024px){.swift-slider.swift-slider-parallax{position:relative;-moz-transform:none!important;-webkit-transform:none!important;transform:none!important}}@media only screen and (max-width:991px){.swiper-slide .caption-content{padding-left:10%;padding-right:10%}}@media only screen and (max-width:767px){.swiper-slide .caption-wrap{max-width:90%}a.swift-slider-prev,a.swift-slider-next{display:none!important}.swift-slider-pagination{opacity:1!important;display:block!important;bottom:10px!important}.swift-slider[data-slider-type="curtain"] .swift-slider-pagination{bottom:auto!important}.swiper-slide .caption-content{padding-left:5%;padding-right:5%}.swiper-slide .caption-content h1{font-size:32px!important;line-height:40px!important}.swiper-slide .caption-content h2{font-size:24px!important;line-height:36px!important}.swiper-slide .caption-content p.caption-excerpt{font-size:16px;line-height:24px}.swiper-slide .caption-content[data-caption-size="smaller"] h2{font-size:24px!important;line-height:36px!important}.swiper-slide .caption-content[data-caption-size="smaller"] div.caption-excerpt{font-size:14px;line-height:22px}.swiper-slide[data-bg-align="top"][data-mobile-bg-horiz-align="left"]{background-position:left top}.swiper-slide[data-bg-align="top"][data-mobile-bg-horiz-align="right"]{background-position:right top}.swiper-slide[data-bg-align="center"][data-mobile-bg-horiz-align="left"]{background-position:left center}.swiper-slide[data-bg-align="center"][data-mobile-bg-horiz-align="right"]{background-position:right center}.swiper-slide[data-bg-align="bottom"][data-mobile-bg-horiz-align="left"]{background-position:left bottom}.swiper-slide[data-bg-align="bottom"][data-mobile-bg-horiz-align="right"]{background-position:right bottom}}@media only screen and (max-width:479px){a.swift-slider-prev,a.swift-slider-next{display:none!important}}
/* LICENSE & DETAILS
==================================================
Theme Name: Atelier
Theme URI: http://atelier.swiftideas.com
Author: Swift Ideas
Author URI: www.swiftideas.com
Description: A Creative Multi-Purpose e-commerce WordPress Theme, Designed & Developed by Swift Ideas - www.swiftideas.com. Follow us for update notifications:
Twitter
| Facebook
Version: 2.9.2
Text Domain: atelier
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: translation-ready, threaded-comments, theme-options, sticky-post, post-formats, full-width-template, flexible-header, featured-images, custom-menu, custom-header, custom-colors, custom-background, responsive-layout
All files, unless otherwise stated, are released under the GNU General Public License
version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)
==================================================
*/
/*!
* Bootstrap v3.3.5 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*!
* Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=dec945bfd514446ccbb2)
* Config saved to config.json and https://gist.github.com/dec945bfd514446ccbb2
*//*!
* Bootstrap v3.3.6 (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */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{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;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"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}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}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,*:before,*:after{background:transparent !important;color:#000 !important;-webkit-box-shadow:none !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}.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}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25)}kbd kbd{padding:0;font-size:100%;font-weight:bold;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height, visibility;-o-transition-property:height, visibility;transition-property:height, visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#777;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.modal-open{overflow:hidden}.modal{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);-o-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-transition:-webkit-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);-webkit-background-clip:padding-box;background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:normal;letter-spacing:normal;line-break:auto;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;font-size:12px;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{bottom:0;right:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.nav:before,.nav:after,.modal-header:before,.modal-header:after,.modal-footer:before,.modal-footer:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after,.nav:after,.modal-header:after,.modal-footer:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table !important}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width:767px){.visible-xs-block{display:block !important}}@media (max-width:767px){.visible-xs-inline{display:inline !important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table !important}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table !important}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table !important}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table !important}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}}
/*!
* Font Awesome Free 5.10.1 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adobe:before{content:"\f778"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-biking:before{content:"\f84a"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bootstrap:before{content:"\f836"}.fa-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before{content:"\f853"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-cotton-bureau:before{content:"\f89e"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fan:before{content:"\f863"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-handshake:before{content:"\f2b5"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-wizard:before{content:"\f6e8"}.fa-haykal:before{content:"\f666"}.fa-hdd:before{content:"\f0a0"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-instagram:before{content:"\f16d"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-remove-format:before{content:"\f87d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-sketch:before{content:"\f7c6"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-water:before{content:"\f773"}.fa-wave-square:before{content:"\f83e"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:auto;src:url('/wp-content/themes/atelier/css/font/fa-brands-400.eot');src:url('/wp-content/themes/atelier/css/font/fa-brands-400.eot?#iefix') format("embedded-opentype"),url('/wp-content/themes/atelier/css/font/fa-brands-400.woff2') format("woff2"),url('/wp-content/themes/atelier/css/font/fa-brands-400.woff') format("woff"),url('/wp-content/themes/atelier/css/font/fa-brands-400.ttf') format("truetype"),url('/wp-content/themes/atelier/css/font/fa-brands-400.svg#fontawesome') format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:auto;src:url('/wp-content/themes/atelier/css/font/fa-regular-400.eot');src:url('/wp-content/themes/atelier/css/font/fa-regular-400.eot?#iefix') format("embedded-opentype"),url('/wp-content/themes/atelier/css/font/fa-regular-400.woff2') format("woff2"),url('/wp-content/themes/atelier/css/font/fa-regular-400.woff') format("woff"),url('/wp-content/themes/atelier/css/font/fa-regular-400.ttf') format("truetype"),url('/wp-content/themes/atelier/css/font/fa-regular-400.svg#fontawesome') format("svg")}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:auto;src:url('/wp-content/themes/atelier/css/font/fa-solid-900.eot');src:url('/wp-content/themes/atelier/css/font/fa-solid-900.eot?#iefix') format("embedded-opentype"),url('/wp-content/themes/atelier/css/font/fa-solid-900.woff2') format("woff2"),url('/wp-content/themes/atelier/css/font/fa-solid-900.woff') format("woff"),url('/wp-content/themes/atelier/css/font/fa-solid-900.ttf') format("truetype"),url('/wp-content/themes/atelier/css/font/fa-solid-900.svg#fontawesome') format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}
/*!
* Font Awesome Free 5.10.1 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
.fa.fa-glass:before{content:"\f000"}.fa.fa-meetup{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-star-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-star-o:before{content:"\f005"}.fa.fa-close:before,.fa.fa-remove:before{content:"\f00d"}.fa.fa-gear:before{content:"\f013"}.fa.fa-trash-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-trash-o:before{content:"\f2ed"}.fa.fa-file-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-o:before{content:"\f15b"}.fa.fa-clock-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-clock-o:before{content:"\f017"}.fa.fa-arrow-circle-o-down{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-arrow-circle-o-down:before{content:"\f358"}.fa.fa-arrow-circle-o-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-arrow-circle-o-up:before{content:"\f35b"}.fa.fa-play-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-play-circle-o:before{content:"\f144"}.fa.fa-repeat:before,.fa.fa-rotate-right:before{content:"\f01e"}.fa.fa-refresh:before{content:"\f021"}.fa.fa-list-alt{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-dedent:before{content:"\f03b"}.fa.fa-video-camera:before{content:"\f03d"}.fa.fa-picture-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-picture-o:before{content:"\f03e"}.fa.fa-photo{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-photo:before{content:"\f03e"}.fa.fa-image{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-image:before{content:"\f03e"}.fa.fa-pencil:before{content:"\f303"}.fa.fa-map-marker:before{content:"\f3c5"}.fa.fa-pencil-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-pencil-square-o:before{content:"\f044"}.fa.fa-share-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-share-square-o:before{content:"\f14d"}.fa.fa-check-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-check-square-o:before{content:"\f14a"}.fa.fa-arrows:before{content:"\f0b2"}.fa.fa-times-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-times-circle-o:before{content:"\f057"}.fa.fa-check-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-check-circle-o:before{content:"\f058"}.fa.fa-mail-forward:before{content:"\f064"}.fa.fa-eye,.fa.fa-eye-slash{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-warning:before{content:"\f071"}.fa.fa-calendar:before{content:"\f073"}.fa.fa-arrows-v:before{content:"\f338"}.fa.fa-arrows-h:before{content:"\f337"}.fa.fa-bar-chart{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-bar-chart:before{content:"\f080"}.fa.fa-bar-chart-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-bar-chart-o:before{content:"\f080"}.fa.fa-facebook-square,.fa.fa-twitter-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-gears:before{content:"\f085"}.fa.fa-thumbs-o-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-thumbs-o-up:before{content:"\f164"}.fa.fa-thumbs-o-down{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-thumbs-o-down:before{content:"\f165"}.fa.fa-heart-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-heart-o:before{content:"\f004"}.fa.fa-sign-out:before{content:"\f2f5"}.fa.fa-linkedin-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-linkedin-square:before{content:"\f08c"}.fa.fa-thumb-tack:before{content:"\f08d"}.fa.fa-external-link:before{content:"\f35d"}.fa.fa-sign-in:before{content:"\f2f6"}.fa.fa-github-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-lemon-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-lemon-o:before{content:"\f094"}.fa.fa-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-square-o:before{content:"\f0c8"}.fa.fa-bookmark-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-bookmark-o:before{content:"\f02e"}.fa.fa-facebook,.fa.fa-twitter{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-facebook:before{content:"\f39e"}.fa.fa-facebook-f{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-facebook-f:before{content:"\f39e"}.fa.fa-github{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-credit-card{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-feed:before{content:"\f09e"}.fa.fa-hdd-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hdd-o:before{content:"\f0a0"}.fa.fa-hand-o-right{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-o-right:before{content:"\f0a4"}.fa.fa-hand-o-left{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-o-left:before{content:"\f0a5"}.fa.fa-hand-o-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-o-up:before{content:"\f0a6"}.fa.fa-hand-o-down{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-o-down:before{content:"\f0a7"}.fa.fa-arrows-alt:before{content:"\f31e"}.fa.fa-group:before{content:"\f0c0"}.fa.fa-chain:before{content:"\f0c1"}.fa.fa-scissors:before{content:"\f0c4"}.fa.fa-files-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-files-o:before{content:"\f0c5"}.fa.fa-floppy-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-floppy-o:before{content:"\f0c7"}.fa.fa-navicon:before,.fa.fa-reorder:before{content:"\f0c9"}.fa.fa-google-plus,.fa.fa-google-plus-square,.fa.fa-pinterest,.fa.fa-pinterest-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-google-plus:before{content:"\f0d5"}.fa.fa-money{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-money:before{content:"\f3d1"}.fa.fa-unsorted:before{content:"\f0dc"}.fa.fa-sort-desc:before{content:"\f0dd"}.fa.fa-sort-asc:before{content:"\f0de"}.fa.fa-linkedin{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-linkedin:before{content:"\f0e1"}.fa.fa-rotate-left:before{content:"\f0e2"}.fa.fa-legal:before{content:"\f0e3"}.fa.fa-dashboard:before,.fa.fa-tachometer:before{content:"\f3fd"}.fa.fa-comment-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-comment-o:before{content:"\f075"}.fa.fa-comments-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-comments-o:before{content:"\f086"}.fa.fa-flash:before{content:"\f0e7"}.fa.fa-clipboard,.fa.fa-paste{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-paste:before{content:"\f328"}.fa.fa-lightbulb-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-lightbulb-o:before{content:"\f0eb"}.fa.fa-exchange:before{content:"\f362"}.fa.fa-cloud-download:before{content:"\f381"}.fa.fa-cloud-upload:before{content:"\f382"}.fa.fa-bell-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-bell-o:before{content:"\f0f3"}.fa.fa-cutlery:before{content:"\f2e7"}.fa.fa-file-text-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-text-o:before{content:"\f15c"}.fa.fa-building-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-building-o:before{content:"\f1ad"}.fa.fa-hospital-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hospital-o:before{content:"\f0f8"}.fa.fa-tablet:before{content:"\f3fa"}.fa.fa-mobile-phone:before,.fa.fa-mobile:before{content:"\f3cd"}.fa.fa-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-circle-o:before{content:"\f111"}.fa.fa-mail-reply:before{content:"\f3e5"}.fa.fa-github-alt{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-folder-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-folder-o:before{content:"\f07b"}.fa.fa-folder-open-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-folder-open-o:before{content:"\f07c"}.fa.fa-smile-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-smile-o:before{content:"\f118"}.fa.fa-frown-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-frown-o:before{content:"\f119"}.fa.fa-meh-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-meh-o:before{content:"\f11a"}.fa.fa-keyboard-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-keyboard-o:before{content:"\f11c"}.fa.fa-flag-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-flag-o:before{content:"\f024"}.fa.fa-mail-reply-all:before{content:"\f122"}.fa.fa-star-half-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-star-half-o:before{content:"\f089"}.fa.fa-star-half-empty{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-star-half-empty:before{content:"\f089"}.fa.fa-star-half-full{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-star-half-full:before{content:"\f089"}.fa.fa-code-fork:before{content:"\f126"}.fa.fa-chain-broken:before{content:"\f127"}.fa.fa-shield:before{content:"\f3ed"}.fa.fa-calendar-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-calendar-o:before{content:"\f133"}.fa.fa-css3,.fa.fa-html5,.fa.fa-maxcdn{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-ticket:before{content:"\f3ff"}.fa.fa-minus-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-minus-square-o:before{content:"\f146"}.fa.fa-level-up:before{content:"\f3bf"}.fa.fa-level-down:before{content:"\f3be"}.fa.fa-pencil-square:before{content:"\f14b"}.fa.fa-external-link-square:before{content:"\f360"}.fa.fa-compass{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-caret-square-o-down{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-caret-square-o-down:before{content:"\f150"}.fa.fa-toggle-down{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-toggle-down:before{content:"\f150"}.fa.fa-caret-square-o-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-caret-square-o-up:before{content:"\f151"}.fa.fa-toggle-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-toggle-up:before{content:"\f151"}.fa.fa-caret-square-o-right{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-caret-square-o-right:before{content:"\f152"}.fa.fa-toggle-right{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-toggle-right:before{content:"\f152"}.fa.fa-eur:before,.fa.fa-euro:before{content:"\f153"}.fa.fa-gbp:before{content:"\f154"}.fa.fa-dollar:before,.fa.fa-usd:before{content:"\f155"}.fa.fa-inr:before,.fa.fa-rupee:before{content:"\f156"}.fa.fa-cny:before,.fa.fa-jpy:before,.fa.fa-rmb:before,.fa.fa-yen:before{content:"\f157"}.fa.fa-rouble:before,.fa.fa-rub:before,.fa.fa-ruble:before{content:"\f158"}.fa.fa-krw:before,.fa.fa-won:before{content:"\f159"}.fa.fa-bitcoin,.fa.fa-btc{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-bitcoin:before{content:"\f15a"}.fa.fa-file-text:before{content:"\f15c"}.fa.fa-sort-alpha-asc:before{content:"\f15d"}.fa.fa-sort-alpha-desc:before{content:"\f881"}.fa.fa-sort-amount-asc:before{content:"\f160"}.fa.fa-sort-amount-desc:before{content:"\f884"}.fa.fa-sort-numeric-asc:before{content:"\f162"}.fa.fa-sort-numeric-desc:before{content:"\f886"}.fa.fa-xing,.fa.fa-xing-square,.fa.fa-youtube,.fa.fa-youtube-play,.fa.fa-youtube-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-youtube-play:before{content:"\f167"}.fa.fa-adn,.fa.fa-bitbucket,.fa.fa-bitbucket-square,.fa.fa-dropbox,.fa.fa-flickr,.fa.fa-instagram,.fa.fa-stack-overflow{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-bitbucket-square:before{content:"\f171"}.fa.fa-tumblr,.fa.fa-tumblr-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-long-arrow-down:before{content:"\f309"}.fa.fa-long-arrow-up:before{content:"\f30c"}.fa.fa-long-arrow-left:before{content:"\f30a"}.fa.fa-long-arrow-right:before{content:"\f30b"}.fa.fa-android,.fa.fa-apple,.fa.fa-dribbble,.fa.fa-foursquare,.fa.fa-gittip,.fa.fa-gratipay,.fa.fa-linux,.fa.fa-skype,.fa.fa-trello,.fa.fa-windows{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-gittip:before{content:"\f184"}.fa.fa-sun-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-sun-o:before{content:"\f185"}.fa.fa-moon-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-moon-o:before{content:"\f186"}.fa.fa-pagelines,.fa.fa-renren,.fa.fa-stack-exchange,.fa.fa-vk,.fa.fa-weibo{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-arrow-circle-o-right{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-arrow-circle-o-right:before{content:"\f35a"}.fa.fa-arrow-circle-o-left{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-arrow-circle-o-left:before{content:"\f359"}.fa.fa-caret-square-o-left{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-caret-square-o-left:before{content:"\f191"}.fa.fa-toggle-left{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-toggle-left:before{content:"\f191"}.fa.fa-dot-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-dot-circle-o:before{content:"\f192"}.fa.fa-vimeo-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-try:before,.fa.fa-turkish-lira:before{content:"\f195"}.fa.fa-plus-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-plus-square-o:before{content:"\f0fe"}.fa.fa-openid,.fa.fa-slack,.fa.fa-wordpress{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-bank:before,.fa.fa-institution:before{content:"\f19c"}.fa.fa-mortar-board:before{content:"\f19d"}.fa.fa-delicious,.fa.fa-digg,.fa.fa-drupal,.fa.fa-google,.fa.fa-joomla,.fa.fa-pied-piper-alt,.fa.fa-pied-piper-pp,.fa.fa-reddit,.fa.fa-reddit-square,.fa.fa-stumbleupon,.fa.fa-stumbleupon-circle,.fa.fa-yahoo{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-spoon:before{content:"\f2e5"}.fa.fa-behance,.fa.fa-behance-square,.fa.fa-steam,.fa.fa-steam-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-automobile:before{content:"\f1b9"}.fa.fa-cab:before{content:"\f1ba"}.fa.fa-envelope-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-envelope-o:before{content:"\f0e0"}.fa.fa-deviantart,.fa.fa-soundcloud{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-file-pdf-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-pdf-o:before{content:"\f1c1"}.fa.fa-file-word-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-word-o:before{content:"\f1c2"}.fa.fa-file-excel-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-excel-o:before{content:"\f1c3"}.fa.fa-file-powerpoint-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-powerpoint-o:before{content:"\f1c4"}.fa.fa-file-image-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-image-o:before{content:"\f1c5"}.fa.fa-file-photo-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-photo-o:before{content:"\f1c5"}.fa.fa-file-picture-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-picture-o:before{content:"\f1c5"}.fa.fa-file-archive-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-archive-o:before{content:"\f1c6"}.fa.fa-file-zip-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-zip-o:before{content:"\f1c6"}.fa.fa-file-audio-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-audio-o:before{content:"\f1c7"}.fa.fa-file-sound-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-sound-o:before{content:"\f1c7"}.fa.fa-file-video-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-video-o:before{content:"\f1c8"}.fa.fa-file-movie-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-movie-o:before{content:"\f1c8"}.fa.fa-file-code-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-code-o:before{content:"\f1c9"}.fa.fa-codepen,.fa.fa-jsfiddle,.fa.fa-vine{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-life-bouy,.fa.fa-life-ring{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-life-bouy:before{content:"\f1cd"}.fa.fa-life-buoy{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-life-buoy:before{content:"\f1cd"}.fa.fa-life-saver{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-life-saver:before{content:"\f1cd"}.fa.fa-support{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-support:before{content:"\f1cd"}.fa.fa-circle-o-notch:before{content:"\f1ce"}.fa.fa-ra,.fa.fa-rebel{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-ra:before{content:"\f1d0"}.fa.fa-resistance{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-resistance:before{content:"\f1d0"}.fa.fa-empire,.fa.fa-ge{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-ge:before{content:"\f1d1"}.fa.fa-git,.fa.fa-git-square,.fa.fa-hacker-news,.fa.fa-y-combinator-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-y-combinator-square:before{content:"\f1d4"}.fa.fa-yc-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-yc-square:before{content:"\f1d4"}.fa.fa-qq,.fa.fa-tencent-weibo,.fa.fa-wechat,.fa.fa-weixin{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-wechat:before{content:"\f1d7"}.fa.fa-send:before{content:"\f1d8"}.fa.fa-paper-plane-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-paper-plane-o:before{content:"\f1d8"}.fa.fa-send-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-send-o:before{content:"\f1d8"}.fa.fa-circle-thin{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-circle-thin:before{content:"\f111"}.fa.fa-header:before{content:"\f1dc"}.fa.fa-sliders:before{content:"\f1de"}.fa.fa-futbol-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-futbol-o:before{content:"\f1e3"}.fa.fa-soccer-ball-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-soccer-ball-o:before{content:"\f1e3"}.fa.fa-slideshare,.fa.fa-twitch,.fa.fa-yelp{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-newspaper-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-newspaper-o:before{content:"\f1ea"}.fa.fa-cc-amex,.fa.fa-cc-discover,.fa.fa-cc-mastercard,.fa.fa-cc-paypal,.fa.fa-cc-stripe,.fa.fa-cc-visa,.fa.fa-google-wallet,.fa.fa-paypal{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-bell-slash-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-bell-slash-o:before{content:"\f1f6"}.fa.fa-trash:before{content:"\f2ed"}.fa.fa-copyright{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-eyedropper:before{content:"\f1fb"}.fa.fa-area-chart:before{content:"\f1fe"}.fa.fa-pie-chart:before{content:"\f200"}.fa.fa-line-chart:before{content:"\f201"}.fa.fa-angellist,.fa.fa-ioxhost,.fa.fa-lastfm,.fa.fa-lastfm-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-cc{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-cc:before{content:"\f20a"}.fa.fa-ils:before,.fa.fa-shekel:before,.fa.fa-sheqel:before{content:"\f20b"}.fa.fa-meanpath{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-meanpath:before{content:"\f2b4"}.fa.fa-buysellads,.fa.fa-connectdevelop,.fa.fa-dashcube,.fa.fa-forumbee,.fa.fa-leanpub,.fa.fa-sellsy,.fa.fa-shirtsinbulk,.fa.fa-simplybuilt,.fa.fa-skyatlas{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-diamond{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-diamond:before{content:"\f3a5"}.fa.fa-intersex:before{content:"\f224"}.fa.fa-facebook-official{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-facebook-official:before{content:"\f09a"}.fa.fa-pinterest-p,.fa.fa-whatsapp{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-hotel:before{content:"\f236"}.fa.fa-medium,.fa.fa-viacoin,.fa.fa-y-combinator,.fa.fa-yc{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-yc:before{content:"\f23b"}.fa.fa-expeditedssl,.fa.fa-opencart,.fa.fa-optin-monster{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-battery-4:before,.fa.fa-battery:before{content:"\f240"}.fa.fa-battery-3:before{content:"\f241"}.fa.fa-battery-2:before{content:"\f242"}.fa.fa-battery-1:before{content:"\f243"}.fa.fa-battery-0:before{content:"\f244"}.fa.fa-object-group,.fa.fa-object-ungroup,.fa.fa-sticky-note-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-sticky-note-o:before{content:"\f249"}.fa.fa-cc-diners-club,.fa.fa-cc-jcb{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-clone,.fa.fa-hourglass-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hourglass-o:before{content:"\f254"}.fa.fa-hourglass-1:before{content:"\f251"}.fa.fa-hourglass-2:before{content:"\f252"}.fa.fa-hourglass-3:before{content:"\f253"}.fa.fa-hand-rock-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-rock-o:before{content:"\f255"}.fa.fa-hand-grab-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-grab-o:before{content:"\f255"}.fa.fa-hand-paper-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-paper-o:before{content:"\f256"}.fa.fa-hand-stop-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-stop-o:before{content:"\f256"}.fa.fa-hand-scissors-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-scissors-o:before{content:"\f257"}.fa.fa-hand-lizard-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-lizard-o:before{content:"\f258"}.fa.fa-hand-spock-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-spock-o:before{content:"\f259"}.fa.fa-hand-pointer-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-pointer-o:before{content:"\f25a"}.fa.fa-hand-peace-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-peace-o:before{content:"\f25b"}.fa.fa-registered{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-chrome,.fa.fa-creative-commons,.fa.fa-firefox,.fa.fa-get-pocket,.fa.fa-gg,.fa.fa-gg-circle,.fa.fa-internet-explorer,.fa.fa-odnoklassniki,.fa.fa-odnoklassniki-square,.fa.fa-opera,.fa.fa-safari,.fa.fa-tripadvisor,.fa.fa-wikipedia-w{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-television:before{content:"\f26c"}.fa.fa-500px,.fa.fa-amazon,.fa.fa-contao{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-calendar-plus-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-calendar-plus-o:before{content:"\f271"}.fa.fa-calendar-minus-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-calendar-minus-o:before{content:"\f272"}.fa.fa-calendar-times-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-calendar-times-o:before{content:"\f273"}.fa.fa-calendar-check-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-calendar-check-o:before{content:"\f274"}.fa.fa-map-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-map-o:before{content:"\f279"}.fa.fa-commenting:before{content:"\f4ad"}.fa.fa-commenting-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-commenting-o:before{content:"\f4ad"}.fa.fa-houzz,.fa.fa-vimeo{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-vimeo:before{content:"\f27d"}.fa.fa-black-tie,.fa.fa-edge,.fa.fa-fonticons,.fa.fa-reddit-alien{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-credit-card-alt:before{content:"\f09d"}.fa.fa-codiepie,.fa.fa-fort-awesome,.fa.fa-mixcloud,.fa.fa-modx,.fa.fa-product-hunt,.fa.fa-scribd,.fa.fa-usb{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-pause-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-pause-circle-o:before{content:"\f28b"}.fa.fa-stop-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-stop-circle-o:before{content:"\f28d"}.fa.fa-bluetooth,.fa.fa-bluetooth-b,.fa.fa-envira,.fa.fa-gitlab,.fa.fa-wheelchair-alt,.fa.fa-wpbeginner,.fa.fa-wpforms{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-wheelchair-alt:before{content:"\f368"}.fa.fa-question-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-question-circle-o:before{content:"\f059"}.fa.fa-volume-control-phone:before{content:"\f2a0"}.fa.fa-asl-interpreting:before{content:"\f2a3"}.fa.fa-deafness:before,.fa.fa-hard-of-hearing:before{content:"\f2a4"}.fa.fa-glide,.fa.fa-glide-g{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-signing:before{content:"\f2a7"}.fa.fa-first-order,.fa.fa-google-plus-official,.fa.fa-pied-piper,.fa.fa-snapchat,.fa.fa-snapchat-ghost,.fa.fa-snapchat-square,.fa.fa-themeisle,.fa.fa-viadeo,.fa.fa-viadeo-square,.fa.fa-yoast{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-google-plus-official:before{content:"\f2b3"}.fa.fa-google-plus-circle{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-google-plus-circle:before{content:"\f2b3"}.fa.fa-fa,.fa.fa-font-awesome{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-fa:before{content:"\f2b4"}.fa.fa-handshake-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-handshake-o:before{content:"\f2b5"}.fa.fa-envelope-open-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-envelope-open-o:before{content:"\f2b6"}.fa.fa-linode{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-address-book-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-address-book-o:before{content:"\f2b9"}.fa.fa-vcard:before{content:"\f2bb"}.fa.fa-address-card-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-address-card-o:before{content:"\f2bb"}.fa.fa-vcard-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-vcard-o:before{content:"\f2bb"}.fa.fa-user-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-user-circle-o:before{content:"\f2bd"}.fa.fa-user-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-user-o:before{content:"\f007"}.fa.fa-id-badge{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-drivers-license:before{content:"\f2c2"}.fa.fa-id-card-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-id-card-o:before{content:"\f2c2"}.fa.fa-drivers-license-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-drivers-license-o:before{content:"\f2c2"}.fa.fa-free-code-camp,.fa.fa-quora,.fa.fa-telegram{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-thermometer-4:before,.fa.fa-thermometer:before{content:"\f2c7"}.fa.fa-thermometer-3:before{content:"\f2c8"}.fa.fa-thermometer-2:before{content:"\f2c9"}.fa.fa-thermometer-1:before{content:"\f2ca"}.fa.fa-thermometer-0:before{content:"\f2cb"}.fa.fa-bathtub:before,.fa.fa-s15:before{content:"\f2cd"}.fa.fa-window-maximize,.fa.fa-window-restore{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-times-rectangle:before{content:"\f410"}.fa.fa-window-close-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-window-close-o:before{content:"\f410"}.fa.fa-times-rectangle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-times-rectangle-o:before{content:"\f410"}.fa.fa-bandcamp,.fa.fa-eercast,.fa.fa-etsy,.fa.fa-grav,.fa.fa-imdb,.fa.fa-ravelry{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-eercast:before{content:"\f2da"}.fa.fa-snowflake-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-snowflake-o:before{content:"\f2dc"}.fa.fa-spotify,.fa.fa-superpowers,.fa.fa-wpexplorer{font-family:"Font Awesome 5 Brands";font-weight:400}
/* Table of Contents
==================================================
#Custom Column Sizing
#Page Builder Override Classes
#Default @font-face
#General
#Home Slider
#Header
#Mobile Header
#Footer
#Portfolio
#Blog
#Team
#Sidebar
#Comments
#Contact
#Events
#Shortcodes
#CSS3 Keyframes
#Style Switcher
#Retina Styles
#Responsive Styles
==================================================
*/
/* #Default @font-face
================================================== */
@font-face {
font-family: 'atelier';
src:url('/wp-content/themes/atelier/css/font/si-atelier.eot?-7oeevn');
src:url('/wp-content/themes/atelier/css/font/si-atelier.eot?#iefix-7oeevn') format('embedded-opentype'),
url('/wp-content/themes/atelier/css/font/si-atelier.woff?-7oeevn') format('woff'),
url('/wp-content/themes/atelier/css/font/si-atelier.ttf?-7oeevn') format('truetype'),
url('/wp-content/themes/atelier/css/font/si-atelier.svg?-7oeevn#atelier') format('svg');
font-weight: normal;
font-style: normal;
}
i[class^="sf-icon-"] {
font-family: 'atelier';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.sf-icon-quotation-mark-start:before {
content: "\e60b";
}
.sf-icon-quotation-mark-end:before {
content: "\e614";
}
.sf-icon-loader:before {
content: "\e60f";
}
.sf-icon-wishlist:before {
content: "\e604";
}
.sf-icon-account:before {
content: "\e61a";
}
.sf-icon-search:before {
content: "\e605";
}
.sf-icon-star-fill:before {
content: "\e616";
}
.sf-icon-star-stroke:before {
content: "\e60a";
}
.sf-icon-plus:before {
content: "\e600";
}
.sf-icon-minus:before {
content: "\e603";
}
.sf-icon-supersearch:before {
content: "\e608";
}
.sf-icon-search-quickview:before {
content: "\e615";
}
.sf-icon-comparison:before {
content: "\e609";
}
.sf-icon-close:before {
content: "\e606";
}
.sf-icon-tick:before {
content: "\e607";
}
.sf-icon-chevron-prev:before {
content: "\e601";
}
.sf-icon-chevron-next:before {
content: "\e602";
}
.sf-icon-chevron-up:before {
content: "\e60c";
}
.sf-icon-chevron-down:before {
content: "\e60d";
}
.sf-icon-contact:before {
content: "\e61b";
}
.sf-icon-slider-chevron-down:before {
content: "\e617";
}
.sf-icon-slider-chevron-prev:before {
content: "\e618";
}
.sf-icon-slider-chevron-next:before {
content: "\e619";
}
.sf-icon-breadcrumb-divider:before {
content: "\e60e";
}
.sf-icon-atelier-shop-standard:before {
content: "\e610";
}
.sf-icon-atelier-shop-list:before {
content: "\e611";
}
.sf-icon-atelier-shop-grid:before {
content: "\e612";
-webkit-font-smoothing: none;
}
.sf-icon-atelier-shop-solo:before {
content: "\e613";
}
/* #Icon Mind
================================================== */
@font-face {
font-family: 'sf-iconmind';
src:url('/wp-content/themes/atelier/css/font/iconmind.eot?er5gko');
src:url('/wp-content/themes/atelier/css/font/iconmind.eot?#iefixer5gko') format('embedded-opentype'),
url('/wp-content/themes/atelier/css/font/iconmind.woff?er5gko') format('woff'),
url('/wp-content/themes/atelier/css/font/iconmind.ttf?er5gko') format('truetype'),
url('/wp-content/themes/atelier/css/font/iconmind.svg?er5gko#iconmind') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="sf-im-"], [class*=" sf-im-"] {
font-family: 'sf-iconmind'!important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.sf-im-gear:before {
content: "\e600";
}
.sf-im-gears:before {
content: "\e601";
}
.sf-im-information:before {
content: "\e602";
}
.sf-im-magnifi-glass-:before {
content: "\e603";
}
.sf-im-magnifi-glass:before {
content: "\e604";
}
.sf-im-magnifi-glass2:before {
content: "\e605";
}
.sf-im-preview:before {
content: "\e606";
}
.sf-im-pricing:before {
content: "\e607";
}
.sf-im-repair:before {
content: "\e608";
}
.sf-im-support:before {
content: "\e609";
}
.sf-im-user:before {
content: "\e60a";
}
.sf-im-equalizer:before {
content: "\e60b";
}
.sf-im-microphone-2:before {
content: "\e60c";
}
.sf-im-rock-androll:before {
content: "\e60d";
}
.sf-im-sound-wave:before {
content: "\e60e";
}
.sf-im-close-window:before {
content: "\e60f";
}
.sf-im-network-window:before {
content: "\e610";
}
.sf-im-settings-window:before {
content: "\e611";
}
.sf-im-two-windows:before {
content: "\e612";
}
.sf-im-upload-window:before {
content: "\e613";
}
.sf-im-url-window:before {
content: "\e614";
}
.sf-im-width-window:before {
content: "\e615";
}
.sf-im-windows-2:before {
content: "\e616";
}
.sf-im-drop:before {
content: "\e617";
}
.sf-im-clapperboard-open:before {
content: "\e618";
}
.sf-im-video-3:before {
content: "\e619";
}
.sf-im-hand-touch2:before {
content: "\e61a";
}
.sf-im-thumb:before {
content: "\e61b";
}
.sf-im-clock:before {
content: "\e61c";
}
.sf-im-watch:before {
content: "\e61d";
}
.sf-im-normal-text:before {
content: "\e61e";
}
.sf-im-text-box:before {
content: "\e61f";
}
.sf-im-text-effect:before {
content: "\e620";
}
.sf-im-archery-2:before {
content: "\e621";
}
.sf-im-medal-3:before {
content: "\e622";
}
.sf-im-skate-shoes:before {
content: "\e623";
}
.sf-im-trophy:before {
content: "\e624";
}
.sf-im-speach-bubbleasking:before {
content: "\e625";
}
.sf-im-speach-bubbledialog:before {
content: "\e626";
}
.sf-im-inifity:before {
content: "\e627";
}
.sf-im-quotes:before {
content: "\e628";
}
.sf-im-ribbon:before {
content: "\e629";
}
.sf-im-venn-diagram:before {
content: "\e62a";
}
.sf-im-car-coins:before {
content: "\e62b";
}
.sf-im-cash-register2:before {
content: "\e62c";
}
.sf-im-password-shopping:before {
content: "\e62d";
}
.sf-im-tag-5:before {
content: "\e62e";
}
.sf-im-coding:before {
content: "\e62f";
}
.sf-im-consulting:before {
content: "\e630";
}
.sf-im-testimonal:before {
content: "\e631";
}
.sf-im-lock-2:before {
content: "\e632";
}
.sf-im-unlock-2:before {
content: "\e633";
}
.sf-im-atom:before {
content: "\e634";
}
.sf-im-chemical:before {
content: "\e635";
}
.sf-im-plaster:before {
content: "\e636";
}
.sf-im-camera-2:before {
content: "\e637";
}
.sf-im-flash-2:before {
content: "\e638";
}
.sf-im-photo:before {
content: "\e639";
}
.sf-im-photos:before {
content: "\e63a";
}
.sf-im-sport-mode:before {
content: "\e63b";
}
.sf-im-business-man:before {
content: "\e63c";
}
.sf-im-business-woman:before {
content: "\e63d";
}
.sf-im-speak-2:before {
content: "\e63e";
}
.sf-im-talk-man:before {
content: "\e63f";
}
.sf-im-chair:before {
content: "\e640";
}
.sf-im-footprint:before {
content: "\e641";
}
.sf-im-gift-box:before {
content: "\e642";
}
.sf-im-key:before {
content: "\e643";
}
.sf-im-light-bulb:before {
content: "\e644";
}
.sf-im-luggage-2:before {
content: "\e645";
}
.sf-im-paper-plane:before {
content: "\e646";
}
.sf-im-environmental-3:before {
content: "\e647";
}
.sf-im-compass-4:before {
content: "\e648";
}
.sf-im-globe:before {
content: "\e649";
}
.sf-im-map-marker:before {
content: "\e64a";
}
.sf-im-map2:before {
content: "\e64b";
}
.sf-im-satelite-2:before {
content: "\e64c";
}
.sf-im-add:before {
content: "\e64d";
}
.sf-im-close:before {
content: "\e64e";
}
.sf-im-cursor-click2:before {
content: "\e64f";
}
.sf-im-download-2:before {
content: "\e650";
}
.sf-im-link:before {
content: "\e651";
}
.sf-im-upload-2:before {
content: "\e652";
}
.sf-im-yes:before {
content: "\e653";
}
.sf-im-old-camera:before {
content: "\e654";
}
.sf-im-mouse-4:before {
content: "\e655";
}
.sf-im-coffee:before {
content: "\e656";
}
.sf-im-doughnut:before {
content: "\e657";
}
.sf-im-glass-water:before {
content: "\e658";
}
.sf-im-hot-dog:before {
content: "\e659";
}
.sf-im-juice:before {
content: "\e65a";
}
.sf-im-pizza-slice:before {
content: "\e65b";
}
.sf-im-pizza:before {
content: "\e65c";
}
.sf-im-wine-glass:before {
content: "\e65d";
}
.sf-im-box-open:before {
content: "\e65e";
}
.sf-im-box-withfolders:before {
content: "\e65f";
}
.sf-im-add-file:before {
content: "\e660";
}
.sf-im-delete-file:before {
content: "\e661";
}
.sf-im-file-download:before {
content: "\e662";
}
.sf-im-file-horizontaltext:before {
content: "\e663";
}
.sf-im-file-link:before {
content: "\e664";
}
.sf-im-file-love:before {
content: "\e665";
}
.sf-im-file-pictures:before {
content: "\e666";
}
.sf-im-file-zip:before {
content: "\e667";
}
.sf-im-files:before {
content: "\e668";
}
.sf-im-remove-file:before {
content: "\e669";
}
.sf-im-thumbs-upsmiley:before {
content: "\e66a";
}
.sf-im-letter-open:before {
content: "\e66b";
}
.sf-im-mail:before {
content: "\e66c";
}
.sf-im-mailbox-full:before {
content: "\e66d";
}
.sf-im-notepad:before {
content: "\e66e";
}
.sf-im-computer:before {
content: "\e66f";
}
.sf-im-laptop:before {
content: "\e670";
}
.sf-im-monitor-2:before {
content: "\e671";
}
.sf-im-monitor-5:before {
content: "\e672";
}
.sf-im-monitor-phone:before {
content: "\e673";
}
.sf-im-phone-2:before {
content: "\e674";
}
.sf-im-smartphone-4:before {
content: "\e675";
}
.sf-im-tablet-3:before {
content: "\e676";
}
.sf-im-aa:before {
content: "\e677";
}
.sf-im-brush:before {
content: "\e678";
}
.sf-im-fountain-pen:before {
content: "\e679";
}
.sf-im-idea:before {
content: "\e67a";
}
.sf-im-marker:before {
content: "\e67b";
}
.sf-im-note:before {
content: "\e67c";
}
.sf-im-pantone:before {
content: "\e67d";
}
.sf-im-pencil:before {
content: "\e67e";
}
.sf-im-scissor:before {
content: "\e67f";
}
.sf-im-vector-3:before {
content: "\e680";
}
.sf-im-address-book:before {
content: "\e681";
}
.sf-im-megaphone:before {
content: "\e682";
}
.sf-im-newspaper:before {
content: "\e683";
}
.sf-im-wifi:before {
content: "\e684";
}
.sf-im-download-fromcloud:before {
content: "\e685";
}
.sf-im-upload-tocloud:before {
content: "\e686";
}
.sf-im-blouse:before {
content: "\e687";
}
.sf-im-boot:before {
content: "\e688";
}
.sf-im-bow-2:before {
content: "\e689";
}
.sf-im-bra:before {
content: "\e68a";
}
.sf-im-cap:before {
content: "\e68b";
}
.sf-im-coat:before {
content: "\e68c";
}
.sf-im-dress:before {
content: "\e68d";
}
.sf-im-hanger:before {
content: "\e68e";
}
.sf-im-heels:before {
content: "\e68f";
}
.sf-im-jacket:before {
content: "\e690";
}
.sf-im-jeans:before {
content: "\e691";
}
.sf-im-shirt:before {
content: "\e692";
}
.sf-im-suit:before {
content: "\e693";
}
.sf-im-sunglasses-w3:before {
content: "\e694";
}
.sf-im-t-shirt:before {
content: "\e695";
}
.sf-im-present:before {
content: "\e696";
}
.sf-im-tactic:before {
content: "\e697";
}
.sf-im-bar-chart3:before {
content: "\e698";
}
.sf-im-calculator-2:before {
content: "\e699";
}
.sf-im-calendar-4:before {
content: "\e69a";
}
.sf-im-credit-card2:before {
content: "\e69b";
}
.sf-im-diamond:before {
content: "\e69c";
}
.sf-im-financial:before {
content: "\e69d";
}
.sf-im-handshake:before {
content: "\e69e";
}
.sf-im-line-chart4:before {
content: "\e69f";
}
.sf-im-money-2:before {
content: "\e6a0";
}
.sf-im-pie-chart3:before {
content: "\e6a1";
}
.sf-im-home:before {
content: "\e6a2";
}
.sf-im-bones:before {
content: "\e6a3";
}
.sf-im-brain:before {
content: "\e6a4";
}
.sf-im-ear:before {
content: "\e6a5";
}
.sf-im-eye-visible:before {
content: "\e6a6";
}
.sf-im-face-style:before {
content: "\e6a7";
}
.sf-im-fingerprint-2:before {
content: "\e6a8";
}
.sf-im-heart:before {
content: "\e6a9";
}
.sf-im-arrow-downincircle:before {
content: "\e6aa";
}
.sf-im-arrow-left:before {
content: "\e6ab";
}
.sf-im-arrow-right:before {
content: "\e6ac";
}
.sf-im-arrow-up:before {
content: "\e6ad";
}
.sf-im-download:before {
content: "\e6ae";
}
.sf-im-fit-to:before {
content: "\e6af";
}
.sf-im-full-screen:before {
content: "\e6b0";
}
.sf-im-full-screen2:before {
content: "\e6b1";
}
.sf-im-left:before {
content: "\e6b2";
}
.sf-im-repeat-2:before {
content: "\e6b3";
}
.sf-im-right:before {
content: "\e6b4";
}
.sf-im-up:before {
content: "\e6b5";
}
.sf-im-upload:before {
content: "\e6b6";
}
.sf-im-arrow-around:before {
content: "\e6b7";
}
.sf-im-arrow-loop:before {
content: "\e6b8";
}
.sf-im-arrow-outleft:before {
content: "\e6b9";
}
.sf-im-arrow-outright:before {
content: "\e6ba";
}
.sf-im-arrow-shuffle:before {
content: "\e6bb";
}
.sf-im-maximize:before {
content: "\e6bc";
}
.sf-im-minimize:before {
content: "\e6bd";
}
.sf-im-resize:before {
content: "\e6be";
}
.sf-im-bird:before {
content: "\e6bf";
}
.sf-im-cat:before {
content: "\e6c0";
}
.sf-im-dog:before {
content: "\e6c1";
}
.sf-im-align-center:before {
content: "\e6c2";
}
.sf-im-align-left:before {
content: "\e6c3";
}
.sf-im-align-right:before {
content: "\e6c4";
}
/* Font Awesome */
i[class^="fa-"] {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-style: normal;
}
i[class^="fa-cc-"] {
font-family: 'Font Awesome 5 Brands';
font-weight: 400;
}
.fab {
font-family: 'Font Awesome 5 Brands'!important;
}
.far {
font-family: 'Font Awesome 5 Free'!important;
font-weight: 400;
}
.fa,
.fas {
font-family: 'Font Awesome 5 Free'!important;
font-weight: 900;
}
.fa-long-arrow-right:before {
content: "\f30b";
}
i.fa-tachometer:before {
content: "\f3fd";
}
i.fa-sliders:before {
content: "\f1de";
}
i.fa-support:before {
content: "\f1cd";
}
/* #General
================================================== */
.swift-framework-notice {
background: #fe504f;
text-align: center;
padding: 20px;
}
.swift-framework-notice > h3 {
color: #fff;
margin: 0 0 5px;
font-weight: bold;
}
.swift-framework-notice > p {
color: #fff;
font-size: 14px;
}
html, body {
height: 100%;
}
html.nice-scroll-enabled {
overflow-y: hidden!important;
}
body {
padding: 0;
margin: 0;
font-size: 14px;
-webkit-font-smoothing: antialiased;
}
body.modal-open {
margin-right: 0;
}
body.mobile-menu-open, body.mh-overlay-show, body.mobile-cart-open {
overflow: hidden!important;
max-width: 100%;
}
body > .ui-datepicker {
z-index: 100!important;
}
html.has-mh-sticky {
margin-top: 0!important;
}
.sf-top-border, .sf-bottom-border, .sf-left-border, .sf-right-border {
background: #ff9900;
position: fixed;
z-index: 999;
}
.sf-top-border {
height: 20px;
width: 100%;
top: 0;
left: 0;
}
.sf-bottom-border {
height: 20px;
width: 100%;
bottom: 0;
left: 0;
}
.sf-left-border {
width: 20px;
height: 100%;
left: 0;
top: 0;
}
.sf-right-border {
width: 20px;
height: 100%;
right: 0;
top: 0;
}
a {
outline: none!important;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
a:hover {
text-decoration: none;
}
a:active {
outline: none;
}
a:focus {
-moz-outline-style: none;
outline: none;
text-decoration: none;
}
h1 {
font-size: 30px;
line-height: 42px;
}
h2 {
font-size: 24px;
line-height: 32px;
}
h3 {
font-size: 18px;
line-height: 24px;
font-weight: normal;
margin-top: 15px;
margin-bottom: 15px;
}
h4 {
font-size: 16px;
font-weight: normal;
line-height: 20px;
margin-top: 15px;
margin-bottom: 15px;
}
h5 {
font-size: 14px;
font-weight: normal;
line-height: 18px;
margin-top: 15px;
margin-bottom: 15px;
}
h6 {
font-size: 12px;
font-weight: bold;
line-height: 16px;
margin-bottom: 10px;
text-transform: uppercase;
}
p {
font-size: 14px;
line-height: 170%;
margin: 0 0 24px;
}
p:empty {
display: none;
}
p:last-child {
margin-bottom: 0;
}
ul {
list-style: none;
margin: 0 0 20px;
padding: 0;
line-height: 160%;
}
ol {
margin: 0 0 20px;
padding: 0 0 0 20px;
line-height: 160%;
}
ul > li > ul, ol > li > ol {
margin-left: 20px;
padding-left: 0;
}
dl dt {
font-weight: bold;
}
dl dd {
margin-bottom: 20px;
}
dl dt, dl dd {
line-height: 180%;
}
ul ul, ul ol, ol ol, ol ul {
margin-left: 0;
}
.fluid-width-video-wrapper {
padding-top: 56.25%!important;
}
.impact-text, p.impact-text, .impact-text > * {
font-size: 24px;
line-height: 32px;
}
.impact-text > * {
font-family: inherit!important;
}
.impact-text-large, p.impact-text-large, .impact-text-large > * {
font-size: 36px!important;
line-height: 44px!important;
}
a.text-link {
border-bottom: 1px dotted #e3e3e3;
}
.modal.show {
opacity: 1;
}
.modal-dialog {
position: fixed;
top: 50%;
left: 50%;
width: 50%;
max-width: 630px;
min-width: 320px;
height: auto;
max-height: 80%;
overflow-x: hidden;
overflow-y: auto;
z-index: 2000;
visibility: hidden;
}
.modal-dialog, .modal.fade .modal-dialog {
-webkit-transform: translate(-50%, -50%)!important;
-moz-transform: translate(-50%, -50%)!important;
-ms-transform: translate(-50%, -50%)!important;
transform: translate(-50%, -50%)!important;
}
.modal-dialog .modal-content {
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-box-shadow: none!important;
box-shadow: none!important;
border-radius: 0!important;
border: 0!important;
}
.modal.show .modal-dialog {
visibility: visible;
}
.modal.show .modal-content {
opacity: 1;
}
.modal-backdrop.fade.show {
opacity: 0.5;
}
.modal-open #container {
-ms-filter: blur(3px);
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-o-filter: blur(3px);
filter: blur(3px);
}
.modal-content {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.modal-header {
padding: 25px 30px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom: 0;
}
.modal-header h2, .modal-header h3 {
margin: 0;
}
.modal-header .close {
margin-top: 1px;
font-size: 22px;
outline: none!important;
text-shadow: none;
opacity: 1;
float: right;
background: transparent;
border: 0;
}
.modal-body {
padding: 30px;
}
.modal-body .container {
max-width: 100%;
}
.clearfix {
clear: none!important;
}
.carousel-items {
opacity: 0;
}
.carousel-items .carousel-item {
list-style: none;
}
#header-search {
opacity: 0;
padding-top: 40px;
padding-bottom: 40px;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
#header-search i.ss-search {
float: left;
font-size: 24px;
padding-top: 7px;
display: inline-block;
}
#header-search form {
float: left;
width: 80%;
}
#header-search input {
background: transparent;
border: 0;
font-size: 24px;
padding: 0 15px;
margin: 0;
width: 100%;
line-height: 31px;
}
#header-search-close {
float: right;
font-size: 28px;
padding: 10px;
display: block;
}
#container {
position: relative;
z-index: 99;
}
#container::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
background: rgba(0,0,0,0.4);
opacity: 0;
z-index: 9999;
cursor: pointer;
-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
.no-csstransforms3d #container, .ie-mobile #container {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
transform-style: flat;
position: inherit;
}
.no-csstransforms3d #container::after, .ie-mobile #container::after {
display: none!important;
}
.mobile-menu-open #container, .mh-overlay-show #container {
overflow: hidden!important;
}
.no-csstransforms .mobile-menu-open #container, .ie-mobile.mobile-menu-open #container {
-webkit-transform: none;
transform: none;
}
#page-bg-image {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
}
input, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
outline: 0;
border-radius: 0;
box-shadow: none;
}
textarea {
border-radius: 0;
box-shadow: none;
}
input:focus, textarea:focus {
box-shadow: none!important;
}
iframe {
border: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
line-height: 2;
border-bottom: 1px solid #ededed;
}
table th {
font-weight: bold;
}
table thead th {
text-transform: uppercase;
}
table tr > th {
padding-right: 20px;
}
table td {
padding: 6px 10px 6px 0;
border-top: 1px solid #ededed;
}
address {
font-style: italic;
margin: 0 0 24px;
}
img {
max-width: 100%;
height: auto;
}
ins {
background: #fff9c0;
text-decoration: none;
}
pre {
background: #f5f5f5;
color: #666;
font-family: monospace;
font-size: 14px;
margin: 20px 0;
overflow: auto;
padding: 20px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
border: 0;
}
audio {
margin: 20px 0;
}
.sf-share-counts {
border-top: 2px solid #e3e3e3;
border-bottom: 2px solid #e3e3e3;
padding: 15px 0;
}
.sf-share-counts .share-text {
display: inline-block;
margin: 0 25px 0 0;
float: left;
line-height: 28px;
}
.sf-share-counts > a {
margin-right: 20px;
font-size: 16px;
opacity: 0.6;
line-height: 28px;
display: inline-block;
}
.sf-share-counts > a:hover {
opacity: 1;
}
.sf-share-counts > a i {
margin-right: 6px;
line-height: inherit
}
.sf-share-counts > a span {
font-size: 13px;
vertical-align: 1px;
opacity: 0;
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
line-height: inherit;
display: inline-block;
display: none;
}
.sf-share-counts > a span.animate {
opacity: 1;
}
.blank_spacer {
min-height: 0!important;
}
div.entry-title {
display: none;
}
.chat-transcript .chat-author {
font-weight: bold;
}
.sf-swipe-indicator {
display: none;
position: absolute;
top: 50%;
left: 50%;
height: 76px;
width: 76px;
margin-left: -38px;
margin-top: -38px;
z-index: 2;
background: transparent url('/wp-content/themes/atelier/images/swipe_indicator.png') no-repeat center center;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.sf-swipe-indicator.animate {
-webkit-animation-name: shake;
-moz-animation-name: shake;
-o-animation-name: shake;
animation-name: shake;
}
/* --------------------------------------------
PAGE STYLES
-------------------------------------------- */
.layout-boxed #container {
width: 1000px;
position: relative;
margin: 0px auto;
background: #fff;
}
.boxed-inner-page #main-container {
width: 1000px;
position: relative;
margin: 150px auto;
background: #fff;
}
.boxed-inner-page #main-container .container {
max-width: 100%;
padding: 0 30px;
}
.hero-content-split #main-container {
overflow: hidden;
opacity: 0;
}
.hero-content-split #main-container > .page-heading, .hero-content-split #main-container > .fancy-heading-wrap {
float: left;
width: 50%;
height: 100%;
}
.hero-content-split #main-container .container {
max-width: 100%;
padding-left: 50px;
padding-right: 50px;
}
.hero-content-split #main-container > .container {
float: right;
width: 50%;
height: 100%;
overflow-y: scroll;
overflow-x: hidden;
margin-top: 0;
margin-bottom: 0;
}
.hero-content-split .inner-page-wrap.no-top-spacing {
padding-top: 0;
}
.hero-content-split .inner-page-wrap.no-bottom-spacing {
padding-bottom: 0;
}
.hero-content-split .page-heading .blog-button {
position: absolute;
top: 70px;
left: 60px;
text-align: left;
}
.hero-content-split .page-heading .blog-button i {
margin-right: 5px;
}
.hero-content-split .page-heading .blog-button a.sf-button {
text-transform: uppercase;
letter-spacing: 2px;
}
.hero-content-split .page-heading .post-pagination {
position: absolute;
bottom: 70px;
width: 100%;
}
.hero-content-split .page-heading .post-pagination .prev-article {
margin-left: 60px;
}
.hero-content-split .page-heading .post-pagination .next-article {
margin-right: 60px;
}
.hero-content-split .page-heading.dark-style .blog-button a.sf-button {
color: #222;
}
.hero-content-split .page-heading.dark-style .post-pagination .prev-article:before, .hero-content-split .page-heading.dark-style .post-pagination .next-article:before {
border-color: #222;
color: #222;
}
.hero-content-split .page-heading.dark-style .blog-button a.sf-button {
color: #222;
}
.hero-content-split .page-heading.dark-style .post-pagination h4 {
color: #222;
}
.hero-content-split .page-heading.light-style .post-pagination .prev-article:before, .hero-content-split .page-heading.light-style .post-pagination .next-article:before {
border-color: #fff;
color: #fff;
}
.hero-content-split .page-heading.light-style .post-pagination h4 {
color: #fff;
}
.hero-content-split #main-container .top-author-info {
padding-left: 0;
padding-right: 0;
}
.hero-content-split .spb-full-width-element {
left: calc( 0px - 50px )!important;
width: calc( 100% + 100px )!important;
}
/* --------------------------------------------
STANDARD MEDIA STYLING
-------------------------------------------- */
figure {
margin: 0;
}
figure img {
width: 100%;
height: auto;
}
figure .video-thumb {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
}
.vr-standard figure .video-thumb {
padding-bottom: 75%;
}
figure .video-thumb iframe, figure .video-thumb video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
figure a {
display: block;
}
figure.animated-overlay {
position: relative;
overflow: hidden;
}
figure.animated-overlay .img-wrap {
position: relative;
overflow: hidden;
}
figure.animated-overlay figcaption {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 3;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
text-align: center;
overflow: hidden;
}
figure.animated-overlay figcaption:before {
content: '';
height: 100%;
display: inline-block;
vertical-align: middle;
}
.browser-ie figure.animated-overlay figcaption, .browser-ie10 figure.animated-overlay figcaption {
background-image: none;
}
figure.animated-overlay img {
-webkit-transition: -webkit-transform 1s;
-moz-transition: -moz-transform 1s;
-o-transition: -o-transform 1s;
transition: transform 1s;
z-index: 2;
position: relative;
}
figure.animated-overlay:hover figcaption {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}
figure.animated-overlay figcaption .thumb-info h4, figure.animated-overlay figcaption .thumb-info h5, figure.animated-overlay figcaption .thumb-info .posted_in, figure.animated-overlay figcaption .thumb-info h6, figure.animated-overlay figcaption .thumb-info .gm-hover-price-wrap {
-o-transform: translate3d(-360px,0,0);
-moz-transform: translate3d(-360px,0,0);
-ms-transform: translate3d(-360px,0,0);
-webkit-transform: translate3d(-360px,0,0);
transform: translate3d(-360px,0,0);
opacity: 0;
-ms-transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
figure.animated-overlay:hover figcaption .thumb-info h4 {
opacity: 1;
-o-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.animated-overlay:hover figcaption .thumb-info h5, figure.animated-overlay:hover figcaption .thumb-info .posted_in {
opacity: 1;
-o-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}
figure.animated-overlay:hover figcaption .thumb-info h6, figure.animated-overlay:hover figcaption .thumb-info .gm-hover-price-wrap {
opacity: 1;
-o-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
figure.animated-overlay > a {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10;
}
.browser-ie figure.animated-overlay > a, .browser-ie10 figure.animated-overlay > a {
background-color: rgba(255, 255, 255, 0)!important;
}
figure.animated-overlay .thumb-slider {
z-index: 4;
overflow: hidden;
}
figure.animated-overlay .figcaption-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
display: none;
}
figure.animated-overlay.thumb-media-audio {
min-height: 120px;
background-image: url('/wp-content/themes/atelier/images/gplaypattern.png');
background-position: top left;
background-repeat: repeat;
}
figure.animated-overlay.thumb-media-audio > .mejs-audio, figure.animated-overlay.thumb-media-audio > audio {
position: absolute;
bottom: 0;
left: 0;
}
figcaption .thumb-info {
width: 90%;
height: auto;
text-align: center;
display: inline-block;
vertical-align: middle;
}
figcaption .thumb-info .name-divide {
display: none;
}
figcaption .thumb-info h3, figcaption .thumb-info h4, figcaption .thumb-info h5 {
line-height: 140%;
width: 100%;
text-align: center;
}
figcaption .thumb-info h3 {
margin-bottom: 10px;
}
figcaption .thumb-info h4 {
margin-top: 0;
margin-bottom: 5px;
}
figcaption .thumb-info h5 {
margin-bottom: 0;
margin-top: 4px;
}
figcaption .thumb-info h5 span {
width: 100%;
}
figcaption .thumb-info h5 span.price, figcaption .thumb-info h5 span.amount {
font-size: 14px!important;
margin-top: 0!important;
}
figcaption .thumb-info h5 span del {
display: none;
}
figcaption .thumb-info h5 .star-rating {
display: none!important;
}
figcaption .thumb-info h6 span.price {
display: inline-block!important;
width: auto!important;
border-top: 2px solid #fff;
padding-top: 10px;
}
figcaption .thumb-info-extended i {
margin-top: 10px;
}
figcaption .thumb-info a:hover {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}
figcaption .thumb-info > i {
font-size: 20px;
line-height: 30px;
height: 24px;
width: 24px;
display: block;
-moz-text-shadow: 0 0 5px rgba(0,0,0,.2);
-webkit-text-shadow: 0 0 5px rgba(0,0,0,.2);
text-shadow: 0 0 5px rgba(0,0,0,.2);
text-align: center;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
position: absolute;
left: 50%;
margin-left: -12px;
top: 50%;
margin-top: -12px;
}
figcaption .thumb-info-alt {
bottom: 0!important;
height: 100%!important;
}
figcaption .thumb-info-alt > i {
font-size: 32px;
line-height: 42px;
height: 30px;
width: 24px;
top: 50%;
margin-top: -19px;
margin-left: -12px;
left: 50%;
position: absolute;
}
figcaption .thumb-info-excerpt h4 {
line-height: 20px;
}
figcaption .thumb-info-excerpt p {
line-height: 22px;
margin-bottom: 0;
text-align: center;
-moz-text-shadow: 0 0 5px rgba(0,0,0,.2);
-webkit-text-shadow: 0 0 5px rgba(0,0,0,.2);
text-shadow: 0 0 5px rgba(0,0,0,.2);
}
figcaption .thumb-info-excerpt > i {
display: none;
}
figcaption .thumb-info > ul.social-icons {
margin-bottom: 0;
margin-top: 20px;
text-align: center;
}
.narrow-date-block {
line-height: 18px;
width: 46px;
background: #fff;
color: #222;
padding: 7px 8px 9px;
text-align: center;
text-transform: uppercase;
-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
box-shadow: 1px 1px 1px rgba(0,0,0,.1);
}
.masonry-items .blog-item .date-overlay, .recent-post .date-overlay {
position: absolute;
top: -15px;
right: 30px;
z-index: 6;
}
.masonry-items {
padding-top: 15px;
}
.masonry-items .blog-item, .masonry-items .blog-item figure {
overflow: visible;
}
.masonry-items .blog-item figure .date-overlay {
top: -15px;
}
.narrow-date-block span {
display: block;
}
.narrow-date-block span.month {
font-size: 12px;
}
.narrow-date-block span.day {
font-size: 18px;
}
.narrow-date-block span.year {
font-size: 11px;
opacity: 0.6;
}
/* --------------------------------------------
GALLERY HOVER ALT 1
-------------------------------------------- */
.thumbnail-gallery-alt-one figure.overlay-style img {
z-index: 4;
}
.thumbnail-gallery-alt-one figure.overlay-style:hover img {
-o-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
.thumbnail-gallery-alt-one figure.overlay-style .multi-masonry-img-wrap {
z-index: 4;
}
.thumbnail-gallery-alt-one figure.overlay-style:hover .multi-masonry-img-wrap {
-o-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
.thumbnail-gallery-alt-one figure.overlay-style:hover .multi-masonry-img-wrap img {
-o-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
}
.thumbnail-gallery-alt-one figure.overlay-style figcaption {
opacity: 1;
height: 100px;
top: auto;
bottom: 0;
}
/* --------------------------------------------
GALLERY HOVER ALT 2
-------------------------------------------- */
.thumbnail-gallery-alt-two figure.overlay-style img {
width: -webkit-calc(100% + 40px)!important;
width: calc(100% + 40px)!important;
-moz-transition: all 0.8s cubic-bezier(0.075, 0.820, 0.165, 1.000);
-webkit-transition: all 0.8s cubic-bezier(0.075, 0.820, 0.165, 1.000);
transition: all 0.8s cubic-bezier(0.075, 0.820, 0.165, 1.000);
-o-transform: translate3d(-40px,0,0);
-moz-transform: translate3d(-40px,0,0);
-webkit-transform: translate3d(-40px,0,0);
transform: translate3d(-40px,0,0);
max-width: none;
}
.thumbnail-gallery-alt-two figure.overlay-style:hover img {
opacity: 0.7;
-o-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.thumbnail-gallery-alt-two figure.overlay-style figcaption {
opacity: 1;
background: transparent!important;
}
.thumbnail-gallery-alt-two figure.overlay-style figcaption .thumb-info {
vertical-align: bottom;
width: 100%;
padding: 0 10% 10%;
text-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}
.thumbnail-gallery-alt-two figure.overlay-style figcaption .thumb-info-alt {
opacity: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.thumbnail-gallery-alt-two figure.overlay-style:hover figcaption .thumb-info-alt {
opacity: 1;
}
.thumbnail-gallery-alt-two figure.overlay-style figcaption .thumb-info h3 {
opacity: 1;
-o-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
text-align: left;
}
.thumbnail-gallery-alt-two figure.overlay-style figcaption .thumb-info h4 {
opacity: 1;
-o-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
text-align: left;
}
.thumbnail-gallery-alt-two figure.overlay-style figcaption .thumb-info h5 {
opacity: 1;
-o-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
text-align: left;
}
/* --------------------------------------------
OTHER GENERAL
-------------------------------------------- */
.sf-video-wrap {
padding-bottom: 56.25%;
position: relative;
width: 100%;
}
.sf-video-wrap > iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.portfolio-item.standard figcaption .thumb-info a {
top: 50%;
position: absolute;
margin-top: -25px;
margin-left: -25px;
}
.curved-bar-styling {
border: 1px solid #e4e4e4;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
ul.bar-styling {
height: auto;
overflow: hidden;
}
ul.page-numbers {
float: right;
}
ul.bar-styling li, ul.page-numbers li {
float: left;
display: block;
}
ul.bar-styling li > a, ul.bar-styling li > div, ul.page-numbers li > a, ul.page-numbers li > span {
padding: 8px 16px;
border: 1px solid transparent;
display: block;
margin-right: -1px;
text-decoration: none;
}
ul.bar-styling li > form input {
border: 1px solid transparent;
display: block;
margin-right: -1px;
height: auto;
overflow: hidden;
padding: 10px 14px;
height: 40px;
font-size: 14px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
ul.bar-styling li:first-child a, ul.bar-styling li:first-child div, ul.page-numbers li:first-child a, ul.page-numbers li:first-child span {
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
ul.bar-styling li:last-child a, ul.bar-styling li:last-child div, ul.page-numbers li:last-child a, ul.page-numbers li:last-child span {
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
ul.page-numbers li a.prev i, ul.page-numbers li a.next i {
height: 10px;
display: inline-block;
vertical-align: -3px;
}
.sf-roll-button {
display: inline-block;
height: 40px!important;
line-height: 40px!important;
overflow: hidden;
position: relative;
text-align: center;
padding: 0 14px!important;
transition: all 0.35s;
}
.sf-roll-button:hover {
box-shadow: none!important;
}
.sf-roll-button span {
display: block;
height: 100%;
position: relative;
top: 0%;
transition: top 0.35s;
width: 100%;
}
.sf-roll-button:hover span {
top: -100%;
}
.viewer li {
-webkit-transition: width 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
-moz-transition: width 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
transition: width 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
}
.viewer .caption {
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 1.5s ease-in-out;
-moz-transition: opacity 1.5s ease-in-out;
transition: opacity 1.5s ease-in-out;
}
.viewer .current .caption {
opacity: 100;
visibility: visible;
}
.viewer .close:hover {
color: #fff;
}
#lang_sel_list {
z-index: 2!important;
}
.mejs-controls .mejs-time-rail .mejs-time-total, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background: #555!important;
}
.mejs-controls .mejs-time-rail .mejs-time-buffering {
background: #666!important;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: #999!important;
}
.mejs-container .mejs-controls .mejs-time {
padding: 11px 3px 0!important;
}
.mejs-controls .mejs-button.mejs-volume-button button {
margin: 5px 3px!important;
}
/* --------------------------------------------
LIGHTSLIDER / REVSLIDER / LAYERSLIDER
-------------------------------------------- */
.lSSlideOuter {
overflow: hidden;
position: relative;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.lightSlider:before, .lightSlider:after {
content: " ";
display: table;
}
.lightSlider {
overflow: hidden;
}
.flexslider ul.slides {
margin-bottom: 0;
}
.lSSlideWrapper {
max-width: 100%;
overflow: hidden;
position: relative;
}
.lSSlideOuter .lightSlider > li {
position: relative;
}
.lSSlideOuter .lightSlider > li .img-caption {
position: absolute;
left: 30px;
bottom: 30px;
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.lSSlideOuter .lightSlider > li.active .img-caption {
opacity: 1;
}
.lSSlideWrapper > .lightSlider:after {
clear: both;
}
.lSSlideWrapper .lSSlide {
-webkit-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition: all 1s;
-webkit-transition-property: -webkit-transform,height;
-moz-transition-property: -moz-transform,height;
transition-property: transform,height;
-webkit-transition-duration: inherit;
transition-duration: inherit;
-webkit-transition-timing-function: inherit;
transition-timing-function: inherit;
}
.lSSlideWrapper .lSFade {
position: relative;
}
.lSSlideWrapper .lSFade > * {
position: absolute !important;
top: 0;
left: 0;
z-index: 9;
margin-right: 0;
width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-duration: inherit;
transition-duration: inherit;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: inherit;
transition-timing-function: inherit;
}
.lSSlideWrapper .lSFade > *.active {
z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
opacity: 1;
}
.lSSlideOuter .lSPager.lSpg {
height: auto;
width: 100%;
position: absolute;
bottom: 20px;
margin: 0;
text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
cursor: pointer;
display: inline-block;
padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
background-color: #222222;
border-radius: 30px;
display: inline-block;
height: 8px;
overflow: hidden;
text-indent: -999em;
width: 8px;
position: relative;
z-index: 99;
-webkit-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
.lSSlideOuter .media {
opacity: 0.8;
}
.lSSlideOuter .media.active {
opacity: 1;
}
.lSSlideOuter .lSPager.lSGallery {
list-style: none outside none;
padding-left: 0;
margin: 0;
overflow: hidden;
transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
position: relative;
opacity: 0.5;
overflow: hidden;
-webkit-transition: opacity 0.35s linear 0s;
transition: opacity 0.35s linear 0s;
}
.lSSlideOuter.vertical .lSPager.lSGallery li img {
height: 100%!important;
width: auto!important;
max-width: none;
transform: translateX(-50%);
left: 50%;
position: absolute;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
opacity: 1;
}
.lSSlideOuter .lSPager.lSGallery img {
display: block;
height: auto;
max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
content: " ";
display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
clear: both;
}
.lSAction > a {
height: 38px;
width: 36px;
display: block;
bottom: 20px;
cursor: pointer;
position: absolute;
z-index: 9999;
background: #fff;
-webkit-transition: opacity 0.35s linear 0s;
transition: opacity 0.35s linear 0s;
}
.lSAction > a:before {
font-family: 'atelier';
content: "\e601";
font-size: 20px;
font-weight: bold;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: block;
color: #222;
text-align: center;
line-height: 38px;
}
.lSAction > a.lSNext:before {
content: "\e602";
}
.lSAction > .lSPrev {
right: 56px;
}
.lSAction > .lSNext {
right: 20px;
}
.lSSlideOuter .lSPager.lSpg > li a {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: #fff;
width: 8px;
height: 8px;
display: block;
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
opacity: 0.5;
-moz-opacity: 0.5;
filter:alpha(opacity=50);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,.5);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.5);
box-shadow: 0 1px 1px rgba(0,0,0,.5);
}
.lSSlideOuter .lSPager.lSpg > li.active a {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}
.lSAction > a.disabled {
pointer-events: none;
opacity: 0;
}
.cS-hidden {
height: 1px;
opacity: 0;
filter: alpha(opacity=0);
overflow: hidden;
}
.lSSlideOuter.vertical {
position: relative;
}
.lSSlideOuter.vertical.noPager {
padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
position: absolute !important;
right: 0;
top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
width: 100% !important;
max-width: none !important;
}
.lSSlideOuter.vertical .lightSlider > li {
overflow: hidden;
position: relative;
}
/*.lSSlideOuter.vertical .lightSlider > li > img.tall {
max-width: none;
transform: translateX(-50%);
left: 50%;
position: absolute;
width: 100%!important;
height: auto!important;
}*/
.lSSlideOuter.vertical .lightSlider > li > img, .lSSlideOuter.vertical .lightSlider > li > img.wide {
max-width: none;
transform: translateX(-50%);
left: 50%;
position: absolute;
height: 100%!important;
width: auto!important;
}
.lSSlideOuter.lSrtl {
direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
padding-left: 0;
list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
padding-right: 0;
}
.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li {
float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li {
float: right !important;
}
@-webkit-keyframes rightEnd {
0% {
left: 0;
}
50% {
left: -15px;
}
100% {
left: 0;
}
}
@keyframes rightEnd {
0% {
left: 0;
}
50% {
left: -15px;
}
100% {
left: 0;
}
}
@-webkit-keyframes topEnd {
0% {
top: 0;
}
50% {
top: -15px;
}
100% {
top: 0;
}
}
@keyframes topEnd {
0% {
top: 0;
}
50% {
top: -15px;
}
100% {
top: 0;
}
}
@-webkit-keyframes leftEnd {
0% {
left: 0;
}
50% {
left: 15px;
}
100% {
left: 0;
}
}
@keyframes leftEnd {
0% {
left: 0;
}
50% {
left: 15px;
}
100% {
left: 0;
}
}
@-webkit-keyframes bottomEnd {
0% {
bottom: 0;
}
50% {
bottom: -15px;
}
100% {
bottom: 0;
}
}
@keyframes bottomEnd {
0% {
bottom: 0;
}
50% {
bottom: -15px;
}
100% {
bottom: 0;
}
}
.lSSlideOuter .rightEnd {
-webkit-animation: rightEnd 0.3s;
animation: rightEnd 0.3s;
position: relative;
}
.lSSlideOuter .leftEnd {
-webkit-animation: leftEnd 0.3s;
animation: leftEnd 0.3s;
position: relative;
}
.lSSlideOuter.vertical .rightEnd {
-webkit-animation: topEnd 0.3s;
animation: topEnd 0.3s;
position: relative;
}
.lSSlideOuter.vertical .leftEnd {
-webkit-animation: bottomEnd 0.3s;
animation: bottomEnd 0.3s;
position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
-webkit-animation: leftEnd 0.3s;
animation: leftEnd 0.3s;
position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
-webkit-animation: rightEnd 0.3s;
animation: rightEnd 0.3s;
position: relative;
}
.flexslider li a.zoom, .product-img-area li a.zoom {
position: absolute;
top: 20px;
left: 18px;
width: 34px;
height: 34px;
font-size: 16px;
line-height: 32px;
color: #252525;
background: #fff;
z-index: 101;
text-align: center;
opacity: 0;
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.flexslider .slider-loaded li a.zoom, #product-img-noslider li a.zoom {
opacity: 1;
}
.tp-bannertimer {
z-index: 20!important;
}
.rev_slider iframe {
z-index: 999;
}
.content-slider {
position: static;
}
.content-slider .slide-content-wrap {
position: relative;
width: 100%;
}
.spb_testimonial_slider_widget .slider-wrap .heading-wrap, .spb_tweets_slider_widget .slider-wrap .heading-wrap {
padding: 0 22%;
text-align: left;
margin-bottom: 45px;
}
.spb_testimonial_slider_widget .heading-wrap h3.spb-center-heading, .spb_tweets_slider_widget .heading-wrap h3.spb-center-heading {
margin: 0;
display: inline-block!important;
border-bottom: 2px solid #222;
padding-bottom: 4px;
}
.tp-bullets {
width: 80%;
margin: 0 auto;
text-align: center;
z-index: 20;
}
.tp-bullets.simplebullets.round {
bottom: 25px!important;
}
.tp-bullets.simplebullets.round .bullet {
cursor: pointer;
position: relative;
background: white;
width: 25px;
height: 6px;
margin-right: 7px;
float: none;
display: inline-block;
margin-top: 0;
webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
opacity: 0.5;
-moz-opacity: 0.5;
filter: alpha(opacity=50);
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
margin-bottom: 5px;
}
.tp-bullets.simplebullets.round .bullet.selected {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}
.tp-bullets .tp-leftarrow {
float: none!important;
display: inline-block;
margin-right: 10px;
width: 36px;
height: 36px;
}
.tp-bullets .tp-rightarrow {
float: none!important;
display: inline-block;
margin-left: 12px;
width: 36px;
height: 36px;
background: top right;
}
p.flex-caption {
text-shadow: none;
background: rgba(0, 0, 0, .4);
}
.item-slider p.flex-caption {
position: absolute;
bottom: 0;
padding: 15px 25px;
color: #fff;
margin: 0;
font-size: 16px;
right: 0;
}
.custom-caption {
position: absolute;
z-index: 2;
top: 60px;
left: 60px;
width: auto;
max-width: 500px
}
.custom-caption p {
text-align: left;
width: auto;
font-size: 24px;
padding: 0px 4px 2px;
line-height: 28px;
margin-bottom: 0;
text-decoration: underline;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}
.ls-wp-fullwidth-container {
min-height: 100px;
}
.ls-container .ls-nav-prev, .ls-container .ls-nav-next {
background-image: url('/wp-content/themes/atelier/images/slider-nav.png')!important;
background-position: center left!important;
width: 36px!important;
height: 38px!important;
transition: all 0.3s ease-in-out!important;
-moz-transition: all 0.3s ease-in-out!important;
-webkit-transition: all 0.3s ease-in-out!important;
-o-transition: all 0.3s ease-in-out!important;
opacity: 0;
filter:alpha(opacity=0);
}
.ls-container .ls-nav-prev {
left: 0px!important;
}
.ls-container .ls-nav-next {
background-position: center right!important;
right: 0px!important;
}
.ls-container:hover .ls-nav-prev, .ls-container:hover .ls-nav-next {
opacity: 1;
filter:alpha(opacity=100);
}
/* --------------------------------------------
CAROUSEL
-------------------------------------------- */
.carousel-asset {
overflow: hidden;
}
.carousel-wrap {
position: relative;
}
.carousel-wrap .carousel-items {
list-style: none;
opacity: 0;
}
.row:not(.fw-row) .carousel-wrap.no-gutters {
margin: 0 15px;
}
.carousel-wrap .carousel-item, .carousel-wrap .product {
width: 100%;
padding: 0 15px;
}
.carousel-wrap .no-gutters .carousel-item, .carousel-wrap .no-gutters .product, .carousel-wrap.no-gutters .product {
padding: 0;
}
.carousel-wrap a.carousel-prev {
left: 0;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}
.carousel-wrap a.carousel-next {
right: 0;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* display none until init */
.owl-carousel {
display: none;
position: relative;
width: 100%;
opacity: 0;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
cursor:url('/wp-content/themes/atelier/images/grabbing.png') 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}
.owl-pagination {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
list-style: none;
cursor: default;
width: 100%;
text-align: center;
}
.owl-carousel .owl-item {
float: left;
}
.owl-carousel .owl-controls {
margin-top: 15px!important;
margin-bottom: 10px;
}
.owl-pagination .owl-page {
position: relative;
display: inline-block;
float: none;
margin: 10px 5px;
width: 12px;
height: 12px;
cursor: pointer;
}
.owl-pagination .owl-page span {
top: 0;
left: 0;
padding: 0!important;
margin: 0!important;
width: 100%!important;
height: 100%!important;
outline: none;
border-radius: 50%;
background-color: #fff;
background-color: rgba(255,255,255,0.3);
text-indent: -999em;
cursor: pointer; /* make the text accessible to screen readers */
position: absolute;
-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;
}
.owl-pagination .owl-page::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
visibility: hidden;
opacity: 0;
left: 0;
border-radius: 50%;
-webkit-transform: translateY(-200%);
transform: translateY(-200%);
-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s;
transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s;
}
.owl-pagination .owl-page.active::after {
opacity: 1!important;
visibility: visible;
-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.owl-pagination .owl-page.active span {
opacity: 0!important;
-webkit-transform: translateY(200%);
transform: translateY(200%);
}
/* --------------------------------------------
iLIGHTBOX
-------------------------------------------- */
/* Reset Styles */
.ilightbox-overlay, .ilightbox-loader, .ilightbox-loader *, .ilightbox-holder, .ilightbox-holder .ilightbox-container, .ilightbox-holder .ilightbox-container img.ilightbox-image, .ilightbox-holder .ilightbox-container .ilightbox-caption, .ilightbox-toolbar, .ilightbox-toolbar *, .ilightbox-thumbnails, .ilightbox-thumbnails *, .ilightbox-holder .ilightbox-container .ilightbox-social, .ilightbox-holder .ilightbox-container .ilightbox-social * {
float:none;
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
line-height:100%;
vertical-align:baseline;
background:transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-o-user-select: none;
user-select: none;
}
.ilightbox-overlay, .ilightbox-loader, .ilightbox-loader *, .ilightbox-holder .ilightbox-container .ilightbox-caption, .ilightbox-toolbar, .ilightbox-thumbnails, .ilightbox-thumbnails *, .ilightbox-holder .ilightbox-container .ilightbox-social {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
}
/* Disable & Hide Scrollbar */
/*.ilightbox-noscroll {
overflow: hidden;
}*/
.ilightbox-closedhand * {
cursor: url('/wp-content/themes/atelier/images/closedhand.cur'),default !important;
}
.ilightbox-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100000;
}
.ilightbox-loader {
position: fixed;
z-index: 100005;
top: 45%;
left: -192px;
padding-left: 30px;
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
-webkit-border-radius: 0 100px 100px 0;
border-radius: 0 100px 100px 0;
}
.ilightbox-loader div {
width: 72px;
height: 72px;
-webkit-border-radius: 0 100px 100px 0;
border-radius: 0 100px 100px 0;
}
.ilightbox-loader.horizontal {
left: 45%;
top: -192px;
padding: 0;
padding-top: 30px;
-webkit-border-radius: 0 0 100px 100px;
border-radius: 0 0 100px 100px;
}
.ilightbox-loader.horizontal div {
-webkit-border-radius: 0 0 100px 100px;
border-radius: 0 0 100px 100px;
}
.ilightbox-toolbar {
display: none;
position: fixed;
z-index: 100010;
}
.ilightbox-toolbar a {
float: left;
cursor: pointer;
}
.ilightbox-toolbar .ilightbox-prev-button,
.ilightbox-toolbar .ilightbox-next-button {
display: none;
}
.ilightbox-thumbnails {
display: block;
position: fixed;
z-index: 100009;
}
.ilightbox-thumbnails.ilightbox-horizontal {
bottom: 20px;
left: 0;
width: 100%;
height: 100px;
}
.ilightbox-thumbnails.ilightbox-vertical {
top: 0;
right: 0;
width: 140px;
height: 100%;
overflow: hidden;
}
.ilightbox-thumbnails .ilightbox-thumbnails-container {
display: block;
position: relative;
}
.ilightbox-thumbnails.ilightbox-horizontal .ilightbox-thumbnails-container {
width: 100%;
height: 100px;
}
.ilightbox-thumbnails.ilightbox-vertical .ilightbox-thumbnails-container {
width: 140px;
height: 100%;
}
.ilightbox-thumbnails .ilightbox-thumbnails-grid {
display: block;
position: absolute;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
}
.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail {
display: block;
cursor: pointer;
padding: 10px;
position: relative;
height: auto!important;
}
.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail img {
width: 100%;
height: 100%;
-webkit-border-radius: 2px;
border-radius: 2px;
-ms-interpolation-mode: bicubic;
}
.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-icon {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: .7;
}
.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-icon:hover {
opacity: 1;
}
.ilightbox-holder {
display: none;
position: fixed;
z-index: 100003;
-webkit-transform: none;
-moz-transform: none;
}
.ilightbox-holder.ilightbox-next, .ilightbox-holder.ilightbox-prev {
cursor: pointer;
}
.ilightbox-holder div.ilightbox-container {
position: relative;
width: 100%;
height: 100%;
}
.ilightbox-holder img.ilightbox-image {
width: 100%;
height: 100%;
}
.ilightbox-holder .ilightbox-container .ilightbox-caption {
display: none;
position: absolute;
left: 30px;
right: 30px;
bottom: 0;
max-width: 100%;
padding: 5px 10px;
margin: 0 auto;
font-size: 14px;
line-height: 200%;
word-wrap: break-word;
text-align: center;
z-index: 20003;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
.ilightbox-holder .ilightbox-container .ilightbox-social {
display: none;
position: absolute;
left: 10px;
top: 10px;
padding: 0;
padding-left: 0;
z-index: 20003;
height: 16px;
}
.ilightbox-holder .ilightbox-container .ilightbox-social ul {
float: left;
list-style: none;
height: 28px;
}
.ilightbox-holder .ilightbox-container .ilightbox-social ul li {
display: inline;
}
.ilightbox-holder .ilightbox-container .ilightbox-social ul li a {
float: left;
width: 28px;
height: 30px;
opacity: 0.7;
}
.ilightbox-holder .ilightbox-container .ilightbox-social ul li a:hover {
opacity: 1;
}
.ilightbox-holder .ilightbox-container .ilightbox-social ul li a:before {
font-family: 'Font Awesome 5 Brands';
font-weight: 900;
font-style: normal;
display: block;
font-size: 14px;
line-height: 28px;
text-align: center;
}
.ilightbox-holder .ilightbox-container .ilightbox-social ul li.facebook a {
background: #3b5998;
color: #fff;
}
.ilightbox-holder .ilightbox-container .ilightbox-social ul li.facebook a:before {
content: "\f09a";
}
.ilightbox-holder .ilightbox-container .ilightbox-social ul li.twitter a {
background: #00aced;
color: #fff;
}
.ilightbox-holder .ilightbox-container .ilightbox-social ul li.twitter a:before {
content: "\f099";
}
.ilightbox-holder .ilightbox-container .ilightbox-social ul li.googleplus a {
background: #dd4b39;
color: #fff;
}
.ilightbox-holder .ilightbox-container .ilightbox-social ul li.googleplus a:before {
content: "\f0d5";
line-height: 30px;
}
.ilightbox-holder .ilightbox-container .ilightbox-social ul li.pinterest a {
background: #cb2027;
color: #fff;
}
.ilightbox-holder .ilightbox-container .ilightbox-social ul li.pinterest a:before {
content: "\f0d2";
}
.ilightbox-holder .ilightbox-alert {
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
text-align: center;
padding-top: 100px;
margin: auto;
width: 300px;
height: 50px;
}
.ilightbox-holder .ilightbox-wrapper {
width: 100%;
height: 100%;
overflow: auto;
}
.ilightbox-holder .ilightbox-inner-toolbar {
position: relative;
z-index: 100;
}
.ilightbox-holder .ilightbox-inner-toolbar .ilightbox-toolbar {
position: absolute;
}
/* Style arrow buttons */
.ilightbox-button {
position: fixed;
z-index: 100008;
cursor: pointer;
}
/* Style mobile devices */
.isMobile .ilightbox-button,
.isMobile .ilightbox-thumbnails {
display: none !important;
}
.isMobile .ilightbox-toolbar .ilightbox-prev-button,
.isMobile .ilightbox-toolbar .ilightbox-next-button {
display: block;
}
/* --------------------------------------------
iLIGHTBOX - WHITE
-------------------------------------------- */
.ilightbox-overlay.metro-white {
background: #FFF;
}
.ilightbox-loader.metro-white {
/*-webkit-box-shadow: rgba(0,0,0,.3) 0px 0px 55px;
box-shadow: rgba(0,0,0,.3) 0px 0px 55px;*/
}
.ilightbox-loader.metro-white div {
background: #FFF url('/wp-content/themes/atelier/images/preloader.gif') no-repeat center;
}
.ilightbox-holder.metro-white {
padding: 3px;
background: #FFF;
-webkit-box-shadow: 0 0 45px rgba(0,0,0,.2);
box-shadow: 0 0 45px rgba(0,0,0,.2);
}
.ilightbox-holder.metro-white .ilightbox-container .ilightbox-caption {
background: url('/wp-content/themes/atelier/images/caption-bg.png') repeat-x bottom;
background-size: 100% 100%;
left: 0;
right: 0;
color: #000;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
padding-top: 15px;
}
.ilightbox-holder.metro-white .ilightbox-container .ilightbox-social {
background: #fff;
height: auto;
overflow: hidden;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.ilightbox-holder.metro-white .ilightbox-alert {
background: url('/wp-content/themes/atelier/images/alert.png') no-repeat center top;
color: #89949B;
}
/* Style toolbar */
.ilightbox-toolbar.metro-white {
top: 8px;
left: 8px;
height: 25px;
}
.ilightbox-toolbar.metro-white a {
width: 27px;
height: 25px;
background: white url('/wp-content/themes/atelier/images/buttons.png') no-repeat 7px 6px;
}
.ilightbox-toolbar.metro-white a:hover {
background-color: #51b7ff;
}
.ilightbox-toolbar.metro-white a.disabled {
opacity: 0.2;
filter: alpha(opacity=20);
cursor: default;
background-color: #FFF;
}
.ilightbox-toolbar.metro-white a.ilightbox-close:hover {
background-color: #d94947;
background-position: -30px 6px;
}
.ilightbox-toolbar.metro-white a.ilightbox-fullscreen {
background-position: 6px -31px;
}
.ilightbox-toolbar.metro-white a.ilightbox-fullscreen:hover {
background-position: -29px -31px;
}
.ilightbox-toolbar.metro-white a.ilightbox-play {
background-position: 8px -55px;
}
.ilightbox-toolbar.metro-white a.ilightbox-play:hover {
background-position: -30px -55px;
}
.ilightbox-toolbar.metro-white a.ilightbox-pause {
background-position: 8px -81px;
}
.ilightbox-toolbar.metro-white a.ilightbox-pause:hover {
background-position: -30px -81px;
}
.isMobile .ilightbox-toolbar.metro-white {
background: #FFF;
top: auto;
bottom: 0;
left: 0;
width: 100%;
height: 40px;
text-align: center;
-webkit-box-shadow: 0 0 25px rgba(0,0,0,.2);
box-shadow: 0 0 25px rgba(0,0,0,.2);
}
.isMobile .ilightbox-toolbar.metro-white a, .isMobile .ilightbox-toolbar.metro-white a:hover {
display: inline-block;
float: none;
width: 50px;
height: 40px;
background-size: 50%;
background-position: 50%;
}
.isMobile .ilightbox-toolbar.metro-white a.ilightbox-fullscreen {
background-image: url('/wp-content/themes/atelier/images/fullscreen-icon-64.png');
background-image/*\**/: url('/wp-content/themes/atelier/images/fullscreen-icon-ie.png')\9; /* IE7-8 */
}
.isMobile .ilightbox-toolbar.metro-white a.ilightbox-fullscreen:hover {
background-image: url('/wp-content/themes/atelier/images/fullscreen-hover-icon-64.png');
background-image/*\**/: url('/wp-content/themes/atelier/images/fullscreen-hover-icon-ie.png')\9; /* IE7-8 */
}
.isMobile .ilightbox-toolbar.metro-white a.ilightbox-close {
background-image: url('/wp-content/themes/atelier/images/x-mark-icon-64.png');
background-image/*\**/: url('/wp-content/themes/atelier/images/x-mark-icon-ie.png')\9; /* IE7-8 */
}
.isMobile .ilightbox-toolbar.metro-white a.ilightbox-close:hover {
background-image: url('/wp-content/themes/atelier/images/x-mark-hover-icon-64.png');
background-image/*\**/: url('/wp-content/themes/atelier/images/x-mark-hover-icon-ie.png')\9; /* IE7-8 */
}
.isMobile .ilightbox-toolbar.metro-white a.ilightbox-next-button {
background-image: url('/wp-content/themes/atelier/images/arrow-next-icon-64.png');
background-image/*\**/: url('/wp-content/themes/atelier/images/arrow-next-icon-ie.png')\9; /* IE7-8 */
background-position: 52% 50%;
}
.isMobile .ilightbox-toolbar.metro-white a.ilightbox-next-button:hover {
background-image: url('/wp-content/themes/atelier/images/arrow-next-hover-icon-64.png');
background-image/*\**/: url('/wp-content/themes/atelier/images/arrow-next-hover-icon-ie.png')\9; /* IE7-8 */
}
.isMobile .ilightbox-toolbar.metro-white a.ilightbox-next-button.disabled {
background-image: url('/wp-content/themes/atelier/images/arrow-next-icon-64.png');
background-image/*\**/: url('/wp-content/themes/atelier/images/arrow-next-icon-ie.png')\9; /* IE7-8 */
background-position: 52% 50%;
}
.isMobile .ilightbox-toolbar.metro-white a.ilightbox-prev-button {
background-image: url('/wp-content/themes/atelier/images/arrow-prev-icon-64.png');
background-image/*\**/: url('/wp-content/themes/atelier/images/arrow-prev-icon-ie.png')\9; /* IE7-8 */
background-position: 48% 50%;
}
.isMobile .ilightbox-toolbar.metro-white a.ilightbox-prev-button:hover {
background-image: url('/wp-content/themes/atelier/images/arrow-prev-hover-icon-64.png');
background-image/*\**/: url('/wp-content/themes/atelier/images/arrow-prev-hover-icon-ie.png')\9; /* IE7-8 */
}
.isMobile .ilightbox-toolbar.metro-white a.ilightbox-prev-button.disabled {
background-image: url('/wp-content/themes/atelier/images/arrow-prev-icon-64.png');
background-image/*\**/: url('/wp-content/themes/atelier/images/arrow-prev-icon-ie.png')\9; /* IE7-8 */
background-position: 48% 50%;
}
.isMobile .ilightbox-toolbar.metro-white a.ilightbox-play {
background-image: url('/wp-content/themes/atelier/images/play-icon-64.png');
background-image/*\**/: url('/wp-content/themes/atelier/images/play-icon-ie.png')\9; /* IE7-8 */
}
.isMobile .ilightbox-toolbar.metro-white a.ilightbox-play:hover {
background-image: url('/wp-content/themes/atelier/images/play-hover-icon-64.png');
background-image/*\**/: url('/wp-content/themes/atelier/images/play-hover-icon-ie.png')\9; /* IE7-8 */
}
.isMobile .ilightbox-toolbar.metro-white a.ilightbox-pause {
background-image: url('/wp-content/themes/atelier/images/pause-icon-64.png');
background-image/*\**/: url('/wp-content/themes/atelier/images/pause-icon-ie.png')\9; /* IE7-8 */
}
.isMobile .ilightbox-toolbar.metro-white a.ilightbox-pause:hover {
background-image: url('/wp-content/themes/atelier/images/pause-hover-icon-64.png');
background-image/*\**/: url('/wp-content/themes/atelier/images/pause-hover-icon-ie.png')\9; /* IE7-8 */
}
/* Style thumbnails */
.ilightbox-thumbnails.metro-white.ilightbox-horizontal {
height: 104px;
}
.ilightbox-thumbnails.metro-white.ilightbox-horizontal .ilightbox-thumbnails-container {
height: 104px;
}
.ilightbox-thumbnails.metro-white.ilightbox-vertical {
width: 144px;
}
.ilightbox-thumbnails.metro-white.ilightbox-vertical .ilightbox-thumbnails-container {
width: 144px;
}
.ilightbox-thumbnails.metro-white .ilightbox-thumbnails-grid .ilightbox-thumbnail img {
border: 2px solid #FFF;
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
box-shadow: 0 0 10px rgba(0,0,0,.2);
-webkit-border-radius: 0;
border-radius: 0;
}
.ilightbox-thumbnails.metro-white .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-video {
background: url('/wp-content/themes/atelier/images/thumb-overlay-play.png') no-repeat center;
}
.ilightbox-holder.metro-white .ilightbox-inner-toolbar .ilightbox-title {
font-size: 18px;
padding: 10px 12px;
padding-right: 60px;
color: #535352;
}
.ilightbox-holder.metro-white .ilightbox-inner-toolbar .ilightbox-toolbar {
left: auto;
top: 5px;
right: 5px;
}
.ilightbox-holder.metro-white .ilightbox-inner-toolbar .ilightbox-toolbar a {
float: right;
}
/* Configure arrow buttons */
.ilightbox-button.metro-white.disabled {
opacity: 0.1;
filter: alpha(opacity=10);
cursor: default;
}
.ilightbox-button.metro-white span {
display: block;
width: 100%;
height: 100%;
}
.ilightbox-button.ilightbox-next-button.metro-white,
.ilightbox-button.ilightbox-prev-button.metro-white {
bottom: 0;
right: 0;
left: 0;
left/*\**/: 35%\9; /* IE7-8 */
right/*\**/: auto\9; /* IE7-8 */
width: 30%;
height: 100px;
margin: auto;
background: url('/wp-content/themes/atelier/images/arrows_vertical.png') no-repeat 50% -100px;
background-color: #FFF;
background-color: rgba(255,255,255,0.6);
}
.ilightbox-button.ilightbox-prev-button.metro-white {
top: 0;
bottom: auto;
background-position: 50% 0;
}
.ilightbox-button.ilightbox-next-button.metro-white.horizontal,
.ilightbox-button.ilightbox-prev-button.metro-white.horizontal {
right: 0;
left: auto;
top: 0;
bottom: 0;
top/*\**/: 36%\9; /* IE7-8 */
bottom/*\**/: auto\9; /* IE7-8 */
width: 100px;
height: 30%;
background-image: url('/wp-content/themes/atelier/images/arrows_horizontal.png');
background-position: -93px 50%;
}
.ilightbox-button.ilightbox-prev-button.metro-white.horizontal {
right: auto;
left: 0;
background-position: -7px 50%;
}
/* --------------------------------------------
iLIGHTBOX - DARK
-------------------------------------------- */
.ilightbox-overlay.metro-black {
background: #000;
}
.ilightbox-loader.metro-black {
/*-webkit-box-shadow: rgba(0,0,0,1) 0px 0px 55px, rgba(0,0,0,.3) 0px 0px 55px;
box-shadow: rgba(0,0,0,1) 0px 0px 55px, rgba(0,0,0,.3) 0px 0px 55px;*/
}
.ilightbox-loader.metro-black div {
background: #000 url('/wp-content/themes/atelier/images/lightbox/metro-dark/preloader.gif') no-repeat center;
}
.ilightbox-holder.metro-black {
padding: 3px;
background: #000;
-webkit-box-shadow: 0 0 45px rgba(0,0,0,.8);
box-shadow: 0 0 45px rgba(0,0,0,.8);
}
.ilightbox-holder.metro-black .ilightbox-container .ilightbox-caption {
background: url('/wp-content/themes/atelier/images/lightbox/metro-dark/caption-bg.png') repeat-x bottom;
background-size: 100% 100%;
left: 0;
right: 0;
color: #FFF;
text-shadow: 0 0 3px rgba(0, 0, 0, .75);
padding-top: 15px;
}
.ilightbox-holder.metro-black .ilightbox-container .ilightbox-social {
background: #222;
height: auto;
overflow: hidden;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.ilightbox-holder.metro-black .ilightbox-alert {
background: url('/wp-content/themes/atelier/images/lightbox/metro-dark/alert.png') no-repeat center top;
color: #555;
}
/* Style toolbar */
.ilightbox-toolbar.metro-black {
top: 8px;
left: 8px;
height: 25px;
}
.ilightbox-toolbar.metro-black a {
width: 27px;
height: 25px;
background: #000 url('/wp-content/themes/atelier/images/lightbox/metro-dark/buttons.png') no-repeat 7px 6px;
}
.ilightbox-toolbar.metro-black a:hover {
background-color: #51b7ff;
}
.ilightbox-toolbar.metro-black a.ilightbox-close:hover {
background-color: #d94947;
}
.ilightbox-toolbar.metro-black a.disabled {
opacity: 0.2;
filter: alpha(opacity=20);
cursor: default;
background-color: #000;
-webkit-box-shadow: 0 0 25px rgba(0,0,0,.8);
box-shadow: 0 0 25px rgba(0,0,0,.8);
}
.ilightbox-toolbar.metro-black a.ilightbox-fullscreen {
background-position: 6px -31px;
}
.ilightbox-toolbar.metro-black a.ilightbox-play {
background-position: 8px -55px;
}
.ilightbox-toolbar.metro-black a.ilightbox-pause {
background-position: 8px -81px;
}
.isMobile .ilightbox-toolbar.metro-black {
background: #000;
top: auto;
bottom: 0;
left: 0;
width: 100%;
height: 40px;
text-align: center;
}
.isMobile .ilightbox-toolbar.metro-black a {
display: inline-block;
float: none;
width: 50px;
height: 40px;
background-size: 50%;
background-position: 50%;
}
.isMobile .ilightbox-toolbar.metro-black a.ilightbox-fullscreen {
background-image: url('/wp-content/themes/atelier/images/lightbox/metro-dark/fullscreen-icon-64.png');
background-image/*\**/: url('/wp-content/themes/atelier/images/lightbox/metro-dark/fullscreen-icon-ie.png')\9; /* IE7-8 */
}
.isMobile .ilightbox-toolbar.metro-black a.ilightbox-close {
background-image: url('/wp-content/themes/atelier/images/lightbox/metro-dark/x-mark-icon-64.png');
background-image/*\**/: url('/wp-content/themes/atelier/images/lightbox/metro-dark/x-mark-icon-ie.png')\9; /* IE7-8 */
}
.isMobile .ilightbox-toolbar.metro-black a.ilightbox-next-button {
background-image: url('/wp-content/themes/atelier/images/lightbox/metro-dark/arrow-next-icon-64.png');
background-image/*\**/: url('/wp-content/themes/atelier/images/lightbox/metro-dark/arrow-next-icon-ie.png')\9; /* IE7-8 */
background-position: 52% 50%;
}
.isMobile .ilightbox-toolbar.metro-black a.ilightbox-prev-button {
background-image: url('/wp-content/themes/atelier/images/lightbox/metro-dark/arrow-prev-icon-64.png');
background-image/*\**/: url('/wp-content/themes/atelier/images/lightbox/metro-dark/arrow-prev-icon-ie.png')\9; /* IE7-8 */
background-position: 48% 50%;
}
.isMobile .ilightbox-toolbar.metro-black a.ilightbox-play {
background-image: url('/wp-content/themes/atelier/images/lightbox/metro-dark/play-icon-64.png');
background-image/*\**/: url('/wp-content/themes/atelier/images/lightbox/metro-dark/play-icon-ie.png')\9; /* IE7-8 */
}
.isMobile .ilightbox-toolbar.metro-black a.ilightbox-pause {
background-image: url('/wp-content/themes/atelier/images/lightbox/metro-dark/pause-icon-64.png');
background-image/*\**/: url('/wp-content/themes/atelier/images/lightbox/metro-dark/pause-icon-ie.png')\9; /* IE7-8 */
}
.ilightbox-holder.metro-black .ilightbox-inner-toolbar .ilightbox-title {
font-size: 18px;
padding: 10px 12px;
padding-right: 60px;
color: #acacad;
}
.ilightbox-holder.metro-black .ilightbox-inner-toolbar .ilightbox-toolbar {
left: auto;
top: 5px;
right: 5px;
}
.ilightbox-holder.metro-black .ilightbox-inner-toolbar .ilightbox-toolbar a {
float: right;
}
/* Style thumbnails */
.ilightbox-thumbnails.metro-black.ilightbox-horizontal {
height: 104px;
}
.ilightbox-thumbnails.metro-black.ilightbox-horizontal .ilightbox-thumbnails-container {
height: 104px;
}
.ilightbox-thumbnails.metro-black.ilightbox-vertical {
width: 144px;
}
.ilightbox-thumbnails.metro-black.ilightbox-vertical .ilightbox-thumbnails-container {
width: 144px;
}
.ilightbox-thumbnails.metro-black .ilightbox-thumbnails-grid .ilightbox-thumbnail img {
border: 2px solid #000;
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.8);
box-shadow: 0 0 10px rgba(0,0,0,.8);
-webkit-border-radius: 0;
border-radius: 0;
}
.ilightbox-thumbnails.metro-black .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-video {
background: url('/wp-content/themes/atelier/images/lightbox/metro-dark/thumb-overlay-play.png') no-repeat center;
}
/* Configure arrow buttons */
.ilightbox-button.metro-black.disabled {
opacity: 0.1;
filter: alpha(opacity=10);
cursor: default;
}
.ilightbox-button.metro-black span {
display: block;
width: 100%;
height: 100%;
}
.ilightbox-button.ilightbox-next-button.metro-black,
.ilightbox-button.ilightbox-prev-button.metro-black {
bottom: 0;
right: 0;
left: 0;
left/*\**/: 35%\9; /* IE7-8 */
right/*\**/: auto\9; /* IE7-8 */
width: 30%;
height: 100px;
margin: auto;
background: url('/wp-content/themes/atelier/images/lightbox/metro-dark/arrows_vertical.png') no-repeat 50% -100px;
background-color: #000;
background-color: rgba(0,0,0,0.5);
}
.ilightbox-button.ilightbox-prev-button.metro-black {
top: 0;
bottom: auto;
background-position: 50% 0;
}
.ilightbox-button.ilightbox-next-button.metro-black.horizontal,
.ilightbox-button.ilightbox-prev-button.metro-black.horizontal {
right: 0;
left: auto;
top: 0;
bottom: 0;
top/*\**/: 36%\9; /* IE7-8 */
bottom/*\**/: auto\9; /* IE7-8 */
width: 100px;
height: 30%;
background-image: url('/wp-content/themes/atelier/images/lightbox/metro-dark/arrows_horizontal.png');
background-position: -93px 50%;
}
.ilightbox-button.ilightbox-prev-button.metro-black.horizontal {
right: auto;
left: 0;
background-position: -7px 50%;
}
/* --------------------------------------------
WORDPRESS ASSET STYLING
-------------------------------------------- */
img.size-full {
max-width: 100%;
height: auto;
}
.browser-ie img.size-full {
width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
.aligncenter, div.aligncenter {
display: block;
margin: 0 auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
.aligncenter {
display: block;
margin: 0 auto;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
img.aligncenter, img.alignleft, img.alignright, img.alignnone {
max-width: 100%;
width: auto;
}
.wp-caption {
text-align: center;
margin: 20px auto;
max-width: 100%;
}
.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;
}
.align-left {
text-align: left;
}
.align-right {
text-align: right;
}
.no-margin {
margin: 0;
}
.img-link {
display: block;
}
.wp-caption-text, .gallery-caption {
padding: 10px 0;
}
.recaptchatable #recaptcha_response_field {
height: auto;
font-size: 10pt!important;
line-height: 15px!important;
}
/* --------------------------------------------
ISOTOPE
-------------------------------------------- */
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.isotope,
.isotope .isotope-item {
/* change duration value to whatever you like */
-webkit-transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-ms-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
transition-duration: 0.6s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: top, left, opacity;
transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
/* --------------------------------------------
GO PRICING
-------------------------------------------- */
.pt-banner h6 {
margin: 0;
padding: 10px 0;
}
.pt-header {
padding: 40px 20px;
}
.pt-header h6 {
margin-top: 0;
}
.pt-header h2 {
font-size: 48px!important;
line-height: 60px!important;
}
.pt-header h2 small {
font-size: 30%;
}
/* --------------------------------------------
LAYOUT
-------------------------------------------- */
.home-slider-wrap {
max-width: 100%;
overflow: hidden;
}
#container > .home-slider-wrap {
overflow: hidden;
-webkit-backface-visibility: hidden;
z-index: 1;
position: relative;
}
.page-shadow #container {
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .3);
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, .3);
box-shadow: 0 0 4px rgba(0, 0, 0, .3);
}
.page-shadow.vertical-header #container {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#not-found .page-text p {
margin-bottom: 50px;
}
.header-wrap {
position: relative;
}
#main-container {
display: block;
overflow: visible;
max-width: 100%;
z-index: 10;
position: relative;
}
#main-container > .inner-page-wrap.row {
margin-left: 0;
margin-right: 0;
}
#one-page-nav {
position: fixed;
z-index: 101;
right: -60px;
bottom: 50%;
opacity: 0;
padding: 10px 0;
display: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#one-page-nav.opn-standard {
padding-right: 30px;
}
#one-page-nav ul {
list-style: none!important;
margin-bottom: 0;
}
#one-page-nav ul li {
margin-top: 0;
margin-bottom: 0;
position: relative;
}
#one-page-nav ul li:first-child {
margin-top: 0;
}
#one-page-nav li a {
margin: 0 auto;
padding: 10px;
display: inline-block;
text-align: center;
position: relative;
border-bottom: 0;
}
#one-page-nav li.selected a > i {
border-color: #ddd;
background: transparent;
}
#one-page-nav li.selected a > i {
background: transparent!important;
}
#one-page-nav li i {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
width: 8px;
height: 8px;
border: 2px solid transparent;
background: #e3e3e3;
display: block;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
-ms-box-sizing: cotnent-box;
box-sizing: content-box;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#one-page-nav li .hover-caption {
padding: 8px 12px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
line-height: 40px;
padding: 0 20px 0 20px;
width: auto;
height: 40px;
letter-spacing: 2px;
text-transform: uppercase;
display: inline-block;
pointer-events: none;
white-space: nowrap;
z-index: 10;
right: 80px;
top: -5px;
position: absolute;
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
#one-page-nav li .hover-caption:after {
content: "";
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid #e3e3e3;
position: absolute;
right: -6px;
top: 50%;
margin-top: -5px;
}
#one-page-nav li:hover .hover-caption {
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
right: 50px;
}
#one-page-nav.opn-arrows {
padding: 0;
background: #222;
}
#one-page-nav.opn-arrows > a {
padding: 15px;
display: block;
color: #ccc;
font-size: 18px;
}
#one-page-nav.opn-arrows > a.disabled {
pointer-events: none;
opacity: 0.4;
}
#one-page-nav.opn-arrows > a > i {
height: 18px;
display: block;
vertical-align: top;
}
#one-page-nav.opn-arrows > a:hover {
color: #fff;
}
#one-page-nav.opn-arrows > a.opn-up {
border-bottom: 1px solid #666;
}
#one-page-nav.opn-arrows > a.opn-down {
border-top: 1px solid #666;
}
#one-page-nav.opn-arrows .opn-status {
text-align: center;
padding: 15px 0;
color: #fff;
}
#back-to-top {
height: 50px;
width: 50px;
background-color: #191919;
background-color: rgba(20,20,20,0.4);
position: fixed;
bottom: -80px;
right: 10px;
z-index: 1000;
padding: 9px 13px 7px 13px;
cursor: pointer;
-webkit-transform: translate3d(0,0,0);
opacity: 0;
}
#back-to-top i {
line-height: 32px;
font-size: 24px;
color: #fff;
display: block;
width: 24px;
margin: 0 auto;
}
.woocommerce-cart #back-to-top, .woocommerce-checkout #back-to-top {
display: none!important;
}
.inner-page-wrap {
margin-top: 50px;
margin-bottom: 60px;
}
.inner-page-wrap.no-bottom-spacing {
margin-bottom: 0;
}
.inner-page-wrap.no-top-spacing {
margin-top: 0;
}
.single-post .inner-page-wrap.has-right-sidebar > .col-sm-9 {
padding-left: 0;
}
.single-post .inner-page-wrap > .right-sidebar {
padding-right: 0;
}
.content-divider-wrap {
display: none;
}
.content-divider-wrap .content-divider {
border-bottom: 2px solid #e3e3e3;
}
.container > .content-divider-wrap.container {
padding: 0;
max-width: 100%;
}
aside.sidebar {
position: relative;
-webkit-backface-visibility: hidden;
}
aside.sidebar > .sidebar-widget-wrap.sticky {
position: fixed;
width: 100%;
}
.sticky-widget.stickit {
position: fixed;
top: 0;
}
.sticky-widget.stickit-end {
top: auto!important;
bottom: 0;
position: absolute;
}
.has-left-sidebar aside.sidebar {
float: left;
}
.has-left-sidebar > article, .has-left-sidebar .archive-page, .has-left-sidebar .push-right {
float: right!important;
}
.has-both-sidebars aside.left-sidebar {
float: left;
}
.woocommerce .has-both-sidebars aside.left-sidebar {
margin-left: 0;
padding-left: 0;
}
.has-both-sidebars aside.right-sidebar {
float: right;
}
.has-both-sidebars > article, .has-both-sidebars .type-page, .has-both-sidebars .archive-page {
float: left;
}
.has-both-sidebars .page-content {
float: right!important;
}
.page-content {
border-bottom: 0 solid transparent;
}
.has-one-sidebar .page-content {
max-width: 100%;
}
.page-content > ul, .page-content > ul ul, .page-content .content-wrap > ul, .page-content .content-wrap > ul ul, .type-page > ul, .type-page > ul ul {
list-style: disc inside none;
}
.search-no-results .page-content > h3 {
margin-top: 0;
}
.has-both-sidebars aside.sidebar {
padding-top: 0;
}
.spb_wrapper .row {
border-bottom: 0;
margin-bottom: 10px;
}
.spb_wrapper > h1:first-child, .spb_wrapper > h2:first-child, .spb_wrapper > h3:first-child, .spb_wrapper > h4:first-child, .spb_wrapper > h5:first-child, .spb_wrapper > h6:first-child {
margin-top: 0;
}
.spb-heading i {
font-size: 20px;
margin-right: 10px;
display: inline-block;
vertical-align: -1px;
}
.heading-wrap {
position: relative;
z-index: 2;
}
h4.spb-heading, h3.spb-heading, h4.lined-heading, .gform_heading h3 {
text-align: left;
padding: 0;
margin-top: 0;
max-width: 100%;
overflow: hidden;
position: relative;
}
.gform_wrapper h3.gform_title {
margin-bottom: 15px;
}
.title-wrap {
margin-bottom: 30px;
height: auto;
overflow: hidden;
}
.title-wrap:empty {
display: none;
}
.title-wrap .spb-heading {
float: left;
margin: 0;
line-height: 150%;
position: relative;
}
.title-wrap .spb-heading > span {
border-bottom: 2px solid #222;
padding-bottom: 3px;
display: inline-block;
}
.title-wrap.has-filter .spb-heading {
float: none;
text-align: center;
}
.title-wrap a.sf-button {
margin-bottom: 0;
margin-right: 0;
float: right;
background: transparent!important;
height: 32px;
}
.title-wrap a.sf-button.sf-icon-stroke i {
font-size: 24px!important;
height: 32px;
padding: 8px;
}
.title-wrap a.sf-button.sf-icon-stroke span.text {
padding: 6px 0 6px 40px;
}
.title-wrap .carousel-arrows {
display: inline-block;
float: right;
line-height: 26px;
margin-right: -2px;
margin-left: 20px;
}
.title-wrap .carousel-arrows a {
font-size: 28px;
}
.title-wrap .carousel-arrows a > i {
vertical-align: -4px;
width: 23px;
display: inline-block;
}
.spb-row-full-width .col-sm-12 > div > .title-wrap {
text-align: center;
margin-top: 60px;
margin-bottom: 60px;
}
.spb-row--full-width .col-sm-12 > div > .title-wrap .spb-heading {
float: none;
text-align: center;
}
h3.spb-center-heading, h4.spb-center-heading {
text-align: center;
}
h3.spb-center-heading, h4.spb-center-heading {
display: block!important;
max-width: 100%;
margin: 20px auto 45px;
}
h3.spb-center-heading span, h4.spb-center-heading span {
padding: 0 20px;
position: relative;
z-index: 5;
}
.slider-wrap .heading-wrap {
text-align: center;
margin-bottom: 10px;
}
.spb_testimonial_slider_widget h4.spb-heading, .spb_tweets_slider_widget h4.spb-heading, .spb_parallax_asset h4.spb-heading {
display: inline-block;
}
.help-text {
font-size: 18px;
line-height: 26px;
margin-bottom: 20px;
}
.help-text .search-form {
margin-bottom: 40px;
}
.help-text .search-form input {
font-size: 14px;
}
.help-text a.sf-button {
margin: 0;
text-transform: uppercase;
}
.no-results-text {
margin-top: 20px;
}
.no-results-text p {
margin-bottom: 15px;
}
.no-results-text .search-form input {
margin-top: 0;
margin-bottom: 60px;
}
.post-password-required label {
width: 400px;
height: auto;
overflow: hidden;
}
.post-password-required input[type="password"] {
border: 1px solid #ccc;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: transparent;
width: 300px;
padding: 10px;
margin-top: 0;
margin-left: 10px;
}
.post-password-required input[type="submit"] {
visibility: hidden;
}
/* --------------------------------------------
WINDOW ARROW NAV
-------------------------------------------- */
.window-arrow-nav {
position: fixed;
z-index: 9999;
top: 50%;
height: 80px;
margin-top: -40px;
}
.window-arrow-nav.prev-item {
opacity: 0;
left: -80px;
}
.window-arrow-nav.next-item {
opacity: 0;
right: -80px;
}
.window-arrow-nav.has-fw-media.prev-item {
position: absolute;
opacity: 1;
left: 0;
}
.window-arrow-nav.has-fw-media.next-item {
position: absolute;
opacity: 1;
right: 0;
}
.window-arrow-nav.fs-nav-fixed {
position: fixed!important;
top: 50%!important;
}
.window-arrow-nav .nav-transition {
position: relative;
z-index: 3;
height: 80px;
width: 80px;
overflow: hidden;
background: #fff;
-moz-box-shadow: 0 0px 5px rgba(0,0,0,.07);
-webkit-box-shadow: 0 0px 5px rgba(0,0,0,.07);
box-shadow: 0 0px 5px rgba(0,0,0,.07);
}
.window-arrow-nav.prev-item .nav-transition {
display: inline-block;
float: left;
}
.window-arrow-nav.next-item .nav-transition {
display: inline-block;
float: right;
}
.window-arrow-nav.next-item .nav-transition .overlay-wrap {
width: 160px;
-webkit-transform: translateX(-80px);
-moz-transform: translateX(-80px);
transform: translateX(-80px);
transition: all 0.5s cubic-bezier(0.725, 0.000, 0.000, 0.995);
-moz-transition: all 0.5s cubic-bezier(0.725, 0.000, 0.000, 0.995);
-webkit-transition: all 0.5s cubic-bezier(0.725, 0.000, 0.000, 0.995);
-o-transition: all 0.5s cubic-bezier(0.725, 0.000, 0.000, 0.995);
}
.window-arrow-nav.prev-item .nav-transition .overlay-wrap {
width: 160px;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
transition: all 0.5s cubic-bezier(0.725, 0.000, 0.000, 0.995);
-moz-transition: all 0.5s cubic-bezier(0.725, 0.000, 0.000, 0.995);
-webkit-transition: all 0.5s cubic-bezier(0.725, 0.000, 0.000, 0.995);
-o-transition: all 0.5s cubic-bezier(0.725, 0.000, 0.000, 0.995);
}
.window-arrow-nav.next-item.has-img:hover .nav-transition .overlay-wrap {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
.window-arrow-nav.prev-item.has-img:hover .nav-transition .overlay-wrap {
-webkit-transform: translateX(-80px);
-moz-transform: translateX(-80px);
transform: translateX(-80px);
}
.window-arrow-nav .nav-transition i {
vertical-align: middle;
width: 80px;
line-height: 90px;
font-size: 30px;
text-align: center;
display: inline-block;
transition: all 0.5s cubic-bezier(0.725, 0.000, 0.000, 0.995);
-moz-transition: all 0.5s cubic-bezier(0.725, 0.000, 0.000, 0.995);
-webkit-transition: all 0.5s cubic-bezier(0.725, 0.000, 0.000, 0.995);
-o-transition: all 0.5s cubic-bezier(0.725, 0.000, 0.000, 0.995);
}
.window-arrow-nav.prev-item .nav-transition i {
float: left;
}
.window-arrow-nav.next-item .nav-transition i {
float: right;
}
.window-arrow-nav .pagination-article-image {
float: right;
}
.window-arrow-nav .pagination-article-image img {
width: 80px;
height: 80px;
}
.window-arrow-nav .pagination-article-details {
position: relative;
display: inline-block;
font-size: 14px;
padding: 19px 25px;
height: 80px;
max-height: 80px;
z-index: 2;
background: #fff;
transition: all 0.8s cubic-bezier(0.725, 0.000, 0.000, 0.995);
-moz-transition: all 0.8s cubic-bezier(0.725, 0.000, 0.000, 0.995);
-webkit-transition: all 0.8s cubic-bezier(0.725, 0.000, 0.000, 0.995);
-o-transition: all 0.8s cubic-bezier(0.725, 0.000, 0.000, 0.995);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
-moz-box-shadow: 0 0px 5px rgba(0,0,0,.07);
-webkit-box-shadow: 0 0px 5px rgba(0,0,0,.07);
box-shadow: 0 0px 5px rgba(0,0,0,.07);
}
.window-arrow-nav.prev-item .pagination-article-details {
left: -100%;
}
.window-arrow-nav.next-item .pagination-article-details {
right: -100%;
}
.window-arrow-nav .pagination-article-details h5 {
font-weight: bold;
margin-top: 0;
margin-bottom: 2px;
font-size: 16px;
line-height: 20px;
}
.window-arrow-nav .pagination-article-details p {
font-size: 14px;
line-height: 20px;
}
.window-arrow-nav .pagination-article-details.no-subtitle h5 {
margin-bottom: 0;
line-height: 40px;
}
.window-arrow-nav.prev-item.has-img:hover .pagination-article-details {
left: 0;
}
.window-arrow-nav.next-item.has-img:hover .pagination-article-details {
right: 0;
}
.window-arrow-nav.prev-item:hover .pagination-article-details {
left: 0;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
.window-arrow-nav.next-item:hover .pagination-article-details {
right: 0;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
/* --------------------------------------------
PAGE HEADING
-------------------------------------------- */
.page-heading {
padding-top: 35px;
padding-bottom: 35px;
margin-top: 0;
margin-bottom: 0!important;
position: relative;
text-align: left;
border-top: 0!important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.page-heading.page-heading-hidden {
display: none!important;
}
.post-type-archive-product .page-heading .heading-text {
float: left;
}
.post-type-archive-product .page-heading.fancy-heading .heading-text {
float: none;
}
.page-heading h1 {
margin-top: 0;
margin-bottom: 0;
white-space: normal;
}
.page-heading h1 span {
font-style: italic;
}
.page-heading h3 {
margin-bottom: 0;
}
.page-heading.fancy-heading {
background-attachment: local;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
background-repeat: repeat;
background-position: center;
text-align: center;
height: 100px;
padding: 0;
overflow: hidden;
transition: all 1s cubic-bezier(0.725, 0.000, 0.000, 0.995);
-moz-transition: all 1s cubic-bezier(0.725, 0.000, 0.000, 0.995);
-webkit-transition: all 1s cubic-bezier(0.725, 0.000, 0.000, 0.995);
-o-transition: all 1s cubic-bezier(0.725, 0.000, 0.000, 0.995);
}
.fancy-heading-wrap {
position: relative;
overflow: hidden;
}
.fancy-heading .media-overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.fancy-heading .heading-text {
float: none;
position: absolute;
top: 50%;
opacity: 0;
z-index: 3;
transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
-webkit-transition: opacity 0.5s ease-out;
-o-transition: opacity 0.5s ease-out;
}
.fancy-tabbed-style .fancy-heading .heading-text {
top: auto;
margin-top: 0!important;
padding: 30px 15px 25px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.fancy-tabbed-style .fancy-heading .heading-text h1 {
margin-left: 15px;
line-height: inherit;
}
.fancy-tabbed-style .fancy-heading .heading-text #breadcrumbs {
margin-right: 25px;
}
.fancy-tabbed-style .fancy-heading .heading-text h3 {
display: none;
}
.page-heading-fancy-tabbed .content-divider-wrap {
display: block;
}
.tabbed-heading-wrap {
position: absolute;
bottom: 0!important;
width: 100%;
}
.tabbed-heading-wrap .heading-text {
opacity: 1;
}
.page-heading.fancy-heading.animated, .fancy-heading.animated .heading-text {
transition: none;
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
}
.header-naked-light .fancy-heading .heading-text, .header-naked-dark .fancy-heading .heading-text {
padding-top: 20px;
}
.fancy-heading .heading-text[data-textalign="left"] {
text-align: left;
}
.fancy-heading .heading-text[data-textalign="right"] {
text-align: right;
}
.fancy-heading .heading-text[data-textalign="center"] {
text-align: center;
}
.fancy-style .fancy-heading .heading-text > h1 {
font-size: 72px;
line-height: 78px;
}
.page-heading-breadcrumbs.fancy-heading .heading-text {
float: none;
position: relative;
}
.page-heading-breadcrumbs.fancy-heading #breadcrumbs {
float: none;
margin-left: 0;
margin-top: 0;
padding-top: 0;
display: inline-block;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
line-height: 40px;
}
.page-heading-breadcrumbs.fancy-heading .heading-text[data-textalign="left"] h1 {
float: left;
}
.page-heading-breadcrumbs.fancy-heading .heading-text[data-textalign="left"] h3 {
float: left;
clear: left;
}
.page-heading-breadcrumbs.fancy-heading .heading-text[data-textalign="left"] #breadcrumbs {
float: right;
bottom: 50%;
position: absolute;
right: 0;
}
.page-heading-breadcrumbs.fancy-heading .heading-text[data-textalign="right"] h1 {
float: right;
}
.page-heading-breadcrumbs.fancy-heading .heading-text[data-textalign="right"] h3 {
float: right;
clear: right;
}
.page-heading-breadcrumbs.fancy-heading .heading-text[data-textalign="right"] #breadcrumbs {
float: left;
bottom: 50%;
position: absolute;
left: 0;
}
.page-heading-breadcrumbs.fancy-heading .heading-text[data-textalign="center"] #breadcrumbs {
margin-top: 30px;
padding-top: 30px;
border-top: 2px solid #fff;
line-height: inherit;
}
.page-heading-breadcrumbs.fancy-heading.dark-style .heading-text[data-textalign="center"] #breadcrumbs {
border-color: #222;
}
.fancy-heading.fancy-image.light-style h1, .fancy-heading.fancy-image.light-style h3, .fancy-heading.fancy-image.light-style #breadcrumbs, .fancy-heading.fancy-image.light-style #breadcrumbs a, .fancy-heading.fancy-image.light-style #breadcrumbs span {
color: #fff!important;
/* text-shadow: 2px 2px 0 rgba(0,0,0,.4);*/
}
.fancy-heading.fancy-image.dark-style h1, .fancy-heading.fancy-image.dark-style h3, .fancy-heading.fancy-image.dark-style #breadcrumbs, .fancy-heading.fancy-image.dark-style #breadcrumbs a, .fancy-heading.fancy-image.dark-style #breadcrumbs span {
color: #222!important;
/* text-shadow: 2px 2px 0 rgba(255,255,255,.4);*/
}
.fancy-tabbed-style .fancy-heading.fancy-image.light-style h1, .fancy-tabbed-style .fancy-heading.fancy-image.light-style h3, .fancy-tabbed-style .fancy-heading.fancy-image.light-style #breadcrumbs, .fancy-tabbed-style .fancy-heading.fancy-image.light-style #breadcrumbs a, .fancy-tabbed-style .fancy-heading.fancy-image.light-style #breadcrumbs span {
color: inherit!important;
}
.fancy-heading.fancy-image.light-style #breadcrumbs {
border-top-color: #fff;
}
.fancy-heading.fancy-image.light-style #breadcrumbs span > a {
opacity: 0.7;
}
.fancy-heading.fancy-image.light-style #breadcrumbs span > a:hover {
opacity: 1;
}
.fancy-heading.fancy-image.light-style .prev-item, .fancy-heading.fancy-image.light-style .next-item {
color: #fff;
}
.fancy-heading.fancy-image.dark-style .prev-item, .fancy-heading.fancy-image.dark-style .next-item {
color: #222;
}
.page-heading .container {
position: relative;
}
.page-heading .prev-item {
font-size: 40px;
line-height: 40px;
float: right;
margin-left: 5px;
}
.page-heading .next-item {
font-size: 40px;
line-height: 40px;
float: right;
margin-left: 5px;
}
.page-heading .view-all {
font-size: 36px;
line-height: 40px;
float: right;
margin-left: 5px;
}
.page-heading .view-all a {
color: inherit;
}
.page-heading .prev-item i, .page-heading .next-item i, .page-heading .view-all i {
vertical-align: -3px;
}
.page-heading .prev-item + #breadcrumbs {
margin-right: 15px;
}
.page-heading.fancy-heading .heading-text[data-textalign="right"] .prev-item {
position: absolute;
top: 50%;
margin-top: -11px;
line-height: 28px;
left: 10px;
right: auto;
}
.page-heading.fancy-heading .heading-text[data-textalign="right"] .next-item {
position: absolute;
top: 50%;
margin-top: -11px;
line-height: 28px;
left: 40px;
right: auto;
}
.page-heading.fancy-heading .heading-text[data-textalign="center"] .prev-item {
position: absolute;
margin-top: -20px;
display: inline-block;
left: 5px;
top: 50%;
}
.page-heading.fancy-heading .heading-text[data-textalign="center"] .next-item {
position: absolute;
margin-top: -20px;
display: inline-block;
right: 5px;
top: 50%;
}
.page-heading .prev-item a, .page-heading .next-item a, .page-heading .view-all a {
color: inherit;
opacity: 0.6;
}
.page-heading .prev-item a:hover, .page-heading .next-item a:hover, .page-heading .view-all a:hover {
opacity: 1;
}
.page-heading.ph-sort {
padding: 15px 0;
}
.page-heading.ph-sort .heading-text {
display: none;
}
.page-heading .woocommerce-count-wrap {
float: right;
margin-right: 16px;
}
.page-heading .woocommerce-count-wrap p {
line-height: 42px;
margin-top: 0;
float: left;
}
.page-heading .woocommerce-count-wrap p.woocommerce-show-products {
margin-left: 15px;
}
.woocommerce .page-heading .woocommerce-ordering {
margin-bottom: 0;
}
#breadcrumbs {
font-size: 11px;
line-height: 22px;
white-space: nowrap;
}
#breadcrumbs > .container {
padding-top: 14px;
padding-bottom: 14px;
}
#breadcrumbs > .container:empty {
display: none;
}
#breadcrumbs a {
text-decoration: none;
}
#breadcrumbs i, .widget_breadcrumb_navxt i {
padding: 0 8px 0 5px;
font-size: 11px;
width: 3px;
vertical-align: -2px;
margin-top: 2px;
display: inline-block;
margin-right: 8px;
}
.page-heading-breadcrumbs .heading-text {
float: left;
padding-top: 1px;
padding-bottom: 1px;
line-height: 42px;
}
.page-heading-breadcrumbs #breadcrumbs {
float: right;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-left: 20px;
background: transparent;
font-size: 14px;
line-height: 42px;
}
.page-heading-breadcrumbs #breadcrumbs > .container {
width: auto;
padding: 0;
}
.page-heading-breadcrumbs #breadcrumbs .container > span {
padding: 0 5px;
}
.page-heading-breadcrumbs #breadcrumbs .container > span:first-child {
padding-left: 0;
}
.page-heading .heading-text[data-textalign="right"] {
text-align: right;
float: right;
}
.page-heading .heading-text[data-textalign="right"] + #breadcrumbs {
float: left;
}
.page-heading .heading-text[data-textalign="center"] {
text-align: center;
float: none;
}
.page-heading .heading-text[data-textalign="center"] + #breadcrumbs {
float: none;
text-align: center;
}
/* --------------------------------------------
CANVAS EFFECTS
-------------------------------------------- */
.sf-canvas-effect {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.mobile-browser .sf-canvas-effect {
display: none!important;
}
.sf-canvas-effect > canvas {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
/* --------------------------------------------
PAGINATION
-------------------------------------------- */
.pagination-wrap {
margin-top: 30px;
clear: both;
text-align: center;
border-top: 2px solid #e3e3e3;
padding-top: 40px;
}
.pagination-wrap:empty {
display: none;
}
.fw-row .pagination-wrap > ul {
text-align: center;
}
.fw-row .pagination-wrap > ul li {
float: none;
display: inline-block;
}
.pagination-wrap li {
margin-left: 10px;
}
.pagination-wrap li:first-child {
margin-left: 0;
}
.pagination-wrap ul li a, .pagination-wrap ul li span.current {
-webkit-border-radius: 40px!important;
-moz-border-radius: 40px!important;
border-radius: 40px!important;
background: transparent!important;
height: 40px;
width: 40px;
margin-right: 0;
}
.paged .pagination-wrap {
display: block!important;
visibility: visible!important;
}
.pagination-wrap ul {
height: auto;
overflow: hidden;
margin: 15px 0;
display: inline-block;
}
.pagination-wrap li {
float: left;
display: inline-block;
margin-bottom: 0;
}
.pagination-wrap li:first-child {
border-left: 0;
}
.pagination-wrap li a {
padding: 8px!important;
border: 1px solid transparent;
display: block;
margin-right: -1px;
text-decoration: none;
}
.pagination-wrap li.prev a, .pagination-wrap li.next a {
width: auto;
padding: 8px 16px!important;
}
.pagination-wrap li span {
padding: 8px;
border: 1px solid transparent;
display: block;
margin-right: -1px;
text-decoration: none;
background: transparent!important;
}
.pagination-wrap li i {
vertical-align: -1px;
}
.pagination-wrap li i[class^="ss-"] {
height: 16px;
display: inline-block;
vertical-align: -3px;
}
.pagination-wrap a, .pagination-wrap a:hover {
text-decoration: none;
}
.blog-standard .pagination-wrap {
position: relative;
z-index: 3;
}
.blog-standard .pagination-wrap ul {
margin-bottom: 0;
}
.pagination-wrap .nav-previous {
text-align: left;
float: left;
max-width: 45%;
text-overflow: ellipsis;
white-space: nowrap;
}
/* --------------------------------------------
SEARCH FORM
-------------------------------------------- */
.search-form input {
border: 1px solid #ccc;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: transparent;
width: 85%;
padding: 10px;
margin-top: 40px;
}
/* --------------------------------------------
TOOLTIPS
-------------------------------------------- */
.tooltip {
font-size: 13px;
font-family: inherit;
}
.tooltip-inner {
padding: 15px 18px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.tooltip.top {
margin-top: -10px;
}
.tooltip.top .tooltip-arrow {
border-top-color: #222;
margin-left: -10px;
bottom: -5px;
border-width: 10px 10px 0;
}
.tooltip-inner {
background: #222;
}
a[rel="tooltip"] {
border-bottom: 1px dotted #e3e3e3;
}
span.tooltip {
display: block;
background: #222;
color: #f7f7f7;
position: absolute;
left: 50%;
bottom: 25px;
padding: 3px 10px;
width: auto;
line-height: 20px;
white-space: nowrap;
z-index: 8;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}
span.tooltip .arrow {
position: absolute;
left: 50%;
bottom: -4px;
margin-left: -6px;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 5px solid #222;
}
.grid-image span.tooltip {
bottom: 65px;
}
.link-pages:empty {
display: none;
}
.link-pages, .page-content .link-pages {
margin-top: 30px;
border: 1px solid #e4e4e4;
padding: 10px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.link-pages, .page-content .link-pages p {
margin-bottom: 0;
}
.link-pages:empty, .page-content .link-pages:empty {
display: none;
}
.article-body-wrap input[type="password"] {
border-width: 1px;
border-style: solid;
margin-left: 5px;
margin-right: 5px;
}
.paginated-comments-links {
margin-top: 10px;
}
.paginated-comments-links.comments-links-after {
margin-top: 30px;
}
/* --------------------------------------------
HOME PRELOADER
-------------------------------------------- */
#sf-home-preloader {
position: fixed;
top: 0;
height: 100%;
background: #fff;
width: 100%;
z-index: 999;
overflow: hidden;
}
#preload-logo {
top: 0;
height: 100%;
padding: 0 10%;
text-align: center;
-webkit-transform: translate3d(0,25%,0);
transform: translate3d(0,25%,0);
}
body.sf-preloader-done {
overflow: visible;
}
#preloader-loading {
position: absolute;
top: 0;
height: 100%;
width: 100%;
padding: 0 10%;
text-align: center;
}
#preloader-loading .spinner {
margin: -25px auto 0;
height: 50px;
width: 50px;
position: relative;
top: 50%;
webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
body.sf-preloader-done #preloader-loading .spinner {
-moz-transform: scale(0.5);
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
}
/* --------------------------------------------
SITE LOADING
-------------------------------------------- */
.pace {
display: none!important;
}
.loading-bar-transition .pace {
display: block!important;
width: 100%;
opacity: 1;
}
.loading-bar-transition .pace .pace-progress {
background: #29d;
position: fixed;
z-index: 2000;
top: 0;
left: 0;
height: 5px;
-webkit-transition: width 0.5s, opacity 1s;
-moz-transition: width 0.5s, opacity 1s;
-o-transition: width 0.5s, opacity 1s;
transition: width 0.5s, opacity 1s;
}
.loading-bar-transition.admin-bar .pace .pace-progress {
top: 32px;
}
.loading-bar-transition .pace-inactive .pace-progress {
opacity: 0;
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
#site-loading {
width: 100%;
text-align: center;
height: 100%;
position: fixed;
display: none;
z-index: 101;
background: #222;
transition: opacity 600ms ease 200ms;
-webkit-transition: opacity 600ms ease 200ms;
}
#site-loading .spinner {
position: absolute;
top: 50%;
margin-top: -40px!important;
width: 100%;
webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#site-loading.orbit-bars .spinner {
margin-top: -25px!important;
}
.browser-ie #site-loading .spinner {
display: none!important;
}
body.page-fading-in #site-loading .spinner {
-moz-transform: scale(0.5);
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
}
.three-bounce .spinner > div {
width: 18px;
height: 18px;
margin: 0 3px;
background-color: #333;
border-radius: 100%;
display: inline-block;
-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
animation: bouncedelay 1.4s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.three-bounce .spinner > .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.three-bounce .spinner > .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
.wave .spinner {
margin: 100px auto;
width: 50px;
height: 50px;
text-align: center;
font-size: 10px;
}
.wave .spinner > div {
background-color: #333;
height: 100%;
width: 6px;
margin-right: 3px;
display: inline-block;
-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
animation: stretchdelay 1.2s infinite ease-in-out;
}
.wave .spinner .rect1 {
-webkit-animation-delay: -1.2s;
animation-delay: -1.2s;
}
.wave .spinner .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.wave .spinner .rect3 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.wave .spinner .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.wave .spinner .rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
#site-loading.circle .spinner {
margin: 0 auto;
width: 50px;
height: 50px;
position: relative;
}
.container1 > div, .container2 > div, .container3 > div {
width: 10px;
height: 10px;
background-color: #333;
border-radius: 100%;
position: absolute;
-webkit-animation: bouncedelay 1.2s infinite ease-in-out;
animation: bouncedelay 1.2s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.spinner .spinner-container {
position: absolute;
width: 100%;
height: 100%;
}
.container2 {
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.container3 {
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
.circle1 {
top: 0;
left: 0;
}
.circle2 {
top: 0;
right: 0;
}
.circle3 {
right: 0;
bottom: 0;
}
.circle4 {
left: 0;
bottom: 0;
}
.container2 .circle1 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.container3 .circle1 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.container1 .circle2 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.container2 .circle2 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.container3 .circle2 {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.container1 .circle3 {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.container2 .circle3 {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.container3 .circle3 {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.container1 .circle4 {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.container2 .circle4 {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.container3 .circle4 {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s;
}
.circle-bar .spinner > div {
margin: 0 auto;
border-bottom: 4px solid #fff;
border-left: 4px solid #fff;
border-right: 4px solid #c30;
border-top: 4px solid #c30;
border-radius: 100%;
height: 50px!important;
width: 50px!important;
-webkit-animation: circlespin .8s infinite linear;
-moz-animation: circlespin .6s infinite linear;
-ms-animation: circlespin .6s infinite linear;
-o-animation: circlespin .6s infinite linear;
animation: circlespin .8s infinite linear;
}
.rotating-square .spinner {
width: 50px!important;
height: 50px!important;
background-color: #333;
left: 50%;
margin-left: -25px;
margin-top: -25px!important;
-webkit-animation: rotateplane 1.2s infinite ease-in-out;
animation: rotateplane 1.2s infinite ease-in-out;
}
.orbit-bars .spinner {
width: 50px!important;
height: 50px!important;
display: inline-block;
margin-left: -25px;
margin-top: -25px!important;
}
.orbit-bars .spinner > div:before {
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
border-top: solid 8px #ff3c50;
border-bottom: solid 8px #ff3c50;
border-left: solid 8px transparent;
border-right: solid 8px transparent;
content: "";
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
border-radius: 50px;
-webkit-animation: orbit-bars 1s infinite ease;
-moz-animation: orbit-bars 1s infinite ease;
-ms-animation: orbit-bars 1s infinite ease;
-o-animation: orbit-bars 1s infinite ease;
animation: orbit-bars 1s infinite ease;
}
.orbit-bars .spinner > div:after {
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
width: 16px;
height: 16px;
background-color: #28aadc;
content: "";
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
}
body.page-transitions #site-loading {
display: block;
opacity: 1;
}
.chasing-circle .circular {
-webkit-animation: chasingRotate 2s linear infinite;
animation: chasingRotate 2s linear infinite;
height: 50px;
left: 50%;
position: absolute;
top: 20%;
width: 50px;
}
.chasing-circle .circular .path {
stroke-dasharray: 1,200;
stroke-dashoffset: 0;
-webkit-animation: chasingDash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
animation: chasingDash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
stroke-linecap: round;
stroke: #3f88f8;
}
@keyframes chasingRotate {
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes chasingRotate {
100% {
transform: rotate(360deg);
}
}
@keyframes chasingDash {
0%{
stroke-dasharray: 1,200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89,200;
stroke-dashoffset: -35;
}
100% {
stroke-dasharray: 89,200;
stroke-dashoffset: -124;
}
}
@-webkit-keyframes chasingDash {
0%{
stroke-dasharray: 1,200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89,200;
stroke-dashoffset: -35;
}
100% {
stroke-dasharray: 89,200;
stroke-dashoffset: -124;
}
}
/* #Home Slider
================================================= */
body.header-below-slider .home-slider-wrap {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99;
}
body.header-below-slider #main-container, body.header-below-slider #footer-wrap {
z-index: 100;
}
.home-slider-wrap #slider-continue {
position: absolute;
left: 50%;
bottom: 30px;
z-index: 102;
width: 50px;
height: 50px;
margin-left: -25px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
padding: 10px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 2px solid #fff;
display: none;
}
body.header-below-slider .home-slider-wrap #slider-continue {
display: block;
}
.home-slider-wrap #slider-continue i {
font-size: 26px;
vertical-align: -12px;
font-weight: bold;
color: #fff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.vertical-header .home-slider-wrap .rev_slider_wrapper, .vertical-header-right .home-slider-wrap .rev_slider_wrapper {
left: auto!important;
right: auto!important;
width: 100%!important;
}
.vertical-header .home-slider-wrap .tp-bullets {
left: auto!important;
right: 0!important;
width: 100%;
}
/* #Header
================================================== */
/* --------------------------------------------
TOP BAR
-------------------------------------------- */
#top-bar {
border-bottom: 2px solid #e3e3e3;
}
#top-bar.sticky-top-bar {
width: 100%;
-webkit-transform: translateZ(0) translateY(0);
-moz-transform: translateZ(0) translateY(0);
transform: translateZ(0) translateY(0);
transition: transform 0.5s ease-in-out;
-moz-transition: transform 0.5s ease-in-out;
-webkit-transition: transform 0.5s ease-in-out;
-o-transition: transform 0.5s ease-in-out;
}
#top-bar-sticky-wrapper {
position: relative;
z-index: 102;
}
#top-bar.sticky-top-bar.sticky-header-hide {
-webkit-transform: translateZ(0) translateY(-100%);
-moz-transform: translateZ(0) translateY(-100%);
transform: translateZ(0) translateY(-100%);
}
#top-bar .container.fw-header {
width: 100%;
}
#top-bar .container .tb-left {
padding-left: 0;
text-align: left;
}
#top-bar .container .tb-right {
padding-right: 0;
text-align: right;
}
#top-bar .container .tb-left nav.std-menu {
margin-left: -10px;
}
#top-bar .container .tb-right nav.std-menu {
margin-right: -10px;
}
#top-bar .container .tb-text {
font-size: 12px;
line-height: 36px;
}
#top-bar ul.social-icons {
margin-bottom: 0;
height: 36px;
}
#top-bar nav .menu {
float: right;
margin-bottom: 0;
}
#top-bar .tb-left nav .menu {
float: left;
}
#top-bar nav .menu li {
font-size: 12px;
margin: 0;
}
#top-bar nav .menu > li > a {
line-height: 36px;
padding: 0 10px;
display: block;
}
#top-bar nav .menu li > ul {
text-align: left;
}
#top-bar .tb-right nav .menu li > ul.sub-menu {
left: auto;
right: 0;
}
#top-bar .tb-right nav ul.sub-menu li.parent > ul.sub-menu {
right: 100%;
top: 0!important;
}
#top-bar .account-item:hover > a:after {
display: none;
}
#top-bar nav.std-menu ul.sub-menu > li.parent:after {
margin-top: -9px;
}
#top-bar .no-menu {
padding: 5px 0;
}
#top-bar .shopping-bag-item, #top-bar .wishlist-item {
padding: 0 10px;
}
#top-bar .shopping-bag-item > a, #top-bar .wishlist-item > a {
padding: 0!important;
}
#top-bar .shopping-bag-item:hover > a:after, #top-bar .wishlist-item:hover > a:after {
display: none;
}
/* --------------------------------------------
HEADER OVERLAY
-------------------------------------------- */
.header-overlay .header-wrap, .header-standard-overlay .header-wrap {
position: absolute;
width: 100%;
z-index: 101;
background: transparent;
}
/* --------------------------------------------
HEADER LANGUAGES
-------------------------------------------- */
#header .aux-languages > a {
opacity: 0;
}
#header .aux-languages img, #top-bar .aux-languages img {
margin-right: 5px;
vertical-align: -2px;
}
/* --------------------------------------------
HEADER SUBSCRIBE
-------------------------------------------- */
.header-subscribe {
padding: 20px;
min-width: 280px;
}
.header-subscribe form {
height: auto;
overflow: hidden;
}
.header-subscribe label {
font-size: 12px;
}
.header-subscribe input {
font-size: 12px;
}
.header-subscribe .sf-button {
float: right;
margin-top: 5px;
margin-right: 0;
margin-bottom: 0;
font-weight: normal;
}
.header-subscribe .sf-button:hover {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
/* --------------------------------------------
HEADER LOGIN
-------------------------------------------- */
#header-login form {
margin: 20px;
}
#header-login label {
font-size: 12px;
}
#header-login input {
font-size: 12px;
}
#header-login input#password {
margin-bottom: 15px;
}
#header-login .sf-button {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
float: right;
padding: 6px 12px;
margin-top: 5px;
border: 0;
}
#header-login .sf-button:hover {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#header-login a {
display: inline;
padding: 0 5px;
line-height: 24px;
}
#header-login .logout-wrap {
margin: 20px;
}
/* --------------------------------------------
HEADER LANGUAGE SELECTOR
-------------------------------------------- */
.header-languages > li > a, .header-languages > li > div {
display: block;
white-space: nowrap;
}
.header-languages img {
margin-right: 10px;
width: 18px;
height: 12px;
display: inline-block;
margin-top: -2px;
}
/* --------------------------------------------
HEADER CART VIEW
-------------------------------------------- */
#main-nav .menu > li.shopping-bag-item {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
#main-nav .header-right ul.menu > li {
margin: 0;
border-left: 1px solid #e4e4e4;
}
#main-nav .header-right ul.menu > li:first-child {
border-left: 0;
}
#main-nav .header-right ul.menu > li > a {
padding: 12px 5px;
}
.menu-search ul li {
width: 250px;
}
.menu-search ul li form {
margin: 0;
}
.menu-search ul li form input {
margin: 10px;
width: 230px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height: 36px;
background: transparent;
border: 0;
}
.shopping-bag {
width: 300px;
overflow: hidden;
}
.shopping-bag .loading-overlay {
display: none;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.6);
padding: 40% 0 0;
text-align: center;
z-index: 100;
}
.shopping-bag .loading-overlay > i {
vertical-align: middle;
display: inline-block;
width: 24px;
height: 24px;
font-size: 24px;
display: inline-block;
-webkit-animation: spin 1s infinite ease forwards;
-moz-animation: spin 1s infinite ease forwards;
animation: spin 1s infinite ease forwards;
}
.shopping-bag li:first-child:before {
right: 25px;
}
nav .menu .wishlist-item ul.sub-menu li:first-child:before {
left: 21px;
}
.header-right nav .menu .wishlist-item ul.sub-menu li:first-child:before {
right: 21px;
}
.header-right nav .menu .menu-search ul.sub-menu li:first-child:before {
right: 12px;
}
.header-right nav.search-nav .menu .menu-search ul.sub-menu li:first-child:before {
right: 8px;
}
.wishlist-bag {
width: 260px;
overflow: hidden;
}
.bag-header {
padding: 15px 0;
margin: 0 30px;
font-size: 16px;
border-bottom: 1px solid #e4e4e4;
display: none!important;
}
.bag-contents {
padding-top: 15px;
max-height: 400px;
overflow-y: scroll;
width: 318px;
}
.wishlist-bag .bag-contents {
padding-top: 0;
width: 278px;
}
.wishlist-bag .bag-contents > .bag-product:first-child {
padding-top: 35px;
}
.wishlist-bag .bag-buttons.no-items {
display: none;
}
.bag-product {
padding: 20px 0;
margin: 0 48px 0 30px;
border-bottom: 2px solid #e4e4e4;
position: relative;
font-size: 12px;
line-height: 18px;
}
.bag-product figure {
overflow: hidden;
position: relative;
float: left;
}
.bag-product .bag-product-img {
margin: 0;
padding: 0!important;
width: 72px;
height: auto;
}
.bag-product .bag-product-details {
margin-left: 82px;
margin-right: 20px;
}
.bag-product .bag-product-details a {
margin: 0;
padding: 0;
color: inherit;
}
.bag-product-title {
font-size: 14px;
}
.bag-product-title a {
line-height: 18px;
display: block;
padding: 0!important;
max-width: 95%;
letter-spacing: normal;
}
.bag-product a.remove {
margin: 0;
padding: 0!important;
position: absolute;
right: 0;
top: 19px;
font-size: 18px;
background: transparent!important;
}
.bag-product-price, .bag-product-quantity {
opacity: 0.7;
}
.bag-empty, .wishlist-empty {
padding: 25px 30px;
font-size: 14px;
line-height: 24px;
}
.bag-total {
padding: 20px 0 10px;
margin: 0 30px;
font-weight: bold;
}
.bag-total .total-title {
font-size: 14px;
}
.bag-total .total-amount {
font-size: 18px;
float: right;
}
.bag-total .total-amount .menu-item-title {
display: none!important;
}
.bag-subtotal .subtotal {
float: right;
}
.bag-tax .cart-tax {
float: right;
}
.bag-buttons {
padding: 15px 0 30px;
margin: 0 30px;
}
.bag-buttons a.sf-button {
display: block;
width: 100%;
margin: 0;
text-align: center!important;
text-transform: uppercase;
}
.bag-buttons a.sf-button.bag-button {
margin-bottom: 15px;
border: 2px solid #e3e3e3;
}
.bag-buttons a.sf-button.wishlist-button {
margin-top: 10px;
border: 2px solid #e3e3e3;
}
.bag-buttons a.sf-button.sf-icon-reveal i {
font-size: 24px;
}
/* --------------------------------------------
LOGO
-------------------------------------------- */
#logo a {
display: block;
max-height: 100%;
height: 100%;
text-align: left;
font: 0/0 a;
}
#logo a:before { /* create a full-height inline block pseudo=element */
content: ' ';
display: inline-block;
vertical-align: middle; /* vertical alignment of the inline element */
height: 100%;
}
#logo.has-img a {
line-height: 0;
}
#logo.has-img img {
max-width: 100%;
}
#logo img {
height: auto;
max-height: 100%;
width: auto;
display: inline-block;
vertical-align: middle;
}
#logo img.alt-logo, #logo img.light-logo, #logo img.dark-logo {
display: none;
}
.logo-alt-version #logo img.standard {
display: none;
}
.logo-alt-version .is-sticky #logo img.standard {
display: none;
}
.logo-alt-version .is-sticky #logo img.alt-logo {
display: inline-block;
}
#logo h1 {
margin: 0;
line-height: 100%;
}
#logo.logo-center h1 {
text-align: center;
}
#logo h2 {
font-size: 14px!important;
line-height: 100%;
letter-spacing: 0;
margin: 6px 0 0;
}
#logo.logo-center img {
margin: 0 auto;
}
#logo.no-img.logo-left a {
text-align: left;
}
#logo.logo-center a {
text-align: center;
}
#logo.logo-right, #logo.logo-right img {
float: right;
}
#logo.logo-right a, #logo.no-img.logo-right a {
text-align: right;
}
#logo.no-img a {
display: table;
max-height: none;
text-align: center;
width: 100%;
height: 100%;
min-height: 60px;
}
#logo .text-logo {
display: table-cell;
vertical-align: middle;
}
/* --------------------------------------------
STANDARD NAV
-------------------------------------------- */
nav ul.menu li.sf-menu-item-loggedin {
display: none!important;
}
.logged-in nav ul.menu li.sf-menu-item-loggedin {
display: inline-block!important;
}
nav ul.menu li.sf-menu-item-loggedout {
display: inline-block!important;
}
.logged-in nav ul.menu li.sf-menu-item-loggedout {
display: none!important;
}
nav.std-menu ul.menu > li {
float: left;
position: relative;
}
nav.std-menu ul.sub-menu {
display: none;
margin-bottom: 0;
margin-left: 0;
position: absolute;
left: 0;
top: 100%;
z-index: 9995;
min-width: 180px;
letter-spacing: normal;
}
nav.std-menu ul.sub-menu > li {
border-top: 1px solid #e3e3e3;
line-height: 150%;
text-align: left;
position: relative;
}
nav.std-menu ul.sub-menu > li.parent:after {
content: "\f105";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-style: normal;
display: block;
position: absolute;
right: 15px;
top: 50%;
text-decoration: inherit;
font-size: 14px;
margin-top: -15px;
}
nav .menu ul.sub-menu li.menu-item.parent:hover > a, nav .menu ul.sub-menu li.current-menu-ancestor.parent > a, nav .menu ul.sub-menu li.current-menu-item.parent > a {
background: transparent;
}
nav.std-menu ul.sub-menu > li ul {
left: 100%;
}
.header-right nav.std-menu ul.sub-menu > li ul {
left: auto!important;
right: 100%!important;
top: 0!important;
}
nav.std-menu ul.sub-menu > li:first-child {
border-top-width: 0;
}
nav.std-menu ul.sub-menu > li > a, nav.std-menu ul.sub-menu > li > div.current-language {
padding: 10px 15px;
font-weight: normal;
font-size: 14px;
max-width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
overflow-x: hidden;
display: block;
}
nav.std-menu ul.menu > li.menu-item > a > i {
display: inline-block;
margin-right: 6px;
}
nav.std-menu ul.menu > li.menu-item > a > i[class*="ss-"] {
vertical-align: -2px;
}
nav.std-menu li.menu-item .menu-item-desc {
display: block;
font-size: 12px;
padding-top: 4px;
}
nav.std-menu ul.menu > li.menu-item > a > .menu-item-desc {
display: none;
}
nav .menu ul.sub-menu li > span {
text-align: left;
display: block;
padding: 10px 35px;
}
/* --------------------------------------------
MAIN HEADER
-------------------------------------------- */
.header-wrap {
position: relative;
z-index: 101;
}
#header-section {
position: relative;
z-index: 1000;
width: 100%;
display: block;
}
#header-section.header-5 {
position: absolute;
}
.header-5-overlay #main-container > div:first-child {
padding-top: 120px;
}
.header-5-overlay.header-naked-light #main-container > div:first-child, .header-5-overlay #main-container > div.swift-slider {
padding-top: 0;
}
#header-section header {
position: relative;
z-index: 9996;
}
.header-shadow #header-section #header, body[class*="header-naked"].header-shadow #header-section .is-sticky #header, .header-shadow .header-wrap .header-6, .header-shadow #header-section.header-2 #main-nav {
-moz-box-shadow: 0 3px 5px rgba(0,0,0,.1);
-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.1);
box-shadow: 0 3px 5px rgba(0,0,0,.1);
}
.header-shadow #header-section.header-2 #header, .has-newsletter-bar .header-wrap {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#header-section .row {
position: relative;
}
.header-left {
text-align: left;
}
.header-right {
text-align: right;
}
.header-left .aux-item {
display: inline-block;
vertical-align: top;
padding: 0 30px 0 26px;
max-height: 100%;
transition: border-color 0.3s ease-in-out;
-moz-transition: border-color 0.3s ease-in-out;
-webkit-transition: border-color 0.3s ease-in-out;
-o-transition: border-color 0.3s ease-in-out;
}
.header-right .aux-item {
display: inline-block;
vertical-align: top;
padding: 0 26px 0 30px;
max-height: 100%;
transition: border-color 0.3s ease-in-out;
-moz-transition: border-color 0.3s ease-in-out;
-webkit-transition: border-color 0.3s ease-in-out;
-o-transition: border-color 0.3s ease-in-out;
}
.header-left .std-menu ul.menu > li:hover > a, .header-right .std-menu ul.menu > li:hover > a {
background: transparent;
}
.aux-item a.sf-button {
margin-bottom: 0;
}
.aux-item.aux-item-social {
vertical-align: middle!important;
}
.full-center .header-left .aux-item {
margin-right: -4px;
}
.full-center .header-right .aux-item {
margin-left: -4px;
}
.header-left .aux-item:first-child, .header-right .aux-item:first-child {
margin-left: 0;
}
.header-left .aux-item:last-child {
border-right-width: 0;
padding-right: 0;
}
.header-left .aux-item, .header-left .aux-item:only-child {
border-right: 2px solid #e3e3e3;
padding-right: 25px;
}
.header-left .aux-item:first-child {
padding-left: 0!important;
}
.header-right .aux-item:first-child {
border-left-width: 0;
}
.header-right .aux-item, .header-right .aux-item:only-child {
border-left: 2px solid #e3e3e3;
padding-left: 25px;
}
.header-right .aux-item:last-child {
padding-right: 0!important;
}
.full-center .header-right nav.std-menu ul.sub-menu li.parent > ul {
right: 100%;
top: 0!important;
}
.fs-aux-open .aux-item {
border-color: transparent!important;
}
.aux-item .std-menu.cart-wishlist {
margin-left: -10px;
margin-right: -10px;
}
.aux-item .std-menu ul.menu > li {
padding-bottom: 0!important;
}
#header .aux-item .std-menu li.shopping-bag-item > a {
padding-right: 0!important;
}
#header .aux-item .std-menu li.shopping-bag-item:only-child {
margin-right: 12px!important;
}
#header .header-left .aux-item .std-menu li.shopping-bag-item ul.sub-menu {
left: -10px;
right: auto;
}
#header .header-right .aux-item .std-menu li.shopping-bag-item ul.sub-menu {
right: -10px;
}
.header-left div.text, .header-right div.text {
font-size: 12px;
line-height: inherit;
}
.header-left nav.std-menu ul.sub-menu {
left: 0;
right: auto;
top: 100%!important;
}
.header-left nav.std-menu ul.sub-menu ul.sub-menu {
left: 100%;
top: 0!important;
}
#header ul.social-icons {
margin-bottom: 0;
margin-top: 3px;
line-height: 0;
position: relative;
font-size: 0;
}
#header ul.social-icons li {
height: 38px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
#header .aux-item ul.social-icons {
margin-top: 0;
}
.full-center #header .aux-item ul.social-icons li a {
vertical-align: middle;
margin-top: 0;
}
#header ul.social-icons li a > i {
display: none;
margin-bottom: 0;
top: 0;
}
#header ul.social-icons li a > i:first-child {
display: block;
}
#header ul.social-icons li a, #header ul.social-icons li a i {
position: static;
}
.header-left a, .header-right a {
display: block;
}
.header-left ul.sub-menu > li > a, .header-right ul.sub-menu > li > a {
color: inherit;
}
.header-right div.text {
text-align: right;
}
.header-right .std-menu {
float: right;
}
#header .header-left ul.menu > li > a.header-search-link {
background: transparent!important;
font-size: 16px;
padding: 0 20px 0 0;
}
#header .header-left ul.menu > li.menu-search .ajax-search-wrap {
right: auto;
left: -10px;
}
#header .header-left ul.menu > li.menu-search .ajax-search-wrap:after {
right: auto;
left: 15px;
}
#header .header-right ul.menu > li > a.header-search-link {
background: transparent!important;
font-size: 16px;
padding: 0 0 0 20px;
}
#header .header-right ul.menu > li.menu-search .ajax-search-wrap {
right: -10px;
}
#header .aux-item ul.menu > li > a.header-search-link {
font-size: 24px;
display: inline-block;
padding: 0;
}
#header .aux-item ul.menu > li > a.header-search-link i {
height: 30px;
vertical-align: middle;
margin-right: 0;
}
#header .aux-item ul.menu > li > a.header-search-link i:before {
height: 24px;
}
.header-right nav.std-menu ul.sub-menu {
right: 0;
left: auto;
top: 100%!important;
}
#header .std-menu ul.menu {
margin-bottom: 0;
line-height: inherit;
}
#header .std-menu ul.menu > li {
display: inline-block;
}
#header .std-menu ul.menu > li > a {
padding: 0 10px;
}
.header-left .std-menu ul.menu > li > a, .header-right .std-menu ul.menu > li > a {
font-size: 12px;
}
#header .std-menu ul.menu > li:first-child {
padding-left: 0;
}
.header-7 #header .std-menu ul.menu > li, .header-8 #header .std-menu ul.menu > li {
padding-bottom: 12px;
}
.header-2 .menu-left #main-navigation {
padding-left: 0;
}
.header-4-alt .fw-header > .container {
width: 100%;
}
.full-center .header-4-alt .header-left {
float: left;
margin-left: 25px;
}
.full-center .header-4-alt #logo {
position: relative;
left: 0;
margin-left: 10px;
}
.full-header-stick .header-left, .full-header-stick .header-right {
transition: height 0.5s ease-in-out, line-height .5s ease-in-out;
-moz-transition: height 0.5s ease-in-out, line-height .5s ease-in-out;
-webkit-transition: height 0.5s ease-in-out, line-height .5s ease-in-out;
-o-transition: height 0.5s ease-in-out, line-height .5s ease-in-out;
}
.full-header-stick .header-left a, .full-header-stick .header-right a {
transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-webkit-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
}
.header-2 .header-right .aux-item {
height: 100%;
}
.header-2 #header ul.social-icons {
height: 36px;
display: inline-block;
vertical-align: middle;
}
.header-2 .is-sticky #main-nav .menu-right {
display: inline-block;
right: 15px;
}
.header-2 .is-sticky #main-nav ul.social-icons {
line-height: 36px;
margin-bottom: 0;
vertical-align: middle;
display: inline-block;
height: 36px;
}
.header-2 .is-sticky #main-nav .menu-right .header-search-link {
font-size: 24px;
padding-left: 0;
padding-right: 0;
}
.header-2 .is-sticky #main-nav .menu-right .header-search-link > i {
margin-right: 0!important;
}
.header-2 .is-sticky #main-nav .menu-right .ajax-search-wrap {
margin-top: 0;
}
.header-2 .is-sticky #main-nav .menu-right .shopping-bag-item>a>i {
line-height: 26px;
}
#main-nav .menu-right ul.menu > li > a {
padding: 17px 15px;
}
#main-nav .menu-right ul.sub-menu {
-webkit-backface-visibility: hidden;
left: auto;
right: 0;
}
#main-nav .menu-right ul.sub-menu > li > ul, #main-nav .menu-right ul.sub-menu > li > ul ul {
left: auto;
right: 100%;
}
#main-nav .menu-right .wishlist-item:hover > a:after, #main-nav .menu-right .shopping-bag-item:hover > a:after, #main-nav .menu-right .account-item:hover > a:after {
bottom: -2px;
}
.header-2 .menu-right .aux-item {
display: inline-block;
line-height: 60px;
float: left;
margin-left: 15px;
}
.header-2 .menu-right .aux-item:first-child {
margin-left: 0;
}
.header-2 .menu-right .aux-item ul.menu > li {
line-height: 60px;
height: 60px;
}
.header-2 .menu-right .aux-item .shopping-bag-item > a {
padding-right: 0!important;
}
.aux-item.aux-language ul.menu > li.aux-languages > a > img {
margin-right: 0;
}
.aux-item.aux-language ul.menu > li.aux-languages > a > span {
display: none;
}
.aux-currency .currency-switch-item .current-currency {
font-size: 18px;
padding: 0 10px;
}
.aux-currency .currency-switch-item .current-currency:hover {
cursor: pointer;
}
.aux-currency .wcml_currency_switcher {
visibility: hidden;
position: absolute;
}
.aux-currency .currency-switch-item > img {
position: absolute;
bottom: 0;
left: 0;
left: 50%;
margin: 0 0 0 -8px!important;
}
.aux-currency .wcml_currency_switcher > ul.sub-menu {
visibility: visible;
border-top-width: 0;
min-width: 120px;
padding-left: 20px!important;
padding-right: 20px!important;
letter-spacing: normal;
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
border-radius: 4px;
}
.header-left .aux-currency .wcml_currency_switcher > ul.sub-menu {
left: -20px;
}
.header-right .aux-currency .wcml_currency_switcher > ul.sub-menu {
right: -40px;
}
.aux-currency .wcml_currency_switcher > ul.sub-menu li {
border-left-width: 0;
border-right-width: 0;
border-bottom-width: 0;
background: transparent;
padding: 14px 0 ;
line-height: 150%;
}
.aux-currency .wcml_currency_switcher > ul.sub-menu li.wcml-active-currency {
cursor: default;
}
.aux-currency .wcml_currency_switcher > ul.sub-menu li:first-child {
border-top-width: 0;
}
.aux-currency .wcml_currency_switcher > ul.sub-menu a.wcml-cs-item-toggle {
padding: 10px 0;
}
.aux-currency .wcml_currency_switcher > ul.sub-menu ul.wcml-cs-submenu {
left: auto;
margin-left: 0;
margin-bottom: 0;
}
.aux-currency .wcml_currency_switcher > ul.sub-menu ul.wcml-cs-submenu li > a:hover {
cursor: pointer;
}
/* --------------------------------------------
MAIN NAVIGATION
-------------------------------------------- */
nav ul.menu {
margin-bottom: 0;
}
nav .menu li > a > .menu-item-title {
display: none;
}
nav .menu li > a > i[class^="ss-"] {
margin-right: 5px;
height: 100%;
position: relative;
vertical-align: -2px;
}
nav .menu li > a > i {
margin-right: 10px;
display: inline-block;
height: 17px;
}
#main-nav {
border-top: 2px solid #e4e4e4;
}
.is-sticky #main-nav {
border-top: 0;
}
#main-nav ul.menu > li {
border-right: 1px solid #e4e4e4;
line-height: 14px;
}
#main-nav ul.menu > li:first-child {
border-left: 1px solid #e4e4e4;
}
#main-nav ul.menu > li > a {
padding: 23px 15px;
display: block;
}
#main-nav nav#main-navigation ul.menu {
float: left;
}
#main-nav .menu-left {
max-width: 100%;
}
.menu-left #main-navigation {
padding-left: 15px;
}
nav#main-navigation ul.menu {
float: right;
}
nav#main-navigation ul.menu > li.sf-menu-item-new-badge > a {
position: relative;
}
nav#main-navigation ul.menu > li.sf-menu-item-new-badge > a:before {
content: "";
box-shadow: inset 2px 2px #e95144;
position: absolute;
right: 13px;
top: 28px;
z-index: 2;
width: 7px;
height: 7px;
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
transform: rotate(225deg);
}
nav#main-navigation ul.menu > li.sf-menu-item-new-badge > a:after {
content: "New";
position: absolute;
top: 14px;
right: 0;
background: transparent;
color: #e95144;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
line-height: 14px;
height: 18px;
width: auto;
text-align: center;
border: 2px solid #e95144;
letter-spacing: 0;
padding: 0 2px;
}
#main-nav nav#main-navigation ul.menu > li.sf-menu-item-new-badge > a:before {
top: 16px;
}
#main-nav nav#main-navigation ul.menu > li.sf-menu-item-new-badge > a:after {
top: 2px;
}
.full-center.resized-header nav#main-navigation ul.menu > li.sf-menu-item-new-badge > a:before {
top: 15px;
}
.full-center.resized-header nav#main-navigation ul.menu > li.sf-menu-item-new-badge > a:after {
top: 1px;
}
#main-nav .row {
position: relative;
}
#main-nav .menu-right {
position: absolute;
right: 15px;
top: 0;
display: none;
}
#main-nav.center-menu {
text-align: center;
}
#main-nav.center-menu > .container {
position: relative;
}
#main-nav.center-menu nav#main-navigation, #main-nav.center-menu nav.float-alt-menu {
display: inline-block;
text-align: center;
margin: 0 auto;
vertical-align: bottom;
}
#main-nav.center-menu nav#main-navigation ul.menu {
float: none;
}
#main-nav.center-menu nav.mega-menu {
position: static;
}
#main-nav.center-menu nav.mega-menu li.sf-mega-menu-natural-width .sub-container {
left: 0!important;
}
#main-nav.center-menu nav.float-alt-menu ul.menu > li:first-child {
border-left: 0;
margin-left: -4px;
}
#main-nav.center-menu nav.float-alt-menu ul.menu {
text-align: left;
}
#main-nav.center-menu nav.float-alt-menu ul.menu li > a {
padding-left: 14px;
padding-right: 14px;
padding-bottom: 30px;
}
#main-nav.center-menu nav.float-alt-menu ul.menu li > a > i {
margin-right: 4px;
}
#main-nav.center-menu nav.float-alt-menu ul.menu li > a.header-search-link > i {
margin-left: 4px;
}
#main-nav.center-menu nav.float-alt-menu ul.menu li > a > i:before {
vertical-align: -2px;
}
.no-menu {
padding: 15px 0;
}
.full-center nav#main-navigation .no-menu {
position: absolute;
top: 0;
width: 100%;
right: 0;
padding: 0;
}
nav ul.menu > li.menu-item.sf-menu-item-btn > a {
background: transparent;
padding: 0!important;
}
#main-nav ul.menu > li.menu-item.sf-menu-item-btn > a {
margin: 10px 0;
}
#main-nav ul.menu > li.menu-item.sf-menu-item-btn > a > span.menu-item-text {
padding: 12px 20px;
}
li.menu-item span.menu-item-text > i, li.menu-item span.title > i {
margin-right: 5px;
vertical-align: -2px;
}
nav ul.menu > li.menu-item.sf-menu-item-btn > a > span.menu-item-text {
padding: 10px 20px;
}
nav ul.menu > li.menu-item.sf-menu-item-btn > a > span.menu-item-text > i {
margin-right: 6px;
vertical-align: -1px;
}
#main-nav ul.menu > li.menu-item.sf-menu-item-btn > a > span.menu-item-text {
display: block;
margin: 4px 0;
}
.header-9 #main-nav ul.menu > li.menu-item.sf-menu-item-btn > a > span.menu-item-text {
display: block;
margin: 15px 0;
}
.vertical-header #vertical-nav ul.menu > li.menu-item.sf-menu-item-btn {
margin-bottom: 15px;
}
/* --------------------------------------------
FULL CENTER HEADER
-------------------------------------------- */
#header, .full-center .float-menu {
transition: height 0.3s ease-in-out;
-moz-transition: height 0.3s ease-in-out;
-webkit-transition: height 0.3s ease-in-out;
-o-transition: height 0.3s ease-in-out;
}
.full-center #header-section #header {
padding: 0;
}
.full-center .is-sticky #header {
width: 100%;
}
.full-center #header > .container, .full-center #header > div > .container {
position: relative;
max-width: 100%;
}
.full-center #header.fw-header > .container {
width: 100%;
}
.header-7 #header.fw-header .container, .header-8 #header.fw-header .container {
width: 100%;
padding: 0 30px;
}
.header-7 #header.fw-header .container .header-left, .header-8 #header.fw-header .container .header-left {
padding-left: 15px;
}
.header-7 #header.fw-header .container .header-right, .header-8 #header.fw-header .container .header-right {
padding-right: 15px;
}
.full-center #logo {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: auto;
z-index: 99;
max-width: 25%;
}
.full-center #logo, .full-center #logo a {
transition: height 0.5s ease-in-out;
-moz-transition: height 0.5s ease-in-out;
-webkit-transition: height 0.5s ease-in-out;
-o-transition: height 0.5s ease-in-out;
}
.full-center #logo.has-img a > img {
vertical-align: middle;
transition: height 0.5s ease-in-out;
-moz-transition: height 0.5s ease-in-out;
-webkit-transition: height 0.5s ease-in-out;
-o-transition: height 0.5s ease-in-out;
}
.full-center .fw-header #logo {
left: 10px;
}
.full-center .header-left {
position: relative;
z-index: 99;
margin-left: 5px;
width: auto;
}
.full-center .header-right {
position: absolute;
right: 15px;
top: 0;
height: 100%;
width: auto;
z-index: 99;
}
.full-center .header-4 .header-right, .full-center .header-4-alt .header-right {
position: relative;
display: inline-block;
float: right;
padding-left: 25px;
right: 0;
padding-right: 25px;
}
.full-center .float-menu {
text-align: center;
position: relative;
width: 100%;
z-index: 98;
}
.full-center .header-4 .float-menu, .full-center .header-4-alt .float-menu {
text-align: right;
max-width: 100%;
width: auto;
padding-right: 25px;
}
.full-center .header-4 nav#main-navigation {
max-width: 90%;
}
.full-center .header-4-alt nav#main-navigation {
max-width: 80%;
}
.full-center .header-5 .float-menu {
text-align: right;
max-width: 100%;
width: auto;
padding-right: 0;
}
.full-center .header-4 .fw-header .float-menu {
float: none;
}
.browser-ff .full-center .header-4 .fw-header .float-menu {
float: none;
}
.full-center .header-4 .fw-header .float-menu li.menu-item.sf-mega-menu > ul.sub-menu {
left: auto;
right: 0;
}
.full-center .header-5 .float-menu {
padding-right: 0;
}
.full-center nav.mega-menu {
position: static;
}
.full-center nav#main-navigation {
display: inline-block;
text-align: center;
margin: 0 auto;
max-width: 70%;
}
.full-center nav.float-alt-menu {
display: inline-block;
text-align: center;
margin: 0 0 0 10px;
}
.full-center nav.mega-menu li .sub-container {
left: 0!important;
}
.full-center nav.mega-menu li.sf-mega-menu-fw .sub-container {
left: 3%!important;
}
.full-center nav.mega-menu li.sf-mega-menu-fw .sub-container {
width: 94%!important;
}
.full-center nav.mega-menu li.sf-mega-menu-fw .sub-container .sub, .full-center nav.mega-menu li.sf-mega-menu-fw .sub-container .sub .row {
width: 100%!important;
}
.full-center nav.mega-menu li.sf-mega-menu-natural-width {
position: relative!important;
}
.full-center #header-section.header-5 nav.mega-menu li .sub-container {
left: 0!important;
}
.full-center #header-section nav.mega-menu li.sf-mega-menu-natural-width .sub-container {
right: 0;
left: auto!important;
}
.full-center nav#main-navigation ul.menu {
width: 100%;
display: inline-block;
text-align: center;
float: none;
}
.full-center nav#main-navigation ul.menu > li.menu-item {
float: none;
margin-right: -4px;
}
.full-center nav#main-navigation ul.menu > li {
border-right: 1px solid #e4e4e4;
}
.full-center nav#main-navigation ul.menu > li:first-child {
border-left: 1px solid #e4e4e4;
}
.full-center nav#main-navigation ul.menu > li.menu-item > a {
padding: 0 25px;
}
.full-center #header nav.float-alt-menu ul.menu > li {
padding: 0;
border-right: 1px solid #e4e4e4;
text-align: left;
}
.full-center nav.float-alt-menu ul.menu > li > a, .full-center #header nav.std-menu ul.menu > li > a {
padding: 0 10px;
display: block;
}
.full-center #header .aux-item nav.std-menu ul.menu > li > a {
padding: 0 10px;
}
.full-center #header .aux-item nav.std-menu ul.menu > li.shopping-bag-item > a, .full-center #header .aux-item nav.std-menu ul.menu > li.wishlist-item > a {
padding: 0 12px;
}
.full-center #header .aux-item nav.std-menu ul.menu > li.menu-search > a {
padding: 0;
}
.full-center #header .aux-item nav.std-menu ul.menu > li.menu-search > a > i {
margin-right: 0;
vertical-align: middle;
margin-top: 1px;
}
.full-center nav.float-alt-menu ul.menu > li > a > i {
font-size: 20px;
margin-right: 6px;
vertical-align: -5px;
}
.full-center nav.float-alt-menu ul.menu > li.menu-search > a > i {
margin-right: 0;
}
.full-center nav.float-alt-menu ul.menu > li > ul.sub-menu {
right: 0;
left: auto;
}
.full-center .ajax-search-wrap:after {
right: 17px;
}
.full-center #header.fw-header nav.float-alt-menu ul.menu > li:last-child {
border-right: 0;
}
#header-section.header-5 #header {
max-width: 1140px;
margin: 0 auto;
}
.layout-boxed #header-section.header-5 .sticky-wrapper:not(.is-sticky) .sticky-header {
max-width: 100%!important;
}
#header-section.header-5 #header #logo {
left: 15px;
}
#header-section.header-5 #header nav.float-alt-menu {
margin-right: 15px;
}
.header-9#header-section #main-nav {
border-top: 0;
border-bottom: 0;
}
.header-9 #main-nav ul.menu > li, .header-9 #main-nav.center-menu nav.float-alt-menu ul.menu > li {
border: 0;
}
.header-9 #main-nav ul.menu > li > a, .header-9 #main-nav.center-menu nav.float-alt-menu ul.menu > li > a {
padding-top: 25px;
padding-bottom: 25px;
}
.header-9 #main-nav.center-menu nav.float-alt-menu ul.menu > li > a > span {
margin-top: 1px;
display: inline-block;
}
/* --------------------------------------------
SPLIT HEADER
-------------------------------------------- */
.full-center #header-section.header-split nav#main-navigation {
display: block;
}
#header-section.header-split nav#main-navigation .no-menu {
display: none;
}
#header-section.header-split header > .container > .row {
text-align: center;
}
#header-section.header-split #logo {
width: auto;
margin: 0 auto;
position: absolute;
left: 50%;
opacity: 0;
}
#header-section.header-split #logo .text-logo {
display: inline-block;
}
#header-section.header-split .float-menu {
position: absolute;
width: 100%;
left: 0;
top: 0;
}
#header-section.header-split #main-navigation {
opacity: 0;
transition: opacity 0.6s ease-in-out;
-moz-transition: opacity 0.6s ease-in-out;
-webkit-transition: opacity 0.6s ease-in-out;
-o-transition: opacity 0.6s ease-in-out;
}
#header-section.header-split .fw-header #main-navigation {
width: 80%;
max-width: 80%;
}
#header-section.header-split.header-split-loaded #logo, #header-section.header-split.header-split-loaded #main-navigation {
opacity: 1;
}
.full-center .float-menu li.menu-item.sf-mega-menu.right-side-item > ul.sub-menu {
right: 0;
left: auto;
}
/* --------------------------------------------
VERTICAL HEADER
-------------------------------------------- */
.vertical-header .container {
max-width: 95%;
}
.vertical-header .header-wrap {
width: 300px;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99;
background: transparent;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.layout-boxed.vertical-header .header-wrap {
left: auto;
}
.vertical-header-right .header-wrap {
left: auto;
right: 0;
}
.vertical-header #header-section {
height: 100%;
}
.vertical-header #logo {
padding: 0 20px;
}
.vertical-header .no-menu {
padding: 15px 20px;
}
.vertical-header #header-section #vertical-nav {
z-index: 2;
width: 100%;
padding: 40px 0 0;
}
.vertical-header #header-section #vertical-nav .vertical-menu-bottom {
bottom: 20px;
position: absolute;
width: 100%;
}
.vertical-header.has-newsletter-bar #header-section #vertical-nav .vertical-menu-bottom {
bottom: 80px;
}
.vertical-header .vertical-menu-bottom nav.std-menu {
margin-bottom: 10px;
}
.vertical-menu-bottom .aux-item {
text-align: center;
}
.vertical-menu-bottom .aux-item .contact-menu-link, .vertical-menu-bottom .aux-item .fs-supersearch-link {
margin: 12px 0;
}
.vertical-header #header-section #header {
padding: 40px 0 0;
position: relative;
z-index: 3;
}
.vertical-header #container {
padding-left: 300px;
height: 100%;
}
.vertical-header #container #main-container {
overflow: hidden;
}
.vertical-header.layout-boxed #container {
padding-left: 0;
padding-right: 0;
}
.vertical-header.layout-boxed #main-container {
padding-left: 300px;
}
.vertical-header-right #container {
padding-left: 0;
padding-right: 300px;
}
.vertical-header-right.layout-boxed #container {
padding-left: 0;
padding-right: 0;
}
.vertical-header-right.layout-boxed #main-container {
padding-left: 0;
margin-right: 300px;
}
.page-template-template-blank2.vertical-header #container, .page-template-template-blank2fw.vertical-header #container, .page-template-template-blank3.vertical-header #container, .page-template-template-blank3fw.vertical-header #container {
padding-left: 0;
padding-right: 0;
}
.vertical-menu nav ul.menu > li {
width: 100%;
float: none;
display: block;
text-align: center;
}
.vertical-menu nav ul.menu > li > a {
float: none;
display: inline-block;
padding: 15px 18px;
-moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
.vertical-menu nav ul.menu > li.shopping-bag-item > a {
padding-left: 0;
padding-right: 0;
}
.vertical-header nav#main-navigation ul.menu {
width: 100%;
float: none;
}
.vertical-menu nav.std-menu ul.menu > li.menu-item.sf-mega-menu {
position: relative;
}
.vertical-menu nav.std-menu ul.sub-menu {
top: 0!important;
bottom: auto!important;
left: 100%!important;
}
.vertical-menu li.menu-item.sf-mega-menu > ul.sub-menu {
margin: 0;
}
.vertical-menu nav.std-menu ul.sub-menu > li ul {
left: 100%!important;
}
.vertical-menu nav.std-menu li.sf-mega-menu ul.sub-menu > li ul {
left: 0!important;
max-width: 100%;
min-width: 0;
}
.vertical-menu .vertical-menu-bottom nav.std-menu ul.sub-menu {
top: auto!important;
bottom: 0!important;
}
.vertical-menu li.menu-item.sf-mega-menu.sf-mega-menu-fw > ul.sub-menu {
max-width: 300%;
overflow: hidden;
}
.vertical-menu li.menu-item.sf-mega-menu.sf-mega-menu-fw > ul.sub-menu li.menu-item > span.title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.vertical-menu li.sf-menu-item-html {
padding: 30px;
}
.vertical-menu nav#main-navigation ul.menu > li.sf-menu-item-new-badge > a:before {
right: 13px;
top: 10px;
display: none;
}
.vertical-menu nav#main-navigation ul.menu > li.sf-menu-item-new-badge > a:after {
top: -4px;
right: 0;
}
.vertical-menu .ajax-search-wrap {
top: auto;
bottom: 0;
left: 100%;
right: auto;
}
.vertical-menu .ajax-search-wrap:after {
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid #e3e3e3;
left: -16px;
right: auto;
bottom: 16px;
top: auto;
}
.vertical-menu .ajax-search-results {
border-top: 0;
border-bottom: 1px solid #e3e3e3;
}
.shopping-bag-item > a {
position: relative;
}
.shopping-bag-item > a > .cart-text {
display: none;
}
.shopping-bag-item > a > i {
vertical-align: -5px!important;
width: 21px;
display: inline-block;
height: 24px!important;
font-size: 24px;
line-height: 28px;
margin-left: -2px!important;
margin-right: 0!important;
}
.shopping-bag-item > a > i.sf-icon-cart {
vertical-align: -6px!important;
}
.shopping-bag-item > a > span.menu-item-title, .wishlist-item > a > span.menu-item-title {
display: none;
}
.shopping-bag-item:hover > a:after {
content: "\e60d";
font-family: 'atelier';
position: absolute;
bottom: 12%;
right: 2px;
height: 15px;
line-height: 15px;
font-size: 12px;
}
.shopping-bag-item a.cart-contents > span.amount {
display: none!important;
}
.shopping-bag-item a > span.num-items {
display: inline-block;
position: absolute;
right: 4px;
top: 50%;
margin-top: -11px;
height: 22px;
width: 12px;
vertical-align: middle;
padding: 5px 0;
line-height: 16px!important;
border-radius: 2px;
letter-spacing: 0;
font-size: 12px;
font-weight: bold;
text-align: center;
-webkit-transition: color 0.2s;
-moz-transition: color 0.2s;
-o-transition: color 0.2s;
transition: color 0.2s;
}
.wishlist-item > a > i {
vertical-align: -5px!important;
width: 21px;
display: inline-block;
height: 24px!important;
font-size: 24px;
line-height: 28px;
margin-left: -2px!important;
margin-right: 0!important;
}
.wishlist-item:hover > a:after {
content: "\e60d";
font-family: 'atelier';
position: absolute;
bottom: 10%;
left: 50%;
margin-left: -6px;
height: 15px;
line-height: 15px;
font-size: 12px;
}
.wishlist-item a > span.count {
font-size: 14px;
font-weight: bold;
display: inline-block;
margin-left: 2px;
display: none;
}
.account-item > a > i {
vertical-align: -5px!important;
width: 21px;
display: inline-block;
height: 24px!important;
font-size: 24px;
line-height: 28px;
margin-left: -2px!important;
margin-right: 0!important;
}
.account-item:hover > a:after {
content: "\e60d";
font-family: 'atelier';
position: absolute;
bottom: 10%;
left: 50%;
margin-left: -6px;
height: 15px;
line-height: 15px;
font-size: 12px;
}
.vertical-menu-bottom .shopping-bag-item > a > i.sf-icon-cart {
vertical-align: -5px!important;
}
.vertical-menu-bottom .copyright {
padding: 0 20px;
margin-bottom: 35px;
font-size: 12px;
text-align: center;
}
.vertical-header-right #main-nav .ajax-search-wrap {
right: auto;
left: -1px;
}
.vertical-header-right .ajax-search-wrap:after {
right: auto;
left: 19px;
}
.vertical-header-right nav.mega-menu li.sf-mega-menu-fw .sub-container, .vertical-header-right nav.mega-menu li.sf-mega-menu-natural-width .mega, .vertical-header-right .ajax-search-wrap, .vertical-header-right nav.std-menu ul.sub-menu, .vertical-header-right .vertical-menu nav.std-menu ul.sub-menu > li ul {
left: auto!important;
right: 100%!important;
}
.vertical-header-right nav.mega-menu li.sf-mega-menu-fw .mega .sub {
float: right;
}
.vertical-header .swiper-slide .caption-wrap {
max-width: 90%;
}
.vertical-header-right nav.std-menu ul.sub-menu > li.parent:after {
content: "\f104";
}
.vertical-header nav#main-navigation .menu li.parent > a:after, .vertical-header nav .menu li.parent > a:after {
display: none!important;
}
/* --------------------------------------------
CART/WISHLIST NOTIFICATION
-------------------------------------------- */
.added-notification > ul.sub-menu {
display: block;
}
/* --------------------------------------------
OVERLAY MENU
-------------------------------------------- */
a.menu-bars-link {
line-height: inherit;
width: 20px;
height: 16px;
display: inline-block;
text-indent: -9999em;
position: relative;
vertical-align: middle;
top: 50%;
position: relative;
margin-top: -3px;
overflow: hidden;
}
.aux-item a.menu-bars-link {
top: 0;
margin: 0 5px;
}
a.menu-bars-link span, a.menu-bars-link span:before, a.menu-bars-link span:after {
webkit-transition: all 0.5s cubic-bezier(0, 0.275, 0.125, 1);
-moz-transition: all 0.5s cubic-bezier(0, 0.275, 0.125, 1);
-o-transition: all 0.5s cubic-bezier(0, 0.275, 0.125, 1);
transition: all 0.5s cubic-bezier(0, 0.275, 0.125, 1);
background-color: #1d1d1d;
display: block;
position: absolute;
width: 20px;
height: 2px;
left: 0;
}
a.menu-bars-link span:before, a.menu-bars-link span:after {
content: "";
}
a.menu-bars-link span {
top: 6px;
}
a.menu-bars-link span:before {
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0;
top: -6px;
z-index: 10;
}
a.menu-bars-link span:after {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
top: 6px;
}
.side-slideout-open a.menu-bars-link span, .mobile-menu-open a.mobile-menu-link span, .overlay-menu-open .aux-overlay-menu .overlay-menu-link span {
background-color: transparent !important;
}
.side-slideout-open a.menu-bars-link span:before, .mobile-menu-open a.mobile-menu-link span.menu-bars:before, .overlay-menu-open .aux-overlay-menu .overlay-menu-link span:before {
-webkit-transform: translateY(7px) translateX(1px) rotate(45deg);
-moz-transform: translateY(7px) translateX(1px) rotate(45deg);
-ms-transform: translateY(7px) translateX(1px) rotate(45deg);
-o-transform: translateY(7px) translateX(1px) rotate(45deg);
transform: translateY(7px) translateX(1px) rotate(45deg);
}
.side-slideout-open a.menu-bars-link span:after, .mobile-menu-open a.mobile-menu-link span.menu-bars:after, .overlay-menu-open .aux-overlay-menu .overlay-menu-link span:after {
-webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
-moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
-ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);
-o-transform: translateY(-6px) translateX(1px) rotate(-45deg);
transform: translateY(-6px) translateX(1px) rotate(-45deg);
}
#overlay-menu {
background: rgba(230, 80, 55, 0.8);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
transition: opacity 0.5s, visibility 0s 0.5s;
}
.overlay-menu-open #overlay-menu {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
#overlay-menu .fs-overlay-close {
position: absolute;
top: 40px;
right: 40px;
font-size: 40px;
-webkit-transform: scale(0);
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition-delay: 0.2s;
display: none!important;
}
.has-wpadminbar #overlay-menu .fs-overlay-close {
top: 70px;
}
.overlay-menu-open #overlay-menu .fs-overlay-close {
opacity: 0.8;
-webkit-transform: scale(1);
}
.overlay-menu-open #overlay-menu .fs-overlay-close:hover {
opacity: 1;
}
#overlay-menu nav {
text-align: center;
position: relative;
z-index: 2;
top: 20%;
height: 60%;
font-size: 54px;
opacity: 0;
-webkit-transition: top 0.5s cubic-bezier(0.175,0.785,0.320,1) 0, opacity 0.5s;
transition: top 0.5s cubic-bezier(0.175,0.785,0.320,1) 0, opacity 0.5s;
}
.overlay-menu-open #overlay-menu nav {
top: 24%;
opacity: 1;
}
.overlay-menu-closing #overlay-menu nav {
top: 20%;
opacity: 0;
}
#overlay-menu nav > div {
height: 100%;
}
#overlay-menu nav ul.menu {
list-style: none;
padding: 0;
margin: 0 auto;
display: inline-block;
height: 100%;
width: 100%;
position: relative;
}
#overlay-menu nav ul ul, #overlay-menu nav ul ul ul {
display: none;
}
#overlay-menu nav ul.menu > li.menu-item {
display: block;
padding: 0 5%;
transition: background-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
-webkit-transition: background-color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out;
}
#overlay-menu nav ul.menu > li.menu-item > a {
padding: 8px 0;
display: inline-block;
font-size: inherit;
background: transparent;
-moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
#overlay-menu nav ul.menu > li.menu-item.parent > a:after {
content: "\e60d";
font-family: "atelier";
font-weight: normal;
font-style: normal;
display: inline-block;
text-decoration: inherit;
font-size: 60%;
margin-left: 30px;
opacity: 0.5;
float: right;
color: inherit;
}
#overlay-menu nav ul.menu > li.menu-item.parent.sub-menu-open > a:after {
content: "\e60c";
}
#overlay-menu nav ul.sub-menu {
background: transparent;
}
#overlay-menu nav ul.sub-menu > li.menu-item {
border-top: 0;
line-height: 200%;
font-size: 18px;
}
#overlay-menu nav ul.sub-menu > li.menu-item {
background: transparent;
}
.overlay-menu-open #header-section .is-sticky .sticky-header, .overlay-menu-open #header-section .is-sticky #header.sticky-header, .fs-search-open #header-section .is-sticky .sticky-header, .fs-search-open #header-section .is-sticky #header.sticky-header, .fs-supersearch-open #header-section .is-sticky .sticky-header, .fs-supersearch-open #header-section .is-sticky #header.sticky-header {
background-color: transparent;
border-color: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
transition: background-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
-webkit-transition: background-color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out;
}
.overlay-menu-open .header-wrap {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.overlay-menu-open a.contact-menu-link {
opacity: 0;
pointer-events: none;
}
body.overlay-menu-open {
overflow: hidden;
}
.overlay-menu-open .aux-item {
opacity: 0;
pointer-events: none;
}
.overlay-menu-open .aux-item.aux-overlay-menu {
opacity: 1;
pointer-events: auto;
border-color: transparent!important;
}
/* --------------------------------------------
SIDE SLIDEOUT MENU
-------------------------------------------- */
.sf-side-slideout {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 98;
visibility: hidden;
width: 300px;
height: 100%;
background-color: #222;
-webkit-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
}
.browser-ie10 .sf-side-slideout {
transition-delay: 0.1s;
}
#side-slideout-right-wrap {
left: auto;
right: 0;
}
.no-csstransforms .sf-side-slideout, .ie-mobile .sf-side-slideout {
position: relative;
width: 100%;
left: 0;
display: none;
height: auto;
-webkit-transition: none;
transition: none;
-webkit-transform: none;
transform: none;
}
.no-csstransforms #side-slideout-right-wrap, .ie-mobile #side-slideout-right-wrap {
left: auto;
right: 0;
}
.side-slideout-open .sf-side-slideout {
visibility: visible;
}
.no-csstransforms .side-slideout-open .sf-side-slideout, .ie-mobile .side-slideout-open .sf-side-slideout {
display: block;
visibility: visible;
-webkit-transition: none;
transition: none;
-webkit-transform: none;
transform: none;
}
body.side-slideout-open, .side-slideout-open #container {
overflow: hidden!important;
}
.side-slideout-open.browser-ie10 #container {
z-index:95;
}
.side-slideout-open .sf-side-slideout > .vertical-menu {
overflow-x: hidden;
overflow-y: auto;
padding-bottom: 100px;
}
.sf-side-slideout .no-menu {
line-height: 160%;
}
.side-slideout-open #container::after, .mobile-menu-open #container::after, .mobile-cart-open #container::after {
width: 100%;
height: 100%;
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.side-slideout-left-open #container {
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
-webkit-transition: all 0.5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-transition: all 0.5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-transition: all 0.5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
-ms-transition: all 0.5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
transition: all 0.5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.side-slideout-right-open #container {
-webkit-transform: translate3d(-300px, 0, 0);
transform: translate3d(-300px, 0, 0);
-webkit-transition: all 0.5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-transition: all 0.5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-transition: all 0.5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
-ms-transition: all 0.5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
transition: all 0.5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.side-slideout-closing #container {
opacity: 1;
-webkit-transition: all 0.4s cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-transition: all 0.4s cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-transition: all 0.4s cubic-bezier(0.165, 0.840, 0.440, 1.000);
-ms-transition: all 0.4s cubic-bezier(0.165, 0.840, 0.440, 1.000);
transition: all 0.4s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.sf-side-slideout nav {
padding: 0 30px;
}
.has-wpadminbar .sf-side-slideout {
padding-top: 32px;
}
.sf-side-slideout > .vertical-menu {
height: 100%;
}
.sf-side-slideout .vertical-menu nav .menu li.menu-item {
border-top: 2px solid rgba(255,255,255,0.2);
text-align: left;
}
.sf-side-slideout .vertical-menu nav .menu > li.menu-item:first-child {
border-top: 0;
}
.sf-side-slideout .vertical-menu nav .menu ul.sub-menu > li.parent:after {
display: none;
}
.sf-side-slideout .vertical-menu nav .menu li.parent > a {
position: relative;
}
.sf-side-slideout .vertical-menu nav .menu li.parent > a:before {
content: "\e60d";
font-family: 'atelier';
position: absolute;
top: 50%;
right: 0;
height: 16px;
line-height: 16px;
font-size: 18px;
opacity: 0.6;
margin-top: -8px;
}
.sf-side-slideout .vertical-menu nav .menu li.parent.sub-menu-open > a:before {
content: "\e60c";
}
.sf-side-slideout .vertical-menu nav .menu li.menu-item > a {
text-align: left;
padding: 20px 0!important;
display: block;
}
.sf-side-slideout .vertical-menu nav .menu li > ul.sub-menu {
display: none;
left: 0!important;
opacity: 1!important;
position: relative;
background: transparent;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
margin-bottom: 0;
width: 100%!important;
border: 0!important;
}
.sf-side-slideout .vertical-menu nav .menu li > ul.sub-menu > li ul {
padding: 0;
}
.sf-side-slideout .vertical-menu nav .menu > li ul > li.menu-item a {
padding-left: 15px!important;
}
.sf-side-slideout .vertical-menu nav .menu > li ul > li > ul > li.menu-item a {
padding-left: 30px!important;
}
.sf-side-slideout .vertical-menu nav .menu > li ul > li > ul > li > ul > li.menu-item a {
padding-left: 45px!important;
}
.sf-side-slideout .vertical-menu nav .menu > li ul.sub-menu > li {
width: 100%!important;
float: none;
border-left: 0;
}
.sf-side-slideout .vertical-menu nav .menu > li ul.sub-menu > li:first-child {
border-top-width: 2px;
}
.sf-side-slideout .vertical-menu nav .menu > li ul.sub-menu > li > a {
padding: 10px 0;
font-size: 16px;
margin: 0;
font-weight: normal;
text-transform: none;
}
.sf-side-slideout .vertical-menu li.sf-menu-item-html {
display: none;
}
.slideout-sidebar {
padding: 0 30px;
overflow-y: scroll;
height: 100%;
}
/* --------------------------------------------
FULLSCREEN SEARCH
-------------------------------------------- */
.fs-search-open .float-menu .menu-search .fs-header-search-link i.ss-search {
font-size: 24px!important;
width: 20px;
display: inline-block;
vertical-align: -2px!important;
}
#fullscreen-search {
background: rgba(230, 80, 55, 0.9);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
opacity: 0;
visibility: hidden;
overflow: scroll;
-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
transition: opacity 0.5s, visibility 0s 0.5s;
}
#fullscreen-search::-webkit-scrollbar {
display: none;
}
.fs-search-open #fullscreen-search {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
#fullscreen-search .fs-overlay-close {
position: absolute;
top: 40px;
right: 40px;
font-size: 40px;
-webkit-transform: scale(0);
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition-delay: 0.2s;
display: none!important;
}
.has-wpadminbar #fullscreen-search .fs-overlay-close {
top: 70px;
}
.fs-search-open #fullscreen-search .fs-overlay-close {
opacity: 0.8;
-webkit-transform: scale(1);
}
.fs-search-open #fullscreen-search .fs-overlay-close:hover {
opacity: 1;
}
.fs-aux-open #logo img {
display: none!important;
}
.fs-aux-open #logo img.standard {
display: inline-block!important;
}
#fullscreen-search .fs-overlay-close, #fullscreen-search .search-wrap .title, .fs-search-bar, .fs-search-bar input#fs-search-input, #fullscreen-search .search-result-pt h3 {
color: #fff;
}
.search-result-pt h3, .search-result-pt h6 {
text-transform: capitalize;
}
#fullscreen-search .container1 > div, #fullscreen-search .container2 > div, #fullscreen-search .container3 > div {
background-color: #fff;
}
#fullscreen-search .search-wrap {
width: 80%;
margin: 25% auto 10%;
max-width: 700px;
}
#fullscreen-search .search-wrap .title {
text-align: center;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 20px;
}
.fs-search-bar {
text-align: center;
margin-bottom: 30px;
}
.fs-search-bar .ss-search {
font-size: 30px;
line-height: 30px;
height: 30px;
display: inline-block;
vertical-align: -4px;
opacity: 0.6;
}
.fs-search-bar input#fs-search-input {
width: 600px!important;
max-width: 80%;
background: transparent;
border: 0;
font-size: 38px!important;
margin: 0;
padding: 0;
padding: 0 4px;
height: 72px;
line-height: 100%;
text-align: center;
}
#fullscreen-search .ajax-loading-wrap {
position: absolute;
width: 100%;
max-width: 700px;
padding-top: 100px;
}
#fullscreen-search .ajax-loading {
width: 50px;
height: 50px;
margin: 0 auto;
position: relative;
display: none;
}
#fullscreen-search .ajax-search-results {
border-top: 0;
}
#fullscreen-search .no-search-results {
background: #fff;
padding: 20px;
box-shadow: 1px 2px 4px rgba(0,0,0,0.1);
}
#fullscreen-search .no-search-results h5 {
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
}
#fullscreen-search .no-search-results p {
padding: 10px 0 0;
}
#fullscreen-search .search-result-pt {
margin-bottom: 60px;
}
#fullscreen-search .search-result-pt h3 {
margin-top: 0;
}
#fullscreen-search .search-result {
opacity: 0;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
transform: translateY(50px);
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
background: #fff;
box-shadow: 1px 2px 4px rgba(0,0,0,0.1);
margin-top: 20px;
border: 0;
padding: 0;
}
#fullscreen-search .search-result.has-img .search-item-img {
width: 125px;
height: auto;
margin-right: 10px;
}
#fullscreen-search .search-result.has-img .search-item-img a {
display: block;
}
#fullscreen-search .search-result.has-img .search-item-img a:hover {
opacity: 0.6;
}
#fullscreen-search .search-result .search-item-img img {
width: 125px;
height: auto;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
#fullscreen-search .search-result .search-item-content {
padding: 20px;
margin: 0;
}
#fullscreen-search .search-result h4 {
margin-top: 0;
margin-bottom: 10px;
}
#fullscreen-search .search-result time {
opacity: 0.8;
}
#fullscreen-search .search-result.has-img .search-item-content {
margin-left: 135px;
}
#fullscreen-search .search-result.load-in {
-webkit-animation: moveUp .4s ease-out forwards;
-moz-animation: moveUp .4s ease-out forwards;
animation: moveUp .4s ease-out forwards;
}
#fullscreen-search .ajax-search-results .all-results {
display: block;
width: 30%;
margin: 0 auto;
text-align: center;
background: #fff;
font-weight: bold;
padding: 18px;
}
/*body.fs-search-open {
overflow: hidden;
}*/
.fs-search-open .fs-header-search-link > i:before {
content: "\e606";
font-family: "atelier";
}
.fs-search-open .aux-item {
opacity: 0;
pointer-events: none;
}
.fs-search-open .aux-item.aux-search {
opacity: 1;
pointer-events: auto;
border-color: transparent!important;
}
/* --------------------------------------------
FULLSCREEN SUPERSEARCH
-------------------------------------------- */
#fullscreen-supersearch {
background: rgba(0, 0, 0, 0.9);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
opacity: 0;
visibility: hidden;
overflow: scroll;
-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
transition: opacity 0.5s, visibility 0s 0.5s;
}
.fs-supersearch-open #fullscreen-supersearch {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
#fullscreen-supersearch .fs-overlay-close {
position: absolute;
top: 40px;
right: 40px;
font-size: 40px;
-webkit-transform: scale(0);
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition-delay: 0.2s;
display: none!important;
}
.has-wpadminbar #fullscreen-supersearch .fs-overlay-close {
top: 70px;
}
.fs-supersearch-open #fullscreen-supersearch .fs-overlay-close {
opacity: 0.8;
-webkit-transform: scale(1);
}
.fs-search-open #fullscreen-supersearch .fs-overlay-close:hover {
opacity: 1;
}
a.fs-supersearch-link span {
display: none;
}
a.fs-supersearch-link {
font-size: 24px;
height: 28px;
line-height: 28px;
display: inline-block;
vertical-align: middle;
position: relative;
}
a.fs-supersearch-link > i {
display: inline-block;
height: 30px;
vertical-align: -2px;
}
#fullscreen-supersearch .supersearch-wrap {
width: 80%;
margin: 20% auto 10%;
}
#fullscreen-supersearch .sf-super-search {
background: transparent;
}
#fullscreen-supersearch .sf-super-search .search-options {
width: 100%;
margin-bottom: 50px;
text-align: center;
}
#fullscreen-supersearch .sf-super-search .search-options > span, #fullscreen-supersearch .sf-super-search .search-options .ss-dropdown > span {
font-size: 36px;
line-height: 60px;
}
#fullscreen-supersearch .sf-super-search .search-options > input[type="text"] {
font-size: 36px!important;
height: 50px;
}
#fullscreen-supersearch .sf-super-search .search-options .ss-dropdown {
margin: 0 8px;
}
#fullscreen-supersearch .sf-super-search .search-go {
width: 100%;
text-align: center;
}
#fullscreen-supersearch .sf-super-search .search-go a.sf-button {
margin-right: 0!important;
font-size: 14px;
}
.fs-supersearch-open .fs-supersearch-link > i:before {
content: "\e606";
font-family: "atelier";
}
.fs-supersearch-open .aux-item {
opacity: 0;
pointer-events: none;
}
.fs-supersearch-open .aux-item.aux-supersearch {
opacity: 1;
pointer-events: auto;
border-color: transparent!important;
}
/* --------------------------------------------
CONTACT MENU
-------------------------------------------- */
a.contact-menu-link {
font-size: 24px;
height: 24px;
line-height: 24px;
display: inline-block;
vertical-align: middle;
position: relative;
}
a.contact-menu-link > i {
display: inline-block;
height: 24px;
}
.contact-menu-link.slide-open > i:before {
content: "\e606";
font-family: "atelier";
}
#contact-slideout {
display: none;
}
#contact-slideout > .container {
padding-top: 45px;
padding-bottom: 45px;
}
#contact-slideout > .container > .row:last-child > div {
margin-bottom: 0;
}
/* --------------------------------------------
AJAX SEARCH
-------------------------------------------- */
.ajax-search-wrap {
position: absolute;
top: 100%;
right: 0;
border: 2px solid #e3e3e3;
width: 300px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
box-shadow: 0 1px 3px rgba(0,0,0,.1);
display: none;
}
.is-sticky .ajax-search-wrap {
margin-top: -2px;
}
.ajax-search-wrap form.ajax-search-form {
height: 75px;
}
#main-nav .ajax-search-wrap {
right: -1px;
}
.header-search-link-alt.search-open:after {
content: "\e60d";
font-family: 'atelier';
position: absolute;
bottom: 10%;
left: 50%;
margin-left: -6px;
height: 15px;
line-height: 15px;
font-size: 12px;
}
.ajax-search-wrap input[type="text"] {
border: 0;
background: transparent;
padding: 24px 30px;
width: 100%;
margin: 0;
height: 75px;
line-height: 20px;
vertical-align: top;
}
#main-nav .ajax-search-wrap input[type="text"] {
padding: 12px 20px;
}
.ajax-search-wrap .ajax-loading {
background: transparent url('/wp-content/themes/atelier/images/loader.gif') no-repeat center center;
background-size: 75%;
width: 18px;
height: 18px;
position: absolute;
right: 30px;
top: 28px;
display: none;
}
.ajax-search-results {
border-top: 2px solid #e3e3e3;
display: none;
text-align: left;
}
.search-result-pt h6, .no-search-results h6 {
margin-bottom: 0;
padding-left: 20px;
margin-top: 18px;
letter-spacing: normal;
}
.search-result-pt .search-result {
padding: 14px 0;
height: auto;
overflow: hidden;
}
.search-result-pt .search-result:nth-of-type(1) {
padding-top: 12px;
}
.search-result .search-item-img, .search-result .search-item-img img, .search-result .search-item-img .img-holder {
height: 35px;
width: 35px;
}
.search-result .search-item-img .img-holder i {
padding: 8px 6px;
font-size: 18px;
height: 35px;
display: block;
line-height: 22px;
text-align: center;
}
.search-result {
position: relative;
}
.search-result .search-result-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
}
.search-result .search-item-content {
margin-left: 0;
position: relative;
z-index: 2;
}
.search-result.has-img .search-item-content {
margin-left: 46px;
}
.search-result h5 {
margin-bottom: 6px;
margin-top: 0;
max-width: 100%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.search-result time {
line-height: 20px;
font-size: 13px;
opacity: 0.6;
margin-bottom: 0!important;
}
.no-search-results p {
padding: 10px 20px 18px;
margin-bottom: 0;
}
.ajax-search-results .all-results {
display: block;
margin-top: 40px;
margin-bottom: 0;
text-align: center;
text-transform: uppercase;
}
.menu-search .ajax-search-results {
margin: 0 30px;
padding: 20px 0 30px;
line-height: 100%;
}
/* --------------------------------------------
MEGA MENU
-------------------------------------------- */
nav.std-menu ul.menu > li.menu-item.sf-mega-menu {
position: inherit;
}
li.menu-item.sf-mega-menu > ul.sub-menu {
position: absolute;
top: 100%;
left: 0;
width: 1170px;
margin: 0;
max-width: 100%;
letter-spacing: normal;
}
.full-center li.menu-item.sf-mega-menu > ul.sub-menu {
width: 100%;
}
li.menu-item.sf-mega-menu.sf-mega-menu-fw > ul.sub-menu {
max-width: 100%;
}
.float-menu li.menu-item.sf-mega-menu > ul.sub-menu {
left: 15px;
}
.full-center .float-menu li.menu-item.sf-mega-menu > ul.sub-menu {
left: 0;
}
li.menu-item.sf-mega-menu > ul.sub-menu > li {
position: relative;
width: 100%;
float: left;
border-top: 0;
border-left: 1px solid #e4e4e4;
border-top: 1px solid #e3e3e3;
}
li.menu-item.sf-mega-menu > ul.sub-menu > li:first-child {
border-left: 0;
}
li.menu-item.sf-mega-menu > ul.sub-menu > div > li {
border-top: 0;
padding: 40px 0;
}
li.menu-item.sf-mega-menu > ul.sub-menu > div > li.no-column-spacing {
padding: 0;
}
li.menu-item.sf-mega-menu[data-megamenucols="2"].sf-mega-menu-natural-width > ul.sub-menu {
width: 500px;
max-width: none;
}
li.menu-item.sf-mega-menu[data-megamenucols="3"].sf-mega-menu-natural-width > ul.sub-menu {
width: 600px;
max-width: none;
}
li.menu-item.sf-mega-menu[data-megamenucols="4"].sf-mega-menu-natural-width > ul.sub-menu {
width: 700px;
max-width: none;
}
li.menu-item.sf-mega-menu[data-megamenucols="5"].sf-mega-menu-natural-width > ul.sub-menu {
width: 700px;
max-width: none;
}
li.menu-item.sf-mega-menu[data-megamenucols="6"].sf-mega-menu-natural-width > ul.sub-menu {
width: 700px;
max-width: none;
}
li.menu-item.sf-mega-menu[data-megamenucols="2"] > ul.sub-menu > li, li.menu-item.sf-mega-menu[data-megamenucols="2"] > ul.sub-menu > div > li {
width: 50%;
float: left;
}
li.menu-item.sf-mega-menu[data-megamenucols="3"] > ul.sub-menu > li, li.menu-item.sf-mega-menu[data-megamenucols="3"] > ul.sub-menu > div > li {
width: 33.33333%;
float: left;
}
li.menu-item.sf-mega-menu[data-megamenucols="4"] > ul.sub-menu > li, li.menu-item.sf-mega-menu[data-megamenucols="4"] > ul.sub-menu > div > li {
width: 25%;
float: left;
}
li.menu-item.sf-mega-menu[data-megamenucols="5"] > ul.sub-menu > li, li.menu-item.sf-mega-menu[data-megamenucols="5"] > ul.sub-menu > div > li {
width: 20%;
float: left;
}
li.menu-item.sf-mega-menu[data-megamenucols="6"] > ul.sub-menu > li, li.menu-item.sf-mega-menu[data-megamenucols="6"] > ul.sub-menu > div > li {
width: 16.66666%;
float: left;
}
li.menu-item.sf-mega-menu > ul.sub-menu > li ul, li.menu-item.sf-mega-menu > ul.sub-menu > div > li ul {
position: relative!important;
top: 0px!important;
left: 0;
display: block!important;
opacity: 1!important;
width: 100%;
-moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
max-width: none;
padding: 0 20px;
}
li.menu-item.sf-mega-menu.sf-mega-menu-alt.no-headings ul.sub-menu > li ul > li:first-child, li.menu-item.sf-mega-menu > ul.sub-menu li, li.menu-item.sf-mega-menu ul.sub-menu > li ul > li:first-child {
border-top-width: 0;
}
li.menu-item.sf-mega-menu ul.sub-menu > li ul > li.menu-item {
width: 100%;
float: none;
}
li.menu-item.sf-mega-menu ul.sub-menu li.menu-item > a {
float: none;
display: block;
text-align: left;
}
li.menu-item.sf-mega-menu ul.sub-menu > div > li.menu-item > a {
padding: 10px 35px;
}
li.menu-item.sf-mega-menu > ul.sub-menu > li.menu-item > a, li.menu-item.sf-mega-menu > ul.sub-menu > li.menu-item > span.title {
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
margin: 20px 20px 0;
display: block;
padding: 10px 15px;
}
li.menu-item.sf-mega-menu.no-headings > ul.sub-menu > li.menu-item > a, li.menu-item.sf-mega-menu.no-headings > ul.sub-menu > li.menu-item > span.title, li.menu-item.sf-mega-menu.no-headings > ul.sub-menu > div > li.menu-item > a, li.menu-item.sf-mega-menu.no-headings > ul.sub-menu > div > li.menu-item > span.title {
display: none;
}
li.menu-item.sf-mega-menu > ul.sub-menu > li ul {
padding: 0 20px 20px;
}
li.menu-item.sf-mega-menu.no-headings > ul.sub-menu > li ul {
padding: 20px;
}
li.menu-item.sf-mega-menu.no-column-spacing > ul.sub-menu > li ul {
padding: 0!important;
}
li.menu-item.sf-mega-menu.sf-mega-menu-alt ul.sub-menu > li ul > li:first-child, li.menu-item.sf-mega-menu.sf-mega-menu-alt ul.sub-menu > li ul > li:first-child, li.menu-item.sf-mega-menu.sf-mega-menu-alt > ul.sub-menu li.menu-item {
border-top-width: 1px;
}
li.menu-item.sf-mega-menu.no-headings > ul.sub-menu > div > li.menu-item > ul.sub-menu > li.menu-item:first-child {
border-top: 0;
}
nav.std-menu ul.menu > li.menu-item.sf-mega-menu-natural-width {
position: relative;
}
li.menu-item.sf-mega-menu.sf-mega-menu-natural-width > ul.sub-menu {
left: auto;
margin: 0;
min-width: 0;
}
li.menu-item.sf-mega-menu.sf-mega-menu-natural-width > ul.sub-menu > .container {
width: auto;
max-width: 100%;
}
/*
.header-4 li.menu-item.sf-mega-menu.sf-mega-menu-natural-width > ul.sub-menu {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
margin-left: 90px;
}
*/
li.sf-menu-item-html {
padding: 20px!important;
}
li.sf-menu-item-html.no-column-spacing {
padding: 0!important;
}
li.sf-menu-item-html .mega-menu-widget > .row {
margin: 0;
}
.mega-menu-widget .product {
margin-bottom: 0!important;
}
/* --------------------------------------------
STICKY HEADER
-------------------------------------------- */
#header.sticky-header {
-webkit-transform: translateZ(0) translateY(0);
-moz-transform: translateZ(0) translateY(0);
transform: translateZ(0) translateY(0);
transition: transform 0.5s ease-in-out, transform 0.5s ease-in-out, background 0.5s ease-in-out;
-moz-transition: height 0.5s ease-in-out, -moz-transform 0.5s ease-in-out, background 0.5s ease-in-out;
-webkit-transition: height 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out, background 0.5s ease-in-out;
-o-transition: height 0.5s ease-in-out, -o-transform 0.5s ease-in-out, background 0.5s ease-in-out;
}
#header.sticky-header.sticky-header-hide {
-webkit-transform: translateZ(0) translateY(-100%);
-moz-transform: translateZ(0) translateY(-100%);
transform: translateZ(0) translateY(-100%);
}
#main-nav.sticky-header {
width: 100%;
}
.header-3 .is-sticky .sticky-header, .header-4 .is-sticky .sticky-header, .header-7 .is-sticky .sticky-header, .header-8 .is-sticky .sticky-header {
width: 100%;
}
.layout-fullwidth .header-3 .is-sticky .sticky-header, .layout-fullwidth .header-4 .is-sticky .sticky-header, .layout-fullwidth .header-7 .is-sticky .sticky-header, .layout-fullwidth .header-8 .is-sticky .sticky-header {
max-width: 100%!important;
}
.header-7 .sticky-header, .header-8 .sticky-header {
transition: padding 0.5s ease-in-out;
-moz-transition: padding 0.5s ease-in-out;
-webkit-transition: padding 0.5s ease-in-out;
-o-transition: padding 0.5s ease-in-out;
}
#main-nav-sticky-wrapper {
height: 45px;
}
.full-center #main-navigation ul.menu > li > a, .full-center .header-right ul.menu > li > a, .full-center nav.float-alt-menu ul.menu > li > a, .full-center #logo h1, .full-center .header-right div.text {
transition: height 0.3s ease-in-out, line-height 0.3s ease-in-out;
-moz-transition: height 0.3s ease-in-out, line-height 0.3s ease-in-out;
-webkit-transition: height 0.3s ease-in-out, line-height 0.3s ease-in-out;
-o-transition: height 0.3s ease-in-out, line-height 0.3s ease-in-out;
}
/* --------------------------------------------
NAKED HEADER
-------------------------------------------- */
body[class*="header-naked"] #top-bar {
display: none!important;
}
body[class*="header-naked"] #sf-header-banner {
display: none!important;
}
body[class*="header-naked"] #header-section #header {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.header-wrap[class*="page-header-naked"] {
position: absolute;
top: 0;
width: 100%;
background: transparent;
border-bottom: 0;
}
.header-wrap[class*="page-header-naked"] .header-wrap {
background: transparent;
width: 100%;
position: absolute;
top: 40px;
z-index: 7;
}
.header-wrap[class*="page-header-naked"] #header-section #header, .header-wrap[class*="page-header-naked"] #header-section.header-5 #header {
background: transparent;
}
.header-wrap[class*="page-header-naked"] .sticky-header, .full-center[class*="page-header-naked"] #header {
background-color: transparent;
transition: background 0.5s ease-in-out, border-color 0.5s ease-in-out, height 0.3s ease-in-out, transform 0.5s ease-in-out;
-moz-transition: background 0.5s ease-in-out, border-color 0.5s ease-in-out, height 0.3s ease-in-out, transform 0.5s ease-in-out;
-webkit-transition: background 0.5s ease-in-out, border-color 0.5s ease-in-out, height 0.3s ease-in-out, transform 0.5s ease-in-out;
-o-transition: background 0.5s ease-in-out, border-color 0.5s ease-in-out, height 0.3s ease-in-out, transform 0.5s ease-in-out;
}
.header-wrap[class*="page-header-naked"] .header-6 #header {
background-color: transparent;
}
.header-wrap[class*="page-header-naked"], .header-wrap[class*="page-header-naked"] #header-section:before, .header-wrap[class*="page-header-naked"] #header .is-sticky .sticky-header, .header-wrap[class*="page-header-naked"] #header-section #header, .header-wrap[class*="page-header-naked"] .header-6 {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.header-wrap[class*="page-header-naked"] .sticky-wrapper:not(.is-sticky) .header-right .aux-item, .header-wrap[class*="page-header-naked"] .sticky-wrapper:not(.is-sticky) .header-left .aux-item, .header-wrap[class*="page-header-naked"] .header-6 .aux-item {
border-color: transparent!important;
}
.header-wrap[class*="page-header-naked"] #header-section #main-nav {
background: transparent;
border-color: transparent;
}
.header-wrap[class*="page-header-naked"] #header-section #main-nav ul.menu > li, .header-wrap[class*="page-header-naked"] #header-section nav#main-navigation ul.menu > li, .header-wrap[class*="page-header-naked"] #header nav.float-alt-menu ul.menu > li {
border-color: transparent;
}
.header-wrap[class*="page-header-naked"] .sticky-wrapper:not(.is-sticky) nav .menu > li.menu-item > a, .header-wrap[class*="page-header-naked"] .sticky-wrapper:not(.is-sticky) nav.float-alt-menu ul.menu > li > a, .header-wrap[class*="page-header-naked"] #header nav .menu > li:hover > a, .header-wrap[class*="page-header-naked"] .menu-right nav .menu > li:hover > a {
background: transparent;
}
.header-wrap[class*="page-header-naked"] #header .is-sticky .sticky-header.sticky-header-resized {
-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05);
-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05);
box-shadow: 0 3px 5px rgba(0,0,0,.05);
}
.header-wrap[class*="page-header-naked"] .header-5 .sticky-header {
max-width: 1140px;
}
.page-header-naked-light .sticky-wrapper:not(.is-sticky) #logo.has-light-logo img, .page-header-naked-light .header-2 #logo.has-light-logo img, .page-header-naked-light .header-6 #logo.has-light-logo img, .sticky-header-disabled .page-header-naked-light #logo.has-light-logo img {
display: none;
}
.page-header-naked-light .sticky-wrapper:not(.is-sticky) #logo.has-light-logo img.light-logo, .page-header-naked-light .header-2 #logo.has-light-logo img.light-logo, .page-header-naked-light .header-6 #logo.has-light-logo img.light-logo, .sticky-header-disabled .page-header-naked-light #logo.has-light-logo img.light-logo {
display: inline-block;
}
.page-header-naked-dark .sticky-wrapper:not(.is-sticky) #logo.has-dark-logo img, .page-header-naked-dark .header-2 #logo.has-dark-logo img, .page-header-naked-dark .header-6 #logo.has-dark-logo img, .sticky-header-disabled .page-header-naked-dark #logo.has-dark-logo img {
display: none;
}
.page-header-naked-dark .sticky-wrapper:not(.is-sticky) #logo.has-dark-logo img.dark-logo, .page-header-naked-dark .header-2 #logo.has-dark-logo img.dark-logo, .page-header-naked-dark .header-6 #logo.has-dark-logo img.dark-logo, .sticky-header-disabled .page-header-naked-dark #logo.has-dark-logo img.dark-logo {
display: inline-block;
}
.page-header-naked-light:not(.full-header-stick) .header-left, .page-header-naked-light:not(.full-header-stick) .header-left ul.menu > li.parent > a, .page-header-naked-light:not(.full-header-stick) .header-right, .page-header-naked-light:not(.full-header-stick) .header-right ul.menu > li.parent > a, .page-header-naked-light:not(.full-header-stick) #logo h1, .sticky-header-disabled .page-header-naked-light.full-header-stick .header-left, .sticky-header-disabled .page-header-naked-light.full-header-stick .header-left ul.menu > li.parent > a, .sticky-header-disabled .page-header-naked-light.full-header-stick .header-right, .sticky-header-disabled .page-header-naked-light.full-header-stick .header-right ul.menu > li.parent > a, .sticky-header-disabled .page-header-naked-light.full-header-stick #header .header-right ul.menu > li > a.header-search-link, .sticky-header-disabled .page-header-naked-light.full-header-stick #logo h1 {
color: #fff;
}
.page-header-naked-light .sticky-wrapper:not(.is-sticky) #logo h1, .page-header-naked-light .sticky-wrapper:not(.is-sticky) #main-nav ul.menu > li > a, .page-header-naked-light .sticky-wrapper:not(.is-sticky) nav .menu > li.menu-item > a, .page-header-naked-light .sticky-wrapper:not(.is-sticky) nav.std-menu .menu > li > a, .page-header-naked-light .sticky-wrapper:not(.is-sticky) .header-left, .page-header-naked-light .sticky-wrapper:not(.is-sticky) .header-left ul.menu > li > a, .page-header-naked-light .sticky-wrapper:not(.is-sticky) .header-right, .page-header-naked-light .sticky-wrapper:not(.is-sticky) .header-right ul.menu > li > a, .page-header-naked-light .sticky-wrapper:not(.is-sticky) .shopping-bag-item a > span.num-items, .page-header-naked-light .sticky-wrapper:not(.is-sticky) #header .aux-item ul.menu > li > a.header-search-link, .page-header-naked-light .header-6 #header .aux-item ul.menu > li > a.header-search-link, .page-header-naked-light .header-6 .shopping-bag-item a > span.num-items, .page-header-naked-light .sticky-wrapper:not(.is-sticky) .fs-supersearch-link, .page-header-naked-light.full-header-stick .sticky-wrapper:not(.is-sticky) .aux-item a.contact-menu-link, .page-header-naked-light.full-header-stick .sticky-wrapper:not(.is-sticky) .aux-item ul.social-icons > li > a, .sticky-header-disabled .page-header-naked-light.full-header-stick #main-nav ul.menu > li > a, .sticky-header-disabled .page-header-naked-light.full-header-stick nav .menu > li.menu-item > a, .sticky-header-disabled .page-header-naked-light a.contact-menu-link {
color: #fff;
}
.page-header-naked-light .sticky-wrapper:not(.is-sticky) a.menu-bars-link span, .page-header-naked-light .sticky-wrapper:not(.is-sticky) a.menu-bars-link span:before, .page-header-naked-light .sticky-wrapper:not(.is-sticky) a.menu-bars-link span:after, .page-header-naked-light .header-6 a.menu-bars-link span, .page-header-naked-light .header-6 a.menu-bars-link span:before, .page-header-naked-light .header-6 a.menu-bars-link span:after, .sticky-header-disabled .page-header-naked-light a.menu-bars-link span, .sticky-header-disabled .page-header-naked-light a.menu-bars-link span:before, .sticky-header-disabled .page-header-naked-light a.menu-bars-link span:after {
background: #fff;
}
.page-header-naked-light .sticky-wrapper:not(.is-sticky) .shopping-bag-item a > span.num-items:after, .page-header-naked-light .header-6 .shopping-bag-item a > span.num-items:after {
border-color: #fff;
}
.page-header-naked-dark:not(.full-header-stick) .header-left, .page-header-naked-dark:not(.full-header-stick) .header-left ul.menu > li.parent > a, .page-header-naked-dark:not(.full-header-stick) .header-right, .page-header-naked-dark:not(.full-header-stick) .header-right ul.menu > li.parent > a, .page-header-naked-dark:not(.full-header-stick) #logo h1, .page-header-naked-dark .sticky-wrapper:not(.is-sticky) #main-nav ul.menu > li > a, .page-header-naked-dark .sticky-wrapper:not(.is-sticky) nav .menu > li.menu-item > a, .page-header-naked-dark .sticky-wrapper:not(.is-sticky) nav.std-menu .menu > li > a, .page-header-naked-dark .sticky-wrapper:not(.is-sticky) .header-left, .page-header-naked-dark .sticky-wrapper:not(.is-sticky) .header-left ul.menu > li > a, .page-header-naked-dark .sticky-wrapper:not(.is-sticky) .header-right, .page-header-naked-dark .sticky-wrapper:not(.is-sticky) .header-right ul.menu > li > a, .page-header-naked-dark .sticky-wrapper:not(.is-sticky) .shopping-bag-item a > span.num-items, .page-header-naked-dark .sticky-wrapper:not(.is-sticky) #header .aux-item ul.menu > li, .page-header-naked-dark .header-6 #header .aux-item ul.menu > li > a.header-search-link, .page-header-naked-dark .header-6 .shopping-bag-item a > span.num-items, .page-header-naked-dark .sticky-wrapper:not(.is-sticky) .fs-supersearch-link, .page-header-naked-dark.full-header-stick .sticky-wrapper:not(.is-sticky) .aux-item a.contact-menu-link, .page-header-naked-dark.full-header-stick .sticky-wrapper:not(.is-sticky) .aux-item ul.social-icons > li > a, .sticky-header-disabled .page-header-naked-dark.full-header-stick .header-left, .sticky-header-disabled .page-header-naked-dark.full-header-stick .header-left ul.menu > li.parent > a, .sticky-header-disabled .page-header-naked-dark.full-header-stick .header-right, .sticky-header-disabled .page-header-naked-dark.full-header-stick .header-right ul.menu > li.parent > a, .sticky-header-disabled .page-header-naked-dark.full-header-stick #logo h1 {
color: #222;
}
.page-header-naked-dark .sticky-wrapper:not(.is-sticky) a.menu-bars-link span, .page-header-naked-dark .sticky-wrapper:not(.is-sticky) a.menu-bars-link span:before, .page-header-naked-dark .sticky-wrapper:not(.is-sticky) a.menu-bars-link span:after, .page-header-naked-dark .header-6 a.menu-bars-link span, .page-header-naked-dark .header-6 a.menu-bars-link span:before, .page-header-naked-dark .header-6 a.menu-bars-link span:after, .sticky-header-disabled .page-header-naked-dark a.menu-bars-link span, .sticky-header-disabled .page-header-naked-dark a.menu-bars-link span:before, .sticky-header-disabled .page-header-naked-dark a.menu-bars-link span:after {
background: #222;
}
.page-header-naked-dark .sticky-wrapper:not(.is-sticky) .shopping-bag-item a > span.num-items:after, .page-header-naked-dark .header-6 .shopping-bag-item a > span.num-item:after, .sticky-header-disabled .page-header-naked-dark.full-header-stick .shopping-bag-item a > span.num-items:after {
border-color: #222;
}
body[class*="header-naked"] .inner-page-wrap:not(.has-one-sidebar) {
margin-top: 0;
}
.logo-alt-version #logo img {
display: none;
}
.logo-alt-version #logo img.alt-logo {
display: inline-block;
}
.header-6 .fw-header > .container {
width: 100%;
}
/* --------------------------------------------
GLOBAL HEADER BANNER
-------------------------------------------- */
#sf-header-banner {
padding: 15px 0;
position: relative;
z-index: 100;
}
#sf-banner-widgets .widget {
padding-bottom: 0;
padding-top: 25px;
}
#sf-banner-widgets .widget .textwidget {
margin-top: 0;
}
#sf-header-banner.banner-fw-header .widget {
text-align: center;
}
#sf-banner-widgets .widget:first-child {
padding-top: 0;
}
.header-standard-overlay #sf-header-banner {
display: none;
}
/* #Widgets
================================================== */
.widget {
padding-bottom: 35px;
}
.widget ul {
margin: 0;
list-style: none;
}
.widget ul li {
margin-bottom: 0;
line-height: 150%;
}
.widget_recent_comments ul li {
padding: 10px 0;
}
.widget ul li > a {
padding: 10px 0;
display: block;
}
.widget.widget_categories ul li > a {
padding: 9px 0;
}
.widget.widget_recent_entries ul li:first-child, .widget.widget_recent_comments ul li:first-child, .widget.widget_categories ul li:first-child {
margin-top: -10px;
}
.widget .textwidget {
margin-top: -4px;
}
.widget .textwidget .container {
max-width: 100%;
}
.widget a {
text-decoration: none;
}
.widget a:hover {
text-decoration: underline;
}
.widget_archive ul > li, .widget_nav_menu ul > li, .widget_categories ul li, .widget_recent_comments ul > li, .widget_meta ul > li, .widget_recent_entries ul > li, .widget_product_categories ul > li, .widget_layered_nav ul li, .widget_edd_categories_tags_widget ul li, .widget_display_replies ul li, .widget_display_forums ul li, .widget_display_topics ul li {
border-top: 2px solid transparent;
}
.widget_archive ul > li:first-child, .widget_nav_menu ul > li:first-child, .widget_categories > ul > li:first-child, .widget_recent_comments ul > li:first-child, .widget_meta ul > li:first-child, .widget_recent_entries ul > li:first-child, .widget_product_categories ul > li:first-child, .widget_layered_nav ul li:first-child, .widget_edd_categories_tags_widget ul li:first-child, .widget_display_replies ul li:first-child, .widget_display_forums ul li:first-child, .widget_display_topics ul li:first-child {
border-top: 0;
}
.widget_archive ul > li a:hover, .widget_nav_menu ul > li a:hover, .widget_categories ul > li a:hover, .widget_meta ul > li a:hover, .widget_recent_entries ul > li a:hover, .widget_product_categories ul > li a:hover, .widget_layered_nav ul > li a:hover, .widget_display_replies ul > li a:hover, .widget_display_forums ul > li a:hover, .widget_display_topics ul > li a:hover {
text-decoration: none;
}
.widget_categories .title-wrap.widget-heading {
margin-bottom: 30px;
}
.widget_categories li a > span {
margin-left: 3px;
font-size: 12px;
padding: 1px 0;
color: #777;
display: inline-block;
position: relative;
top: -4px;
float: none;
opacity: 0;
transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
}
.widget_categories li a > span.show-count {
opacity: 1;
}
.widget_categories ul ul > li > a {
padding-left: 10px;
}
.widget_categories ul ul ul > li > a {
padding-left: 20px;
}
.widget_product_categories ul.children {
padding-left: 10px;
border-top: 2px solid #e4e4e4;
padding-top: 2px;
}
.widget_nav_menu ul.sub-menu {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0; /* border radius */
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.widget_nav_menu ul.sub-menu li {
padding-left: 15px;
}
.wp-tag-cloud {
margin: 0;
padding: 0;
list-style: none;
height: auto;
overflow: hidden;
}
ul.wp-tag-cloud li {
float: left;
margin-bottom: 8px;
position: relative;
padding-left: 14px;
overflow: hidden;
}
ul.wp-tag-cloud li:before {
content: '';
width: 22px;
height: 22px;
position: absolute;
left: 3px;
top: 5px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
border-left: 2px solid #e3e3e3;
border-bottom: 2px solid #e3e3e3;
-webkit-border-radius: 0 0 0 0.25em;
-moz-border-radius: 0 0 0 0.25em;
border-radius: 0 0 0 0.25em;
z-index: 1;
transition: none;
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
}
ul.wp-tag-cloud li:after {
content: "";
position: absolute;
z-index: 3;
top: 12px;
left: 15px;
float: left;
width: 7px;
height: 7px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background: #fff;
border: 2px solid #e3e3e3;
transition: none;
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
}
ul.wp-tag-cloud li > a {
margin-right: 12px;
padding: 4px 12px 4px 18px;
text-decoration: none;
moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
border: 2px solid #e4e4e4;
border-left: 0;
font-size: 13px!important;
background-size: 100% 100%;
background-position: center center;
float: left;
position: relative;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
z-index: 2;
transition: none;
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
height: 32px;
max-height: 32px;
line-height: 20px;
}
ul.wp-tag-cloud li > a:hover {
border-color: transparent;
}
.widget-video .video-widget-wrap {
padding-top: 56.25%;
position: relative;
}
.widget-video iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.widget_search form {
position: relative;
margin-bottom: 0;
}
.widget_search .screen-reader-text {
display: none;
}
.widget_search form input {
margin: 0;
border: 2px solid #e3e3e3;
width: 100%;
height: 42px;
font-size: 14px;
line-height: 19px;
padding-left: 15px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.widget_search form input[type="submit"] {
visibility: hidden;
height: 0;
padding: 0;
}
.widget_search form:after {
content: "\e605";
font-family: 'atelier';
font-weight: normal;
font-style: normal;
display: inline-block;
text-decoration: inherit;
font-size: 18px;
padding-right: 15px;
position: absolute;
float: right;
top: 9px;
right: 0;
color: #333;
}
.widget h3.widget-title.with-dropdown {
width: 100%;
}
.widget h3.widget-title.with-dropdown .widget-dropdown {
top: 50%;
margin-top: -3px;
}
.item-link {
text-decoration: none;
}
.portfolio .item-link i {
margin-right: 10px;
vertical-align: -2px;
}
.spb_latest_tweets_widget {
padding: 25px 0;
}
.spb_latest_tweets_widget .twitter-bird {
font-size: 14px;
line-height: 26px;
float: left;
}
.spb_latest_tweets_widget ul {
margin-left: 25px;
}
.spb_latest_tweets_widget ul li {
margin-top: 15px;
}
.spb_latest_tweets_widget ul li:first-child {
margin-top: 0;
}
.spb_latest_tweets_widget .tweet-text {
line-height: 24px;
display: block;
}
.spb_latest_tweets_widget .tweet-text a {
font-weight: bold;
text-decoration: none;
}
.spb_latest_tweets_widget .twitter_intents {
display: block;
}
.spb_latest_tweets_widget .twitter_intents a {
margin-right: 5px;
}
.spb_latest_tweets_widget a.twitter-timestamp {
display: inline-block;
line-height: 24px;
margin-left: 10px;
font-size: 12px;
}
.spb_image figure {
max-width: 100%;
}
.spb_image.shadow figure {
-moz-box-shadow: 2px 2px 0 rgba(0,0,0,.25);
-webkit-box-shadow: 2px 2px 0 rgba(0,0,0,.25);
box-shadow: 2px 2px 0 rgba(0,0,0,.25);
}
.spb_image {
margin-bottom: 30px;
}
.spb_image img {
width: 100%;
height: auto;
display: block;
position: relative;
z-index: 2;
}
.spb_image .image-caption {
text-align: center;
margin: 15px 0 20px;
font-style: italic;
}
.widget.widget_lip_most_loved_widget li {
height: auto;
overflow: hidden;
margin-bottom: 15px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
height: 64px;
position: relative;
padding: 12px 18px;
border: 1px solid #e3e3e3;
}
.widget_lip_most_loved_widget .loved-item > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.widget_lip_most_loved_widget .loved-item > h5 {
line-height: 20px;
margin: 0 0 2px;
padding: 0;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 65%;
}
.widget_lip_most_loved_widget .loved-item > span {
font-size: 12px;
}
.loved-item > br {
display: none;
}
.loved-item .loved-count {
border-left: 1px solid #e4e4e4;
position: absolute;
right: 0;
top: 0;
height: 64px;
width: 70px;
display: block;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.loved-item .loved-count > i {
vertical-align: 0px;
font-size: 14px;
padding: 10px 9px 5px;
border-radius: 50%;
margin-top: 15px;
display: inline-block;
margin-left: -15px;
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.loved-item .loved-count > svg {
position: absolute;
width: 100%;
top: 50%;
margin-top: -13px;
margin-left: 2px;
}
.loved-item:hover .loved-count > svg .stroke, .loved-item:hover .loved-count > svg .fill {
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.loved-item .loved-count > span {
text-align: center;
position: absolute;
width: 90%;
display: block;
top: 19px;
left: 6px;
font-size: 12px;
}
.widget .recent-posts-list > li {
height: auto;
overflow: hidden;
margin-bottom: 0;
padding-bottom: 10px;
}
.recent-posts-list li .recent-post-image {
padding: 0;
float: left;
width: 90px;
height: auto;
min-height: 70px;
background: #222;
position: relative;
}
.recent-posts-list li .recent-post-image img {
display: block;
width: 100%;
height: auto;
}
.recent-posts-list li .recent-post-image i {
color: #fff;
width: 100%;
text-align: center;
font-size: 24px;
top: 50%;
position: absolute;
margin-top: -6px;
}
.recent-posts-list li.has-image .recent-post-details {
padding: 0 10px;
margin-left: 98px;
}
.recent-posts-list li .recent-post-title {
display: block;
margin-bottom: 5px;
white-space: nowrap;
text-overflow: ellipsis;
}
.recent-posts-list li .recent-post-details > span {
font-size: 12px;
font-style: italic;
}
.recent-posts-list li .recent-post-details .comments-likes {
float: none;
margin-top: 8px;
font-size: 12px!important;
}
.posts-type-standard-row .recent-post {
margin-bottom: 30px;
}
.posts-type-standard-row .recent-post figure {
margin-bottom: 0;
}
.recent-comments-list .comment .comment-wrap {
padding: 10px 0;
}
.recent-comments-list .comment:first-child .comment-wrap {
padding-top: 0;
}
.recent-comments-list .comment .comment-body {
margin-top: 5px;
}
.recent-comments-list .comment .comment-meta-actions a {
font-size: 12px;
text-transform: uppercase;
}
.recentcomments {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.flickr_images {
margin-right: -2px;
margin-bottom: 30px;
}
.widget.flickr-widget ul {
margin-right: -10px;
}
.widget.flickr-widget li {
height: 81px;
width: 81px;
padding: 0;
border: 0;
overflow: hidden;
float: left;
display: inline-block;
position: relative;
margin: 0 10px 10px 0;
background-image: url('/wp-content/themes/atelier/css/images/crease.svg');
background-size: 100% 100%;
background-position: center center;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px; /* border radius */
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box; /* prevents bg color from leaking outside the border */
}
.browser-ie .widget.flickr-widget li, .browser-ie10 .widget.flickr-widget li {
background-image: none;
}
.flickr-widget li img {
height: 81px;
width: auto;
min-height: 81px;
min-width: 81px;
display: block;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.flickr-widget li:hover img {
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}
.widget ul.flickr_images li a {
padding: 0;
}
.widget ul.flickr_images li a:after {
content: "\1F50E";
font-family: "SSGizmo";
font-weight: normal;
font-style: normal;
display: inline-block;
text-decoration: inherit;
font-size: 20px;
position: absolute;
right: 50%;
top: 50%;
margin-top: -6px;
margin-right: -11px;
color: #999;
opacity: 0;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.widget ul.flickr_images li:hover a:after {
opacity: 1;
}
.browser-ie .widget ul.flickr_images li a:after {
display: none;
}
.twitter-widget {
margin: 0;
}
.widget.twitter-widget li {
border: 2px solid #e3e3e3;
border-top-width: 0;
padding: 12px 50px 15px 15px;
position: relative;
}
.widget.twitter-widget li:first-child {
border-top-width: 2px;
}
.widget.twitter-widget li:before {
content: "\f099";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-style: normal;
display: block;
text-decoration: inherit;
position: absolute;
top: 15px;
right: 15px;
font-size: 16px;
height: auto;
opacity: 0.5;
-moz-opacity: 0.5;
filter:alpha(opacity=50);
}
#footer .widget.twitter-widget li:before {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}
.twitter-widget .tweet-text {
line-height: 160%;
word-break: break-word;
}
.twitter-widget .twitter_intents {
margin: 10px 0 0;
}
.twitter-widget .twitter_intents a {
display: none;
}
.twitter-widget .twitter_intents a.timestamp {
display: block;
opacity: 0.5;
-moz-opacity: 0.5;
filter:alpha(opacity=50);
}
.twitter-date a, .twitter-link a, .widget .twitter-link a:hover {
text-decoration: none;
}
.twitter-link {
margin-top: 15px;
}
.twitter-link a {
display: inline-block;
letter-spacing: normal;
line-height: 25px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.twitter-link a:hover {
text-decoration: none!important;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.sidebar .rev_slider_wrapper {
overflow: hidden;
padding-bottom: 40px!important;
}
.subscribers-list {
text-align: center;
padding: 15px 15px 9px;
border: 1px solid #e4e4e4; /* stroke */
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px; /* border radius */
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box; /* prevents bg color from leaking outside the border */
background-color: #fff; /* layer fill content */
}
.subscribers-list li {
display: inline-block;
width: 64px;
margin-left: 10px;
}
.subscribers-list li:first-child {
margin-left: 0;
}
.subscribers-list li > a.social-circle {
font-size: 27px;
background: #222;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px;
padding: 11px 7px;
width: 35px;
text-align: center;
margin: 0 auto 5px;
}
.subscribers-list li:hover > a.social-circle {
text-decoration: none;
}
.subscribers-list li > a.social-circle i {
width: 30px;
}
.subscribers-list li span {
display: block;
text-align: center;
font-size: 12px;
}
.subscribers-list li span.social-count {
font-weight: bold;
font-size: 14px;
margin-bottom: 4px;
}
.sidebar-ad-grid {
padding: 15px;
-moz-box-shadow: inset 0 0 10px rgba(0,0,0,.15); /* inner glow */
-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.15); /* inner glow */
box-shadow: inset 0 0 10px rgba(0,0,0,.15); /* inner glow */
}
.sidebar-ad-grid ul > li {
float: left;
margin: 5px;
max-width: 125px;
}
.sidebar-ad-grid ul > li img {
display: block;
}
.widget input[type="email"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 5px 20px 5px 10px;
line-height: 21px;
height: 32px;
display: block;
border: 0;
}
.widget #mc_embed_signup > form {
position: relative;
}
.widget #mc_embed_signup > form:after {
content: "\2709";
font-family: "SSGizmo";
font-weight: normal;
font-style: normal;
display: inline-block;
text-decoration: inherit;
font-size: 16px;
padding-right: 10px;
position: absolute;
float: right;
top: 7px;
right: 0;
color: #999;
}
#mc_embed_signup .clear {
display: block;
visibility: visible;
width: auto;
height: auto;
}
.widget_sf_infocus_widget .infocus-item iframe {
display: block;
}
.infocus-item figure {
position: relative;
overflow: hidden;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.widget_sf_infocus_widget .infocus-item .date-overlay {
position: absolute;
top: 15px;
right: 15px;
z-index: 3;
}
.widget_sf_infocus_widget .infocus-item img {
display: block;
height: auto;
width: 100%;
}
.widget_sf_infocus_widget .infocus-item h4 {
margin: 0!important;
padding: 15px;
text-align: center
}
.infocus-title .love-it-wrapper {
display: none;
}
.portfolio-grid li {
float: left;
height: 75px;
position: relative;
margin: 0 12px 12px 0!important;
}
.browser-ie .portfolio-grid li, .browser-ie10 .portfolio-grid li {
background-image: none;
}
.portfolio-grid li a {
padding: 0!important;
}
.portfolio-grid li a img {
width: 75px;
height: 75px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.portfolio-grid li:hover img {
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}
.portfolio-grid li a:after {
content: "\1F50E";
font-family: "SSGizmo";
font-weight: normal;
font-style: normal;
display: inline-block;
text-decoration: inherit;
font-size: 20px;
position: absolute;
right: 50%;
top: 50%;
margin-top: -6px;
margin-right: -11px;
color: #999;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.portfolio-grid li:hover a:after {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100)
}
.browser-ie .portfolio-grid li a:after {
display: none;
}
.widget hr {
border-bottom: 0;
}
.widget.instagram-widget ul li {
width: 50%;
float: left;
}
.widget.instagram-widget ul li h4 {
font-size: 14px;
padding: 0 10px;
display: none;
}
/* #Mobile Header
================================================== */
/* --------------------------------------------
MOBILE HEADER CONFIG
-------------------------------------------- */
#mobile-top-text {
display: none;
padding: 10px 20px;
border-bottom: 1px solid #e3e3e3;
}
#mobile-top-text ul.social-icons {
margin-bottom: 0;
line-height: 0;
}
#mobile-header-sticky-wrapper {
display: none;
}
body:not(.header-below-slider) #mobile-header-sticky-wrapper #mobile-header {
position: fixed!important;
}
#mobile-header {
display: none;
padding: 20px;
position: relative;
border-bottom: 2px solid #e3e3e3;
width: 100%;
left: 0;
z-index: 9998;
}
.is-sticky #mobile-header {
width: 100%;
z-index: 101;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.mobile-header-opts {
position: absolute;
top: 50%;
margin-top: -9px;
}
.mobile-header-opts.opts-left {
left: 25px;
}
.mobile-header-opts.opts-right, .mobile-left-logo .mobile-header-opts {
right: 25px;
}
.mobile-header-opts a {
font-size: 24px;
margin-left: 15px;
}
.mobile-header-opts a:first-child {
margin-left: 0;
}
.mobile-header-opts a > i[class^="fa-"] {
margin-top: -2px;
vertical-align: 2px;
}
a.mobile-menu-link {
line-height: inherit;
width: 20px;
height: 15px;
display: inline-block;
text-indent: -9999em;
position: relative;
vertical-align: middle;
top: 50%;
position: relative;
margin-top: -13px;
}
.mobile-header-opts li.shopping-bag-item {
margin-top: -10px;
}
.mobile-header-opts li.shopping-bag-item ul.sub-menu {
display: none!important;
}
.mobile-header-opts .shopping-bag-item:hover > a:after {
display: none!important;
}
.mobile-header-opts > nav {
display: inline-block;
margin-left: 14px;
vertical-align: 2px;
}
.mobile-header-opts .shopping-bag-item a > span.num-items {
line-height: 24px!important;
}
/* --------------------------------------------
MOBILE LOGO
-------------------------------------------- */
#mobile-logo {
text-align: center;
height: auto;
}
#mobile-logo.has-img {
max-width: 50%;
}
.mobile-left-logo #mobile-logo {
float: left;
text-align: left;
}
.mobile-left-right #mobile-logo {
float: right;
text-align: right;
}
#mobile-logo a {
height: auto;
overflow: hidden;
display: block;
margin: 0 auto;
max-width: 100%;
}
.mobile-menu-closing #mobile-logo a, .mobile-menu-open #mobile-logo a, .mobile-cart-open #mobile-logo a {
z-index: -1;
}
#mobile-logo.has-img a {
line-height: 0;
}
#mobile-logo.no-img a {
max-width: 100%;
}
#mobile-logo.logo-center a {
text-align: center;
}
#mobile-logo.logo-left a, #mobile-logo.logo-right a {
margin: 0;
}
#mobile-logo img {
display: inline-block;
height: auto;
max-height: 100%;
width: auto;
max-width: 100%;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
#mobile-logo img.alt-logo, #mobile-logo img.light-logo, #mobile-logo img.dark-logo {
display: none!important;
}
.logo-alt-version #mobile-logo img.standard {
display: none!important;
}
.logo-alt-version #mobile-logo img.alt-logo {
display: inline-block!important;
}
#mobile-logo h1 {
margin: 0;
font-size: 24px;
line-height: 150%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#mobile-logo h2 {
margin-top: -5px;
font-size: 14px!important;
line-height: 100%!important;
}
#mobile-logo.logo-center {
margin: 0 auto;
}
#mobile-logo.logo-center h1 {
text-align: center;
}
.logo-right#mobile-logo {
float: right;
}
.logo-right#mobile-logo img {
float: right;
}
/* --------------------------------------------
MOBILE MENU
-------------------------------------------- */
#mobile-menu-wrap {
display: block;
position: fixed;
top: 0;
left: -280px;
z-index: 100;
width: 280px;
height: 100%;
background: #222;
overflow-y: scroll;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
#mobile-menu-wrap.menu-is-right {
right: -280px;
left: auto;
}
.no-csstransforms #mobile-menu-wrap, .ie-mobile #mobile-menu-wrap {
position: relative;
width: 100%;
display: none;
height: auto;
-webkit-transition: none;
transition: none;
max-height: 75%;
}
.mobile-menu-open #mobile-menu-wrap.menu-is-left {
left: 0;
}
.mobile-menu-open #mobile-menu-wrap.menu-is-right {
right: 0;
}
.no-csstransforms .mobile-menu-open #mobile-menu-wrap, .ie-mobile.mobile-menu-open #mobile-menu-wrap {
display: block;
visibility: visible;
-webkit-transition: none;
transition: none;
-webkit-transform: none;
transform: none;
}
.mobile-search-form {
position: relative;
}
.mobile-search-form > .mobile-search-trigger {
position: absolute;
right: 16px;
top: 17px;
font-size: 24px;
}
.mobile-search-form input[type="text"] {
margin: 0;
padding: 15px 20px;
border-left: 0;
border-right: 0;
border-top: 0;
height: 60px;
background: transparent;
font-size: 18px!important;
}
ul.mobile-language-select {
list-style: none;
padding-left: 7px;
height: auto;
overflow: hidden;
margin: 0;
height: 40px;
}
.mobile-language-select li {
float: left;
margin-right: 5px;
}
.mobile-language-select li a, .mobile-language-select li div {
padding: 8px;
display: block;
}
.mobile-language-select .language {
display: none;
}
#mobile-menu {
max-height: 100%;
position: relative;
font-size: 16px !important;
padding-bottom: 60px;
max-width: 100%;
}
#mobile-menu::-webkit-scrollbar {
display: none;
}
.no-csstransforms #mobile-menu, .ie-mobile #mobile-menu {
height: auto;
overflow: visible;
padding-bottom: 0;
}
#mobile-menu ul, .mobile-cart-menu {
margin-bottom: 0;
}
#mobile-menu ul li {
border-top: 1px solid #333;
border-bottom: 0;
width: 100%;
}
#mobile-menu ul li a, .mobile-cart-menu li a {
display: block;
padding: 15px 20px;
background: transparent!important;
}
#mobile-menu ul li a {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#mobile-menu ul li ul li {
font-size: 13px;
}
#mobile-menu ul.menu > li:first-child {
border-top: 0;
}
#mobile-menu ul.sub-menu {
background: none;
margin-left: 0;
}
#mobile-menu ul.sub-menu li a {
padding-left: 30px;
}
#mobile-menu ul.sub-menu li ul a {
padding-left: 50px;
}
#mobile-menu li.sf-menu-item-html {
display: none!important;
}
#mobile-contact {
margin-top: 50px;
}
#mobile-menu ul li.parent > a:after {
content: "\e60d";
font-family: "atelier";
font-weight: normal;
font-style: normal;
display: inline-block;
text-decoration: inherit;
font-size: 24px;
margin-right: -3px;
opacity: 0.5;
float: right;
}
#mobile-menu ul li.parent.shopping-bag-item > a:after, #mobile-menu ul li.parent.wishlist-item > a:after {
display: none!important;
}
#mobile-menu ul li.parent.sub-menu-open > a:after {
content: "\e60c";
}
#mobile-menu ul li.parent ul.sub-menu {
display: none;
}
#mobile-menu ul li.parent ul.sub-menu .shopping-bag, #mobile-menu ul li.parent ul.sub-menu .bag-contents {
max-width: 100%;
}
#mobile-menu ul li.parent ul.sub-menu .wishlist-bag {
width: 100%;
}
#mobile-menu ul li.shopping-bag-item {
position: relative;
}
#mobile-menu ul li.shopping-bag-item > a > .menu-item-title, #mobile-menu ul li.wishlist-item > a > .menu-item-title {
display: inline-block;
}
#mobile-menu ul li.shopping-bag-item > a > i.sf-icon-cart, #mobile-menu ul li.wishlist-item > a > i.sf-icon-wishlist {
float: right;
}
/* --------------------------------------------
MOBILE CART
-------------------------------------------- */
#mobile-cart-wrap {
position: fixed;
top: 0;
right: -280px;
z-index: 100;
visibility: hidden;
width: 280px;
height: 100%;
background: #222;
max-height: 100%;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
padding-bottom: 60px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#mobile-cart-wrap.cart-is-left {
left: -280px;
right: auto;
}
.no-csstransforms #mobile-cart-wrap, .ie-mobile #mobile-cart-wrap {
position: relative;
width: 100%;
right: 0;
display: none;
height: auto;
-webkit-transition: none;
transition: none;
-webkit-transform: none;
transform: none;
}
.mobile-cart-open #mobile-cart-wrap {
visibility: visible;
}
.mobile-cart-open #mobile-cart-wrap.cart-is-left {
left: 0;
}
.mobile-cart-open #mobile-cart-wrap.cart-is-right {
right: 0;
}
.no-csstransforms .mobile-cart-open #mobile-cart-wrap, .ie-mobile.mobile-cart-open #mobile-cart-wrap {
display: block;
visibility: visible;
-webkit-transition: none;
transition: none;
-webkit-transform: none;
transform: none;
max-height: 75%;
}
#mobile-cart-wrap .shopping-bag-item > a.cart-contents {
padding: 15px;
font-size: 16px;
border-bottom: 1px solid #e4e4e4;
display: block;
text-align: center;
}
#mobile-cart-wrap .shopping-bag-item > a.cart-contents .num-items {
display: inline!important;
padding-left: 10px;
}
#mobile-cart-wrap .shopping-bag-item > a.cart-contents .num-items:before {
content:"\00b7";
margin-right: 10px;
}
#mobile-cart-wrap .shopping-bag {
max-width: 100%;
}
#mobile-cart-wrap .shopping-bag .bag-header {
display: none;
}
#mobile-cart-wrap .shopping-bag-item > a.cart-contents {
display: none!important;
}
#mobile-cart-wrap ul {
margin: 0;
display: block!important;
overflow: scroll;
max-height: 100%;
}
#mobile-cart-wrap ul.mobile-cart-menu {
display: none!important;
}
#mobile-cart-wrap .bag-contents {
max-height: none;
overflow-y: auto;
padding-top: 0;
max-width: 100%;
}
#mobile-cart-wrap .bag-product {
margin: 0 30px;
}
#mobile-cart-wrap .bag-product .bag-product-details .bag-product-title {
font-size: 14px;
margin-bottom: 5px;
}
#mobile-cart-wrap .bag-product a.remove {
font-size: 30px;
top: 14px;
}
.mobile-cart-menu li {
border-bottom: 1px solid #333;
}
.mobile-cart-menu li:first-child {
border-top: 1px solid #333;
}
#mobile-cart-wrap .bag-buttons > a.sf-icon-reveal {
padding: 15px 20px!important;
}
/* --------------------------------------------
MOBILE OVERLAY MODE
-------------------------------------------- */
.mh-overlay #mobile-menu-wrap, .mh-overlay #mobile-cart-wrap {
width: 100%;
height: 100%;
opacity: 0;
visibility: visible;
overflow: scroll;
padding: 60px 0 40px;
-webkit-transition: none;
transition: none;
display: none;
left: 0;
right: 0;
}
.mh-menu-show #mobile-menu-wrap {
z-index: 200;
display: block;
}
.mh-overlay #mobile-menu {
overflow: scroll;
}
.mobile-overlay-close {
position: fixed;
float: right;
font-size: 24px;
padding: 14px 10px;
right: 5px;
top: 3px;
}
.mobile-overlay-close > i {
display: block;
height: 22px;
}
.mh-overlay ul.mobile-language-select {
padding-left: 0;
text-align: center;
}
.mh-overlay ul.mobile-language-select li {
float: none;
display: inline-block;
}
.mh-overlay .mobile-language-select li a, .mh-overlay .mobile-language-select li div {
padding: 4px 8px;
}
.mh-overlay .mobile-search-form {
margin-bottom: 30px;
}
.mh-overlay .mobile-search-form input[type="text"] {
padding: 20px 0;
font-size: 16px!important;
text-align: center;
height: 60px;
}
.mh-overlay #mobile-menu ul li {
text-align: left;
}
.mh-cart-show #mobile-cart-wrap {
z-index: 200;
display: block;
}
.mh-overlay #mobile-cart-wrap .shopping-bag {
width: 100%;
padding: 20px 0 40px;
}
.mh-overlay #mobile-cart-wrap .bag-product a.remove {
top: 24px;
}
.mh-overlay .mobile-cart-menu li a {
text-align: center;
}
/* #Footer
================================================== */
#footer-wrap {
position: relative;
z-index: 10;
}
#footer {
padding: 40px 0 0;
border-top: 0 solid transparent;
}
.has-newsletter-bar #footer:only-child {
padding-bottom: 100px;
}
#footer.footer-divider {
border-top-width: 1px;
}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5 {
color: inherit;
margin-top: 0;
}
#footer h3.spb-heading {
margin-bottom: 0;
}
#footer a, #footer a:hover {
text-decoration: none;
}
#footer-widgets .widget {
padding-bottom: 30px;
}
#copyright {
padding: 15px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height: auto;
overflow: hidden;
font-size: 12px;
border-top: 0 solid transparent;
}
.has-newsletter-bar #copyright {
padding-bottom: 100px;
}
#copyright.copyright-divider {
border-top-width: 1px;
}
#copyright .text-left {
font-size: 11px;
float: left;
margin-bottom: 0;
line-height: 40px;
max-width: 50%;
}
#copyright .text-right {
font-size: 11px;
margin-bottom: 0;
line-height: 40px;
float: right;
text-align: right;
max-width: 50%;
}
#copyright a, #copyright a:hover {
text-decoration: none;
}
#copyright nav .menu {
float: right;
}
#copyright nav .menu li {
font-size: 12px;
margin: 5px 0;
border-left: 1px solid #e4e4e4;
line-height: 30px;
}
#copyright nav .menu li:first-child {
border-left: 0;
}
#copyright nav .menu li a {
padding: 0 12px;
display: block;
background: transparent!important;
-webkit-box-shadow: none!important;
-moz-box-shadow: none!important;
box-shadow: none!important;
}
#copyright nav .menu li ul.sub-menu {
display: none!important;
}
#copyright ul.social-icons {
margin-bottom: 0;
}
/* --------------------------------------------
NEWSLETTER/SUBSCRIBE BAR
-------------------------------------------- */
#sf-newsletter-bar {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 80px;
z-index: 1001;
background: #fff;
display: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#sf-newsletter-bar .sub-text {
width: 30%;
font-size: 24px;
line-height: 80px;
margin: 0;
padding: 0 0 0 25px;
float: left;
text-align: left;
}
#sf-newsletter-bar .sub-code {
width: 40%;
display: inline-block;
text-align: center;
}
#sf-newsletter-bar .sub-code form {
line-height: 80px;
width: 100%;
}
#sf-newsletter-bar .sub-code form input[type="text"], #sf-newsletter-bar .sub-code form input[type="email"] {
width: 50%;
height: 44px;
line-height: 44px;
margin: 17px 0;
vertical-align: top;
background: transparent;
}
#sf-newsletter-bar .sub-code form input[type="submit"] {
margin: 17px 0 17px 10px;
height: 44px;
vertical-align: top;
padding: 10px 24px;
background: transparent;
text-shadow: none;
border-width: 2px;
border-style: solid;
}
#sf-newsletter-bar .sub-code .ninja-forms-form-wrap form input[type="text"], #sf-newsletter-bar .sub-code .ninja-forms-form-wrap form input[type="email"] {
width: 100%;
}
#sf-newsletter-bar .sub-code .ninja-forms-form-wrap .field-wrap {
display: inline-block;
width: 60%;
vertical-align: top;
}
#sf-newsletter-bar .sub-code .ninja-forms-form-wrap .submit-wrap {
width: 30%;
vertical-align: top;
}
#sf-newsletter-bar .sub-code .ninja-forms-form-wrap .submit-wrap input[type="submit"] {
display: block;
width: 100%;
}
#sf-newsletter-bar .sub-close {
float: right;
font-size: 28px;
line-height: 84px;
padding: 0 25px;
}
.layout-boxed #sf-newsletter-bar {
background: transparent!important;
border-top-color: transparent!important;
}
.layout-boxed #sf-newsletter-bar > .container {
width: 100%;
margin: 0 auto;
border-top: 1px solid #e3e3e3;
}
.layout-boxed #sf-newsletter-bar .sub-text {
padding-left: 15px;
}
.layout-boxed #sf-newsletter-bar .sub-close {
padding: 0 10px;
}
#sf-newsletter-bar .gform_body {
float: left;
width: 60%;
margin-top: 2px;
}
#sf-newsletter-bar .gform_body .gfield > label {
display: none;
}
#sf-newsletter-bar .gform_body .gfield .ginput_container {
margin-top: 0!important;
}
#sf-newsletter-bar .gform_body .gfield .ginput_container > input {
margin: 0;
height: 50px;
}
#sf-newsletter-bar .gform_footer {
float: left;
clear: none;
width: 40%;
margin: 2px 0 0;
padding: 0;
}
#sf-newsletter-bar .gform_footer > .gform_button {
margin: 0;
}
/* #Portfolio
================================================== */
.fw-row .spb_portfolio_widget {
padding-left: 0;
padding-right: 0;
}
.fw-row .spb_portfolio_widget .title-wrap {
border-bottom: 1px solid #e3e3e3;
width: 100%;
margin-bottom: 40px;
}
.fw-row .spb_portfolio_widget .title-wrap .spb-heading {
float: none;
text-align: center;
margin: 40px 0 0 0;
}
.grid-sizer {
margin: 0!important;
height: 0!important;
min-height: 0!important;
}
.browser-ie .grid-sizer {
display: none;
}
.filter-wrap {
width: 100%;
text-align: center;
}
.browser-ie .filter-wrap {
display: none!important;
}
.post-filter-tabs {
opacity: 0;
margin-bottom: 0;
}
.post-filter-tabs li {
margin-left: 20px;
display: none;
line-height: 70px;
}
.post-filter-tabs li:first-child {
margin-left: 0;
}
.post-filter-tabs li.all, .post-filter-tabs li.has-items {
display: inline-block;
}
.post-filter-tabs li.selected {
font-weight: bold;
}
.post-filter-tabs li a {
display: block;
}
.post-filter-tabs li a > i {
display: inline-block;
vertical-align: -2px;
margin-right: 5px;
}
.post-filter-tabs li a > sup {
margin-left: 5px;
font-size: 12px;
padding: 1px 0;
display: inline-block;
position: relative;
top: -4px;
float: none;
height: 8px;
}
.post-filter-tabs li.all a > sup {
display: none;
}
ul.portfolio-items {
margin-bottom: 0;
list-style: none;
transition: height 0.5s ease-in-out;
-moz-transition: height 0.5s ease-in-out;
-webkit-transition: height 0.5s ease-in-out;
-o-transition: height 0.5s ease-in-out;
}
ul.portfolio-items.filterable-items {
height: 1000px;
}
.portfolio-items .portfolio-item {
opacity: 0;
}
.browser-ie .portfolio-items .portfolio-item, .portfolio-items .portfolio-item.item-animated, .carousel-items .portfolio-item, .mobile-browser .portfolio-item {
opacity: 1;
}
.fw-row ul.portfolio-items.gutters {
margin: 0 15px;
}
ul.portfolio-items.no-gutters {
margin: 0!important;
}
.portfolio-items > li {
margin-bottom: 30px;
}
.browser-ie .portfolio-items.no-gutters > li {
padding: 0;
}
.row .portfolio-items.no-gutters.col-1 > li {
padding-left: 0;
padding-right: 0;
}
.portfolio-items.no-gutters:not(.col-1) > li {
padding: 0;
}
.portfolio-items.no-gutters > li {
margin-bottom: 0;
}
.portfolio-items > li figure {
position: relative;
}
.masonry-items .portfolio-item {
border-bottom: 0;
padding-bottom: 0;
}
.multi-masonry-items .portfolio-item {
opacity: 0;
}
.multi-masonry-items .portfolio-item figure {
margin-bottom: 0;
}
.multi-masonry-items.no-gutters .portfolio-item {
padding-left: 0;
padding-right: 0;
}
.multi-masonry-items .multi-masonry-img-wrap {
overflow: hidden;
-o-transform: translateY(0);
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
-o-transition: -o-transform 0.4s;
transition: transform 0.4s;
z-index: 2;
position: relative;
}
.portfolio-items.no-gutters .portfolio-item-details, .portfolio-full-width .portfolio-item-details {
padding: 0 15px 20px;
}
.portfolio-items.gutters .portfolio-item-details {
padding: 0 0 20px;
}
.portfolio-item.gallery {
border-bottom: 0;
padding-bottom: 0;
padding-top: 0;
}
.portfolio-item.gallery figure, .masonry-items .portfolio-item.standard figure {
margin-bottom: 0;
}
.portfolio-item figure {
margin-bottom: 25px;
}
.portfolio-item.masonry-item figure, .portfolio-item.gallery-item figure {
margin-bottom: 0;
}
.portfolio-item figure img {
width: 100%;
height: auto;
position: relative;
display: block!important;
}
.portfolio-item.masonry-item .portfolio-item-details {
padding: 20px 20px 15px;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.portfolio-item.masonry-item:hover .portfolio-item-details {
-moz-box-shadow: 0 0 5px rgba(25,25,25,.1);
-webkit-box-shadow: 0 0 5px rgba(25,25,25,.1);
box-shadow: 0 0 5px rgba(25,25,25,.1);
}
.portfolio-item h3.portfolio-item-title {
font-weight: normal;
margin-bottom: 5px;
text-align: left;
margin-top: 0;
}
.portfolio-item h1.portfolio-item-title {
font-weight: normal;
margin-bottom: 4px;
text-align: left;
margin-top: 10px;
}
.portfolio-item-title a:hover {
text-decoration: none;
}
.portfolio-item h5.portfolio-subtitle {
display: block;
margin-bottom: 5px;
text-align: left;
margin-top: 0;
}
.portfolio-item h3.portfolio-subtitle {
display: block;
text-align: center;
margin-top: 0;
margin-bottom: 8px;
}
.portfolio-item .portfolio-item-excerpt {
font-size: 12px;
padding-top: 5px;
text-align: left;
}
.portfolio-item.carousel-item .portfolio-item-excerpt {
text-align: left;
margin-top: 0;
padding: 20px 0;
}
.portfolio-item.carousel-item .portfolio-item-excerpt p:last-child {
margin-bottom: 0;
}
.portfolio-item .portfolio-item-permalink {
font-size: 12px;
font-weight: bold;
display: block;
text-decoration: none;
}
.tax-portfolio-category .portfolio-wrap > .container {
width: auto;
padding: 0;
}
/* --------------------------------------------
SINGLE PORTFOLIO
-------------------------------------------- */
.single-portfolio .inner-page-wrap {
margin-top: 0;
margin-bottom: 0;
}
article.type-portfolio {
margin-bottom: 40px;
}
.hidden-hatom {
display: none;
}
article.type-portfolio.single-portfolio-standard, article.type-portfolio.single-portfolio-split {
padding-top: 50px;
}
.inner-page-wrap.no-top-spacing article.type-portfolio {
padding-top: 0;
}
article.type-portfolio figure.media-wrap {
margin-bottom: 55px;
}
.full-width-display-wrap, .full-width-display-wrap > .container {
position: relative;
}
.full-width-display-wrap .portfolio-options-bar {
position: absolute;
top: 60px;
z-index: 3;
width: 100%;
opacity: 0;
padding: 0 15px;
}
.full-width-display-wrap figure.fw-media-wrap {
display: none;
}
.fw-media-wrap .item-slider, .fw-media-wrap .item-slider ul.slides, .fw-media-wrap .item-slider ul.slides > li {
max-height: 800px;
}
article.type-portfolio .media-wrap .flex-control-nav {
position: absolute;
width: 100%;
text-align: center;
bottom: 6%;
left: auto;
}
article.type-portfolio .media-wrap .flex-control-nav li {
float: none;
}
.content-wrap.col-sm-9 {
padding-left: 0;
}
.sticky-spacer {
position: inherit!important;
}
.item-details.col-sm-3 {
padding-right: 0;
}
.col-sm-3 .item-details {
margin-top: 20px;
}
.single-portfolio-split .col-sm-3 .item-details {
margin-top: 0;
}
.sidebar-content > *:first-child {
margin-top: 0;
}
.single-portfolio .item-details .sf-share-counts {
margin-top: 30px;
}
.portfolio-categories {
margin-bottom: 0;
}
.portfolio-categories li a {
padding: 4px 0;
display: block;
}
.portfolio-categories li a:before {
content: "\1F4CE";
font-family: "SSGizmo";
font-weight: normal;
font-style: normal;
display: inline-block;
float: left;
margin-right: 10px;
}
.item-details .sidebar-content {
margin-bottom: 20px;
}
.item-details .client {
margin-bottom: 5px;
}
.item-details time span, .item-details .client span {
font-weight: bold;
margin-right: 5px;
display: inline-block;
}
.item-details time {
margin-bottom: 10px;
display: block;
}
.item-details .item-link {
margin-bottom: 20px;
display: block;
}
.item-details .item-link i {
vertical-align: -3px;
}
.item-details .article-share {
margin-top: 25px;
text-align: left;
}
.item-details .article-share .social {
left: -150px!important;
}
.related-projects.container {
margin-bottom: 50px;
}
.related-projects h2 {
margin-top: 0;
margin-bottom: 25px;
}
.related-projects article {
padding: 0;
}
.related-projects.container > .row {
margin: 0;
}
.sticky-details.sticky {
float: none;
position: fixed;
z-index: 6;
right: auto;
padding-top: 100px!important;
}
/* --------------------------------------------
PORTFOLIO MASONRY
-------------------------------------------- */
#home-masonry-elements {
margin: 10px auto;
}
#home-masonry-elements li {
margin: 5px;
width: 300px;
}
#home-masonry-elements li figure {
width: 300px;
background: #f4f4f4;
}
/* --------------------------------------------
PORTFOLIO SHOWCASE
-------------------------------------------- */
.spb_portfolio_showcase_widget {
padding-bottom: 0!important;
}
.spb_portfolio_showcase_widget.no-bg {
padding-left: 0;
padding-right: 0;
}
.spb_portfolio_showcase_widget .portfolio-showcase-wrap {
opacity: 0;
}
.portfolio-showcase-wrap ul {
background: #222;
margin: 0;
overflow: hidden;
white-space: nowrap;
}
.portfolio-showcase-wrap ul li {
width: 25%;
display: inline-block;
overflow: hidden;
position: relative;
background: #222;
margin-bottom: -7px;
}
.portfolio-showcase-wrap ul[data-columns="5"] li {
width: 20%;
}
.portfolio-showcase-wrap ul li .main-image {
max-width: none;
position: absolute;
display: block;
opacity: 0.8;
height: auto;
transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-webkit-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
}
.portfolio-showcase-wrap ul li:hover .main-image {
opacity: 1;
}
.portfolio-showcase-wrap ul li .item-info {
position: absolute;
bottom: -85px;
width: 100%;
background: #fff;
background: rgba(255,255,255,0.9);
text-align: center;
padding: 24px 30px;
}
.portfolio-showcase-wrap ul li .item-info:before {
content: "";
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid rgba(255,255,255,0.9);
position: absolute;
bottom: 100%;
z-index: 2;
left: 50%;
margin-left: -10px;
}
.portfolio-showcase-wrap ul li .item-info.has-subtitle {
padding: 15px 30px;
}
.portfolio-showcase-wrap ul li .item-info span {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 100%;
display: block;
color: #222;
}
.portfolio-showcase-wrap ul li .item-info span.item-title {
letter-spacing: normal;
}
/* #Blog
================================================== */
.fw-row .spb_blog_widget {
padding-left: 0;
padding-right: 0;
}
ul.blog-tweets, ul.blog-instagrams {
display: none;
}
.blog-standard {
position: relative;
margin-bottom: 30px;
}
ul.blog-items {
list-style: none;
}
ul.blog-items.gutters {
margin-left: -15px;
margin-right: -15px;
}
.fw-row ul.blog-items.gutters {
margin-left: 0;
margin-right: 0;
}
.fw-row .spb-row-container ul.blog-items.gutters {
margin-left: 0;
margin-right: 0;
}
.blog-wrap .heading-wrap {
margin-bottom: 5px;
}
.blog-item {
margin-bottom: 60px;
padding-top: 60px;
height: auto;
overflow: hidden;
opacity: 0;
}
.blog-item.gallery {
margin-left: 0;
margin-right: 0;
}
.browser-ie .blog-item, .blog-item.item-animated, .carousel-items .blog-item, .grid-items .blog-item, .blog-wrap .blog-items.social-blog .blog-item {
opacity: 1;
}
.blog-item:first-child {
border-top: 0;
padding-top: 0;
}
.has-both-sidebars .blog-item {
margin-bottom: 50px;
}
.blog-item .comments-likes {
float: right;
font-weight: normal;
margin-top: 8px;
}
.blog-item .comments-likes .comments-wrapper {
display: inline-block;
margin-right: 0;
}
.blog-item .comments-likes .love-it-wrapper {
margin-left: 10px;
margin-top: 5px;
}
#infscr-loading {
display: block;
width: 100%;
position: relative;
top: 100%;
text-align: center;
height: 200px;
line-height: 200px;
}
ul.blog-items.blog-inf-scroll {
padding-bottom: 100px;
}
.blog-inf-scroll #infscr-loading {
margin-top: -50px;
}
#infscr-loading .spinner > div {
width: 18px;
height: 18px;
margin: 0 3px;
background-color: #333;
border-radius: 100%;
display: inline-block;
-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
animation: bouncedelay 1.4s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
#infscr-loading .spinner > .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
#infscr-loading .spinner > .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
#infscr-loading div.text {
display: none;
}
#infscr-loading > .all-loaded {
display: block!important;
text-transform: uppercase;
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center;
}
.load-more-btn {
margin: 50px auto;
display: block;
width: 20%;
text-align: center;
min-width: 200px;
padding: 14px 16px;
font-weight: bold;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
transition: all .3s ease-out;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
vertical-align: middle;
max-width: 100%;
position: relative;
}
.search-items .blog-item {
padding-top: 0;
margin-bottom: 50px;
}
.search-item-img {
float: left;
position: relative;
}
.search-item-img img, .search-item-img .img-holder {
height: 70px;
width: 70px;
display: block;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.search-item-img .img-holder {
border: 1px solid #e3e3e3;
line-height: 20px;
}
.search-item-img .img-holder i {
display: inline-block;
padding: 28px 20px;
font-size: 28px;
opacity: 0.5;
}
.search-item-content {
margin-left: 100px;
}
.search-item-content.no-excerpt h3 {
margin-top: 8px;
}
.search-item-content time {
display: block;
margin-bottom: 15px;
}
.read-more {
text-decoration: none;
display: inline-block;
border-bottom: 1px dotted #e3e3e3;
}
.read-more-button {
padding: 10px 0 0;
font-weight: bold;
display: inline-block;
border-bottom: 2px solid #222;
}
.read-more-link {
text-decoration: none;
margin-top: 5px;
font-weight: bold;
display: block;
}
.sticky-post-icon {
float: left;
margin-right: 10px;
padding: 11px 14px;
font-size: 24px;
}
.browser-ie .sticky-post-icon, .browser-ie10 .sticky-post-icon {
background-image: none;
}
.sticky-post-icon i {
height: 22px;
display: inline-block;
}
/* --------------------------------------------
BLOG AUX
-------------------------------------------- */
.blog-wrap .blog-aux-wrap {
margin-bottom: 0;
}
.blog-aux-options {
text-align: center;
}
ul.blog-aux-options li {
float: none;
display: inline-block;
}
.blog-aux-options li:first-child {
margin-left: 0;
}
.blog-aux-options li.search {
height: auto;
overflow: hidden;
}
.blog-aux-options li a {
display: block;
font-size: 14px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.blog-aux-options li a i {
margin-right: 7px;
}
.blog-aux-options li a i[class*="ss-"] {
vertical-align: -2px;
height: 18px;
display: inline-block;
}
.blog-aux-options li a:hover {
text-decoration: none;
}
.blog-aux-options li form {
margin: 0;
position: relative;
}
.blog-aux-options li form input {
margin: 0;
border: 0;
height: 34px;
width: 200px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.blog-aux-options li form:after {
content: "\1F50E";
font-family: "SSGizmo";
font-weight: normal;
font-style: normal;
display: inline-block;
text-decoration: inherit;
font-size: 16px;
padding-right: 10px;
position: absolute;
float: right;
top: 11px;
right: 2px;
opacity: 0.3;
-moz-opacity: 0.3;
filter: alpha(opacity=30);
}
.blog-filter-wrap {
margin-bottom: 20px;
}
.blog-filter-wrap .filter-slide-wrap {
display: none;
}
.blog-filter-wrap ul {
margin-bottom: 30px!important;
}
.blog-filter-wrap ul li {
display: block;
margin-bottom: 20px;
}
.blog-filter-wrap ul li a {
display: block;
padding: 10px;
}
.blog-filter-wrap ul li a span {
float: right;
opacity: 0.6;
-moz-opacity: 0.6;
filter:alpha(opacity= 60);
}
/* --------------------------------------------
STANDARD
-------------------------------------------- */
.standard-items .blog-item {
padding-top: 0;
margin-bottom: 0;
width: 100%;
}
.standard-items .blog-item:first-child .standard-post-content.no-thumb {
padding-top: 0;
}
.standard-items .blog-item .post-content-wrap {
border-bottom: 2px solid #e3e3e3;
padding-top: 50px;
}
.standard-items .blog-item:first-child .post-content-wrap {
padding-top: 0;
}
.standard-items .blog-item:last-child .post-content-wrap {
border-bottom: 0;
}
.standard-items .blog-item figure {
margin-bottom: 30px;
}
.standard-items .blog-item:first-child figure {
margin-top: 0;
}
.standard-items .blog-item .blog-item-details {
padding-bottom: 25px;
}
.standard-items .blog-item .standard-post-content {
padding-top: 0;
}
.standard-items .blog-item .read-more-button {
float: left;
font-size: 12px;
line-height: 18px;
height: auto;
padding: 14px 16px;
-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
box-shadow: 1px 1px 1px rgba(0,0,0,.1);
font-weight: bold;
display: inline-block;
border-bottom-width: 0;
}
.standard-items .blog-item .comments-likes {
display: none;
}
.standard-items .blog-item .comments-likes .blog-item-details {
display: inline-block;
margin-right: 10px;
}
.blog-item .side-details {
float: left;
width: 70px;
margin-top: 50px;
margin-right: 30px;
background: #fff;
}
.standard-items .blog-item:first-child .side-details {
margin-top: 0;
}
.blog-item .side-details .narrow-date-block {
width: 70px;
padding: 15px 14px 17px;
}
.blog-item .side-details .comments-wrapper {
border-top: 2px solid #e3e3e3;
padding-top: 17px;
padding-bottom: 12px;
}
.blog-item .side-details .love-it-wrapper {
padding-top: 0;
margin-top: -8px;
padding-bottom: 12px;
}
.blog-item .post-content-wrap {
margin-left: 100px;
}
.standard-items.alt-styling .blog-item figure {
margin-bottom: 0;
}
.standard-items.alt-styling .blog-item {
overflow: visible;
}
.standard-items.alt-styling .blog-item .standard-post-content {
-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
box-shadow: 1px 1px 1px rgba(0,0,0,.1);
background: #fff;
padding: 30px;
}
.standard-items.alt-styling .blog-item .post-content-wrap {
border-bottom: 0;
}
.standard-items.alt-styling .read-more-button {
float: left;
font-size: 14px;
line-height: 18px;
height: auto;
padding: 12px 18px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
font-weight: bold;
display: inline-block;
border: 2px solid #222;
}
.standard-post-date {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #e3e3e3;
padding: 13px 18px;
display: inline-block;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
margin-bottom: 30px;
}
.standard-post-content {
position: relative;
padding: 20px 0px 40px;
}
.standard-post-content:empty {
padding-top: 0;
}
.standard-post-content.no-thumb {
padding: 40px 0;
}
.format-quote .standard-post-content, .format-link .standard-post-content {
padding-top: 30px;
}
.standard-post-content h1 {
margin-top: 0;
margin-bottom: 20px;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.standard-post-content h1 a:hover {
text-decoration: none;
}
.standard-post-content .link-excerpt {
position: relative;
padding-bottom: 20px;
}
.standard-post-content .link-excerpt > p {
font-weight: bold;
font-size: 20px;
line-height: 30px;
margin-bottom: 10px;
max-width: 100%;
text-overflow: ellipsis;
overflow: hidden;
}
.standard-post-content .link-excerpt > i {
display: block;
position: absolute;
font-size: 44px;
margin-top: 10px;
top: 0;
left: 30px;
opacity: 0.2;
-moz-opacity: 0.2;
filter:alpha(opacity=20);
}
.standard-post-content .excerpt {
margin-bottom: 25px;
}
.standard-post-content .excerpt > .container {
padding-left: 0;
padding-right: 0;
width: 100%;
}
.has-no-sidebar .standard-post-content .read-more-button {
margin-right: 20px;
margin-bottom: 0;
}
.has-no-sidebar .standard-post-content .comments-likes .blog-item-details {
display: inline-block;
margin-left: 20px;
margin-right: 10px;
}
.has-no-sidebar .standard-post-content .comments-likes .blog-item-details {
display: inline-block;
margin-left: 20px;
margin-right: 10px;
}
.download-button {
margin-bottom: 0;
margin-right: 15px!important;
}
/* --------------------------------------------
MASONRY
-------------------------------------------- */
.blog-items {
padding-bottom: 20px;
margin-bottom: 30px;
}
.masonry-items, .multi-masonry-items {
transition: height 0.4s ease-in-out;
-moz-transition: height 0.4s ease-in-out;
-webkit-transition: height 0.4s ease-in-out;
-o-transition: height 0.4s ease-in-out;
}
.masonry-items .blog-item {
margin-bottom: 30px;
padding-top: 0;
border-top: 0;
z-index: 1;
}
.masonry-items.no-gutters .blog-item {
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
.blog-masonry .masonry-items .blog-item {
opacity: 0;
}
.blog-masonry .masonry-items .blog-item.item-animated {
opacity: 1;
}
.masonry-items.no-gutters .blog-item.gallery {
margin-left: 0;
margin-right: 0;
}
.masonry-items .blog-item figure {
margin-bottom: 0;
}
.masonry-items .blog-item figure .lSAction > a {
bottom: 36px;
}
.masonry-items .blog-item figure .lSAction > a.lSPrev {
right: 52px;
}
.masonry-items .blog-item figure .lSAction > a.lSNext {
right: 16px;
}
.masonry-items .blog-item .details-wrap, .masonry-items .blog-item .grid-no-image {
padding: 25px 30px 100px;
position: relative;
}
.masonry-items .blog-item figure.thumb-media-image + .details-wrap, .masonry-items .blog-item figure.thumb-media-slider + .details-wrap {
padding-top: 0;
}
.masonry-items .blog-item figure.thumb-media-image + .details-wrap:before, .masonry-items .blog-item figure.thumb-media-slider + .details-wrap:before {
content: "";
position: absolute;
width: 92%;
height: 20px;
top: -20px;
left: 4%;
z-index: 5;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.masonry-items .blog-item .comments-svg .stroke, .masonry-items .blog-item .loveit-svg .stroke, .masonry-items .blog-item .loveit-svg .fill {
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.masonry-items .blog-item .details-wrap {
-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
box-shadow: 1px 1px 1px rgba(0,0,0,.1);
-webkit-transition: background-color .3s ease-out, color .3s ease-out;
-moz-transition: background-color .3s ease-out, color .3s ease-out;
transition: background-color .3s ease-out, color .3s ease-out;
}
.masonry-items .blog-item .comments-likes a {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.masonry-items .blog-item h6 {
display: none;
text-transform: capitalize;
font-weight: bold;
color: inherit;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.masonry-items .blog-item .details-wrap h3 {
margin: 0 0 20px;
}
.masonry-items .blog-item .details-wrap h2, .masonry-items .blog-item .inst-overlay h2 {
font-size: 18px;
line-height: 26px;
margin: 0 0 15px;
}
.masonry-items .blog-item .thumb-media-none + .details-wrap h2 {
max-width: 80%;
}
.masonry-items .blog-item .details-wrap .quote-excerpt {
font-size: 28px;
line-height: 36px;
}
.masonry-items .blog-item .post-item-details {
margin-bottom: 0;
position: absolute;
bottom: 25px;
font-size: 12px;
}
.masonry-items .blog-item .read-more-button {
position: absolute;
bottom: 40px;
left: 30px;
z-index: 100;
}
.masonry-items .blog-item .comments-likes {
position: absolute;
bottom: 25px;
right: 30px;
}
.masonry-items .blog-item .post-date {
display: block;
font-weight: normal;
}
.masonry-items .blog-item.format-quote .details-wrap {
padding-bottom: 20px;
}
.masonry-items .blog-item.format-quote .blog-item-details, .masonry-items .blog-item.format-quote .read-more-button, .masonry-items .blog-item.format-quote .comments-likes {
display: none;
}
.masonry-items .instagram-item {
position: relative;
}
.masonry-items .instagram-item .inst-overlay {
position: absolute;
z-index: 2;
padding: 30px;
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: 0;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.masonry-items .instagram-item:hover .inst-overlay {
opacity: 0.9;
}
.masonry-items .instagram-item .inst-overlay h3 {
max-height: 65%;
overflow: hidden;
font-size: 28px;
line-height: 36px;
}
.instagram-item .inst-overlay > a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
}
.masonry-items .instagram-item img {
position: relative;
z-index: 1;
width: 100%;
}
.masonry-items .blog-item .date {
position: absolute;
bottom: 50px;
}
.masonry-items .blog-item .tweet-text {
font-size: 28px;
line-height: 36px;
-webkit-transition: color .3s ease-out;
-moz-transition: color .3s ease-out;
transition: color .3s ease-out;
}
.masonry-items .blog-item .details-wrap > a:first-child {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 2;
}
.masonry-items .blog-item .twitter_intents {
display: none;
}
.masonry-items .blog-item .author {
bottom: 28px;
white-space: nowrap;
}
.masonry-items .blog-item .tweet-icon, .masonry-items .blog-item .inst-icon {
position: absolute;
bottom: 30px;
right: 30px;
padding: 7px 9px 6px 9px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
line-height: 18px;
width: 31px;
z-index: 3;
}
.masonry-items .instagram-item .inst-overlay .date {
bottom: 30px;
}
/* --------------------------------------------
MINI ITEMS
-------------------------------------------- */
.mini-items .blog-item {
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.mini-blog-item-wrap {
border-top: 1px solid #e4e4e4;
padding-top: 60px;
}
.blog-item:first-child .mini-blog-item-wrap {
border-top: 0;
padding-top: 0;
}
.mini-items .mini-alt-wrap {
padding: 20px 30px 30px;
border: 1px solid #e4e4e4;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.mini-items .blog-item.quote .mini-alt-wrap {
padding: 30px;
border: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.mini-items .blog-item.quote .read-more-button, .mini-items .blog-item.quote .comments-likes {
display: none;
}
.mini-items .mini-alt-wrap .quote-excerpt, .mini-items .mini-alt-wrap .link-excerpt {
position: relative;
}
.mini-items .mini-alt-wrap .quote-excerpt:before {
font-family: 'atelier';
content: "\e60b";
font-size: 30px;
margin-bottom: 30px;
display: block;
}
.mini-items .mini-alt-wrap .link-excerpt > p {
font-weight: bold;
font-size: 20px;
line-height: 30px;
margin-bottom: 10px;
max-width: 100%;
text-overflow: ellipsis;
overflow: hidden;
}
.mini-items .mini-alt-wrap .link-excerpt > i {
display: block;
position: absolute;
font-size: 44px;
margin-top: 10px;
top: 0;
left: 30px;
opacity: 0.2;
-moz-opacity: 0.2;
filter:alpha(opacity=20);
}
.mini-items .mini-alt-wrap .blog-item-details, .format-link .blog-item-details {
display: inline;
padding-right: 20px;
}
.mini-items .blog-item h3 {
margin-top: -3px;
margin-bottom: 20px;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.mini-items .blog-item-details {
margin-bottom: 5px;
padding-bottom: 0;
font-style: normal;
}
.format-aside .blog-item-details, .format-status .blog-item-details {
display: none;
}
.mini-items .blog-item .excerpt {
margin-top: 20px;
margin-bottom: 25px;
}
.mini-items .comments-likes {
float: none;
margin-bottom: 15px;
}
.mini-items figure .wp-video video {
max-height: 250px!important;
}
.mini-items .read-more-button {
float: left;
margin-right: 20px;
}
.mini-items .comments-likes {
float: right;
}
.mini-items .blog-item .read-more-button {
float: left;
font-size: 12px;
line-height: 18px;
height: auto;
padding: 14px 16px;
-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
box-shadow: 1px 1px 1px rgba(0,0,0,.1);
font-weight: bold;
display: inline-block;
border-bottom-width: 0;
}
/* --------------------------------------------
BOLD ITEMS
-------------------------------------------- */
.blog-items.bold-items {
margin-bottom: 0;
padding-bottom: 0;
}
.bold-items .blog-item {
margin-bottom: 0;
padding: 50px;
width: 100%;
border-top: 1px solid #e3e3e3;
transition: background 0.5s ease-in-out;
-moz-transition: background 0.5s ease-in-out;
-webkit-transition: background 0.5s ease-in-out;
-o-transition: background 0.5s ease-in-out;
}
.bold-items .blog-item:first-child {
border-top: 0;
}
.bold-item-wrap {
text-align: center;
width: 100%;
max-width: 600px;
margin: 0 auto;
}
.bold-item-wrap h1 {
margin-top: 0;
margin-bottom: 20px;
font-size: 60px;
line-height: 80px;
}
.bold-item-wrap h1, .bold-item-wrap h2, .bold-item-wrap h3 {
text-align: center;
}
.bold-item-wrap h1 a, .bold-item-wrap .quote-excerpt a {
display: block;
}
.bold-item-wrap .excerpt {
text-align: left;
margin-bottom: 40px;
}
.bold-item-wrap .blog-item-details {
text-align: center;
}
.bold-item-wrap h1 a, .bold-item-wrap .blog-item-details span, .bold-item-wrap .blog-item-details a, .bold-item-wrap .blog-item-details time, .bold-item-wrap .quote-excerpt a *, .bold-item-wrap .excerpt * {
transition: color 0.5s ease-in-out;
-moz-transition: color 0.5s ease-in-out;
-webkit-transition: color 0.5s ease-in-out;
-o-transition: color 0.5s ease-in-out;
}
.bold-item-wrap .blog-item-details .date {
display: block;
margin-top: 5px;
}
/* --------------------------------------------
BLOG MEDIA DISPLAY
-------------------------------------------- */
.blog-item .quote-display {
text-align: center;
padding: 20px 10px 0;
font-size: 42px;
}
.blog-item figure {
position: relative;
}
.blog-item figure:empty {
display: none;
}
.blog-item figure img {
display: block;
}
.mini-items .blog-item figure {
float: left;
width: 370px;
margin-right: 30px;
}
.mini-items .blog-item:nth-child(even) figure {
float: right;
margin-right: 0;
margin-left: 30px;
}
.mini-items .blog-item figure.thumb-media-audio {
width: 100%;
margin-bottom: 30px;
}
.has-both-sidebars .mini-items .blog-item figure {
float: none;
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.has-no-sidebar .mini-items .blog-item figure {
width: 446px;
}
.mini-items .blog-item figure.quote {
float: none;
width: 100%;
}
figure.media-wrap {
height: auto;
margin-bottom: 20px;
position: relative;
}
figure.media-wrap.full-width-detail {
margin-bottom: 40px;
}
figure.media-wrap.full-width-detail:empty {
margin-bottom: 0;
}
figure.media-wrap a {
display: block;
}
figure.media-wrap img {
height: auto!important;
width: 100%;
}
figure.media-wrap.media-type-gallery-stacked img {
margin-top: 30px;
}
figure.media-wrap.media-type-gallery-stacked img:first-child {
margin-top: 0;
}
figure.media-wrap iframe {
display: block;
width: 100%;
}
figure.media-wrap .wp-audio-shortcode {
margin: 0 auto;
}
figure.media-wrap .sh-video-wrap > div, figure.media-wrap .sh-video-wrap .wp-video-shortcode {
width: 100%!important;
}
figure.media-wrap .mejs-container.wp-video-shortcode {
width: 100% !important;
height: auto !important;
padding-top: 56.5%;
}
figure .wp-video video {
width: 100% !important;
height: auto !important;
display: block;
}
figure audio {
margin: 0;
display: block;
visibility: visible!important;
}
figure.media-wrap .mejs-overlay, figure.media-wrap .mejs-poster {
width: 100% !important;
height: 100% !important;
}
figure.media-wrap .mejs-mediaelement video {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
width: 100% !important;
height: 100% !important;
}
figure.media-wrap .mejs-controls > div:last-of-type {
position: relative;
clear: both;
float: right!important;
top: -26px;
}
figure.media-wrap .mejs-controls a.mejs-horizontal-volume-slider {
float: right;
top: -28px;
}
figure.media-wrap .mejs-video .mejs-overlay-button {
margin-top: -60px!important;
opacity: 0;
transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
}
.mejs-video:hover .mejs-overlay-button {
opacity: 1;
}
.mejs-offscreen {
margin-top: 10px;
}
/* --------------------------------------------
DETAILS
-------------------------------------------- */
.blog-item h3 {
margin-bottom: 5px;
margin-top: 0;
}
.blog-item h3 a, .blog-item h4 a {
text-decoration: none;
}
.blog-item-details {
padding-bottom: 15px;
}
.blog-item-details span.author {
font-weight: normal;
}
.blog-item-details a {
text-decoration: none;
}
.comments-likes {
float: right;
font-weight: normal;
}
.comments-likes a, .comments-likes a:hover {
text-decoration: none;
}
.comments-likes .ss-chat {
margin-right: 5px;
font-size: 17px;
vertical-align: -4px;
}
.comments-likes .comments-wrapper, .comments-likes .love-it-wrapper {
display: inline-block;
}
.comments-likes .love-it-wrapper a:hover {
cursor: pointer;
}
.comments-wrapper > a {
position: relative;
display: inline-block;
}
.comments-wrapper a > span, .love-it-wrapper a > span {
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 11px;
line-height: 22px;
padding-top: 1px;
font-weight: bold;
}
.love-it-wrapper a {
text-decoration: none;
position: relative;
display: inline-block;
}
.comments-likes .love-it-wrapper {
margin-left: 5px;
}
.comments-likes .love-it-wrapper a {
text-decoration: none;
}
.comments-likes a span, .comments-likes a i {
margin: 0;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.love-it > svg .stroke, .love-it > svg .fill, .comments-wrapper a > svg .stroke {
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.love-it span.love-count {
transition: none;
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
}
.comments-likes .love-it-wrapper .loved {
margin: 0;
}
.comments-likes .love-it-wrapper i {
font-size: 17px;
vertical-align: -3px;
margin-right: 5px;
}
.comments-likes .love-it-wrapper i[class*="fa-"] {
vertical-align: 0px;
font-size: 14px;
margin-right: 2px;
}
span.love-count {
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.comments-likes span.love-count {
margin-top: -1px;
}
.blog-item .excerpt {
line-height: 22px;
}
.blog-item .excerpt iframe, .blog-item .excerpt embed {
max-width: 100%;
}
.excerpt ul {
list-style: disc inside;
}
.blog-item .read-more {
text-decoration: none;
clear: both;
display: inline-block;
margin-top: 5px;
}
.blog-item .read-more-bar {
height: auto;
overflow: hidden;
margin-top: 20px;
}
.blog-item .read-more-bar .read-more {
margin-top: 0;
}
.blog-item .quote-excerpt:before {
font-family: 'atelier';
content: "\e60b";
font-size: 30px;
margin-bottom: 30px;
display: block;
}
.blog-item .quote-excerpt {
padding-bottom: 15px;
font-style: normal;
min-height: 70px;
display: block;
}
.blog-item .quote-excerpt p {
font-size: inherit;
line-height: inherit;
}
.quote-excerpt blockquote {
margin: 0 0 10px;
padding: 0;
}
/* --------------------------------------------
SINGLE POST
-------------------------------------------- */
.single-post .inner-page-wrap {
margin-top: 0;
margin-bottom: 0;
}
.single-post .inner-page-wrap.no-top-spacing article.type-post.single-post-standard, .single-post .inner-page-wrap.no-top-spacing article.type-post.single-post-standard-above {
padding-top: 0;
}
.single-post .inner-page-wrap.no-bottom-spacing article.post .content-wrap, .single-post .inner-page-wrap.no-bottom-spacing .sidebar {
margin-bottom: 0;
padding-bottom: 0;
}
.single-post .content-left, .single-post .left-sidebar {
padding-left: 0;
}
.single-post .content-right, .single-post .right-sidebar {
padding-right: 0;
}
.single-post .content-right {
float: right;
}
.single-post .left-sidebar {
float: left;
}
article.type-post.single-post-standard, article.type-post.single-post-standard-above {
padding-top: 60px;
}
.hero-content-split article.type-post.single-post-standard, .hero-content-split article.type-post.single-post-standard-above {
padding-top: 50px;
}
.audio-detail {
width: 50%;
min-width: 280px;
margin: 50px auto 0;
}
.post-download {
text-align: center;
}
.post-download a.sf-button {
margin-bottom: 0;
margin-right: 0;
}
.body-content.quote {
font-size: 14px;
text-transform: uppercase;
margin-bottom: 20px;
}
.body-content.quote p {
margin-bottom: 3px;
}
.body-content.quote cite {
font-weight: bold;
text-transform: uppercase;
}
.article-content.aside, .item-details.aside {
margin-top: 10px;
}
.blog-excerpt p {
margin-bottom: 10px;
}
.detail-feature {
position: relative;
z-index: 2;
background-size: cover;
background-position: center;
margin-bottom: 50px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.detail-feature .details-overlay {
position: absolute;
z-index: 3;
bottom: 45%;
width: 100%;
opacity: 0;
text-align: center;
}
.detail-feature .details-overlay h1 {
font-size: 60px;
line-height: 80px;
max-width: 800px;
width: 80%;
margin: 0 auto 20px;
text-align: left;
}
.detail-feature .details-overlay .post-item-details {
max-width: 800px;
width: 80%;
margin: 0 auto;
text-align: left;
}
.detail-feature .details-overlay .post-item-details a {
color: inherit;
}
.detail-feature .details-overlay .post-item-details .author {
font-weight: bold;
}
.detail-feature .details-overlay .post-item-details .date {
display: block;
}
.detail-feature figure.media-wrap {
z-index: 2;
}
article.post figure.media-wrap, article.post .content-wrap, article.attachment .content-wrap {
margin-bottom: 60px;
}
article.post.single-post-standard figure.media-wrap {
margin-bottom: 40px;
}
article.post.single-post-standard figure.media-wrap:empty {
display: none;
}
article.post .content-wrap .container {
max-width: 100%;
}
article.post .content-wrap > .container {
padding: 0;
}
figure.media-wrap:empty, figure.media-wrap.full-width-detail:empty {
margin: 0;
}
figure.media-wrap.media-type-none {
display: none!important;
}
figure.quote blockquote {
margin-bottom: 0;
}
.content-wrap.extra-spacing > p {
padding: 20px 50px;
}
.content-wrap.extra-spacing > p > img {
margin: -10px -15%;
width: 130%;
max-width: none;
}
.content-wrap.extra-spacing blockquote {
margin: 0 -10% 20px;
padding: 0;
text-align: center;
}
.article-divider {
width: 80px;
height: 2px;
background: rgba(0,0,0,0.8);
margin: 50px auto;
}
article.type-post .article-share {
margin: 0 auto 20px;
display: block!important;
}
.format-link figure.media-wrap {
text-align: center;
margin: 0 0 30px;
}
.format-link .link-post-link {
font-size: 18px;
line-height: 24px;
display: inline-block;
}
.format-link .link-post-link i {
margin-right: 8px;
vertical-align: -1px;
}
.blog-standard .format-link .excerpt a {
font-size: 32px;
line-height: 48px;
}
.format-chat figure.media-wrap {
margin-bottom: 40px;
}
.format-chat .chat {
margin-top: 0;
}
.format-chat .chat .chat-timestamp {
float: right;
font-size: 12px;
font-weight: normal;
margin: 0 10px;
}
.format-chat .chat .chat-text {
margin: 0 0 20px;
}
.format-status .body-text p {
font-size: 18px;
font-style: italic;
line-height: 24px;
}
.format-status .excerpt {
font-size: 18px;
font-style: italic;
line-height: 24px;
}
.single-format-aside .page-heading {
display: none;
}
article.attachment .content-wrap p.attachment img {
width: 100%;
height: auto;
}
article.attachment .article-share {
width: 100%!important;
}
.navigation {
margin-top: 10px;
margin-bottom: 50px;
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
padding: 15px 0;
}
.blog-navigation {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.nav-next i, .nav-previous i {
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.single .blog-pagination div > a > i {
transition: all 0s ease-in-out;
-moz-transition: all 0s ease-in-out;
-webkit-transition: all 0s ease-in-out;
-o-transition: all 0s ease-in-out;
}
.blog-pagination {
border-top: 1px solid transparent;
margin-top: 30px!important;
}
.nav-previous i {
margin-right: 5px;
}
.nav-next i {
margin-left: 8px;
}
.top-author-info {
margin-top: 0;
margin-bottom: 30px;
}
.top-author-info .post-details {
float: left;
line-height: 150%;
}
.top-author-info .post-details h5 {
margin: -1px 0 0;
font-weight: bold;
}
.top-author-info .post-details time {
display: block;
margin-bottom: 3px;
}
.post-pagination .prev-article {
float: left;
text-align: left;
padding-left: 60px;
position: relative;
}
.post-pagination .prev-article:before {
font-family: 'atelier';
content: "\e601";
position: absolute;
font-size: 16px;
padding: 5px 7px;
border: 2px solid #222;
left: 0;
top: 6px;
}
.post-pagination .next-article {
float: right;
text-align: right;
padding-right: 60px;
position: relative;
}
.post-pagination .next-article:before {
font-family: 'atelier';
content: "\e602";
position: absolute;
font-size: 16px;
padding: 5px 7px;
border: 2px solid #222;
right: 0;
top: 6px;
}
.post-pagination h3 {
margin: 0;
}
.post-pagination h4 {
margin: 0;
font-size: 13px;
color: #222;
}
.post-pagination .blog-button {
text-align: center;
}
.post-pagination .blog-button a.sf-button {
margin-bottom: 0;
margin-right: 0;
display: inline-block;
text-transform: uppercase;
}
.article-review-wrap {
padding: 40px 0 0;
}
.article-review-wrap h2 {
margin-top: 0;
margin-bottom: 20px;
}
.review-bar {
height: 34px;
line-height: 34px;
margin-bottom: 10px;
overflow: hidden;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #e3e3e3;
}
.review-bar .bar {
float: left;
width: 0;
height: 100%;
font-size: 12px;
color: #ffffff;
text-align: center;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: width 0.6s ease;
-moz-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease;
position: relative;
}
.review-bar .bar-text {
position: absolute;
top: 0;
left: 0;
line-height: 34px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 0 12px;
color: #fff;
width: 100%;
text-align: left;
display: block;
}
.review-bar .bar-text > span {
float: right;
display: block;
}
.review-overview-wrap {
margin: 30px 0 0;
}
.review-overview-wrap .overview-circle {
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #2d2d35;
width: 75px;
height: 75px;
text-align: center;
float: left;
margin-right: 25px;
}
.review-overview-wrap .overview-circle span.overview-text {
display: block;
font-size: 12px;
font-weight: bold;
line-height: 20px;
padding-top: 15px;
}
.review-overview-wrap .overview-circle span.overview-score {
display: block;
font-size: 20px;
font-weight: bold;
}
.review-overview-wrap .overview-circle span.overview-score.score-pts {
font-size: 22px;
}
.review-overview-wrap p {
margin-bottom: 0;
}
.post-info {
border-top: 2px solid #e3e3e3;
padding: 30px 0;
margin: 75px 0 0;
}
.author-info-wrap {
width: 40%;
float: left;
}
.author-avatar {
float: left;
margin-right: 30px;
}
.author-avatar img {
width: 70px;
height: 70px;
}
.author-avatar img, .comment-avatar img {
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
-moz-background-clip: content-box;
-webkit-background-clip: content-box;
background-clip: content-box;
display: block;
}
.author-bio-text {
margin-left: 100px;
}
.author-bio-text a.author-more-link {
display: block;
margin-top: 20px;
}
.author-bio-text a.author-more-link i {
margin-left: 4px;
}
.author-bio h3 {
margin-top: 0;
margin-bottom: 5px;
}
.post-details-wrap {
float: right;
width: 50%;
}
.post-details-wrap .comments-likes {
float: left;
width: 100%;
border-top: 2px solid #e3e3e3;
padding-top: 25px;
margin-top: 20px;
}
.post-details-wrap .comments-likes > .comments-wrapper {
display: inline-block;
margin-right: 2px;
}
.post-details-wrap .comments-likes span.love-count {
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.post-info-fw .post-details-wrap {
float: none;
width: 100%;
}
.post-details-wrap .sf-share-counts {
border: 0;
}
.post-details-wrap .sf-share-counts .share-text {
font-weight: normal;
font-size: 16px;
}
.post-details-wrap .tags-wrap {
border-top: 2px solid #e3e3e3;
padding-top: 35px;
margin-top: 20px;
}
.post-details-wrap .tags-wrap:first-child {
border-top: 0;
margin-top: 0;
padding-top: 0;
}
.post-details-wrap .tags-wrap .tags-title {
float: left;
margin-right: 20px;
font-size: 16px;
}
.post-aux-wrap .post-pagination {
border-top: 2px solid #e3e3e3;
border-bottom: 2px solid #e3e3e3;
padding: 40px 0;
margin: 30px 0;
}
.related-wrap {
height: auto;
overflow: hidden;
padding: 60px 0;
}
.related-articles {
max-width: 100%;
}
.hero-content-split #main-container .related-articles {
padding-left: 0;
padding-right: 0;
}
.related-articles > h2 {
margin-top: 0;
margin-bottom: 30px;
}
.related-articles .related-items {
margin-bottom: 0;
padding-top: 0;
}
.related-items .recent-post {
overflow: hidden;
}
.related-items.no-gutters .recent-post {
padding: 0;
}
.hero-content-split .post-info {
margin: 50px 35px 0;
}
/* #Blog Grid
================================================== */
.fw-row .spb_blog_grid_widget {
padding: 0;
}
.fw-row .spb-row-content-width .spb_blog_grid_widget {
padding: 0 15px;
}
.blog-grid-items {
padding: 0;
margin: 0;
}
.blog-grid-items .grid-items {
opacity: 0;
margin: 0;
}
.blog-grid-items .blog-item {
margin: 0;
padding: 0;
height: 330px;
}
.blog-grid-items .blog-item > div {
position: relative;
}
.blog-grid-items .blog-item .details-wrap > a:first-child {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 2;
}
.blog-grid-items .blog-item > div, .blog-grid-items .blog-item h2:after {
transition: background 0.2s ease-in-out;
-moz-transition: background 0.2s ease-in-out;
-webkit-transition: background 0.2s ease-in-out;
-o-transition: background 0.2s ease-in-out;
}
.blog-grid-items .blog-item h2, .blog-grid-items .blog-item h6, .blog-grid-items .blog-item data, .blog-grid-items .blog-item .author span, .blog-grid-items .blog-item .post-icon, .blog-grid-items .blog-item .post-icon > i, .blog-grid-items .blog-item .tweet-icon, .blog-grid-items .blog-item .tweet-icon > i, .blog-grid-items .blog-item .inst-icon, .blog-grid-items .blog-item .inst-icon > i {
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.blog-grid-items .blog-item .grid-left {
float: left;
width: 50%;
height: 100%;
padding: 30px;
position: relative;
}
.blog-grid-items .blog-item .grid-left:after {
content: "";
position: absolute;
top: 50%;
right: -15px;
z-index: 99;
width: 0;
height: 0;
margin-top: -20px;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 20px solid #e3e3e3;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.blog-grid-items .blog-item .grid-right {
float: right;
width: 50%;
height: 100%;
padding: 30px;
position: relative;
}
.blog-grid-items .blog-item .grid-right:after {
content: "";
position: absolute;
top: 50%;
left: -15px;
z-index: 99;
width: 0;
height: 0;
margin-top: -20px;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-right: 20px solid #e3e3e3;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.blog-grid-items .blog-item .grid-image {
float: right;
width: 50%;
height: 100%;
overflow: hidden
}
.blog-grid-items .blog-item .grid-no-image {
padding: 30px;
height: 100%;
}
.blog-grid-items .blog-item h2 {
font-size: 18px;
line-height: 28px;
margin: 0;
}
.blog-grid-items .blog-item .grid-no-image h2 {
max-height: 60%;
overflow: hidden;
text-overflow: ellipsis;
}
.blog-grid-items .blog-item h6 {
margin-top: 0;
display: none;
}
.blog-grid-items .blog-item .tweet-text, .blog-grid-items .blog-item .quote-excerpt {
max-height: 50%;
overflow: hidden;
display: block;
text-overflow: ellipsis;
}
.blog-grid-items .blog-item .twitter_intents {
display: none;
}
.blog-grid-items .instagram-item {
position: relative;
}
.blog-grid-items .blog-item .inst-img-wrap {
overflow: hidden;
height: 100%;
}
.blog-grid-items .instagram-item .inst-overlay {
position: relative;
z-index: 2;
padding: 30px;
height: 100%;
opacity: 0;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.blog-grid-items .instagram-item:hover .inst-overlay {
opacity: 1;
}
.blog-grid-items .instagram-item .inst-overlay h2 {
max-height: 65%;
overflow: hidden;
}
.blog-grid-items .instagram-item img {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
}
.blog-grid-items .blog-item .date {
margin-top: 10px;
display: block;
}
.blog-grid-items .blog-item .author {
position: absolute;
bottom: 25px;
}
.blog-grid-items .blog-item .tweet-icon, .blog-grid-items .blog-item .post-icon, .blog-grid-items .blog-item .inst-icon {
position: absolute;
bottom: 30px;
right: 30px;
font-size: 18px;
line-height: 18px;
color: #fff;
width: 16px;
opacity: 0;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.blog-grid-items .blog-item:hover .tweet-icon, .blog-grid-items .blog-item:hover .post-icon, .blog-grid-items .blog-item:hover .inst-icon {
opacity: 1;
}
.blog-grid-items .blog-item .inst-icon {
z-index: 3;
}
.blog-grid-items .blog-item .post-icon > i {
height: 16px;
vertical-align: -2px;
display: inline-block;
}
/* #Team
================================================== */
ul.team-members {
list-style: none;
}
.team-members.no-gutters .team-member {
padding: 0;
margin-bottom: 0;
}
.team-members.no-gutters.row {
margin-left: 0;
margin-right: 0;
}
.team-member {
margin-bottom: 30px;
}
.team-member figure {
margin-bottom: 20px;
position: relative;
overflow: hidden;
z-index: 2;
}
.display-type-gallery .team-member figure {
margin-bottom: 0;
}
.display-type-standard-alt h4, .display-type-standard-alt h5 {
text-align: center;
}
.team-member figcaption a.view-profile {
font-weight: bold;
text-align: center;
width: 100%;
}
.team-member figcaption.team-gallery h4, .team-member figcaption.team-gallery h5 {
width: 100%;
font-weight: bold;
text-align: center;
}
.team-member figcaption.team-gallery h4 {
font-size: 20px;
margin-bottom: 0;
}
.team-member figcaption.team-gallery h5.team-member-position {
font-size: 14px;
font-weight: normal;
}
.team-member .team-member-name {
margin: 0 0 5px 0;
}
.team-member .team-member-position {
margin: 0 0 15px 0;
}
.team-member .team-member-bio {
margin-bottom: 15px;
}
.team-member .member-contact {
margin-bottom: 10px;
font-size: 14px;
}
article.type-team {
margin-bottom: 50px;
}
article.type-team .article-body-wrap {
width: 50%;
float: left;
margin-right: 30px;
}
article.type-team .article-body-wrap .body-text {
margin-top: 0;
}
article.type-team .member-position {
margin: 0 0 20px;
}
article.type-team .profile-image-wrap {
float: right;
width: 46%;
}
ul.member-contact {
margin-left: 0;
padding-top: 10px;
margin-bottom: 30px;
list-style: none;
}
ul.member-contact li {
line-height: 24px;
margin-bottom: 5px;
}
ul.member-contact li i {
vertical-align: -3px;
margin-right: 10px;
display: inline-block;
height: 14px;
margin-top: 4px;
}
ul.member-contact li i.ss-phone {
vertical-align: -2px;
}
ul.member-contact li a {
text-decoration: none;
border-bottom: 1px dotted #e3e3e3;
}
/* #Sidebar
================================================== */
.sidebar {
padding-bottom: 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.sidebar.left-sidebar .sidebar-widget-wrap {
padding-right: 20px;
}
.sidebar.right-sidebar .sidebar-widget-wrap {
padding-left: 20px;
}
.sidebar .widget_heading {
margin-top: -6px;
}
.sidebar .widget-heading h4 {
margin-bottom: 0;
}
.sidebar object, .sidebar object > img .sidebar embed {
width: 100%;
max-width: 100%;
}
.sidebar object > img {
height: auto;
}
.sidebar a:hover {
text-decoration: none;
}
.sidebar .widget #lang_sel a {
padding: 2px 10px;
}
/* --------------------------------------------
CALENDAR WIDGET
-------------------------------------------- */
.widget_calendar #calendar_wrap {
border: 1px solid #e4e4e4; /* stroke */
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px; /* border radius */
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box; /* prevents bg color from leaking outside the border */
background-color: #fff; /* layer fill content */
overflow: hidden;
}
#calendar_wrap caption {
border-bottom: 1px solid #222;
padding: 7px 0;
}
.widget_calendar table {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: collapse;
position: relative;
margin-bottom: -2px;
}
.widget_calendar th {
text-align: center;
width: 26px;
height: 35px;
border: 1px solid #e4e4e4;
border-bottom: 0;
border-top: 0;
vertical-align: middle;
padding-right: 0!important;
}
.widget_calendar th:first-child {
border-left: 0;
}
.widget_calendar th:last-child {
border-right: 0;
}
.widget_calendar tbody tr {
height: 35px;
}
.widget_calendar tbody tr > td {
color: #444;
text-align: center;
border: 1px solid #e4e4e4;
vertical-align: middle;
padding: 0;
}
.widget_calendar tbody tr > td:first-child {
border-left: 0;
}
.widget_calendar tbody tr > td:last-child {
border-right: 0;
}
.widget_calendar tbody tr > td a {
padding: 6px 0;
display: block;
}
.sidebar .widget_calendar tbody tr > td a:hover {
text-decoration: none;
}
.widget_calendar tbody tr > td.pad {
border: 0;
border-top: 1px solid #e4e4e4;
background: transparent url('/wp-content/themes/atelier/images/scanlines_dark.png') repeat 0 0;
}
.widget_calendar tfoot {
position: absolute;
top: 2px;
width: 100%;
display: block;
}
.widget_calendar tfoot tr {
width: 100%;
display: block
}
.widget_calendar tfoot td {
padding: 5px 0;
border-color: transparent;
float: left;
}
.widget_calendar tfoot td#prev {
padding-left: 10px;
width: 40px;
text-align: left;
}
.widget_calendar tfoot td#next {
padding-right: 10px;
width: 40px;
text-align: right;
float: right;
}
.sidebar .widget_calendar tfoot a {
white-space: nowrap;
}
.widget_calendar tfoot td a:hover {
text-decoration: none;
}
/* #Comments
================================================== */
#comment-area {
width: 100%;
padding-top: 50px;
}
.type-page #comment-area {
padding-top: 20px;
}
#comment-area a {
text-decoration: none;
}
.logged-in-as a {
border-bottom: 1px dotted #e3e3e3;
}
#comments-list {
margin-bottom: 50px;
}
#comments-li .comment-body ol {
list-style: decimal inside none;
}
#comments-list > ol {
list-style: none;
margin: 0 0 -10px;
padding: 0;
}
#comments-list ol li.comment {
margin-bottom: 0;
}
.comment .comment-wrap {
position: relative;
height: auto;
padding: 20px 0;
}
.comment-wrap .comment-avatar {
float: left;
position: relative;
}
.comment-wrap .comment-avatar img {
height: 50px;
width: 50px;
display: block;
}
#comments-list li .comment-wrap {
border-top: 1px solid #e3e3e3;
}
#comments-list ol > li:first-child > .comment-wrap {
border-top: 0;
}
#comments-list li.comment > ul {
list-style: none;
margin: 0 0 0 70px;
font-size: 100%;
}
#comments-list li.comment ul li .comment-wrap {
border-bottom: 0;
padding-bottom: 0;
}
.comment-content {
margin-left: 70px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#comments-list li ul li .comment-content {
padding-bottom: 20px;
}
.comment-content .comment-body p {
margin-bottom: 10px;
}
.comment-meta {
position: relative;
margin-bottom: 5px;
}
.comment-meta .comment-author {
font-weight: bold;
}
.bypostauthor .comment-meta .comment-author:after {
content: "\f007";
margin: 0 10px 0 5px;
font-family: 'Font Awesome 5 Free';
}
.comment-meta .comment-date {
margin-left: 2px;
font-size: 12px;
}
.comment-meta-actions {
display: inline-block;
font-size: 12px;
}
.comment-meta-actions .edit-link {
margin-left: 5px;
border-bottom: 1px dotted #e3e3e3;
}
.comment-meta-actions .meta-sep {
margin: 0 0 0 1px;
color: rgba(0,0,0,0.1);
}
.comment-meta-actions .comment-reply {
border-bottom: 1px dotted #e3e3e3;
}
#comment-area .edit-link a:hover, #comment-area .comment-reply a:hover {
text-decoration: none;
}
.comment-avatar .is-author {
text-align: center;
font-size: 10px;
text-transform: uppercase;
color: #ccc;
}
.comment-meta cite {
font-style: normal;
}
.comment-meta-actions a.comment-reply-link {
font-weight: normal;
}
.comment-meta .comment-author {
letter-spacing: normal;
}
/* Pingbacks */
#pingback-list .comment-content {
margin-left: 0;
}
#pingback-list .comment-content:before {
display: none;
}
#pingback-list .comment-wrap {
margin: 10px 0;
}
/* Trackbacks */
#trackbacks-list span {
font-size: 12px;
}
#trackbacks-list ol li {
margin-bottom: 10px;
}
#trackbacks-list .comment-author {
font-size: 12px;
margin-bottom: 5px;
}
#trackbacks-list .comment-content p {
font-size: 14px;
}
/* --------------------------------------------
COMMENT FORM
-------------------------------------------- */
#respond-wrap {
padding-bottom: 20px;
position: relative;
z-index: 1;
margin-bottom: 30px;
}
#respond {
margin: 30px 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#comments-list ol #respond {
margin-bottom: 30px;
}
.comment-form-author, .comment-form-email, .comment-form-url {
margin-bottom: 0;
position: relative;
}
#commentform {
margin-top: 10px;
margin-bottom: 0;
clear: both;
height: auto;
overflow: hidden;
}
#commentform p.comment-notes span.required {
float: none;
position: relative;
top: auto;
right: auto;
}
#commentform p .required {
position: absolute;
top: 15px;
right: 30px;
}
#commentform p.comment-notes {
margin-bottom: 20px;
}
#commentform p.comment-notes span.required {
float: none;
}
#commentform label {
font-weight: normal;
margin-bottom: 4px;
}
#commentform p > input[type="text"], #commentform p > input[type="email"] {
margin-bottom: 12px;
width: 100%;
height: 38px;
padding-left: 10px;
padding-right: 10px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#commentform textarea {
width: 100%;
max-width: 100%;
min-width: 100%;
outline: 0;
padding: 10px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
height: 200px;
margin-bottom: 0;
}
#commentform p.form-allowed-tags {
display: none;
}
#commentform p.form-allowed-tags code {
color: #444;
}
.comment #respond h3#reply-title {
display: block;
margin: 0px 0 10px;
}
#reply-title {
float: left;
margin: 0 0 20px;
line-height: 150%;
position: relative;
}
#reply-title span {
border-bottom: 2px solid #222;
padding-bottom: 3px;
display: inline-block;
}
#reply-title small {
font-size: 14px;
line-height: 0;
margin-left: 5px;
}
#reply-title small a, #reply-title small a:hover {
text-decoration: none;
}
p.comment-form-comment {
margin-top: 5px;
margin-bottom: 15px;
}
p.form-submit {
height: auto;
overflow: hidden;
margin-bottom: 0;
}
#respond .form-submit input[type="submit"] {
margin: 0;
border: 0;
background: none;
text-transform: uppercase;
border: 2px solid #e3e3e3;
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
line-height: 18px;
height: auto;
padding: 14px 18px;
float: left;
}
/* #Contact
================================================== */
.contact-map {
margin-bottom: 30px;
}
.contact-form h6 {
margin-bottom: 10px;
}
.contact-form p.thanks {
display: none;
}
.contact-form label {
font-weight: normal;
font-size: 12px;
margin-bottom: 6px;
}
.contact-form input, .contact-form textarea {
width: 96%;
}
.contact-form textarea {
height: 189px;
}
.contact-form h5 {
margin-bottom: 10px;
}
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
/* #Events
================================================== */
.events-archive .page-heading {
display: none;
}
#tribe-events-pg-template {
padding-top: 50px;
}
.single-tribe_events .tribe-events-event-meta, .tribe-events-loop .tribe-events-event-meta, #tribe-bar-collapse-toggle {
background: transparent!important;
}
.tribe-events-othermonth {
background: #f7f7f7!important;
}
#tribe-bar-form .tribe-bar-views-inner label {
color: #666;
}
#tribe-bar-form input[type="text"] {
padding: 8px 0!important;
}
.tribe-bar-submit {
padding: 18px!important;
}
.tribe-bar-views-inner {
padding-bottom: 50px!important;
}
.single-tribe_events #tribe-events-footer, .tribe-events-day #tribe-events-footer, .events-list #tribe-events-footer, .tribe-events-map #tribe-events-footer, .tribe-events-photo #tribe-events-footer {
margin-top: 40px!important;
}
h2.tribe-events-page-title a {
color: inherit!important;
}
#tribe-bar-collapse-toggle {
line-height: 40px;
}
#tribe-bar-collapse-toggle span.tribe-bar-toggle-arrow {
top: 50%;
margin-top: -12px;
}
#tribe-events-content .tribe-events-calendar td.mobile-active div[id*="tribe-events-daynum-"] {
margin-top: 0;
padding-top: 6px;
padding-bottom: 6px;
}
.events-cal #ui-datepicker-div {
border: 1px solid #aaaaaa !important;
background: #ffffff !important;
color: #222222 !important;
}
/* #Shortcodes
================================================== */
/* --------------------------------------------
SUPER SEARCH
-------------------------------------------- */
.sf-super-search {
background: #252525;
color: #fff;
padding: 35px 20px;
position: relative;
display: block;
}
.sf-super-search > .container {
max-width: 100%;
}
#super-search .container > .row {
position: relative;
}
.sf-super-search .search-options > span, .sf-super-search .search-options .ss-dropdown > span {
font-size: 24px;
line-height: 42px;
}
.sf-super-search .search-options .ss-dropdown {
float: none;
display: inline-block;
outline: 0;
margin: 0 5px;
position: relative;
}
.sf-super-search .search-options .ss-dropdown > span {
border-bottom: 2px solid #e4e4e4;
text-transform: lowercase;
}
.sf-super-search .search-options .ss-dropdown > span:hover {
cursor: pointer;
}
.sf-super-search .search-options .ss-dropdown ul {
position: absolute;
top: -10px;
left: 0;
z-index: 1000;
display: block;
pointer-events: none;
-moz-opacity: 0;
filter: alpha(opacity= 0);
opacity: 0;
background-color: #fff;
width: 280px;
-o-transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.mobile-browser .sf-super-search .search-options .ss-dropdown ul {
top: 10px;
left: -10px;
}
.browser-ie .sf-super-search .search-options .ss-dropdown ul {
display: none;
}
.sf-super-search .search-options .ss-dropdown ul.show-dropdown {
-moz-opacity: 1;
filter: alpha(opacity= 100);
opacity: 1;
pointer-events: auto!important;
-o-transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
.browser-ie .sf-super-search .search-options .ss-dropdown ul.show-dropdown {
display: block;
}
.sf-super-search .search-options .ss-dropdown ul li {
height: 36px;
line-height: 36px;
list-style-type: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
padding-right: 38px;
position: relative;
width: 140px;
float: left;
}
.sf-super-search .search-options .ss-dropdown ul li:first-child {
border-top: 0;
}
.sf-super-search .search-options .ss-dropdown ul li a {
float: left;
text-align: left;
width: 100px;
padding-left: 15px;
}
.sf-super-search .search-options .ss-dropdown ul li .fa-check {
display: none;
position: absolute;
right: 0;
font-size: 14px;
padding: 11px 12px;
}
.sf-super-search .search-options .ss-dropdown ul li.selected .fa-check {
display: block;
}
.sf-super-search .search-options input {
background: none;
border: 0;
border-bottom: 2px solid #e4e4e4;
color: #fff;
font-size: 24px!important;
width: 65px;
line-height: 18px;
height: 38px;
padding: 14px 0 6px;
display: inline-block;
margin: 0 5px;
vertical-align: top;
text-align: center;
}
.sf-super-search .search-go {
text-align: right;
display: block;
}
.super-search-go {
padding: 14px 26px;
display: inline-block;
margin-right: 10px;
margin-bottom: 0!important;
background: transparent!important;
border: 2px solid #e3e3e3;
border-width: 2px!important;
border-style: solid!important;
}
.super-search-close {
font-size: 28px;
padding: 10px;
display: none;
}
/* --------------------------------------------
FULL WIDTH VIDEO SHORTCODE
-------------------------------------------- */
.fw-video-area {
position: fixed;
width: 100%;
height: 100%;
z-index: 1000;
top: -100%;
background: #2d2d2d;
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
padding: 8%;
}
.fw-video-area > .fw-video-wrap {
height: 100%;
}
.mobile-browser .fw-video-area {
display: none;
}
.fw-video-close {
display: none;
position: absolute;
right: 40px;
top: 40px;
width: 42px;
text-align: center;
cursor: pointer;
z-index: 1001;
color: #000;
background: #fff;
font-size: 28px;
line-height: 38px;
height: 42px;
padding: 6px;
opacity: 0.5;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
pointer-events: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fw-video-close:hover {
opacity: 1;
}
.fw-video-close.is-open {
display: block;
pointer-events: auto;
}
.fw-video-link-icon {
font-size: 30px;
line-height: 16px;
margin: 0 10px 10px;
background: rgba(0,0,0,0.7);
color: #fff;
padding: 16px 21px 15px;
height: 70px;
width: 70px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
display: inline-block;
}
.fw-video-link-icon:hover {
background: #222;
}
.fw-video-link-icon i {
height: 28px;
display: inline-block;
width: 28px;
vertical-align: -12px;
}
.fw-video-link-image {
position: relative;
display: inline-block;
}
.fw-video-link-image img {
width: 100%;
max-width: 100%;
height: auto;
}
.fw-video-link-image i {
font-size: 60px;
color: #fff;
position: absolute;
top: 50%;
left: 50%;
margin-left: -30px;
margin-top: -30px;
line-height: 60px;
text-align: center;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fw-video-link-image.fw-video-image-button2 i {
background: #fff;
color: #222;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
height: 48px;
width: 70px;
margin-left: -30px;
margin-top: -25px;
line-height: 24px;
font-size: 28px;
line-height: 50px;
letter-spacing: -4px;
}
.fw-video-link-image.fw-video-image-button3 i {
height: 60px;
width: 70px;
left: 22px;
bottom: 22px;
top: auto;
margin: 0;
line-height: 76px;
}
.fw-video-link-image:hover i {
color: #222;
}
/* --------------------------------------------
WP GALLERY SHORTCODE
-------------------------------------------- */
.gallery-shortcode {
padding-top: 10px;
margin: 0 -2%;
}
.gallery-shortcode .gallery-item {
width: auto;
float: left;
display: block;
width: 20%;
margin: 0 2% 4%;
}
.gallery-shortcode dl.gallery-item figure {
margin-bottom: 15px;
}
.gallery-shortcode dl.gallery-item .gallery-item-caption {
text-align: center;
}
.gallery-columns-1 .gallery-item {
width: 96%;
}
.gallery-columns-2 .gallery-item {
width: 46%;
}
.gallery-columns-3 .gallery-item {
width: 29.3%;
}
.gallery-columns-4 .gallery-item {
width: 21%;
}
.gallery-columns-5 .gallery-item {
width: 16%;
}
.gallery-columns-6 .gallery-item {
width: 12.6%;
}
.gallery-columns-7 .gallery-item {
width: 10.2%;
}
.gallery-columns-8 .gallery-item {
width: 8.4%;
}
.gallery-columns-9 .gallery-item {
width: 7.1%;
}
.gallery-item .gallery-icon {
background: #222;
width: 100%;
height: auto;
}
.gallery-item img {
display: block;
width: 100%;
height: auto;
}
/* --------------------------------------------
GALLERIES
-------------------------------------------- */
.fw-row .spb_galleries_widget {
padding-left: 0;
padding-right: 0;
}
ul.gallery-items {
margin-bottom: 0;
list-style: none;
transition: height 0.5s ease-in-out;
-moz-transition: height 0.5s ease-in-out;
-webkit-transition: height 0.5s ease-in-out;
-o-transition: height 0.5s ease-in-out;
}
.gallery-items .gallery-item {
opacity: 0;
margin: 0;
}
.gallery-items .gallery-item.item-animated, .mobile-browser .gallery-item {
opacity: 1;
}
.fw-row ul.gallery-items.gutters {
margin: 0 15px;
}
ul.gallery-items.gallery-galleries figure {
margin-bottom: 0;
}
ul.gallery-items.no-gutters {
margin: 0!important;
}
.gallery-items > li {
margin-bottom: 30px;
}
.gallery-items.no-gutters:not(.col-1) > li {
padding: 0;
}
.gallery-items.no-gutters > li {
margin-bottom: 0;
}
.gallery-items > li figure {
position: relative;
}
.masonry-items .gallery-item {
border-bottom: 0;
padding-bottom: 0;
}
.gallery-items.gutters .gallery-item {
margin-bottom: 30px;
}
.gallery-items.no-gutters .gallery-item-details, .gallery-full-width .gallery-item-details {
padding: 0 15px 20px;
}
.gallery-item.gallery {
border-bottom: 0;
padding-bottom: 0;
padding-top: 0;
}
.gallery-item.gallery figure, .masonry-items .gallery-item.standard figure {
margin-bottom: 0;
}
.gallery-item figure {
margin-bottom: 25px;
}
.gallery-item.masonry-item figure, gallery-item figure {
margin-bottom: 0;
}
.gallery-item figure img {
width: 100%;
height: auto;
position: relative;
display: block!important;
}
.gallery-item.masonry-item .gallery-item-details {
padding: 25px 30px 20px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.gallery-item h3.gallery-item-title {
font-weight: normal;
margin-bottom: 5px;
text-align: left;
margin-top: 0;
}
.gallery-item h1.gallery-item-title {
font-weight: normal;
margin-bottom: 4px;
text-align: left;
margin-top: 10px;
}
.gallery-item-title a:hover {
text-decoration: none;
}
.gallery-item h5.gallery-subtitle {
display: block;
margin-bottom: 5px;
text-align: left;
margin-top: 0;
}
.gallery-item h3.gallery-subtitle {
display: block;
text-align: center;
margin-top: 0;
margin-bottom: 8px;
}
.gallery-item .gallery-item-excerpt {
font-size: 12px;
padding-top: 5px;
text-align: left;
}
.gallery-item .gallery-item-permalink {
font-size: 12px;
font-weight: bold;
display: block;
text-decoration: none;
}
article.type-galleries .gallery-share {
text-align: center;
margin-bottom: 80px;
}
.gallery-share .love-it-wrapper {
margin-top: 20px;
}
.gallery-share .love-it-wrapper i {
margin-right: 6px;
vertical-align: -2px;
}
/* --------------------------------------------
SWIFT SLIDER ADJUSTMENTS
-------------------------------------------- */
#main-container > .swift-slider {
width: 100%;
}
.swift-slider a.swift-slider-prev, .swift-slider a.swift-slider-next {
margin: -30px 0 0;
padding: 15px;
width: 62px;
height: 60px;
background: transparent!important;
font-size: 66px;
overflow: hidden;
color: #fff!important;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.swift-slider a.swift-slider-prev {
left: 30px;
}
.swift-slider a.swift-slider-next {
right: 28px;
}
.swift-slider a.swift-slider-prev.dark, .swift-slider a.swift-slider-next.dark {
color: #222!important;
}
.swift-slider-prev i {
position: absolute;
left: 11px;
line-height: 26px;
}
.swift-slider-next i {
position: absolute;
right: 11px;
line-height: 26px;
}
.swift-slider-prev h4, .swift-slider-next h4 {
display: none!important;
}
.swift-slider-pagination {
opacity: 0;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.swift-slider:hover .swift-slider-pagination {
opacity: 1;
}
.swift-slider .swift-slider-pagination .dot {
width: 8px;
height: 8px;
}
.swift-slider .swift-slider-continue {
background: transparent!important;
width: 64px!important;
height: 60px!important;
margin-left: -33px!important;
line-height: 62px!important;
border: 0!important;
-moz-border-radius: 0!important;
-webkit-border-radius: 0!important;
border-radius: 0!important;
padding: 0!important;
bottom: 60px!important;
}
.swift-slider .swift-slider-continue.light {
color: #fff!important;
}
.swift-slider .swift-slider-continue.dark {
color: #222!important;
}
.swift-slider .swift-slider-continue i {
font-size: 66px!important;
font-weight: normal!important;
}
.swift-slider .swift-scroll-indicator {
bottom: 20px;
}
.swiper-slide[data-style="light"] .caption-content h2, .swiper-slide[data-style="light"] .caption-content p {
text-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}
#swift-slider-loader {
text-align: center;
}
.swiper-slide .caption-content > h2 {
line-height: 78px;
}
/* --------------------------------------------
CONTACT FORM SHORTCODE
-------------------------------------------- */
.wpcf7 p {
clear: both;
height: auto;
overflow: hidden;
margin-bottom: 0;
}
span.wpcf7-form-control-wrap {
display: block;
}
.wpcf7 span.wpcf7-not-valid-tip {
top: 3px;
left: 5px;
background: transparent;
color: red;
border: 0;
}
.wpcf7 .wpcf7-captchar + span.wpcf7-not-valid-tip {
top: 10px;
left: 78px;
}
input[type="text"], input[type="email"], input[type="password"], textarea, select, .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea, .wpcf7 select, .ginput_container input[type="text"], .ginput_container input[type="email"], .ginput_container textarea, .ginput_container select, .mymail-form input[type="text"], .mymail-form input[type="email"], .mymail-form textarea, .mymail-form select, input[type="date"], input[type="tel"], input[type="number"] {
width: 100%;
margin-top: 6px;
margin-bottom: 15px;
padding: 6px 12px;
border: 2px solid #e3e3e3;
font-size: 14px!important;
height: 36px;
}
.chosen-container-multi .chosen-choices {
padding: 2px 5px;
}
.chosen-container-multi .chosen-choices li.search-field input[type=text] {
height: auto;
}
textarea, .wpcf7 textarea {
height: auto;
}
.wpcf7 .wpcf7-select {
height: 36px;
}
input[type="date"] {
padding: 5px 6px;
}
.ginput_container select {
height: 36px;
}
.sidebar .wpcf7 input[type="text"], .sidebar .wpcf7 input[type="email"], .sidebar .wpcf7 textarea, .sidebar .wpcf7 select {
width: 88%;
}
.wpcf7 textarea {
max-width: 100%;
outline: 0!important;
}
.wpcf7 .wpcf7-captchac {
float: left;
border: 1px solid #CCC;
padding: 3px 0 4px;
margin: 6px 10px 0 0;
}
.wpcf7 input.wpcf7-captchar {
float: left;
width: 45%;
}
input[type="submit"], button[type="submit"], .wpcf7 input.wpcf7-submit[type="submit"], .gform_wrapper input[type="submit"], .mymail-form input[type="submit"] {
display: inline-block;
font-size: 12px;
line-height: 18px;
height: auto;
padding: 14px 22px;
margin: 0 10px 20px 0;
font-weight: bold;
letter-spacing: 1px;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
transition: all .3s ease-out;
background: transparent;
border: 2px solid #e3e3e3;
position: relative;
overflow: hidden;
outline: none;
text-shadow: none;
text-decoration: none;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
vertical-align: middle;
max-width: 100%;
}
.wpcf7 input.wpcf7-submit[type="submit"] {
float: left;
margin-right: 0;
}
#footer .wpcf7 input.wpcf7-submit[type="submit"] {
float: right;
}
select {
display: block;
vertical-align: top;
z-index: 2;
border: none;
outline: none;
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
appearance: none;
cursor: pointer;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 8px 30px 8px 15px;
line-height: 100%;
margin: 0 0 5px;
background-image: url('/wp-content/themes/atelier/images/down-arrow@2x.png');
background-repeat: no-repeat;
background-position: 90% center;
background-position: calc(100% - 12px) center;
background-size: 9px 6px;
border: 2px solid #e3e3e3;
}
.browser-ie select, .browser-ie10 select {
background-image: none;
}
.browser-ff select {
background-image: linear-gradient;
}
.gform_wrapper select {
padding: 5px 8px!important;
}
.gform_wrapper .chzn-container .chzn-drop, .gform_wrapper .chzn-container-single .chzn-search input {
width: 100%!important;
}
.gform_wrapper .chzn-container .chzn-results li {
padding: 10px 7px 14px!important;
}
.ui-datepicker-title select {
width: auto;
padding: 0 25px 0 7px;
height: 22px;
background-position: 90% center;
font-size: 12px!important;
}
.ui-datepicker-title select:first-child {
margin-right: 4px;
}
.gform_wrapper .gfield_time_hour, .gform_wrapper .gfield_time_minute, .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year {
line-height: 40px;
}
.gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input, .gform_wrapper .gfield_date_month input, .gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_year input {
margin-bottom: 0;
}
.gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction {
line-height: 0;
}
.gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction {
line-height: normal;
margin-top: 0;
}
.gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password] {
padding: 5px 8px 5px 8px;
}
.gform_wrapper ul.gfield_radio li input+input {
width: auto;
height: 30px;
}
.gform_wrapper ul.gfield_radio li input[value=gf_other_choice] {
margin-top: 14px!important;
}
.gform_wrapper .chzn-container-single .chzn-search input {
height: auto;
}
input[type="file"] {
padding: 10px;
border: 2px solid #e3e3e3;
display: inline-block;
width: auto;
line-height: 0;
margin-top: 6px;
}
/* --------------------------------------------
PAGE BUILDER OVERRIDES
-------------------------------------------- */
.spb_accordion .spb_accordion_section > h4 a:after {
content: "\e600";
font-family: 'atelier'!important;
}
.spb_accordion .spb_accordion_section > h4.ui-state-active a:after {
content: "\e603";
}
.spb_accordion .ui-accordion .ui-accordion-content {
padding: 15px;
}
.spb_accordion_section .spb_text_column {
margin-bottom: 0;
}
.spb_accordion .ui-accordion .ui-accordion-content .row {
margin-left: -15px!important;
}
.toggle-wrap .spb_toggle:after {
content: "\e600";
font-family: 'atelier'!important;
}
.toggle-wrap .spb_toggle_title_active:after {
content: "\e603";
}
.testimonials > li:before {
content: '\e60b';
font-family: 'atelier'!important;
}
/* #BuddyPress
================================================== */
#buddypress div.dir-search {
margin: 0 0 20px;
}
#buddypress div.dir-search label {
margin-bottom: 0;
}
#buddypress div.dir-search input[type=text] {
margin: 0;
}
#buddypress div.dir-search input[type="submit"] {
margin: 0 0 0 5px;
height: 36px;
vertical-align: top;
}
#buddypress div.item-list-tabs ul li.last select, #buddypress form#whats-new-form #whats-new-options select {
width: 185px;
height: 32px;
margin-left: 10px;
padding: 0 10px;
margin-top: -4px;
}
#buddypress form#whats-new-form p.activity-greeting {
line-height: 1em;
}
#whats-new-post-in-box {
line-height: 24px;
}
#buddypress form#whats-new-form #whats-new-submit {
margin-top: 0;
}
#buddypress form#whats-new-form #whats-new-submit input[type=submit] {
margin-right: 0;
margin-bottom: 0;
height: 36px;
}
#buddypress div#item-header-cover-image h2 a, #buddypress div#item-header-cover-image h2 {
margin-bottom: 1em;
}
/* --------------------------------------------
SPINNER ANIMATIONS
-------------------------------------------- */
@-webkit-keyframes rotateplane {
0% { -webkit-transform: perspective(120px) }
50% { -webkit-transform: perspective(120px) rotateY(180deg) }
100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) }
}
@keyframes rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
} 50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
} 100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
@-webkit-keyframes stretchdelay {
0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
20% { -webkit-transform: scaleY(1.0) }
}
@keyframes stretchdelay {
0%, 40%, 100% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
} 20% {
transform: scaleY(1.0);
-webkit-transform: scaleY(1.0);
}
}
@-webkit-keyframes bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0.0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay {
0%, 80%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 40% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
@keyframes "circlespin" {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-ms-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-moz-keyframes circlespin {
from {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-moz-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-webkit-keyframes "circlespin" {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-ms-keyframes "circlespin" {
from {
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-o-keyframes "circlespin" {
from {
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-o-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-webkit-keyframes orbit-bars {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes orbit-bars {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
}
}
@-ms-keyframes orbit-bars {
from {
-ms-transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
}
}
@-o-keyframes orbit-bars {
from {
-o-transform: rotate(0deg);
}
to {
-o-transform: rotate(360deg);
}
}
@keyframes orbit-bars {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/* #Debug
================================================== */
#sf-debug {
margin: 0 auto;
max-width: 80%;
}
#sf-debug > textarea {
min-height: 800px;
margin-bottom: 40px;
outline: 0;
}
/* #Retina Styles
================================================== */
/*
* Swift Framework Retina Stylesheet v1.0
* Retina Stylesheet for Retina Dislay Devices
* Copyright 2014, Swift Ideas
*/
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sf-swipe-indicator {
background-image: url('/wp-content/themes/atelier/css/images/swipe_indicator@2x.png');
background-size: 76px 76px;
}
.tp-leftarrow, .tp-leftarrow.large, .tp-leftarrow.square, .tp-leftarrow.round, .tp-rightarrow, .tp-rightarrow.large, .tp-rightarrow.square, .tp-rightarrow.round, .rev_slider_wrapper > .tp-leftarrow, .rev_slider_wrapper > .tp-leftarrow.large, .rev_slider_wrapper > .tp-leftarrow.square, .rev_slider_wrapper > .tp-leftarrow.round, .rev_slider_wrapper > .tp-leftarrow.default, .rev_slider_wrapper > .tp-rightarrow, .rev_slider_wrapper > .tp-rightarrow.large, .rev_slider_wrapper > .tp-rightarrow.square, .rev_slider_wrapper > .tp-rightarrow.round, .rev_slider_wrapper > .tp-rightarrow.default {
background-image: url('/wp-content/themes/atelier/images/slider-nav@2x.png');
background-size: 72px 38px;
}
}
/* #Mobile Styles
================================================== */
.mobile-browser .spb_parallax_asset {
background-position: 50% 0!important;
}
.apple-mobile-browser figure.animated-overlay > img {
-webkit-backface-visibility: hidden;
}
.mobile-browser .portfolio-items .portfolio-item, .mobile-browser .blog-items .blog-item, .mobile-browser .masonry-gallery .gallery-image, .mobile-browser .gallery-items .gallery-item {
opacity: 1;
}
/* #Responsive Styles
================================================== */
/*
* Swift Framework Responsive Stylesheet v1.0
* Responsive Stylesheet for Display on Devices
* Copyright Swift Ideas 2016
*/
/* --------------------------------------------
VERTICAL MEDIA QUERIES
-------------------------------------------- */
@media screen and (max-height: 800px) {
.vertical-menu nav ul.menu > li > a {
padding: 8px 18px;
}
}
@media screen and (max-height: 760px) {
.bag-contents {
max-height: 200px;
}
}
@media screen and (max-height: 600px) {
.vertical-menu-bottom {
display: none;
}
}
/* --------------------------------------------
APPLE PAY
-------------------------------------------- */
@media only screen and (min-width: 992px) {
.single-product div.product form.cart .quantity~.button {
float: left!important;
}
}
@media only screen and (min-width: 768px) {
.single-product div.product form.cart .apple-pay-button-wrapper {
display: block;
clear: both;
padding-top: 20px;
}
}
@media only screen and (max-width: 991px) {
.single-product div.product form.cart .quantity input {
width: 100%!important;
}
}
@media only screen and (max-width: 767px) {
.woocommerce .entry-summary .yith-wcwl-add-to-wishlist {
margin-left: 0;
margin-bottom: 10px;
width: 100%;
text-align: center;
}
.single-product div.product form.cart .apple-pay-button-wrapper > .apple-pay-button {
height: 60px;
}
}
/* --------------------------------------------
LARGE DISPLAYS
-------------------------------------------- */
@media only screen and (min-width: 1500px) {
/* BLOG */
.blog-masonry-fw .col-sm-3, .fw-row .blog-masonry .col-sm-3 {
width: 20%;
}
}
@media only screen and (min-width: 1200px) {
/* LAYOUT */
.layout-boxed #container, .boxed-inner-page #main-container {
width: 1200px;
}
/* HEADER */
nav.mega-menu li.sf-mega-menu-fw .sub-container {
width: 1140px!important;
}
nav.mega-menu li.sf-mega-menu-fw .mega .sub, nav.mega-menu li.sf-mega-menu-fw .mega .sub > .row {
width: 1140px!important;
}
#header .is-sticky .sticky-header {
max-width: 1140px!important;
}
.boxed-layout #header-section #header .is-sticky .sticky-header {
max-width: 1230px;
}
.boxed-layout #header-section.header-3 #header .is-sticky .sticky-header, .boxed-layout #header-section.header-4 #header .is-sticky .sticky-header, .boxed-layout #header-section.header-5 #header .is-sticky .sticky-header {
max-width: 1140px;
}
.boxed-layout #header-section .is-sticky #main-nav.sticky-header, .boxed-layout #header-section.header-6 .is-sticky #header.sticky-header {
width: 1230px;
}
.full-center nav.float-alt-menu ul.menu > li > a, .full-center #header nav.std-menu ul.menu > li > a {
padding: 0 15px;
}
/* PRODUCTS */
.has-one-sidebar .product figure .cart-overlay .shop-actions > * {
display: inline-block;
}
.has-one-sidebar .product figure .cart-overlay .shop-actions > a.price-link {
display: none;
}
.has-one-sidebar .multi-masonry-items .product figure .cart-overlay .shop-actions > * {
display: none;
}
.has-one-sidebar .multi-masonry-items .product figure .cart-overlay .shop-actions > a.price-link {
display: inline-block;
}
.single-product.page-heading-fancy .product-main {
width: 1200px;
}
.woocommerce div.product form.cart div.quantity, .woocommerce.vertical-header .has-no-sidebar div.product form.cart div.quantity {
float: left;
margin-bottom: 0;
margin-right: 20px;
}
}
@media only screen and (min-width: 1250px) {
/* LAYOUT */
#container.boxed-layout {
width: 1230px;
}
}
@media only screen and (max-width: 1260px) {
.single-product.page-heading-fancy div.product form.cart div.quantity, .single-product.product-fw-split div.product form.cart div.quantity {
float: none;
overflow: hidden;
display: block;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 1200px) {
.full-width-shop[data-shopcolumns="6"] .product .cart-overlay .shop-actions > a > span {
display: none;
}
.woocommerce.product-fw-split div.product form.cart div.quantity, .woocommerce.vertical-header .has-no-sidebar div.product form.cart div.quantity {
float: none;
margin-bottom: 20px;
margin-right: 0;
}
}
@media only screen and (min-width: 768px) {
.sf-mobile-shop-filters {
margin-bottom: 40px;
}
.sf-mobile-shop-filters .widget {
border-bottom-width: 0;
}
}
@media (max-width: 1020px) {
#jckqv_images_wrap {
width: 100%;
padding-bottom: 40px;
}
#jckqv_summary {
width: 100%;
padding: 0;
}
}
/* --------------------------------------------
iPAD/TABLET LANDSCAPE
-------------------------------------------- */
@media only screen and (max-width: 1024px) {
/* LAYOUT */
.layout-boxed #container, .boxed-inner-page #main-container, .layout-boxed #sf-newsletter-bar {
width: 100%;
}
.boxed-inner-page #container {
padding-top: 70px;
}
.boxed-inner-page #main-container {
margin-bottom: 70px;
}
.sf-right-border, .sf-left-border, .sf-top-border, .sf-bottom-border {
display: none;
}
/* HEADER */
#header .sticky-wrapper {
height: auto!important;
}
.logo-right nav .menu > li > ul {
left: 0!important;
}
.logo-left nav .menu > li > ul {
right: 0!important;
left: auto!important;
}
nav.mega-menu li.sf-mega-menu-fw .sub-container {
width: 940px!important;
}
body.mhs-tablet-land.overlay-menu-open {
overflow: scroll;
}
.mhs-tablet-land #mobile-top-text, .mhs-tablet-land #mobile-header, .mhs-tablet-land #mobile-header-sticky-wrapper {
display: block;
}
.mhs-tablet-land .header-wrap, .mhs-tablet-land #top-bar, .mhs-tablet-land #top-bar-sticky-wrapper {
display: none;
}
.mhs-tablet-land .vertical-header #site-loading, .mhs-tablet-land .vertical-header-right #site-loading {
padding-left: 0;
padding-right: 0;
}
.mhs-tablet-land.vertical-header #container, .mhs-tablet-land.vertical-header #main-container {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
body.vertical-header.mhs-tablet-land #site-loading .spinner {
left: auto;
right: auto;
}
.mhs-tablet-land .sticky-widget.stickit {
position: relative!important;
}
/* GENERAL */
#one-page-nav {
display: none!important;
}
.page-heading.fancy-heading {
padding-top: 80px;
padding-bottom: 80px!important;
background-attachment: scroll;
background-size: cover;
-webkit-background-size: cover;
background-position: center center!important;
}
.fancy-heading .heading-text {
opacity: 1!important;
letter-spacing: 0px!important;
}
.carousel-wrap a.prev, .carousel-wrap a.next, .flex-direction-nav {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=1);
}
#sf-newsletter-bar {
display: none!important;
}
/* WOOCOMMERCE */
.full-width-shop[data-shopcolumns="6"] .product, .full-width-shop[data-shopcolumns="6"] .sidebar[class*="col-sm"] {
width: 33.3%;
}
.full-width-shop .products.multi-masonry-items .product {
width: 25%;
}
.full-width-shop[data-shopcolumns="5"] .product .cart-overlay .shop-actions > a > span {
display: none;
}
.woocommerce .products .product figure figcaption {
display: none;
}
.product figure .cart-overlay {
opacity: 1;
}
.product figure .woocommerce span.onsale, .product figure .woocommerce .wc-new-badge, .product figure .woocommerce .out-of-stock-badge, .product figure .woocommerce .free-badge {
display: none;
}
.product. figure .cart-overlay .shop-actions > * {
display: none!important;
}
.product figure .cart-overlay .shop-actions > .add_to_cart_button {
display: inline-block!important;
}
.sf-parallax-video video {
top: 0!important;
}
.spb_parallax_asset {
background-attachment: scroll!important;
background-position: center center!important;
}
.team-member figcaption span {
display: none;
}
.spb_parallax_asset {
background-position: 50% 0!important;
}
/* SHORTCODES */
.blog-grid-items .blog-item .date, .blog-grid-items .blog-item .author, .inst-overlay .name-divide {
display: none!important;
}
.blog-grid-items .blog-item.col-sm-sf-5 {
width: 50%;
}
.blog-grid-items .blog-item.col-sm-sf-25 {
width: 100%!important;
}
.products[data-columns="3"] .product .cart-overlay .shop-actions, .products[data-columns="4"] .product .cart-overlay .shop-actions, .products[data-columns="5"] .product .cart-overlay .shop-actions, .products[data-columns="6"] .product .cart-overlay .shop-actions {
display: none;
}
/* BLOG */
.blog-masonry-fw .col-sm-3, .fw-row .blog-masonry .col-sm-3 {
width: 33.3%;
}
}
@media only screen and (min-width: 992px) {
.hero-content-split #main-container > .fancy-heading-wrap .page-heading {
height: 100%!important;
}
}
@media only screen and (min-width: 768px) {
.woo-global-filters-enabled .sf-mobile-shop-filters .widget {
padding-bottom: 20px;
margin-bottom: 20px;
}
.woo-global-filters-enabled .sf-mobile-shop-filters {
padding-bottom: 40px;
}
}
/* --------------------------------------------
iPAD/TABLET PORTRAIT
-------------------------------------------- */
@media only screen and (max-width: 991px) {
/* LAYOUT */
#container.boxed-layout {
width: auto;
}
.hero-content-split #main-container > .page-heading, .hero-content-split #main-container > .fancy-heading-wrap {
float: none;
width: 100%;
height: auto;
}
.hero-content-split #main-container > .container {
float: none;
width: 100%;
height: auto;
overflow: auto;
}
.hero-content-split #main-container {
height: auto!important;
}
.hero-content-split #main-container .container {
padding-left: 15px;
padding-right: 15px;
}
.swiper-slide .caption-content {
padding: 0;
}
/* HEADER */
#header .is-sticky .sticky-header {
left: 0;
}
nav.mega-menu li.sf-mega-menu-fw .sub-container {
width: 720px!important;
}
nav.mega-menu li.sf-mega-menu-fw .mega .sub, nav.mega-menu li.sf-mega-menu-fw .mega .sub > .row {
width: 720px!important;
}
body.mhs-tablet-port.overlay-menu-open {
overflow: scroll;
}
.mhs-tablet-port #mobile-top-text, .mhs-tablet-port #mobile-header, .mhs-tablet-port #mobile-header-sticky-wrapper {
display: block;
}
.mhs-tablet-port .header-wrap, .mhs-tablet-port #top-bar, .mhs-tablet-port #top-bar-sticky-wrapper {
display: none;
}
.mhs-tablet-port.vertical-header #container, .mhs-tablet-port.vertical-header #main-container {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
body.vertical-header.mhs-table-port #site-loading .spinner {
left: auto;
right: auto;
}
.mhs-tablet-port .sticky-widget.stickit {
position: relative!important;
}
/* FOOTER */
.footer-spacer {
display: none;
}
#footer-wrap {
position: relative;
}
#copyright {
padding: 20px;
}
#copyright p {
float: none;
text-align: center;
}
#copyright .text-left {
width: 100%;
float: none;
margin-bottom: 20px;
max-width: 100%;
text-align: center;
}
#copyright .text-right {
width: 100%;
float: none;
max-width: 100%;
text-align: center;
}
#copyright nav .menu {
float: none;
width: 100%;
text-align: center;
margin-top: 20px;
}
#copyright nav .menu li {
float: none;
border-left-width: 0!important;
}
/* POSTS */
.blog-masonry-fw .col-sm-3, .fw-row .blog-masonry .col-sm-3 {
width: 50%;
}
.masonry-items .blog-item {
width: 50%;
}
.post-pagination .blog-button {
display: none;
}
.mini-items .blog-item figure {
width: 50%!important;
margin-right: 2%;
}
.mini-items .blog-item:nth-child(even) figure {
margin-right: 0;
margin-left: 2%;
}
.mini-items .blog-item .blog-details-wrap {
width: 48%;
float: left;
}
/* PRODUCTS */
.full-width-shop .product, .full-width-shop .sidebar[class*="col-sm"] {
width: 33.3%;
}
.product .cart-overlay .shop-actions > a > i {
font-size: 14px;
}
.product .cart-overlay .shop-actions > a > span {
display: none;
}
.products .product .product-details {
float: none;
text-align: center;
margin-bottom: 10px;
}
.products .product.product-layout-list .product-details {
text-align: left!important;
}
.product-display-standard .product-actions {
text-align: center;
}
.products .product .product-details .price {
float: none;
text-align: center;
display: block;
}
.products .product .product-details .posted_in {
float: none;
text-align: center;
display: block;
}
.products .product .preview-slider-item-wrapper .product-details .posted_in {
text-align: inherit;
}
table.totals_table {
width: 40%;
}
#order_review table.shop_table td.product-img {
width: 15%;
}
#order_review table.shop_table td.product-description {
width: 55%;
}
.cart-items-wrap {
width: 100%;
margin-bottom: 30px;
}
.cart-totals-wrap {
width: 100%;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
width: 48%;
}
.woocommerce-cart table.cart td.actions .coupon input[name="apply_coupon"] {
margin-right: 0;
}
.woocommerce .cart button[name="update_cart"] {
width: 60%!important;
margin: 20px 20% 0;
float: none!important;
}
/* TEAM MEMBER */
article.type-team .profile-image-wrap {
float: none;
width: 100%;
}
article.type-team .article-body-wrap {
float: none;
width: 100%;
margin-right: 0;
margin-top: 20px;
}
/* WIDGETS */
.widget_lip_most_loved_widget .loved-item > a {
max-width: 60%;
}
.widget_sf_infocus_widget .infocus-item h5 {
max-width: 70%;
}
/* SHORTCODES */
.portfolio-showcase-wrap ul[data-columns="4"] li {
width: 50%!important;
}
.portfolio-showcase-wrap ul[data-columns="4"] li .main-image {
left: 0!important;
width: 100%!important;
}
.portfolio-showcase-wrap ul[data-columns="5"] li .item-info h4 {
width: 50%;
}
.spb_gallery_widget .gallery-nav {
display: none;
}
.gallery .gallery-item {
min-width: 29.3%!important;
}
/* WOOCOMMERCE */
ul.checkout-process li:after {
display: none;
}
.woocommerce .help-bar {
text-align: center;
}
.woocommerce .help-bar span {
float: none;
}
.woocommerce .help-bar ul {
float: none;
text-align: center;
}
.woocommerce .help-bar ul li {
display: inline-block;
float: none;
margin-top: 15px;
}
.woocommerce-cart .woocommerce .span9, .woocommerce-cart .woocommerce .span3 {
width: 100%;
float: none;
padding-left: 10px;
clear: both;
height: auto;
overflow: hidden;
padding-right: 10px;
margin-left: 0;
}
.woocommerce-cart .woocommerce .span3 {
margin-top: 40px;
}
.products .product figure figcaption .thumb-info {
display: none;
}
.woocommerce-shop-page.has-one-sidebar[data-shopcolumns="5"] .product figcaption,
.woocommerce-shop-page.has-one-sidebar[data-shopcolumns="6"] .product figcaption,
.woocommerce-shop-page.has-both-sidebars[data-shopcolumns="5"] .product figcaption,
.woocommerce-shop-page.has-both-sidebars[data-shopcolumns="6"] .product figcaption,
.woocommerce-shop-page.has-one-sidebar[data-shopcolumns="5"] .product .cart-overlay,
.woocommerce-shop-page.has-one-sidebar[data-shopcolumns="6"] .product .cart-overlay,
.woocommerce-shop-page.has-both-sidebars[data-shopcolumns="5"] .product .cart-overlay,
.woocommerce-shop-page.has-both-sidebars[data-shopcolumns="6"] .product .cart-overlay {
display: none!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
white-space: normal;
}
.my-account-login-wrap .col2-set .col-1 {
float: none;
width: 100%;
margin-bottom: 30px;
}
.my-account-login-wrap .col2-set .col-2 {
float: none;
width: 100%;
}
.woocommerce table.cart .product-thumbnail {
display: table-cell;
width: auto;
padding-right: 10px;
}
#tab-reviews #comments {
width: 100%;
margin-bottom: 30px;
}
#tab-reviews #review_form_wrapper {
width: 100%;
}
.woocommerce div.product form.cart div.quantity {
margin-bottom: 20px!important;
margin-right: 0!important;
width: 100%;
float: none!important;
max-width: none;
position: relative;
}
.woocommerce .summary .quantity input.qty {
border-left-width: 2px;
width: 100%;
padding-right: 16px;
}
.woocommerce .quantity .qty-adjust {
position: absolute;
top: 0;
right: 0;
z-index: 2;
border-left-width: 2px;
border-left-style: solid;
}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.recent-posts-list li .recent-post-image {
float: none;
}
.recent-posts-list li .recent-post-details {
margin-left: 0;
padding: 15px 0;
}
.campaign-details-mini .detail {
width: 100%;
float: none;
margin-top: 10px;
}
.woocommerce div.product form.cart .button {
float: none;
width: 100%;
}
.woocommerce form.entry-summary .yith-wcwl-add-to-wishlist {
margin-left: 0;
margin-top: 20px;
}
}
/* --------------------------------------------
iPHONE LANDSCAPE
-------------------------------------------- */
@media only screen and (max-width: 767px) {
/* LAYOUT */
h1, h2, h3, h4 {
word-break: break-word;
}
.col-sm-sf-5, .col-sm-sf-25 {
width: 50%;
}
#site-loading .spinner {
top: 60%;
}
body-port.overlay-menu-open {
overflow: scroll;
}
#sf-header-banner {
display: none;
}
.home #sf-header-banner {
display: block;
}
#main-container {
overflow: hidden;
}
.sidebar {
height: auto!important;
}
.sidebar-widget-wrap.sticky-widget {
width: auto!important;
top: 0!important;
}
.page-heading.fancy-heading {
max-height: 200px;
padding-top: 0!important;
padding-bottom: 0!important;
}
.fancy-style .page-heading.fancy-heading {
height: auto!important;
}
.hero-content-split .page-heading .post-pagination {
display: none;
}
.single-product .fancy-style .page-heading.fancy-heading {
min-height: 200px;
}
.page-heading-breadcrumbs.fancy-heading .heading-text[data-textalign="left"] #breadcrumbs {
right: 15px;
}
.page-heading.fancy-heading .heading-text {
padding: 50px 30px;
margin-top: 0!important;
}
.fancy-tabbed-style .fancy-heading .heading-text {
padding: 15px;
}
.page-heading h1 {
word-wrap: normal;
white-space: normal;
}
.page-heading .container {
padding: 0 20px;
}
.fancy-style .fancy-heading .heading-text > h1 {
font-size: 32px;
line-height: 46px;
}
.page-heading-breadcrumbs.fancy-heading .heading-text[data-textalign="center"] #breadcrumbs {
border: 0;
margin-top: 0;
padding-top: 0;
}
.spb-row-container.col-window-height {
height: auto!important;
}
.spb-row-container.col-window-height > .spb_content_element, .spb-row-container.col-window-height > .spb_content_element > .container, .spb-row-container.col-window-height .container > .row, .spb-row-container.col-window-height .spb-column-container, .spb-row-container.col-window-height .spb-column-container .spb-asset-content {
height: auto;
min-height: 0!important;
}
.spb_parallax_asset.parallax-window-height[data-v-center="true"] > .spb_content_wrapper, .spb_parallax_asset.parallax-window-height[data-v-center="true"] > .spb_content_element {
top: 0!important;
margin-top: 0!important;
}
.spb-asset-content {
margin-top: 0!important;
margin-bottom: 0!important;
}
.spb_parallax_asset.parallax-window-height {
height: auto!important;
}
/* .spb-row-container[data-v-center="true"] .row > div {
min-height: 0!important;
}*/
.spb-row-container[data-v-center="true"] .multi-column-row .spb-bg-color-wrap {
position: relative;
}
.blank_spacer {
margin-bottom: 0!important;
}
#container.boxed-layout {
width: 100%;
}
[class*="span"], .uneditable-input[class*="span"], .row [class*="span"] {
margin-bottom: 20px;
}
.inner-page-wrap {
margin-top: 30px;
margin-bottom: 30px;
}
.has-both-sidebars article, .has-both-sidebars .type-page, .has-both-sidebars .archive-page, .has-both-sidebars > .type-product, .has-both-sidebars .page-content, aside.sidebar, .has-left-sidebar article, .has-left-sidebar .type-page, .has-left-sidebar .archive-page, .has-left-sidebar .push-right, .single-post .content-right {
float: none!important;
}
.fancy-tabbed-style .fancy-heading .heading-text h1 {
margin-left: 0;
}
.fancy-tabbed-style .fancy-heading .heading-text #breadcrumbs {
margin-right: 0;
}
#page-wrap {
padding: 0 5px;
}
.page-heading .heading-text {
margin-left: 0;
}
#back-to-top {
padding: 7px 10px 5px;
opacity: 0.6!important;
}
h4.spb-center-heading {
margin-top: 5px;
margin-bottom: 25px;
}
.spb_text_column {
margin-bottom: 30px;
}
.sf-super-search .search-go {
position: relative;
bottom: 0;
width: 100%;
}
.sf-super-search .search-go .super-search-go {
width: 100%;
text-align: center;
}
.mhs-tablet-land .sticky-widget.stickit {
position: relative!important;
}
/* GENERAL */
.tp-caption a.sf-button {
padding: 0% 14%!important;
}
.page-heading .heading-text, .post-type-archive-product .page-heading .heading-text {
float: none;
top: 0;
}
.woocommerce .page-heading .woocommerce-ordering {
margin-top: 20px;
}
.page-heading .woocommerce-count-wrap {
float: none;
text-align: center;
height: auto;
overflow: hidden;
margin-right: 0;
margin-bottom: 0;
padding-top: 20px;
}
.page-heading .woocommerce-count-wrap p, .page-heading .woocommerce-count-wrap p {
float: none;
margin-left: 0;
}
#breadcrumbs {
float: none;
margin-top: 15px;
display: none;
}
h4.spb-center-heading {
max-width: 60%;
}
.sf-icon.sf-icon-large {
line-height: 84px;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea, .wpcf7 select, .wpcf7 textarea {
width: 100%;
max-width: 100%;
}
.full-width-area.blog-masonry-fw {
padding: 0 20px;
}
.filter-wrap {
display: none;
clear: both!important;
}
.post-filter-tabs li.all, .post-filter-tabs li.has-items {
width: 46%;
margin: 0 0 10px;
}
.sidebar.left-sidebar .sidebar-widget-wrap {
padding-right: 0;
}
.sidebar.right-sidebar .sidebar-widget-wrap {
padding-left: 0;
}
.single-post .content-left, .single-post .left-sidebar {
padding-left: 15px;
}
.single-post .content-right, .single-post .right-sidebar {
padding-right: 15px;
}
/* HEADER */
.mhs-mobile #mobile-top-text, .mhs-mobile #mobile-header, .mhs-mobile #mobile-header-sticky-wrapper {
display: block;
}
.mhs-mobile .header-wrap, .mhs-mobile #top-bar, .mhs-mobile #top-bar-sticky-wrapper {
display: none;
}
.mhs-mobile.vertical-header #container, .mhs-mobile.vertical-header #main-container {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
body.vertical-header.mhs-mobile #site-loading .spinner {
left: auto;
right: auto;
}
#sf-banner-widgets .widget {
padding: 5px 0!important;
}
/* FOOTER */
#base-promo p {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
#base-promo p.footer-promo-text {
margin-bottom: 0;
}
#base-promo a.sf-button {
margin: 0;
}
#footer {
padding: 30px 0 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#copyright nav .menu li {
float: none;
width: auto;
border-top-width: 0;
}
/* POST */
.mini-items .blog-item {
padding-left: 15px;
padding-right: 15px;
}
.content-wrap.extra-spacing blockquote {
margin: 0 0 20px;
}
.content-wrap.extra-spacing > p > img {
margin: 0 0 20px;
width: auto;
max-width: 100%;
}
.related-wrap {
padding: 25px 15px 0;
}
.related-items .recent-post {
width: 50%;
}
.standard-post-author {
display: none;
}
.author-info-wrap, .post-info {
width: 100%;
float: none;
margin-left: 0;
}
.post-details-wrap {
float: none;
width: 100%;
margin-top: 30px;
}
.post-aux-wrap .post-pagination {
margin-left: 0;
margin-right: 0;
}
.post-pagination-wrap {
padding: 20px 0;
}
.post-pagination-wrap.prev-next .next-article, .post-pagination-wrap.prev-next .prev-article {
width: 100%;
float: none;
}
.post-pagination-wrap.prev-next .next-article {
margin-bottom: 20px;
}
.post-pagination-wrap h2 {
font-size: 24px;
line-height: 34px;
}
.standard-post-details {
margin-top: 20px;
}
.tags-link-wrap .comments-likes {
float: none;
margin-top: 20px;
height: auto;
overflow: hidden;
display: block;
text-align: left;
width: 100%;
}
.pagination-wrap {
display: block!important;
visibility: visible!important;
}
.related-items li {
width: 50%;
float: left;
}
.blog-standard {
padding: 0;
}
.timeline {
left: 30px!important;
}
.blog-timeline.col-sm-8 .timeline {
left: 50%!important;
}
#infscr-loading {
margin: -20px 15px 0;
}
/* BLOG */
.blog-masonry-fw .col-sm-3, .fw-row .blog-masonry .col-sm-3 {
width: 100%;
}
.masonry-items .blog-item {
width: 100%;
}
#commentform p {
position: relative;
}
#commentform p > input#url {
margin-top: 5px;
}
.posts-type-standard-row .figure-wrap {
width: 100%;
float: none;
margin-bottom: 30px;
}
.posts-type-standard-row .has-thumb .details-wrap {
width: 100%;
float: none;
padding-left: 0;
}
/* PORTFOLIO */
.multi-masonry-items > li.portfolio-item {
width: 100%!important;
}
.multi-masonry-items > li.portfolio-item figure {
overflow: hidden;
}
.filterable-items {
height: auto!important;
}
.filterable-items > li, .filterable-items > div, .filterable-items .portfolio-item {
width: 100%;
position: relative!important;
top: 0!important;
left: 0!important;
-moz-transform: none!important;
-webkit-transform: none!important;
transform: none!important;
}
.browser-ff .portfolio-item.col-sm-4 {
width: 100%;
}
.multi-masonry-items .portfolio-item .multi-masonry-img-wrap, .multi-masonry-items .portfolio-item figure > img, .multi-masonry-items .product .multi-masonry-img-wrap, .multi-masonry-items .product figure > img {
height: auto!important;
}
.multi-masonry-items .size-wide .multi-masonry-img-wrap, .multi-masonry-items .size-wide-tall .multi-masonry-img-wrap {
margin-left: -50%;
}
.portfolio-details-wrap .item-link {
float: none;
display: block;
margin-top: 20px;
}
.full-width-display-wrap figure.fw-media-wrap {
margin-left: -20px!important;
}
.portfolio-options-bar ul.pagination-wrap {
width: 40%;
}
.full-width-display-wrap .portfolio-options-bar {
position: relative;
top: 0;
height: auto;
overflow: hidden;
margin-top: 20px;
}
/* WIDGETS */
.post-info > span {
display: inline-block;
max-width: 70%;
}
.article-body-wrap .share-links .share-text {
padding: 8px 12px;
}
.article-body-wrap .share-links ul li > a, .article-body-wrap .share-links ul li > div {
padding: 8px 14px;
}
/* SHORTCODES */
.one_half, .one_third, .two_third, .three_fourth, .one_fourth {
width: 100%;
float: none;
margin-right: 0;
margin-bottom: 20px;
height: auto;
overflow: hidden;
}
.masonry-gallery .gallery-image {
width: 100%;
}
.bold-items .blog-item {
width: 100%;
}
.tp-caption a.sf-button {
font-size: inherit;
padding: 4% 8%;
line-height: auto;
}
.portfolio-grid {
overflow: hidden;
}
.portfolio-grid .tooltip {
display: none!important;
}
.spb_tweets_slider_widget .text-large .tweet-text, .testimonials-slider .testimonial-text.text-large {
font-size: 16px;
line-height: 28px;
}
.spb_parallax_asset {
background-attachment: scroll;
}
.portfolio-showcase-wrap ul {
margin-right: 0!important;
white-space: normal;
margin-bottom: 0;
}
.portfolio-showcase-wrap ul[data-columns="4"] li, .portfolio-showcase-wrap ul[data-columns="5"] li {
width: 100%!important;
height: auto!important;
display: block;
}
.portfolio-showcase-wrap ul[data-columns="4"] li .main-image, .portfolio-showcase-wrap ul[data-columns="5"] li .main-image {
left: 0!important;
width: 100%!important;
top: 0!important;
opacity: 1;
position: relative;
height: auto;
}
.portfolio-showcase-wrap ul li .item-info, .portfolio-showcase-wrap ul li .item-logo {
display: none!important;
}
.portfolio-item.size-wide-tall ul.slides {
max-height: none!important;
}
.portfolio-item.size-wide-tall ul.slides > li {
margin-top: 0!important;
}
ul.team-members > li {
width: 50%;
}
figcaption .thumb-info > ul.social-icons {
display: none!important;
}
.spb_parallax_asset {
width: auto;
}
.widget.flickr-widget ul {
margin-right: 0;
}
.sf-image-banner > .image-banner-content {
bottom: 50%!important;
}
.chart-shortcode {
margin: 0 auto;
}
.gallery .gallery-item {
min-width: 0;
width: 46%!important;
}
.blog-grid-items .blog-item {
width: 100%!important;
}
.blog-grid-items .blog-item.col-sm-sf-5 {
width: 50%!important;
}
.spb_gmaps_widget .filter-search-container {
width: 100%;
float: none;
margin-bottom: 15px;
}
.spb_gmaps_widget .directory-filter {
width: 33%;
margin-left: 0;
margin-right: 2%;
}
.directory-search-container {
margin-left: 0;
width: 30%;
}
.posts-carousel .owl-wrapper-outer {
padding-top: 0;
}
.recent-posts.posts-type-standard {
padding-top: 0;
margin-bottom: 30px;
}
.sf-promo-bar.promo-button p {
margin-right: 0;
margin-bottom: 20px;
}
.spb_testimonial_slider_widget .testimonial-icon, .spb_tweets_slider_widget .tweet-icon {
padding: 0 60px;
}
.spb_testimonial_slider_widget .content-slider .lSSlideWrapper, .spb_tweets_slider_widget .content-slider .lSSlideWrapper, .testimonials-slider .testimonial-text, .testimonials-slider cite, .testimonials-slider cite span {
padding: 0 30px!important;
}
/* WOOCOMMERCE */
.woocommerce .page-description {
padding: 0 20px;
}
.single-product.page-heading-fancy .product-main {
width: 780px;
}
.product-main {
padding-left: 30px;
padding-right: 30px;
}
.product-after-summary {
padding-left: 30px;
padding-right: 30px;
}
.woocommerce div.product div.images, .woocommerce div.product div.summary {
width: 100%!important;
padding-left: 0;
}
.product-fw-split div.product div.summary {
padding-left: 40px;
margin-bottom: 30px;
}
.woocommerce div.product div.summary {
padding-top: 30px;
}
.woocommerce div.product div.summary .summary-top h1 {
max-width: 90%;
}
.woocommerce .products .product {
width: 50%!important;
float: left;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
width: 100%;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
margin-bottom: 10px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
width: auto;
display: inline-block;
margin: 0 0 0 30px!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:first-child {
margin-left: 0!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
max-width: 100%;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:after {
display: none;
}
.woocommerce div.product .woocommerce-tabs .panel {
width: 100%;
padding: 0!important;
border-left: 0;
}
#product-reviews-wrap #comments {
width: 100%;
padding-right: 15px;
}
#product-reviews-wrap #review_form_wrapper {
width: 100%;
float: none;
}
.full-width-shop .product, .full-width-shop .sidebar[class*="col-sm"] {
width: 50%!important;
}
.woocommerce .woocommerce-message a.button {
display: block;
}
#order_review table.shop_table td.product-img {
width: 20%;
}
#order_review table.shop_table td.product-description {
width: 50%;
}
#order-details {
padding-right: 15px;
}
.product .cart-overlay .shop-actions .jckqvBtn, .product figure .cart-overlay .yith-wcwl-add-to-wishlist a {
width: 60px;
}
.woo-aux-options .shop-layout-opts > a[data-layout="solo"] {
display: inline-block;
}
.woo-aux-options .shop-layout-opts > a[data-layout="grid"], .woo-aux-options .shop-layout-opts > a[data-layout="list"] {
display: none;
}
.woocommerce div.product .woocommerce-tabs {
border-top: 0;
padding-top: 0;
margin-top: 40px;
}
.product-related-wrap {
padding: 0 30px;
}
.product.product-layout-list .cart-overlay .shop-actions {
display: none;
}
.woocommerce table.shop_table.cart td.product-name {
max-width: 40%;
}
.woocommerce table.shop_table tr td, .woocommerce-page table.shop_table tr td {
padding: 30px 5px 30px 0;
}
.woocommerce-cart-form > .row {
margin-left: 0;
margin-right: 0;
}
/*
.woocommerce table.shop_table_responsive tr {
padding: 20px 0 0;
border-bottom: 1px solid #e3e3e3;
margin-bottom: 20px;
}
.woocommerce table.shop_table.cart tr td {
width: 100%;
padding: 10px 0;
height: auto;
overflow: hidden;
}
.woocommerce table.shop_table.cart td.product-name {
max-width: none;
padding-top: 10px;
}
.woocommerce table.shop_table tr td.product-quantity .quantity {
float: right;
text-align: right;
position: relative;
padding-right: 30px;
margin-right: 0!important;
}
.woocommerce table.shop_table_responsive tr td.product-remove {
padding: 10px 0;
}
.woocommerce table.shop_table_responsive tr td.product-remove:before {
content: attr(data-title) ": ";
font-weight: 700;
float: left;
display: block;
opacity: 0.5;
}
.woocommerce table.shop_table_responsive tr td.product-remove .remove {
height: auto;
line-height: 28px;
text-align: right;
padding-right: 0;
width: 40%;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td {
background-color: transparent;
}*/
.woocommerce .shipping-calc-wrap {
width: 100%;
}
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2 {
float: none!important;
width: 100%!important;
}
.my-account-left {
float: none;
width: 100%;
margin-right: 0;
margin-bottom: 40px;
}
.my-account-right {
float: none;
width: 100%;
}
table.wishlist_table .product-price, table.wishlist_table .product-stock-status {
display: none;
}
.woocommerce-cart .woocommerce .span9, .woocommerce-cart .woocommerce .span3 {
margin-left: 0;
margin-top: 0;
margin-bottom: 0;
}
.woocommerce table.shop_table, .woocommerce-page table.shop_table {
margin-bottom: 30px;
border-bottom: 0;
}
.woocommerce-page .cart-collaterals {
margin-bottom: 30px;
}
.woocommerce table.shop_table .product-thumbnail, .woocommerce table.shop_table .product-unitprice, .woocommerce table.shop_table .product-price {
display: none;
}
.woocommerce table.shop_table .product-name .price, .woocommerce-cart table.shop_table .product-name .amount {
display: block;
}
.woocommerce .shipping-calc {
float: none;
width: 100%;
height: auto;
}
.woocommerce .coupon {
float: none;
width: 100%;
margin-left: 0;
height: auto;
overflow: hidden;
margin-bottom: 40px;
padding-top: 10px;
}
.woocommerce .help-bar {
margin-bottom: 20px;
}
.woocommerce .help-bar ul li, .woocommerce .help-bar ul li:first-child {
margin: 15px 7px 0;
}
.already-logged-in, .checkout-process, #billing .proceed {
display: none;
}
.checkout-pane {
display: block!important;
margin-top: 40px;
}
#billing {
margin-top:80px;
}
ul.checkout-process {
display: none;
}
.woocommerce form #billing #shiptobilling {
float: none;
margin: 0;
}
.woocommerce span.onsale, .woocommerce .wc-new-badge, .woocommerce .out-of-stock-badge {
display: none;
}
.summary .product_meta .need-help, .summary .product_meta .leave-feedback {
display: block;
float: none;
margin-bottom: 5px;
}
.products .product .product-details {
float: none;
text-align: center;
}
.products .product .price {
text-align: center;
float: none;
margin-top: 10px;
margin-bottom: 0;
}
#order_review table.shop_table {
border-bottom: 1px solid #e3e3e3;
}
#order_review table.shop_table td.product-description {
width: 40%;
}
#order_review table.shop_table td.product-unitprice, #order_review table.shop_table td.product-quantity, #order_review table.shop_table td.product-subtotal {
width: 20%;
}
table.totals_table {
width: 100%;
}
.product-type-standard .product .cart-overlay {
display: none;
}
.multi-masonry-items .product .cart-overlay {
display: inline-block!important;
}
.shop-layout-opts {
display: none;
}
.woocommerce-count-wrap {
display: none;
}
.woo-aux-options {
margin-bottom: 10px;
}
.sf-mobile-shop-filters-link {
display: block;
}
.mobile-woo-aux-details .shop-layout-opts {
display: block;
}
.full-width-shop .mobile-woo-aux-details .shop-layout-opts {
display: none;
}
.mobile-woo-aux-options {
display: block;
}
.woo-global-filters-enabled .mobile-woo-aux-details {
display: block;
}
.my_account_orders td.order-number {
font-size: 16px;
}
.woocommerce table.my_account_orders tr td {
padding-right: 10px;
}
.woocommerce table.my_account_orders tr th.order-actions, .woocommerce table.my_account_orders tr td.order-actions {
display: block;
max-width: none;
text-align: left;
}
.my_account_orders th.subscription-title, .my_account_orders td.subscription-title {
max-width: none;
}
.sf-mobile-shop-filters {
margin-left: 0;
margin-right: 0;
}
.sf-mobile-shop-filters .tagcloud {
padding: 30px 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 100%;
float: none;
margin-bottom: 30px;
}
.woocommerce-account .woocommerce-MyAccount-content {
float: none;
width: 100%;
}
.single-product .has-both-sidebars .page-content {
padding-left: 0;
}
.woocommerce .has-both-sidebars aside {
padding-left: 0;
padding-right: 0;
}
.product > #product-reviews-wrap #reviews {
margin-left: 0;
margin-right: 0;
}
.woocommerce div.product.woocommerce-thumb-nav--left div.images .flex-viewport {
float: none;
width: 100%;
}
.woocommerce div.product.woocommerce-thumb-nav--left div.images .flex-control-nav {
float: none;
width: auto;
padding-right: 0;
}
.woocommerce div.product.woocommerce-thumb-nav--left div.images .flex-control-thumbs li {
display: inline-block;
padding: 0 15px;
float: left;
width: 25%;
}
/* EVENTS CALENDAR */
#tribe-bar-views .tribe-bar-views-list {
margin-top: 10px;
}
/* EDD */
.download-main {
width: 100%;
float: none;
margin-bottom: 50px;
}
.download-sidebar {
width: 100%;
float: none;
}
.product-grid.download-grid {
height: auto!important;
}
.download-item {
width: 100%;
position: relative;
}
}
/* --------------------------------------------
iPHONE PORTRAIT
-------------------------------------------- */
@media only screen and (max-width: 479px) {
/* GENERAL */
#main-container {
width: 100%;
}
.col-sm-sf-5, .col-sm-sf-25 {
width: 100%;
}
a.sf-button {
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
.flexslider .flex-direction-nav {
display: none;
}
#back-to-top {
padding: 12px 10px 5px;
width: 60px;
height: 60px;
}
#back-to-top > i {
font-size: 34px;
width: 34px;
line-height: 34px;
}
.title-wrap.has-button {
text-align: center
}
.title-wrap .carousel-arrows {
margin-left: 5px;
margin-top: 1px;
}
.title-wrap.has-button .spb-heading {
float: none;
text-align: center;
}
.title-wrap a.sf-button {
min-width: 40px;
float: none;
margin-top: 10px;
display: none;
}
.title-wrap a.sf-button span.text {
display: none;
}
.divider-wrap h3.divider-heading:before, .divider-wrap h3.divider-heading:after {
display: none;
}
.tabbed-heading-wrap h1 {
float: none!important;
}
.tabbed-heading-wrap #breadcrumbs {
position: relative!important;
float: none!important;
margin-top: 15px;
right: auto!important;
left: auto!important;
bottom: auto!important;
}
.page-heading-standard .page-heading {
padding: 20px 0;
}
.page-heading.fancy-heading .heading-text {
padding: 25px 30px;
}
.fancy-tabbed-style .page-heading.fancy-heading .heading-text {
padding: 14px 20px;
}
.page-heading-breadcrumbs h1 {
margin-bottom: 10px;
}
.page-heading-breadcrumbs #breadcrumbs {
max-width: 100%;
white-space: normal;
line-height: 28px!important;
}
.swiper-slide .caption-content {
padding: 0 10px;
}
/* HEADER */
#logo img {
max-width: 200px;
height: auto!important;
}
/* FOOTER */
#copyright nav .menu li {
border-top-width: 1px;
border-left: 0;
}
#copyright nav .menu li:first-child {
border-top-width: 0;
}
/* BLOG */
.blog-grid-items .blog-item h2.tweet-text, .blog-grid-items .instagram-item .inst-overlay h2 {
font-size: 32px!important;
line-height: 150%!important;
}
.masonry-items .blog-item .comments-likes {
display: none;
}
.blog-aux-options li {
display: block;
margin-left: 0;
}
.blog-aux-options li form input {
width: 100%;
}
.comment-meta-actions {
position: relative;
margin-bottom: 10px;
}
.comment-meta-actions .edit-link {
margin-left: 0;
}
.article-body-wrap .share-links .share-text {
display: none;
}
.article-body-wrap .share-links ul li > a, .article-body-wrap .share-links ul li > div {
padding: 8px 10px;
}
.article-body-wrap .share-links ul li:first-child {
border-left: 0;
}
.post-info > span {
margin-bottom: 10px;
max-width: 100%;
}
.masonry-items .blog-item {
width: 100%;
}
.pagination-wrap li.prev, .pagination-wrap li.next {
width: 25%;
}
.pagination-wrap li.prev a, .pagination-wrap li.next a {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.related-items .recent-post {
width: 100%;
}
.post-pagination .prev-article {
width: 100%;
margin-bottom: 30px;
}
.mini-items .blog-item figure {
width: 100%!important;
float: none;
margin-right: 0!important;
margin-left: 0!important;
margin-bottom: 30px;
}
.mini-items .blog-item .blog-details-wrap {
width: 100%;
float: none;
}
/* PORTFOLIO */
.filterable-items .portfolio-item {
width: 100%;
position: relative!important;
}
/* SHORTCODES */
.carousel-wrap.product-carousel {
margin-left: -10px;
}
h3.spb-center-heading, h4.spb-center-heading {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.nav-tabs>li {
width: 50%;
margin-left: 0!important;
text-align: center;
margin-bottom: 10px;
}
.spb_tabs .nav-tabs li a {
border-left-width: 1px;
}
.spb_tabs .nav-tabs li:first-child a, .spb_tabs .nav-tabs li:last-child a {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.spb_tour .nav-tabs {
width: 30%!important;
}
.spb_tour .nav-tabs>li {
width: 100%;
}
.spb_tour .tab-content {
padding-left: 32%!important;
}
.gallery-columns-3 .gallery-item {
width: 100%!important;
margin: 0 0 20px;
}
.directory-item figure {
width: 100%;
float: none;
margin-bottom: 20px;
}
.directory-item .directory-item-details {
width: 100%;
margin-left: 0;
float: none;
}
.spb_gmaps_widget .filter-search-container {
width: 100%;
float: none;
margin-bottom: 15px;
}
.spb_gmaps_widget .directory-filter {
width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: 15px;
}
.directory-search-container {
float: none;
width: 100%;
}
.sf-promo-bar p {
display: block;
}
.sf-promo-bar.promo-arrow>a>i {
display: block;
margin-left: 0;
margin-top: 10px;
}
.carousel-wrap.product-carousel {
max-width: 100%;
margin-left: 0;
overflow: hidden;
}
/* WOOCOMMERCE */
.woocommerce .products .product {
width: 100%!important;
float: none;
}
.woocommerce .products .product.col-sm-sf-5 {
width: 50%!important;
float: left;
}
.woocommerce .products .product.col-sm-sf-5.product-layout-list, .woocommerce .products .product.col-sm-sf-5.product-layout-solo {
width: 100%!important;
}
.full-width-shop.product {
width: 100%!important;
}
.full-width-shop .sidebar[class*="col-sm"] {
display: none;
}
.full-width-shop .mobile-woo-aux-details .shop-layout-opts {
display: block;
}
.product .cart-overlay .shop-actions > a > span {
display: inline-block;
}
.woocommerce-count-wrap {
float: left;
margin-bottom: 20px;
width: 45%;
height: auto;
overflow: hidden;
}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
float: right;
width: 60%;
margin-bottom: 0;
}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th {
padding: 12px 10px 12px 0;
}
.woocommerce table.shop_table tr td.product-remove .remove {
width: 28px;
padding: 0 3px;
}
.woocommerce table.shop_table tr td.product-quantity .quantity {
margin-right: 5px!important;
margin-left: 0;
min-width: 46px;
line-height: 60px;
}
ul.checkout-process li {
width: 50%;
}
.woocommerce form #billing .form-row label {
float: none;
width: 100%;
}
.woocommerce form #billing .form-row input {
float: none;
width: 100%;
}
.woocommerce-checkout .form-row .chzn-container {
width: 100%!important;
}
.woocommerce form #billing .form-row textarea {
float: none;
width: 100%;
}
.change_password_form p.form-row {
width: 100%;
float: none;
}
table.shop_table.my_account_orders .order-date, table.shop_table.my_account_orders .order-amount {
display: none;
}
table.wishlist_table .product-thumbnail {
display: none;
}
.woocommerce .shipping-calculator-form .form-row-left {
width: 100%;
margin: 0 0 15px;
}
.woocommerce .shipping-calculator-form .update-totals-button {
width: 100%;
}
.track_order p.form-row {
width: 100%;
float: none;
margin-bottom: 25px;
}
.woocommerce #account_details .new-here-text {
float: none;
width: 100%;
margin-right: 0;
}
.woocommerce #account_details .bag-buttons {
width: 100%;
float: none;
margin-top: 20px;
}
.product-fw-split .product-main {
padding: 50px 30px 0;
}
.woocommerce div.product div.images {
float: none;
padding-bottom: 0;
}
.woocommerce div.product div.summary {
float: none;
}
.woocommerce .quantity .minus, .woocommerce .quantity .plus {
display: none;
}
.woocommerce .quantity input.qty {
border-left-width: 0;
}
.woocommerce .summary .quantity .minus, .woocommerce .summary .quantity .plus {
display: block;
}
#product-img-slider li a.zoom {
display: none;
}
.woocommerce form.cart button.add_to_cart_button {
margin-right: 20px;
margin-bottom: 20px;
}
.woocommerce form.entry-summary .yith-wcwl-add-to-wishlist, .yith-wcwl-add-to-wishlist.oos {
margin-left: 0;
}
.woocommerce .shop_table.cart .quantity .qty-adjust {
display: none;
}
.woocommerce .woocommerce-breadcrumb {
margin-bottom: 20px;
}
div.product-navigation {
display: none;
}
.woocommerce div.product form.cart div.quantity {
margin-bottom: 20px!important;
margin-right: 0!important;
width: 100%;
float: none!important;
max-width: none;
position: relative;
}
.woocommerce .summary .quantity input.qty {
border-left-width: 1px;
width: 100%;
padding-right: 16px;
}
.woocommerce .quantity .qty-adjust {
position: absolute;
top: 0;
right: 0;
border-left: 2px solid #e3e3e3;
}
.woocommerce form.entry-summary .yith-wcwl-add-to-wishlist, .yith-wcwl-add-to-wishlist.oos {
float: none;
width: 100%;
text-align: center;
}
.woocommerce div.product form.cart .button {
float: none;
width: 100%;
}
.woocommerce div.product div.summary .sf-share-counts .share-text {
display: none
}
.woocommerce #reviews #comments ol.commentlist li .comment-details {
float: none;
width: 100%;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin-left: 0;
}
.woocommerce #review_form #respond p.form-submit {
width: 100%;
float: none;
}
.woocommerce #review_form #respond p.form-submit input[type="submit"] {
width: 100%;
}
.woocommerce-info a.showcoupon {
display: block;
}
#order_review table.shop_table th.product-img, #order_review table.shop_table td.product-img {
display: none;
}
.woocommerce #payment #place_order {
width: 100%;
height: 60px;
line-height: 60px;
}
.woo-aux-options .shop-layout-opts {
display: none;
}
.product.product-layout-grid .cart-overlay .shop-actions {
display: none;
}
.woocommerce .products .product.product-layout-grid {
width: 50%!important;
float: left;
}
.woocommerce .products .product.product-layout-grid .cart-overlay {
display: none!important;
}
.cart-totals-wrap a.continue-shopping {
display: block;
text-align: center;
margin: 20px 0;
}
.fw-row .products-full-width.product-type-standard {
margin: 0 10px;
}
.product figure .cart-overlay, .product figure .cart-overlay .shop-actions {
display: block!important;
}
.product .preview-slider-item-wrapper figure .cart-overlay, .product .preview-slider-item-wrapper figure .cart-overlay .shop-actions {
display: none!important;
}
.product figure .cart-overlay .shop-actions > * {
display: none;
}
.product figure .cart-overlay .shop-actions > a.price-link {
display: none!important;
}
.product figure .cart-overlay .shop-actions > .add-to-cart-wrap {
display: inline-block;
}
.product.produt-layout-grid figure .cart-overlay .shop-actions > .add-to-cart-wrap, .product.produt-layout-list figure .cart-overlay .shop-actions > .add-to-cart-wrap {
display: none;
}
.multi-masonry-items .product figure .cart-overlay .shop-actions > *, .woocommerce .product.mini-view figure .cart-overlay .shop-actions>.add-to-cart-wrap {
display: none;
}
.multi-masonry-items .product figure .cart-overlay .shop-actions > a.price-link {
display: inline-block!important;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
width: 100%;
margin-bottom: 5px;
min-width: 0;
float: none;
}
.woocommerce table.cart td.actions .coupon .input-text+.button {
width: 100%;
float: none;
}
.woocommerce form #customer_details .form-row label, .woocommerce form #customer_details .form-row input, .woocommerce form #customer_details .form-row textarea {
float: none;
width: 100%;
}
.woocommerce form .form-row .select2-container {
max-width: 100%;
}
.review-order-wrap {
padding: 30px 30px 20px;
}
.review-order-wrap #payment {
margin: 0 -30px;
padding: 20px 30px 0;
}
.woocommerce #payment .terms label {
max-width: 85%;
}
.woocommerce-checkout > ul.woocommerce-error {
margin: 0 15px 30px!important;
}
.woocommerce form.checkout_coupon {
padding: 20px 0;
}
.woocommerce form.checkout_coupon .form-row-last {
margin-left: 15px;
}
.full-width-shop .product, .full-width-shop .sidebar[class*="col-sm"] {
width: 100%!important;
}
.woocommerce-account div.col2-set.addresses .col-1, .woocommerce-account div.col2-set.addresses .col-2 {
width: 100%;
float: none;
}
.woocommerce table.shop_table tr td, .woocommerce-page table.shop_table tr td {
padding: 30px 5px 30px 0;
}
.woocommerce table.shop_table, .woocommerce table.shop_table p {
font-size: 12px;
}
.woocommerce .widget_layered_nav select, .woocommerce .widget_layered_nav form, .woocommerce .widget_product_categories select {
margin-bottom: 0;
}
.sf-mobile-shop-filters .widget {
padding: 10px 0;
}
/* SHORTCODES */
.sf-icon-box.sf-icon-box-left-icon-alt > i {
font-size: 24px;
width: 24px;
}
.sf-icon-box.sf-icon-box-left-icon-alt .sf-icon-box-content-wrap {
margin-left: 45px;
}
.blog-grid-items .blog-item {
width: 100%!important;
}
.blog-grid-items .blog-item.col-sm-sf-5 {
width: 100%!important;
}
}
/* LICENSE & DETAILS
==================================================
Theme Name: Atelier Child Theme
Theme URI: http://atelier.swiftideas.com
Description: An Incredible Responsive Multi-Purpose WordPress WooCommerce Theme - Designed & Developed by Swift Ideas ( www.swiftideas.com )
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: atelier
Version: 1.0
Author: Swift Ideas
Author URI: www.swiftideas.com
All files, unless otherwise stated, are released under the GNU General Public License
version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)
==================================================
*/
/* --------------------------------------------
CHILD THEME CSS
-------------------------------------------- */
.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}
input[type="text"], input[type="email"], input[type="password"], textarea, select, .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea, .wpcf7 select, .ginput_container input[type="text"], .ginput_container input[type="email"], .ginput_container textarea, .ginput_container select, .mymail-form input[type="text"], .mymail-form input[type="email"], .mymail-form textarea, .mymail-form select, input[type="date"], input[type="tel"], input[type="number"], select {
padding: 10px 0;
border-left-width: 0!important;
border-right-width: 0!important;
border-top-width: 0!important;
height: 40px;
background-color: transparent!important;
}
textarea, .wpcf7 textarea {
height: auto;
}
select {
background-position: 100%;
}
#commentform label {
display: none;
}
.browser-ie #commentform label {
display: block;
}
.select2-container .select2-choice {
border-width: 0!important;
border-bottom-width: 2px!important;
padding-left: 0;
padding: 10px 0;
background: transparent!important;
}
.select2-container .select2-choice .select2-arrow b:after {
left: 100%;
}
.woocommerce form .form-row input.input-text {
padding: 10px 0;
}
.woocommerce .shipping-calculator-form select, #jckqv table.variations td select {
padding: 8px 0;
}
.woocommerce .coupon input.input-text, .woocommerce-cart table.cart td.actions .coupon .input-text {
padding: 6px 0;
}
.woocommerce div.product form.cart .variations select, #jckqv table.variations td select {
padding-left: 0;
background-position: 100% center;
}
@media only screen and (max-width: 767px) {
#commentform p > span.required {
position: absolute;
top: 0;
left: 18px;
}
}
::selection, ::-moz-selection {background-color: #80ada5; color: #fff;}.accent-bg, .funded-bar .bar {background-color:#80ada5;}.accent {color:#80ada5;}span.highlighted, span.dropcap4, .loved-item:hover .loved-count, .flickr-widget li, .portfolio-grid li, figcaption .product-added, .woocommerce .widget_layered_nav ul li.chosen small.count, .woocommerce .widget_layered_nav_filters ul li a, .sticky-post-icon, .fw-video-close:hover {background-color: #80ada5!important; color: #ffffff!important;}a:hover, a:focus, #sidebar a:hover, .pagination-wrap a:hover, .carousel-nav a:hover, .portfolio-pagination div:hover > i, #footer a:hover, .beam-me-up a:hover span, .portfolio-item .portfolio-item-permalink, .read-more-link, .blog-item .read-more, .blog-item-details a:hover, .author-link, span.dropcap2, .spb_divider.go_to_top a, .item-link:hover, #header-translation p a, #breadcrumbs a:hover, .ui-widget-content a:hover, .yith-wcwl-add-button a:hover, #product-img-slider li a.zoom:hover, .woocommerce .star-rating span, #jckqv .woocommerce-product-rating .star-rating span:before, .article-body-wrap .share-links a:hover, ul.member-contact li a:hover, .bag-product a.remove:hover, .bag-product-title a:hover, #back-to-top:hover, ul.member-contact li a:hover, .fw-video-link-image:hover i, .ajax-search-results .all-results:hover, .search-result h5 a:hover .ui-state-default a:hover, .fw-video-link-icon:hover {color: #80ada5;}.carousel-wrap > a:hover, .woocommerce p.stars a.active:after, .woocommerce p.stars a:hover:after {color: #80ada5!important;}.read-more i:before, .read-more em:before {color: #80ada5;}textarea:focus, input:focus, input[type="text"]:focus, input[type="email"]:focus, textarea:focus, .bypostauthor .comment-wrap .comment-avatar,.search-form input:focus, .wpcf7 input:focus, .wpcf7 textarea:focus, .ginput_container input:focus, .ginput_container textarea:focus, .mymail-form input:focus, .mymail-form textarea:focus, input[type="tel"]:focus, input[type="number"]:focus {border-color: #80ada5!important;}nav .menu ul li:first-child:after,.navigation a:hover > .nav-text, .returning-customer a:hover {border-bottom-color: #80ada5;}nav .menu ul ul li:first-child:after {border-right-color: #80ada5;}.spb_impact_text .spb_call_text {border-left-color: #80ada5;}.spb_impact_text .spb_button span {color: #fff;}a[rel="tooltip"], ul.member-contact li a, a.text-link, .tags-wrap .tags a, .logged-in-as a, .comment-meta-actions .edit-link, .comment-meta-actions .comment-reply, .read-more {border-color: #1b1b1b;}.super-search-go {border-color: #80ada5!important;}.super-search-go:hover {background: #80ada5!important;border-color: #80ada5!important;}.owl-pagination .owl-page span {background-color: #ffffff;}.owl-pagination .owl-page::after {background-color: #80ada5;}.owl-pagination .owl-page:hover span, .owl-pagination .owl-page.active a {background-color: #80ada5;}body.header-below-slider .home-slider-wrap #slider-continue:hover {border-color: #80ada5;}body.header-below-slider .home-slider-wrap #slider-continue:hover i {color: #80ada5;}#one-page-nav li a:hover > i {background: #80ada5;}#one-page-nav li.selected a:hover > i {border-color: #80ada5;}#one-page-nav li .hover-caption {background: #80ada5; color: #ffffff;}#one-page-nav li .hover-caption:after {border-left-color: #80ada5;}.love-it:hover > svg .stroke {stroke: #80ada5!important;}.love-it:hover > svg .fill {fill: #80ada5!important;}.side-details .love-it > svg .stroke {stroke: #ffffff;}.side-details .love-it > svg .fill {fill: #ffffff;}.side-details .comments-wrapper > svg .stroke {stroke: #ffffff;}.side-details .comments-wrapper > svg .fill {fill: #ffffff;}.comments-wrapper a:hover > svg .stroke {stroke: #80ada5!important;}.comments-wrapper a:hover span, .love-it:hover span.love-count {color: #80ada5!important;}.circle-bar .spinner > div {border-top-color: #80ada5;border-right-color: #80ada5;}#sf-home-preloader, #site-loading {background-color: #ffffff;}.loading-bar-transition .pace .pace-progress {background-color: #80ada5;}.spinner .circle-bar {border-left-color:#ffffff;border-bottom-color:#ffffff;border-right-color:#80ada5;border-top-color:#80ada5;}.orbit-bars .spinner > div:before {border-top-color:#80ada5;border-bottom-color:#80ada5;}.orbit-bars .spinner > div:after {background-color: #ffffff;}body, .layout-fullwidth #container {background-color: #ffffff;}#main-container, .tm-toggle-button-wrap a {background-color: #ffffff;}.tabbed-heading-wrap .heading-text {background-color: #ffffff;}.single-product.page-heading-fancy .product-main {background-color: #ffffff;}.spb-row-container[data-top-style="slant-ltr"]:before, .spb-row-container[data-top-style="slant-rtl"]:before, .spb-row-container[data-bottom-style="slant-ltr"]:after, .spb-row-container[data-bottom-style="slant-rtr"]:after {background-color: #ffffff;}a, .ui-widget-content a, #respond .form-submit input[type=submit] {color: #1b1b1b;}a:hover, a:focus {color: #83b2a7;}ul.bar-styling li:not(.selected) > a:hover, ul.bar-styling li > .comments-likes:hover {color: #ffffff;background: #80ada5;border-color: #80ada5;}ul.bar-styling li > .comments-likes:hover * {color: #ffffff!important;}ul.bar-styling li > a, ul.bar-styling li > div, ul.page-numbers li > a, ul.page-numbers li > span, .curved-bar-styling, ul.bar-styling li > form input, .spb_directory_filter_below {border-color: #ffffff;}ul.bar-styling li > a, ul.bar-styling li > span, ul.bar-styling li > div, ul.bar-styling li > form input {background-color: #ffffff;}.pagination-wrap {border-color: #ffffff;}.pagination-wrap ul li a {border-color: transparent;}ul.page-numbers li > a:hover, ul.page-numbers li > span.current, .pagination-wrap ul li > a:hover, .pagination-wrap ul li span.current {border-color: #ffffff!important;color: #646567!important;}input[type="text"], input[type="email"], input[type="password"], textarea, select, .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea, .wpcf7 select, .ginput_container input[type="text"], .ginput_container input[type="email"], .ginput_container textarea, .ginput_container select, .mymail-form input[type="text"], .mymail-form input[type="email"], .mymail-form textarea, .mymail-form select, input[type="date"], input[type="tel"], input.input-text, input[type="number"], .select2-container .select2-choice {border-color: #ffffff;background-color: #ffffff;color:#000000;}.select2-container .select2-choice>.select2-chosen {color:#000000!important;}::-webkit-input-placeholder {color:#000000!important;}:-moz-placeholder {color:#000000!important;}::-moz-placeholder {color:#000000!important;}:-ms-input-placeholder {color:#000000!important;}input[type=submit], button[type=submit], input[type="file"], select, .wpcf7 input.wpcf7-submit[type=submit] {border-color: #ffffff;color: #000000;}input[type=submit]:hover, button[type=submit]:hover, .wpcf7 input.wpcf7-submit[type=submit]:hover, .gform_wrapper input[type=submit]:hover, .mymail-form input[type=submit]:hover {background: #80ada5;border-color: #80ada5; color: #ffffff;}.modal-header {background: #ffffff;}.modal-content {background: #ffffff;}.modal-header h3, .modal-header .close {color: #646567;}.modal-header .close:hover {color: #80ada5;}.recent-post .post-details, .portfolio-item h5.portfolio-subtitle, .search-item-content time, .search-item-content span, .portfolio-details-wrap .date {color: #646567;}ul.bar-styling li.facebook > a:hover {color: #fff!important;background: #3b5998;border-color: #3b5998;}ul.bar-styling li.twitter > a:hover {color: #fff!important;background: #4099FF;border-color: #4099FF;}ul.bar-styling li.google-plus > a:hover {color: #fff!important;background: #d34836;border-color: #d34836;}ul.bar-styling li.pinterest > a:hover {color: #fff!important;background: #cb2027;border-color: #cb2027;}#top-bar {background: #ffffff; border-bottom-color: #ffffff;}#top-bar .tb-text {color: #444444;}#top-bar .tb-text > a, #top-bar nav .menu > li > a {color: #666666;}#top-bar .menu li {border-left-color: #ffffff; border-right-color: #ffffff;}#top-bar .menu > li > a, #top-bar .menu > li.parent:after {color: #666666;}#top-bar .menu > li:hover > a, #top-bar a:hover {color: #111111!important;}.header-wrap #header, .header-standard-overlay #header, .vertical-header .header-wrap #header-section, #header-section .is-sticky #header.sticky-header {background-color:#ffffff;}.fs-search-open .header-wrap #header, .fs-search-open .header-standard-overlay #header, .fs-search-open .vertical-header .header-wrap #header-section, .fs-search-open #header-section .is-sticky #header.sticky-header {background-color: #ffffff;}.fs-supersearch-open .header-wrap #header, .fs-supersearch-open .header-standard-overlay #header, .fs-supersearch-open .vertical-header .header-wrap #header-section, .fs-supersearch-open #header-section .is-sticky #header.sticky-header {background-color: #ffffff;}.overlay-menu-open .header-wrap #header, .overlay-menu-open .header-standard-overlay #header, .overlay-menu-open .vertical-header .header-wrap #header-section, .overlay-menu-open #header-section .is-sticky #header.sticky-header {background-color: #ffffff;}#sf-header-banner {background-color:#83b2a7; border-bottom: 2px solid#83b2a7;}#sf-header-banner {color:#ffffff;}#sf-header-banner a {color:#eaeaea;}#sf-header-banner a:hover {color:#c1c1c1;}.header-left, .header-right, .vertical-menu-bottom .copyright {color: #646567;}.header-left a, .header-right a, .vertical-menu-bottom .copyright a, #header .header-left ul.menu > li > a.header-search-link-alt, #header .header-right ul.menu > li > a.header-search-link, #header .header-right ul.menu > li > a.header-search-link-alt {color: #2b2b2b;}.header-left a:hover, .header-right a:hover, .vertical-menu-bottom .copyright a:hover {color: #80ada5;}#header .header-left ul.menu > li:hover > a.header-search-link-alt, #header .header-right ul.menu > li:hover > a.header-search-link-alt {color: #80ada5!important;}#header-search a:hover, .super-search-close:hover {color: #80ada5;}.sf-super-search {background-color: #80ada5;}.sf-super-search .search-options .ss-dropdown ul {background-color: #80ada5;}.sf-super-search .search-options .ss-dropdown ul li a {color: #ffffff;}.sf-super-search .search-options .ss-dropdown ul li a:hover {color: #80ada5;}.sf-super-search .search-options .ss-dropdown > span, .sf-super-search .search-options input {color: #80ada5; border-bottom-color: #80ada5;}.sf-super-search .search-options .ss-dropdown ul li .fa-check {color: #80ada5;}.sf-super-search-go:hover, .sf-super-search-close:hover { background-color: #80ada5; border-color: #80ada5; color: #ffffff;}.header-languages .current-language {color: #2b2b2b;}#header-section #main-nav {border-top-color: #ffffff;}.ajax-search-wrap {background-color:#ffffff}.ajax-search-wrap, .ajax-search-results, .search-result-pt .search-result, .vertical-header .ajax-search-results {border-color: #ffffff;}.page-content {border-bottom-color: #ffffff;}.ajax-search-wrap input[type="text"], .search-result-pt h6, .no-search-results h6, .search-result h5 a, .no-search-results p {color: #6b6b6b;}.header-wrap, #header-section .is-sticky .sticky-header, #header-section.header-5 #header, #header .header-right .aux-item, #header .header-left .aux-item {border-color: transparent!important;}.header-left .aux-item, .header-right .aux-item {padding-left: 10px;padding-right: 10px;}.aux-item .std-menu.cart-wishlist {margin-left: 0; margin-right: 0;}#header .aux-item .std-menu li.shopping-bag-item > a {padding-left: 0;}.header-left .aux-item, .header-right .aux-item {border-color: #ffffff!important;}#contact-slideout {background: #ffffff;}#mobile-top-text, #mobile-header {background-color: #ffffff;border-bottom-color:#ffffff;}#mobile-top-text, #mobile-logo h1 {color: #646567;}#mobile-top-text a, #mobile-header a {color: #2b2b2b;}#mobile-header a {color: #2b2b2b;}#mobile-header a.mobile-menu-link span.menu-bars, #mobile-header a.mobile-menu-link span.menu-bars:before, #mobile-header a.mobile-menu-link span.menu-bars:after {background-color: #2b2b2b;}#mobile-header a.mobile-menu-link:hover span.menu-bars, #mobile-header a.mobile-menu-link:hover span.menu-bars:before, #mobile-header a.mobile-menu-link:hover span.menu-bars:after {background-color: #80ada5;}#mobile-menu-wrap, #mobile-cart-wrap {background-color: #222;color: #e4e4e4;}.mobile-search-form input[type="text"] {color: #e4e4e4;border-bottom-color: #444;}.mobile-search-form ::-webkit-input-placeholder {color: #e4e4e4!important;}.mobile-search-form :-moz-placeholder {color: #e4e4e4!important;}.mobile-search-form ::-moz-placeholder {color: #e4e4e4!important;}.mobile-search-form :-ms-input-placeholder {color: #e4e4e4!important;}#mobile-menu-wrap a, #mobile-cart-wrap a:not(.sf-button), #mobile-menu-wrap .shopping-bag-item a > span.num-items {color: #fff;}#mobile-menu-wrap .bag-buttons a.sf-button.bag-button {color: #fff!important;}.shop-icon-fill #mobile-menu-wrap .shopping-bag-item a > span.num-items {color: #222!important;}#mobile-menu-wrap a:hover, #mobile-cart-wrap a:not(.sf-button):hover, #mobile-menu ul li:hover > a {color: #83b2a7!important;}#mobile-menu-wrap .bag-buttons a.wishlist-button {color: #fff!important;}#mobile-menu ul li.parent > a:after {color: #e4e4e4;}#mobile-cart-wrap .shopping-bag-item > a.cart-contents, #mobile-cart-wrap .bag-product, #mobile-cart-wrap .bag-empty {border-bottom-color: #444;}#mobile-menu ul li, .mobile-cart-menu li, .mobile-cart-menu .bag-header, .mobile-cart-menu .bag-product, .mobile-cart-menu .bag-empty {border-color: #444;}a.mobile-menu-link span, a.mobile-menu-link span:before, a.mobile-menu-link span:after {background: #fff;}a.mobile-menu-link:hover span, a.mobile-menu-link:hover span:before, a.mobile-menu-link:hover span:after {background: #83b2a7;}#mobile-cart-wrap .bag-buttons > a.bag-button {color: #fff!important;border-color: #fff;}#mobile-cart-wrap .bag-product a.remove {color: #fff!important;}#mobile-cart-wrap .bag-product a.remove:hover {color: #83b2a7!important;}#logo.has-img, .header-left, .header-right {height:150px;}#mobile-logo {max-height:150px;}#mobile-logo.has-img img {max-height:150px;}.full-center #logo.has-img a > img {max-height: 230px;width: auto;}.header-left, .header-right {line-height:150px;}.minimal-checkout-return a {height:150px;line-height:150px;padding: 0;}.browser-ie #logo {width:178px;}#logo.has-img a > img {padding: 40px 0;}.header-2 #logo.has-img img {max-height:150px;}#logo.has-img img {max-height:150px;}.full-header-stick #header, .full-header-stick #logo, .full-header-stick .header-left, .full-header-stick .header-right {height:230px;line-height:230px;}.full-center #main-navigation ul.menu > li > a, .full-center .header-right ul.menu > li > a, .full-center nav.float-alt-menu ul.menu > li > a, .full-center .header-right div.text, .full-center #header .aux-item ul.social-icons li {height:230px;line-height:230px;}.full-center #header, .full-center .float-menu, .header-split .float-menu {height:230px;}.full-center nav li.menu-item.sf-mega-menu > ul.sub-menu, .full-center .ajax-search-wrap {top:230px!important;}.browser-ff #logo a {height:230px;}.full-center #logo {max-height:230px;}.header-6 .header-left, .header-6 .header-right, .header-6 #logo.has-img {height:230px;line-height:230px;}.header-6 #logo.has-img a > img {padding: 0;}#main-nav, .header-wrap[class*="page-header-naked"] #header-section .is-sticky #main-nav, .header-wrap #header-section .is-sticky #header.sticky-header, .header-wrap #header-section.header-5 #header, .header-wrap[class*="page-header-naked"] #header .is-sticky .sticky-header, .header-wrap[class*="page-header-naked"] #header-section.header-5 #header .is-sticky .sticky-header {background-color: #ffffff;}#main-nav {border-color: #ffffff;border-top-style: none;}.show-menu {background-color: #80ada5;color: #ffffff;}nav .menu > li:before {background: #07c1b6;}nav .menu .sub-menu .parent > a:after {border-left-color: #07c1b6;}nav .menu ul.sub-menu, li.menu-item.sf-mega-menu > ul.sub-menu > div {background-color: #ffffff;}nav .menu ul.sub-menu li {border-top-color: #ffffff;border-top-style: none;}li.menu-item.sf-mega-menu > ul.sub-menu > li {border-top-color: #ffffff;border-top-style: none;}li.menu-item.sf-mega-menu > ul.sub-menu > li {border-left-color: #ffffff;border-left-style: none;}#main-nav {border-width: 0;}nav .menu > li.menu-item > a, nav.std-menu .menu > li > a {color: #6b6b6b;}#main-nav ul.menu > li, #main-nav ul.menu > li:first-child, #main-nav ul.menu > li:first-child, .full-center nav#main-navigation ul.menu > li, .full-center nav#main-navigation ul.menu > li:first-child, .full-center #header nav.float-alt-menu ul.menu > li {border-color: #ffffff;}nav ul.menu > li.menu-item.sf-menu-item-btn > a {border-color: #6b6b6b;background-color: #6b6b6b;color: #2b2b2b;}nav ul.menu > li.menu-item.sf-menu-item-btn:hover > a {border-color: #80ada5; background-color: #80ada5; color: #ffffff!important;}#main-nav ul.menu > li, .full-center nav#main-navigation ul.menu > li, .full-center nav.float-alt-menu ul.menu > li, .full-center #header nav.float-alt-menu ul.menu > li {border-width: 0!important;}.full-center nav#main-navigation ul.menu > li:first-child {border-width: 0;margin-left: -15px;}#main-nav .menu-right {right: -5px;}nav .menu > li.menu-item:hover > a, nav.std-menu .menu > li:hover > a {color: #2b2b2b!important;}nav .menu > li.current-menu-ancestor > a, nav .menu > li.current-menu-item > a, nav .menu > li.current-scroll-item > a, #mobile-menu .menu ul li.current-menu-item > a {color: #2b2b2b;}.shopping-bag-item a > span.num-items {border-color: #2b2b2b;}.shop-icon-fill .shopping-bag-item > a > i {color: inherit;}.shop-icon-fill .shopping-bag-item a > span.num-items, .shop-icon-fill .shopping-bag-item:hover a > span.num-items {color: #ffffff!important;}.shop-icon-fill .shopping-bag-item:hover > a > i {color: inherit;}.header-left ul.sub-menu > li > a:hover, .header-right ul.sub-menu > li > a:hover {color: #2b2b2b;}.shopping-bag-item a > span.num-items:after {border-color: #2b2b2b;}.shopping-bag-item:hover a > span.num-items {border-color: #2b2b2b!important; color: #2b2b2b!important;}.shopping-bag-item:hover a > span.num-items:after {border-color: #2b2b2b!important;}.page-header-naked-light .sticky-wrapper:not(.is-sticky) .shopping-bag-item:hover a > span.num-items, .page-header-naked-dark .sticky-wrapper:not(.is-sticky) .shopping-bag-item:hover a > span.num-items {color: #ffffff}.page-header-naked-light .sticky-wrapper:not(.is-sticky) .shopping-bag-item:hover a > span.num-items:after, .page-header-naked-dark .sticky-wrapper:not(.is-sticky) .shopping-bag-item:hover a > span.num-items:after {border-color: #2b2b2b;}nav .menu ul.sub-menu li.menu-item > a, nav .menu ul.sub-menu li > span, nav.std-menu ul.sub-menu {color: #6b6b6b;}.bag-buttons a.bag-button, .bag-buttons a.wishlist-button {color: #6b6b6b!important;}.bag-product a.remove, .woocommerce .bag-product a.remove {color: #6b6b6b!important;}.bag-product a.remove:hover, .woocommerce .bag-product a.remove:hover {color: #80ada5!important;}nav .menu ul.sub-menu li.menu-item:hover > a, .bag-product a.remove:hover {color: #2b2b2b!important;}nav .menu li.parent > a:after, nav .menu li.parent > a:after:hover, .ajax-search-wrap:after {color: #6b6b6b;}nav .menu ul.sub-menu li.current-menu-ancestor > a, nav .menu ul.sub-menu li.current-menu-item > a {color: #2b2b2b!important;}#main-nav .header-right ul.menu > li, .wishlist-item {border-left-color: #ffffff;}.bag-header, .bag-product, .bag-empty, .wishlist-empty {border-color: #ffffff;}.bag-buttons a.checkout-button, .bag-buttons a.create-account-button, .woocommerce input.button.alt, .woocommerce .alt-button, .woocommerce button.button.alt {background: #80ada5; color: #ffffff;}.woocommerce .button.update-cart-button:hover {background: #80ada5; color: #ffffff;}.woocommerce input.button.alt:hover, .woocommerce .alt-button:hover, .woocommerce button.button.alt:hover {background: #80ada5; color: #ffffff;}.shopping-bag:before, nav .menu ul.sub-menu li:first-child:before {border-bottom-color: #07c1b6;}.page-header-naked-light .sticky-wrapper:not(.is-sticky) a.menu-bars-link:hover span, .page-header-naked-light .sticky-wrapper:not(.is-sticky) a.menu-bars-link:hover span:before, .page-header-naked-light .sticky-wrapper:not(.is-sticky) a.menu-bars-link:hover span:after, .page-header-naked-dark .sticky-wrapper:not(.is-sticky) a.menu-bars-link:hover span, .page-header-naked-dark .sticky-wrapper:not(.is-sticky) a.menu-bars-link:hover span:before, .page-header-naked-dark .sticky-wrapper:not(.is-sticky) a.menu-bars-link:hover span:after {background: #80ada5;}a.menu-bars-link span, a.menu-bars-link span:before, a.menu-bars-link span:after {background: #2b2b2b;}a.menu-bars-link:hover span, a.menu-bars-link:hover span:before, a.menu-bars-link:hover span:after {background: #80ada5;}.overlay-menu-open .header-wrap {background-color: #ffffff;}.overlay-menu-open .header-wrap #header {background-color: transparent!important;}.overlay-menu-open #logo h1, .overlay-menu-open .header-left, .overlay-menu-open .header-right, .overlay-menu-open .header-left a, .overlay-menu-open .header-right a {color: #648489!important;}#overlay-menu nav li.menu-item > a, .overlay-menu-open a.menu-bars-link, #overlay-menu .fs-overlay-close {color: #648489;}.overlay-menu-open a.menu-bars-link span:before, .overlay-menu-open a.menu-bars-link span:after {background: #648489!important;}.fs-supersearch-open .fs-supersearch-link, .fs-search-open .fs-header-search-link {color: #648489!important;}#overlay-menu {background-color: #ffffff;}#overlay-menu, #fullscreen-search, #fullscreen-supersearch {background-color: rgba(255,255,255, 0.95);}#overlay-menu nav li:hover > a {color: #648489!important;}#fullscreen-supersearch .sf-super-search {color: #80ada5!important;}#fullscreen-supersearch .sf-super-search .search-options .ss-dropdown > span, #fullscreen-supersearch .sf-super-search .search-options input {color: #648489!important;}#fullscreen-supersearch .sf-super-search .search-options .ss-dropdown > span:hover, #fullscreen-supersearch .sf-super-search .search-options input:hover {color: #648489!important;}#fullscreen-supersearch .sf-super-search .search-go a.sf-button {background-color: #80ada5!important;}#fullscreen-supersearch .sf-super-search .search-go a.sf-button:hover {background-color: #80ada5!important;border-color: #80ada5!important;color: #ffffff!important;}#fullscreen-search .fs-overlay-close, #fullscreen-search .search-wrap .title, .fs-search-bar, .fs-search-bar input#fs-search-input, #fullscreen-search .search-result-pt h3 {color: #80ada5;}#fullscreen-search ::-webkit-input-placeholder {color: #80ada5!important;}#fullscreen-search :-moz-placeholder {color: #80ada5!important;}#fullscreen-search ::-moz-placeholder {color: #80ada5!important;}#fullscreen-search :-ms-input-placeholder {color: #80ada5!important;}#fullscreen-search .container1 > div, #fullscreen-search .container2 > div, #fullscreen-search .container3 > div {background-color: #80ada5;}nav#main-navigation ul.menu > li.sf-menu-item-new-badge > a:before {background-color: #ffffff;box-shadow: inset 2px 2px #83b2a7;}nav#main-navigation ul.menu > li.sf-menu-item-new-badge > a:after {background-color: #ffffff;color: #83b2a7; border-color: #83b2a7;}.sf-side-slideout {background-color: #222;}.sf-side-slideout {background-image: url(http://atelier.swiftideas.com/wp-content/uploads/2014/12/Atelier-slideout-bkg.jpg);}.sf-side-slideout .vertical-menu nav .menu li > a, .sf-side-slideout .vertical-menu nav .menu li.parent > a:after, .sf-side-slideout .vertical-menu nav .menu > li ul.sub-menu > li > a {color: #a9abac;}.sf-side-slideout .vertical-menu nav .menu li.menu-item {border-color: #3a3f44;}.sf-side-slideout .vertical-menu nav .menu li:hover > a, .sf-side-slideout .vertical-menu nav .menu li.parent:hover > a:after, .sf-side-slideout .vertical-menu nav .menu > li ul.sub-menu > li:hover > a {color: #ffffff!important;}.contact-menu-link.slide-open {color: #80ada5;}#base-promo, .sf-promo-bar {background-color: #ffffff;}#base-promo > p, #base-promo.footer-promo-text > a, #base-promo.footer-promo-arrow > a, .sf-promo-bar > p, .sf-promo-bar.promo-text > a, .sf-promo-bar.promo-arrow > a {color: #222;}#base-promo.footer-promo-arrow:hover, #base-promo.footer-promo-text:hover, .sf-promo-bar.promo-arrow:hover, .sf-promo-bar.promo-text:hover {background-color: #80ada5!important;color: #ffffff!important;}#base-promo.footer-promo-arrow:hover > *, #base-promo.footer-promo-text:hover > *, .sf-promo-bar.promo-arrow:hover > *, .sf-promo-bar.promo-text:hover > * {color: #ffffff!important;}#breadcrumbs {background-color:#ffffff;color:#ffffff;}#breadcrumbs a, #breadcrumb i {color:#ffffff;}.page-heading {background-color: #f9f9f9;}.page-heading h1, .page-heading h3 {color: #555555;}.page-heading .heading-text, .fancy-heading .heading-text {text-align: left;}.content-divider-wrap .content-divider {border-color: #ffffff;}.page-heading.fancy-heading .media-overlay {background-color:;opacity:;}body {color: #646567;}h1, h1 a, h3.countdown-subject {color: #646567;}h2, h2 a {color: #646567;}h3, h3 a {color: #646567;}h4, h4 a, .carousel-wrap > a {color: #646567;}h5, h5 a {color: #646567;}h6, h6 a {color: #646567;}.title-wrap .spb-heading span, #reply-title span {border-bottom-color: #646567;}.title-wrap h3.spb-heading span, h3#reply-title span {border-bottom-color: #646567;}figure.animated-overlay figcaption {background-color: #ffffff;}figure.animated-overlay figcaption * {color: #ffffff;}figcaption .thumb-info .name-divide {background-color: #ffffff;}figcaption .thumb-info h6 span.price {border-top-color: #ffffff;}.article-divider {background: #ffffff;}.post-pagination-wrap {background-color:#83b2a7;}.post-pagination-wrap .next-article > *, .post-pagination-wrap .next-article a, .post-pagination-wrap .prev-article > *, .post-pagination-wrap .prev-article a {color:#fff;}.post-pagination-wrap .next-article a:hover, .post-pagination-wrap .prev-article a:hover {color: #80ada5;}.article-extras {background-color:#f7f7f7;}.review-bar {background-color:#f7f7f7;}.review-bar .bar, .review-overview-wrap .overview-circle {background-color:#83b2a7;color:#fff;}.posts-type-bright .recent-post .post-item-details {border-top-color:#ffffff;}table {border-bottom-color: #ffffff;}table td {border-top-color: #ffffff;}.read-more-button, #comments-list li .comment-wrap {border-color: #ffffff;}.read-more-button:hover {color: #80ada5;border-color: #80ada5;}.testimonials.carousel-items li .testimonial-text, .recent-post figure {background-color: #ffffff;}.spb_accordion .spb_accordion_section {border-color: #ffffff;}.spb_accordion .spb_accordion_section > h4.ui-state-active a, .toggle-wrap .spb_toggle.spb_toggle_title_active {color: #646567!important;}.widget ul li, .widget.widget_lip_most_loved_widget li, .widget_download_details ul > li {border-color: #ffffff;}.widget.widget_lip_most_loved_widget li {background: #ffffff; border-color: #ffffff;}.widget_lip_most_loved_widget .loved-item > span {color: #646567;}ul.wp-tag-cloud li > a, ul.wp-tag-cloud li:before {border-color: #ffffff;}.widget .tagcloud a:hover, ul.wp-tag-cloud li:hover > a, ul.wp-tag-cloud li:hover:before {background-color: #80ada5; border-color: #80ada5; color: #ffffff;}ul.wp-tag-cloud li:hover:after {border-color: #80ada5; background-color: #ffffff;}.loved-item .loved-count > i {color: #646567;background: #ffffff;}.subscribers-list li > a.social-circle {color: #ffffff;background: #80ada5;}.subscribers-list li:hover > a.social-circle {color: #fbfbfb;background: #80ada5;}.widget_download_details ul > li a, .sidebar .widget_categories ul > li a, .sidebar .widget_archive ul > li a, .sidebar .widget_nav_menu ul > li a, .sidebar .widget_meta ul > li a, .sidebar .widget_recent_entries ul > li, .widget_product_categories ul > li a, .widget_layered_nav ul > li a, .widget_display_replies ul > li a, .widget_display_forums ul > li a, .widget_display_topics ul > li a {color: #1b1b1b;}.widget_download_details ul > li a:hover, .sidebar .widget_categories ul > li a:hover, .sidebar .widget_archive ul > li a:hover, .sidebar .widget_nav_menu ul > li a:hover, .widget_nav_menu ul > li.current-menu-item a, .sidebar .widget_meta ul > li a:hover, .sidebar .widget_recent_entries ul > li a:hover, .widget_product_categories ul > li a:hover, .widget_layered_nav ul > li a:hover, .widget_edd_categories_tags_widget ul li a:hover, .widget_display_replies ul li, .widget_display_forums ul > li a:hover, .widget_display_topics ul > li a:hover {color: #83b2a7;}#calendar_wrap caption {border-bottom-color: #80ada5;}.sidebar .widget_calendar tbody tr > td a {color: #ffffff;background-color: #80ada5;}.sidebar .widget_calendar tbody tr > td a:hover {background-color: #80ada5;}.sidebar .widget_calendar tfoot a {color: #80ada5;}.sidebar .widget_calendar tfoot a:hover {color: #80ada5;}.widget_calendar #calendar_wrap, .widget_calendar th, .widget_calendar tbody tr > td, .widget_calendar tbody tr > td.pad {border-color: #ffffff;}.sidebar .widget hr {border-color: #ffffff;}.widget ul.flickr_images li a:after, .portfolio-grid li a:after {color: #ffffff;}.loved-item:hover .loved-count > svg .stroke {stroke: #ffffff;}.loved-item:hover .loved-count > svg .fill {fill: #ffffff;}.fw-row .spb_portfolio_widget .title-wrap {border-bottom-color: #ffffff;}.portfolio-item {border-bottom-color: #ffffff;}.masonry-items .portfolio-item-details {background: #ffffff;}.masonry-items .blog-item .blog-details-wrap:before {background-color: #ffffff;}.masonry-items .portfolio-item figure {border-color: #ffffff;}.portfolio-details-wrap span span {color: #666;}.share-links > a:hover {color: #80ada5;}.portfolio-item.masonry-item .portfolio-item-details {background: #ffffff;}#infscr-loading .spinner > div {background: #ffffff;}.blog-aux-options li.selected a {background: #80ada5;border-color: #80ada5;color: #ffffff;}.blog-filter-wrap .aux-list li:hover {border-bottom-color: transparent;}.blog-filter-wrap .aux-list li:hover a {color: #ffffff;background: #80ada5;}.mini-blog-item-wrap, .mini-items .mini-alt-wrap, .mini-items .mini-alt-wrap .quote-excerpt, .mini-items .mini-alt-wrap .link-excerpt, .masonry-items .blog-item .quote-excerpt, .masonry-items .blog-item .link-excerpt, .timeline-items .standard-post-content .quote-excerpt, .timeline-items .standard-post-content .link-excerpt, .post-info, .author-info-wrap, .body-text .link-pages, .page-content .link-pages, .posts-type-list .recent-post, .standard-items .blog-item .standard-post-content {border-color: #ffffff;}.standard-post-date, .timeline {background: #ffffff;}.timeline-items .standard-post-content {background: #ffffff;}.timeline-items .format-quote .standard-post-content:before, .timeline-items .standard-post-content.no-thumb:before {border-left-color: #ffffff;}.search-item-img .img-holder {background: #ffffff;border-color:#ffffff;}.masonry-items .blog-item .masonry-item-wrap {background: #ffffff;}.mini-items .blog-item-details, .share-links, .single-portfolio .share-links, .single .pagination-wrap, ul.post-filter-tabs li a {border-color: #ffffff;}.mini-item-details {color: #646567;}.related-item figure {background-color: #80ada5; color: #ffffff}.required {color: #ee3c59;}.post-item-details .comments-likes a i, .post-item-details .comments-likes a span {color: #646567;}.posts-type-list .recent-post:hover h4 {color: #83b2a7}.blog-grid-items .blog-item .grid-left:after {border-left-color: #ffffff;}.blog-grid-items .blog-item .grid-right:after {border-right-color: #ffffff;}.blog-item .tweet-icon, .blog-item .post-icon, .blog-item .inst-icon {color: #666666!important;}.posts-type-bold .recent-post .details-wrap, .masonry-items .blog-item .details-wrap, .blog-grid-items .blog-item > div, .product-shadows .preview-slider-item-wrapper {background: #ffffff;color: #252525;}.masonry-items .blog-item .details-wrap:before {background: #ffffff;}.masonry-items .blog-item .comments-svg .stroke, .masonry-items .blog-item .loveit-svg .stroke {stroke: #252525;}.masonry-items .blog-item .loveit-svg .fill {fill: #252525;}.masonry-items .blog-item:hover .comments-svg .stroke, .masonry-items .blog-item:hover .loveit-svg .stroke {stroke: #666666;}.masonry-items .blog-item:hover .loveit-svg .fill {fill: #666666;}.blog-grid-items .blog-item h2, .blog-grid-items .blog-item h6, .blog-grid-items .blog-item data, .blog-grid-items .blog-item .author span, .blog-grid-items .blog-item .tweet-text a, .masonry-items .blog-item h2, .masonry-items .blog-item h6 {color: #252525;}.posts-type-bold a, .masonry-items .blog-item a {color: #1b1b1b;}.posts-type-bold .recent-post .details-wrap:before, .masonry-items .blog-item .details-wrap:before, .posts-type-bold .recent-post.has-thumb .details-wrap:before {border-bottom-color: #ffffff;}.posts-type-bold .recent-post.has-thumb:hover .details-wrap, .posts-type-bold .recent-post.no-thumb:hover .details-wrap, .bold-items .blog-item:hover, .masonry-items .blog-item:hover .details-wrap, .blog-grid-items .blog-item:hover > div, .instagram-item .inst-overlay, .masonry-items .blog-item:hover .details-wrap:before {background: #ffffff;}.posts-type-bold .recent-post:hover .details-wrap:before, .masonry-items .blog-item:hover .details-wrap:before {border-bottom-color: #ffffff;}.posts-type-bold .recent-post:hover .details-wrap *, .bold-items .blog-item:hover *, .masonry-items .blog-item:hover .details-wrap, .masonry-items .blog-item:hover .details-wrap a, .masonry-items .blog-item:hover h2, .masonry-items .blog-item:hover h6, .masonry-items .blog-item:hover .details-wrap .quote-excerpt *, .blog-grid-items .blog-item:hover *, .instagram-item .inst-overlay data {color: #666666;}.blog-grid-items .blog-item:hover .grid-right:after {border-right-color:#ffffff;}.blog-grid-items .blog-item:hover .grid-left:after {border-left-color:#ffffff;}.blog-grid-items .blog-item:hover h2, .blog-grid-items .blog-item:hover h6, .blog-grid-items .blog-item:hover data, .blog-grid-items .blog-item:hover .author span, .blog-grid-items .blog-item:hover .tweet-text a {color: #666666;}.blog-item .side-details, .narrow-date-block {background: #ffffff;color: #252525;}.blog-item .side-details .comments-wrapper {border-color: #ffffff;}.standard-items.alt-styling .blog-item .standard-post-content {background: #ffffff;}.standard-items.alt-styling .blog-item.quote .standard-post-content, .mini-items .blog-item.quote .mini-alt-wrap {background: #646567;color: #ffffff;}.standard-items .blog-item .read-more-button, .mini-items .blog-item .read-more-button {background-color: #ffffff;}#respond .form-submit input[type=submit]:hover {border-color: #80ada5;}.post-details-wrap .tags-wrap, .post-details-wrap .comments-likes {border-color: #ffffff;}.sf-button.accent {color: #ffffff; background-color: #80ada5;border-color: #80ada5;}.sf-button.sf-icon-reveal.accent {color: #ffffff!important; background-color: #80ada5!important;}a.sf-button.stroke-to-fill {color: #1b1b1b;}.sf-button.accent.bordered .sf-button-border {border-color: #80ada5;}a.sf-button.bordered.accent {color: #80ada5;border-color: #80ada5;}a.sf-button.bordered.accent:hover {color: #ffffff;}a.sf-button.rotate-3d span.text:before {color: #ffffff; background-color: #80ada5;}.sf-button.accent:hover, .sf-button.bordered.accent:hover {background-color: #80ada5;border-color: #80ada5;color: #ffffff;}a.sf-button, a.sf-button:hover, #footer a.sf-button:hover {background-image: none;color: #fff;}a.sf-button.gold, a.sf-button.gold:hover, a.sf-button.lightgrey, a.sf-button.lightgrey:hover, a.sf-button.white:hover {color: #222!important;}a.sf-button.transparent-dark {color: #646567!important;}a.sf-button.transparent-light:hover, a.sf-button.transparent-dark:hover {color: #80ada5!important;}.title-wrap a.sf-button:hover {color: #80ada5!important;}.sf-icon {color: #1dc6df;}.sf-icon-cont, .sf-icon-cont:hover, .sf-hover .sf-icon-cont, .sf-icon-box[class*="icon-box-boxed-"] .sf-icon-cont, .sf-hover .sf-icon-box-hr {background-color: #83b2a7;}.sf-hover .sf-icon-cont, .sf-hover .sf-icon-box-hr {background-color: #646567!important;}.sf-hover .sf-icon-cont .sf-icon {color: #ffffff!important;}.sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-cont:after {border-top-color: #83b2a7;border-left-color: #83b2a7;}.sf-hover .sf-icon-cont .sf-icon, .sf-icon-box.sf-icon-box-boxed-one .sf-icon, .sf-icon-box.sf-icon-box-boxed-three .sf-icon {color: #ffffff;}.sf-icon-box-animated .front {background: #ffffff; border-color: #ffffff;}.sf-icon-box-animated .front h3 {color: #646567;}.sf-icon-box-animated .back {background: #80ada5; border-color: #80ada5;}.sf-icon-box-animated .back, .sf-icon-box-animated .back h3 {color: #ffffff;}.client-item figure, .borderframe img {border-color: #ffffff;}span.dropcap3 {background: #000;color: #fff;}span.dropcap4 {color: #fff;}.spb_divider, .spb_divider.go_to_top_icon1, .spb_divider.go_to_top_icon2, .testimonials > li, .tm-toggle-button-wrap, .tm-toggle-button-wrap a, .portfolio-details-wrap, .spb_divider.go_to_top a, .widget_search form input {border-color: #ffffff;}.spb_divider.go_to_top_icon1 a, .spb_divider.go_to_top_icon2 a {background: #ffffff;}.divider-wrap h3.divider-heading:before, .divider-wrap h3.divider-heading:after {background: #ffffff;}.spb_tabs .ui-tabs .ui-tabs-panel, .spb_content_element .ui-tabs .ui-tabs-nav, .ui-tabs .ui-tabs-nav li {border-color: #ffffff;}.spb_tabs .ui-tabs .ui-tabs-panel, .ui-tabs .ui-tabs-nav li.ui-tabs-active a {background: #ffffff!important;}.tabs-type-dynamic .nav-tabs li.active a, .tabs-type-dynamic .nav-tabs li a:hover {background:#80ada5;border-color:#80ada5!important;color: #80ada5;}.spb_tabs .nav-tabs li a, .spb_tour .nav-tabs li a {border-color: #ffffff!important;}.spb_tabs .nav-tabs li:hover a, .spb_tour .nav-tabs li:hover a {border-color: #80ada5!important;color: #80ada5!important;}.spb_tabs .nav-tabs li.active a, .spb_tour .nav-tabs li.active a {background: #80ada5;border-color: #80ada5!important;color: #ffffff!important;}.spb_accordion_section > h4:hover .ui-icon:before {border-color: #80ada5;}.toggle-wrap .spb_toggle, .spb_toggle_content {border-color: #ffffff;}.toggle-wrap .spb_toggle:hover {color: #80ada5;}.ui-accordion h4.ui-accordion-header .ui-icon {color: #646567;}.standard-browser .ui-accordion h4.ui-accordion-header.ui-state-active:hover a, .standard-browser .ui-accordion h4.ui-accordion-header:hover .ui-icon {color: #80ada5;}blockquote.pullquote {border-color: #80ada5;}.borderframe img {border-color: #eeeeee;}.spb_box_content.whitestroke {background-color: #fff;border-color: #ffffff;}ul.member-contact li a:hover {color: #83b2a7;}.testimonials.carousel-items li .testimonial-text {border-color: #ffffff;}.testimonials.carousel-items li .testimonial-text:after {border-left-color: #ffffff;border-top-color: #ffffff;}.product-reviews.masonry-items li.testimonial .testimonial-text {background-color: #ffffff;}.product-reviews.masonry-items li.testimonial.has-cite .testimonial-text::after {border-top-color: #ffffff;}.horizontal-break {background-color: #ffffff;}.horizontal-break.bold {background-color: #646567;}.progress .bar {background-color: #80ada5;}.progress.standard .bar {background: #80ada5;}.progress-bar-wrap .progress-value {color: #80ada5;}.sf-share-counts {border-color: #ffffff;}.mejs-controls .mejs-time-rail .mejs-time-current {background: #80ada5!important;}.mejs-controls .mejs-time-rail .mejs-time-loaded {background: #ffffff!important;}.pt-banner h6 {color: #ffffff;}.pinmarker-container a.pin-button:hover {background: #80ada5; color: #ffffff;}.directory-item-details .item-meta {color: #646567;}.spb_row_container .spb_tweets_slider_widget .spb-bg-color-wrap, .spb_tweets_slider_widget .spb-bg-color-wrap {background: #ffffff;}.spb_tweets_slider_widget .tweet-text, .spb_tweets_slider_widget .tweet-icon {color: #252525;}.spb_tweets_slider_widget .tweet-text a, .spb_tweets_slider_widget .twitter_intents a {color: #d1d1d1;}.spb_tweets_slider_widget .tweet-text a:hover, .spb_tweets_slider_widget .twitter_intents a:hover {color: #ffffff;}.spb_testimonial_slider_widget .spb-bg-color-wrap {background: #252525;}.spb_testimonial_slider_widget .heading-wrap h3.spb-center-heading, .spb_testimonial_slider_widget .testimonial-text, .spb_testimonial_slider_widget cite, .spb_testimonial_slider_widget .testimonial-icon {color: #ffffff;}.spb_testimonial_slider_widget .heading-wrap h3.spb-center-heading {border-bottom-color: #ffffff;}.content-slider .flex-direction-nav .flex-next:before, .content-slider .flex-direction-nav .flex-prev:before {background-color: #ffffff;color: #646567;}.spb_tweets_slider_widget .heading-wrap h3.spb-center-heading {color: #252525;border-bottom-color: #252525;}#footer {background: #252525;}#footer.footer-divider {border-top-color: #333333;}#footer, #footer p, #footer h3.spb-heading {color: #dddddd;}#footer h3.spb-heading span {border-bottom-color: #dddddd;}#footer a {color: #dddddd;}#footer a:hover {color: #83b2a7;}#footer .widget ul li, #footer .widget_categories ul, #footer .widget_archive ul, #footer .widget_nav_menu ul, #footer .widget_recent_comments ul, #footer .widget_meta ul, #footer .widget_recent_entries ul, #footer .widget_product_categories ul {border-color: #333333;}#copyright {background-color: #ffffff;border-top-color: #333333;}#copyright p, #copyright .text-left, #copyright .text-right {color: #444444;}#copyright a {color: #666666;}#copyright a:hover, #copyright nav .menu li a:hover {color: #83b2a7!important;}#copyright nav .menu li {border-left-color: #333333;}#footer .widget_calendar #calendar_wrap, #footer .widget_calendar th, #footer .widget_calendar tbody tr > td, #footer .widget_calendar tbody tr > td.pad {border-color: #333333;}.widget input[type="email"] {background: #f7f7f7; color: #999}#footer .widget hr {border-color: #333333;}#sf-newsletter-bar, .layout-boxed #sf-newsletter-bar > .container {background-color: #83b2a7;}#sf-newsletter-bar h3.sub-text {color: #ffffff;}#sf-newsletter-bar .sub-code form input[type=submit], #sf-newsletter-bar .sub-code form input[type="text"], #sf-newsletter-bar .sub-code form input[type="email"] {border-color: #ffffff;color: #ffffff;}#sf-newsletter-bar .sub-code form input[type=submit]:hover {border-color: #e2e2e2;color: #e2e2e2;}#sf-newsletter-bar .sub-close {color: #ffffff;}#sf-newsletter-bar .sub-close:hover {color: #e2e2e2;}#sf-newsletter-bar ::-webkit-input-placeholder {color:#ffffff!important;}#sf-newsletter-bar :-moz-placeholder {color:#ffffff!important;}#sf-newsletter-bar ::-moz-placeholder {color:#ffffff!important;}#sf-newsletter-bar :-ms-input-placeholder {color:#ffffff!important;}#buddypress .activity-meta a, #buddypress .acomment-options a, #buddypress #member-group-links li a, .widget_bp_groups_widget #groups-list li, .activity-list li.bbp_topic_create .activity-content .activity-inner, .activity-list li.bbp_reply_create .activity-content .activity-inner {border-color: #ffffff;}#buddypress .activity-meta a:hover, #buddypress .acomment-options a:hover, #buddypress #member-group-links li a:hover {border-color: #80ada5;}#buddypress .activity-header a, #buddypress .activity-read-more a {border-color: #80ada5;}#buddypress #members-list .item-meta .activity, #buddypress .activity-header p {color: #646567;}#buddypress .pagination-links span, #buddypress .load-more.loading a {background-color: #80ada5;color: #ffffff;border-color: #80ada5;}#buddypress div.dir-search input[type=submit], #buddypress #whats-new-submit input[type=submit] {background: #ffffff; color: #80ada5}span.bbp-admin-links a, li.bbp-forum-info .bbp-forum-content {color: #646567;}span.bbp-admin-links a:hover {color: #80ada5;}.bbp-topic-action #favorite-toggle a, .bbp-topic-action #subscription-toggle a, .bbp-single-topic-meta a, .bbp-topic-tags a, #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic, #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer, #bbp-user-navigation ul li a, .bbp-pagination-links a, #bbp-your-profile fieldset input, #bbp-your-profile fieldset textarea, #bbp-your-profile, #bbp-your-profile fieldset {border-color: #ffffff;}.bbp-topic-action #favorite-toggle a:hover, .bbp-topic-action #subscription-toggle a:hover, .bbp-single-topic-meta a:hover, .bbp-topic-tags a:hover, #bbp-user-navigation ul li a:hover, .bbp-pagination-links a:hover {border-color: #80ada5;}#bbp-user-navigation ul li.current a, .bbp-pagination-links span.current {border-color: #80ada5;background: #80ada5; color: #ffffff;}#bbpress-forums fieldset.bbp-form button[type=submit], #bbp_user_edit_submit, .widget_display_search #bbp_search_submit {background: #ffffff; color: #80ada5}#bbpress-forums fieldset.bbp-form button[type=submit]:hover, #bbp_user_edit_submit:hover {background: #80ada5; color: #ffffff;}#bbpress-forums li.bbp-header {border-top-color: #80ada5;}.campaign-item .details-wrap {background-color:#ffffff;}.atcf-profile-campaigns > li {border-color: #ffffff;}.tribe-events-list-separator-month span {background-color:#ffffff;}#tribe-bar-form, .tribe-events-list .tribe-events-event-cost span, #tribe-events-content .tribe-events-calendar td {background-color:#ffffff;}.tribe-events-loop .tribe-events-event-meta, .tribe-events-list .tribe-events-venue-details {border-color: #ffffff;}@media only screen and (max-width: 767px) {nav .menu > li {border-top-color: #ffffff;}}html.no-js .sf-animation, .mobile-browser .sf-animation, .apple-mobile-browser .sf-animation, .sf-animation[data-animation="none"] {
opacity: 1!important;left: auto!important;right: auto!important;bottom: auto!important;-webkit-transform: scale(1)!important;-o-transform: scale(1)!important;-moz-transform: scale(1)!important;transform: scale(1)!important;}html.no-js .sf-animation.image-banner-content, .mobile-browser .sf-animation.image-banner-content, .apple-mobile-browser .sf-animation.image-banner-content {
bottom: 50%!important;}.mobile-browser .product-grid .product {opacity: 1!important;}
/*========== User Custom CSS Styles ==========*/
.woocommerce .quantity .qty-adjust {
z-index: 99;
pointer-events: all;
}
@media only screen and (max-width: 1200px) {
.woocommerce.product-fw-split div.product form.cart div.quantity, .woocommerce.vertical-header .has-no-sidebar div.product form.cart div.quantity {
float: none;
margin-bottom: 20px;
margin-right: 0;
}
}
#jckqv .added_to_cart.wc-forward {
display: none!important;
}
#main-container {
position: relative;
}
.menu-search .ajax-search-results {
line-height: 100%;
}
.woocommerce .products .preview-slider-item-wrapper>figure {
background-color: #f7f7f7;
}
#sf-buy-button {
position: fixed;
bottom: 0;
left: 0;
width: auto;
height: auto;
z-index: 9999;
background-color: rgba(0,0,0,0.8);
padding: 30px 30px 20px 20px;
display: none;
}
#sf-buy-button p {
text-align: center;
font-weight: bold;
color: #fff;
margin-bottom: 10px;
}
#sf-buy-button a.sf-button {
margin: 0;
}
#sf-buy-button a.sf-buy-button-close {
color: #fff;
font-size: 26px;
position: absolute;
top: 10px;
right: 10px;
}
@media only screen and (max-width: 767px) {
#sf-buy-button {
display: none!important;
}
}
/* QV Button */
.jckqvBtn {
display: table;
float: left;
margin: 0px 0px 10px 0px;
padding: 8px 10px 8px 10px;
background: #66cc99;
color: #ffffff;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.jckqvBtn:hover {
background: #47C285;
color: #ffffff;
}
/* Magnific Specific */
.mfp-bg {
background: #000000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)";
filter: alpha(opacity=8);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
body.custom-background { background-color: #ffffff; }
#logo h1, #logo h2, #mobile-logo h1{font-family:Lato;font-weight:400;font-style:normal;color:#222;font-size:24px;}body, p, nav .shopping-bag, nav .wishlist-bag{font-family:Karla;line-height:18px;letter-spacing:0px;font-weight:400;font-style:normal;font-size:15px;}h1,.impact-text,.impact-text > p,.impact-text-large,.impact-text-large > p,h3.countdown-subject, .swiper-slide .caption-content > h2, #jckqv h1{font-family:Dosis;line-height:28px;letter-spacing:1px;font-weight:400;font-style:normal;font-size:24px;}h2,.blog-item .quote-excerpt{font-family:Dosis;line-height:26px;letter-spacing:1px;font-weight:600;font-style:normal;font-size:18px;}h3,.spb-row-expand-text,.woocommerce div.product .woocommerce-tabs ul.tabs li a, .single_variation_wrap .single_variation span.price{font-family:Dosis;line-height:26px;letter-spacing:1px;font-weight:600;font-style:normal;font-size:15px;}h4{font-family:Dosis;line-height:18px;font-weight:600;font-style:normal;font-size:12px;}h5{font-family:Karla;line-height:24px;font-weight:400;font-style:normal;font-size:17px;}h6{font-family:Karla;line-height:16px;font-weight:700;font-style:normal;font-size:12px;}#main-nav, #header nav, .vertical-menu nav, .header-9#header-section #main-nav, #overlay-menu nav, #mobile-menu, #one-page-nav li .hover-caption, .mobile-search-form input[type="text"]{font-family:Karla;letter-spacing:1px;font-weight:400;font-style:normal;font-size:14px;}