html {
scroll-behavior: smooth;
overflow-x: hidden;
}
.zozo-main-nav.navbar-nav .dropdown-menu{
overflow-y: auto; /**прокручивающееся выпадающее меню**/
max-height: 80vh;
}
.afbf_agree a{
text-decoration: underline !important;
color: var(--text-main) !important;
}
/* ================================================================
*** Отключаем затухание телефона в хедере
* ================================================================ */
.header-phone small,
.phone small,
.tel small,
[class*="phone"] small,
a[href^="tel"] small {
opacity: 1 !important;
font-size: inherit !important;
line-height: inherit !important;
margin: 0 !important;
padding: 0 !important;
}
/* ================================================================
*** убираем отступы в меню
* ================================================================ */
.custom-menu ul::before,
.custom-menu ul::after {
content: none !important;
display: none !important;
}
/* ==========================конец=================================*/
/* ================================================================
*** БАЗОВЫЕ СТИЛИ
* ================================================================ */
:root {
--primary-red: #EC2527;
--text-main: #141414; /* основной цвет текста */
--text-dark: #363636;
--text-gray: #626262;
--light-gray: #EBEBEB;
--medium-gray: #C2C2C2;
--white: #FFFFFF;
}
body {
color: var(--text-main);
font-family: "HelveticaNeueCyr", "HelveticaNeue", Helvetica, Arial, sans-serif !important;
font-size: 16px;
line-height: 1.2;
font-style: normal;
letter-spacing: normal;
font-weight: 400;
background: var(--text-gray);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0;
overflow-x: hidden;
-webkit-font-smoothing: antialiased !important;
position: relative;
}
h1, h2, h3, h4, h5, h6, p, a, input, button, select, textarea {
font-family: inherit;
}
.page-title-captions .entry-title{
margin-bottom: 30px !important;
}
h1, h2, h3, h4, h5, h6,
.entry-title,
.page-title-section .page-title-captions h1,
.woocommerce h1.product_title,
.abercomru-catalog__section__item__title,
.abercomru-slider__item__title {
font-family: "HelveticaNeueCyr", "HelveticaNeue", Helvetica, Arial, sans-serif !important;
color: var(--text-main);
line-height: 1.2;
margin-top: 0;
letter-spacing: 1px;
}
h1.big { font-size: 48px; }
h1 { font-size: 36px; }
h2.hone { font-size: 34px; }
h2 { font-size: 34px; }
h3 { font-size: 32px; }
h4 { font-size: 24px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
.abercomru-slider__item__title, .warranty-title, .ep-feedback-title, .about-title, .clients-section__title, .reviews-section__title, .contacts-block__title, .entry-title, .about-title, .about-head, .catalog-head{
font-size: 36px;
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.abercomru-slider__item__title, .warranty-title, .ep-feedback-title, .about-title, .clients-section__title, .reviews-section__title, .contacts-block__title, .entry-title, .about-title, .about-head, .catalog-head{
font-size: 28px;
margin-bottom: 20px;
}
.abercomru-slider, .warranty-section, .catalog-grid-container, .europump-feedback, .about-section, .clients-section, .contacts-block, .huge-logo-wrapper, .abercomru-catalog__item__info, .abercomru-catalog, .content-page, .coop-section{
margin-bottom: 60px !important;
}
.abercomru-catalog__section, .abercomru-catalog__section__descr{
margin-bottom: 0px !important;
}
}
.abercomru-slider, .warranty-section, .catalog-grid-container, .europump-feedback, .about-section, .clients-section, .reviews-section, .contacts-block, .huge-logo-wrapper, .abercomru-catalog__section, .abercomru-catalog__item__info, .abercomru-catalog, .coop-section{
margin-bottom: 100px !important;
}
/* ==========================конец=================================*/
@font-face {
font-family: 'Helvetica Neue';
src: url('fonts/HelveticaNeueBoldCondensed.eot');
src: local('Helvetica Neue Condensed Bold'), local('HelveticaNeueBoldCondensed'),
url('fonts/HelveticaNeueBoldCondensed.eot?#iefix') format('embedded-opentype'),
url('fonts/HelveticaNeueBoldCondensed.woff2') format('woff2'),
url('fonts/HelveticaNeueBoldCondensed.woff') format('woff'),
url('fonts/HelveticaNeueBoldCondensed.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Helvetica Neue';
src: url('fonts/HelveticaNeueBlackCondensed.eot');
src: local('Helvetica Neue Condensed Black'), local('HelveticaNeueBlackCondensed'),
url('fonts/HelveticaNeueBlackCondensed.eot?#iefix') format('embedded-opentype'),
url('fonts/HelveticaNeueBlackCondensed.woff2') format('woff2'),
url('fonts/HelveticaNeueBlackCondensed.woff') format('woff'),
url('fonts/HelveticaNeueBlackCondensed.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeueCyr';
src: url('fonts/HelveticaNeueCyr-Bold.eot');
src: local('HelveticaNeueCyr-Bold'),
url('fonts/HelveticaNeueCyr-Bold.eot?#iefix') format('embedded-opentype'),
url('fonts/HelveticaNeueCyr-Bold.woff2') format('woff2'),
url('fonts/HelveticaNeueCyr-Bold.woff') format('woff'),
url('fonts/HelveticaNeueCyr-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeueCyr';
src: url('fonts/HelveticaNeueCyr-Light.eot');
src: local('HelveticaNeueCyr-Light'),
url('fonts/HelveticaNeueCyr-Light.eot?#iefix') format('embedded-opentype'),
url('fonts/HelveticaNeueCyr-Light.woff2') format('woff2'),
url('fonts/HelveticaNeueCyr-Light.woff') format('woff'),
url('fonts/HelveticaNeueCyr-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeueCyr';
src: url('fonts/HelveticaNeueCyr-Medium.eot');
src: local('HelveticaNeueCyr-Medium'),
url('fonts/HelveticaNeueCyr-Medium.eot?#iefix') format('embedded-opentype'),
url('fonts/HelveticaNeueCyr-Medium.woff2') format('woff2'),
url('fonts/HelveticaNeueCyr-Medium.woff') format('woff'),
url('fonts/HelveticaNeueCyr-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeueCyr';
src: url('fonts/HelveticaNeueCyr-MediumItalic.eot');
src: local('HelveticaNeueCyr-MediumItalic'),
url('fonts/HelveticaNeueCyr-MediumItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/HelveticaNeueCyr-MediumItalic.woff2') format('woff2'),
url('fonts/HelveticaNeueCyr-MediumItalic.woff') format('woff'),
url('fonts/HelveticaNeueCyr-MediumItalic.ttf') format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'HelveticaNeueCyr';
src: url('fonts/HelveticaNeueCyr-LightItalic.eot');
src: local('HelveticaNeueCyr-LightItalic'),
url('fonts/HelveticaNeueCyr-LightItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/HelveticaNeueCyr-LightItalic.woff2') format('woff2'),
url('fonts/HelveticaNeueCyr-LightItalic.woff') format('woff'),
url('fonts/HelveticaNeueCyr-LightItalic.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'HelveticaNeueCyr';
src: url('fonts/HelveticaNeueCyr-HeavyItalic.eot');
src: local('HelveticaNeueCyr-HeavyItalic'),
url('fonts/HelveticaNeueCyr-HeavyItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/HelveticaNeueCyr-HeavyItalic.woff2') format('woff2'),
url('fonts/HelveticaNeueCyr-HeavyItalic.woff') format('woff'),
url('fonts/HelveticaNeueCyr-HeavyItalic.ttf') format('truetype');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'HelveticaNeueCyr';
src: url('fonts/HelveticaNeueCyr-Black.eot');
src: local('HelveticaNeueCyr-Black'),
url('fonts/HelveticaNeueCyr-Black.eot?#iefix') format('embedded-opentype'),
url('fonts/HelveticaNeueCyr-Black.woff2') format('woff2'),
url('fonts/HelveticaNeueCyr-Black.woff') format('woff'),
url('fonts/HelveticaNeueCyr-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeueCyr';
src: url('fonts/HelveticaNeueCyr-Heavy.eot');
src: local('HelveticaNeueCyr-Heavy'),
url('fonts/HelveticaNeueCyr-Heavy.eot?#iefix') format('embedded-opentype'),
url('fonts/HelveticaNeueCyr-Heavy.woff2') format('woff2'),
url('fonts/HelveticaNeueCyr-Heavy.woff') format('woff'),
url('fonts/HelveticaNeueCyr-Heavy.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeueCyr';
src: url('fonts/HelveticaNeueCyr-Italic.eot');
src: local('HelveticaNeueCyr-Italic'),
url('fonts/HelveticaNeueCyr-Italic.eot?#iefix') format('embedded-opentype'),
url('fonts/HelveticaNeueCyr-Italic.woff2') format('woff2'),
url('fonts/HelveticaNeueCyr-Italic.woff') format('woff'),
url('fonts/HelveticaNeueCyr-Italic.ttf') format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'HelveticaNeueCyr';
src: url('fonts/HelveticaNeueCyr-Roman.eot');
src: local('HelveticaNeueCyr-Roman'),
url('fonts/HelveticaNeueCyr-Roman.eot?#iefix') format('embedded-opentype'),
url('fonts/HelveticaNeueCyr-Roman.woff2') format('woff2'),
url('fonts/HelveticaNeueCyr-Roman.woff') format('woff'),
url('fonts/HelveticaNeueCyr-Roman.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeueCyr';
src: url('fonts/HelveticaNeueCyr-BlackItalic.eot');
src: local('HelveticaNeueCyr-BlackItalic'),
url('fonts/HelveticaNeueCyr-BlackItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/HelveticaNeueCyr-BlackItalic.woff2') format('woff2'),
url('fonts/HelveticaNeueCyr-BlackItalic.woff') format('woff'),
url('fonts/HelveticaNeueCyr-BlackItalic.ttf') format('truetype');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'HelveticaNeueCyr';
src: url('fonts/HelveticaNeueCyr-UltraLightItalic.eot');
src: local('HelveticaNeueCyr-UltraLightItalic'),
url('fonts/HelveticaNeueCyr-UltraLightItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/HelveticaNeueCyr-UltraLightItalic.woff2') format('woff2'),
url('fonts/HelveticaNeueCyr-UltraLightItalic.woff') format('woff'),
url('fonts/HelveticaNeueCyr-UltraLightItalic.ttf') format('truetype');
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: 'HelveticaNeueCyr';
src: url('fonts/HelveticaNeueCyr-BoldItalic.eot');
src: local('HelveticaNeueCyr-BoldItalic'),
url('fonts/HelveticaNeueCyr-BoldItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/HelveticaNeueCyr-BoldItalic.woff2') format('woff2'),
url('fonts/HelveticaNeueCyr-BoldItalic.woff') format('woff'),
url('fonts/HelveticaNeueCyr-BoldItalic.ttf') format('truetype');
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: 'HelveticaNeueCyr';
src: url('fonts/HelveticaNeueCyr-ThinItalic.eot');
src: local('HelveticaNeueCyr-ThinItalic'),
url('fonts/HelveticaNeueCyr-ThinItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/HelveticaNeueCyr-ThinItalic.woff2') format('woff2'),
url('fonts/HelveticaNeueCyr-ThinItalic.woff') format('woff'),
url('fonts/HelveticaNeueCyr-ThinItalic.ttf') format('truetype');
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: 'HelveticaNeueCyr';
src: url('fonts/HelveticaNeueCyr-UltraLight.eot');
src: local('HelveticaNeueCyr-UltraLight'),
url('fonts/HelveticaNeueCyr-UltraLight.eot?#iefix') format('embedded-opentype'),
url('fonts/HelveticaNeueCyr-UltraLight.woff2') format('woff2'),
url('fonts/HelveticaNeueCyr-UltraLight.woff') format('woff'),
url('fonts/HelveticaNeueCyr-UltraLight.ttf') format('truetype');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeueCyr';
src: url('fonts/HelveticaNeueCyr-Thin.eot');
src: local('HelveticaNeueCyr-Thin'),
url('fonts/HelveticaNeueCyr-Thin.eot?#iefix') format('embedded-opentype'),
url('fonts/HelveticaNeueCyr-Thin.woff2') format('woff2'),
url('fonts/HelveticaNeueCyr-Thin.woff') format('woff'),
url('fonts/HelveticaNeueCyr-Thin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
}
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
/* Isotope CSS3 transitions */
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.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;
}
/* ================================================================
* COUNTDOWN
* ================================================================ */
.is-countdown {
}
.countdown-rtl {
direction: rtl;
}
.countdown-holding span {
color: #888;
}
.countdown-row {
clear: both;
padding: 0;
text-align: center;
position: relative;
display: inline-block;
margin: 0 auto;
}
.countdown-section {
display: block;
float: left;
font-size: 75%;
text-align: center;
margin: 15px;
width: 85px;
height: 70px;
line-height: 63px;
border: 2px solid;
position: relative;
}
.countdown-amount {
font-size: 40px;
}
.countdown-period {
display: block;
line-height: 20px;
font-size: 15px;
}
.countdown-descr {
display: block;
width: 100%;
}
/* ================================================================
* BOOTSTRAP VALIDATOR
* ================================================================ */
/* BootstrapValidator v0.5.3 */
.bv-form .help-block {
margin-bottom: 0;
}
.bv-form .tooltip-inner {
text-align: left;
}
.nav-tabs li.bv-tab-success > a {
color: #3c763d;
}
.nav-tabs li.bv-tab-error > a {
color: #a94442;
}
.bv-form .bv-icon-no-label {
top: 0;
}
.bv-form .bv-icon-input-group {
top: 0;
z-index: 100;
}
/* ================================================================
* MEDIAELEMENT PLAYER ( AUDIO / VIDEO )
* ================================================================ */
.mejs-container,
.mejs-embed,
.mejs-embed body,
.mejs-container .mejs-controls {
background: #000;
}
.mejs-container.mejs-audio {
background: transparent;
font-family: inherit;
width: 100%;
height: 50px !important;
}
.mejs-overlay-button {
transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
margin: 0 !important;
}
/* Start: CONTROL BAR */
.audio-player {
/*height: 50px;*/
width: 100%;
}
.mejs-container.mejs-audio .mejs-controls {
position: absolute;
list-style-type: none;
margin: 0;
padding: 0;
top: 0;
left: 0;
width: 100%;
height: 50px;
background: #2C2C2C;
border: 1px solid #404040;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
}
.mejs-container.mejs-audio .mejs-controls div {
display: block;
float: left;
margin: 0;
padding: 0;
width: 26px;
height: 26px;
border: none;
font-size: 16px;
line-height: 16px;
font-weight: 500;
background: none;
font-family: inherit;
}
.mejs-container.mejs-audio .mejs-controls .mejs-button {
width: 40px;
height: 48px;
}
.mejs-container.mejs-audio .mejs-button button {
display: block;
position: absolute;
width: 40px;
height: 36px;
background: url(images/play-pause-icon.png) no-repeat;
margin: 0;
padding: 0;
cursor: pointer;
border: none;
font-size: 0;
line-height: 0;
text-decoration: none;
top: 50%;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/* Start: Time (Current / Duration) */
.mejs-container.mejs-audio .mejs-controls .mejs-time {
overflow: hidden;
display: block;
width: auto;
height: 48px;
padding: 0;
color: #fff;
text-align: center;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.mejs-container.mejs-audio .mejs-controls .mejs-time span {
display: block;
float: left;
width: auto;
margin: 0 6px 0 0;
color: #fff;
font-size: 16px;
line-height: 16px;
height: 48px;
line-height: 48px;
}
/* End: Time (Current / Duration) */
/* Start: Play/Pause/Stop */
.mejs-container.mejs-audio .mejs-playpause-button button {
background-position: center 30px;
}
.mejs-container.mejs-audio .mejs-play button {
background-position: center 10px;
}
.mejs-container.mejs-audio .mejs-pause button {
background-position: center -26px;
}
/* Start: Play/Pause/Stop */
/* Start: Progress Bar */
.mejs-container.mejs-audio .mejs-controls .mejs-time-rail {
direction: ltr;
padding-top: 5px;
margin-right: 10px;
position: relative;
top: 0;
left: 0;
height: 48px;
}
.mejs-container.mejs-audio .mejs-time-rail span,
.mejs-container.mejs-audio .mejs-time-rail a {
display: block;
position: absolute;
height: 6px;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.mejs-container.mejs-audio .mejs-controls a:focus > .mejs-offscreen {
height: auto;
}
.mejs-controls .mejs-time-rail span,
.mejs-controls .mejs-time-rail span a,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.mejs-container.mejs-audio .mejs-time-rail .mejs-time-total {
background: #DBE0E4;
width: 100%;
margin-top: 17px;
}
.mejs-container.mejs-audio .mejs-controls .mejs-time-rail .mejs-time-handle {
background: url(images/volume-handle.png) 0 0 no-repeat;
border: none;
width: 20px;
height: 20px;
top: -7px;
}
.mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle,
.mejs-audio .mejs-controls .mejs-time-rail .mejs-time-handle {
display: block;
}
.mejs-container.mejs-audio .mejs-time-loaded {
width: 0;
background: #DBE0E4;
}
.mejs-audio .mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #DBE0E4;
}
.mejs-container.mejs-audio .mejs-time-rail .mejs-time-current {
width: 0;
}
.mejs-container.mejs-audio .mejs-controls .mejs-time-rail .mejs-time-float {
position: absolute;
display: none;
background: #eee;
width: 36px;
height: 17px;
border: none;
top: -26px;
margin-left: -18px;
text-align: center;
color: #111;
}
.mejs-container.mejs-audio .mejs-controls .mejs-time-rail .mejs-time-float-corner {
border: none;
}
/* End: Progress Bar */
/* Start: Mute/Volume */
.mejs-container.mejs-audio .mejs-controls .mejs-volume-button {
width: 34px;
height: 48px;
display: block;
}
.mejs-container.mejs-audio .mejs-volume-button button {
width: 24px;
height: 24px;
background: url(images/volume-icon.png) 0 0 no-repeat transparent;
}
.mejs-container.mejs-audio .mejs-controls .mejs-horizontal-volume-slider {
height: 48px;
width: 60px;
position: relative;
cursor: pointer;
margin: 0 15px 0 0;
}
.mejs-container.mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
position: absolute;
top: 21px;
left: 0;
width: 60px;
height: 5px;
margin: 0;
padding: 0;
font-size: 1px;
background: #DBE0E4;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.mejs-container.mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
position: absolute;
top: 21px;
left: 0;
width: 60px;
height: 5px;
margin: 0;
padding: 0;
font-size: 1px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
margin: 0;
position: absolute;
top: 14px;
background: url(images/volume-handle.png) 0 0 no-repeat;
width: 20px;
height: 20px;
}
/* End: Mute/Volume */
/* Transparent Audio Player */
.transparent-player .mejs-container.mejs-audio .mejs-controls {
background: rgba(0, 0, 0, 0) linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)) repeat scroll 0 0;
}
/* ================================================================
* MB YTPLAYER
* ================================================================ */
/* last modified: 19/04/15 17.35 */
@charset "UTF-8";
.mb_YTPlayer:focus {
outline: 0;
}
.mbYTP_wrapper {
display: block;
transform: translateZ(0) translate3d(0, 0, 0);
transform-style: preserve-3d;
perspective: 1000;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
box-sizing: border-box;
}
.mb_YTPlayer .loading {
position: absolute;
top: 10px;
right: 10px;
font-size: 12px;
color: #fff;
background: rgba(0, 0, 0, 0.51);
text-align: center;
padding: 2px 4px;
border-radius: 5px;
font-family: "Droid Sans", sans-serif;
-webkit-animation: fade .1s infinite alternate;
/* Chrome, Safari, Opera */
animation: fade .1s infinite alternate;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes fade {
0% {
opacity: .5;
}
100% {
opacity: 1;
}
}
/* Standard syntax */
@keyframes fade {
0% {
opacity: .5;
}
100% {
opacity: 1;
}
}
.mb_YTPlayer.fullscreen {
display: block !important;
position: fixed !important;
width: 100% !important;
height: 100% !important;
top: 0 !important;
left: 0 !important;
margin: 0 !important;
border: none !important;
opacity: 1 !important;
}
.mbYTP_wrapper iframe {
max-width: 4000px !important;
}
.inline_YTPlayer {
margin-bottom: 20px;
vertical-align: top;
position: relative;
left: 0;
overflow: hidden;
border-radius: 4px;
box-shadow: 0 0 5px rgba(0, 0, 0, .7);
background: rgba(0, 0, 0, .5);
}
.inline_YTPlayer img {
border: none !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
}
/*CONTROL BAR*/
.mb_YTPBar .ytpicon {
font-size: 20px;
font-family: 'ytpregular';
}
.mb_YTPBar .mb_YTPUrl.ytpicon {
font-size: 30px;
}
.mb_YTPBar {
transition: opacity .5s;
-moz-transition: opacity .5s;
-webkit-transition: opacity .5s;
-o-transition: opacity .5s;
display: block;
width: 100%;
height: 10px;
padding: 5px;
background: #333;
position: fixed;
bottom: 0;
left: 0;
text-align: left;
z-index: 1000;
font: 14px/16px sans-serif;
color: white;
opacity: .1;
box-sizing: border-box;
}
.mb_YTPBar.visible,
.mb_YTPBar:hover {
opacity: 1;
}
.mb_YTPBar .buttonBar {
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
background: transparent;
font: 12px/14px Calibri;
position: absolute;
top: -30px;
left: 0;
padding: 5px;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.mb_YTPBar:hover .buttonBar {
background: rgba(0, 0, 0, 0.4);
}
.mb_YTPBar span {
display: inline-block;
font: 16px/20px Calibri, sans-serif;
position: relative;
width: 30px;
height: 25px;
vertical-align: middle;
}
.mb_YTPBar span.mb_YTPTime {
width: 130px;
}
.mb_YTPBar span.mb_YTPUrl,
.mb_YTPBar span.mb_OnlyYT {
position: absolute;
width: auto;
display: block;
top: 6px;
right: 10px;
cursor: pointer;
}
.mb_YTPBar span.mb_YTPUrl img {
width: 60px;
}
.mb_YTPBar span.mb_OnlyYT {
left: 185px;
right: auto;
}
.mb_YTPBar span.mb_OnlyYT img {
width: 25px;
}
.mb_YTPBar span.mb_YTPUrl a {
color: white;
}
.mb_YTPBar .mb_YTPPlaypause,
.mb_YTPlayer .mb_YTPBar .mb_YTPPlaypause img {
cursor: pointer;
}
.mb_YTPBar .mb_YTPMuteUnmute {
cursor: pointer;
}
/*PROGRESS BAR*/
.mb_YTPBar .mb_YTPProgress {
height: 10px;
width: 100%;
background: #222;
bottom: 0;
left: 0;
}
.mb_YTPBar .mb_YTPLoaded {
height: 10px;
width: 0;
background: #444;
left: 0;
}
.mb_YTPBar .mb_YTPseekbar {
height: 10px;
width: 0;
background: #bb110e;
bottom: 0;
left: 0;
box-shadow: rgba(82, 82, 82, 0.47) 1px 1px 3px;
}
.mb_YTPBar .YTPOverlay {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-webkit-transform-style: "flat";
box-sizing: border-box;
}
/*RASTER OVERLAY*/
.YTPOverlay.raster {
background: url("images/raster.png");
}
.YTPOverlay.raster.retina {
background: url("images/raster@2x.png");
}
.YTPOverlay.raster-dot {
background: url("images/raster_dot.png");
}
.YTPOverlay.raster-dot.retina {
background: url("images/raster_dot@2x.png");
}
/* ---------------------------------------------------
GLOBAL
------------------------------------------------------- */
.typo-thin,
.typo-thin h1,
.typo-thin h2,
.typo-thin h3,
.typo-thin h4,
.typo-thin h5,
.typo-thin h6,
.typo-thin p {
font-weight: 300;
}
.typo-dark h1 > a,
.typo-dark h2 > a,
.typo-dark h3 > a,
.typo-dark h4 > a,
.typo-dark h5 > a,
.typo-dark h6 > a {
color: #333;
}
.typo-light h1 > a,
.typo-light h2 > a,
.typo-light h3 > a,
.typo-light h4 > a,
.typo-light h5 > a,
.typo-light h6 > a {
color: #fff;
}
label {
font-size: 13px;
}
legend {
margin-bottom: 20px !important;
padding-bottom: 20px;
}
/* LINKS */
a {
outline: none;
-webkit-transition: all 0.14s ease 0s;
-moz-transition: all 0.14s ease 0s;
-o-transition: all 0.14s ease 0s;
}
a:hover,
a:focus,
a:active {
/*color: #333;*/
text-decoration: none;
}
a:focus,
.btn:focus,
.btn:active:focus,
.btn.active:focus {
outline: none;
outline-offset: 0;
}
/* TEXT ELEMENTS */
blockquote p {
font-style: italic;
}
dd {
margin-bottom: 1em;
}
.text-uppercase.desc {
font-size: 12px;
font-weight: 600;
margin-bottom: 10px;
}
/* ALIGNMENT */
.alignleft {
display: inline;
float: left;
margin: 0 1.5em 1.5em 0;
}
.alignright {
display: inline;
float: right;
margin: 0 0 1.5em 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
}
/* TABLES */
table {
width: 100%;
margin-bottom: 20px;
}
table th,
table td {
padding: 8px;
line-height: 20px;
vertical-align: top;
border-top: 1px solid #e1e1e1;
}
table th {
font-weight: bold;
}
table thead th {
vertical-align: bottom;
}
table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
border-top: 0;
}
table tbody + tbody {
border-top: 2px solid #ddd;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
max-width: 100%;
}
iframe {
border: none;
}
/* CLEARING */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
*:first-child + html .clearfix {
min-height: 1px;
}
.clear {
clear: both;
}
img {
max-width: 100%;
height: auto;
}
/* BLOCKQUOTE */
blockquote,
.blockquote-reverse {
border-left: none;
border-right: none;
padding: 12px 40px;
position: relative;
font-size: 15px;
color: #606060;
display: inline-block;
}
blockquote p {
font-family: Georgia;
font-size: 18px;
font-weight: normal;
}
.img-circle {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
/* Insert the pseudo element - replicating what FontAwesome does */
blockquote footer,
blockquote small,
blockquote .small {
font-weight: 500;
}
blockquote blockquote {
padding: 0;
margin: 0;
}
blockquote blockquote:before,
blockquote blockquote:after {
content: none;
}
blockquote,
.blockquote-reverse {
font-size: 28px;
font-weight: 700;
}
/* Blockqoute Plain */
.blockquote-plain {
font-family: georgia;
font-size: 20px;
font-style: italic;
line-height: 36px;
}
/* Button */
.btn,
.btn.btn-default,
input[type="submit"],
button[type="submit"],
.vc_general.vc_btn3.vc_btn3-color-primary-bg,
.vc_btn.vc_btn-primary-bg,
.vc_general.vc_btn3.vc_btn3-color-juicy-pink,
.btn-modal.btn-primary {
border: none;
line-height: 22px;
font-weight: normal;
outline: none;
padding: 9px 20px;
color: #333333;
border-bottom: 2px solid rgba(0, 0, 0, .2);
border-radius: 2px;
-ms-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
-webkit-border-radius: 2px;
transition: all 0.4s ease-in-out 0s !important;
-moz-transition: all 0.4s ease-in-out 0s !important;
-webkit-transition: all 0.4s ease-in-out 0s !important;
-o-transition: all 0.4s ease-in-out 0s !important;
-ms-transition: all 0.4s ease-in-out 0s !important;
}
.bg-style.bg-normal .btn,
.btn.btn-default,
input[type="submit"],
button[type="submit"],
.bg-style.bg-normal .vc_general.vc_btn3.vc_btn3-color-primary-bg,
.bg-style.bg-normal .vc_btn.vc_btn-primary-bg,
.bg-style.bg-normal .vc_general.vc_btn3.vc_btn3-color-juicy-pink {
background: #333;
}
.bg-style.bg-normal .btn:hover,
.btn.btn-default:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
.bg-style.bg-normal .vc_general.vc_btn3.vc_btn3-color-primary-bg:hover,
.bg-style.bg-normal .vc_btn.vc_btn-primary-bg:hover,
.bg-style.bg-normal .vc_general.vc_btn3.vc_btn3-color-juicy-pink:hover {
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
}
.vc_btn,
a.vc_btn,
button.vc_btn,
.vc_btn:hover,
a.vc_btn:hover,
button.vc_btn:hover,
.vc_btn:focus,
a.vc_btn:focus,
button.vc_btn:focus {
border: none;
}
.vc_general.vc_btn3.vc_btn3-style-outline.vc_btn3-color-primary-bg {
background: transparent;
border: 1px solid;
padding: 8px 20px;
}
.vc_general.vc_btn3.vc_btn3-style-outline.vc_btn3-color-primary-bg:hover {
border: 1px solid;
}
.bg-skin-dark .vc_general.vc_btn3.vc_btn3-style-outline.vc_btn3-color-primary-bg:hover {
color: #fff;
}
.btn.square {
border-radius: 0 !important;
-ms-border-radius: 0 !important;
-moz-border-radius: 0 !important;
-o-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
}
.btn.white {
color: #fff;
}
/*Btn large*/
.vc_general.vc_btn3.vc_btn3-color-primary-bg.vc_btn3-size-lg,
.vc_btn3.vc_btn3-size-lg {
padding-top: 20px;
padding-bottom: 20px;
font-weight: 900;
}
.btn:hover,
.btn:focus,
.btn.btn-default:hover,
.btn.btn-default:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
button[type="submit"]:hover,
button[type="submit"]:focus,
.btn-modal.btn-primary:hover,
.btn-modal.btn-primary:active,
.btn-modal.btn-primary:focus {
color: #fff;
}
.btn.btn-transparent-white,
.btn.btn-transparent-white-inverse,
.btn.btn-transparent-black,
.btn.btn-transparent-black-inverse,
.btn.btn-transparent-color,
.btn.btn-transparent-color-inverse {
font-weight: 600;
}
.btn-transparent-white,
.btn.btn-transparent-white,
.btn-transparent-white-inverse:hover,
.btn.btn-transparent-white-inverse:hover {
background: transparent;
border: 2px solid #fff;
color: #fff;
}
.btn-transparent-white:hover,
.btn.btn-transparent-white:hover,
.btn-transparent-white-inverse,
.btn.btn-transparent-white-inverse {
background: #fff;
border: 2px solid #fff;
}
.btn-transparent-black,
.btn.btn-transparent-black,
.btn-transparent-black-inverse:hover,
.btn.btn-transparent-black-inverse:hover {
background: transparent;
border: 2px solid #333333;
color: #333333;
}
.btn-transparent-black:hover,
.btn.btn-transparent-black:hover,
.btn-transparent-black-inverse,
.btn.btn-transparent-black-inverse {
background: #333333;
border: 2px solid #333333;
}
.btn-transparent-color,
.btn.btn-transparent-color,
.btn-transparent-color-inverse:hover,
.btn.btn-transparent-color-inverse:hover {
background: transparent;
border: 2px solid;
}
.btn-transparent-color:hover,
.btn.btn-transparent-color:hover,
.btn-transparent-color-inverse,
.btn.btn-transparent-color-inverse {
border: 2px solid;
color: #fff;
}
.btn:active,
.btn.active {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
}
.btn.btn-wide {
width: 100%;
max-width: 205px;
}
.btn-top-margin {
margin-top: 10px;
}
.search-form .btn,
.zozo-mailchimp-form .btn {
font-size: 13px;
font-weight: 400;
}
.zozo-mailchimp-form .btn > i {
top: 0;
vertical-align: middle;
}
.widget .btn {
padding-top: 10px;
padding-bottom: 10px;
}
.btn-search {
background: transparent;
}
.btn-search:hover,
.btn-search:active,
.btn-search:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active {
background-color: #333;
color: #fff;
}
.inline-block,
.inline-title {
display: inline-block;
}
.no-padding {
padding: 0;
}
.zozo-rounded {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
}
.pager li > a,
.pager li > span {
margin-bottom: 10px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
color: #333;
}
.pager li > a > i {
font-weight: 700;
font-size: 15px;
}
.pager li.previous > a > i {
padding-right: 5px;
}
.pager li.next > a > i {
padding-left: 5px;
}
.input-group-addon {
background: transparent;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
font-size: 18px;
padding-right: 0;
}
.zozo-input-group-addon input.form-control {
border-left: none;
}
.input-group-btn .btn {
height: 40px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
margin-left: 0;
}
.input-group .form-control:focus {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
}
.zozo-top-anchor {
display: block;
position: absolute;
top: 0;
font-size: 0;
height: 0;
line-height: 0;
top: 0;
}
hr {
width: 100%;
display: inline-block;
margin-top: 45px;
margin-bottom: 45px;
}
/* SELECT BOX */
select {
padding: 5px 10px;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #e1e1e1;
border-radius: 3px;
-ms- border-radius: 3px;
-moz- border-radius: 3px;
-o- border-radius: 3px;
-webkit- border-radius: 3px;
box-shadow: 0 1px #ffffff, 0 1px 4px rgba(0, 0, 0, 0.05) inset;
-ms-box-shadow: 0 1px #ffffff, 0 1px 4px rgba(0, 0, 0, 0.05) inset;
-moz-box-shadow: 0 1px #ffffff, 0 1px 4px rgba(0, 0, 0, 0.05) inset;
-o-box-shadow: 0 1px #ffffff, 0 1px 4px rgba(0, 0, 0, 0.05) inset;
-webkit-box-shadow: 0 1px #ffffff, 0 1px 4px rgba(0, 0, 0, 0.05) inset;
font-size: 12px;
height: 40px;
padding: 6px 12px;
color: #333;
vertical-align: middle;
width: 100%;
}
select option {
padding: 10px;
}
/* Password Form */
.post-password-form label input {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #e1e1e1;
border-radius: 3px;
box-shadow: 0 1px #fff, 0 1px 4px rgba(0, 0, 0, 0.05) inset;
font-size: 12px;
height: 40px;
line-height: 40px;
margin-bottom: 22px;
min-height: 40px;
padding: 0 12px;
}
/* ================================================================
* WordPress Core
* ================================================================ */
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; /* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}
/* ================================================================
* HIGHTLIGHT
* ================================================================ */
.text-hightlight {
background: #ccc;
color: #fff;
}
/* ================================================================
* JUMBOTRON
* ================================================================ */
.jumbotron p {
margin-top: 20px;
margin-bottom: 0;
}
/* ================================================================
* PAGE LOADER
* ================================================================ */
.pageloader {
background: #fff;
height: 100%;
position: fixed;
top: 0;
width: 100%;
z-index: 99999;
}
.pageloader .zozo-custom-loader {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
margin: 0 auto;
text-align: center;
}
.pageloader .zozo-custom-loader .custom-loader-img, .pageloader .zozo-custom-loader .page-loader-img {
display: inline-block;
}
/* ================================================================
* PAGE HEADERS
* ================================================================ */
.page-title-section {
margin: 0;
display: block; /* Изменено для флекс-сетки */
min-height: 140px;
box-sizing: border-box;
}
.page-title-section .page-title-wrapper {
z-index: 1;
position: relative;
}
/* Контейнер-флекс для позиционирования крошек НАД заголовком */
.page-title-section .page-title-wrapper .page-title-container {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding:0 15px;
}
@media (max-width: 580px) {
.page-title-section .page-title-wrapper .page-title-container {
padding:0 10px;
}
}
/* ================================================================
*** ХЛЕБНЫЕ КРОШКИ (СВЕРХУ)
* ================================================================ */
.page-title-section .page-title-breadcrumbs {
position: relative;
right: auto;
top: auto;
transform: none;
max-width: 100%;
order: 1;
/*margin-top:30px;*/
}
.page-title-section .page-title-breadcrumbs .zozo-breadcrumbs {
font-size: 18px;
font-weight: 400;
color: rgba(227, 6, 19, 0.5);
line-height: 1.2;
text-align: left;
}
.page-title-section .page-title-breadcrumbs .zozo-breadcrumbs a {
color: var(--text-main);
text-decoration: none;
transition: opacity 0.2s;
}
.page-title-section .page-title-breadcrumbs .zozo-breadcrumbs a:hover {
opacity: 0.8;
}
.page-title-section .page-title-breadcrumbs .zozo-breadcrumbs .zozo-breadcrumb-sep {
padding: 0 8px;
color: var(--text-main);
}
.zozo-breadcrumbs .zozo-breadcrumb-sep:last-child {
display: none;
}
.page-title-section .page-title-breadcrumbs .zozo-breadcrumbs span.breadcrumb-last,
.page-title-section .page-title-breadcrumbs .zozo-breadcrumbs .current-item {
color: rgba(227, 6, 19, 0.5); /* ЦВЕТ: 50% от var(--primary-red) */
font-weight: 500;
}
.page-title-section .page-title-captions {
order: 2;
width: 100%;
margin-top:35px;
}
.page-title-section .page-title-captions h1.entry-title {
font-size: 48px;
font-weight: 400;
line-height: 1.2;
margin: 0;
text-transform: uppercase;
letter-spacing: 2px;
text-align: left;
}
@media only screen and (max-width: 778px) {
.page-title-section{
padding-top: 140px;
}
}
/* ==========================конец=================================*/
/* ================================================================
* HEADER
* ================================================================ */
.boxed-header .is-sticky .header-main-section,
.boxed .is-sticky .header-main-section {
max-width: 1200px;
margin: 0 auto;
}
/* ================================================================
* LINE HEIGHTS AND HEIGHTS [HEADER AND HEADER TOP]
* ================================================================ */
.header-section .header-top-section .top-bar-item {
line-height: 40px;
height: 40px;
}
.header-section .header-top-section .form-control,
.header-section .header-top-section .input-group-btn .btn {
line-height: 30px;
min-height: 30px;
height: 30px;
}
.header-section .header-top-section .input-group-btn .btn {
line-height: initial;
}
/* HEADER LOGO SECTION */
.header-section .header-logo-section .logo-bar-item,
.header-section .header-logo-section .logo-bar-item .zozo-main-nav li > a,
.header-section .header-logo-section .navbar-header .navbar-brand,
.header-section.type-header-6 .header-logo-section li.header-top-cart {
line-height: 76px;
height: 76px;
}
.header-section .header-logo-section .search-form {
height: 76px;
}
.type-header-6 .header-logo-section .zozo-logo-bar {
height: 76px;
line-height: 76px;
vertical-align: middle;
}
/* HEADER MAIN SECTION */
.header-section.type-header-10 .header-sidenav-section .header-main-section {
height: auto;
}
.header-section .header-main-section .navbar-header .navbar-brand,
.header-section .header-main-section .zozo-main-nav > li,
.header-section .header-main-section .zozo-main-nav > li > a,
.header-section .header-main-section .main-bar-item,
.header-section .header-main-section .toggle-bar-item,
.header-section .header-main-section .header-toggle-content,
.type-header-9 .navbar-nav.zozo-main-bar > li,
.type-header-9 .navbar-nav.zozo-main-bar > li a {
line-height: 70px;
height: 70px;
}
.header-section .is-sticky .header-main-section .navbar-header .navbar-brand,
.header-section .is-sticky .header-main-section .zozo-main-nav > li,
.header-section .is-sticky .header-main-section .zozo-main-nav > li > a,
.header-section .is-sticky .header-main-section .main-bar-item,
.header-section .is-sticky .header-main-section .toggle-bar-item,
.header-section .is-sticky .header-main-section .header-toggle-content,
.type-header-9 .is-sticky .navbar-nav.zozo-main-bar > li,
.type-header-9 .is-sticky .navbar-nav.zozo-main-bar > li a {
line-height: 60px;
height: 60px;
}
/* HEADER FULL WIDTH MENU */
.header-section.header-fullwidth-menu .header-main-section {
height: 60px;
}
.header-section.header-fullwidth-menu .header-main-section .navbar-header .navbar-brand,
.header-section.header-fullwidth-menu .header-main-section .zozo-main-nav > li,
.header-section.header-fullwidth-menu .header-main-section .zozo-main-nav > li > a,
.header-section.header-fullwidth-menu .header-main-section .main-bar-item {
line-height: 60px;
height: 60px;
}
/* ================================================================
* HEADER TOP SECTION
* ================================================================ */
/* HEADER TOP LEFT */
.header-top-section {
border-bottom: 1px solid #ececec;
}
.header-top-section ul {
list-style: none;
padding: 0;
margin: 0;
}
.header-top-section .top-bar-item {
display: inline-block;
margin-right: 15px;
vertical-align: middle;
}
/* HEADER TOP RIGHT */
.header-top-section .zozo-top-right {
text-align: right;
}
.header-top-section .zozo-top-right .top-bar-item {
margin: 0 0 0 15px;
}
/* CONTACT INFO */
.header-contact-details {
padding: 0;
}
.header-contact-details > li {
display: inline-block;
position: relative;
margin-right: 15px;
}
.header-contact-details > li:last-child {
margin-right: 0;
}
.header-contact-details > li.header-phone:before {
content: "\f095";
font-family: FontAwesome;
padding-right: 10px;
}
.header-contact-details > li.header-email:before {
content: "\f0e0";
font-family: FontAwesome;
padding-right: 10px;
}
/* SOCIAL ICONS */
.header-section .zozo-social-icons li {
margin: 0 5px 0 0;
line-height: normal;
height: auto;
}
.header-section .zozo-social-icons li:last-child {
margin-right: 0;
}
.header-section .zozo-social-icons li a,
.header-section .zozo-social-icons li a i {
color: #fff;
}
.header-section .zozo-social-icons.soc-icon-transparent li a,
.header-section .zozo-social-icons.soc-icon-transparent li a i {
color: #333;
}
.header-top-section .zozo-social-icons.soc-icon-rounded li a {
border-radius: 5px;
-ms-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
}
/*SEARCH BAR*/
.header-section .header-top-section .top-bar-item.item-search {
line-height: normal;
}
.header-search-form .search-form {
display: table-cell;
height: 50px;
vertical-align: middle;
}
.header-search-form .search-form .form-control {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
}
.header-top-section .search-form .input-group-btn .btn-search,
.header-top-section .search-form .input-group-btn .btn-search:hover {
padding: 6px 10px;
line-height: 18px;
}
.header-top-section ul > li.extra-nav.search-nav,
.header-top-section ul > li.extra-nav.search-nav .search-form .input-group .form-control,
.header-top-section .form-control {
line-height: normal;
}
/* HEADER DETAILS BOX */
.header-details-box {
margin-right: 15px;
display: inline-block;
}
.header-details-box:last-child {
margin-right: 0;
}
.header-details-box .header-details-icon {
float: left;
min-width: 20px;
margin-right: 15px;
font-size: 26px;
}
.header-details-info {
display: inline-block;
line-height: normal;
vertical-align: middle;
}
.header-details-info p,
.header-details-info strong,
.header-details-info span {
line-height: 20px;
}
.header-details-info > span,
.header-details-info > span > a {
display: block;
color: #999;
font-size: 13px;
}
/* HEADER TOP MENU */
.header-top-section .top-menu-navigation .navbar-nav {
margin: 0 -15px;
}
.header-top-section .top-menu-navigation .navbar-nav > li:after {
position: absolute;
width: 1px;
height: 20px;
background: #e1e1e1;
content: "";
right: 0;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.header-top-section .top-menu-navigation .navbar-nav > li:last-child:after {
content: none;
}
.header-top-section .top-menu-navigation .navbar-nav > li > a {
padding: 0 15px;
line-height: inherit;
position: relative;
}
.header-top-section .top-menu-navigation .navbar-nav > li > a:hover,
.header-top-section .top-menu-navigation .navbar-nav > li > a:focus {
background: none;
}
.header-main-bar-sidemenu > a {
color: #2b2b2b;
}
/* ================================================================
* HEADER LOGO SECTION
* ================================================================ */
.header-section .header-logo-section .logo-bar-item {
display: inline-block;
vertical-align: middle;
float: left;
padding: 0 15px 0 0;
}
.header-section .header-logo-section .logo-bar-item.item-search {
line-height: normal;
}
.header-section .header-logo-section .logo-bar-item .zozo-main-nav {
margin: 0 -15px;
}
.header-section .header-logo-section .logo-bar-item .dropdown-menu li,
.header-section .header-logo-section .logo-bar-item .dropdown-menu li > a {
line-height: normal;
height: auto;
}
.header-section.header-fullwidth-menu .header-logo-section {
border-bottom: 1px solid #e1e1e1;
}
.header-logo-section .zozo-header-logo-bar .extra-nav {
margin-right: 15px;
display: block;
}
.header-logo-section .zozo-header-logo-bar .search-form {
min-width: 350px;
}
/* ================================================================
* LOGO
* ================================================================ */
/* Dont touch */
.zozo-logo {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
}
.zozo-logo a.navbar-brand {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
width: 150px;
height: 100%;
}
.zozo-logo .navbar-brand img {
max-height: 90%;
width: auto;
}
.zozo-logo .navbar-brand img.zozo-retina-logo, .zozo-logo .navbar-brand h1.retina-text-logo {
display: none;
width: auto;
}
/* STICKY LOGO */
.header-sticky.is-sticky .zozo-no-sticky-logo .navbar-brand > img.zozo-standard-logo {
max-height: 30px;
max-width: 100%;
width: auto;
}
.zozo-has-sticky-logo .navbar-brand > img.zozo-sticky-logo {
display: none;
}
.is-sticky .zozo-has-sticky-logo .navbar-brand > img.zozo-standard-logo,
.is-sticky .zozo-has-sticky-logo .navbar-brand h1.standard-text-logo,
.is-sticky .zozo-has-sticky-logo .navbar-brand > img.zozo-retina-logo,
.is-sticky .zozo-has-sticky-logo .navbar-brand h1.retina-text-logo {
display: none;
}
.is-sticky .zozo-has-sticky-logo .navbar-brand > img.zozo-sticky-logo {
display: inline-block;
}
.zozo-logo .zozo-text-logo {
float: left;
}
.zozo-logo .zozo-text-logo .logo-h1 {
margin: 0;
line-height: inherit;
}
/* ================================================================
* MOBILE HEADER
* ================================================================ */
.mobile-header-section {
display: none;
background: #fff;
}
.mobile-header-section a {
color: #333;
}
.header-mobile-main-section.navbar {
margin-bottom: 0;
}
.header-mobile-sticky .mobile-header-section {
position: relative;
width: 100%;
}
.is-sticky .mobile-header-section,
.is-sticky .header-transparent.mobile-header-section,
.is-sticky .header-semi-transparent.mobile-header-section {
background: #fff;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
left: 0;
position: relative;
right: 0;
top: 0;
width: 100%;
z-index: 99;
}
.zozo-mobile-logo {
text-align: center;
height: auto;
/*margin:0 !important;*/
width: 100%;
margin: 0 15px !important;
}
.zozo-mobile-logo.logo-right {
float: right;
}
.zozo-mobile-logo.has-img {
max-width: 50%;
}
.mobile-left-logo .zozo-mobile-logo {
float: left;
text-align: left;
}
.mobile-right-logo .zozo-mobile-logo {
float: right;
text-align: right;
}
.zozo-mobile-logo a.navbar-brand {
height: auto;
overflow: hidden;
display: block;
margin: 0 auto;
max-width: 100%;
}
.zozo-mobile-logo.logo-center a.navbar-brand {
text-align: center;
}
.zozo-mobile-logo a.navbar-brand 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-header-items-wrap > div {
display: inline-block;
margin-left: 15px;
}
/* MOBILE MENU VARIATION */
/* LOGO RIGHT & LEFT */
.header-mobile-sticky {
height: auto !important;
}
.header-mobile-left-logo .mobile-header-items-wrap,
.header-mobile-right-logo .mobile-header-items-wrap,
.header-mobile-center-logo .mobile-header-items-wrap.items-right,
.header-mobile-center-logo-alt .mobile-header-items-wrap.items-right {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.header-mobile-right-logo .mobile-header-items-wrap {
right: auto;
left: 0;
}
/* CENTER LOGO */
.mobile-header-items-wrap.items-left > div {
margin: 0 15px 0 0;
}
.mobile-header-items-wrap.items-right > div {
margin: 0 0 0 15px;
}
.header-mobile-center-logo .mobile-header-items-wrap,
.header-mobile-center-logo .zozo-mobile-logo,
.header-mobile-center-logo-alt .mobile-header-items-wrap,
.header-mobile-center-logo-alt .zozo-mobile-logo {
display: inline-block;
vertical-align: middle;
}
.header-mobile-center-logo .zozo-mobile-logo {
margin-left: 0;
}
/* MOBILE MENU & MOBILE CART */
.mobile-menu-wrapper,
.mobile-cart-wrapper {
display: block;
position: fixed;
/*top: 0;*/
left: -75%;
z-index: 100;
width: 75%;
/*height: 100%;*/
background: #fff;
border-right: 1px solid #e1e1e1;
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-wrapper.mobile-menu-right,
.mobile-cart-wrapper.mobile-cart-right {
border-left: 1px solid #e1e1e1;
right: -75%;
left: auto;
}
.mobile-menu-open .mobile-menu-wrapper.mobile-menu-left {
left: 0;
}
.mobile-menu-open .mobile-menu-wrapper.mobile-menu-right {
right: 0;
}
.mobile-cart-open .mobile-cart-wrapper.mobile-cart-left {
left: 0;
}
.mobile-cart-open .mobile-cart-wrapper.mobile-cart-right {
right: 0;
}
a.menu-bars-link {
line-height: inherit !important;
width: 20px;
height: 16px !important;
display: inline-block;
text-indent: -9999em;
position: relative;
vertical-align: middle;
top: 50%;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
position: relative;
/*margin-top: -3px;*/
overflow: hidden;
}
.mobile-menu-item a.menu-bars-link {
transform: translateY(0);
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
}
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;
}
.mobile-menu-open .mobile-menu-item a.menu-bars-link span {
background-color: transparent !important;
}
.mobile-menu-open .mobile-menu-item a.menu-bars-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);
}
.mobile-menu-open .mobile-menu-item a.menu-bars-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);
}
.mobile-menu-wrapper .mobile-menu-item {
text-align: center;
margin-top: 15px;
}
.mobile-cart-wrapper .woo-cart .cart-icon {
display: none;
}
.mobile-cart-wrapper .woo-cart .woo-cart-contents {
opacity: 1;
visibility: visible;
background: transparent;
border: none;
position: relative;
top: 0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
margin-top: 15px;
}
.mobile-cart-wrapper .woo-cart-contents .woo-cart-item {
position: relative;
}
/* MOBILE TOGGLE SEARCH */
.mobile-search-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1001;
opacity: 0;
visibility: hidden;
background: rgba(0, 0, 0, 0.9);
-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
transition: opacity 0.5s, visibility 0s 0.5s;
}
.mobile-search-open .mobile-search-wrapper {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.mobile-search-wrapper .mobile-search-inner {
position: relative;
top: 50%;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.mobile-search-wrapper .mobile-search-inner .form-control {
border-radius: 0;
-ms-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
-webkit-border-radius: 0;
border: none;
background: transparent;
border-bottom: 2px solid #fff;
font-size: 20px;
color: #fff;
}
.mobile-search-wrapper .mobile-search-inner .btn.btn-search {
background: transparent;
color: #fff;
font-size: 20px;
padding-right: 5px;
position: absolute;
right: 0;
top: -5px;
}
.mobile-search-wrapper .mobile-search-close {
position: absolute;
top: 20px;
right: 20px;
font-size: 20px;
-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;
}
.mobile-search-open .mobile-search-wrapper .mobile-search-close {
opacity: 0.8;
-webkit-transform: scale(1);
}
.mobile-search-open .mobile-search-wrapper .mobile-search-close:hover {
opacity: 1;
}
/* MOBILE SEARCH */
.mobile-search-form {
padding: 15px;
border-bottom: 1px solid #e1e1e1;
}
.mobile-search-form input {
width: 100%;
border-radius: 0;
-ms-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
-webkit-border-radius: 0;
padding: 0 15px;
}
/* Mobile Menu */
.main-mobile-navigation-wrapper {
position: relative;
}
.main-mobile-nav .zozo-main-nav {
padding: 0;
margin: 0;
}
/* ================================================================
* M-MENU
* ================================================================ */
.main-mobile-nav .zozo-main-nav li a,
.main-mobile-nav .mobile-sub-menu li a,
.mobile-megamenu-enabled h6.zozo-megamenu-title {
color: #333;
display: block;
font-size: 12px;
padding: 10px 10px 10px 20px;
text-transform: uppercase;
border-bottom: 1px solid #e1e1e1;
margin-bottom: 0;
font-weight: 700;
}
.mobile-megamenu-enabled h6.zozo-megamenu-title > a {
padding: 0;
border: none;
}
.main-mobile-nav .zozo-main-nav .submenu-toggle {
/*border-left: 1px solid #e1e1e1;*/
color: #383838;
cursor: pointer;
position: absolute;
line-height: 45px;
top: 0;
bottom: 0;
right: 0;
text-align: center;
width: 40px;
z-index: 100;
}
.main-mobile-nav .zozo-main-nav .toggle-wrapper {
position: relative;
}
.main-mobile-nav .zozo-main-nav li {
position: static;
}
.main-mobile-nav .zozo-main-nav li .mobile-sub-menu {
background-color: #fff;
left: 0;
min-height: 100%;
opacity: 1;
position: absolute;
top: 0;
display: block;
transform: translateX(-100%);
-moz-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-o-transform: translateX(-100%);
-ms-transform: translateX(-100%);
visibility: visible;
width: 100%;
padding: 0;
list-style: outside none none;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
}
.main-mobile-nav .zozo-main-nav li .mobile-sub-menu > li.back-to-menu > a {
font-weight: 600;
padding-left: 30px;
position: relative;
}
.main-mobile-nav .zozo-main-nav li .mobile-sub-menu > li.back-to-menu > a:before {
content: "\f104";
font-family: FontAwesome;
left: -10px;
position: relative;
}
.main-mobile-nav .zozo-main-nav li .mobile-sub-menu.sub-menu-active {
transform: translateX(0px) !important;
-moz-transform: translateX(0px) !important;
-webkit-transform: translateX(0px) !important;
-ms-transform: translateX(0px) !important;
-o-transform: translateX(0px) !important;
z-index: 999;
}
.mobile-menu-wrapper.mobile-menu-right .main-mobile-nav .zozo-main-nav li .mobile-sub-menu {
transform: translateX(100%);
-moz-transform: translateX(100%);
-webkit-transform: translateX(100%);
-o-transform: translateX(100%);
-ms-transform: translateX(100%);
}
/* end/ Dont Touch */
/* ================================================================
* HEADER MAIN SECTION
* ================================================================ */
.header-section .header-top-section,
.header-section .header-logo-section,
.header-section .header-main-section {
background: #fff;
}
.header-section a,
.mobile-cart-wrapper a,
.mobile-menu-wrapper a {
color: #2b2b2b;
}
.navbar-header {
position: relative;
}
.navbar-header .navbar-brand,
.navbar-brand {
padding-top: 0;
padding-bottom: 0;
}
.navbar-right .navbar-brand {
margin: 0 -15px 0 0;
}
.header-sticky {
position: relative;
z-index: 99;
}
.header-section .navbar {
margin-bottom: 0;
width: 100%;
border: none;
min-height: 0;
border-radius: 0;
-ms-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
-webkit-border-radius: 0;
}
.zozo-main-nav > li > a {
padding-bottom: 0;
padding-top: 0;
color: #2b2b2b;
font-size: 12px;
font-weight: bold;
letter-spacing: .02em;
text-transform: uppercase;
transition: none;
-ms-transition: none;
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
}
.zozo-main-nav > li > a {
padding-bottom: 0;
padding-top: 0;
}
.zozo-main-nav > li > a > .caret {
display: none;
}
.zozo-main-nav > li > a:hover,
.zozo-main-nav > li > a:focus,
.zozo-main-nav.nav > li > a:focus,
.zozo-main-nav.nav > li > a:hover {
background: transparent;
}
.navbar-nav.zozo-main-bar > li,
.navbar-nav.zozo-logo-bar > li {
position: static;
}
/* MAIN SEPARATOR */
.menu-style-separator .zozo-main-nav > li {
background-image: url("images/menu-separator.png");
background-position: right center;
background-repeat: no-repeat;
}
.menu-style-separator .zozo-main-nav > li:last-child {
background: none;
}
/* MAIN BAR ITEM */
.header-main-section .main-bar-item,
.header-main-section .toggle-bar-item,
.header-main-section .toggle-bar-item .toggle-bar-item-level {
display: inline-block;
vertical-align: middle;
margin-right: 15px;
min-width: 15px;
}
.header-main-section .toggle-bar-item .toggle-bar-item-level:last-child {
margin-right: 0;
}
.header-main-section .main-bar-item.item-search-toggle .search-trigger {
cursor: pointer;
}
.header-main-section .main-bar-item.item-main-menu {
margin-right: 0;
}
.header-main-section .navbar-right .main-bar-item.item-main-menu {
margin-left: -15px;
}
/* NAV BAR LEFT */
.header-main-section .zozo-header-main-bar .navbar-left {
margin-left: 0;
}
.header-main-section .zozo-header-main-bar .navbar-left .zozo-main-nav > li:first-child > a {
padding-left: 0;
}
/* NORMAL SEARCH */
.header-main-section .main-bar-item.item-main-search {
position: relative;
cursor: pointer;
}
.header-main-section .main-bar-item .search-form {
position: absolute;
right: 0;
line-height: normal;
width: 220px;
display: none;
top: 100%;
z-index: 50;
}
.header-main-section .main-bar-item .search-form {
position: absolute;
right: 0;
line-height: normal;
width: 220px;
display: none;
top: 100%;
z-index: 50;
}
.header-main-section .navbar-left .main-bar-item .search-form {
right: auto;
left: 0;
}
.header-main-section .main-bar-item .search-form .btn.btn-search {
padding: 9px 12px;
}
/*STICKY*/
.is-sticky .header-main-section {
z-index: 99;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
background: #fff;
left: 0;
right: 0;
top: 3px !important;
}
.is-sticky .header-main-section:after {
border-image: url("images/border-line.jpg") 25 30 0 0 repeat;
border-top: 3px solid;
position: absolute;
top: -3px;
width: 100%;
}
/* DROP DOWN MENU */
.dropdown-menu,
.navbar-right .dropdown-menu {
background: #FFFFFF;
min-width: 240px;
border: none;
/*border-width: 3px 0 0;
border-style: solid;*/
padding: 0;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
display: block;
opacity: 0;
visibility: hidden;
left: 0;
right: auto !important;
}
.dropdown-menu li {
position: relative;
}
.dropdown-menu > li a,
.dropdown-menu .sub-menu a,
.zozo-megamenu .menu-item > a,
.mobile-sub-menu > li > a,
.zozo-main-nav .zozo-megamenu-submenu li > a {
padding: 10px 15px;
transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
color: inherit;
}
.dropdown-menu li:before {
/*border-bottom: 1px solid #eeeeee;
content: "";
display: block;
height: 1px;
margin: 0 15px;*/
}
.dropdown-menu li:first-child:before {
content: none;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li.dropdown:hover > a,
.sub-menu > li > a:focus,
.sub-menu > li > a:hover,
.sub-menu > li.dropdown:hover > a {
background: none;
/*padding-left: 20px;*/
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
background: none;
color:var(--primary-red);
}
.zozo-megamenu .menu-item > a:hover,
.zozo-megamenu .menu-item > a:focus,
.zozo-main-nav .zozo-megamenu-submenu li > a:hover,
.zozo-main-nav .zozo-megamenu-submenu li > a:focus {
/*padding-left: 5px;*/
}
.dropdown-menu > li.dropdown:after,
.sub-menu > li.dropdown:after {
content: "\f105";
font-family: FontAwesome;
position: absolute;
color: inherit;
line-height: normal;
top: 15px;
right: 12px;
font-size: 10px;
}
.dropdown-menu > li.dropdown:hover:after,
.sub-menu > li.dropdown:hover:after {
content: "\f104";
}
/* SUB MENU */
.dropdown-menu .sub-menu {
left: 100%;
position: absolute;
top: -3px;
padding: 0;
margin: 0;
min-width: 200px;
list-style: none;
display: block;
opacity: 0;
border: none;
border-width: 3px 0 0;
border-style: solid;
visibility: hidden;
background: #FFFFFF;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
-ms-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
-o-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
}
.zozo-main-nav .dropdown-menu > li a,
.zozo-main-nav .dropdown-menu .sub-menu a,
.zozo-main-nav .zozo-megamenu-submenu li > a,
.zozo-main-nav .zozo-megamenu .menu-item > a,
.header-section .header-logo-section .logo-bar-item .zozo-main-nav .zozo-megamenu li,
.header-section .header-logo-section .logo-bar-item .zozo-main-nav .zozo-megamenu-submenu li,
.header-section .header-logo-section .logo-bar-item .zozo-main-nav .zozo-megamenu-submenu li > a {
height: auto;
line-height: 20px;
}
.zozo-main-nav.navbar-nav.navbar-right li:last-child .dropdown-menu .sub-menu,
.logo-bar-item .zozo-main-nav.navbar-nav li:last-child .dropdown-menu .sub-menu {
right: 100%;
left: auto;
}
.dropdown-menu .sub-menu a {
clear: both;
display: block;
line-height: 1.42857;
white-space: nowrap;
}
.dropdown:hover .dropdown-menu,
.dropdown-menu .dropdown:hover > .sub-menu,
.sub-menu .dropdown:hover > .sub-menu,
.zozo-megamenu-menu.dropdown:hover .zozo-megamenu-wrapper,
.header-top-cart:hover .woo-cart-contents {
visibility: visible;
opacity: 1;
transition: opacity 0.2s ease-in-out 0s;
-moz-transition: opacity 0.2s ease-in-out 0s;
-webkit-transition: opacity 0.2s ease-in-out 0s;
-o-transition: opacity 0.2s ease-in-out 0s;
-ms-transition: opacity 0.2s ease-in-out 0s;
}
.zozo-main-nav.navbar-nav li:last-child .dropdown-menu .sub-menu,
.zozo-main-nav.navbar-nav li:nth-last-child(2) .dropdown-menu .sub-menu {
left: auto;
right: 100%;
}
.zozo-main-bar.zozo-vertical-side-bar .zozo-main-nav.navbar-nav li:last-child .dropdown-menu .sub-menu,
.zozo-main-bar.zozo-vertical-side-bar .zozo-main-nav.navbar-nav li:nth-last-child(2) .dropdown-menu .sub-menu {
left: 100%;
right: 0;
}
/* MEGA MENU */
.nav > li.zozo-megamenu-menu {
position: static;
}
.nav.navbar-nav.zozo-vertical-side-bar .zozo-main-nav > li.zozo-megamenu-menu {
position: relative;
}
.zozo-megamenu-wrapper {
background: #ffffff;
left: 0;
position: absolute;
right: 0;
width: 100%;
opacity: 0;
top: auto;
visibility: hidden;
border: none;
border-width: 3px 0 0;
border-style: solid;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
-ms-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
-o-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
z-index: 99;
}
.nav.navbar-nav.zozo-vertical-side-bar .zozo-main-nav > li.zozo-megamenu-menu .zozo-megamenu-wrapper {
top: 0;
}
.zozo-megamenu-wrapper.megamenu-fullwidth {
padding: 0 15px;
}
.zozo-megamenu-container,
.zozo-megamenu,
.zozo-megamenu .zozo-megamenu-submenu .sub-menu {
list-style: none;
}
.zozo-megamenu {
padding: 10px 0;
width: 100%;
}
.zozo-megamenu > li {
padding: 10px 15px;
text-align: left;
}
.zozo-main-nav.navbar-nav .zozo-megamenu .zozo-megamenu-submenu .sub-menu {
margin: 0;
padding: 0;
border: none !important;
}
.zozo-megamenu .menu-item > a,
.zozo-main-nav .zozo-megamenu-submenu li > a {
padding: 10px 0;
display: block;
}
.zozo-main-nav .zozo-megamenu-submenu li:before {
border-bottom: 1px solid #eeeeee;
content: "";
display: block;
height: 1px;
margin: 0 auto;
}
.zozo-main-nav .zozo-megamenu-submenu li:first-child:before {
content: none;
}
.zozo-main-nav.navbar-nav li .zozo-megamenu-container .zozo-megamenu .zozo-megamenu-title > a,
.zozo-megamenu-title {
text-transform: uppercase;
font-size: 16px;
}
.zozo-megamenu-bullet {
display: none;
}
/* MEGA MENU WIDGETS */
.zozo-megamenu-widgets-container .widget h3 {
margin-bottom: 0;
}
.widget .btn.mc-subscribe {
padding: 0 12px;
}
.zozo-megamenu-icon.title-menu {
padding-right: 10px;
}
/* HEADER 3 (Center logo) */
.header-section.type-header-3 .header-main-section .navbar-header,
.header-section.type-header-3 .header-main-section .navbar-header .navbar-brand,
.header-section.type-header-3 .header-main-section .zozo-header-main-bar .zozo-main-bar,
.header-section.type-header-3 .header-main-section .zozo-header-main-bar .zozo-main-bar > li,
.header-section.type-header-3 .header-main-section .zozo-main-nav {
width: 100%;
text-align: center;
}
.header-section.type-header-3 .header-main-section .navbar-header .navbar-brand {
margin: 0;
}
.header-section.type-header-3 .is-sticky .header-main-section .navbar-header .navbar-brand {
margin-left: -15px;
}
.header-section.type-header-3 .header-main-section .zozo-main-nav > li {
float: none;
display: inline-block;
}
.header-section.type-header-3 .header-main-section .navbar-header .navbar-brand > img {
margin: 0 auto;
}
.header-section.type-header-3 .header-main-section .zozo-main-bar:before {
background: #e1e1e1;
content: "";
height: 1px;
left: 0;
position: absolute;
right: 0;
width: 100%;
}
.header-section.type-header-3 .is-sticky .header-main-section .zozo-main-bar:before {
content: none;
background: none;
}
.header-section.type-header-3 .is-sticky .header-main-section .navbar-header,
.header-section.type-header-3 .is-sticky .header-main-section .navbar-header .navbar-brand,
.header-section.type-header-3 .is-sticky .header-main-section .zozo-header-main-bar .zozo-main-bar,
.header-section.type-header-3 .is-sticky .header-main-section .zozo-header-main-bar .zozo-main-bar > li,
.header-section.type-header-3 .is-sticky .header-main-section .zozo-main-nav {
width: auto;
text-align: unset;
}
.header-section.type-header-3 .is-sticky .header-main-section .zozo-main-bar {
float: right;
margin-right: -15px;
}
/*Header 5 (Header Fullwidth menu 2)*/
.header-section.type-header-5 .header-logo-section .navbar-header,
.header-section.type-header-5 .header-logo-section .navbar-header .navbar-brand {
width: 100%;
text-align: center;
margin: 0;
}
/*HEADER 6 (Header Fullwidth menu 3)*/
.header-section.type-header-6 .header-logo-section {
padding: 15px 0;
}
.header-section.type-header-6 .header-logo-section .woo-cart a,
.header-section.type-header-6 .header-logo-section .woo-cart i {
color: #333;
}
.header-section.type-header-6 .header-logo-section .woo-cart .cart-icon {
border-radius: 3px;
-ms-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 0 25px;
font-size: 20px;
float: left;
margin: 0;
color: #333;
}
/*HEADER 7 & 8 (HEADER CENTERED LOGO)*/
.header-section.type-header-7 .navbar-header,
.header-section.type-header-8 .navbar-header {
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
padding: 0;
}
.header-section.type-header-7 .navbar-brand,
.header-section.type-header-8 .navbar-brand {
float: none;
text-align: center;
margin: 0;
}
/*HEADER 12 (TOGGLE ELEMENTS)*/
/*.zozo-header-toggle-bar {
position: relative;
}*/
.zozo-header-toggle-bar .toggle-bar-item i {
cursor: pointer;
line-height: inherit;
display: inline-block;
}
.header-toggle-content {
position: absolute;
background: #fff;
left: 0;
right: 0;
/*top: 0;*/
bottom: 0;
z-index: 3;
display: none;
}
.header-toggle-content h3 {
margin: 0;
line-height: inherit;
}
.header-toggle-content i {
line-height: inherit;
}
.header-toggle-content .btn-toggle-close {
float: right;
cursor: pointer;
font-size: 20px;
}
.header-toggle-content .header-email > a {
color: inherit;
}
.toggle-search-form .form-control {
border: none;
font-size: 32px;
background: inherit !important;
height: inherit;
line-height: inherit;
padding: 0;
position: absolute;
z-index: -1;
}
/*HEADER 9 (TOGGLE HEADER - SLIDE)*/
.header-section.type-header-9 .navbar-nav.zozo-main-bar {
margin-right: 0;
}
.header-section.type-header-9 .nav > li > a:focus,
.header-section.type-header-9 .nav > li > a:hover {
background: none;
}
.header-section .header-toggle-section {
background: #fff;
height: 100%;
margin: 0;
overflow-y: auto;
position: fixed;
left: -25%;
top: 0;
width: 25%;
z-index: 250;
border-right: 1px solid #e1e1e1;
}
.header-section .header-toggle-section.header-position-right {
right: -25%;
left: auto;
width: 25%;
border-right: none;
border-left: 1px solid #e1e1e1;
}
.header-section .header-toggle-section .header-toggle-inner {
padding: 80px 40px 20px;
}
.header-section .header-toggle-section .close-menu {
color: #333;
display: block;
font-size: 30px;
height: 66px;
right: 0;
line-height: 66px;
padding: 0;
position: absolute;
text-align: center;
top: 0;
width: 66px;
z-index: 10;
}
.header-section .header-toggle-section.header-position-right .close-menu {
left: 0;
right: auto;
}
/*MENU AND DROPDOWN*/
.header-section.type-header-9 .header-main-section li.header-side-wrapper > a {
font-size: 40px;
padding: 0;
}
.header-toggle-section .header-side-main-section .navbar-nav,
.header-toggle-section .header-side-main-section .navbar-nav > li {
width: 100%;
}
.header-toggle-section .header-side-main-section .navbar-nav > li > a,
.header-toggle-section .header-side-main-section .mobile-sub-menu > li > a {
line-height: 40px;
font-size: 11px;
font-weight: 900;
text-transform: uppercase;
padding: 0;
}
.header-toggle-section li.drop-down h6.zozo-megamenu-title {
margin-bottom: 0;
}
.header-toggle-section .header-side-main-section .mobile-sub-menu {
list-style: none;
padding-left: 15px;
transition: 0.4s all ease-in-out;
-ms-transition: 0.4s all ease-in-out;
-moz-transition: 0.4s all ease-in-out;
-o-transition: 0.4s all ease-in-out;
-webkit-transition: 0.4s all ease-in-out;
}
.header-toggle-section .header-side-main-section .menu-toggler {
position: absolute;
right: 0;
top: 10px;
cursor: pointer;
}
.header-toggle-section .zozo-main-nav > li > .menu-toggler i:before,
.header-toggle-section .mobile-sub-menu li > .menu-toggler i:before,
.header-toggle-section .header-side-main-section .zozo-main-nav > li > .menu-toggler i:before,
.header-toggle-section .header-side-main-section .mobile-sub-menu li > .menu-toggler i:before {
content: "\e002";
font-family: "Flaticon";
font-size: 12px;
font-weight: 900;
}
.header-toggle-section .zozo-main-nav > li > .menu-toggler i:before,
.header-toggle-section .mobile-sub-menu li > .menu-toggler i:before {
font-size: 15px;
}
.header-toggle-section .zozo-main-nav > li.toggle-open > .menu-toggler i:before,
.header-toggle-section .mobile-sub-menu li.toggle-open > .menu-toggler i:before,
.header-toggle-section .header-side-main-section .zozo-main-nav > li.toggle-open > .menu-toggler i:before,
.header-toggle-section .header-side-main-section .mobile-sub-menu li.toggle-open > .menu-toggler i:before {
content: "\e081";
}
/* MAIN BAR ITEMS */
.header-side-main-section .main-bar-item {
margin-bottom: 30px;
text-align: center;
}
/* CART */
.header-side-main-section .main-bar-item.item-cart,
.header-side-main-section .main-bar-item.item-secondary-menu {
display: inline-block;
margin-right: 15px;
}
.header-side-main-section .main-bar-item.item-cart .cart-icon {
padding: 10px;
border-radius: 3px;
-ms-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-webkit-border-radius: 3px;
}
.header-side-main-section .main-bar-item.item-cart .cart-icon,
.header-side-main-section .main-bar-item.item-cart .cart-icon i {
color: #333;
}
.header-section .header-toggle-section.header-position-right .zozo-header-side-main-bar {
text-align: center;
}
.header-section .header-toggle-section.header-position-right .main-bar-item.item-cart,
.header-section .header-toggle-section.header-position-right .main-bar-item.item-secondary-menu {
margin: 0 0 30px 15px;
}
.header-section .header-toggle-section.header-position-right .woo-cart-contents {
right: 0;
left: auto;
}
/* MAIN MENU */
.header-side-main-section .main-bar-item.item-main-mobile-menu {
text-align: left;
width: 100%;
}
.header-side-main-section .main-bar-item.item-main-mobile-menu:before,
.header-side-main-section .main-bar-item.item-main-mobile-menu:after {
display: table;
content: " ";
}
.header-side-main-section .main-bar-item.item-main-mobile-menu:after {
clear: both;
}
/* SEARCH FORM */
.header-side-main-section .main-bar-item .header-search-form .search-form {
display: block;
}
/* CONTACT INFO */
.header-side-main-section .main-bar-item.item-address-info {
text-align: left;
}
.header-side-main-section .header-details-box .header-details-icon {
float: none;
margin-bottom: 10px;
}
.header-side-main-section .main-bar-item.item-address-info .header-details-box {
margin-bottom: 15px;
width: 100%;
text-align: center;
}
.header-toggle-section .mCSB_inside > .mCSB_container {
margin-right: 0;
}
/* HEADER 10 (VERTICAL HEADER)*/
.header-section .header-sidenav-section {
background: #fff;
bottom: 0;
height: 100%;
left: 0;
position: fixed;
max-width: 300px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
right: auto;
top: 0;
z-index: 100;
}
.header-section .header-sidenav-section.header-position-right {
right: 0;
left: auto;
}
/* NAV BRAND */
.header-sidenav-section .navbar-header,
.header-sidenav-section .navbar-header > .navbar-brand {
width: 100%;
display: block;
margin: 10px auto 10px;
text-align: center;
}
/* MAIN BAR ITEM */
.header-sidenav-section .navbar-nav {
float: none;
text-align: center;
}
.header-sidenav-section .zozo-vertical-side-bar .main-bar-item {
display: block;
margin: 0 auto 30px;
text-align: center;
line-height: normal;
height: auto;
}
/* CART & SECONDRY MENU */
.header-sidenav-section .zozo-vertical-side-bar .main-bar-item.item-cart,
.header-sidenav-section .zozo-vertical-side-bar .main-bar-item.item-secondary-menu {
display: inline-block;
margin-right: 15px;
}
/* SEARCH BAR */
.header-sidenav-section .zozo-vertical-side-bar .main-bar-item .search-form {
display: block;
position: relative;
width: 100%;
}
/* MAIN MENU */
.header-sidenav-section .zozo-vertical-side-bar .main-bar-item .zozo-main-nav {
width: 100%;
}
.header-sidenav-section .zozo-vertical-side-bar .main-bar-item.item-main-menu {
margin: 0 -15px 30px;
}
.header-sidenav-section .zozo-vertical-side-bar .main-bar-item .zozo-main-nav > li,
.header-sidenav-section .zozo-vertical-side-bar .main-bar-item .zozo-main-nav > li > a {
width: 100%;
display: block;
text-align: left;
line-height: 40px;
height: 40px;
}
.header-sidenav-section .zozo-vertical-side-bar .main-bar-item .zozo-main-nav > li > a {
border-bottom: 1px dashed #e1e1e1;
}
.header-sidenav-section .zozo-vertical-side-bar .main-bar-item .dropdown-toggle:after {
content: "\f105";
font-family: FontAwesome;
font-size: 10px;
font-weight: normal;
height: 5px;
position: absolute;
right: 15px;
width: 5px;
}
.header-sidenav-section .dropdown-menu,
.header-sidenav-section .zozo-main-nav.navbar-nav .sub-menu {
left: 100%;
top: -3px;
}
.header-sidenav-section .zozo-vertical-side-bar .zozo-main-nav.navbar-nav .dropdown-menu li:before {
border: none;
}
.header-sidenav-section .zozo-vertical-side-bar .zozo-main-nav.navbar-nav .dropdown-menu a {
border-bottom: 1px dashed #e1e1e1;
height: 40px;
line-height: 40px;
padding: 0 15px;
display: block;
}
.header-sidenav-section .zozo-vertical-side-bar .zozo-main-nav.navbar-nav .dropdown-menu li:last-child > a {
border-bottom: none;
}
/* RIGHT SIDE */
.header-sidenav-section.header-position-right .zozo-vertical-side-bar .main-bar-item .zozo-main-nav > li > a {
text-align: right;
}
.header-sidenav-section.header-position-right .zozo-vertical-side-bar .main-bar-item .dropdown-toggle:after {
content: "\f104";
left: 15px;
right: auto;
}
.header-sidenav-section.header-position-right .dropdown-menu,
.header-sidenav-section.header-position-right .zozo-main-nav.navbar-nav .sub-menu {
right: 100%;
left: auto;
}
.header-sidenav-section.header-position-right .zozo-vertical-side-bar .main-bar-item .dropdown-menu {
text-align: right;
}
.header-sidenav-section.header-position-right .dropdown-menu > li.dropdown:after,
.header-sidenav-section.header-position-right .sub-menu > li.dropdown:after {
left: 12px;
right: auto;
content: "\f104";
}
.header-sidenav-section.header-position-right .dropdown-menu > li.dropdown:hover:after,
.header-sidenav-section.header-position-right .sub-menu > li.dropdown:hover:after {
content: "\f105";
}
.header-sidenav-section.header-position-right .woo-cart-contents {
right: 0;
left: auto;
}
/* HEADER CONTACT DETAILS */
.header-sidenav-section .zozo-vertical-side-bar .main-bar-item .header-contact-details > li,
.header-sidenav-section .zozo-vertical-side-bar .main-bar-item .header-details-box {
display: block;
margin: 0 auto 15px;
}
.header-sidenav-section .zozo-vertical-side-bar .main-bar-item .header-details-box .header-details-icon {
float: none;
margin-bottom: 15px;
}
/* Header Transparency */
.header-section.header-transparent,
.header-section.header-semi-transparent,
.header-transparent.mobile-header-section,
.header-semi-transparent.mobile-header-section {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 99;
}
.header-section.header-transparent .header-main-section,
.header-section.header-semi-transparent .header-main-section {
border-bottom: 1px solid;
}
/*New tag*/
.header-section .menu-item .new-tag-hot,
.header-section .menu-item .new-tag-new,
.header-section .menu-item .new-tag-trend {
border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-webkit-border-radius: 4px;
color: #fff;
font-size: 9px;
font-weight: 800;
margin-left: 10px;
margin-top: 3px;
padding: 3px 5px 4px;
position: relative;
text-transform: capitalize;
}
.header-section .menu-item .new-tag-hot:before,
.header-section .menu-item .new-tag-new:before,
.header-section .menu-item .new-tag-trend:before {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-color: transparent #138af9 transparent transparent;
border-style: solid;
border-width: 5px;
content: "";
height: 0;
left: -9px;
position: absolute;
top: 4px;
width: 0;
}
.header-section .menu-item .new-tag-hot {
background-color: #EC2527;
}
.header-section .menu-item .new-tag-hot::before {
border-color: transparent #ff0000 transparent transparent;
}
.header-section .menu-item .new-tag-new {
background-color: #138af9;
}
.header-section .menu-item .new-tag-new::before {
border-color: transparent #138af9 transparent transparent;
}
.header-section .menu-item .new-tag-trend {
background-color: #1eb710;
}
.header-section .menu-item .new-tag-trend::before {
border-color: transparent #1eb710 transparent transparent;
}
/* Sliding Bar */
.slidingbar-toggle-wrapper a {
border-left: 40px solid transparent;
border-top: 40px solid #222;
position: absolute;
right: 0;
color: #fff;
}
.slidingbar-toggle-wrapper a:after {
color: #fff;
content: "\e002";
font-family: "Flaticon";
display: block;
font-size: 12px;
font-weight: 600;
left: -18px;
position: absolute;
text-shadow: none;
top: -40px;
}
.slidingbar-toggle-wrapper a.sb-open:after {
content: "\e081";
font-family: "Flaticon";
transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
}
.sliding-bar-section {
margin-left: auto;
margin-right: auto;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 999;
}
.slidingbar-inner {
background: #222;
color: #fff;
display: none;
height: auto;
overflow: hidden;
padding: 25px 0;
position: relative;
z-index: 3;
}
/* Sliding Bar Widgets */
.sliding-bar-widgets input,
.sliding-bar-widgets select,
.sliding-bar-widgets textarea {
color: #666;
}
.sliding-bar-widgets a:hover,
.sliding-bar-widgets a:active,
.sliding-bar-widgets a:focus {
color: #fff;
}
.sliding-bar-widgets .widget,
.sliding-bar-widgets .widget table {
margin-bottom: 0;
}
.sliding-bar-widgets .widget-title {
border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
color: #fff;
line-height: 22px;
margin-top: 0;
padding-bottom: 13px;
}
.sliding-bar-widgets .zozo-counter-count {
color: #fff;
line-height: 30px;
margin: 0;
padding: 0 0 10px;
}
.sliding-bar-widgets .zozo-counter-count .counter {
margin-left: 10px;
}
.sliding-bar-widgets .widget_calendar caption {
color: #fff;
padding-top: 0;
}
.sliding-bar-widgets .widget.widget_recent_entries li a,
.sliding-bar-widgets .widget.widget_recent_comments li .comment-author-link a:hover,
.sliding-bar-widgets .widget.zozo_category_posts_widget li a,
.sliding-bar-widgets .widget.widget_categories li a,
.sliding-bar-widgets .widget.widget_archive li a,
.sliding-bar-widgets .widget.widget_meta li a,
.sliding-bar-widgets .widget.widget_nav_menu li a {
color: #fff;
}
.sliding-bar-widgets .widget.widget_recent_entries li a:hover,
.sliding-bar-widgets .widget.widget_recent_comments li a:hover,
.sliding-bar-widgets .widget.zozo_category_posts_widget li a:hover,
.sliding-bar-widgets .widget.widget_categories li a:hover,
.sliding-bar-widgets .widget.widget_archive li a:hover,
.sliding-bar-widgets .widget.widget_meta li a:hover,
.sliding-bar-widgets .sliding-bar-widgets .widget.widget_nav_menu li a:hover {
color: #fff;
}
.sliding-bar-widgets .widget.widget_recent_entries li a,
.sliding-bar-widgets .widget.widget_recent_comments li .comment-author-link a,
.sliding-bar-widgets .widget.zozo_category_posts_widget li a,
.sliding-bar-widgets .widget.widget_categories li a,
.sliding-bar-widgets .widget.widget_archive li a,
.sliding-bar-widgets .widget.widget_meta li a,
.sliding-bar-widgets .widget.widget_nav_menu li a {
color: #bbb;
}
.sliding-bar-widgets .zozo-latest-posts .posts-title a {
color: #fff;
}
.sliding-bar-widgets .zozo-latest-posts .posts-title {
margin-bottom: 5px;
margin-top: -4px;
}
.sliding-bar-widgets .zozo-latest-posts .entry-date {
color: #bbb;
}
.sliding-bar-widgets .widget.zozo_popular_posts_widget li.posts-item {
margin: 0;
padding: 15px 0;
}
.sliding-bar-widgets .widget.zozo_popular_posts_widget li.posts-item:first-child {
padding-top: 0;
}
.sliding-bar-widgets .widget.zozo_popular_posts_widget li.posts-item:last-child {
padding-bottom: 0;
}
.sliding-bar-widgets .widget.zozo_popular_posts_widget li.posts-item .entry-summary p {
margin-bottom: 0;
}
.sliding-bar-widgets .widget.zozo_popular_posts_widget li.posts-item .entry-date {
margin-top: 8px;
display: block;
}
.sliding-bar-widgets .textwidget p,
.sliding-bar-widgets .textwidget div {
color: #bbb;
}
.sliding-bar-widgets .zozo-tabs-widget .nav-tabs li h6 a {
color: #fff;
}
.sliding-bar-widgets .zozo-tabs-widget .nav-tabs li h6 a:hover,
.sliding-bar-widgets .zozo-tabs-widget .nav-tabs li h6 a:focus,
.sliding-bar-widgets .zozo-tabs-widget .nav-tabs li.active h6 a,
.sliding-bar-widgets .zozo-tabs-widget .nav-tabs li.active h6 a:hover,
.sliding-bar-widgets .zozo-tabs-widget .nav-tabs li.active h6 a:focus {
color: #333;
}
.sliding-bar-widgets .zozo-tabs-widget .tabs .zozo-tab-content {
color: #333;
}
.sliding-bar-widgets .zozo-social-icons i {
color: #333;
}
.sliding-bar-widgets .zozo-social-icons li a:hover i,
.sliding-bar-widgets .zozo-social-icons li a:focus i {
color: #fff;
}
.sliding-bar-widgets .zozo-social-icons.soc-icon-transparent li a {
padding-right: 10px;
width: auto;
}
.sliding-bar-widgets .zozo-social-icons.soc-icon-transparent li a i {
color: #fff;
}
.sliding-bar-widgets .zozo-social-icons.soc-icon-transparent li a,
.sliding-bar-widgets .zozo-social-icons.soc-icon-transparent li a:hover,
.zozo-social-icons.soc-icon-transparent li a:focus {
background-color: transparent;
}
.sliding-bar-widgets .widget .tweet-item {
border-color: rgba(255, 255, 255, 0.3);
}
.sliding-bar-widgets .widget li .tweet-user-name a {
color: #ddd;
}
.sliding-bar-widgets .tweet-user-name span,
.sliding-bar-widgets .zozo_tweet_text {
color: #bbb;
}
.sliding-bar-widgets .zozo-subscribe.form-control {
background: #bbb none repeat scroll 0 0;
border-color: #bbb;
}
/* ================================================================
*** НОВЫЙ ХЕДЕР
* ================================================================ */
.custom-header {
background-color: var(--light-gray);
padding-top: 15px;
min-height:230px;
}
.custom-header-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 0;
gap: 40px;
}
/* Логотип EURO PUMP с картинкой */
.custom-logo a {
display: flex;
align-items: center;
text-decoration: none !important;
}
.custom-logo .logo-text-euro {
font-size: 50px;
font-weight: 900;
color:var(--primary-red);
line-height: 1;
}
.custom-logo .logo-icon-mid {
height: 65px;
width: auto;
margin: 0 10px;
display: inline-block;
}
.custom-logo .logo-text-pump {
font-size: 50px;
font-weight: 900;
color:var(--primary-red);
line-height: 1;
}
/* Контейнер с информацией */
.custom-header-info {
display: flex;
align-items: center;
justify-content: flex-start;
flex-grow: 1;
gap: 30px;
margin-left: 40px;
flex-wrap: wrap;
}
/* Элементы информации (Адрес, Время работы) */
.info-item {
display: flex;
align-items: center;
gap: 12px;
flex-shrink: 0; /* Защита от деформации блоков текста */
}
.info-icon img {
display: block;
max-width: none;
}
.info-text {
line-height: 1.2;
}
.info-title {
font-size: 18px;
font-weight: 500;
color:var(--primary-red);
text-transform: uppercase;
letter-spacing: 0.5px;
}
.info-desc {
font-size: 14px;
font-weight: 400;
color: var(--text-gray);
}
/* Время работы толкает всё, что идет после него (контакты и соцсети), к правому краю */
.custom-header-info .time-item {
margin-right: auto;
}
/* Контакты (Телефон и Email) */
.info-contacts {
display: flex;
gap: 30px;
align-items: flex-start;
justify-content: center;
flex-shrink: 0; /* Защита от сжатия контактов */
flex-wrap: wrap;
}
.info-contacts .contact-phone {
font-size: 18px;
font-weight: 400;
}
.info-contacts .contact-phone a {
text-decoration: none;
color: var(--text-main);
}
.info-contacts .contact-email {
font-size: 18px;
}
.info-contacts .contact-email a {
text-decoration: none;
color: var(--text-main);
}
.info-contacts .contact-email a:hover {
text-decoration: underline;
}
/* Социальные сети */
.info-socials {
display: flex;
align-items: center;
gap: 12px;
flex-shrink: 0;
}
.info-socials .connect-icon {
width: 50px;
height: 50px;
object-fit: contain;
transition: transform 0.2s;
}
.info-socials .connect-icon:hover {
transform: scale(1.08);
}
/******** СТРОКА НАВИГАЦИИ (БЕЛАЯ ПЛАШКА) *********/
.custom-nav-row {
background-color: #ffffff;
border-radius: 6px;
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
margin-bottom: 20px;
position: relative;
z-index: 10;
padding: 0 30px;
z-index:99;
}
.nav-and-search-container {
display: flex;
justify-content: space-between;
align-items: center;
height: 70px;
width: 100%;
gap: 20px;
}
/* Menu */
.custom-menu {
display: flex;
align-items: center;
flex-shrink: 1;
min-width: 0;
}
.custom-menu ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
gap: 25px;
}
.custom-menu ul li {
white-space: nowrap;
}
.custom-menu ul li a {
font-size: 16px;
font-weight: 400;
text-transform: none;
text-decoration: none;
transition: color 0.2s;
}
.custom-menu ul li a:hover {
color:var(--primary-red);
}
/* Правый блок (Поиск + Кнопка) */
.nav-right-actions {
display: flex;
align-items: center;
gap: 16px;
flex-grow: 1;
max-width: 600px;
min-width: 300px;
width: 100%;
justify-content: flex-end;
flex-shrink: 0; /* Этот блок приоритетнее, он не должен уменьшаться за счет меню */
margin-right: 10px;
}
/* Поиск с иконкой лупы слева внутри */
.custom-search {
/* flex-grow: 1; Теперь поиск гибкий и занимает все выделенное пространство */
position: relative;
min-width: 140px;
max-width: 300px;
}
.custom-search-form {
position: relative;
display: flex;
align-items: center;
width: 100%;
}
.custom-search-form .search-inside-icon {
position: absolute;
left: 14px;
color: rgba(20, 20, 20, 0.6);
font-size: 18px;
pointer-events: none;
z-index: 2;
}
.custom-search-form input[type="text"] {
width: 100%;
height: 40px;
padding: 0 15px 0 38px;
border: 1px solid #c2c2c2;
border-radius: 6px;
font-size: 16px;
outline: none;
background-color: #fff;
transition: border-color 0.2s;
box-sizing: border-box;
}
.custom-search-form input[type="text"]:focus {
/* border-color: #e30613;*/
border-color: #c2c2c2;
}
/* Красная кнопка «Заказать звонок» */
.btn-callback-trigger {
display: inline-flex;
align-items: center;
justify-content: center;
background-color:var(--primary-red) !important;
color: #f8f8f8 !important;
font-weight: 400;
font-size: 16px !important;
text-transform: none;
padding: 0 24px !important;
height: 40px !important;
border-radius: 6px !important;
text-decoration: none !important;
transition: background-color 0.2s, transform 0.1s;
border: none;
white-space: nowrap;
flex-shrink: 0; /* Защита от сжатия текста */
}
.btn-callback-trigger:hover {
background-color: #CE1233;
}
.btn-callback-trigger:active {
transform: scale(0.98);
}
/* Адаптивность */
@media (max-width: 1600px) {
.custom-header-info {
gap: 20px;
}
.custom-logo .logo-text-euro,
.custom-logo .logo-text-pump {
font-size: 40px;
}
.custom-logo .logo-icon-mid {
height: 48px;
}
}
/******** АДАПТИВНОСТЬ ХЕДЕРА И СКРЫТИЕ ДЛЯ МОБИЛЬНЫХ *********/
/* На экранах менее 764px полностью скрываем десктопный хедер */
@media (max-width: 764px) {
.custom-header {
display: none !important;
}
.mobile-header-section {
display: block !important;
}
}
/* На экранах 764px и выше скрываем мобильный хедер */
@media (min-width: 764px) {
.mobile-header-section {
display: none !important;
}
.custom-header {
display: block !important;
}
}
/* Дополнительные мелкие исправления для планшетов */
@media (max-width: 1199px) and (min-width: 992px) {
.custom-logo .logo-text-euro,
.custom-logo .logo-text-pump {
font-size: 38px;
}
.custom-logo .logo-icon-mid {
height: 42px;
}
.custom-header-info {
gap: 15px;
}
.info-socials .connect-icon {
width: 32px;
height: 32px;
}
.info-contacts .contact-phone {
font-size: 18px;
}
.custom-menu ul {
gap: 15px;
}
.nav-right-actions {
max-width: 420px;
min-width: 340px;
}
}
/*********** Перенос поиска под меню на экранах < 1300px *************/
@media (max-width: 1300px) {
/* Переносим контент верхнего ряда в колонку, чтобы избежать наложений */
.custom-header-row {
flex-direction: column;
gap: 20px;
padding: 30px 0 20px 0;
}
/* Обнуляем левый отступ и правый распор, чтобы элементы выстроились ровно по центру */
.custom-header-info {
margin-left: 0;
justify-content: center;
width: 100%;
}
.custom-header-info .time-item {
margin-right: 0;
}
.nav-and-search-container {
flex-direction: column;
height: auto;
padding: 20px 0;
gap: 20px;
}
/* Разрешаем пунктам меню переноситься на новую строку при нехватке места */
.custom-menu {
justify-content: center;
width: 100%;
}
.custom-menu ul {
justify-content: center;
flex-wrap: wrap;
gap: 15px 20px;
}
.custom-menu ul li {
white-space: normal; /* Убираем запрет на перенос */
}
/* Растягиваем блок поиска и кнопки на всю доступную ширину ряда */
.nav-right-actions {
width: 100%;
max-width: 100%;
min-width: 100%;
justify-content: center;
gap: 15px;
margin-left: 0;
}
.custom-search {
flex-grow: 1;
width: auto;
}
.btn-callback-trigger {
flex-shrink: 0;
}
}
/********* АДАПТАЦИЯ МЕНЮ И ПОИСКА ДЛЯ НОУТБУКОВ/ПЛАНШЕТОВ *********/
@media (max-width: 1600px) and (min-width: 764px) {
.custom-logo .logo-text-euro,
.custom-logo .logo-text-pump {
font-size: 32px;
}
.custom-logo .logo-icon-mid {
height: 42px;
}
.custom-header-info {
gap: 15px;
}
.info-socials .connect-icon {
width: 32px;
height: 32px;
}
.info-contacts .contact-phone, .info-contacts .contact-email {
font-size: 18px;
}
.custom-nav-row{
padding: 0px;
}
.custom-menu ul {
gap: 12px;
}
.custom-menu ul li a, .zozo-main-nav .dropdown-menu > li a {
font-size: 16px;
}
/* Поиск контролируется через min/max, убран жесткий width: 140px */
.nav-right-actions {
max-width: 420px;
min-width: 350px;
flex-shrink: 0;
justify-content: center;
}
.custom-search-form input[type="text"] {
height: 40px;
font-size: 14px;
}
.btn-callback-trigger {
height: 40px ;
padding: 0 18px !important;
font-size: 14px !important;
}
.nav-and-search-container {
gap: 15px;
}
.custom-menu {
flex-wrap: wrap;
max-width: 100%;
}
.custom-menu ul {
flex-wrap: wrap;
}
}
@media (max-width: 992px) {
.custom-menu ul {
gap: 4px;
}
.custom-menu ul li a, .zozo-main-nav .dropdown-menu > li a {
font-size: 14px !important;
}
.abercomru .zozo-header-main-bar{
flex: auto;
}
}
/* ==========================конец=================================*/
/* ================================================================
* Section Title
* ================================================================ */
.parallax-title {
position: relative;
margin: 0 0 45px 0;
text-transform: uppercase;
line-height: 40px;
font-weight: 700;
}
h4.parallax-title {
font-size: 28px;
}
.parallax-title.text-capitalize {
text-transform: capitalize;
}
.parallax-title.text-lowercase {
text-transform: lowercase;
}
.parallax-title:after {
bottom: -25px;
content: "";
display: block;
height: 2px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
width: 40px;
}
.bg-style.bg-normal .parallax-title::after {
background: #333;
}
.parallax-title.text-left:after {
right: auto;
left: 0;
}
.parallax-title.text-right:after {
left: auto;
right: 0;
}
.parallax-desc {
max-width: 800px;
margin: 0 auto 40px;
text-align: center;
font-weight: 300;
}
.parallax-desc.text-left,
.parallax-desc.text-right {
text-align: left;
float: left;
max-width: unset;
}
.parallax-desc.text-right {
text-align: right;
float: right;
}
.page-title-section .YTPOverlay {
background: rgba(0, 0, 0, 0.3);
}
/* ================================================================
* LAYOUT
* ================================================================ */
.boxed #zozo_wrapper,
.boxed .container {
margin: 0 auto;
max-width: 1200px;
width: 100%;
}
.boxed #zozo_wrapper {
position: relative;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.fullwidth .container {
width: 100%;
max-width: 1200px;
}
body.wide .container {
padding: 0px 15px;
width: 100%;
}
#zozo_wrapper {
width: 100%;
padding: 0 30px;
background: var(--light-gray);
}
@media (max-width: 764px) {
#zozo_wrapper, .container-slider {
padding: 0 10px;
}
}
/* Hidden Footer Boxed Layout */
body.boxed .footer-section.footer-style-hidden {
margin: 0 auto;
max-width: 1200px;
}
.two-col-right #single-sidebar-container #primary,
.two-col-left #single-sidebar-container #sidebar,
.three-col-right #single-sidebar-container,
.three-col-right #single-sidebar-container #primary,
.three-col-middle #single-sidebar-container #primary,
.three-col-middle #secondary-sidebar,
.three-col-left #single-sidebar-container #sidebar,
.three-col-left #secondary-sidebar {
float: left;
}
.two-col-right #single-sidebar-container #sidebar,
.two-col-left #single-sidebar-container #primary,
.three-col-right #single-sidebar-container #sidebar,
.three-col-right #secondary-sidebar,
.three-col-middle #single-sidebar-container,
.three-col-middle #single-sidebar-container #sidebar,
.three-col-left #single-sidebar-container,
.three-col-left #single-sidebar-container #primary {
float: right;
}
.site-content {
padding-top: 75px;
padding-bottom: 75px;
}
.main-section {
background: var(--light-gray);
border-top: 1px solid #e1e1e1;
}
.rev_slider-active.rev-position-header-below .main-section {
border-top: none;
}
.main-col-small,
.main-col-full,
.content-col-small,
.content-col-full,
.pm-sidebar,
.sec-sidebar {
padding-left: 10px;
padding-right: 10px;
}
.main-col-small {
width: 80%;
}
.main-col-full {
width: 100%;
}
.content-col-small {
width: 75%;
}
.content-col-full {
width: 100%;
}
.pm-sidebar {
width: 24%;
}
.sec-sidebar {
width: 19%;
}
.sidebar {
padding-top: 75px;
padding-bottom: 40px;
}
.grey-wrapper {
background-color: #f7f7f7;
}
.light-wrapper {
background-color: #fff;
}
.dark-wrapper {
background-color: #333;
}
.image-left .vc-zozo-image-wrapper,
.image-right .vc-zozo-image-wrapper {
background-position: center;
}
/* ================================================================
* FOOTER
* ================================================================ */
.footer-section {
background: var(--light-gray);
}
.footer-copyright-section {
background: #ffffff;
padding: 25px 0;
}
.footer-widgets-section {
padding: 70px 0;
}
.footer-widgets-section a{
color: var(--text-main);
line-height: 1.4;
}
.footer-hidden .wrapper-inner {
position: relative;
z-index: 10;
}
.footer-section.footer-style-hidden {
bottom: 0;
left: 0;
position: fixed;
right: 0;
z-index: -1;
overflow-y: auto;
}
.footer-sticky .footer-section.footer-style-sticky .footer-copyright-section {
bottom: 0;
left: 0;
position: fixed;
right: 0;
z-index: 10;
}
.footer-copyright-section p {
margin-top: 8px;
text-transform: uppercase;
font-size: 13px;
}
/*Copyright and back to top*/
.footer-copyright-section p,
.zozo-footer-nav.navbar-nav > li > a {
color: #7f7f7f;
font-size: 11px;
margin: 0;
line-height: 18px;
}
.zozo-footer-nav.navbar-nav > li {
margin-right: 8px;
position: relative;
}
.zozo-footer-nav.navbar-nav > li:after {
color: #7f7f7f;
content: "/";
position: absolute;
right: -6px;
top: -4px;
}
.zozo-footer-nav.navbar-nav > li:last-child:after {
content: none;
}
.zozo-footer-nav.navbar-nav > li > a {
padding: 0;
}
.zozo-footer-nav.navbar-nav > li > a:hover {
color: #333;
background: transparent;
}
.footer-backtotop a {
background-color: #c6c6c6;
font-size: 11px;
color: #fff;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
display: inline-block;
margin-top: 3px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-o-border-radius: 2px;
-ms-border-radius: 2px;
padding-right: 1px;
}
.footer-top-position {
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
text-align: center;
}
.footer-widgets-section .widget-title:after {
border-bottom: 1px dashed #555555 !important;
background: none !important;
height: 1px;
}
/*Copyright and back to top - Center */
.footer-copyright-center .zozo-footer-nav {
width: 100%;
}
.footer-copyright-center .zozo-footer-nav > li {
float: none;
display: inline-block;
margin-bottom: 5px;
}
/* Dark Footer */
.footer-section.footer-skin-dark,
.footer-skin-dark .footer-backtotop a {
background: #222 url(images/dark-bg.jpg);
}
.footer-section.footer-skin-dark .zozo-social-icons li a,
.footer-section.footer-skin-dark .footer-copyright-section {
background: #454545;
}
.footer-section.footer-skin-dark .footer-widgets .widget h3.widget-title,
.footer-section.footer-skin-dark .zozo-counter-count > .counter {
color: #fff;
}
.footer-section.footer-skin-dark .footer-widgets .widget,
.footer-section.footer-skin-dark .widget.widget_recent_entries li a,
.footer-section.footer-skin-dark .widget.widget_recent_comments li .comment-author-link a,
.footer-section.footer-skin-dark .widget.zozo_category_posts_widget li a,
.footer-section.footer-skin-dark .widget.widget_categories li a,
.footer-section.footer-skin-dark .widget.widget_archive li a,
.footer-section.footer-skin-dark .widget.widget_meta li a,
.footer-section.footer-skin-dark .widget.widget_nav_menu li a,
.footer-section.footer-skin-dark .widget li .tweet-user-name a,
.footer-section.footer-skin-dark .widget.zozo_popular_posts_widget .posts-title > a,
.footer-section.footer-skin-dark .latest-posts-menu .entry-date,
.footer-section.footer-skin-dark caption,
.footer-section.footer-skin-dark .zozo-tabs-widget a,
.footer-section.footer-skin-dark .widget.widget_pages li > a {
color: #999999;
}
.footer-section.footer-skin-dark .footer-widgets .widget h3,
.footer-section.footer-skin-dark .widget.zozo_popular_posts_widget li.posts-item,
.footer-section.footer-skin-dark .widget .tweet-item,
.footer-section.footer-skin-dark .zozo-tabs-widget .tab-content > .tab-pane,
.footer-section.footer-skin-dark .zozo-tabs-widget .nav-tabs li.active h6 a,
.footer-section.footer-skin-dark .nav-tabs,
.footer-section.footer-skin-dark .zozo-tabs-widget .nav-tabs li h6 a:hover,
.footer-section.footer-skin-dark .widget-posts-list li {
border-color: #7c7c7c;
}
.footer-section.footer-skin-dark .footer-copyright-section {
border-color: #111;
}
.footer-section.footer-skin-dark .zozo-tabs-widget .tab-content > .tab-pane,
.footer-section.footer-skin-dark .zozo-tabs-widget .nav-tabs li.active h6 a,
.footer-section.footer-skin-dark .zozo-tabs-widget .nav-tabs li h6 a:hover {
background: transparent;
}
/* ================================================================
*** НОВЫЕ СТИЛИ ДЛЯ ОБНОВЛЕННОГО ДВУХСТРОЧНОГО ФУТЕРА (ДОПОЛНЕНИЕ)
* ================================================================ */
.footer-widgets-section .footer-title {
font-size: 24px;
font-weight: 500;
margin-bottom: 20px;
color: var(--text-main);
}
.footer-widgets-section .empty-title {
margin-bottom: 20px;
}
.footer-widgets-section .footer-list {
list-style: none;
padding: 0;
margin: 0 0 30px;
}
.footer-widgets-section .footer-list li {
line-height: 1.4;
}
.footer-widgets-section .footer-list li a {
font-size: 16px;
color: var(--text-main);
text-decoration: none;
transition: opacity 0.2s ease;
}
.footer-widgets-section .footer-list li a:hover {
opacity: 0.7;
text-decoration: none;
}
.footer-brand-col {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.footer-socials {
display: flex;
gap: 12px;
margin-bottom: 25px;
}
.footer-socials .social-link img {
width: 50px;
height: 50px;
display: block;
object-fit: contain;
}
.footer-socials .social-link {
display: inline-block;
transition: transform 0.2s ease, opacity 0.2s ease;
}
.footer-socials .social-link:hover {
transform: translateY(-2px);
opacity: 0.9;
}
.footer-copyright, .footer-developer {
font-size: 16px;
color: var(--text-main);
margin-top: 10px;
text-transform: uppercase;
}
.footer-developer a {
text-decoration: underline;
color: inherit;
}
.footer-bottom-row .footer-list {
margin-bottom: 20px;
}
.mobile-developer {
display: none;
}
.desktop-developer {
display: block;
}
@media (max-width: 767px) {
.footer-widgets-section {
padding: 0;
}
.footer-widgets-section .empty-title {
display: none;
}
.footer-widgets-section .footer-list {
margin-bottom: 15px;
}
.footer-brand-col {
margin-top: 25px;
}
.footer-socials {
margin-bottom: 15px;
}
.footer-copyright {
margin-bottom: 15px;
}
.desktop-developer {
display: none !important;
}
.footer-flex-row {
display: flex;
flex-direction: column;
}
/* Точный порядок на мобильном: */
.footer-col-links-1 { order: 1; } /* 1. Область применения, Контакты */
.footer-col-links-2 { order: 2; } /* 2. Политика конфиденциальности */
.footer-col-links-3 { order: 3; } /* 3. Согласие на обработку данных */
.footer-brand-col { order: 4; margin-top: 25px; } /* 4. Соцсети + Копирайт */
.mobile-developer { order: 5; margin-top: 15px; } /* 5. Разработчик (в самом низу) */
.mobile-developer {
display: block !important;
margin-top: 10px;
}
}
/* ==========================конец=================================*/
/* ==========================================================================
*** БЛОК EUROPUMP
========================================================================== */
.huge-logo-wrapper {
display: flex;
justify-content: center;
align-items: center;
gap: 3%;
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 30px 0;
box-sizing: border-box;
overflow: hidden;
border-top: 1px solid var(--text-gray);
border-bottom: 1px solid var(--text-gray);
}
.huge-logo-wrapper img {
width: auto;
max-width: 100%;
height: auto;
display: block;
object-fit: contain;
}
.huge-logo-wrapper .huge-logo-word {
width: 32%;
max-height: 182px;
}
.huge-logo-wrapper .huge-logo-img {
width: 24%;
max-height: 230px;
}
@media (min-width: 1600px) {
.huge-logo-wrapper {
gap: 30px;
}
.huge-logo-wrapper .huge-logo-word {
width: auto;
height: 200px;
}
.huge-logo-wrapper .huge-logo-img {
width: auto;
height: 230px;
}
}
@media (max-width: 767px) {
.huge-logo-wrapper {
gap: 2%;
padding: 15px 0;
margin-bottom: 30px;
}
}
/* ==========================конец=================================*/
/* ================================================================
* PARALLAX
* ================================================================ */
.zozo-parallax-header {
text-align: center;
clear: both;
margin-bottom: 20px;
}
.zozo-parallax-header:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.parallax-header {
text-align: center;
}
.fullwidth-section {
position: relative;
z-index: 1;
}
.fullwidth-section.no-bg-image .parallax-page-inner,
.zozo-fullwidth-box.normal-background .fullwidth-page-inner {
padding-top: 35px;
padding-bottom: 35px;
}
.fullwidth-section.no-bg-image {
padding-top: 70px;
margin-top: -70px;
}
.fullwidth-section.parallax-background .parallax-page-inner,
.zozo-fullwidth-box.parallax-background .fullwidth-page-inner {
padding-top: 100px;
padding-bottom: 100px;
}
.parallax-background.parallax-section .parallax-page-inner {
background-attachment: fixed !important;
background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
}
.parallax-overlay.parallax-overlay-pattern:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
z-index: -1;
}
.parallax-overlay.parallax-overlay-pattern {
position: relative;
z-index: 100;
}
.parallax-overlay.parallax-overlay-pattern.pattern-1:before {
background: url(images/patterns/pattern-1.png) top left repeat;
}
.parallax-overlay.parallax-overlay-pattern.pattern-2:before {
background: url(images/patterns/pattern-2.png) top left repeat;
}
.parallax-overlay.parallax-overlay-pattern.pattern-3:before {
background: url(images/patterns/pattern-3.png) top left repeat;
}
.parallax-overlay.parallax-overlay-pattern.pattern-4:before {
background: url(images/patterns/pattern-4.png) top left repeat;
}
.parallax-overlay.parallax-overlay-pattern.pattern-5:before {
background: url(images/patterns/pattern-5.png) top left repeat;
}
.zozo-fullwidth-box {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
position: relative;
}
.parallax-background .parallax-bg-overlay {
background: rgba(0, 0, 0, 0.8);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
}
.parallax-section-container {
position: relative;
z-index: 10;
}
.parallax-background .parallax-header,
.parallax-background .parallax-desc,
.parallax-background .parallax-content,
.parallax-background .parallax-content p,
.parallax-background .parallax-content .team-member-desc,
.parallax-background .parallax-content .zozo-tabs .nav-tabs > li > a {
color: #fff;
}
.parallax-background .parallax-content a:hover,
.parallax-background .parallax-content a:active,
.parallax-background .parallax-content a:focus {
color: #fff;
}
.parallax-background .parallax-content .portfolio-mask a:hover,
.parallax-background .parallax-content .portfolio-mask a:active,
.parallax-background .parallax-content .portfolio-mask a:focus {
color: #333;
}
/* Overlay */
.bg-overlay-dark,
.bg-overlay-light,
.bg-overlay-primary {
position: relative;
}
.bg-overlay-dark:before,
.bg-overlay-light:before,
.bg-overlay-primary:before {
background: rgba(0, 0, 0, 0.5);
content: "";
position: absolute;
display: block;
left: 0;
top: 0;
width: 100%;
height: 100%;
bottom: 0;
z-index: 1;
}
.bg-overlay-light:before {
background: rgba(255, 255, 255, 0.5);
}
.zozo-vc-main-row-inner {
position: relative;
z-index: 31;
}
.vc_row .upb_row_bg {
z-index: 1;
}
/* ================================================================
* REVOLUTION SLIDER
* ================================================================ */
.zozo-revslider-section {
position: relative;
z-index: 30;
}
.rev_slider_wrapper .slider-title > h2,
.rev_slider_wrapper .slider-title {
font-size: 65px;
font-weight: 700;
line-height: 75px;
margin: 0;
text-transform: uppercase;
}
.rev_slider_wrapper .slider-sub-title {
font-size: 40px;
margin-bottom: 22px;
line-height: 52px;
font-weight: 700;
}
.rev_slider_wrapper .slider-desc {
font-size: 15px;
line-height: 25px;
font-weight: 300;
color: #000;
}
.slider-h4 {
font-size: 24px;
font-weight: 500;
line-height: 31px;
}
.h2_white,
.h2_white h2 {
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
}
.logo-bordered-white {
border: 5px solid #fff;
padding: 15px;
}
.italic-white {
color: #fff;
font-style: italic;
font-size: 17px;
}
.text-white {
color: #fff;
}
.text-black {
color: #000;
}
/* ================================================================
* ICON STYLES
* ================================================================ */
/* Icon Pattern */
.zozo-icon.icon-pattern {
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
background-position: top center;
background-repeat: repeat;
}
.zozo-icon.icon-pattern.pattern-1 {
background-image: url(images/pattern-1.png);
}
.zozo-icon.icon-pattern.pattern-2 {
background-image: url(images/pattern-2.png);
}
.zozo-icon.icon-pattern.pattern-3 {
background-image: url(images/pattern-3.png);
}
.zozo-icon.icon-pattern.pattern-4 {
background-image: url(images/pattern-4.png);
}
.zozo-icon.icon-pattern.pattern-5 {
background-image: url(images/pattern-5.png);
}
/* ================================================================
* OWL CAROUSEL
* ================================================================ */
.zozo-content-carousel-wrapper .content-carousel-slider .owl-item {
overflow: hidden;
}
.owl-carousel .owl-wrapper-outer {
z-index: 100;
}
.owl-carousel.owl-theme .owl-controls .owl-nav {
margin-top: 0;
}
.owl-carousel.owl-theme .owl-controls .owl-nav div {
text-align: center;
font-size: 16px;
color: #333;
opacity: 0.5;
filter: alpha(opacity=50);
line-height: 30px;
margin: 0;
overflow: hidden;
padding: 0;
height: 30px;
width: 30px;
position: absolute;
z-index: 101;
top: -45px;
right: 0;
}
.owl-carousel.owl-theme .owl-controls .owl-nav div:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.owl-carousel.owl-theme .owl-controls .owl-nav .owl-prev {
margin-right: 15px;
right: 20px;
}
.owl-carousel.owl-theme .owl-controls .owl-nav div:hover {
color: #fff;
}
.owl-carousel.owl-theme .owl-dots {
text-align: center;
margin-top: 25px;
}
.owl-carousel.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline;
}
.owl-carousel.owl-theme .owl-controls .owl-dots span {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
display: block;
height: 10px;
margin: 5px 2px;
opacity: 0.5;
filter: alpha(opacity=50);
width: 10px;
}
.owl-carousel.owl-theme .owl-controls .owl-dots .owl-dot.active span {
opacity: 1;
filter: alpha(opacity=100);
}
.owl-slides-container {
position: relative;
}
.owl-carousel .itemsScale .owl-item img {
width: 100%;
}
.zozo-client-slider-wrapper .owl-carousel .owl-item img {
text-align: center;
margin: 0 auto;
width: auto;
}
.widget .owl-carousel.owl-theme .owl-controls .owl-nav div {
top: 0px;
}
/* ================================================================
* TEAM SECTION
* ================================================================ */
.team-carousel-slider .team-item img {
width: 100%;
}
.team-box_type h5.team-member-name > a {
color: #fff;
}
.team-member-designation, .team-member-desc {
font-size: 12px;
font-weight: 700;
}
.team-member-desc {
padding: 12px 0 5px;
margin-bottom: 10px;
}
.entry-content .team-member-desc p {
margin-bottom: 10px;
}
.zozo-team-social-list.zozo-social-icons li {
margin: 0 10px;
}
.zozo-team-social-list.zozo-social-icons li:first-child {
margin-left: 0;
}
.zozo-team-social-list.zozo-social-icons li:last-child {
margin-right: 0;
}
.zozo-team-social-list.zozo-social-icons.soc-icon-transparent i {
font-size: 14px;
line-height: 16px;
color: #fff;
}
.typo-light .zozo-team-social-list.zozo-social-icons.soc-icon-transparent i {
color: #fff;
}
.team-box_type .team-member-name {
margin-bottom: 25px;
position: relative;
font-weight: 700;
text-transform: uppercase;
}
.team-box_type .team-member-name:after {
bottom: -16px;
content: "";
display: block;
height: 2px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
width: 40px;
}
.team-content {
text-align: center;
padding: 30px 15px 15px;
background: #333 url(images/dark-bg.jpg);
color: #fff;
}
.zozo-team-social {
margin-bottom: 15px;
}
.team-item .zozo-social-icons li a {
width: auto;
}
/* Team Center */
.team-item.text-center {
text-align: center;
}
.team-item.text-center img {
margin: 0 auto;
}
.team-item.text-center .team-member-name:after {
left: 0;
right: 0;
margin: 0 auto;
}
/* Team Left */
.team-item.text-left,
.team-item.text-left .team-content {
text-align: left;
}
.team-item.text-left img {
margin: 0 auto;
width: 100%;
}
.team-item.text-left .team-member-name:after {
left: 0;
right: auto;
margin: 0;
}
/* Team Right */
.team-item.text-right,
.team-item.text-right .team-content {
text-align: right;
}
.team-item.text-right img {
margin: 0 auto;
width: 100%;
}
.team-item.text-right .team-member-name:after {
left: auto;
right: 0;
margin: 0 auto;
}
/* ========= Team List ======= */
.team-list-inner .team-item {
margin-bottom: 40px;
}
.team-list-inner .team-item-img {
margin-bottom: 0;
}
.team-list-inner .team-member-name {
margin-top: 0;
margin-bottom: 15px;
}
.team-list-inner .team-member-name:after {
content: none;
display: none;
}
.team-list-inner .zozo-circle-counter-wrapper {
margin-top: 28px;
}
.team-list-inner .zozo-circle-counter-wrapper .circle-counter-title {
margin-top: 10px;
}
/* Team Single */
.team-single {
padding: 30px 0;
}
.team-single .team-member-name:after {
left: 0;
right: auto;
bottom: -20px;
}
.team-single .team-member-name {
margin-top: 0;
margin-bottom: 40px;
}
.team-single .owl-dots {
margin: 30px 0 26px;
}
.team-single .zozo-team-social {
padding-top: 15px;
padding-bottom: 15px;
}
.team-single .zozo-team-social .zozo-social-icons li {
margin: 0 3px;
}
.team-single .zozo-team-social .zozo-social-icons li a {
width: 30px;
height: 30px;
background: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}
.team-single .zozo-team-social .zozo-social-icons li a i {
line-height: 30px;
}
.team-single .team-content {
text-align: left;
padding: 25px;
}
.team-single .zozo-team-social-list.zozo-social-icons.soc-icon-transparent i {
color: #333;
}
.zozo-circle-counter-wrapper {
margin-top: 18px;
}
/* ================================================================
* TESTIMONIALS SECTION
* ================================================================ */
.testimonial-grid-inner {
clear: both;
}
.testimonial-item .testimonial-content blockquote::before {
content: none;
}
.testimonial-item .testimonial-content blockquote,
.testimonial-item .testimonial-content blockquote {
padding: 0;
margin-bottom: 12px;
color: #333;
letter-spacing: unset;
font-size: 17px;
font-style: italic;
font-weight: 500;
}
.testimonial-item .testimonial-img > img,
.testimonial-carousel-slider .owl-item .testimonial-img img {
width: auto;
max-width: 100%;
border-radius: 50%;
-ms-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-webkit-border-radius: 50%;
margin: 0 auto 10px;
}
.testimonial-item .author-info-box {
text-align: center;
}
.testimonial-item .author-details > p {
margin-bottom: 0;
}
.typo-dark .testimonial-item .author-details > p.author-designation-info {
color: #7f7f7f;
font-style: italic;
}
.author-details > p.author-designation-info .testimonial-author-designation {
margin-right: 2px;
}
.author-details > p.author-designation-info .testimonial-author-designation:after {
content: ",";
}
.testimonial-item .author-details .testimonial-author-name > a {
font-weight: 700;
}
/* STYLE - DEFAULT */
.testimonial-item.tstyle-default .testimonial-img > img {
max-width: 50px;
margin: 0 20px 0 0;
}
.testimonial-item.tstyle-default .author-info-box > div {
display: inline-block;
vertical-align: middle;
}
.testimonial-item.tstyle-default .testimonial-content,
.testimonial-item.tstyle-no-border .testimonial-content {
margin-bottom: 30px;
}
.testimonial-item.tstyle-default .author-details > p {
text-align: left;
}
.testimonial-item.tstyle-default .testimonial-author-name {
text-transform: uppercase;
}
.testimonial-item.tstyle-default blockquote > p {
font-style: italic;
font-size: 17px;
text-align: center;
}
.testimonial-item.tstyle-default .testimonial-rating {
text-align: center;
}
/* Left Align */
.testimonials-left .testimonial-item.tstyle-default blockquote > p,
.testimonials-left .testimonial-item.tstyle-default .testimonial-rating,
.testimonials-left .testimonial-item .author-info-box {
text-align: left;
}
/* Need to add font family config */
.testimonial-content blockquote > p {
font-family: arimo;
}
/* STYLE - BORDER */
.testimonial-item.tstyle-border blockquote > p,
.testimonial-item.tstyle-no-border blockquote > p {
text-align: center;
}
.testimonial-item.tstyle-no-border .testimonial-rating {
text-align: center;
margin: 10px 0;
}
.testimonial-item.tstyle-border .testimonial-rating {
text-align: right;
}
.testimonial-item.tstyle-border .testimonial-content,
.testimonial-item.tstyle-no-border .testimonial-content {
padding: 15px;
margin-left: 1px;
border: 1px solid;
margin-bottom: 15px;
border-radius: 5px;
-ms-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
position: relative;
}
.testimonial-item.tstyle-border .testimonial-content:before {
border: 10px solid;
border-color: #e1e1e1 transparent transparent;
bottom: -20px;
content: "";
display: block;
height: 0;
position: absolute;
width: 0;
}
.testimonial-item.tstyle-border .testimonial-content:before,
.testimonial-item.tstyle-border .testimonial-content:after {
left: 0;
margin: 0 auto;
right: 0;
}
.testimonial-item.tstyle-border .testimonial-content:after {
border: 10px solid;
border-color: #fff transparent transparent;
bottom: -18px;
content: "";
display: block;
height: 0;
position: absolute;
width: 0;
}
.testimonial-item.tstyle-border .testimonial-content blockquote,
.testimonial-item.tstyle-no-border .testimonial-content blockquote {
padding: 0 30px;
}
.testimonial-item.tstyle-border .testimonial-content blockquote:before,
.testimonial-item.tstyle-no-border .testimonial-content blockquote:before,
blockquote:before {
background: none;
content: open-quote;
font-size: 50px;
font-weight: bold;
left: 0;
line-height: 1;
position: absolute;
top: 0;
}
.testimonial-item.tstyle-border .testimonial-content blockquote:after,
.testimonial-item.tstyle-no-border .testimonial-content blockquote:after,
blockquote:after {
content: close-quote;
font-size: 50px;
font-weight: bold;
line-height: 0;
vertical-align: bottom;
position: absolute;
right: 0;
}
.testimonial-item.tstyle-no-border .testimonial-content blockquote:after,
blockquote:after {
right: 0;
bottom: 0;
}
/* NO - BORDER */
.testimonial-item.tstyle-no-border .testimonial-content {
border: none;
margin-bottom: 0;
padding: 0 15px;
}
.testimonial-item.tstyle-no-border .testimonial-content blockquote {
margin-bottom: 0;
}
.testimonial-item.tstyle-no-border .testimonial-content blockquote:before, .testimonial-item.tstyle-no-border .testimonial-content blockquote:after {
content: none;
}
.testimonial-item.tstyle-no-border blockquote > p {
font-size: 14px;
font-style: normal;
}
.testimonial-item.tstyle-no-border .testimonial-author-name {
text-transform: uppercase;
}
.testimonial-item.tstyle-no-border .author-designation-info {
color: #ababab;
}
/* STYLE BORDER 2*/
.testimonial-item.tstyle-border2 {
background: rgba(241, 241, 241, 0.1);
border: 1px solid #e1e1e1;
border-radius: 5px;
margin-left: 40px;
padding: 20px 20px 20px 60px;
position: relative;
}
.testimonial-item.tstyle-border2 .testimonial-img {
bottom: 20px;
left: -35px;
position: absolute;
padding: 4px;
border: 1px solid #e1e1e1;
border-radius: 50%;
-ms-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-webkit-border-radius: 50%;
display: inline-block;
background: #fff;
}
.testimonial-item.tstyle-border2 .testimonial-img > img {
max-width: 70px;
border-radius: 50%;
-ms-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-webkit-border-radius: 50%;
display: inline-block;
margin-bottom: 0;
}
.testimonial-item.tstyle-border2 .author-details > p {
text-align: left;
}
/* TESTIMONIALS GRID */
.zozo-testimonial-grid-wrapper .testimonial-item {
margin-bottom: 30px;
}
.testimonials-left .testimonial-item .testimonial-author-wrapper {
float: right;
}
.testimonials-right .testimonial-item .testimonial-author-wrapper {
float: left;
}
/* TESTIMONIALS SINGLE */
.testimonial-single .testimonial-item.tstyle-border .testimonial-content blockquote {
padding: 0 40px;
}
.testimonial-single .testimonial-item.tstyle-border blockquote > p,
.testimonial-single .testimonial-item .author-info-box {
text-align: left;
}
.testimonial-single .testimonial-item.tstyle-border .testimonial-content::before,
.testimonial-single .testimonial-item.tstyle-border .testimonial-content::after {
right: auto;
left: 35px;
}
.testimonial-single .testimonial-item .author-info-box .testimonial-img {
float: left;
margin-right: 15px;
}
.testimonial-archives .zozo_testimonial {
border-bottom: 1px solid #e1e1e1;
margin-bottom: 30px;
}
.testimonial-archives .zozo_testimonial:last-child {
border-bottom: none;
}
/* ================================================================
* TWITTER SECTION
* ================================================================ */
.zozo-twitter-slider-wrapper {
margin-top: 100px;
position: relative;
}
.zozo-twitter-slider-wrapper:before {
content: "\f099";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
color: #fff;
height: 48px;
width: 48px;
line-height: 48px;
border: 1px solid #fff;
position: absolute;
right: 0;
left: 0;
top: -80px;
text-align: center;
margin: 0 auto;
border-radius: 50%;
-ms-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-webkit-border-radius: 50%;
}
.zozo-twitter-slider-wrapper .tweet-list span {
display: block;
text-align: center;
font-size: 20px;
}
.zozo-twitter-slider-wrapper .tweet-list span.status {
margin-bottom: 10px;
}
.zozo-twitter-slider-wrapper .tweet-list span.meta {
font-size: 17px;
font-style: italic;
}
/* ================================================================
* PRICING TABLE
* ================================================================ */
.zozo-pricing-table-wrapper {
border: 1px solid #f7f7f7;
text-align: center;
padding-top: 30px;
position: relative;
}
.zozo-pricing-item .pricing-box .pricing-head {
margin-bottom: 20px;
}
.zozo-pricing-item .pricing-box .pricing-head h4 {
font-weight: 700;
text-transform: uppercase;
transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
}
.zozo-pricing-item .pricing-cost-wrapper .pricing-cost h3 {
font-size: 36px;
font-weight: 700;
margin: 4px 0;
}
.zozo-pricing-item .pricing-bottom .pricing-cost-wrapper .pricing-cost h3 {
color: inherit;
}
.zozo-pricing-item .pricing-bottom .pricing-cost-wrapper {
margin-bottom: 30px;
}
.zozo-pricing-item .pricing-bottom .pricing-cost-wrapper .pricing-cost h3 {
font-weight: 500;
}
.zozo-pricing-item .pricing-features {
padding: 0 20px 20px;
}
.zozo-pricing-table-wrapper.pricing-bottom-spacing .pricing-features {
padding-bottom: 0;
}
.zozo-pricing-item .pricing-features ul {
list-style: none;
margin: 0 -20px -1px;
padding: 0;
}
.zozo-pricing-item .pricing-features ul > li {
border-top: 1px solid rgba(0, 0, 0, 0.05);
float: left;
padding: 13px 35px;
width: 100%;
}
.zozo-pricing-item .pricing-features li.inactive {
color: #9c9c9c;
}
.zozo-pricing-item .pricing-features ul > li:last-child {
border-bottom: 1px solid rgba(30, 30, 30, 0.1);
}
.zozo-pricing-item .pricing-cost-wrapper {
margin-bottom: 20px;
}
.zozo-pricing-item .pricing-bottom {
overflow: hidden;
padding: 30px 15px;
}
.zozo-pricing-item .pricing-bottom .btn.btn-default {
padding-bottom: 15px;
padding-top: 15px;
width: 100%;
}
.zozo-pricing-item .pricing-ribbon-wrapper {
height: 88px;
overflow: hidden;
position: absolute;
right: -4px;
top: -3px;
width: 85px;
}
.zozo-pricing-item .pricing-ribbon-wrapper .pricing-ribbon {
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
font-size: 12px;
left: -5px;
color: #333;
padding: 5px 0;
position: relative;
text-align: center;
top: 15px;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
width: 120px;
text-transform: uppercase;
}
.zozo-pricing-item .pricing-ribbon-wrapper .pricing-ribbon:before,
.zozo-pricing-item .pricing-ribbon-wrapper .pricing-ribbon:after {
border-left: 3px solid rgba(0, 0, 0, 0);
border-right: 3px solid rgba(0, 0, 0, 0);
border-top: 3px solid #6e8900;
bottom: -3px;
content: "";
position: absolute;
}
.zozo-pricing-item .pricing-ribbon-wrapper .pricing-ribbon:before {
left: -5px;
}
.zozo-pricing-item .pricing-ribbon-wrapper .pricing-ribbon:after {
right: 0;
}
.zozo-pricing-item .pricing-icon-wrapper > i {
background-color: #f5f5f5;
border: 2px solid #e1e1e1;
box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1) inset;
-ms-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1) inset;
-o-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1) inset;
border-radius: 50%;
-ms-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-webkit-border-radius: 50%;
display: block;
font-size: 32px;
height: 100px;
line-height: 100px;
margin: 0 auto 20px;
padding: 0;
text-align: center;
transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
width: 100px;
transform: none;
-ms-transform: none;
-moz-transform: none;
-o-transform: none;
-webkit-transform: none;
}
.zozo-pricing-table-wrapper:hover .pricing-icon-wrapper > i {
transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);
-ms-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);
-moz-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);
-o-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);
-webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);
transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
}
/* ================================================================
* FEATURES LIST
* ================================================================ */
.zozo-features-list-wrapper .features-list-inner {
margin-bottom: 20px;
position: relative;
}
.zozo-features-list-wrapper.vc-features-list:last-child .features-list-inner {
margin-bottom: 0;
}
.zozo-features-list-wrapper .features-list-inner .features-icon {
display: inline-block;
font-size: 30px;
left: 0;
line-height: 10px;
position: absolute;
top: 0;
}
.zozo-features-list-wrapper .features-list-inner.list-text-right .features-icon {
right: 0;
left: auto;
}
.zozo-features-list-wrapper .features-list-inner.list-text-right {
text-align: right;
}
.zozo-features-list-wrapper .features-list-inner .list-desc {
margin-left: 35px;
}
.zozo-features-list-wrapper .features-list-inner.list-text-right .list-desc {
margin-right: 35px;
margin-left: 0;
}
.list-desc > p {
line-height: 1.3;
}
/* ================================================================
* RESPONSIVE VIDEO
* ================================================================ */
.vc_row.zozo-vc-video-bg-wrapper {
position: relative;
overflow: hidden;
}
.video-bg-wrapper {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
height: 100%;
}
.video-player .zozo-yt-player,
.video-bg .zozo-yt-player {
height: 100%;
}
.video-bg .mb_YTVPBar {
opacity: 1;
}
.video-bg .mb_YTVPBar:hover .buttonBar,
.video-bg .mb_YTVPBar .buttonBar {
background: none repeat scroll 0 0 rgba(0, 0, 0, 1);
top: -25px;
}
.video-bg .mb_YTVPProgress {
top: -33px;
height: 8px;
}
.video-bg .mb_YTVPLoaded {
height: 8px;
}
.video-bg .mb_YTVTime {
height: 100%;
}
.video-bg .mb_YTVTime:after {
background: #a4a4a4;
bottom: 0;
content: "";
height: 10px;
position: absolute;
right: -2px;
width: 4px;
}
.video-bg .buttonBar span {
color: #a4a4a4;
}
.zozo-video-controls #video-play {
border: 2px solid;
border-radius: 50%;
display: inline-block;
height: 55px;
left: 0;
line-height: 50px;
margin: 0 auto;
position: absolute;
right: 0;
text-align: center;
top: 50%;
width: 55px;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
/* ================================================================
* SOCIAL ICONS
* ================================================================ */
@-webkit-keyframes zoslideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes zoslideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-5px);
-ms-transform: translateX(-5px);
transform: translateX(-5px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.zozo-social-icons {
padding: 0;
margin: 0;
list-style: none;
display: inline-block;
}
.zozo-social-icons li {
display: inline-block;
margin: 10px 3px;
}
.fullwidth-menu-section .zozo-social-icons li {
margin: 17px 3px;
}
.zozo-social-icons li a {
width: 30px;
height: 30px;
display: block;
background: #333;
}
.zozo-social-icons.soc-icon-transparent li a {
height: auto;
background: transparent !important;
}
.zozo-social-icons i {
color: #fff;
display: block;
text-align: center;
font-size: 14px;
line-height: 30px;
}
.zozo-social-icons.soc-icon-transparent i {
color: #333;
}
.soc-icon-circle li a {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
display: block;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
}
.soc-icon-circle li a:hover {
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
}
.soc-icon-flat li a {
background-color: #333333;
display: block;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
}
.soc-icon-flat li a:hover {
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
}
.soc-icon-rounded li a {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.zozo-social-icons.soc-icon-transparent li.facebook a:hover,
.zozo-social-icons.soc-icon-transparent li.facebook a:hover i,
.zozo-social-share-wrapper .zozo-social-share-icons li.facebook a:hover {
color: #3B5998;
background: none;
}
.zozo-social-icons li.facebook a:hover {
background-color: #3B5998;
}
.zozo-social-share-icons li.facebook a:hover {
background-color: #3B5998;
border-color: #3B5998;
}
.zozo-social-icons.soc-icon-transparent li.twitter a:hover,
.zozo-social-icons.soc-icon-transparent li.twitter a:hover i,
.zozo-social-share-wrapper .zozo-social-share-icons li.twitter a:hover {
color: #55ACEE;
background: none;
}
.zozo-social-icons li.twitter a:hover {
background-color: #55ACEE;
}
.zozo-social-share-icons li.twitter a:hover {
background-color: #55ACEE;
border-color: #55ACEE;
}
.zozo-social-icons.soc-icon-transparent li.linkedin a:hover,
.zozo-social-icons.soc-icon-transparent li.linkedin a:hover i,
.zozo-social-share-wrapper .zozo-social-share-icons li.linkedin a:hover {
color: #007ab5;
background: none;
}
.zozo-social-icons li.linkedin a:hover {
background-color: #007ab5;
}
.zozo-social-share-icons li.linkedin a:hover {
background-color: #007ab5;
border-color: #007ab5;
}
.zozo-social-icons.soc-icon-transparent li.pinterest a:hover,
.zozo-social-icons.soc-icon-transparent li.pinterest a:hover i,
.zozo-social-share-wrapper .zozo-social-share-icons li.pinterest a:hover {
color: #c91921;
background: none;
}
.zozo-social-icons li.pinterest a:hover {
background-color: #c91921;
}
.zozo-social-share-icons li.pinterest a:hover {
background-color: #c91921;
border-color: #c91921;
}
.zozo-social-icons.soc-icon-transparent li.google-plus a:hover,
.zozo-social-icons.soc-icon-transparent li.google-plus a:hover i,
.zozo-social-share-wrapper .zozo-social-share-icons li.google-plus a:hover {
color: #dd4937;
background: none;
}
.zozo-social-icons li.google-plus a:hover {
background-color: #dd4937;
}
.zozo-social-share-icons li.google-plus a:hover {
background-color: #dd4937;
border-color: #dd4937;
}
.zozo-social-icons.soc-icon-transparent li.youtube a:hover,
.zozo-social-icons.soc-icon-transparent li.youtube a:hover i {
color: #e22b26;
background: none;
}
.zozo-social-icons li.youtube a:hover {
background-color: #e22b26;
}
.zozo-social-icons.soc-icon-transparent li.rss a:hover,
.zozo-social-icons.soc-icon-transparent li.rss a:hover i {
color: #f75f0b;
background: none;
}
.zozo-social-icons li.rss a:hover {
background-color: #f75f0b;
}
.zozo-social-icons.soc-icon-transparent li.tumblr a:hover,
.zozo-social-icons.soc-icon-transparent li.tumblr a:hover i,
.zozo-social-share-wrapper .zozo-social-share-icons li.tumblr a:hover {
color: #34465d;
background: none;
}
.zozo-social-icons li.tumblr a:hover {
background-color: #34465d;
}
.zozo-social-share-icons li.tumblr a:hover {
background-color: #34465d;
border-color: #34465d;
}
.zozo-social-icons.soc-icon-transparent li.reddit a:hover,
.zozo-social-icons.soc-icon-transparent li.reddit a:hover i,
.zozo-social-share-wrapper .zozo-social-share-icons li.reddit a:hover {
color: #FF4500;
background: none;
}
.zozo-social-icons li.reddit a:hover {
background-color: #FF4500;
}
.zozo-social-share-icons li.reddit a:hover {
background-color: #FF4500;
border-color: #FF4500;
}
.zozo-social-icons.soc-icon-transparent li.dribbble a:hover,
.zozo-social-icons.soc-icon-transparent li.dribbble a:hover i {
color: #ea4886;
background: none;
}
.zozo-social-icons li.dribbble a:hover {
background-color: #ea4886;
}
.zozo-social-icons.soc-icon-transparent li.vimeo a:hover,
.zozo-social-icons.soc-icon-transparent li.vimeo a:hover i,
.zozo-social-share-wrapper .zozo-social-share-icons li.vimeo a:hover {
color: #17B3E8;
background: none;
}
.zozo-social-icons li.vimeo a:hover {
background-color: #17B3E8;
}
.zozo-social-icons.soc-icon-transparent li.digg a:hover,
.zozo-social-icons.soc-icon-transparent li.digg a:hover i,
.zozo-social-share-wrapper .zozo-social-share-icons li.digg a:hover {
color: #1b5891;
background: none;
}
.zozo-social-icons li.digg a:hover {
background-color: #1b5891;
}
.zozo-social-share-icons li.digg a:hover {
background-color: #1b5891;
border-color: #1b5891;
}
.zozo-social-icons.soc-icon-transparent li.flickr a:hover,
.zozo-social-icons.soc-icon-transparent li.flickr a:hover i {
color: #ff0082;
background: none;
}
.zozo-social-icons li.flickr a:hover {
background-color: #ff0082;
}
.zozo-social-icons.soc-icon-transparent li.instagram a:hover,
.zozo-social-icons.soc-icon-transparent li.instagram a:hover i {
color: #9A6851;
background: none;
}
.zozo-social-icons li.instagram a:hover {
background-color: #9A6851;
}
.zozo-social-icons.soc-icon-transparent li.skype a:hover,
.zozo-social-icons.soc-icon-transparent li.skype a:hover i {
color: #00a9f1;
background: none;
}
.zozo-social-icons li.skype a:hover {
background-color: #00a9f1;
}
.zozo-social-icons.soc-icon-transparent li.blogger a:hover,
.zozo-social-icons.soc-icon-transparent li.blogger a:hover i,
.zozo-social-share-wrapper .zozo-social-share-icons li.blogger a:hover {
color: #ff9334;
background: none;
}
.zozo-social-icons li.blogger a:hover {
background-color: #ff9334;
}
.zozo-social-share-icons li.blogger a:hover {
background-color: #ff9334;
border-color: #ff9334;
}
.zozo-social-icons.soc-icon-transparent li.yahoo a:hover,
.zozo-social-icons.soc-icon-transparent li.yahoo a:hover i {
color: #65106d;
background: none;
}
.zozo-social-icons li.yahoo a:hover {
background-color: #65106d;
}
.zozo-social-share-icons {
padding: 0;
margin: 0;
list-style: none;
}
.zozo-social-share-icons li a:hover {
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
}
.zozo-subscribe-socials .zozo-social-icons {
padding-left: 10px;
}
/* ================================================================
* BLOG
* ================================================================ */
/* ---- Sticky Post ---- */
.sticky {
}
#sc-posts-infinite-container,
#archive-posts-container {
position: relative;
}
.entry-content p,
.entry-summary p {
margin-bottom: 10px;
}
p:last-child {
margin-bottom: 0;
}
.entry-thumbnail {
position: relative;
margin-bottom: 30px;
}
.entry-header {
margin-bottom: 15px;
}
.entry-footer {
margin-top: 10px;
}
.entry-meta {
padding: 0;
margin: 8px 0 0;
list-style: none;
width: 100%;
}
.entry-meta i {
margin-right: 3px;
}
.entry-meta-wrapper .entry-meta .meta-name {
padding-right: 7px;
}
.entry-meta-wrapper .entry-meta i,
.entry-meta-wrapper .entry-meta .meta-name {
font-size: 12px;
padding-right: 5px;
}
/* New */
.entry-meta li,
.entry-meta a {
color: #333;
}
.typo-dark .entry-meta li,
.typo-dark .entry-meta a {
color: #7f7f7f;
}
.entry-footer .read-more {
float: left;
}
.entry-footer .social-share-container {
float: right;
}
.zozo-social-share-icons li {
float: none;
display: inline-block;
margin: 0 3px 5px;
}
.large-layout .large-posts .zozo-social-share-icons li:first-child {
margin-left: 0;
}
.zozo-social-share-box .zozo-social-share-icons li a {
font-size: 13px;
height: 30px;
width: 30px;
line-height: 30px;
/*background: transparent;*/
color: #7f7f7f;
border: 1px solid #ccc;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
display: block;
text-align: center;
}
.zozo-social-share-box .zozo-social-share-icons li a:hover {
color: #fff;
}
.large-layout .large-posts .btn-more.read-more-link,
.zozo-searchresults.search-results-item .btn-more.read-more-link {
padding: 6px 12px;
}
.large-posts {
border-bottom: 1px dashed #e1e1e1;
margin-bottom: 50px;
padding-bottom: 40px;
}
.large-posts:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
/* ============ Blog List ============ */
.list-posts {
padding-bottom: 40px;
margin-bottom: 40px;
border-bottom: 1px dashed #e1e1e1;
}
.list-layout .list-posts .post-featured-image {
float: left;
margin-right: 20px;
position: relative;
width: 300px;
margin-bottom: 0;
}
.list-posts:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.list-layout .list-posts .entry-thumbnail-wrapper {
height: 275px;
overflow: hidden;
position: relative;
width: 300px;
}
.list-layout .list-posts .entry-thumbnail-wrapper .entry-thumbnail {
left: 50%;
margin-bottom: 0;
position: absolute;
top: 50%;
width: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.list-layout .list-posts .entry-thumbnail-wrapper .entry-thumbnail img {
left: 50%;
max-width: none;
position: relative;
width: auto;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.list-layout .list-posts .owl-item .blog-gallery-item {
overflow: hidden;
width: 100%;
}
.related-post-item {
background: #f7f7f7;
border: 1px solid #e1e1e1;
margin-bottom: 1px;
}
.related-post-item .entry-thumbnail {
margin-bottom: 0;
}
.related-post-item .related-content-wrapper {
padding: 20px;
}
.related-post-item .related-content-wrapper h5 {
margin-top: 0;
text-transform: uppercase;
}
.related-post-item .related-content-wrapper h5 a {
color: #333;
}
/* Single Post Gallery Slider */
.blog-single-carousel-slider {
position: relative;
}
/* Gallery Post */
.post-featured-image.featured-gallery-slider {
position: relative;
}
.featured-gallery-slider .owl-carousel.owl-theme .owl-controls .owl-nav div {
opacity: 0;
color: #333;
line-height: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
article.post:hover .featured-gallery-slider .owl-carousel.owl-theme .owl-controls .owl-nav div {
opacity: 1;
}
.featured-gallery-slider .owl-carousel.owl-theme .owl-controls .owl-nav div:hover {
color: #fff;
}
.featured-gallery-slider .owl-carousel.owl-theme .owl-controls .owl-prev {
left: 5px;
right: auto;
}
.featured-gallery-slider .owl-carousel.owl-theme .owl-controls .owl-next {
right: 5px;
}
/* Blog Hover Style */
article.post .post-inner-wrapper .post-featured-image a,
article.post:hover .post-inner-wrapper .post-featured-image a,
article.post .post-inner-wrapper .post-featured-image a:after,
article.post:hover .post-inner-wrapper .post-featured-image a:after,
article.post .post-inner-wrapper .post-featured-image a:before,
article.post:hover .post-inner-wrapper .post-featured-image a:before,
.related-post-item .entry-thumbnail .post-img,
.related-post-item .entry-thumbnail .post-img:before,
.related-post-item .entry-thumbnail .post-img:after,
.epl-listing-post .property-box .epl-blog-image,
.epl-listing-post .property-box .epl-blog-image:after,
.epl-listing-post .property-box .epl-blog-image:before {
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
article.post .post-inner-wrapper .post-featured-image a,
.related-post-item .entry-thumbnail .post-img,
.epl-listing-post .property-box .epl-blog-image {
position: relative;
display: block;
overflow: hidden;
}
article.post .post-inner-wrapper .post-featured-image a:after,
.related-post-item .entry-thumbnail .post-img:after,
.epl-listing-post .property-box .epl-blog-image:after {
background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
content: "";
left: 0;
right: 0;
top: 0;
margin: 0 auto;
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
}
article.post:hover .post-inner-wrapper .post-featured-image.only-image a:after,
article.post:hover .post-inner-wrapper .post-featured-image.featured-gallery-slider .blog-gallery-item a:after,
.related-post-item:hover .entry-thumbnail .post-img:after,
.epl-listing-post:hover .property-box .epl-blog-image:after {
opacity: 1;
}
article.post .post-inner-wrapper .post-featured-image a:before,
.related-post-item .entry-thumbnail .post-img:before,
.epl-listing-post .property-box .epl-blog-image:before {
background: #333;
border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-bottom: 2px solid rgba(0, 0, 0, 0.2);
color: #222;
content: none;
font-family: "Flaticon";
height: 50px;
left: 50%;
line-height: 50px;
font-size: 22px;
position: absolute;
text-align: center;
width: 50px;
z-index: 2;
opacity: 0;
top: 45%;
-webkit-transform: translateY(-50%) translateX(-50%);
-moz-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
-o-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
article.post:hover .post-inner-wrapper .post-featured-image.only-image a:before,
article.post:hover .post-inner-wrapper .post-featured-image.featured-gallery-slider .blog-gallery-item a:before,
.related-post-item:hover .entry-thumbnail .post-img:before,
.epl-listing-post:hover .property-box .epl-blog-image:before {
opacity: 1;
top: 50%;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
/* Blog Video/ Audio */
.post.format-video.has-post-thumbnail .post-featured-image.only-image .entry-thumbnail-wrapper:before,
.post.format-audio.has-post-thumbnail .post-featured-image.only-image .entry-thumbnail-wrapper:before {
content: "";
display: block;
position: absolute;
background: url(images/video-play.png) no-repeat center center;
margin: 0;
padding: 0;
cursor: pointer;
top: 50%;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
left: 0;
right: 0;
height: 45px;
z-index: 1;
}
article.post.format-video.has-post-thumbnail:hover .post-featured-image.only-image .entry-thumbnail-wrapper:before,
article.post.format-audio.has-post-thumbnail:hover .post-featured-image.only-image .entry-thumbnail-wrapper:before {
display: none;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.post.format-video.has-post-thumbnail .post-featured-image.only-image .entry-thumbnail-wrapper,
.post.format-audio.has-post-thumbnail .post-featured-image.only-image .entry-thumbnail-wrapper {
position: relative;
}
/* Blog Post Featured Image Slider */
.featured-carousel-slider {
background: #fff;
}
.featured-carousel-slider.slider-dots-active {
padding-bottom: 60px;
}
.featured-item,
.featured-item:hover .featured-caption {
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.featured-item {
position: relative;
}
.featured-item:hover .featured-caption {
opacity: 1;
}
.featured-caption {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.7);
opacity: 0;
}
.featured-caption .featured-caption-inner {
color: #fff;
padding: 0 15px;
text-align: center;
width: 100%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.featured-caption .featured-caption-inner .featured-post-title {
margin: 20px 0 15px;
}
.featured-caption .featured-caption-inner .featured-post-title a {
color: #fff;
text-transform: uppercase;
}
.featured-caption .featured-caption-inner .featured-description {
color: #ccc;
margin: 0 0 10px;
padding: 0 27px;
}
.featured-caption .featured-caption-inner .post-category a:hover,
.featured-caption .featured-caption-inner .post-category a:focus {
color: #fff;
}
.featured-caption .featured-caption-inner .read-more a:hover,
.featured-caption .featured-caption-inner .read-more a:focus {
color: #fff;
text-decoration: underline;
}
.featured-carousel-slider.owl-carousel.owl-theme .owl-controls .owl-nav div {
border: 0px;
height: 50px;
width: 50px;
line-height: 49px;
background: #222;
font-size: 30px;
border-radius: 0px;
top: 50%;
opacity: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.featured-carousel-slider.owl-carousel.owl-theme.slider-dots-active .owl-controls .owl-nav div {
margin-top: -30px;
}
.featured-carousel-slider.owl-carousel.owl-theme .owl-controls .owl-nav .owl-prev {
left: 0;
right: auto;
}
.featured-carousel-slider.owl-carousel.owl-theme:hover .owl-controls .owl-nav div {
opacity: 1;
}
.featured-carousel-slider.owl-carousel.owl-theme .owl-controls .owl-dots {
background: #fff;
position: absolute;
left: 0;
right: 0;
bottom: 14px;
}
/* ============ Blog Grid ============ */
.grid-posts {
margin-bottom: 30px;
padding-bottom: 20px;
}
.grid-col-2 .grid-posts {
width: 49%;
width: calc(50% - 15px);
width: -webkit-calc(50% - 15px);
}
.grid-col-3 .grid-posts {
width: 32%;
width: calc(33.3333% - 20px);
width: -webkit-calc(33.3333% - 20px);
}
.grid-col-4 .grid-posts {
width: 24%;
width: calc(25% - 23px);
width: -webkit-calc(25% - 23px);
}
.parallax-content .grid-layout {
margin-bottom: 0px;
}
.blog .zozo-posts-container h2.entry-title {
position: relative;
padding-left: 0px;
}
.blog .zozo-posts-container h2.entry-title a:before,
.blog .zozo-posts-container h2.entry-title a:after {
background: #555;
content: "";
height: 0px;
width: 0px;
left: 0px;
position: absolute;
top: 12px;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.blog .zozo-posts-container h2.entry-title a:after {
background: #999;
left: 12px;
}
/* New */
.posts-content-container .entry-meta-wrapper {
float: left;
margin-top: 20px;
width: 100%;
}
.entry-meta-wrapper .entry-meta {
padding: 0;
margin: 0;
list-style: none;
width: auto;
float: right;
}
.entry-meta-wrapper .read-more {
float: left;
}
.latest-posts-layout .read-more {
padding: 0px 15px;
background: none;
letter-spacing: 1px;
}
.entry-meta-wrapper .entry-meta .sticky-post {
float: left;
margin-right: 10px;
}
.entry-meta-wrapper .comments-link {
float: right;
}
.entry-meta-wrapper .comments-link > a {
padding-left: 5px;
color: #333;
}
.entry-meta-wrapper .read-more .btn-more.read-more-link {
background: #eeeeee;
border: medium none;
font-weight: bold;
font-size: 11px;
padding: 3px 15px;
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
color: #222222;
display: block;
}
.related-post-more {
margin-top: 10px;
}
.related-post-more .btn-more.read-more-link {
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}
.post .btn-more.read-more-link:hover,
.post .btn-more.read-more-link:active,
.post .btn-more.read-more-link:focus {
color: #333;
}
.grid-layout .entry-header {
margin-bottom: 5px;
}
.grid-layout .post h2.entry-title {
font-size: 18px;
line-height: 24px;
margin-bottom: 15px;
}
.grid-layout .grid-posts .entry-meta i,
.grid-layout .grid-posts .entry-meta .meta-name {
font-size: 12px;
padding-right: 5px;
color: #444;
}
.grid-layout.grid-col-3 .grid-posts .entry-meta .meta-name,
.grid-layout.grid-col-4 .grid-posts .entry-meta .meta-name {
display: none;
}
.grid-layout.grid-col-3 .grid-posts .entry-meta li,
.grid-layout.grid-col-4 .grid-posts .entry-meta li {
margin-right: 20px;
}
/* New */
.grid-layout.grid-col-3 .grid-posts .entry-meta li:last-child,
.grid-layout.grid-col-4 .grid-posts .entry-meta li:last-child {
margin-right: 0;
}
.post.format-quote.grid-posts .posts-inner-container,
.post.format-quote.timeline-posts .posts-inner-container {
padding: 0;
border: none;
}
.post.format-quote.grid-posts .posts-content-container,
.post.format-quote.timeline-posts .posts-content-container {
padding: 15px;
}
.post.format-quote.grid-posts .quote-format p,
.post.format-quote.grid-posts .quote-format blockquote,
.post.format-quote.grid-posts .quote-format a,
.post.format-quote.timeline-posts .quote-format p,
.post.format-quote.timeline-posts .quote-format blockquote,
.post.format-quote.timeline-posts .quote-format a {
color: #fff;
}
.post.format-quote.grid-posts .zozo-social-share-icons li a,
.post.format-quote.timeline-posts .zozo-social-share-icons li a {
color: #fff;
border-color: #fff;
}
.quote-format blockquote:after {
top: auto;
bottom: 0;
}
.posts-content-container {
padding: 0;
overflow: hidden;
}
h2.entry-title {
margin-bottom: 10px;
margin-top: 0;
text-transform: uppercase;
}
h2.entry-title a {
color: #333;
}
.btn.btn-more i {
padding-left: 10px;
padding-right: 0px;
}
.grid-posts .entry-thumbnail.quote-image {
margin-bottom: 0;
}
.grid-posts .entry-thumbnail.quote-image img {
width: 100%;
}
.grid-posts .entry-thumbnail.image-format {
position: relative;
}
.entry-thumbnail.blog-medium-image {
padding: 0;
margin-right: 30px;
}
.medium-posts .audio-player.blog-medium-image {
padding: 5px 20px;
}
.post-featured-image,
.audio-player,
.post .video-player {
margin-bottom: 20px;
}
.parallax-content .entry-thumbnail,
.parallax-content .audio-player,
.parallax-content .video-player {
margin-bottom: 10px;
}
.large-posts .entry-thumbnail,
.large-posts .audio-player,
.large-posts .video-player {
margin-bottom: 20px;
}
.medium-posts .entry-thumbnail,
.list-posts .audio-player,
.medium-posts .video-player {
margin-bottom: 0;
}
.timeline-posts .entry-thumbnail.image-format {
margin-bottom: 0;
}
.grid-layout.grid-col-4 .audio-player .mejs-container .mejs-time.mejs-currenttime-container,
.grid-layout.grid-col-4 .audio-player .mejs-container .mejs-time.mejs-duration-container {
display: none;
}
.entry-thumbnail img {
width: 100%;
}
.entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
max-width: 100%;
}
.quote-author {
text-align: center;
}
.entry-meta li {
display: inline-block;
margin: 0 10px 0 0;
}
.entry-meta li.category {
float: right;
margin: 0 0 5px;
}
.entry-meta li.divider {
margin: 0 8px;
position: relative;
}
.entry-meta .author a {
text-transform: capitalize;
}
.entry-meta li.divider:before {
background-color: #d9d9d9;
bottom: 0;
content: "";
height: 15px;
left: -8px;
margin: auto;
position: absolute;
top: 0;
width: 1px;
}
.category-image img {
width: 100%;
}
.archive-header {
margin-bottom: 15px;
}
.single-post .entry-header .entry-title {
margin-bottom: 10px;
}
.tags-title,
.sharing-title {
font-size: 12px;
display: inline-block;
padding-right: 5px;
}
.post-tags > a {
color: #7f7f7f;
font-style: italic;
}
.post-tags > a:hover,
.post-tags > a:active,
.post-tags > a:focus {
color: #fff;
}
/* Blockquote */
.post blockquote {
padding: 12px 0 12px 25px;
color: #7f7f7f;
font-family: georgia;
font-size: 20px;
font-weight: normal;
margin-top: 10px;
}
.post blockquote:after {
height: 100%;
content: "";
left: 0;
width: 3px;
}
.post blockquote:before {
content: none;
}
.post blockquote p {
line-height: 30px;
}
/* Blockquote Reverse */
.post blockquote.blockquote-reverse {
padding: 12px 25px 12px 0;
display: block;
}
.post blockquote.blockquote-reverse:after {
left: auto;
right: 0;
}
.pagination {
width: 100%;
text-align: center;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
}
.pagination > li {
display: inline-block;
margin: 0 4px;
}
.pagination > li > a,
.pagination > li > span {
border-radius: 0 !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-o-border-radius: 0 !important;
-ms-border-radius: 0 !important;
background: transparent;
border: none;
color: #969696;
padding: 0;
margin: 0;
text-align: center;
height: 45px;
line-height: 43px;
font-size: 17px;
width: 40px;
border: 1px solid;
}
.pagination > li > .page-numbers.current {
border: 1px solid transparent;
border-radius: 0 !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-o-border-radius: 0 !important;
-ms-border-radius: 0 !important;
color: #ffffff !important;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
background: transparent;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
background: transparent;
}
.pagination > li > a.prev,
.pagination > li > a.next {
width: 40px;
height: 45px;
overflow: hidden;
padding: 2px;
position: relative;
color: #969696;
z-index: 1;
}
.pagination > li > a.prev {
margin-right: 10px;
}
.pagination > li > a.next {
margin-left: 0px;
}
.pagination > li > a.prev:hover,
.pagination > li > a.prev:active,
.pagination > li > a.prev:focus,
.pagination > li > a.next:hover,
.pagination > li > a.next:active,
.pagination > li > a.next:focus {
color: #fff;
}
.pagination > li > a.prev:hover:after,
.pagination > li > a.prev:active:after,
.pagination > li > a.prev:focus:after,
.pagination > li > a.next:hover:after,
.pagination > li > a.next:active:after,
.pagination > li > a.next:focus:after {
border: 1px solid;
color: #fff;
}
/* ==== 404 Page ==== */
.content-404page {
text-align: center;
}
.content-404page .title-one {
color: #949494;
font-weight: 400;
text-transform: uppercase;
margin: 15px 0px 30px;
}
.post-404 .entry-content {
background: #f7f7f7 none repeat scroll 0 0;
padding: 30px 20px 30px;
border-radius: 5px;
}
.content-404page .title-two {
color: #949494;
font-size: 125px;
text-align: center;
line-height: 1;
margin-bottom: 26px;
}
.content-404page span i {
background-color: #949494;
border-radius: 50%;
font-size: 50px;
height: 105px;
line-height: 105px;
margin: 10px 0 25px;
width: 105px;
}
.search-404page {
margin: 20px 15px;
}
.title-404 {
color: #7f7f7f;
font-size: 50px;
font-weight: 100;
margin-bottom: 32px;
text-transform: lowercase;
}
.content-404page .title-three {
font-weight: 300;
margin-bottom: 37px;
color: #7f7f7f;
font-size: 20px;
}
.zozo-search-page.search-page-form {
margin-bottom: 30px;
}
.zozo-search-no-results h1.entry-title {
margin-bottom: 0;
}
.zozo-search-no-results .entry-header {
margin-bottom: 30px;
}
.zozo-searchresults.search-results-item {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #e1e1e1;
}
.zozo-searchresults h1 {
font-weight: 300;
}
.zozo-searchresults.search-results-item .entry-thumbnail img {
width: auto;
max-width: 300px;
float: left;
margin-right: 20px;
}
.author-info {
background-color: #f7f7f7;
border: 1px solid #e1e1e1;
margin-top: 40px;
margin-bottom: 20px;
padding: 30px;
width: 100%;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
}
.author-name a {
text-transform: capitalize;
font-weight: 500;
}
.page-title-header .author-name {
text-transform: capitalize;
}
.author-description {
margin-top: 5px;
font-size: 14px;
color: #7f7f7f;
margin-left: 95px;
}
.author-info-container {
position: relative;
}
.author-title h4 {
margin: 0;
}
.author-avatar {
float: left;
}
.author-avatar img {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
}
.author-info-container .author-avatar,
.author-info-page .author-avatar,
.comment-container .avatar {
margin-right: 20px;
}
.author-info-container .author-name {
font-size: 20px;
font-weight: 400;
}
.author-info-page {
background-color: #f7f7f7;
border: 1px solid #e1e1e1;
padding: 30px;
margin: 20px 0 40px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
}
.author-links {
margin-left: 95px;
}
.author-links .zozo-social-share-icons li:first-child {
margin-left: 0;
}
.author-links .author-social {
list-style: none;
padding: 0;
margin: 15px 0 0;
}
.zozo-social-share-box .author-social li a {
border: 0 none;
color: #222;
line-height: 29px;
}
.form-allowed-tags {
word-break: break-all;
}
.form-allowed-tags code {
background: none;
color: inherit;
}
.grid-posts .author-img {
display: none;
}
.tags-share-section {
border-top: 1px dashed #e1e1e1;
clear: both;
margin-top: 20px;
padding: 25px 0;
}
.tags-share-section .share-options {
text-align: right;
}
.tags-share-section .zozo-social-share-box {
float: none;
display: inline-block;
}
.vimeo-inner {
max-width: 100% !important;
}
.comments-title h4,
.no-comments {
color: #000000;
}
.comment-avatar img {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
}
.comment-respond label {
display: block;
}
.comment-reply-title {
text-transform: capitalize;
}
.comment-status-text {
color: #5d5d5d;
font-size: 14px;
min-height: 75px;
}
.comment-status-text .reply .edit {
padding-right: 8px;
}
#comment {
width: 100%;
}
.comments-section {
padding-top: 20px;
padding-bottom: 20px;
}
.comment-respond {
margin-bottom: 60px;
}
.comments-title {
margin-bottom: 15px;
}
.bypostauthor {
}
.zozo-all-comments {
}
.zozo-all-comments ul.children {
list-style: none;
padding-left: 100px;
}
.zozo-all-comments ul.children li .comment-container {
position: relative;
}
.comment-container {
border-bottom: 1px dashed #e1e1e1;
padding: 30px 0;
}
.comment-container a {
color: #9d9d9d;
}
.comment-avatar {
float: left;
}
.time-diff {
text-transform: capitalize;
}
.comment-list .author-name {
display: inline-block;
text-transform: capitalize;
padding-right: 30px;
margin-top: 0;
}
.comment-list .date {
color: #9d9d9d;
}
.comment-list .edit {
padding-right: 15px;
}
.comment-form .form-group {
margin-bottom: 17px;
}
.comment-form input.form-control,
.comment-form textarea,
.comment-form textarea.form-control {
font-size: 14px;
color: #4e4e4e;
padding: 5px 10px;
}
.comment-form .form-control::-moz-placeholder {
color: #4e4e4e;
}
.comment-form .form-control:-ms-input-placeholder {
color: #4e4e4e;
}
.comment-form .form-control::-webkit-input-placeholder {
color: #4e4e4e;
}
.comment-respond .form-submit {
margin-top: 10px;
width: 33.3333%;
padding: 0 15px 0 0;
}
.comment-container span,
.comment-container a {
color: #9d9d9d;
}
.comment-container span i,
.comment-container a i {
margin-right: 8px;
}
.comment-container .reply {
float: right;
margin-top: -24px;
}
#infscr-loading {
position: absolute;
bottom: -20px;
left: 0;
right: 0;
margin: auto;
width: 100%;
text-align: center;
background: none;
padding: 8px 5px;
color: #fff;
}
#infscr-loading img {
margin: 0 auto;
}
.all-loaded {
background: #eaeaea;
color: #000;
padding: 15px;
}
.pagination.infinite-scroll {
display: none;
}
.zozo-hr-line {
border-color: #eaeaea;
}
.video-player {
background: #000000;
}
.video-player .mejs-container,
.wp-video-shortcode,
.mejs-overlay {
width: 100% !important;
margin: 0 auto;
}
.wp-video-shortcode {
max-width: 100%;
}
.wp-video {
width: 100% !important;
}
.youtube-inner {
max-width: 100% !important;
}
.timeline-layout {
position: relative;
float: left;
width: 100%;
}
.timeline-layout.clearfix:after {
background: none repeat scroll 0 0 #E3E3E3;
bottom: 0;
clear: none;
content: "";
display: block;
height: 99%;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 44px;
visibility: visible;
width: 2px;
}
.sc-timeline-title {
display: inline-block;
padding: 4px 12px;
background: #EDEDED;
position: relative;
z-index: 99;
margin-top: 10px;
}
.sc-blog-timeline-date {
clear: both;
text-align: center;
}
.timeline-icon {
text-align: center;
font-size: 35px;
}
.timeline-posts {
width: 50%;
position: relative;
}
.timeline-posts .posts-inner-container {
padding: 15px;
border: 1px solid #e3e3e3;
margin-bottom: 10px;
position: relative;
width: 92%;
min-height: 220px;
}
.timeline-posts.pull-right .posts-inner-container {
float: right;
}
.timeline-posts.pull-left {
clear: left;
margin-top: 10px;
}
.timeline-posts.pull-right {
clear: right;
margin-top: 50px;
}
.timeline-posts.pull-left .sc-blog-timeline-arrow:after,
.timeline-posts.pull-left .sc-blog-timeline-arrow:before,
.timeline-posts.pull-right .sc-blog-timeline-arrow:after,
.timeline-posts.pull-right .sc-blog-timeline-arrow:before {
top: 25px;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.timeline-posts.pull-left .sc-blog-timeline-arrow:after,
.timeline-posts.pull-left .sc-blog-timeline-arrow:before {
left: 100%;
}
.timeline-posts.pull-left .sc-blog-timeline-arrow:after,
.timeline-posts.pull-left .sc-blog-timeline-arrow:before {
border-left-color: #E0E0E0;
}
.timeline-posts.pull-left .sc-blog-timeline-arrow:after,
.timeline-posts.pull-right .sc-blog-timeline-arrow:after {
border-color: transparent;
border-width: 5px;
margin-top: -5px;
}
.timeline-posts.pull-right .sc-blog-timeline-arrow:after,
.timeline-posts.pull-right .sc-blog-timeline-arrow:before {
right: 100%;
}
.timeline-posts.pull-right .sc-blog-timeline-arrow:after,
.timeline-posts.pull-right .sc-blog-timeline-arrow:before {
border-right-color: #E0E0E0;
}
.timeline-posts.pull-left .sc-blog-timeline-arrow:before,
.timeline-posts.pull-right .sc-blog-timeline-arrow:before {
border-width: 11px;
margin-top: -11px;
}
.timeline-posts.pull-left:after,
.timeline-posts.pull-right:after {
background: none repeat scroll 0 0 #E0E0E0;
border-radius: 50%;
content: "";
display: block;
height: 18px;
position: absolute;
top: 15px;
width: 18px;
z-index: 10;
}
.timeline-posts.pull-left:after {
right: -9px;
}
.timeline-posts.pull-right:after {
left: -9px;
}
.zozo-form-success,
.zozo-form-error {
padding: 10px;
display: none;
}
.entry-content .zozo-form-success,
.entry-content .zozo-form-error {
margin-bottom: 15px;
}
.zozo-form-success i,
.zozo-form-error i {
padding-right: 10px;
}
/* Related Posts */
.related-portfolio-slider-section {
margin-bottom: 40px;
}
ul.related-posts {
list-style: none;
padding: 0;
}
/*Latest Posts*/
.latest-posts-layout .post {
margin-bottom: 28px;
}
.latest-posts-layout .post:last-child {
margin-bottom: 0;
}
.latest-posts-layout .entry-thumbnail {
max-width: 100px;
float: left;
margin-right: 15px;
}
.latest-posts-layout .entry-thumbnail img {
border-radius: 6px;
}
.latest-posts-layout .posts-content-container .entry-header {
margin-bottom: 10px;
display: none;
}
.latest-posts-layout .posts-content-container h2.entry-title {
font-size: 18px;
font-weight: 400;
margin-bottom: 0;
line-height: 18px;
}
.latest-posts-layout .posts-content-container .entry-summary > p {
margin-bottom: 5px;
}
.latest-posts-layout .entry-meta {
margin: 0;
}
.latest-posts-layout .entry-meta .read-more {
float: right;
margin-right: 10px;
}
.latest-posts-layout .entry-meta .read-more > a:after {
content: "\f105";
font-size: 14px;
font-family: FontAwesome;
font-style: normal;
font-weight: 700;
padding-left: 5px;
}
/* ================================================================
* VC Progress Bar
* ================================================================ */
.bar-style-tooltip .tooltip {
opacity: 1;
font-family: inherit;
}
.bar-style-tooltip .tooltip .tooltip-inner {
color: #333;
padding: 6px 10px;
border-radius: 0px;
-webkit-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
}
.bar-style-tooltip .tooltip.top {
min-width: 52px;
top: 0;
right: -26px;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
/* ================================================================
* CONTACT US
* ================================================================ */
input,
.input,
input.form-control,
select,
select.form-control {
background: none;
border: 1px solid #e1e1e1;
border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
font-size: 12px;
height: 40px;
line-height: inherit;
}
textarea {
border: 1px solid #e1e1e1;
border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
}
.form-style-transparent input,
.form-style-transparent .input,
.form-style-transparent input.form-control,
.form-style-transparent textarea {
border: 1px solid #7c7c7c;
color: #333;
}
.form-style-transparent .input-group input.form-control,
.form-style-transparent .input-group input.form-control:focus {
border-right-color: transparent !important;
}
.form-style-transparent textarea.form-control,
.form-style-transparent input.form-control,
.bg-skin-dark .form-style-transparent textarea.form-control,
.bg-skin-dark .form-style-transparent input.form-control {
background: transparent !important;
}
input[type="file"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus {
outline: none;
}
input[type="radio"],
input[type="checkbox"] {
display: inline-block;
height: auto;
}
.form-control,
.form-control:focus {
box-shadow: none;
-webkit-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
}
.post-password-form label,
.post-password-form input {
display: inline-block;
}
input,
input.form-control,
textarea,
textarea.form-control,
.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"],
.gform_wrapper textarea {
font-size: 14px;
}
input:focus,
.form-control:focus,
textarea:focus,
#respond input:focus,
#respond textarea:focus {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
}
.typo-default .form-control::-moz-placeholder {
color: #4e4e4e;
text-transform: capitalize;
}
.typo-default .form-control:-ms-input-placeholder {
color: #4e4e4e;
text-transform: capitalize;
}
.typo-default .form-control::-webkit-input-placeholder {
color: #4e4e4e;
text-transform: capitalize;
}
.typo-light .form-control::-moz-placeholder {
color: #e1e1e1;
}
.typo-light .form-control:-ms-input-placeholder {
color: #e1e1e1;
}
.typo-light .form-control::-webkit-input-placeholder {
color: #e1e1e1;
}
.typo-dark .form-control::-moz-placeholder {
color: #4e4e4e;
text-transform: capitalize;
}
.typo-dark .form-control:-ms-input-placeholder {
color: #4e4e4e;
text-transform: capitalize;
}
.typo-dark .form-control::-webkit-input-placeholder {
color: #4e4e4e;
text-transform: capitalize;
}
.has-error .input-group-addon,
.has-success .input-group-addon {
background-color: transparent;
}
.has-error .zozo-input-group-addon .input-group-addon,
.has-error .zozo-input-group-addon .form-control,
.has-error textarea.form-control:focus,
.has-error .zozo-input-group-addon input:focus,
.has-error textarea:focus,
.has-error .zozo-input-group-addon .form-control:focus {
border-color: #a94442;
}
textarea:focus,
.form-group textarea.form-control:focus {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
}
.form-group:last-child {
margin-bottom: 0;
}
.typo-light .contact-form-wrapper .bg-success {
background-color: transparent;
}
.form-style-flat input,
.form-style-flat .input,
.form-style-flat input.form-control,
.form-style-flat select,
.form-style-flat select.form-control,
.form-style-flat textarea.form-control {
background: rgba(0, 0, 0, 0.2);
border: 1px solid rgba(0, 0, 0, 0.2);
}
.form-style-flat input,
.form-style-flat .input,
.form-style-flat input.form-control,
.form-style-flat select,
.form-style-flat select.form-control,
.form-style-flat textarea.form-control,
.form-style-flat .btn.zozo-submit {
border-radius: 0;
-ms-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
-webkit-border-radius: 0;
}
/* ============ CONTACT INFO ============== */
/* Default */
.contact-widget-title {
font-size: 40px;
}
.contact-widget-title,
.contact-info-container h5 {
line-height: 1.3;
margin-bottom: 22px;
}
.contact-info-container h5 {
font-size: 32px;
}
.contact-info-inner h5 a:hover {
color: #333;
}
.typo-light .contact-info-inner h5 a:hover {
color: #fff;
}
.contact-info-inner .zozo-social-icons li a {
height: 60px;
width: 60px;
line-height: 60px;
font-size: 25px;
}
.contact-info-inner .zozo-social-icons li a i {
line-height: 60px;
font-size: 25px;
}
.zozo-social-icons.social-style-bordered li a {
background: transparent;
border: 1px solid #e1e1e1;
}
.zozo-social-icons.social-style-bordered li a i {
color: #7f7f7f;
}
.typo-light .zozo-social-icons.social-style-bordered li a i {
color: #fff;
}
.zozo-social-icons.social-style-bordered li a:hover i {
color: #fff;
}
/* Show Divider */
.show-separator .contact-widget-title,
.show-separator.contact-info-container h5 {
line-height: 1.2;
margin-bottom: 15px;
}
.show-separator .contact-widget-desc {
border-bottom: 1px solid #e1e1e1;
margin-bottom: 15px;
padding-bottom: 15px;
}
/* Contact Info 2 */
.contact-info-container.contact-info-style2 .contact-widget-title {
margin-top: 0;
}
.contact-info-container.contact-info-style2 h6 {
color: #333;
display: inline-block;
padding: 6px 10px;
font-weight: 300;
text-transform: uppercase;
}
.contact-info-container.contact-info-style2 h5 {
font-size: 14px;
margin-top: 0;
margin-bottom: 10px;
color: #7f7f7f;
}
.typo-light .contact-info-container.contact-info-style2 h5 {
color: #fff;
}
.typo-dark .contact-info-container.contact-info-style2 h5 {
color: #333;
}
.contact-info-container.contact-info-style2 .zozo-social-icons li a {
height: 30px;
width: 30px;
line-height: 30px;
}
.contact-info-container.contact-info-style2 .zozo-social-icons li a i {
line-height: 30px;
font-size: 14px;
}
/* ----------- CONTACT FORM 7 ------------- */
.wpcf7 input {
height: 40px;
width: 100%;
padding-top: 6px;
padding-bottom: 6px;
}
.wpcf7 textarea {
max-height: 110px;
width: 100%;
padding-top: 6px;
}
.wpcf7 .height-large {
max-height: none;
}
.wpcf7 p {
font-weight: bold;
}
.wpcf7 input[type="submit"] {
width: auto;
height: auto;
padding: 9px 12px;
}
.wpcf7 .btn-wide input[type="submit"] {
width: 100%;
max-width: 205px;
}
.wpcf7 input[type="file"] {
padding-left: 0;
}
.wpcf7 input[type="radio"],
.wpcf7 input[type="checkbox"] {
height: auto;
width: auto;
display: inline-block;
}
.wpcf7 p {
font-weight: 700;
font-size: 13px;
color: #7f7f7f;
margin-bottom: 0;
}
.wpcf7 textarea,
.wpcf7 input,
.wpcf7 select {
background: transparent;
box-shadow: 0 1px #fff, 0 1px 4px rgba(0, 0, 0, 0.05) inset;
-webkit-box-shadow: 0 1px #fff, 0 1px 4px rgba(0, 0, 0, 0.05) inset;
-moz-box-shadow: 0 1px #fff, 0 1px 4px rgba(0, 0, 0, 0.05) inset;
-ms-box-shadow: 0 1px #fff, 0 1px 4px rgba(0, 0, 0, 0.05) inset;
-o-box-shadow: 0 1px #fff, 0 1px 4px rgba(0, 0, 0, 0.05) inset;
font-weight: normal;
padding-left: 10px;
margin-bottom: 20px;
}
.wpcf7 input.wpcf7-file {
border: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
padding: 0;
}
.wpcf7 input[type="submit"] {
margin-bottom: 0;
}
span.wpcf7-form-control-wrap {
display: block;
position: relative;
}
span.wpcf7-not-valid-tip {
bottom: 0;
font-size: 13px;
font-weight: normal;
left: 0;
/*position: absolute;*/
}
.wpcf7 input::-moz-placeholder,
.wpcf7 textarea::-moz-placeholder {
color: #888;
opacity: 1;
}
.wpcf7 input:-ms-input-placeholder,
.wpcf7 textarea:-ms-input-placeholder {
color: #888;
}
.wpcf7 input::-webkit-input-placeholder,
.wpcf7 textarea::-webkit-input-placeholder {
color: #888;
}
.wpcf7 textarea,
.wpcf7 input {
color: #333;
}
span.wpcf7-not-valid-tip {
font-size: 13px;
font-weight: normal;
}
div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok {
border: 0px;
color: #da0000;
margin-left: 0;
padding: 0;
}
div.wpcf7-mail-sent-ok {
color: #398f14;
}
.wpcf7 select[multiple],
.wpcf7 select[size] {
width: 100%;
}
.wpcf7-form-control-wrap label {
width: 100%;
}
.wpcf7 input.btn-block[type="submit"] {
width: 100%;
}
/* Appointment Form */
.selectbox-arrow select {
color: #888;
outline: none;
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
padding: 5px;
background: transparent url("images/arrow-bottom.png") no-repeat scroll 100% 0px;
}
.selectbox-arrow input {
background: transparent;
}
.selectbox-arrow input::-moz-placeholder,
.selectbox-arrow textarea::-moz-placeholder {
color: #888;
}
.selectbox-arrow input::-webkit-input-placeholder,
.selectbox-arrow textarea::-webkit-input-placeholder {
color: #888;
}
.selectbox-arrow input:-ms-input-placeholder,
.selectbox-arrow textarea:-ms-input-placeholder {
color: #888;
}
.wpcf7 h6,
.wpcf7 h5 {
margin-bottom: 0;
}
.wpcf7 h6 label,
.wpcf7 .label-full label {
background: #f1f1f1 none repeat scroll 0 0;
display: block;
padding: 12px;
margin-top: 15px;
font-size: inherit;
font-weight: inherit;
}
.checkbox-full .wpcf7-list-item {
display: block;
margin: 9px 0;
}
.checkbox-full .wpcf7-list-item input[type="checkbox"] {
margin: 7px 8px 0 0;
float: left;
}
/* Short Appointment Form */
.widget .wpcf7 textarea,
.widget .wpcf7 input,
.widget .wpcf7 select {
margin-bottom: 10px;
}
/* ----------- GRAVITY FORM ------------- */
.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"],
.gform_wrapper textarea {
height: 35px;
padding: 10px;
}
.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
background-color: transparent;
border: none;
margin-bottom: 0 !important;
padding: 0 !important;
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required {
margin-bottom: 0 !important;
margin-top: 0;
padding-left: 0 !important;
}
.gform_wrapper .top_label .gfield_error {
width: 100%;
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
margin-top: 10px;
}
.gform_wrapper .top_label .gfield_error .ginput_container {
max-width: 100%;
}
.gform_wrapper .gsection .gfield_label,
.gform_wrapper h2.gsection_title,
.gform_wrapper h3.gform_title {
font-weight: inherit;
}
.gform_wrapper .top_label .gfield_label {
font-weight: 600;
color: #7f7f7f;
font-size: 13px;
}
.gform_wrapper .gfield_error .gfield_label,
.gform_wrapper li.gfield_error div.ginput_complex.ginput_container label,
.gform_wrapper li.gfield_error ul.gfield_checkbox,
.gform_wrapper li.gfield_error ul.gfield_radio {
color: #7f7f7f;
}
.gform_confirmation_message {
color: green;
}
.gform_wrapper div.validation_error {
border: 0px;
padding-bottom: 0;
font-weight: inherit;
font-size: 13px;
color: #da0000;
margin-bottom: 0;
}
.gform_wrapper .validation_message {
color: #da0000;
font-weight: inherit;
}
.gform_wrapper li.gfield_error input[type="email"],
.gform_wrapper li.gfield_error input[type="number"],
.gform_wrapper li.gfield_error input[type="password"],
.gform_wrapper li.gfield_error input[type="tel"],
.gform_wrapper li.gfield_error input[type="text"],
.gform_wrapper li.gfield_error input[type="url"],
.gform_wrapper li.gfield_error textarea {
border-color: #e1e1e1;
}
.gmap_canvas img {
max-width: none;
}
/* VC Post Grid */
.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_date > div {
font-style: italic;
}
/* ================================================================
* MAILCHIMP
* ================================================================ */
.form-style-transparent input {
color: #fff;
}
.form-style-transparent .form-control::-moz-placeholder {
color: #e1e1e1;
}
.form-style-transparent .form-control::-webkit-input-placeholder {
color: #e1e1e1;
}
.form-style-transparent .form-control:-ms-input-placeholder {
color: #e1e1e1;
}
.typo-dark .form-style-transparent .form-control::-moz-placeholder {
color: #333;
}
.typo-dark .form-style-transparent .form-control::-webkit-input-placeholder {
color: #333;
}
.typo-dark .form-style-transparent .form-control:-ms-input-placeholder {
color: #333;
}
.zozo-form-group-addon .input-group-addon {
padding: 0;
margin: 0;
border: none;
}
.form-btn-inline .zozo-form-group-addon .input-group-addon .btn {
border-radius: 0 3px 3px 0;
-ms-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
-o-border-radius: 0 3px 3px 0;
-webkit-border-radius: 0 3px 3px 0;
height: 100%;
margin: 0;
padding: 0 12px;
height: 40px;
line-height: 40px;
}
.mailchimp-email.zozo-form-group-addon .form-control-feedback {
line-height: 40px;
height: 40px;
right: -30px;
}
.form-control-feedback {
line-height: 40px;
}
.form-btn-right .mailchimp-email.zozo-form-group-addon .input-group-addon {
padding-left: 15px;
}
.form-btn-right .input-group .form-control {
border-radius: 3px;
-ms-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-webkit-border-radius: 3px;
}
/* ================================================================
* DOMAIN SEARCH FORM
* ================================================================ */
.form-domain-view .zozo-form-group-addon .input-text.form-control {
max-width: 85%;
}
.form-domain-view .zozo-form-group-addon .input-select {
max-width: 15%;
display: table-cell;
box-shadow: none;
-ms-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
-webkit-box-shadow: none;
padding: 6px 8px;
float: left;
margin-bottom: 0;
position: relative;
width: 100%;
z-index: 2;
}
.form-domain-view .form-btn-inline .zozo-form-group-addon .input-select {
border-bottom-left-radius: 0;
-moz-border-bottom-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
-o-border-bottom-left-radius: 0;
-ms-border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-border-top-left-radius: 0;
-webkit-border-top-left-radius: 0;
-o-border-top-left-radius: 0;
-ms-border-top-left-radius: 0;
border-left-color: transparent;
}
.form-domain-view .form-btn-right .zozo-form-group-addon .input-text.form-control {
max-width: 85%;
margin-right: 2.5%;
}
.form-domain-view .form-btn-right .zozo-form-group-addon .input-select {
margin-right: 2.5%;
}
/* ================================================================
* PORTFOLIO
* ================================================================ */
.portfolio-item {
overflow: hidden;
}
.portfolio-item img {
width: 100%;
}
.portfolio-content,
.portfolio-img {
position: relative;
}
.portfolio-content .portfolio-overlay .portfolio-title {
color: #fff;
padding: 15px 20px 0;
}
.portfolio-content .overlay-buttons {
padding: 0 20px;
}
.portfolio-content .portfolio-overlay .portfolio-title h4,
.portfolio-content .portfolio-overlay .portfolio-title p {
color: #fff;
}
.portfolio-content .portfolio-overlay .portfolio-title p {
margin-bottom: 10px;
}
.portfolio-overlay {
position: relative;
background-color: rgba(0, 0, 0, 0.8);
position: absolute;
left: 0;
top: 0;
opacity: 0;
width: 100%;
height: 100%;
text-align: center;
bottom: 0;
-webkit-transition: all 350ms ease;
-moz-transition: all 350ms ease;
-ms-transition: all 350ms ease;
-o-transition: all 350ms ease;
transition: all 350ms ease;
}
.portfolio-item:hover .portfolio-overlay {
opacity: 1;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
.portfolio-mask {
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
color: #fff;
}
.portfolio-mask a {
background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
color: #fff;
border: 1px solid #fff;
display: inline-block;
height: 35px;
line-height: 35px;
margin: 0 5px;
overflow: hidden;
position: relative;
width: 35px;
z-index: 1;
}
.portfolio-mask a:hover {
color: #fff;
}
.portfolio-tabs {
margin: 0 0 50px;
line-height: 2;
}
.portfolio-tabs li {
margin: 0;
padding: 0;
}
.portfolio-tabs li a {
padding: 7px 15px;
background: none;
position: relative;
margin: 0 20px 0;
border: 1px solid rgba(0, 0, 0, 0);
display: block;
transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
z-index: 1;
}
.portfolio-tabs.text-left li:first-child a {
margin-left: 0;
}
.portfolio-tabs.text-right li:last-child a {
margin-right: 0;
}
.typo-default .portfolio-tabs li a,
.typo-default .portfolio-tabs li a.active,
.typo-default .portfolio-tabs li a:hover {
color: #171717;
}
.typo-default .portfolio-tabs li a.active,
.typo-default .portfolio-tabs li a:hover {
border-color: #171717;
}
.typo-light .portfolio-tabs li a,
.typo-light .portfolio-tabs li a.active,
.typo-light .portfolio-tabs li a:hover {
color: #FFFFFF;
}
.typo-dark .portfolio-tabs li a,
.typo-dark .portfolio-tabs li a.active,
.typo-dark .portfolio-tabs li a:hover {
color: #333;
}
.typo-light .portfolio-tabs li a.active,
.typo-light .portfolio-tabs li a:hover {
border-color: #fff;
}
.typo-dark .portfolio-tabs li a.active,
.typo-dark .portfolio-tabs li a:hover {
border-color: #333;
}
.single-portfolio-item.item-video {
height: 300px;
}
.portfolio-gallery img {
width: 100%;
}
.portfolio-nav {
float: right;
margin-bottom: 0;
}
.portfolio-nav li {
padding: 0;
margin: 0 3px;
}
.portfolio-nav li a {
padding: 4px 10px;
display: block;
color: #FFFFFF;
}
.portfolio-single .portfolio-gallery {
margin-bottom: 30px;
}
.portfolio-details,
.portfolio-sharing {
margin-bottom: 20px;
float: left;
width: 100%;
}
.portfolio-box {
float: left;
width: 100%;
display: table;
margin: 0 0 2px;
}
.portfolio-box h5 {
width: 115px;
margin: 0;
display: table-cell;
}
.portfolio-box > div {
display: table-cell;
}
.portfolio-box > div,
.portfolio-box a {
color: #3e3f3f;
}
.portfolio-sharing .portfolio-info-title {
margin-bottom: 5px;
}
.portfolio-custom-text {
font-size: 13px;
margin-bottom: 0;
text-transform: uppercase;
}
/* ============ Portfolio Single ============ */
.portfolio-single .portfolio-custom-text {
padding-bottom: 10px;
padding-top: 10px;
}
.portfolio-single .portfolio-sharing {
margin-top: 0px;
}
/* Social Icons */
.portfolio-single .zozo-social-share-box .zozo-social-share-icons li a,
.portfolio-single .zozo-social-share-box .zozo-social-share-icons li.facebook a:hover i {
color: #fff;
}
.portfolio-single .zozo-social-share-box .zozo-social-share-icons li.facebook a:hover {
background-color: #3E5B98;
border-color: #3E5B98;
color: #fff;
}
.portfolio-single .zozo-social-share-box .zozo-social-share-icons li.twitter a:hover {
background-color: #4CA6DE;
border-color: #4CA6DE;
color: #fff;
}
.portfolio-single .zozo-social-share-box .zozo-social-share-icons li.linkedin a:hover,
.portfolio-single .zozo-social-share-wrapper .zozo-social-share-icons li.linkedin a:hover {
background-color: #3371B8;
border-color: #3371B8;
color: #fff;
}
.portfolio-single .zozo-social-share-box .zozo-social-share-icons li.google-plus a:hover {
background-color: #D93F2D;
border-color: #D93F2D;
color: #fff;
}
.portfolio-single .zozo-social-share-box .zozo-social-share-icons li.email a:hover {
background-color: #CA3A27;
border-color: #CA3A27;
color: #fff;
}
/* ============ Portfolio Slider ============ */
.portfolio-slider-item .portfolio-title,
.portfolio-slider-item .portfolio-title > h4 {
color: #FFFFFF;
margin-bottom: 10px;
}
.latest-portfolio-slider-section {
padding: 30px 0 60px;
}
/* ============ Overlay Animations ============ */
.zozo-img-wrapper .overlay-buttons {
margin: 0 0 15px 0;
position: relative;
z-index: 9;
}
.overlay-buttons > li {
display: inline-block;
padding: 0;
}
.overlay-buttons > li > a {
display: inline-block;
font-size: 14px;
font-weight: normal;
margin: 0 2px;
text-align: center;
}
.zozo-img-wrapper:hover .overlay-buttons.fade-up {
-webkit-animation: fadeInUp 0.3s linear both;
-moz-animation: fadeInUp 0.3s linear both;
-o-animation: fadeInUp 0.3s linear both;
-ms-animation: fadeInUp 0.3s linear both;
animation: fadeInUp 0.3s linear both;
}
.zozo-img-wrapper:hover .overlay-buttons.fade-right {
-webkit-animation: fadeInRight 0.3s linear both;
-moz-animation: fadeInRight 0.3s linear both;
-o-animation: fadeInRight 0.3s linear both;
-ms-animation: fadeInRight 0.3s linear both;
animation: fadeInRight 0.3s linear both;
}
.zozo-img-wrapper:hover .overlay-buttons.fade-down {
-webkit-animation: fadeInDown 0.3s linear both;
-moz-animation: fadeInDown 0.3s linear both;
-o-animation: fadeInDown 0.3s linear both;
-ms-animation: fadeInDown 0.3s linear both;
animation: fadeInDown 0.3s linear both;
}
.zozo-img-wrapper:hover .overlay-buttons.fade-left {
-webkit-animation: fadeInLeft 0.3s linear both;
-moz-animation: fadeInLeft 0.3s linear both;
-o-animation: fadeInLeft 0.3s linear both;
-ms-animation: fadeInLeft 0.3s linear both;
animation: fadeInLeft 0.3s linear both;
}
.zozo-img-wrapper:hover .overlay-buttons.zoom-in {
-webkit-animation: zoomIn 0.3s linear both;
-moz-animation: zoomIn 0.3s linear both;
-o-animation: zoomIn 0.3s linear both;
-ms-animation: zoomIn 0.3s linear both;
animation: zoomIn 0.3s linear both;
}
.zozo-img-wrapper:hover .overlay-buttons.rotate-in {
-webkit-animation: rotateIn 0.3s linear both;
-moz-animation: rotateIn 0.3s linear both;
-o-animation: rotateIn 0.3s linear both;
-ms-animation: rotateIn 0.3s linear both;
animation: rotateIn 0.3s linear both;
}
.zozo-img-wrapper:hover .overlay-buttons.flip-x {
-webkit-animation: flipInX 0.6s linear 0.3s both;
-moz-animation: flipInX 0.6s linear 0.3s both;
-o-animation: flipInX 0.6s linear 0.3s both;
-ms-animation: flipInX 0.6s linear 0.3s both;
animation: flipInX 0.6s linear 0.3s both;
}
.zozo-img-wrapper:hover .overlay-buttons.flip-y {
-webkit-animation: flipInY 0.6s linear 0.3s both;
-moz-animation: flipInY 0.6s linear 0.3s both;
-o-animation: flipInY 0.6s linear 0.3s both;
-ms-animation: flipInY 0.6s linear 0.3s both;
animation: flipInY 0.6s linear 0.3s both;
}
/* ============ Overlay Positions ============ */
.zozo-img-wrapper .overlay-mask.position-top,
.zozo-img-wrapper .overlay-mask.position-bottom,
.zozo-img-wrapper .overlay-mask.position-top-right,
.zozo-img-wrapper .overlay-mask.position-top-left,
.zozo-img-wrapper .overlay-mask.position-bottom-left,
.zozo-img-wrapper .overlay-mask.position-bottom-right {
transform: none;
-ms-transform: none;
-moz-transform: none;
-o-transform: none;
-webkit-transform: none;
}
.zozo-img-wrapper .overlay-mask.position-right {
right: 0;
left: auto;
text-align: right;
}
.zozo-img-wrapper .overlay-mask.position-left {
right: auto;
left: 0;
text-align: left;
}
.zozo-img-wrapper .overlay-mask.position-top {
top: 0;
bottom: auto;
}
.zozo-img-wrapper .overlay-mask.position-bottom {
bottom: 0;
top: auto;
}
.zozo-img-wrapper .overlay-mask.position-top-right {
top: 0;
bottom: auto;
right: 0;
left: auto;
text-align: right;
}
.zozo-img-wrapper .overlay-mask.position-top-left {
top: 0;
bottom: auto;
right: auto;
left: 0;
text-align: left;
}
.zozo-img-wrapper .overlay-mask.position-bottom-right {
bottom: 0;
top: auto;
right: 0;
left: auto;
text-align: right;
}
.zozo-img-wrapper .overlay-mask.position-bottom-left {
bottom: 0;
top: auto;
right: auto;
left: 0;
text-align: left;
}
/* Portfolio Single */
.portfolio-single .portfolio-desc-title,
.portfolio-single .portfolio-info-title {
text-transform: uppercase;
}
.portfolio-single .portfolio-box p {
margin-bottom: 10px;
}
.single-portfolio-slider.owl-carousel.owl-theme .owl-controls .owl-nav div {
background: rgba(0, 0, 0, 0) linear-gradient(to left, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0) 100%) repeat-x scroll 0 0;
color: #fff;
font-size: 36px;
height: 100%;
line-height: 100%;
top: 0;
transform: none;
width: 10%;
}
.single-portfolio-slider.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev {
background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0) 100%) repeat-x scroll 0 0;
right: auto;
left: 0;
}
.single-portfolio-slider.owl-carousel.owl-theme .owl-controls .owl-nav div i {
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.portfolio-single .zozo-social-share-box .zozo-social-share-icons li a {
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
}
.portfolio-single .portfolio-info-title, .portfolio-single .portfolio-desc-title {
margin: 0 0 12px;
padding: 14px 0;
text-transform: uppercase;
position: relative;
}
.portfolio-single .portfolio-info-title::before, .portfolio-single .portfolio-desc-title::before {
bottom: 0;
content: "";
display: block;
height: 2px;
left: 0;
margin: -2px auto;
position: absolute;
width: 40px;
background: #e1e1e1;
}
/* ================================================================
* SECONDARY MENU
* ================================================================ */
.side-menu {
text-align: center;
}
.secondary_menu {
position: fixed;
background: #2B2B2B;
overflow-y: hidden;
z-index: 300;
padding: 30px 15px 15px;
display: none;
}
.secondary_menu.top {
width: 100%;
}
.secondary_menu.right {
width: 25%;
right: 0;
height: 100%;
}
.secondary_menu.left {
width: 25%;
left: 0;
height: 100%;
padding: 15px;
}
.secondary_menu_close {
float: right;
color: #FFFFFF;
font-size: 22px;
padding-right: 10px;
margin-top: -30px;
}
.secondary_menu.right .secondary_menu_close {
float: left;
}
.secondary_menu .widget {
border: none;
padding: 0;
}
.secondary_menu .widget_nav_menu .menu {
margin: 0;
}
.secondary_menu .widget_nav_menu ul li.menu-item {
padding: 9px 10px;
border-bottom: 1px solid #4F4F4F;
margin: 0;
}
.secondary_menu .widget_nav_menu ul li.menu-item > a {
color: #ddd;
text-transform: uppercase;
display: block;
}
.secondary_menu .widget_text {
color: #777777;
}
.secondary_menu .call-to-action-inner {
background: transparent;
border: none;
padding: 10px 0;
}
.secondary_menu .call-to-action-inner .btn {
padding-top: 7px;
padding-bottom: 7px;
}
/* ================================================================
* TABS
* ================================================================ */
.animated .zozo-tabs .tab-content > .active,
.animated .zozo-accordion .panel-collapse.collapse.in {
visibility: hidden;
}
.animated.visible .zozo-tabs .tab-content > .active,
.animated.visible .zozo-accordion .panel-collapse.collapse.in {
visibility: visible;
}
.zozo-left-vertical .tab-content > .tab-pane,
.zozo-right-vertical .tab-content > .tab-pane {
padding: 0;
}
.tabs-left,
.tabs-right {
border-bottom: none;
}
.nav-tabs.tabs-left > li,
.nav-tabs.tabs-right > li {
float: none;
}
.nav-tabs.tabs-right > li > a {
margin-right: 0;
}
.nav-tabs > li:last-child > a {
margin: 0;
}
.zozo-tabs ul li a i {
padding-right: 10px;
}
.zozo-tabs .nav-tabs > li > a {
cursor: pointer;
background: #f7f7f7;
padding: 10px 20px 11px;
color: #1e1e1e;
text-transform: capitalize;
-webkit-border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0;
-o-border-radius: 2px 2px 0 0;
border-radius: 2px 2px 0 0;
}
.nav-tabs > li > a:hover {
border-color: #fff;
border-bottom-color: #e1e1e1;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li > a:hover,
.nav-tabs > li.active > a:focus {
background: #fff;
color: #555;
}
.zozo-tab-horizontal .nav-tabs {
border: 0px;
}
.zozo-tab-horizontal .nav-tabs > li {
float: none;
display: table-cell;
}
.zozo-tab-horizontal .nav-tabs > li.active a {
border-color: #e1e1e1;
border-bottom-color: transparent;
}
.zozo-tab-horizontal .tab-content {
margin-top: -1px;
border-top: 1px solid;
border-bottom: 1px solid;
border-color: #e1e1e1;
padding: 20px 0;
}
.tab-content > .tab-pane p:last-child {
margin-bottom: 0px;
}
/* Tab Vertical Left & Right */
.zozo-left-vertical .nav-tabs {
float: left;
padding-right: 20px;
}
.zozo-left-vertical .nav-tabs > li > a {
margin-right: 0;
}
.zozo-left-vertical .nav-tabs > li > a,
.zozo-right-vertical .nav-tabs > li > a {
padding: 10px 20px 11px;
border: 1px solid transparent;
border-right-color: #e1e1e1;
margin-bottom: -2px;
-webkit-border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
-ms-border-radius: 2px 0 0 2px;
-o-border-radius: 2px 0 0 2px;
border-radius: 2px 0 0 2px;
}
.zozo-left-vertical .nav-tabs > li.active > a {
border-color: #e1e1e1;
border-right-color: transparent;
}
/* Right Tab */
.zozo-right-vertical .nav-tabs.tabs-right {
float: right;
padding-left: 20px;
}
.zozo-right-vertical .nav-tabs.tabs-right li {
margin-bottom: 1px;
}
.zozo-right-vertical .nav-tabs.tabs-right > li > a {
border: 1px solid transparent;
border-left-color: #e1e1e1;
-webkit-border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
-ms-border-radius: 0 2px 2px 0;
-o-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
}
.zozo-right-vertical .nav-tabs.tabs-right > li.active > a {
border-color: #e1e1e1;
border-left-color: transparent;
}
/* ================================================================
* ACCORDION
* ================================================================ */
/* Accordion Default */
.panel-group {
margin-bottom: 0;
}
.zozo-accordion-default .zozo-accordion-panel.panel {
border: 0px;
}
.zozo-accordion-default .zozo-accordion-panel.panel.panel-default {
margin: 0;
}
.zozo-accordion.zozo-accordion-default .panel-title a {
padding: 9px 0px;
font-weight: 600;
border-bottom: 1px solid #e1e1e1;
line-height: 30px;
}
.zozo-accordion.zozo-accordion-default .panel-title a.collapsed {
color: #333;
}
.zozo-accordion.zozo-accordion-default .panel-body {
padding: 15px 0;
}
.zozo-accordion.zozo-accordion-default .panel-title a:after {
content: none;
display: none;
}
/* Accordion classic */
.zozo-accordion.zozo-accordion-classic {
padding: 5px 20px;
border: 1px solid #e1e1e1;
}
.zozo-accordion-classic .zozo-accordion-panel.panel.panel-default {
margin: 0;
border: 0px;
border-bottom: 1px solid #e1e1e1;
}
.zozo-accordion-classic .zozo-accordion-panel.panel.panel-default:last-child {
border-bottom: 0px;
}
.zozo-accordion.zozo-accordion-classic .panel-title a {
border: 0px;
line-height: 30px;
padding: 9px 0px;
border-bottom: 1px solid #e1e1e1;
}
.zozo-accordion.zozo-accordion-classic .panel-title a.collapsed {
border-bottom: 0px;
color: #333;
}
.zozo-accordion.zozo-accordion-classic .panel-body {
padding: 15px 0;
}
/* =============== Blockquote =============== */
blockquote.blockquote-reverse:before {
left: auto;
right: 0;
}
/* ================================================================
* CLIENT SLIDER
* ================================================================ */
.zozo-client-slider-wrapper .owl-carousel.owl-theme .owl-dots {
margin-top: 20px;
}
.zozo-client-grid {
margin: 0 -15px;
}
.zozo-client-grid .client-item {
text-align: center;
margin-bottom: 15px;
}
.zozo-client-grid img {
margin: 0 auto;
border: 1px solid #e1e1e1;
border-left: 2px solid #333;
padding: 15px;
transition: 0.3s all ease-in-out;
-webkit-transition: 0.3s all ease-in-out;
-moz-transition: 0.3s all ease-in-out;
-ms-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
}
/* Client Grid Column*/
.client-columns-4 .client-grid-spacer .client-item,
.client-columns-3 .client-grid-spacer .client-item,
.client-columns-2 .client-grid-spacer .client-item {
margin-bottom: 30px;
}
.client-columns-4 .client-grid-spacer .client-item:nth-last-child(4),
.client-columns-4 .client-grid-spacer .client-item:nth-last-child(3),
.client-columns-4 .client-grid-spacer .client-item:nth-last-child(2),
.client-columns-4 .client-grid-spacer .client-item:nth-last-child(1),
.client-columns-3 .client-grid-spacer .client-item:nth-last-child(3),
.client-columns-3 .client-grid-spacer .client-item:nth-last-child(2),
.client-columns-3 .client-grid-spacer .client-item:nth-last-child(1),
.client-columns-2 .client-grid-spacer .client-item:nth-last-child(2),
.client-columns-2 .client-grid-spacer .client-item:nth-last-child(1) {
margin-bottom: 0;
}
/* ================================================================
* WIDGETS
* ================================================================ */
.widget {
margin-bottom: 15px;
}
.sidebar .widget {
margin-bottom: 30px;
}
.widget-title {
border-bottom: 1px solid #e1e1e1;
}
.sidebar .widget-title {
margin-top: 0;
}
.widget.widget_search {
padding: 0;
border: none;
}
.widget.widget_search .widget-title {
display: none;
}
.widget input,
.widget select,
.widget textarea {
width: 100%;
}
.widget ul {
padding: 0px;
list-style: none;
margin-bottom: 0;
}
.widget li {
list-style: none;
line-height: 26px;
}
.widget.widget_recent_entries li a,
.widget.widget_recent_comments li .comment-author-link a,
.widget.zozo_category_posts_widget li a,
.widget.widget_categories li a,
.widget.widget_archive li a,
.widget.widget_meta li a,
.widget.widget_nav_menu li a,
.widget.widget_edd_categories_tags_widget li a {
color: #7f7f7f;
padding-left: 20px;
position: relative;
}
.widget.widget_recent_entries li a:before,
.widget.widget_recent_comments li .comment-author-link a:before,
.widget.zozo_category_posts_widget li a:before,
.widget.widget_categories li a:before,
.widget.widget_archive li a:before,
.widget.widget_meta li a:before,
.widget.widget_nav_menu li a:before,
.widget.widget_edd_categories_tags_widget li a:before {
content: "\f105";
display: block;
font-family: FontAwesome;
left: 0;
position: absolute;
color: inherit;
top: -5px;
}
.widget.widget_recent_entries li a:hover,
.widget.widget_recent_comments li a:hover,
.widget.zozo_category_posts_widget li a:hover,
.widget.widget_categories li a:hover,
.widget.widget_archive li a:hover,
.widget.widget_meta li a:hover,
.widget.widget_nav_menu li a:hover,
.widget.widget_edd_categories_tags_widget li a:hover {
color: #333;
}
.widget_archive li,
.widget_categories li,
.widget_meta li,
.widget_pages li,
.widget_nav_menu li {
margin: 5px 0;
}
.widget_rss li {
margin: 12px 0;
}
/*Latest post*/
.widget.zozo_popular_posts_widget li.posts-item {
border-bottom: 1px dashed #e1e1e1;
margin-bottom: 10px;
padding: 15px 0;
}
.widget.zozo_popular_posts_widget li.posts-item:last-child {
border: none;
margin-bottom: 0;
}
.sidebar .zozo-latest-posts .posts-title {
font-size: 15px;
font-weight: 700;
margin-bottom: 8px;
text-transform: uppercase;
}
.sidebar .zozo-latest-posts .posts-title a {
color: #333333;
}
.sidebar .zozo-latest-posts .latest-post-img {
height: 65px;
width: 65px;
}
.sidebar .zozo-latest-posts p {
font-size: 12px;
line-height: 20px;
margin-bottom: 5px;
}
/*Counter Widget*/
.sidebar .zozo-count-number .zozo-counter-count {
line-height: 16px;
color: #7f7f7f;
}
.sidebar .zozo-count-number .zozo-counter-count > .counter {
color: #333333;
padding-left: 10px;
}
.posts-item,
.cat-posts-item {
margin: 5px 0;
}
.widget_recent_entries li {
margin: 5px 0;
}
.widget_recent_entries .post-date {
display: block;
}
.widget_recent_entries li:first-child {
border-top: 0;
}
.posts-item:last-child {
margin-bottom: 0;
}
.posts-title {
margin-top: 0;
}
.widget_nav_menu ul li.menu-item .sub-menu {
margin-top: 5px;
}
.latest-posts-menu .entry-date {
font-size: 13px;
color: #7f7f7f;
}
.latest-post-img {
width: 60px;
height: 60px;
float: left;
margin: 0 10px 0 0;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
}
/* Call To Action */
.zozo_call_to_action_widget {
padding: 0;
}
.call-to-action-inner {
padding: 2px 0px 12px;
}
.call-to-action-inner h2 {
margin: 0 0 10px;
}
.call-btn-col {
padding-top: 3px;
}
.zozo-call-action .call-action-text {
border-bottom: 0px;
line-height: 25px;
margin-top: 0;
}
.zozo_flickr_widget,
.zozo_instagram_widget {
overflow: hidden;
}
.flickr_photo_item,
.instagram-item {
margin: 0;
padding: 0;
float: left;
max-width: 33.3%;
width: 100%;
}
.flickr_photo_item.image-thumbnail,
.instagram-item.image-thumbnail {
width: 20%;
}
.flickr_photo_item.image-medium,
.instagram-item.image-medium {
width: 25%;
}
.flickr_photo_item.image-large,
.instagram-item.image-large {
width: 33.33%;
}
.flickr_photo_item img,
.instagram-item img {
width: 100%;
padding: 0 2px 2px 0;
}
.flickr_photo_item:hover {
opacity: 0.7;
}
.widget.zozo_tabs_widget {
border: none;
padding: 0;
}
.zozo-tabs-widget .tab-content > .tab-pane {
border-width: 0 1px 1px;
border-style: solid;
border-color: #ddd;
padding: 14px 16px;
background: #fff;
float: left;
width: 100%;
}
.zozo-tabs-widget .nav-tabs li h6 {
margin: 0;
padding: 0;
}
.zozo-tabs-widget .nav-tabs li h6 a {
display: block;
border: 1px solid;
border-color: transparent;
border-bottom: 0px;
padding: 10px 15px;
text-transform: uppercase;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-o-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0;
-webkit-transition: all 350ms ease-in-out 0s;
-moz-transition: all 350ms ease-in-out 0s;
-ms-transition: all 350ms ease-in-out 0s;
-o-transition: all 350ms ease-in-out 0s;
transition: all 350ms ease-in-out 0s;
}
.zozo-tabs-widget .nav-tabs li.active h6 a {
background: #fff;
border-color: #ddd;
}
.zozo_tabs_widget .tab-content ul {
float: none;
}
.zozo-tabs-widget .nav-tabs li h6 a:hover {
background-color: #fff;
border-color: #ddd #ddd transparent;
}
.zozo-tabs-widget img {
max-width: 60px;
}
.widget-posts-list li {
padding-bottom: 15px;
border-bottom: 1px solid;
border-color: #DFDFDF;
margin-bottom: 15px;
clear: both;
overflow: hidden;
display: table;
width: 100%;
}
.tab-content .widget-posts-list li {
padding-left: 0;
}
ul.widget-posts-list {
margin-bottom: 0;
}
.widget-posts-list li:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.widget-posts-list li:last-child {
border-bottom: none;
}
.widget-posts-list .widget-entry-image {
display: table-cell;
vertical-align: top;
padding: 0 10px 0 0;
width: 60px;
}
.widget-posts-list .widget-entry-content h6 {
margin-top: 0;
}
#tab-comments .widget-posts-list .widget-entry-image {
padding-top: 0;
}
.widget-posts-list .widget-entry-meta i {
padding-right: 4px;
}
.widget-entry-content {
display: inline-block;
}
.widget-title {
text-transform: uppercase;
}
.tagcloud {
padding-top: 5px;
}
.tagcloud a {
border-radius: 0;
color: #333;
display: inline-block;
font-size: 11px !important;
letter-spacing: 1px;
margin-bottom: 5px;
padding: 0 15px;
text-transform: capitalize;
}
.tagcloud a:hover {
color: #FFFFFF;
}
/* Facebook Widget */
.fbCustom .fb_iframe_widget span {
width: 100% !important;
}
.fb-like-box,
.fb-like-box .fb_iframe_widget iframe {
width: 100%;
}
.zozo_facebook_like_box {
padding-top: 10px;
}
/* Twitter */
.widget .tweet-item {
padding-bottom: 20px;
position: relative;
}
.widget .tweet-item p {
margin-bottom: 0;
}
.widget li .tweet-user-name a {
font-size: 16px;
text-decoration: none !important;
padding-left: 40px;
color: #333;
}
.widget .tweet-item a {
text-decoration: underline;
font-size: 10px;
margin-right: 5px;
}
.widget .tweet-item {
position: relative;
padding: 10px 0 15px;
}
.widget .tweet-item:nth-child(2n+1) {
border-bottom: 1px dashed #c2c0c0;
}
.widget .tweet-item p {
font-size: 13px;
padding-top: 5px;
}
.widget .tweet-time {
color: #7f7f7f;
position: relative;
padding-left: 6px;
font-size: 16px;
}
.widget .tweet-item h5:before {
color: #333;
content: "\f099";
display: block;
font-family: "FontAwesome";
font-size: 14px;
height: 30px;
left: 0;
line-height: 30px;
position: absolute;
text-align: center;
width: 30px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
}
.widget .tweet-time:before {
background: #7f7f7f;
content: "";
cursor: pointer;
height: 17px;
left: -2px;
position: absolute;
top: 4px;
width: 2px;
}
.widget .tweet-item a {
font-size: 16px;
}
/* Car Sevice Widget */
.widget .menu-services-menu-container ul li a {
background: #f1f1f1 none repeat scroll 0 0;
display: block;
padding: 10px 12px;
}
.widget .menu-services-menu-container ul li a::before {
left: auto;
right: 16px;
top: 9px;
}
.widget .menu-services-menu-container ul li.current-menu-item a,
.widget .menu-services-menu-container ul li a:hover,
.widget .menu-services-menu-container ul li.current-menu-item a:hover {
color: #fff;
}
/* Footer services */
.footer-widgets .widget.widget_nav_menu li a:before {
content: none;
}
.footer-widgets .widget .menu-services-menu-container ul li a,
.footer-widgets .widget .menu-services-menu-container ul li a:hover,
.footer-widgets .widget .menu-services-menu-container ul li.current-menu-item a,
.footer-widgets .widget .menu-services-menu-container ul li.current-menu-item a:hover {
background: transparent;
display: block;
padding: 0;
}
/* List Simple */
.list.simple li {
margin-bottom: 4px;
}
.list.simple span {
min-width: 40%;
float: left;
font-weight: 900;
}
/* VC Gallery */
.widget .wpb_gallery.wpb_content_element,
.widget .slick-slider {
margin-bottom: 0;
}
/* ================================================================
* PLUGINS
* ================================================================ */
/* Events List Widgets */
.widget.tribe-events-list-widget ol {
padding-left: 0;
}
.widget .tribe-events-list-widget-events h4.entry-title {
font-size: 16px;
line-height: 20px;
margin: 0 0 10px;
text-transform: uppercase;
}
.widget .tribe-events-list-widget-events h4.entry-title a {
color: #333;
}
.tribe-events-list-widget ol li {
margin-bottom: 0;
}
.tribe-events-adv-list-widget .tribe-events-widget-link a,
.tribe-events-back a,
.tribe-events-list-widget .tribe-events-widget-link a,
ul.tribe-events-sub-nav a {
font-weight: normal;
}
.widget .ecs-event {
padding: 10px;
background: #f1f1f1;
margin-bottom: 20px;
}
.widget .ecs-event-list img {
margin-bottom: 5px !important;
}
.widget .ecs-event-list h4.entry-title.summary {
font-size: 16px;
margin-bottom: 0;
}
.widget .ecs-event p:last-child {
margin-bottom: 0;
}
/* ================================================================
* FOOTER WIDGETS
* ================================================================ */
.footer-widgets .widget h3 {
background: none;
padding-left: 15px;
margin: 0 0 8px;
padding: 0;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
/*border-bottom: 1px solid #e1e1e1;*/
}
.footer-widgets .widget h3.widget-title {
color: #333;
}
.footer-widgets .widget {
margin-bottom: 10px;
border: none;
}
.footer-widgets .widget,
.footer-widgets .widget p .footer-widgets .widget .zozo-count-number h3 {
color: #7f7f7f;
}
.footer-widgets .widget .zozo-mailchimp-form .form-control {
background: transparent;
border: 1px solid #e1e1e1;
box-shadow: 0 1px #ffffff, 0 1px 4px rgba(0, 0, 0, 0.05) inset;
-ms-box-shadow: 0 1px #ffffff, 0 1px 4px rgba(0, 0, 0, 0.05) inset;
-moz-box-shadow: 0 1px #ffffff, 0 1px 4px rgba(0, 0, 0, 0.05) inset;
-o-box-shadow: 0 1px #ffffff, 0 1px 4px rgba(0, 0, 0, 0.05) inset;
-webkit-box-shadow: 0 1px #ffffff, 0 1px 4px rgba(0, 0, 0, 0.05) inset;
font-size: 12px;
height: 40px;
line-height: 40px;
min-height: 40px;
padding: 8px 12px;
width: 100%;
}
.footer-skin-dark .footer-widgets .widget .zozo-mailchimp-form .form-control {
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
background: #454545;
border-color: #454545;
}
.footer-widgets .widget .zozo-count-number h3 {
margin-bottom: 0;
border-bottom: none;
}
.footer-widgets .widget .zozo-mailchimp-form {
margin-bottom: 10px;
}
.footer-widgets .widget .tagcloud a {
color: #333;
}
.footer-widgets .widget .tagcloud a:hover {
color: #fff;
}
.footer-widgets .widget .zozo-call-action a.btn-call-action:hover,
.footer-widgets .widget a.btn:hover {
color: #fff;
}
/* Popular Post */
.footer-widgets .widget.zozo_popular_posts_widget li.posts-item {
padding: 5px 0;
margin-bottom: 5px;
}
.footer-widgets .widget.zozo_popular_posts_widget li.posts-item .posts-title {
margin-bottom: 0;
}
/* counter */
.footer-widgets .widget h3.zozo-counter-count {
line-height: 2;
letter-spacing: 1px;
}
/* ================================================================
* TIME TABLE
* ================================================================ */
.time-table .table > tbody > tr > td,
.time-table .table > tbody > tr > th,
.time-table .table > tfoot > tr > td,
.time-table .table > tfoot > tr > th,
.time-table .table > thead > tr > td,
.time-table .table > thead > tr > th {
padding: 20px 8px;
text-align: center;
vertical-align: middle;
text-transform: capitalize;
}
.time-table .table.table-bordered > tbody > tr > td,
.time-table .table.table-bordered > tbody > tr > th,
.time-table .table.table-bordered > tfoot > tr > td,
.time-table .table.table-bordered > tfoot > tr > th,
.time-table .table.table-bordered > thead > tr > td,
.time-table .table.table-bordered > thead > tr > th {
border-color: #EDEDED;
}
.time-table .table > thead {
color: #fff;
}
.time-table .table > thead > tr > th {
border: none;
}
.time-table .table > thead > tr > th,
.time-table .table > tbody > tr > td:first-child {
font-size: 18px;
font-weight: 700;
}
/* ================================================================
* CUSTOM CSS
* ================================================================ */
a:hover,
a:active,
a:focus {
/*color: #333;*/
}
.btn.btn-search:hover,
.btn.btn-search:active,
.btn.btn-search:focus {
background: #e5e5e5;
color: #474747;
}
/* ================================================================
* WORDPRESS GALLERIES
* ================================================================ */
.gallery {
margin-bottom: 20px;
clear: both;
overflow: hidden;
}
.gallery-item {
float: left;
margin: 0 4px 4px 0;
overflow: hidden;
position: relative;
}
.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
display: table;
margin: 0 auto 20px;
}
.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item {
text-align: center;
}
.gallery-columns-2 .gallery-item {
max-width: 48%;
max-width: -webkit-calc(50% - 4px);
max-width: calc(50% - 4px);
}
.gallery-columns-3 .gallery-item {
max-width: 31.333%;
max-width: -webkit-calc(33.333% - 4px);
max-width: calc(33.333% - 4px);
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: -webkit-calc(25% - 4px);
max-width: calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: -webkit-calc(20% - 4px);
max-width: calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: -webkit-calc(16.7% - 4px);
max-width: calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: -webkit-calc(14.28% - 4px);
max-width: calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: -webkit-calc(12.5% - 4px);
max-width: calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: -webkit-calc(11.1% - 4px);
max-width: calc(11.1% - 4px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0;
}
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1),
.gallery-columns-4.gallery-size-thumbnail figure.gallery-item:nth-of-type(4n+1),
.gallery-columns-5.gallery-size-thumbnail figure.gallery-item:nth-of-type(5n+1) {
clear: left;
}
.gallery-caption {
background-color: rgba(0, 0, 0, 0.7);
box-sizing: border-box;
color: #fff;
font-size: 14px;
line-height: 1.3;
margin: 0;
max-height: 50%;
opacity: 0;
padding: 2px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
width: 100%;
}
.gallery-caption:before {
box-shadow: 0 -10px 15px #000 inset;
-moz-box-shadow: 0 -10px 15px #000 inset;
-webkit-box-shadow: 0 -10px 15px #000 inset;
-o-box-shadow: 0 -10px 15px #000 inset;
-ms-box-shadow: 0 -10px 15px #000 inset;
content: "";
height: 100%;
min-height: 49px;
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
/* ================================================================
* EVENTS CALENDAR
* ================================================================ */
#tribe-events .tribe-events-button,
.tribe-events-button,
#tribe-bar-form .tribe-bar-submit input[type="submit"] {
border: 0 none;
border-radius: 3px;
color: #333;
font-size: 13px;
font-weight: normal;
letter-spacing: 0;
line-height: 22px;
padding: 9px 12px;
text-transform: capitalize;
width: auto;
}
#tribe-bar-form .tribe-bar-submit input[type="submit"]:hover,
#tribe-events .tribe-events-button:hover,
.tribe-events-button.tribe-active:hover,
.tribe-events-button.tribe-inactive,
.tribe-events-button:hover,
#tribe-bar-form .tribe-bar-submit input[type="submit"]:hover,
#tribe-bar-form .tribe-bar-submit input[type="submit"]:active,
#tribe-bar-form .tribe-bar-submit input[type="submit"]:focus {
color: #fff;
}
.events-list .tribe-events-loop,
.single-tribe_organizer .tribe-events-loop,
.single-tribe_venue .tribe-events-loop,
.tribe-events-day .tribe-events-loop {
max-width: none;
}
#tribe-bar-form {
background: transparent;
border: 1px solid #e1e1e1;
}
/*.tribe-bar-views-inner, #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a, #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option.tribe-bar-active a:hover {
background: #ededed;
}*/
#tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a:hover {
background: transparent;
}
#tribe-bar-form label {
margin-bottom: 10px;
font-size: 14px;
text-transform: capitalize;
}
#tribe-bar-form input[type="text"] {
border: 1px solid #e1e1e1;
padding: 5px 10px;
font-size: 14px;
height: 40px;
font-weight: normal;
border-radius: 3px;
-webkit-border-radius: 3px;
}
.tribe-events-list .tribe-events-event-cost span {
color: #333;
padding: 9px 12px;
line-height: 22px;
border-radius: 3px;
font-weight: normal;
}
.single-tribe_events .tribe-events-schedule .tribe-events-divider {
vertical-align: middle;
}
.tribe-bar-date-filter,
.tribe-bar-search-filter {
width: 50%;
}
.tribe-bar-submit {
margin: 0 15px 18px;
padding: 0;
}
.tribe-bar-views-inner,
#tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a,
#tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option.tribe-bar-active a:hover {
background: transparent;
}
/*.tribe-events-list .type-tribe_events h2 a,
.tribe-events-list-event-title.entry-title.summary a,
.tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"] > a,
#tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type="submit"], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] > a {
color: #333;
}*/
#tribe-events-content table.tribe-events-calendar {
border: 1px solid #e1e1e1;
}
.tribe-events-meta-group .tribe-events-single-section-title {
border-bottom: 1px solid #e1e1e1;
text-transform: uppercase;
margin: 5px 0 15px;
}
.tribe-events-event-meta .column,
.tribe-events-event-meta .tribe-events-meta-group {
padding: 0 20px;
margin-bottom: 10px;
}
.single-tribe_events #tribe-events-content .tribe-events-event-meta dt {
font-weight: 600;
padding-bottom: 7px;
margin-top: 20px;
}
.tribe-events-notices {
float: left;
width: 100%;
}
/* TRIBE EVENT TITLE */
.tribe-events-list h2.tribe-events-page-title,
h2.tribe-events-page-title {
font-size: 28px;
font-weight: 500;
line-height: 40px;
margin: 0 0 45px;
position: relative;
text-transform: uppercase;
}
h2.tribe-events-page-title:after {
bottom: -25px;
content: "";
display: block;
height: 2px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
width: 40px;
}
.tribe-events-calendar thead th {
background: #333;
}
.tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"],
.tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"] > a {
background: #f7f7f7;
color: #333;
}
/* LIST VIEW */
.tribe-events-list .type-tribe_events {
border-bottom: 1px dashed #e1e1e1;
padding-bottom: 30px;
}
.tribe-events-list .time-details {
color: #7c7c7c;
margin: 10px 0 20px;
}
.tribe-events-event-meta address.tribe-events-address,
.tribe-events-list .tribe-events-venue-details {
font-style: normal;
}
.tribe-events-list-separator-month span {
padding: 0 15px;
font-weight: 300;
}
.tribe-events-list-separator-month:after {
border-bottom: 4px double #e1e1e1;
}
/* DAY VIEW */
.tribe-events-day .tribe-events-day-time-slot h5 {
padding: 20px 0;
background: #F7F7F7;
border: 1px solid #e1e1e1;
color: #333;
}
.tribe-events-day .tribe-events-day-time-slot .type-tribe_events {
margin-left: 0;
}
.single-tribe_events .tribe-events-meta-group .tribe-events-venue-map {
margin: 20px 0 10px;
}
/* Events calender Single */
.single-tribe_events .tribe-events-event-meta {
background: #f7f7f7;
border: 1px solid #e1e1e1;
}
/* The Events Calender Shortcode */
.ecs-event-list {
padding-left: 0;
list-style: none;
}
.zozo-events-list-wrapper.style-list .ecs-event {
margin-bottom: 20px;
}
.zozo-events-list-wrapper.style-list .ecs-event:last-child {
margin-bottom: 0;
}
.ecs-event .ecs-event-inner {
padding: 15px;
background: #f7f7f7;
border: 1px solid #e1e1e1;
}
.skin-transparent .ecs-event .ecs-event-inner {
background: none;
border: 1px solid #7c7c7c;
}
.ecs-event .event-title {
margin: 0 0 15px;
}
.ecs-event-list h4.entry-title.summary {
font-size: 20px;
line-height: 30px;
margin-top: 0;
}
.zozo-events-list-wrapper.style-list .ecs-event-list img {
margin-right: 20px;
margin-bottom: 0;
float: left;
}
.zozo-events-list-wrapper.style-grid .ecs-event-list img {
margin-bottom: 15px;
}
.zozo-events-list-wrapper.style-grid .ecs-clearfix {
margin-bottom: 30px;
}
.ecs-event-list .duration {
font-style: italic;
font-size: 13px;
}
.ecs-event-list .duration.time {
vertical-align: top;
}
/* Ultimate Addon */
.uvc-heading-spacer.line_with_icon .aio-icon {
vertical-align: top;
}
.ult-carousel-wrapper .animated,
.icon_list_item .animated {
visibility: visible;
}
.flip-pad-tb-30 .ifb-flip-box-section {
padding-top: 30px;
padding-bottom: 30px;
}
.flip-box-wrap,
.wpb_row .wpb_column .wpb_wrapper .flip-box-wrap {
margin-bottom: 0 !important;
}
.smile-icon-timeline-wrap .timeline-separator-text .sep-text {
color: inherit;
padding: 5px 14px;
}
.vc_row .ult-vc-seperator {
z-index: 9;
}
.vc_row .ult-easy-separator-wrapper {
z-index: 50;
}
.bg-style.bg-normal .ult-vc-seperator svg {
fill: inherit;
}
.uvc-type-wrap .ultimate-ticker-down-prefix,
.uvc-type-wrap .ultimate-ticker-down-suffix,
.uvc-type-wrap .ultimate-ticker-prefix,
.uvc-type-wrap .ultimate-ticker-suffix,
.ultimate-vticker.ticker,
.ultimate-vticker.ticker-down {
vertical-align: middle;
}
.stats-desc .stats-text > h4 {
margin-bottom: 0;
}
.info-circle-wrapper .info-c-full h3 {
margin-bottom: 15px;
}
/*Feature Page*/
.feature-carousel .zozo-feature-box.feature-box-style,
.feature-carousel .ult-carousel-wrapper {
margin-bottom: 0;
}
.wpb_column.bg-position-left,
.wpb_row.bg-position-left {
background-position: left center !important;
}
.wpb_column.bg-position-bottom,
.wpb_row.bg-position-bottom {
background-position: bottom center !important;
}
.wpb_column.bg-position-center,
.wpb_row.bg-position-center {
background-position: center center !important;
background-repeat: no-repeat;
}
.wpb_column.bg-position-right,
.wpb_row.bg-position-right {
background-position: right center !important;
}
/* VC blog masonry Grid box */
.vc_gitem_row .vc_gitem-col {
padding: 10px 15px;
}
/* List Item Hexagon */
.smile_icon_list.hexagon li .icon_list_icon {
color: #333;
}
.icon_description:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.icon_description:after,
.icon_description:before {
content: "";
display: table;
}
.icon_description_text {
margin-top: 10px;
}
/* Creative Links */
.wpb_single_image .vc_figure {
max-width: 100%;
}
/* Ultimate Addon Pricing */
/* Pricing Btn : hover */
.ult_pricing_table_wrap.ult-cs-custom .ult_pricing_table .ult_price_link .ult_price_action_button:hover,
.ult_pricing_table_wrap.ult-cs-custom .ult_pricing_table .ult_price_link .ult_price_action_button:active,
.ult_pricing_table_wrap.ult-cs-custom .ult_pricing_table .ult_price_link .ult_price_action_button:focus {
background: #000;
}
/* Pricing Hightlight Bg */
.ult_pricing_table_wrap.ult-cs-custom .ult_pricing_table .ult_price_body_block,
.ult_pricing_table_wrap.ult-cs-custom .ult_pricing_table .ult_pricing_heading {
color: #fff;
}
/* Pricing Hightlight Bg : hover */
.ult_pricing_table_wrap.ult-cs-custom:hover .ult_pricing_table .ult_price_body_block,
.ult_pricing_table_wrap.ult-cs-custom:hover .ult_pricing_table .ult_pricing_heading {
background: #000;
}
/* Pricing Style 3 */
.ult_pricing_table_wrap.ult-cs-custom.ult_design_3 .ult_pricing_table {
background: #F7F7F7;
color: #fff;
}
.ult_pricing_table_wrap.ult-cs-custom.ult_design_3 .ult_pricing_table ul li {
border-bottom: 1px solid #e1e1e1;
color: #777 !important;
}
/* Pricing Style 4 */
.ult_pricing_table_wrap.ult-cs-custom.ult_design_4 .ult_pricing_table {
border-top-color: #000;
}
.ult_pricing_table_wrap.ult-cs-custom.ult_design_4 .ult_pricing_table .ult_price_link .ult_price_action_button:hover,
.ult_pricing_table_wrap.ult-cs-custom.ult_design_4 .ult_pricing_table .ult_price_link .ult_price_action_button:active,
.ult_pricing_table_wrap.ult-cs-custom.ult_design_4 .ult_pricing_table .ult_price_link .ult_price_action_button:focus {
background: #000;
}
/* ================================================================
* SITEMAP
* ================================================================ */
.sitemap-wrapper ul {
list-style: none;
padding-left: 20px;
}
.sitemap-wrapper ul.sitemap-nav {
padding-left: 0;
}
.sitemap-wrapper ul li a {
color: #333;
padding-left: 15px;
position: relative;
text-transform: capitalize;
}
.sitemap-wrapper ul li a::after {
content: "\f105";
font-family: FontAwesome;
left: 0;
position: absolute;
}
.sitemap-wrapper .sitemap-pages h6.parallax-title {
margin-top: 0;
}
.sitemap-wrapper h6.parallax-title {
margin-top: 20px;
margin-bottom: 20px;
}
.sitemap-wrapper .parallax-title::after {
bottom: -7px;
}
/* ================================================================
* SPACINGS
* ================================================================ */
.padding-none {
padding: 0 !important
}
.padding-top-none {
padding-top: 0 !important
}
.padding-bottom-none {
padding-bottom: 0 !important
}
.padding-left-none {
padding-left: 0 !important
}
.padding-right-none {
padding-right: 0 !important
}
.padding-top-10 {
padding-top: 10px
}
.padding-top-20 {
padding-top: 20px
}
.padding-top-30 {
padding-top: 30px
}
.padding-top-40 {
padding-top: 40px
}
.padding-top-50 {
padding-top: 50px
}
.padding-top-60 {
padding-top: 60px
}
.padding-top-70 {
padding-top: 70px
}
.padding-top-75 {
padding-top: 75px
}
.padding-top-80 {
padding-top: 80px
}
.padding-top-90 {
padding-top: 90px
}
.padding-top-100 {
padding-top: 100px
}
.padding-top-110 {
padding-top: 110px
}
.padding-bottom-10 {
padding-bottom: 10px
}
.padding-bottom-20 {
padding-bottom: 20px
}
.padding-bottom-30 {
padding-bottom: 30px
}
.padding-bottom-40 {
padding-bottom: 40px
}
.padding-bottom-50 {
padding-bottom: 50px
}
.padding-bottom-60 {
padding-bottom: 60px
}
.padding-bottom-70 {
padding-bottom: 70px
}
.padding-bottom-75 {
padding-bottom: 75px
}
.padding-bottom-80 {
padding-bottom: 80px
}
.padding-bottom-90 {
padding-bottom: 90px
}
.padding-bottom-100 {
padding-bottom: 100px
}
.padding-bottom-110 {
padding-bottom: 110px
}
.padding-10 {
padding: 10px
}
.padding-20 {
padding: 20px
}
.padding-30 {
padding: 30px
}
.padding-40 {
padding: 40px
}
.padding-50 {
padding: 50px
}
.padding-60 {
padding: 60px
}
.padding-70 {
padding: 70px
}
.padding-75 {
padding: 75px
}
.padding-80 {
padding: 80px
}
.padding-90 {
padding: 90px
}
.padding-100 {
padding: 100px
}
.padding-110 {
padding: 110px
}
.padding-tb-10 {
padding-top: 10px;
padding-bottom: 10px
}
.padding-tb-20 {
padding-top: 20px;
padding-bottom: 20px
}
.padding-tb-30 {
padding-top: 30px;
padding-bottom: 30px
}
.padding-tb-40 {
padding-top: 40px;
padding-bottom: 40px
}
.padding-tb-50 {
padding-top: 50px;
padding-bottom: 50px
}
.padding-tb-60 {
padding-top: 60px;
padding-bottom: 60px
}
.padding-tb-70 {
padding-top: 70px;
padding-bottom: 70px
}
.padding-tb-75 {
padding-top: 75px;
padding-bottom: 75px
}
.padding-tb-80 {
padding-top: 80px;
padding-bottom: 80px
}
.padding-tb-90 {
padding-top: 90px;
padding-bottom: 90px
}
.padding-tb-100 {
padding-top: 100px;
padding-bottom: 100px
}
.padding-tb-110 {
padding-top: 110px;
padding-bottom: 110px
}
.padding-lr-10 {
padding-left: 10px;
padding-right: 10px
}
.padding-lr-20 {
padding-left: 20px;
padding-right: 20px
}
.padding-lr-30 {
padding-left: 30px;
padding-right: 30px
}
.padding-lr-40 {
padding-left: 40px;
padding-right: 40px
}
.padding-lr-50 {
padding-left: 50px;
padding-right: 50px
}
.padding-lr-60 {
padding-left: 60px;
padding-right: 60px
}
.padding-lr-70 {
padding-left: 70px;
padding-right: 70px
}
.padding-lr-75 {
padding-left: 75px;
padding-right: 75px
}
.padding-lr-80 {
padding-left: 80px;
padding-right: 80px
}
.padding-lr-90 {
padding-left: 90px;
padding-right: 90px
}
.padding-lr-100 {
padding-left: 100px;
padding-right: 100px
}
.padding-lr-110 {
padding-left: 110px;
padding-right: 110px
}
.margin-none {
margin: 0 !important
}
.margin-top-none {
margin-top: 0 !important
}
.margin-bottom-none {
margin-bottom: 0 !important
}
.margin-left-none {
margin-left: 0 !important
}
.margin-right-none {
margin-right: 0 !important
}
.margin-top-10 {
margin-top: 10px
}
.margin-top-20 {
margin-top: 20px
}
.margin-top-30 {
margin-top: 30px
}
.margin-top-40 {
margin-top: 40px
}
.margin-top-50 {
margin-top: 50px
}
.margin-top-60 {
margin-top: 60px
}
.margin-top-70 {
margin-top: 70px
}
.margin-top-75 {
margin-top: 75px
}
.margin-top-80 {
margin-top: 80px
}
.margin-top-90 {
margin-top: 90px
}
.margin-top-100 {
margin-top: 100px
}
.margin-top-110 {
margin-top: 110px
}
.margin-bottom-10 {
margin-bottom: 10px
}
.margin-bottom-20 {
margin-bottom: 20px
}
.margin-bottom-30 {
margin-bottom: 30px
}
.margin-bottom-40 {
margin-bottom: 40px
}
.margin-bottom-50 {
margin-bottom: 50px
}
.margin-bottom-60 {
margin-bottom: 60px
}
.margin-bottom-70 {
margin-bottom: 70px
}
.margin-bottom-75 {
margin-bottom: 75px !important
}
.margin-bottom-80 {
margin-bottom: 80px
}
.margin-bottom-90 {
margin-bottom: 90px
}
.margin-bottom-100 {
margin-bottom: 100px
}
.margin-bottom-110 {
margin-bottom: 110px
}
.margin-10 {
margin: 10px
}
.margin-20 {
margin: 20px
}
.margin-30 {
margin: 30px
}
.margin-40 {
margin: 40px
}
.margin-50 {
margin: 50px
}
.margin-60 {
margin: 60px
}
.margin-70 {
margin: 70px
}
.margin-75 {
margin: 75px
}
.margin-80 {
margin: 80px
}
.margin-90 {
margin: 90px
}
.margin-100 {
margin: 100px
}
.margin-110 {
margin: 110px
}
.margin-tb-10 {
margin-top: 10px;
margin-bottom: 10px
}
.margin-tb-20 {
margin-top: 20px;
margin-bottom: 20px
}
.margin-tb-30 {
margin-top: 30px;
margin-bottom: 30px
}
.margin-tb-40 {
margin-top: 40px;
margin-bottom: 40px
}
.margin-tb-50 {
margin-top: 50px;
margin-bottom: 50px
}
.margin-tb-60 {
margin-top: 60px;
margin-bottom: 60px
}
.margin-tb-70 {
margin-top: 70px;
margin-bottom: 70px
}
.margin-tb-75 {
margin-top: 75px;
margin-bottom: 75px
}
.margin-tb-80 {
margin-top: 80px;
margin-bottom: 80px
}
.margin-tb-90 {
margin-top: 90px;
margin-bottom: 90px
}
.margin-tb-100 {
margin-top: 100px;
margin-bottom: 100px
}
.margin-tb-110 {
margin-top: 110px;
margin-bottom: 110px
}
.margin-lr-10 {
margin-left: 10px;
margin-right: 10px
}
.margin-lr-20 {
margin-left: 20px;
margin-right: 20px
}
.margin-lr-30 {
margin-left: 30px;
margin-right: 30px
}
.margin-lr-40 {
margin-left: 40px;
margin-right: 40px
}
.margin-lr-50 {
margin-left: 50px;
margin-right: 50px
}
.margin-lr-60 {
margin-left: 60px;
margin-right: 60px
}
.margin-lr-70 {
margin-left: 70px;
margin-right: 70px
}
.margin-lr-75 {
margin-left: 75px;
margin-right: 75px
}
.margin-lr-80 {
margin-left: 80px;
margin-right: 80px
}
.margin-lr-90 {
margin-left: 90px;
margin-right: 90px
}
.margin-lr-100 {
margin-left: 100px;
margin-right: 100px
}
.margin-lr-110 {
margin-left: 110px;
margin-right: 110px
}
.padding-right-30 {
padding-right: 30px;
}
.padding-left-50 {
padding-left: 50px;
}
/* ================================================================
* DARK SKINS
* ================================================================ */
/* ===================
* HEADER
=================== */
/* DARK */
.header-section.header-skin-dark .header-top-section,
.header-section.header-skin-dark .header-logo-section,
.header-section.header-skin-dark .header-main-section,
.header-section.header-skin-dark .is-sticky .header-main-section,
.header-section.header-skin-dark .dropdown-menu,
.header-section.header-skin-dark .dropdown-menu > li,
.header-section.header-skin-dark .sub-menu,
.header-section.header-skin-dark .sub-menu > li,
.header-section.header-skin-dark .zozo-megamenu,
.header-section.header-skin-dark .zozo-megamenu-wrapper,
.header-section.header-skin-dark .woo-cart-contents,
.header-section.header-skin-dark .header-toggle-content,
.header-section.header-skin-dark .header-toggle-section,
.header-section.header-skin-dark .header-sidenav-section,
.header-skin-dark.mobile-header-section,
.is-sticky .header-skin-dark.header-transparent.mobile-header-section,
.is-sticky .header-skin-dark.header-semi-transparent.mobile-header-section,
.header-section.header-skin-dark .header-main-section.header-toggle-visible {
background: rgba(0, 0, 0, 1) url("images/header-dark-bg.jpeg") repeat;
}
.header-section.header-skin-dark,
.header-section.header-skin-dark a,
.header-skin-dark.mobile-header-section a {
color: #fff;
}
.header-skin-dark.mobile-header-section .mobile-menu-item a.menu-bars-link span,
.header-skin-dark.mobile-header-section .mobile-menu-item a.menu-bars-link span:before,
.header-skin-dark.mobile-header-section .mobile-menu-item a.menu-bars-link span:after,
.header-skin-dark.header-section a.menu-bars-link span,
.header-skin-dark.header-section a.menu-bars-link span:before,
.header-skin-dark.header-section a.menu-bars-link span:after {
background: #fff;
}
.header-skin-dark .header-top-section,
.header-section.header-skin-dark .woo-cart-contents,
.header-section.header-skin-dark .woo-cart-contents .woo-cart-item,
.header-section.header-skin-dark.header-fullwidth-menu .header-logo-section,
.header-section.header-skin-dark .header-toggle-section,
.header-section.header-skin-dark .header-sidenav-section .zozo-vertical-side-bar .main-bar-item .zozo-main-nav > li > a,
.header-section.header-skin-dark .header-sidenav-section .zozo-vertical-side-bar .zozo-main-nav.navbar-nav .dropdown-menu a,
.header-section.header-skin-dark .zozo-main-nav .zozo-megamenu-submenu li:before,
.header-section.header-skin-dark .dropdown-menu li:before {
border-color: #444444;
}
.header-section.header-skin-dark .form-control,
.header-section.header-skin-dark .woo-cart-item a.remove.remove-cart-item {
background: #2e2e2e;
border-color: #7c7c7c;
color: #fff;
}
.header-section.header-skin-dark .header-top-section .top-menu-navigation .navbar-nav > li:after,
.header-section.header-skin-dark.type-header-3 .header-main-section .zozo-main-bar:before,
{
background: #7c7c7c;
}
.header-skin-dark .form-control::-moz-placeholder {
color: #fff;
}
.header-skin-dark .form-control:-ms-input-placeholder {
color: #fff;
}
.header-skin-dark .form-control::-webkit-input-placeholder {
color: #fff;
}
.header-skin-dark .zozo-social-icons.soc-icon-transparent li a i {
color: #fff;
}
/* TRANSPARENT */
.header-section.header-transparent .header-top-section,
.header-section.header-transparent .header-logo-section,
.header-section.header-transparent .header-main-section,
.header-section.header-transparent .header-top-section .form-control,
.header-transparent.mobile-header-section {
background: transparent;
}
.header-section.header-transparent .header-top-section,
.header-section.header-transparent .header-main-section,
.header-section.header-transparent .header-top-section .form-control,
.header-section.header-transparent.header-fullwidth-menu .header-logo-section .header-section.header-semi-transparent .header-top-section,
.header-section.header-semi-transparent .header-main-section,
.header-section.header-semi-transparent .header-top-section .form-control,
.header-section.header-semi-transparent.header-fullwidth-menu .header-logo-section {
border-color: rgba(0, 0, 0, 0.2);
}
.header-section.header-transparent .header-top-section .top-menu-navigation .navbar-nav > li:after,
.header-section.header-semi-transparent .header-top-section .top-menu-navigation .navbar-nav > li:after,
.header-section.header-transparent.type-header-3 .header-main-section .zozo-main-bar:before,
.header-section.header-semi-transparent.type-header-3 .header-main-section .zozo-main-bar:before {
background: rgba(0, 0, 0, 0.2);
}
/* TRANSPARENT - DARK */
.header-section.header-skin-dark.header-transparent .header-top-section,
.header-section.header-skin-dark.header-transparent .header-main-section,
.header-section.header-skin-dark.header-transparent .header-top-section .form-control,
.header-section.header-skin-dark.header-transparent.header-fullwidth-menu .header-logo-section .header-section.header-skin-dark.header-semi-transparent .header-top-section,
.header-section.header-skin-dark.header-semi-transparent .header-main-section,
.header-section.header-skin-dark.header-semi-transparent .header-top-section .form-control,
.header-section.header-skin-dark.header-semi-transparent.header-fullwidth-menu .header-logo-section {
border-color: rgba(255, 255, 255, 0.2);
}
.header-section.header-skin-dark.header-transparent .header-top-section .top-menu-navigation .navbar-nav > li:after,
.header-section.header-skin-dark.header-semi-transparent .header-top-section .top-menu-navigation .navbar-nav > li:after,
.header-section.header-skin-dark.header-transparent.type-header-3 .header-main-section .zozo-main-bar:before,
.header-section.header-skin-dark.header-semi-transparent.type-header-3 .header-main-section .zozo-main-bar:before {
background: rgba(255, 255, 255, 0.2);
}
/* SEMI TRANSPARENT - LIGHT*/
.header-section.header-semi-transparent .header-top-section,
.header-section.header-semi-transparent .header-logo-section,
.header-section.header-semi-transparent .header-main-section,
.header-section.header-semi-transparent .header-top-section .form-control,
.header-semi-transparent.mobile-header-section {
background: rgba(255, 255, 255, 0.7);
}
.header-section.header-semi-transparent .header-main-section.header-toggle-visible {
background: #fff;
}
/* SEMI TRANSPARENT - DARK*/
.header-section.header-skin-dark.header-semi-transparent .header-top-section,
.header-section.header-skin-dark.header-semi-transparent .header-logo-section,
.header-section.header-skin-dark.header-semi-transparent .header-main-section,
.header-section.header-skin-dark.header-semi-transparent .header-top-section .form-control,
.header-skin-dark.header-semi-transparent.mobile-header-section {
background: rgba(0, 0, 0, 0.7);
}
.header-section.header-skin-dark.header-semi-transparent .header-main-section.header-toggle-visible {
background: #000;
}
/* MENU - LIGHT SKIN*/
.header-section.header-menu-skin-light .header-main-section,
.header-section.header-menu-skin-light .is-sticky .header-main-section,
.header-section.header-menu-skin-light .header-main-section .dropdown-menu,
.header-section.header-menu-skin-light .header-main-section .dropdown-menu > li,
.header-section.header-menu-skin-light .header-main-section .sub-menu,
.header-section.header-menu-skin-light .header-main-section .sub-menu > li,
.header-section.header-menu-skin-light .header-main-section .zozo-megamenu,
.header-section.header-menu-skin-light .header-main-section .woo-cart-contents,
.header-section.header-menu-skin-light .header-main-section .header-toggle-content,
.header-section.header-menu-skin-light .header-main-section .header-toggle-section,
.header-section.header-menu-skin-light .header-main-section .header-sidenav-section,
.header-section.header-menu-skin-light .header-main-section .form-control,
.header-sectiont.header-skin-light.header-transparent .is-sticky .header-main-section {
background: #fff;
}
.header-section.header-menu-skin-light .header-main-section .woo-cart-item a.remove.remove-cart-item {
background: #f5f5f5;
}
.header-section.header-menu-skin-light .header-main-section,
.header-section.header-menu-skin-light .header-main-section a,
.header-section.header-menu-skin-light .header-main-section .woo-cart-item a.remove.remove-cart-item {
color: #333;
}
.header-section.header-menu-skin-light .header-main-section .woo-cart-contents,
.header-section.header-menu-skin-light .header-main-section .woo-cart-contents .woo-cart-item,
.header-section.header-menu-skin-light .header-main-section .header-toggle-section,
.header-section.header-menu-skin-light .header-main-section .form-control {
border-color: #e1e1e1;
}
.header-section.header-menu-skin-light .header-main-section .form-control::-moz-placeholder {
color: #333;
}
.header-section.header-menu-skin-light .header-main-section .form-control:-ms-input-placeholder {
color: #333;
}
.header-section.header-menu-skin-light .header-main-section .form-control::-webkit-input-placeholder {
color: #333;
}
.header-section.header-menu-skin-light .header-main-section .zozo-social-icons.soc-icon-transparent i {
color: #333;
}
/* MENU - DARK SKIN*/
.header-section.header-menu-skin-dark .header-main-section,
.header-section.header-menu-skin-dark .is-sticky .header-main-section,
.header-section.header-menu-skin-dark .header-main-section .dropdown-menu,
.header-section.header-menu-skin-dark .header-main-section .dropdown-menu > li,
.header-section.header-menu-skin-dark .header-main-section .sub-menu,
.header-section.header-menu-skin-dark .header-main-section .sub-menu > li,
.header-section.header-menu-skin-dark .header-main-section .zozo-megamenu,
.header-section.header-menu-skin-dark .header-main-section .zozo-megamenu-wrapper,
.header-section.header-menu-skin-dark .header-main-section .woo-cart-contents,
.header-section.header-menu-skin-dark .header-main-section .header-toggle-content,
.header-section.header-menu-skin-dark .header-main-section .header-toggle-section,
.header-section.header-menu-skin-dark .header-main-section .header-sidenav-section,
.header-section.header-menu-skin-dark .header-main-section .form-control {
background: rgba(0, 0, 0, 1) url("images/header-dark-bg.jpg") repeat;
}
.header-section.header-menu-skin-dark .header-main-section .woo-cart-item a.remove.remove-cart-item {
background: #333;
}
.header-section.header-menu-skin-dark .header-main-section,
.header-section.header-menu-skin-dark .header-main-section a,
.header-section.header-menu-skin-dark .header-main-section .woo-cart-item a.remove.remove-cart-item {
color: #FFF;
}
.header-section.header-menu-skin-dark .header-main-section .woo-cart-contents,
.header-section.header-menu-skin-dark .header-main-section .woo-cart-contents .woo-cart-item,
.header-section.header-menu-skin-dark .header-main-section .header-toggle-section,
.header-section.header-menu-skin-dark .header-main-section .form-control,
.header-section.header-menu-skin-dark .header-main-section .zozo-main-nav .zozo-megamenu-submenu li:before,
.header-section.header-menu-skin-dark .header-main-section .dropdown-menu li:before {
border-color: #444444;
}
.header-section.header-menu-skin-dark .header-main-section .form-control::-moz-placeholder {
color: #fff;
}
.header-section.header-menu-skin-dark .header-main-section .form-control:-ms-input-placeholder {
color: #fff;
}
.header-section.header-menu-skin-dark .header-main-section .form-control::-webkit-input-placeholder {
color: #fff;
}
.header-section.header-menu-skin-dark .zozo-social-icons.soc-icon-transparent i {
color: #fff;
}
/* Dark Skin */
body.theme-skin-dark,
.theme-skin-dark .main-section {
background: #333;
border-color: #7c7c7c;
color: #fff;
}
.theme-skin-dark hr,
.theme-skin-dark legend {
border-color: #7c7c7c;
}
.theme-skin-dark a:hover,
.theme-skin-dark a:active,
.theme-skin-dark a:focus,
.bg-skin-dark a:hover,
.bg-skin-dark a:active,
.bg-skin-dark a:focus {
color: #fff;
}
.theme-skin-dark .bg-style.dark-wrapper {
background: #000;
}
.bg-style.dark-grey-wrapper {
background: #222;
}
.theme-skin-dark input,
.theme-skin-dark .input,
.theme-skin-dark input.form-control,
.theme-skin-dark select,
.theme-skin-dark select.form-control,
.theme-skin-dark textarea,
.bg-skin-dark input,
.bg-skin-dark .input,
.bg-skin-dark input.form-control,
.bg-skin-dark select,
.bg-skin-dark select.form-control,
.bg-skin-dark textarea {
border-color: #7c7c7c;
background: #2e2e2e;
}
.theme-skin-dark table th,
.theme-skin-dark table td,
.bg-skin-dark table th,
.bg-skin-dark table td {
border-color: #7c7c7c;
}
/* Page Title */
.theme-skin-dark .page-title-section {
border-color: #7c7c7c;
}
/* Feature Box */
.theme-skin-dark .zozo-feature-box.feature-box-style.style-overlay-box .grid-box-inner,
.bg-skin-dark .zozo-feature-box.feature-box-style.style-overlay-box .grid-box-inner {
border: 1px solid #7c7c7c;
}
.theme-skin-dark .grid-item .grid-box-inner .grid-overlay-top,
.bg-skin-dark .grid-item .grid-box-inner .grid-overlay-top {
background: #2e2e2e;
}
.theme-skin-dark .grid-overlay-top .grid-title,
.bg-skin-dark .grid-overlay-top .grid-title {
color: #fff;
}
.theme-skin-dark .style-sep-yes .grid-item .grid-button,
.bg-skin-dark .style-sep-yes .grid-item .grid-button {
border-top-color: #7c7c7c;
}
.theme-skin-dark .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape,
.theme-skin-dark .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape,
.bg-skin-dark .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape,
.bg-skin-dark .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape {
background-color: #2e2e2e;
}
.theme-skin-dark .zozo-feature-box.style-box-with-bg .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape,
.theme-skin-dark .zozo-feature-box.style-box-with-bg .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape,
.bg-skin-dark .zozo-feature-box.style-box-with-bg .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape,
.bg-skin-dark .zozo-feature-box.style-box-with-bg .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape {
background-color: #333;
}
.theme-skin-dark .zozo-feature-box.style-box-with-bg,
.bg-skin-dark .zozo-feature-box.style-box-with-bg {
background-color: #2e2e2e;
}
/* Services Box */
.theme-skin-dark .zozo-vc-service-box .service-box-inner,
.bg-skin-dark .zozo-vc-service-box .service-box-inner {
background: #2e2e2e;
border: 1px solid #7c7c7c;
}
.theme-skin-dark .zozo-vc-service-box .service-box-content h4,
.bg-skin-dark .zozo-vc-service-box .service-box-content h4 {
border-bottom-color: #7c7c7c;
}
/* Pricing Table */
.theme-skin-dark .zozo-pricing-table-wrapper,
.bg-skin-dark .zozo-pricing-table-wrapper {
background: #2e2e2e;
}
.theme-skin-dark .zozo-pricing-item .pricing-icon-wrapper > i,
.bg-skin-dark .zozo-pricing-item .pricing-icon-wrapper > i {
background-color: #2e2e2e;
border-color: #7c7c7c;
}
/* Accordion */
.typo-light .vc_tta-accordion.vc_tta-style-default .vc_tta-panel-title > a,
.typo-light .zozo-accordion.zozo-accordion-default .panel-title a {
border-bottom-color: #7c7c7c;
color: #fff;
}
.typo-light .zozo-accordion .panel-title a.collapsed {
color: #fff;
}
/* Progress Bar */
.theme-skin-dark .vc_progress_bar .vc_single_bar,
.bg-skin-dark .vc_progress_bar .vc_single_bar {
background: #7c7c7c;
}
/* Testimonials Slider */
.theme-skin-dark .testimonial-item.tstyle-border2 .testimonial-img,
.bg-skin-dark .testimonial-item.tstyle-border2 .testimonial-img {
background: #333;
border-color: #7c7c7c;
}
.theme-skin-dark .testimonial-item.tstyle-border2,
.bg-skin-dark .testimonial-item.tstyle-border2 {
border-color: #7c7c7c;
}
.theme-skin-dark .testimonial-item.tstyle-border .testimonial-content:after {
border-color: #333 transparent transparent;
}
.bg-style.dark-grey-wrapper .testimonial-item.tstyle-border .testimonial-content:after {
border-color: #222 transparent transparent;
}
.bg-style.dark-wrapper .testimonial-item.tstyle-border .testimonial-content:after {
border-color: #000 transparent transparent;
}
/* Contact Form */
.theme-skin-dark .input,
.theme-skin-dark input.form-control,
.theme-skin-dark select,
.theme-skin-dark select.form-control,
.theme-skin-dark .form-control,
.bg-skin-dark .input,
.bg-skin-dark input.form-control,
.bg-skin-dark select,
.bg-skin-dark select.form-control,
.bg-skin-dark .form-control {
background: #2e2e2e;
border-color: #7c7c7c;
color: #fff;
}
/* Contact Form 7 */
.theme-skin-dark .wpcf7 textarea,
.theme-skin-dark .wpcf7 .wpcf7-text,
.bg-skin-dark .wpcf7 textarea,
.bg-skin-dark .wpcf7 .wpcf7-text,
.theme-skin-dark .wpcf7-form-control,
.bg-skin-dark .wpcf7-form-control {
background: #2e2e2e;
border-color: #7c7c7c;
color: #fff;
}
.theme-skin-dark .wpcf7 .wpcf7-form-control::-moz-placeholder {
color: #fff;
opacity: 1;
}
.theme-skin-dark .wpcf7 .wpcf7-form-control:-ms-input-placeholder {
color: #fff;
}
.theme-skin-dark .wpcf7 .wpcf7-form-control::-webkit-input-placeholder {
color: #fff;
}
.bg-skin-dark .wpcf7 .wpcf7-form-control::-moz-placeholder {
color: #fff;
opacity: 1;
}
.bg-skin-dark .wpcf7 .wpcf7-form-control:-ms-input-placeholder {
color: #fff;
}
.bg-skin-dark .wpcf7 .wpcf7-form-control::-webkit-input-placeholder {
color: #fff;
}
/* Blog */
.theme-skin-dark .grid-posts,
.bg-skin-dark .grid-posts {
background: #2e2e2e;
}
.theme-skin-dark h2.entry-title a,
.bg-skin-dark h2.entry-title a {
color: #fff;
}
.theme-skin-dark .list-posts,
.bg-skin-dark .list-posts {
border-color: #7c7c7c;
}
.theme-skin-dark .post .btn-more.read-more-link:hover,
.theme-skin-dark .post .btn-more.read-more-link:active,
.theme-skin-dark .post .btn-more.read-more-link:focus,
.bg-skin-dark .post .btn-more.read-more-link:hover,
.bg-skin-dark .post .btn-more.read-more-link:active,
.bg-skin-dark .post .btn-more.read-more-link:focus {
color: #fff;
}
/*Day Counter */
.theme-skin-dark .countdown-section,
.bg-skin-dark .countdown-section {
background: #2e2e2e;
}
/* VC Post Masonry grid */
.theme-skin-dark .vc_grid-item .vc_gitem-zone,
.bg-skin-dark .vc_grid-item .vc_gitem-zone,
.theme-skin-dark .vc_grid-item .vc_grid-item-mini,
.bg-skin-dark .vc_grid-item .vc_grid-item-mini {
background: #2e2e2e !important;
}
/*Vc Tab */
.theme-skin-dark .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab > a,
.bg-skin-dark .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab > a,
.theme-skin-dark .vc_tta-color-white.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels,
.bg-skin-dark .vc_tta-color-white.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {
background: #2e2e2e;
border-color: #7c7c7c;
color: #fff;
}
.theme-skin-dark .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab > a,
.bg-skin-dark .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab > a {
background: #2e2e2e;
color: #fff;
}
.theme-skin-dark .vc_tta.vc_general .vc_tta-tab.vc_active > a,
.bg-skin-dark .vc_tta.vc_general .vc_tta-tab.vc_active > a {
color: #333;
}
/*Zozo tab */
.theme-skin-dark .nav-tabs,
.theme-skin-dark .zozo-tabs-widget .tab-content > .tab-pane,
.theme-skin-dark .widget-posts-list li,
.theme-skin-dark .zozo-tabs-widget .nav-tabs li.active h6 a,
.theme-skin-dark .zozo-tabs-widget .nav-tabs li h6 a:hover,
.bg-skin-dark .nav-tabs,
.bg-skin-dark .zozo-tabs-widget .tab-content > .tab-pane,
.bg-skin-dark .widget-posts-list li,
.bg-skin-dark .zozo-tabs-widget .nav-tabs li.active h6 a,
.bg-skin-dark .zozo-tabs-widget .nav-tabs li h6 a:hover {
border-color: #7c7c7c;
}
.theme-skin-dark .zozo-tabs-widget .nav-tabs li.active h6 a,
.bg-skin-dark .zozo-tabs-widget .nav-tabs li.active h6 a {
background: #333;
}
.theme-skin-dark .vc_tta-controls-align-left .vc_tta-tabs-list,
.theme-skin-dark .vc_tta-controls-align-right .vc_tta-tabs-list,
.bg-skin-dark .vc_tta-controls-align-left .vc_tta-tabs-list,
.bg-skin-dark .vc_tta-controls-align-right .vc_tta-tabs-list {
border-color: #7c7c7c;
}
/* Vc Pricing Table */
.ult_pricing_table_wrap.ult_design_1 .ult_pricing_table .ult_price_link {
background: #2e2e2e;
}
/* Contact Info */
.theme-skin-dark .zozo-social-icons.social-style-bordered li a,
.bg-skin-dark .zozo-social-icons.social-style-bordered li a {
border-color: #7c7c7c;
}
/* Widget */
.theme-skin-dark .widget-title {
border-color: #7c7c7c;
color: #fff;
}
.theme-skin-dark .widget.widget_recent_entries li a,
.theme-skin-dark .widget.widget_recent_comments li .comment-author-link a,
.theme-skin-dark .widget.zozo_category_posts_widget li a,
.theme-skin-dark .widget.widget_categories li a,
.theme-skin-dark .widget.widget_archive li a,
.theme-skin-dark .widget.widget_meta li a,
.theme-skin-dark .widget.widget_nav_menu li a,
.theme-skin-dark .widget.widget_edd_categories_tags_widget li a {
color: #fff;
}
/*Footer*/
.footer-skin-dark .zozo-footer-nav.navbar-nav > li > a:hover {
color: #fff;
}
/* Woocommerce Widget */
.theme-skin-dark .widget_product_categories .product-categories li a,
.theme-skin-dark .woocommerce ul.product_list_widget li a {
color: #fff;
}
.theme-skin-dark .widget_product_categories .product-categories li .count {
background: #2e2e2e;
}
.theme-skin-dark.woocommerce ul.product_list_widget li,
.theme-skin-dark.woocommerce-page ul.product_list_widget li,
.theme-skin-dark .widget .woocommerce-product-search .search-field {
border-color: #7c7c7c;
}
.theme-skin-dark.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.theme-skin-dark.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle {
background: #fff;
}
/* Events Calender */
.theme-skin-dark .ecs-event .ecs-event-inner,
.bg-skin-dark .ecs-event .ecs-event-inner {
background: #2e2e2e;
border-color: #7c7c7c;
}
/* Shop - Woo-commerce */
.theme-skin-dark .woo-dropdown > li,
.theme-skin-dark .woo-sort-ordering > li,
.theme-skin-dark .woo-dropdown > li .order-sub-dropdown {
background: #2e2e2e;
border-color: #7c7c7c;
color: #ffffff;
}
.theme-skin-dark .woo-dropdown > li strong {
color: #ffffff;
}
.theme-skin-dark .woo-dropdown > li:before {
background: #7c7c7c;
}
.theme-skin-dark.woocommerce .star-rating:before,
.theme-skin-dark.woocommerce-page .star-rating:before {
color: #7c7c7c;
}
.theme-skin-dark.woocommerce ul.products li.product,
.theme-skin-dark.woocommerce-page ul.products li.product,
.theme-skin-dark ul.products li.product {
background: #2e2e2e;
}
.theme-skin-dark.woocommerce ul.products li.product h3 > a,
.theme-skin-dark ul.products li.product h3 > a {
color: #fff;
}
.theme-skin-dark .wcmp-product,
.theme-skin-dark .wpb_row .wpb_column .wpb_wrapper .wcmp-product {
border-color: #7c7c7c;
}
.theme-skin-dark.woocommerce #content nav.woocommerce-pagination ul li a,
.theme-skin-dark.woocommerce nav.woocommerce-pagination ul li a,
.theme-skin-dark.woocommerce-page #content nav.woocommerce-pagination ul li a,
.theme-skin-dark.woocommerce-page nav.woocommerce-pagination ul li a,
.theme-skin-dark.woocommerce #content nav.woocommerce-pagination ul li span,
.theme-skin-dark.woocommerce nav.woocommerce-pagination ul li span,
.theme-skin-dark.woocommerce-page #content nav.woocommerce-pagination ul li span,
.theme-skin-dark.woocommerce-page nav.woocommerce-pagination ul li span {
color: #fff;
}
.theme-skin-dark.woocommerce #content nav.woocommerce-pagination ul li a:focus,
.theme-skin-dark.woocommerce #content nav.woocommerce-pagination ul li a:hover,
.theme-skin-dark.woocommerce #content nav.woocommerce-pagination ul li span.current,
.theme-skin-dark.woocommerce nav.woocommerce-pagination ul li a:focus,
.theme-skin-dark.woocommerce nav.woocommerce-pagination ul li a:hover,
.theme-skin-dark.woocommerce nav.woocommerce-pagination ul li span.current,
.theme-skin-dark.woocommerce-page #content nav.woocommerce-pagination ul li a:focus,
.theme-skin-dark.woocommerce-page #content nav.woocommerce-pagination ul li a:hover,
.theme-skin-dark.woocommerce-page #content nav.woocommerce-pagination ul li span.current,
.theme-skin-dark.woocommerce-page nav.woocommerce-pagination ul li a:focus,
.theme-skin-dark.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.theme-skin-dark.woocommerce-page nav.woocommerce-pagination ul li span.current {
color: #333;
}
/* Woo-commerce Single */
.theme-skin-dark.woocommerce #content div.product div.images img,
.theme-skin-dark.woocommerce div.product div.images img,
.theme-skin-dark.woocommerce-page #content div.product div.images img,
.theme-skin-dark.woocommerce-page div.product div.images img {
border-color: #7c7c7c;
}
.theme-skin-dark .product-meta-info-wrapper .product-meta-item {
border-color: #7c7c7c;
background: #2e2e2e;
}
.theme-skin-dark .zozo-social-share-box .zozo-social-share-icons li a,
.theme-skin-dark .zozo-social-share-box .zozo-social-share-icons li a {
border-color: #7c7c7c;
color: #fff;
}
.theme-skin-dark.woocommerce #content div.product .woocommerce-tabs .panel,
.theme-skin-dark.woocommerce div.product .woocommerce-tabs .panel,
.theme-skin-dark.woocommerce-page #content div.product .woocommerce-tabs .panel,
.theme-skin-dark.woocommerce-page div.product .woocommerce-tabs .panel {
border-color: #7c7c7c;
background: #333;
}
.theme-skin-dark.woocommerce #reviews #comments ol.commentlist li .comment-text,
.theme-skin-dark.woocommerce-page #reviews #comments ol.commentlist li .comment-text {
border-color: #7c7c7c;
}
.theme-skin-dark.woocommerce #review_form #respond textarea {
color: #fff;
}
.theme-skin-dark.woocommerce div.product .woocommerce-tabs ul.tabs li a {
color: #fff;
}
.theme-skin-dark.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
.theme-skin-dark.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.theme-skin-dark.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active,
.theme-skin-dark.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
background: #333;
border-color: #7c7c7c;
}
.theme-skin-dark.woocommerce .woocommerce-error,
.theme-skin-dark.woocommerce .woocommerce-info,
.theme-skin-dark.woocommerce .woocommerce-message,
.theme-skin-dark.woocommerce-page .woocommerce-error,
.theme-skin-dark.woocommerce-page .woocommerce-info,
.theme-skin-dark.woocommerce-page .woocommerce-message {
background: #2e2e2e;
color: #fff;
border-color: #7c7c7c;
}
/*Woocommerce Cart */
.theme-skin-dark.woocommerce-page .shop_table.cart thead,
.theme-skin-dark.woocommerce .shop_table.cart thead {
background: #2e2e2e none repeat scroll 0 0;
}
.theme-skin-dark.woocommerce table.shop_table,
.theme-skin-dark.woocommerce-page table.shop_table,
.theme-skin-dark.woocommerce table.shop_table td,
.theme-skin-dark.woocommerce-page table.shop_table td,
.theme-skin-dark.woocommerce #content table.cart img,
.theme-skin-dark.woocommerce table.cart img,
.theme-skin-dark.woocommerce-page #content table.cart img,
.theme-skin-dark.woocommerce-page table.cart img {
border-color: #7c7c7c;
}
.theme-skin-dark.woocommerce #content table.cart td.actions .coupon .input-text,
.theme-skin-dark.woocommerce table.cart td.actions .coupon .input-text,
.theme-skin-dark.woocommerce-page #content table.cart td.actions .coupon .input-text,
.theme-skin-dark.woocommerce-page table.cart td.actions .coupon .input-text {
border-color: #7c7c7c;
}
.theme-skin-dark.woocommerce table.shop_table thead,
.theme-skin-dark.woocommerce-page table.shop_table thead,
.theme-skin-dark.woocommerce table.shop_table th,
.theme-skin-dark.woocommerce-page table.shop_table th {
color: #fff;
border-color: #7c7c7c;
}
.theme-skin-dark .woo-cart-totals-container tr td,
.theme-skin-dark .payment_box p {
color: #fff;
}
.theme-skin-dark .select2-drop-active,
.theme-skin-dark .select2-container .select2-choice {
border-color: #7c7c7c;
background: #2e2e2e;
color: #fff;
}
.theme-skin-dark .woocommerce #order_review .shop_table thead tr th,
.theme-skin-dark .woocommerce #order_review .shop_table .cart_item:last-child td,
.theme-skin-dark .woocommerce-checkout #payment ul.payment_methods,
.theme-skin-dark .woocommerce #order_review .payment_methods.methods > li {
border-color: #7c7c7c;
}
.theme-skin-dark .select2-results {
background: #2e2e2e;
}
.theme-skin-dark .select2-results .select2-highlighted {
background: #000;
color: #fff;
}
.theme-skin-dark .shop_table.cart td.product-name > a {
color: #fff;
}
.theme-skin-dark .zozo-woocommerce-thank-you .order_info,
.theme-skin-dark .woocommerce .order_details li {
border-color: #7c7c7c;
}
.theme-skin-dark .woocommerce .widget_shopping_cart .cart_list li a.remove,
.theme-skin-dark .woocommerce.widget_shopping_cart .cart_list li a.remove {
background: #2e2e2e;
}
/* Woocommerce Beta */
.theme-skin-dark .woocomposer_list ul.wcmp-product-list li,
.bg-skin-dark .woocomposer_list ul.wcmp-product-list li {
border-color: #7c7c7c;
}
/* BuddyPress */
.theme-skin-dark #buddypress #whats-new-form,
.theme-skin-dark #buddypress #item-body form#whats-new-form,
.theme-skin-dark #buddypress ul.item-list li,
.theme-skin-dark #buddypress ul.item-list li,
.theme-skin-dark #buddypress .activity-list li.load-more,
.theme-skin-dark #buddypress .activity-list li.load-newest {
background: #2e2e2e;
border-color: #7c7c7c;
}
.theme-skin-dark #buddypress form#whats-new-form #whats-new-avatar,
.theme-skin-dark #buddypress ul.item-list li img.avatar,
.theme-skin-dark #buddypress div#item-header img.avatar,
.theme-skin-dark #buddypress ul.item-list li img.avatar {
background: #333;
border-color: #7c7c7c;
}
.theme-skin-dark #buddypress div.item-list-tabs ul li a,
.theme-skin-dark #buddypress div.item-list-tabs ul li span {
background: #2e2e2e;
border-color: #7c7c7c;
color: #fff;
}
.theme-skin-dark #buddypress table.forum tr td.label,
.theme-skin-dark #buddypress table.messages-notices tr td.label,
.theme-skin-dark #buddypress table.notifications tr td.label,
.theme-skin-dark #buddypress table.notifications-settings tr td.label,
.theme-skin-dark #buddypress table.profile-fields tr td.label,
.theme-skin-dark #buddypress table.wp-profile-fields tr td.label {
border-color: #7c7c7c;
color: #fff;
}
.theme-skin-dark #buddypress .standard-form input:focus,
.theme-skin-dark #buddypress .standard-form select:focus,
.theme-skin-dark #buddypress .standard-form textarea:focus {
background: #2e2e2e;
}
.theme-skin-dark .bp-avatar-nav ul.avatar-nav-items li.current,
.theme-skin-dark .bp-avatar-nav ul {
border-color: #7c7c7c;
}
.theme-skin-dark #buddypress form#whats-new-form textarea {
color: #fff;
}
/* BB Press */
.theme-skin-dark #bbpress-forums li.bbp-header {
background: #2e2e2e;
}
.theme-skin-dark #bbpress-forums,
.theme-skin-dark #bbpress-forums ul.bbp-lead-topic,
.theme-skin-dark #bbpress-forums ul.bbp-topics,
.theme-skin-dark #bbpress-forums ul.bbp-forums,
.theme-skin-dark #bbpress-forums ul.bbp-replies,
.theme-skin-dark #bbpress-forums ul.bbp-search-results,
.theme-skin-dark #bbpress-forums li.bbp-body ul.forum,
.theme-skin-dark #bbpress-forums li.bbp-body ul.topic {
border-color: #7c7c7c;
}
.theme-skin-dark #bbpress-forums div.odd,
.theme-skin-dark #bbpress-forums ul.odd,
.theme-skin-dark #bbpress-forums li.bbp-footer,
.theme-skin-dark #bbpress-forums fieldset.bbp-form,
.theme-skin-dark #bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
border-color: #7c7c7c;
}
.theme-skin-dark #bbpress-forums .bbp-body .bbp-forum-title,
.theme-skin-dark #bbpress-forums .bbp-body .bbp-topic-permalink,
.theme-skin-dark li.bbp-forum-freshness a,
.theme-skin-dark li.bbp-topic-freshness a,
.theme-skin-dark #bbpress-forums div.bbp-topic-content a,
.theme-skin-dark #bbpress-forums div.bbp-reply-content a,
.theme-skin-dark #bbpress-forums #bbp-single-user-details #bbp-user-navigation a {
color: #fff;
}
.theme-skin-dark div.bbp-template-notice,
.theme-skin-dark div.indicator-hint,
.theme-skin-dark div.bbp-template-notice.info {
border-color: #7c7c7c;
background: #2e2e2e;
color: #fff;
}
div.bbp-template-notice a,
div.bbp-template-notice a:hover {
color: #fff;
}
.theme-skin-dark #bbpress-forums div.even,
.theme-skin-dark #bbpress-forums ul.even {
background: #2e2e2e;
}
.theme-skin-dark .quicktags-toolbar {
background: #2e2e2e
}
.theme-skin-dark #bbpress-forums div.bbp-the-content-wrapper input:hover,
.theme-skin-dark #bbpress-forums div.bbp-the-content-wrapper input:focus {
background: #222;
color: #fff;
}
.theme-skin-dark .bbp-pagination-links a,
.theme-skin-dark .bbp-pagination-links span.current {
border-color: #7c7c7c;
}
.theme-skin-dark #bbpress-forums div.even,
.theme-skin-dark #bbpress-forums div.bbp-reply-header {
border-color: #7c7c7c;
background: #2e2e2e;
}
.theme-skin-dark #buddypress .dir-search input[type="search"],
.theme-skin-dark #buddypress .dir-search input[type="text"],
.theme-skin-dark #buddypress .groups-members-search input[type="search"],
.theme-skin-dark #buddypress .groups-members-search input[type="text"],
.theme-skin-dark #buddypress .standard-form input[type="color"],
.theme-skin-dark #buddypress .standard-form input[type="date"],
.theme-skin-dark #buddypress .standard-form input[type="datetime-local"],
.theme-skin-dark #buddypress .standard-form input[type="datetime"],
.theme-skin-dark #buddypress .standard-form input[type="email"],
.theme-skin-dark #buddypress .standard-form input[type="month"],
.theme-skin-dark #buddypress .standard-form input[type="number"],
.theme-skin-dark #buddypress .standard-form input[type="password"],
.theme-skin-dark #buddypress .standard-form input[type="range"],
.theme-skin-dark #buddypress .standard-form input[type="search"],
.theme-skin-dark #buddypress .standard-form input[type="tel"],
.theme-skin-dark #buddypress .standard-form input[type="text"],
.theme-skin-dark #buddypress .standard-form input[type="time"],
.theme-skin-dark #buddypress .standard-form input[type="url"],
.theme-skin-dark #buddypress .standard-form input[type="week"],
.theme-skin-dark #buddypress .standard-form select,
.theme-skin-dark #buddypress .standard-form textarea,
.theme-skin-dark #buddypress div.dir-search input[type="text"],
.theme-skin-dark #buddypress li.groups-members-search input[type="text"] {
border-color: #7c7c7c;
color: #fff;
}
.theme-skin-dark #buddypress table.notification-settings,
.theme-skin-dark #buddypress table.profile-settings,
.theme-skin-dark #buddypress table.notifications {
border-color: #7c7c7c;
}
.theme-skin-dark #buddypress table.notification-settings th {
background: #2e2e2e;
}
.theme-skin-dark #buddypress table.forum thead tr,
.theme-skin-dark #buddypress table.messages-notices thead tr,
.theme-skin-dark #buddypress table.notifications thead tr,
.theme-skin-dark #buddypress table.notifications-settings thead tr,
.theme-skin-dark #buddypress table.profile-fields thead tr,
.theme-skin-dark #buddypress table.profile-settings thead tr,
.theme-skin-dark #buddypress table.wp-profile-fields thead tr {
background: #2e2e2e;
}
/*Events Calender*/
.theme-skin-dark #tribe-bar-form,
.theme-skin-dark #tribe-bar-form input[type="text"] {
border-color: #7c7c7c;
}
.theme-skin-dark .tribe-events-calendar thead th {
background: #000;
}
.theme-skin-dark #tribe-events-content table.tribe-events-calendar,
.theme-skin-dark #tribe-events-content .tribe-events-calendar td,
.theme-skin-dark.events-archive.events-gridview #tribe-events-content table .type-tribe_events,
.theme-skin-dark .tribe-events-viewmore {
border-color: #7c7c7c;
}
.theme-skin-dark .tribe-events-calendar div[id*="tribe-events-daynum-"],
.theme-skin-dark .tribe-events-calendar div[id*="tribe-events-daynum-"] a,
.theme-skin-dark #tribe-events-content .tribe-events-calendar td:hover {
background: #2e2e2e;
}
.theme-skin-dark .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"],
.theme-skin-dark .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"] > a {
background: #222;
color: #fff;
}
.theme-skin-dark #tribe-events-content .tribe-events-calendar td.tribe-events-othermonth {
background: #222;
}
.theme-skin-dark .entry-title a,
.theme-skin-dark .related-content-wrapper h5 .post-link,
.theme-skin-dark #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a {
color: #fff;
}
.theme-skin-dark .recurring-info-tooltip,
.theme-skin-dark .tribe-events-calendar .tribe-events-tooltip,
.theme-skin-dark .tribe-events-week .tribe-events-tooltip {
background: #333;
color: #fff;
}
/* List view */
.theme-skin-dark .tribe-events-list-separator-month span {
background: #333;
}
.theme-skin-dark .tribe-events-list .time-details {
color: #fff;
}
/* Day View */
.theme-skin-dark .tribe-events-day .tribe-events-day-time-slot h5 {
border-color: #7c7c7c;
background: #2e2e2e;
color: #fff;
}
/* Single */
.theme-skin-dark .tribe-events-list-separator-month:after,
.theme-skin-dark .tribe-events-list .type-tribe_events {
border-color: #7c7c7c;
}
.theme-skin-dark.single-tribe_events .tribe-events-event-meta {
background: #2e2e2e;
border-color: #7c7c7c;
}
.theme-skin-dark .tribe-events-meta-group .tribe-events-single-section-title {
border-color: #7c7c7c;
}
.theme-skin-dark.events-list #tribe-events-footer,
.theme-skin-dark.single-tribe_events #tribe-events-footer,
.theme-skin-dark .tribe-events-day #tribe-events-footer,
.theme-skin-dark .tribe-events-map #tribe-events-footer,
.theme-skin-dark .tribe-events-photo #tribe-events-footer {
border-color: #7c7c7c;
}
/* dont Touch */
/* ================================================================
* RETINA STYLES
* ================================================================ */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.zozo-logo .navbar-brand h1.standard-text-logo,
.zozo-mobile-logo .navbar-brand img.zozo-standard-logo,
.zozo-mobile-logo .navbar-brand h1.standard-text-logo {
display: none;
}
.zozo-logo .navbar-brand h1.retina-text-logo,
.zozo-mobile-logo .navbar-brand img.zozo-retina-logo,
.zozo-mobile-logo .navbar-brand h1.retina-text-logo {
display: inline-block;
}
}
/* dont Touch */
a {
color: #EC2527;
}
.page-title-section .page-title-breadcrumbs .zozo-breadcrumbs a:hover, .sidebar .zozo-latest-posts .posts-title a:hover {
color: #EC2527;
}
blockquote:before, blockquote:after {
color: #EC2527;
}
.bg-style.bg-normal {
background-color: #ff0000 !important;
fill: var(--primary-red);
}
.bg-overlay-primary:before {
background-color: rgba(255, 0, 0, 0.8);
}
.typo-dark h1 > a:hover, .typo-dark h1 > a:active, .typo-dark h1 > a:focus, .typo-dark h2 > a:hover, .typo-dark h2 > a:active, .typo-dark h2 > a:focus, .typo-dark h3 > a:hover, .typo-dark h3 > a:active, .typo-dark h3 > a:focus, .typo-dark h4 > a:hover, .typo-dark h4 > a:active, .typo-dark h4 > a:focus, .typo-dark h5 > a:hover, .typo-dark h5 > a:active, .typo-dark h5 > a:focus, .typo-dark h6 > a:hover, .typo-dark h6 > a:active, .typo-dark h6 > a:focus, .typo-light h1 > a:hover, .typo-light h1 > a:active, .typo-light h1 > a:focus, .typo-light h2 > a:hover, .typo-light h2 > a:active, .typo-light h2 > a:focus, .typo-light h3 > a:hover, .typo-light h3 > a:active, .typo-light h3 > a:focus, .typo-light h4 > a:hover, .typo-light h4 > a:active, .typo-light h4 > a:focus, .typo-light h5 > a:hover, .typo-light h5 > a:active, .typo-light h5 > a:focus, .typo-light h6 > a:hover, .typo-light h6 > a:active, .typo-light h6 > a:focus {
color: #EC2527;
}
.pageloader .ball-clip-rotate > div {
border-color: #EC2527;
border-bottom-color: transparent;
}
.btn:hover, .btn:focus, input[type="submit"]:hover, input[type="submit"]:focus, .tagcloud a:hover, .tagcloud a:focus, .vc_general.vc_btn3.vc_btn3-style-default:hover, .vc_general.vc_btn3.vc_btn3-style-default:focus, .vc_general.vc_btn3.vc_btn3-style-default:active, .vc_general.vc_btn3.vc_btn3-color-primary-bg:hover, .vc_general.vc_btn3.vc_btn3-color-primary-bg:focus, .vc_general.vc_btn3.vc_btn3-color-primary-bg:active, .vc_btn.vc_btn-primary-bg:hover, .vc_btn.vc_btn-primary-bg:focus, .vc_btn.vc_btn-primary-bg:active, .vc_general.vc_btn3.vc_btn3-color-juicy-pink:hover, .vc_general.vc_btn3.vc_btn3-color-juicy-pink:focus, .vc_general.vc_btn3.vc_btn3-color-juicy-pink:active {
background-color: rgba(255, 0, 0, 0.8);
}
.btn, .btn[disabled], .btn.btn-default, .vc_general.vc_btn3.vc_btn3-color-primary-bg, .vc_btn.vc_btn-primary-bg, .vc_general.vc_btn3.vc_btn3-color-juicy-pink, .colorbtn, .btn-modal.btn-primary, .btn-modal.btn-primary:active, .btn-modal.btn-primary:focus {
background-color: #EC2527;
}
.bg-style.bg-normal .btn, .bg-style.bg-normal .btn.btn-default, .bg-style.bg-normal input[type="submit"], .bg-style.bg-normal button[type="submit"], .bg-style.bg-normal .vc_general.vc_btn3.vc_btn3-color-primary-bg, .bg-style.bg-normal .vc_btn.vc_btn-primary-bg, .bg-style.bg-normal .vc_general.vc_btn3.vc_btn3-color-juicy-pink {
color: #EC2527;
}
.btn-transparent-black:hover, .btn.btn-transparent-black:hover, .btn-transparent-white:hover, .btn.btn-transparent-white:hover, .btn-transparent-black-inverse, .btn.btn-transparent-black-inverse, .btn-transparent-white-inverse, .btn.btn-transparent-white-inverse, .btn-transparent-color, .btn.btn-transparent-color, .btn-transparent-color-inverse:hover, .btn.btn-transparent-color-inverse:hover {
color: #EC2527;
}
.btn-transparent-color:hover, .btn.btn-transparent-color:hover, .btn-transparent-color-inverse, .btn.btn-transparent-color-inverse {
background-color: #EC2527;
}
.vc_general.vc_btn3.vc_btn3-style-outline.vc_btn3-color-primary-bg, .vc_general.vc_btn3.vc_btn3-style-outline.vc_btn3-color-primary-bg:hover, .btn-transparent-color, .btn.btn-transparent-color, .btn-transparent-color-inverse:hover, .btn.btn-transparent-color-inverse:hover, .btn-transparent-color:hover, .btn.btn-transparent-color:hover, .btn-transparent-color-inverse, .btn.btn-transparent-color-inverse {
border-color: #EC2527;
}
.bg-skin-dark .vc_general.vc_btn3.vc_btn3-style-outline.vc_btn3-color-primary-bg {
color: #EC2527;
}
.parallax-background .parallax-content a.btn:hover, .parallax-background .parallax-content a.btn:active, .parallax-background .parallax-content a.btn:focus {
color: #EC2527;
}
#respond .form-submit input[type="submit"], input[type="submit"], .wpcf7 input[type="submit"], button[type="submit"] {
background-color: #EC2527;
}
.bg-style.dark-wrapper .vc_general.vc_cta3 .vc_cta3-actions .vc_general.vc_btn3.vc_btn3-style-transparent.vc_btn3-color-primary-bg {
color: #EC2527;
}
.vc_general.vc_btn3.vc_btn3-style-default.vc_btn3-color-primary-bg, .vc_btn3-color-primary-bg.vc_btn3-style-outline:hover, .vc_btn3-color-primary-bg.vc_btn3-style-outline:focus, .vc_btn3-color-primary-bg.vc_btn3-style-outline:active {
background-color: #EC2527;
}
.vc_btn3-color-primary-bg.vc_btn3-style-outline {
border-color: #EC2527;
}
.vc_btn3-color-primary-bg.vc_btn3-style-outline, .vc_general.vc_btn3.vc_btn3-style-transparent.vc_btn3-color-primary-bg {
color: #EC2527;
}
button.ubtn .ubtn-hover {
background: #EC2527;
}
.ubtn.ubtn-center-dg-bg .ubtn-hover, .ubtn.ubtn-top-bg .ubtn-hover, .ubtn.ubtn-bottom-bg .ubtn-hover, .ubtn.ubtn-left-bg .ubtn-hover, .ubtn.ubtn-right-bg .ubtn-hover, .ubtn.ubtn-center-hz-bg .ubtn-hover, .ubtn.ubtn-center-vt-bg .ubtn-hover {
background-color: #EC2527;
}
.btn-default:hover, .btn-default:focus {
background-color: #EC2527;
}
.bar-style-tooltip .tooltip .tooltip-inner {
background: #EC2527;
}
.bar-style-tooltip .tooltip.top .tooltip-arrow {
border-top-color: #EC2527;
}
.header-top-section a:hover, .header-top-section a:focus, .mobile-header-section a:hover, .mobile-header-section a:focus, .mobile-cart-wrapper a:hover, .mobile-cart-wrapper a:focus, .mobile-menu-wrapper a:hover, .mobile-menu-wrapper a:focus, .header-main-bar-sidemenu > a.active {
color: #EC2527;
}
.header-contact-details > li:before, .header-main-right-search .fa-search.btn-trigger.fa-times {
color: #EC2527;
}
.cart-count {
background: #EC2527;
}
.header-details-box .header-details-icon {
color: #EC2527;
}
.header-logo-section .navbar-nav > li a:hover, .header-logo-section .header-contact-details li > a:hover {
color: #EC2527;
}
.header-logo-section .header-contact-details > li.header-phone:before, .header-logo-section .header-contact-details > li.header-email:before {
color: #EC2527;
}
.header-section.type-header-6 .header-logo-section .woo-cart .cart-icon {
background: #EC2527;
}
.header-section .header-main-section .zozo-main-nav > li > a:hover, .header-section .header-main-section .zozo-main-nav > li:hover > a, .header-section .header-main-section .zozo-main-nav > li.active > a, .header-section a:hover, .header-section i:hover, .header-section .zozo-main-nav li.current-menu-ancestor > a, .header-section .zozo-main-nav li.current-menu-parent > a, .header-section .zozo-main-nav li.current-menu-item > a, .header-section .header-main-section .zozo-main-nav.navbar-nav .dropdown-menu > li > a:focus, .header-section .header-main-section .zozo-main-nav.navbar-nav .dropdown-menu > li > a:hover, .header-section .header-main-section .zozo-main-nav.navbar-nav .sub-menu > li > a:focus, .header-section .header-main-section .zozo-main-nav.navbar-nav .sub-menu > li > a:hover, .header-section .header-main-section .dropdown-menu > li.dropdown:hover > a, .header-section .header-main-section .sub-menu > li.dropdown:hover > a, .header-section .header-main-section .dropdown-menu > .active > a, .header-section .header-main-section .dropdown-menu > .active > a:focus, .header-section .header-main-section .dropdown-menu > .active > a:hover, .header-section .header-main-section .menu-item.active > a, .header-section .header-main-section .mobile-sub-menu > li > a:hover, .header-section .header-main-section .mobile-sub-menu > li > a:active, .header-section .header-main-section .mobile-sub-menu > li > a:focus, .header-section .header-toggle-section .nav > li > a:focus, .header-section .header-toggle-section .nav > li > a:hover, .header-section .header-logo-section .header-contact-details li a:hover, .header-section .header-toggle-section .header-contact-details li a:hover, .header-toggle-content .btn-toggle-close, .header-toggle-section .header-side-top-section .header-side-top-submenu.dropdown-menu li > a:hover, .header-main-section li.header-side-wrapper > a:focus, .header-skin-light.header-transparent .header-top-section ul > li a:hover, .header-section.header-skin-dark .header-main-section .zozo-main-nav li.current-menu-item > a, .header-section .zozo-main-nav .mobile-sub-menu > li > a:hover, .header-section.header-menu-skin-dark .header-main-section a:hover, .header-section.header-menu-skin-light .header-main-section a:hover {
/*color: var(--primary-red);*/
}
.zozo-main-nav.navbar-nav .dropdown-menu, .zozo-main-nav.navbar-nav .dropdown-menu .sub-menu, .zozo-main-nav.navbar-nav .sub-menu, .zozo-megamenu-wrapper, .header-side-top-submenu.dropdown-menu {
/*border-color: var(--primary-red);*/
}
.header-section .header-main-section .header-top-cart .cart-icon .cart-count, .header-toggle-section .header-top-cart .cart-icon {
background: var(--primary-red);
}
.header-section.header-skin-light .zozo-megamenu-widgets-container .widget li a:hover, .header-section.header-skin-dark .zozo-megamenu-widgets-container .widget li a:hover {
color: var(--primary-red);
}
.header-section.type-header-9 .header-toggle-section .close-menu, .header-toggle-section .header-side-top-section .header-side-topmenu .btn:hover {
background: var(--primary-red);
}
.header-side-main-section .main-bar-item.item-cart .cart-icon {
background: var(--primary-red);
}
.header-section .menu-item .new-tag {
background: var(--primary-red);
}
.header-section .menu-item .new-tag:before {
border-right-color: var(--primary-red);
}
.main-mobile-nav .zozo-main-nav li.active > .toggle-wrapper a, .main-mobile-nav .mobile-sub-menu li.active > a, .main-mobile-nav .zozo-main-nav li a:hover, .main-mobile-nav .zozo-main-nav .submenu-toggle:hover {
color: var(--primary-red);
}
input:focus, .form-control:focus, textarea:focus, #respond input:focus, #respond textarea:focus, #buddypress #whats-new:focus {
/border-color: #ff0000 !important;
}
.sliding-bar-widgets .widget.widget_recent_entries li a:hover, .sliding-bar-widgets .widget.widget_recent_comments li .comment-author-link a:hover, .sliding-bar-widgets .widget.zozo_category_posts_widget li a:hover, .sliding-bar-widgets .widget.widget_categories li a:hover, .sliding-bar-widgets .widget.widget_archive li a:hover, .sliding-bar-widgets .widget.widget_meta li a:hover, .sliding-bar-widgets .widget.widget_nav_menu li a:hover, .sliding-bar-widgets .widget.widget_recent_entries li a:focus, .sliding-bar-widgets .widget.widget_recent_comments li .comment-author-link a:focus, .sliding-bar-widgets .widget.zozo_category_posts_widget li a:focus, .sliding-bar-widgets .widget.widget_categories li a:focus, .sliding-bar-widgets .widget.widget_archive li a:focus, .sliding-bar-widgets .widget.widget_meta li a:focus, .sliding-bar-widgets .widget.widget_nav_menu li a:focus {
color: var(--primary-red);
}
.sliding-bar-widgets .zozo-latest-posts .posts-title a:hover, .sliding-bar-widgets .zozo-latest-posts .posts-title a:focus {
color: var(--primary-red);
}
.sliding-bar-widgets .tweet-user-name a:hover, .sliding-bar-widgets .tweet-user-name a:focus {
color: var(--primary-red);
}
.search-form .input-group-btn .btn:hover {
background-color: var(--primary-red);
}
.parallax-title:after {
background-color: var(--primary-red);
}
.grid-item a > .grid-title:hover, .typo-light .grid-item a > .grid-title:hover {
color: var(--primary-red);
}
.zozo-icon.icon-bordered.icon-shape, .zozo-icon.icon-light.icon-shape, .zozo-feature-box .grid-item .grid-icon-wrapper .grid-icon.icon-none, .zozo-feature-box .grid-item .grid-icon-wrapper .grid-icon.icon-shape.icon-transparent, .zozo-feature-box .grid-item .grid-icon-wrapper .grid-icon.icon-shape.icon-pattern, .zozo-feature-box .grid-item .grid-icon-wrapper .zozo-icon.icon-dark.icon-shape, .zozo-feature-box .grid-item .grid-icon-wrapper .grid-icon.icon-shape.icon-bordered, .zozo-features-list-wrapper .features-list-inner .features-icon {
color: var(--primary-red);
}
.bg-style.bg-normal .zozo-icon.icon-bg.icon-shape, .bg-style.bg-normal .zozo-icon.icon-border-bg.icon-shape, .bg-style.bg-normal .zozo-icon.icon-border-bg-space.icon-shape, .bg-style.bg-normal .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg .zozo-icon, .bg-style.bg-normal .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-br .zozo-icon, .bg-style.bg-normal .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-br .zozo-icon {
color: var(--primary-red);
}
.zozo-icon.icon-bg.icon-shape, .zozo-icon.icon-border-bg.icon-shape, .zozo-icon.icon-border-bg-space.icon-shape {
background-color: var(--primary-red);
}
.zozo-icon.icon-border-bg-space.icon-shape:after {
box-shadow: 0 0 0 2px var(--primary-red);
}
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-color .zozo-icon.icon-light.icon-shape, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-color .grid-icon.icon-none.icon-skin-light, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-color .grid-icon.icon-none.icon-skin-dark {
color: var(--primary-red);
}
.feature-box-style.style-box-with-bg .grid-item .grid-box-inner.grid-text-center:after, .feature-box-style.style-box-with-bg .grid-item .grid-box-inner .grid-icon:after, .grid-item .grid-box-inner .grid-overlay-top .grid-icon-wrapper .grid-icon:after, .icon-bottom-line .grid-icon-wrapper:after {
background-color: var(--primary-red);
}
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-br .grid-icon.icon-shape.icon-bordered, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape.icon-bordered-bg {
border-color: var(--primary-red);
}
.zozo-feature-box.feature-box-style.style-overlay-box .grid-box-inner, .grid-item .grid-box-inner .grid-overlay-bottom {
background-color: var(--primary-red);
}
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape {
color: var(--primary-red);
}
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape.icon-dark, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape.icon-light, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape.icon-bordered, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape.icon-dark, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape.icon-light, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape.icon-bordered {
background-color: var(--primary-red);
}
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape.icon-pattern, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape.icon-pattern {
background-color: var(--primary-red);
}
.top-border-style:after {
border-color: var(--primary-red);
}
.vc_progress_bar .vc_single_bar .vc_bar {
background-color: var(--primary-red);
}
.nav-tabs > li > a:hover, .zozo-left-vertical .nav-tabs > li > a:hover, .zozo-right-vertical .nav-tabs > li > a:hover {
background-color: var(--primary-red);
}
.nav-tabs > li > a:hover, .zozo-left-vertical .nav-tabs > li > a:hover, .zozo-right-vertical .nav-tabs > li > a:hover, .zozo-left-vertical .nav-tabs > li.active > a, .zozo-right-vertical .nav-tabs > li.active > a, .zozo-tab-horizontal .nav-tabs > li.active a, .zozo-right-vertical .nav-tabs.tabs-right > li.active > a {
background: var(--primary-red);
}
.vc_tta-color-white.vc_tta-style-classic .vc_tta-tab.vc_active > a, .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab.vc_active > a, .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
background-color: var(--primary-red);
}
.vc_toggle_square .vc_toggle_icon {
background-color: var(--primary-red);
}
.zozo-accordion.zozo-accordion-default .panel-title a, .zozo-accordion.zozo-accordion-classic .panel-title a {
color: var(--primary-red);
}
.counter.zozo-counter-count:after {
background-color: var(--primary-red);
}
.counter-style-1 .zozo-counter-count, .zozo-counter .counter-icon > i {
color: var(--primary-red);
}
.zozo-piechart-content .circle-counter-title {
color: var(--primary-red);
}
.dropcap {
color: var(--primary-red);
}
.text-hightlight {
background-color: var(--primary-red);
}
.zozo-vc-service-box .service-box-inner .service-ribbon-text {
background-color: var(--primary-red);
}
.zozo-vc-service-box:hover .service-box-content h4 {
color: var(--primary-red);
}
.team-member-name:after {
background: var(--primary-red);
}
.team-item .team-member-name a:hover {
color: var(--primary-red);
}
.testimonial-item.tstyle-border .testimonial-content {
border-color: var(--primary-red);
}
.testimonial-item.tstyle-border .testimonial-content:before {
border-top-color: var(--primary-red);
}
.testimonial-item .testimonial-content blockquote:before, .testimonial-item .testimonial-content blockquote:after {
color: var(--primary-red);
}
.zozo-video-controls #video-play:hover, .zozo-video-controls #video-play:focus {
color: var(--primary-red);
}
.zozo-twitter-slider-wrapper:before {
background: var(--primary-red);
}
.owl-carousel.owl-theme .owl-controls .owl-nav div {
background-color: var(--primary-red);
}
.featured-gallery-slider .owl-carousel.owl-theme .owl-controls .owl-nav div {
background: var(--primary-red);
border-color: var(--primary-red);
}
.owl-carousel.owl-theme .owl-controls .owl-dots span {
background: var(--primary-red);
}
.vc_btn3.vc_btn3-style-custom {
background: #ff0000 !important;
}
.vc_btn3.vc_btn3-style-custom:hover {
background-color: rgba(255, 0, 0, 0.8) !important;
}
.vc_icon_element-background-color-primary-bg {
background: var(--primary-red);
}
.vc_row .vc_images_carousel .vc_carousel-indicators .vc_active {
border-color: var(--primary-red);
}
.vc_row .vc_images_carousel .vc_carousel-indicators li {
background-color: var(--primary-red);
border-color: var(--primary-red);
}
.pricing-plan-list .zozo-price-item h6, .zozo-pricing-table-wrapper:hover .zozo-pricing-item h4.pricing-title, .zozo-pricing-table-wrapper:hover .pricing-icon-wrapper > i {
color: var(--primary-red);
}
.zozo-pricing-item .pricing-cost-wrapper .pricing-cost h3 {
color: var(--primary-red);
}
.zozo-pricing-item.active .pricing-head:after {
background-color: var(--primary-red);
}
.zozo-pricing-item .pricing-ribbon-wrapper .pricing-ribbon {
background: var(--primary-red);
background: -moz-linear-gradient(top, #ff0000 0%, #cc0000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff0000), color-stop(100%, #cc0000));
background: -webkit-linear-gradient(top, #ff0000 0%, #cc0000 100%);
background: -o-linear-gradient(top, #ff0000 0%, #cc0000 100%);
background: -ms-linear-gradient(top, #ff0000 0%, #cc0000 100%);
background: linear-gradient(to bottom, #ff0000 0%, #cc0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000", endColorstr="#cc0000", GradientType=0);
}
.portfolio-box a:hover, .style-classic .portfolio-inner-wrapper a:hover {
color: var(--primary-red);
}
.portfolio-tabs.icon_type li a.active, .portfolio-tabs.icon_type li a i {
color: var(--primary-red);
}
.portfolio-tabs.icon_type::after, .style-style_two .portfolio-bottom {
background-color: var(--primary-red);
}
.overlay-buttons > li > a:hover, .portfolio-content a.classic-img-link:hover:before {
border-color: var(--primary-red);
color: var(--primary-red);
}
.portfolio-single .portfolio-info-title::before, .portfolio-single .portfolio-desc-title::before {
background-color: var(--primary-red);
}
.pagination > li > span.current, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
background-color: var(--primary-red);
}
.pagination > li > a.prev:hover:after, .pagination > li > a.prev:active:after, .pagination > li > a.prev:focus:after, .pagination > li > a.next:hover:after, .pagination > li > a.next:active:after, .pagination > li > a.next:focus:after {
background-color: var(--primary-red);
border-color: var(--primary-red);
}
.pager li > a, .pager li > span {
border-color: var(--primary-red);
background-color: var(--primary-red);
}
.pager li > a:hover, .pager li > span:hover, .pager li > a:active, .pager li > span:active, .pager li > a:focus, .pager li > span:focus {
background-color: var(--primary-red);
}
.zozo-social-share-icons li a {
border-color: var(--primary-red);
}
.zozo-social-share-icons li.email a:hover {
background-color: #ff0000 !important;
}
.zozo-social-icons.soc-icon-transparent li.email a:hover, .zozo-social-icons.soc-icon-transparent li.email a:hover i {
color: var(--primary-red);
}
.zozo-social-icons li.email a:hover {
background-color: var(--primary-red);
}
.portfolio-single .zozo-social-share-box .zozo-social-share-icons li a, .portfolio-single .zozo-social-share-box .zozo-social-icons.soc-icon-transparent li a, .portfolio-single .zozo-social-share-box .zozo-social-icons.soc-icon-transparent li a i {
background-color: var(--primary-red);
border: 1px solid var(--primary-red);
}
.stats-block .aio-icon i {
color: var(--primary-red);
}
.latest-posts-layout .entry-meta .read-more > a:after {
color: var(--primary-red);
}
.large-posts h2.entry-title a:hover, .large-posts h2.entry-title a:focus {
color: var(--primary-red);
}
.entry-meta a:hover, .entry-meta a:active, .entry-meta a:focus {
color: var(--primary-red);
}
.post .btn-more.read-more-link:hover, .post .btn-more.read-more-link:active, .post .btn-more.read-more-link:focus {
color: var(--primary-red);
}
.grid-layout .comments-link > a:hover {
color: var(--primary-red);
}
.tags-title, .sharing-title {
color: var(--primary-red);
}
.post-tags > a:hover, .post-tags > a:active, .post-tags > a:focus {
color: var(--primary-red);
}
.comment-form .zozo-input-group-addon .input-group-addon {
color: var(--primary-red);
}
.comment-container span i, .comment-container a i {
color: var(--primary-red);
}
#respond.comment-respond .form-submit input[type="submit"] {
border-color: var(--primary-red);
background-color: var(--primary-red);
}
.post blockquote:after {
background: var(--primary-red);
}
.entry-title a:hover, .related-content-wrapper h5 .post-link:hover {
color: var(--primary-red);
}
.tagcloud a {
background-color: var(--primary-red);
}
.latest-posts-menu .entry-date i {
color: var(--primary-red);
}
.zozo-tabs-widget .tabs .zozo-tab-content a:hover {
color: var(--primary-red);
}
.footer-widgets .widget a:hover {
color: var(--primary-red);
}
.featured-caption .featured-caption-inner .featured-post-title a:hover {
color: var(--primary-red);
}
.mejs-audio .mejs-controls .mejs-time-rail .mejs-time-current, .video-player .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: var(--primary-red);
}
.zozo-client-grid img:hover {
border-color: var(--primary-red);
}
.time-table .table > thead {
background-color: var(--primary-red);
}
.zozo-input-group-addon .input-group-addon {
color: var(--primary-red);
}
.contact-info-inner h4.contact-widget-title {
color: var(--primary-red);
}
.contact-info-inner h5 a {
color: var(--primary-red);
}
.zozo-social-icons.social-style-background li a, .contact-info-style2 h6 {
background: var(--primary-red);
}
.footer-widgets-section .flickr_photo_item a:after {
background: var(--primary-red);
}
.footer-backtotop a:hover, .footer-backtotop a:focus, .footer-backtotop a:active {
background: var(--primary-red);
}
.footer-section.footer-skin-dark .widget.widget_recent_entries li a:hover, .footer-section.footer-skin-dark .widget.widget_recent_comments li .comment-author-link a:hover, .footer-section.footer-skin-dark .widget.zozo_category_posts_widget li a:hover, .footer-section.footer-skin-dark .widget.widget_categories li a:hover, .footer-section.footer-skin-dark .widget.widget_archive li a:hover, .footer-section.footer-skin-dark .widget.widget_meta li a:hover, .footer-section.footer-skin-dark .widget.widget_nav_menu li a:hover, .footer-section.footer-skin-dark .widget li .tweet-user-name a:hover, .footer-section.footer-skin-dark .widget.zozo_popular_posts_widget .posts-title > a:hover, .footer-section.footer-skin-dark .zozo-tabs-widget a:hover, .footer-section.footer-skin-dark .widget.widget_pages li > a:hover {
color: var(--primary-red);
}
.video-bg .mb_YTVTime {
background: var(--primary-red);
}
.woocommerce ul.products li.product:after, .woocommerce-page ul.products li.product:after {
background: var(--primary-red);
}
.woo-cart-item .remove-cart-item:hover {
color: var(--primary-red);
}
.woocommerce ul.products li.product h3 > a:hover {
color: var(--primary-red);
}
.woo-dropdown > li strong:hover {
color: var(--primary-red);
}
.woocommerce ul.products li .product-buttons a.woo-show-details, .woocommerce .product-buttons > a.add_to_cart_button {
background: var(--primary-red);
}
.woocommerce .price > .amount, .woocommerce-page .price > .amount, .price ins > .amount {
color: var(--primary-red);
}
.woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.page-numbers.current {
background-color: var(--primary-red);
}
.woocommerce span.onsale::before {
border-color: transparent #ff0000 transparent transparent;
}
.woocommerce span.onsale:after, .woocommerce-page span.onsale:after, .woocommerce ul.products li.product .onsale:after, .woocommerce-page ul.products li.product .onsale:after {
border-top-color: var(--primary-red);
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
background: var(--primary-red);
}
.wpb_row .wpb_column .wpb_wrapper .wcmp-product .wcmp-product-desc h2:hover, .wpb_row .wpb_column .wpb_wrapper .wcmp-product .wcmp-product-desc h2:focus {
color: var(--primary-red);
}
.woocommerce span.onsale, .woocommerce-page span.onsale, .woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale {
background: var(--primary-red);
}
.woocommerce #reviews .comment-text p.meta strong, .woocommerce-page #reviews .comment-text p.meta strong {
color: var(--primary-red);
}
.order-total span.amount {
color: var(--primary-red);
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li:hover, .woocommerce-page #content div.product-box-wrapper .woocommerce-tabs ul.tabs li:hover, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:hover {
background: var(--primary-red);
}
.woocommerce #review_form #respond .form-submit input:hover, .woocommerce #review_form #respond .form-submit input:active, .woocommerce #review_form #respond .form-submit input:focus, .woocommerce-page #review_form #respond .form-submit input:hover, .woocommerce-page #review_form #respond .form-submit input:active, .woocommerce-page #review_form #respond .form-submit input:focus {
background: var(--primary-red);
}
.woocommerce #content input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt {
background: var(--primary-red);
border-color: var(--primary-red);
color: #fff;
}
.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {
background: var(--primary-red);
border-color: var(--primary-red);
}
.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {
background-color: #CE1233;
}
.woocommerce #content div.product form.cart .button, .woocommerce div.product form.cart .button, .woocommerce-page #content div.product form.cart .button, .woocommerce-page div.product form.cart .button {
background: var(--primary-red);
}
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button {
color: var(--primary-red);
}
.shop_table.cart td.product-name > a:hover, .shop_table.cart td.product-price .amount, .shop_table.cart td.product-subtotal .amount {
color: var(--primary-red);
}
.woocommerce .cart-collaterals .cart_totals table tr.order-total td .amount, .woocommerce-page .cart-collaterals .cart_totals table tr.order-total td .amount {
color: var(--primary-red);
}
.zozo-woocommerce-thank-you .thank-you-text {
color: var(--primary-red);
}
.woo-latest-slider-item .product-buttons-overlay .product-buttons a:after {
color: var(--primary-red);
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle {
border-bottom-color: var(--primary-red);
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider-horizontal .ui-slider-range {
background: var(--primary-red);
}
.product_list_widget .amount, .woocommerce ul.product_list_widget li a:hover, .sidebar .product-categories li:hover a {
color: var(--primary-red);
}
.sidebar .product-categories li:hover .count {
background: var(--primary-red);
}
.woocommerce .product-categories .current-cat > span, .theme-skin-dark .woocommerce .product-categories .current-cat > span {
background: var(--primary-red);
}
.woocommerce .product-categories .current-cat > a, .theme-skin-dark .woocommerce .product-categories .current-cat > a {
var(--primary-red);
}
.widget.widget_recent_entries li a:hover, .widget.widget_recent_comments li a:hover, .widget.zozo_category_posts_widget li a:hover, .widget.widget_categories li a:hover, .widget.widget_archive li a:hover, .widget.widget_meta li a:hover, .widget.widget_nav_menu li a:hover, .widget.widget_edd_categories_tags_widget li a:hover {
color: var(--primary-red);
}
.widget .tweet-item h5:before {
background: var(--primary-red);
}
.footer-copyright-section .zozo-social-icons.soc-icon-transparent i:hover {
color: var(--primary-red);
}
.secondary_menu .widget_nav_menu ul li.menu-item > a:hover, .secondary_menu .widget_nav_menu ul li.menu-item > a:active, .secondary_menu .widget_nav_menu ul li.menu-item > a:focus {
color: var(--primary-red);
}
::-moz-selection {
background: var(--primary-red);
}
::selection {
background: var(--primary-red);
}
::-webkit-selection {
background: var(--primary-red);
}
.rev_slider_wrapper span {
color: var(--primary-red);
}
.typo-light .text-color, .typo-dark .text-color, .text-color {
color: var(--primary-red);
}
.theme-bg-color {
background: var(--primary-red);
}
.zozo-revslider-section .tp-bullets.simplebullets.round .bullet {
border-color: var(--primary-red);
}
.zozo-revslider-section .tp-bullets.simplebullets.round .bullet.selected {
background: var(--primary-red);
}
.zozo-revslider-section .rev_slider .tp-button {
border-color: var(--primary-red);
background: var(--primary-red);
}
.zozo-revslider-section .rev_slider .tp-button:hover {
color: var(--primary-red);
}
.rev_slider .tp-bannertimer {
background: var(--primary-red);
}
#buddypress .comment-reply-link, #buddypress a.button, #buddypress button, #buddypress div.generic-button a, #buddypress input[type="button"], #buddypress input[type="reset"], #buddypress input[type="submit"], #buddypress ul.button-nav li a, a.bp-title-button {
background: var(--primary-red);
}
#buddypress div.item-list-tabs ul li.current a, #buddypress div.item-list-tabs ul li.selected a, #buddypress div.item-list-tabs ul li a:hover, #buddypress div.item-list-tabs ul li a:focus, #buddypress div.item-list-tabs ul li a:active {
background-color: var(--primary-red);
}
#buddypress div.activity-meta a {
background-color: var(--primary-red);
}
#buddypress div.activity-meta a:hover, #buddypress div.activity-meta a:focus, #buddypress div.activity-meta a:active, #buddypress div.item-list-tabs ul li.current a:hover, #buddypress div.item-list-tabs ul li.current a:focus, #buddypress div.item-list-tabs ul li.current a:active, #buddypress div.item-list-tabs ul li.selected a:hover, #buddypress div.item-list-tabs ul li.selected a:focus, #buddypress div.item-list-tabs ul li.selected a:active, #buddypress .comment-reply-link:hover, #buddypress a.button:focus, #buddypress a.button:hover, #buddypress button:hover, #buddypress div.generic-button a:hover, #buddypress input[type="button"]:hover, #buddypress input[type="reset"]:hover, #buddypress input[type="submit"]:hover, #buddypress ul.button-nav li a:hover, #buddypress ul.button-nav li.current a {
background: rgba(255, 0, 0, 0.8);
}
.bbp-pagination-links a:hover, .bbp-pagination-links span.current {
background-color: var(--primary-red);
border-color: var(--primary-red);
}
#tribe-events .tribe-events-button, .tribe-events-button, #tribe-bar-form .tribe-bar-submit input[type="submit"] {
background-color: var(--primary-red);
border-color: var(--primary-red);
}
#tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a:hover {
color: var(--primary-red);
}
.tribe-events-list .tribe-events-event-cost span {
background-color: var(--primary-red);
border-color: var(--primary-red);
}
#tribe-events-content .tribe-events-tooltip h4, #tribe_events_filters_wrapper .tribe_events_slider_val, .single-tribe_events a.tribe-events-gcal, .single-tribe_events a.tribe-events-ical {
color: var(--primary-red);
}
.single-tribe_events .tribe-events-schedule .tribe-events-cost {
color: var(--primary-red);
}
#tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type="submit"], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] > a {
background-color: var(--primary-red);
}
h2.tribe-events-page-title a:focus, h2.tribe-events-page-title a:hover, .tribe-events-list .type-tribe_events h2 a:hover,
.tribe-events-list-event-title.entry-title.summary a:hover, .widget .tribe-events-list-widget-events h4.entry-title a:hover {
color: var(--primary-red);
}
article.post .post-inner-wrapper .post-featured-image a:before, .related-post-item .entry-thumbnail .post-img:before, .classic-grid-style .portfolio-content a.classic-img-link:before, .epl-listing-post .property-box .epl-blog-image:before {
background-color: var(--primary-red);
}
.comment-container a:hover {
color: var(--primary-red);
}
.zozo-social-share-box .author-social li a, .zozo-social-share-box .author-social li a:hover, .zozo-social-share-box .author-social li a:focus, .zozo-social-share-box .author-social li a.active {
background-color: var(--primary-red);
}
.author-name a:hover {
color: var(--primary-red);
}
ul.epl-author-tabs li.epl-author-current, ul.property_search-tabs li.epl-sb-current, li.tbhead.current {
background-color: var(--primary-red);
}
.tab-title:after, .epl-property-blog .price h5 {
background-color: var(--primary-red);
}
.epl-switching-sorting-wrap .epl-switch-view li.epl-current-view {
background-color: var(--primary-red);
}
.epl-property-single .status-sticker.under-offer:hover, .epl-property-blog .status-sticker.under-offer:hover, .epl-property-single .status-sticker:hover, .epl-property-blog .status-sticker:hover {
background: var(--primary-red);
}
.property-details-wrapper, .property-gallery-wrapper {
background: var(--primary-red);
}
.footer-skin-dark .widget_epl_recent_property .property-heading a:hover, .footer-skin-dark .widget_epl_recent_property .property-heading a:focus, .widget_epl_recent_property .property-heading a:hover, .widget_epl_recent_property .property-heading a:focus, .widget.widget_epl_recent_property input[type="submit"]:hover, .epl-play-btn:hover:after, .home-open-wrapper li a:hover, .home-open-wrapper li a:after, .property-features-list > li a:hover, .property-features-list > li a:after, .property-features-list > li a:hover, .property-features-list > li a:focus {
color: var(--primary-red);
}
.epl-button, .epl-button:hover, .epl-button:focus {
background: var(--primary-red);
}
.epl-author-title.author-title a:hover, .epl-author-title.author-title a:focus {
color: var(--primary-red);
}
.picker--focused .picker__day--highlighted, .picker__day--highlighted:hover, .picker__day--infocus:hover, .picker__day--outfocus:hover, .picker__wrap .picker--focused .picker__day--selected, .picker__wrap .picker__day--selected, .picker__wrap .picker__day--selected:hover, .picker__wrap .picker--focused .picker__day--selected, .picker__wrap .picker__day--selected, .picker__wrap .picker__day--selected:hover {
background: #ff0000 !important;
}
.picker__wrap .picker--focused .picker__day--highlighted, .picker__wrap .picker__day--highlighted:hover, .picker__wrap .picker__day--infocus:hover, .picker__wrap .picker__day--outfocus:hover {
background: rgba(255, 0, 0, 0.8);
}
.picker__wrap .picker__box .picker__button--clear:focus, .picker__wrap .picker__box .picker__button--clear:hover,
.picker__wrap .picker__box .picker__button--close:focus, .picker__wrap .picker__box .picker__button--close:hover, .picker__wrap .picker__box .picker__button--today:focus, .picker__wrap .picker__box .picker__button--today:hover {
background: var(--primary-red);
border-color: var(--primary-red);
}
.picker__wrap .picker__box .picker__list-item--highlighted, .picker__list-item:hover, .picker__wrap .picker__box .picker--focused .picker__list-item--highlighted, .picker__wrap .picker__box .picker__list-item--highlighted:hover, .picker__wrap .picker__box .picker__list-item:hover {
background: var(--primary-red);
border-color: var(--primary-red);
}
.reservation .rtb-text .picker__input.picker__input--active {
border-color: var(--primary-red);
}
.sp-scrollable-table-wrapper thead tr th {
color: var(--primary-red);
}
.sp-template-event-blocks .sp-event-blocks h4.sp-event-title a:hover, .sp-data-table tbody a:hover, .sp-player-list-link.sp-view-all-link:hover, .type-page .sp-template.sp-template-countdown h5 a:hover, .type-page .sp-template.sp-template-countdown h3 a:hover {
color: var(--primary-red);
}
.typo-light .sp-template-event-blocks .sp-event-blocks h4.sp-event-title a {
color: var(--primary-red);
}
.edd-submit.button.blue, .edd-submit.button.blue:hover, .edd-submit.button.blue:focus {
background: var(--primary-red);
}
.edd_price_option_price, .widget.widget_edd_cart_widget .edd-cart-meta.edd_subtotal span, .widget.widget_edd_cart_widget .edd-cart-meta.edd_total span {
color: var(--primary-red);
}
.widget.widget_edd_cart_widget .cart_item.edd_checkout > a, .widget.widget_edd_cart_widget .edd-cart-quantity {
background: var(--primary-red);
}
.edd_download_file .edd_download_file_link:hover {
color: var(--primary-red);
}
.single-download .edd_price span, .edd_download .edd_price {
color: var(--primary-red);
}
.edd-cart-added-alert {
border-color: var(--primary-red);
}
#edd_discounts_list .edd_discount:hover:before {
background: var(--primary-red);
}
.uvc-type-wrap .ultimate-typed-main, .uvc-heading-spacer .aio-icon {
color: var(--primary-red);
}
.smile-icon-timeline-wrap .timeline-separator-text .sep-text, .smile-icon-timeline-wrap .timeline-wrapper .timeline-dot, .timeline-feature-item .timeline-dot, .smile-icon-timeline-wrap .timeline-line z {
color: var(--primary-red);
}
.ultimate-vticker.ticker, .ultimate-vticker.ticker-down {
background: var(--primary-red);
}
.ult-carousel-wrapper .slick-next, .ult-carousel-wrapper .slick-prev, .ult-carousel-wrapper .slick-next:hover, .ult-carousel-wrapper .slick-prev:hover, .ult-carousel-wrapper .slick-next:focus, .ult-carousel-wrapper .slick-prev:focus {
color: var(--primary-red);
}
.ult_pricing_table_wrap.ult-cs-custom .ult_pricing_table .ult_price_link .ult_price_action_button {
background-color: var(--primary-red);
}
.ult_pricing_table_wrap.ult-cs-custom .ult_pricing_table .ult_price_body_block, .ult_pricing_table_wrap.ult-cs-custom .ult_pricing_table .ult_pricing_heading {
background-color: var(--primary-red);
}
.ult_pricing_table_wrap.ult-cs-custom.ult_design_4 .ult_pricing_table .ult_price_link .ult_price_action_button {
background-color: var(--primary-red);
}
.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_date > div {
color: var(--primary-red);
}
.hexagon li.icon_list_item .icon_list_icon {
background: var(--primary-red);
border-color: var(--primary-red);
}
.sitemap-wrapper ul li a:hover, .sitemap-wrapper ul li a:active, .sitemap-wrapper ul li a:focus {
color: var(--primary-red);
}
.wpsl-search {
background: var(--primary-red);
}
#wpsl-search-wrap .wpsl-dropdown div {
border-color: var(--primary-red);
}
.widget-title::after {
/*background: var(--primary-red);*/
content:none !important;
}
.menu-service-menu-container li a:hover, .menu-service-menu-container li a:focus, .menu-service-menu-container li a.active {
background: var(--primary-red);
}
.ui-widget, .vc_tta-accordion .vc_tta-panel-title {
font-family: Arimo;
font-size: 14px;
font-weight: 400;
color: #333333;
line-height: 25px;
}
.header-section .header-top-section {
background-color: #ffffff;
}
@media only screen and (min-width: 768px) {
.header-section.type-header-7 .navbar-header, .header-section.type-header-8 .navbar-header {
max-width: 280px;
}
.header-section.type-header-7 .is-sticky .navbar-header, .header-section.type-header-8 .is-sticky .navbar-header {
max-width: 280px;
}
}
.fullwidth .container {
/*max-width: 1600px;*/
max-width: 1600px; /*новая ширина макета*/
}
.boxed-header .is-sticky .header-main-section, .boxed .is-sticky .header-main-section {
max-width: 1200px;
}
.dropdown-menu {
min-width: 200px;
}
h2, .vc_cta3-actions .vc_general.vc_btn3.vc_btn3-style-transparent {
font-family: "HelveticaNeueCyr", "HelveticaNeue", Helvetica, Arial, sans-serif !important;
font-size: 32px;
font-weight: 400;
}
h3, .stats-number, .comment-reply-title {
font-family: "HelveticaNeueCyr", "HelveticaNeue", Helvetica, Arial, sans-serif !important;
font-size: 24px;
font-weight: 500;
}
h4, legend {
font-family: "HelveticaNeueCyr", "HelveticaNeue", Helvetica, Arial, sans-serif !important;
font-size: 24px;
font-weight: 400;
line-height: 31px;
}
h5, #bbpress-forums li.bbp-header, #bbpress-forums fieldset.bbp-form legend, #bbpress-forums .bbp-body .bbp-forum-title, #bbpress-forums .bbp-body .bbp-topic-permalink, .vc_tta.vc_general .vc_tta-tab > a, .stats-text, .smile-icon-timeline-wrap .timeline-separator-text .sep-text {
font-family: "HelveticaNeueCyr", "HelveticaNeue", Helvetica, Arial, sans-serif !important;
font-size: 18px;
font-weight: 400;
line-height: 23px;
}
h6, #bbpress-forums #bbp-single-user-details #bbp-user-navigation a, .sp-scrollable-table-wrapper thead tr th, .rtb-booking-form fieldset legend, button.ubtn, .portfolio-tabs.icon_type li a {
font-family: "HelveticaNeueCyr", "HelveticaNeue", Helvetica, Arial, sans-serif !important;
font-size: 16px;
font-weight: 400;
line-height: 21px;
}
.top-menu-navigation .navbar-nav > li > a {
font-family: "HelveticaNeueCyr", "HelveticaNeue", Helvetica, Arial, sans-serif !important;
font-size: 12px;
font-weight: 700;
line-height: 12px;
}
.zozo-main-nav > li > a {
font-family: "HelveticaNeueCyr", "HelveticaNeue", Helvetica, Arial, sans-serif !important;
font-size: 11px;
font-weight: 700;
}
.zozo-main-nav .dropdown-menu > li a, .zozo-main-nav .dropdown-menu .sub-menu a, .zozo-main-nav .zozo-megamenu-submenu li > a, .zozo-main-nav .zozo-megamenu .menu-item > a {
font-family: "HelveticaNeueCyr", "HelveticaNeue", Helvetica, Arial, sans-serif !important;
font-size: 16px;
font-weight: 400;
line-height: 20px;
}
.zozo-main-nav.navbar-nav .dropdown-menu, .zozo-main-nav.navbar-nav .dropdown-menu .sub-menu, .zozo-main-nav.navbar-nav .sub-menu, .zozo-megamenu-wrapper, .header-side-top-submenu.dropdown-menu {
background-color: #ffffff !important;
/*border-top-width: 3px;
border-style: solid;*/
}
.zozo-main-nav.navbar-nav .dropdown-menu .sub-menu {
top: -3px;
}
.entry-title, .page-title-section .page-title-captions h1.entry-title {
font-family: "HelveticaNeueCyr", "HelveticaNeue", Helvetica, Arial, sans-serif !important;
font-size: 32px;
font-weight: 400;
}
.post h2.entry-title, .category-title {
font-family: "HelveticaNeueCyr", "HelveticaNeue", Helvetica, Arial, sans-serif !important;
font-size: 26px;
font-weight: 400;
line-height: 41px;
}
.widget_product_categories{
padding:20px;
}
.widget h3 {
font-family: "HelveticaNeueCyr", "HelveticaNeue", Helvetica, Arial, sans-serif !important;
font-size: 26px;
font-weight: 400;
line-height: 42px;
padding-top:5px;
}
.widget div, .widget p {
font-family: "HelveticaNeueCyr", "HelveticaNeue", Helvetica, Arial, sans-serif !important;
font-size: 14px;
font-weight: 400;
line-height: 25px;
}
.widget.bx-filter .bx-filter-parameters-box { margin-bottom: 20px; }
.widget.bx-filter div.bx-filter-parameters-box-container { padding-bottom: 0; }
.footer-widgets .widget h3 {
font-family: "HelveticaNeueCyr", "HelveticaNeue", Helvetica, Arial, sans-serif !important;
font-size: 16px;
font-weight: 400;
line-height: 42px;
}
.footer-widgets .widget div, .footer-widgets .widget p {
font-family: "HelveticaNeueCyr", "HelveticaNeue", Helvetica, Arial, sans-serif !important;
font-size: 13px;
font-weight: 400;
line-height: 25px;
}
.header-section .header-main-section {
height: 90px;
}
.header-section .header-main-section .navbar-header .navbar-brand, .header-section .header-main-section .zozo-main-nav > li, .header-section .header-main-section .zozo-main-nav > li > a, .header-section .header-main-section li.extra-nav, .header-section .header-main-section li.extra-nav > a, .header-section .header-main-section li.extra-nav i, .header-section .header-main-section .header-toggle-content, .type-header-9 .navbar-nav.zozo-main-bar > li, .type-header-9 .navbar-nav.zozo-main-bar > li a {
line-height: 90px;
height: 90px;
}
.header-section.type-header-3 .header-main-section {
height: 180px;
}
.header-section.type-header-3 .header-main-section .header-toggle-content {
height: 89px;
line-height: 89px;
}
.header-section .is-sticky .header-main-section, .header-section.type-header-3 .is-sticky .header-main-section {
height: 60px;
}
.header-section .is-sticky .header-main-section .navbar-header .navbar-brand, .header-section .is-sticky .header-main-section .zozo-main-nav > li, .header-section .is-sticky .header-main-section .zozo-main-nav > li > a, .header-section .is-sticky .header-main-section li.extra-nav, .header-section .is-sticky .header-main-section li.extra-nav > a, .header-section .is-sticky .header-main-section li.extra-nav i, .header-section .is-sticky .header-main-section .header-toggle-content, .type-header-9 .is-sticky .navbar-nav.zozo-main-bar > li, .type-header-9 .is-sticky .navbar-nav.zozo-main-bar > li a {
line-height: 60px;
height: 60px;
}
.header-section .header-logo-section li, .header-section .header-logo-section .navbar-header .navbar-brand, .header-section.type-header-6 .header-logo-section li.header-top-cart, .type-header-6 .header-logo-section .zozo-logo-bar {
line-height: 90px;
height: 90px;
}
.header-section.header-fullwidth-menu .header-main-section {
height: 50px;
}
.header-section.header-fullwidth-menu .header-main-section .navbar-header .navbar-brand, .header-section.header-fullwidth-menu .header-main-section .zozo-main-nav > li, .header-section.header-fullwidth-menu .header-main-section .zozo-main-nav > li > a, .header-section.header-fullwidth-menu .header-main-section li.extra-nav, .header-section.header-fullwidth-menu .header-main-section li.extra-nav > a, .header-section.header-fullwidth-menu .header-main-section li.extra-nav i, .header-section.header-fullwidth-menu .header-main-section li.social-nav {
line-height: 50px;
height: 50px;
}
.header-section.header-fullwidth-menu .header-main-section .header-toggle-content {
height: 49px;
line-height: 49px;
}
.header-section.header-fullwidth-menu .is-sticky .header-main-section {
height: 60px;
}
.header-section.header-fullwidth-menu .is-sticky .header-main-section .navbar-header .navbar-brand, .header-section.header-fullwidth-menu .is-sticky .header-main-section .zozo-main-nav > li, .header-section.header-fullwidth-menu .is-sticky .header-main-section .zozo-main-nav > li > a, .header-section.header-fullwidth-menu .is-sticky .header-main-section li.extra-nav, .header-section.header-fullwidth-menu .is-sticky .header-main-section li.extra-nav > a, .header-section.header-fullwidth-menu .is-sticky .header-main-section li.extra-nav i, .header-section.header-fullwidth-menu .is-sticky .header-main-section li.social-nav {
line-height: 60px;
height: 60px;
}
/* abercomru */
#main-wrapper #content { padding-top: 0; padding-bottom: 0; }
.primary-sidebar .textwidget .fa { color: #f00; text-align: left; }
.primary-sidebar .widget_nav_menu { text-transform: uppercase; }
.two-col-right .content-area.content-col-small { float: left; }
[id^='bx_incl_area'] { display: inline; }
[id^='wait_comp'] { display: none !important; }
.is-flexbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.is-flexbox_center { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.is-flexbox_justify { -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.is-flexbox_around { -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-around; justify-content: space-around; }
.is-flexbox_row { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
.is-flexbox_stretch { -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; }
figure.is-bgd { display: block; position: relative; background-position: 50%; background-repeat: no-repeat; background-size: cover; }
figure.is-bgd img { display: none; }
figure.is-contain { display: block; position: relative; overflow: hidden; }
figure.is-contain img { position: absolute; top: 50%; left: 50%; max-height: 100%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
figure.is-contain img:hover{
transform: translate(-50%, -50%) scale(1.05);
}
.page-wrap a,.page-wrap button,.page-wrap input,.page-wrap select,.page-wrap textarea,#colorbox a,#colorbox button,#colorbox input,#colorbox select,#colorbox textarea,.trans,.trans_hb:before,.trans_ha:after,.btn { -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; }
.page-wrap .notrans,#colorbox .notrans,.notrans_hb:before,.notrans_ha:after { -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; }
.cbtrans { -webkit-transition: all 1s cubic-bezier(.215,.61,.355,1); -moz-transition: all 1s cubic-bezier(.215,.61,.355,1); -o-transition: all 1s cubic-bezier(.215,.61,.355,1); transition: all 1s cubic-bezier(.215,.61,.355,1); }
/* ================================================================
*** НОВЫЙ СЛАЙДЕР
* ================================================================ */
.abercomru-slider {
position: relative;
border-radius: 6px;
overflow: hidden;
width: 100%;
max-height: 714px;
background: transparent;
}
.abercomru-slider:after { display: block; clear: both; height: 0; content: ''; }
.abercomru-slider__item { float: left; position: relative; width: 100%; max-height: 714px; }
.abercomru-slider__item a { display: block; width: 100%; height: 100%; color: inherit; }
.abercomru-slider [data-slick] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background: transparent;
}
.abercomru-slider [data-slick] .abercomru-slider__item { opacity: 0; }
.abercomru-slider [data-slick].slick-initialized { display: block; background: none; }
.abercomru-slider [data-slick].slick-initialized .abercomru-slider__item { opacity: 1; }
.abercomru-slider_index figure {
padding-bottom: 40%;
max-height: 714px;
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat;
margin: 0;
width: 100%;
}
.abercomru-slider_index figure img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
.abercomru-slider_index .slick-arrow { opacity: 0; }
.abercomru-slider_index:hover .slick-arrow { opacity: 1; }
.abercomru-slider__item__logo { position: absolute; top: 0; right: 0; width: 15%; max-width: 230px; }
.abercomru-slider__item__descr {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
position: absolute;
z-index: 2;
bottom: 6%;
left: 2%;
max-width: 50%;
color: #ffffff !important;
text-align: left;
margin: 0 !important;
padding: 0 !important;
}
.abercomru-slider__item__header {
-ms-flex: 0 1 auto;
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
display: flex;
flex-direction: column;
}
.abercomru-slider__item__title {
display: block;
position: relative;
font-weight: 400;
font-style: normal;
font-size: 36px;
line-height: 100%;
letter-spacing: 0;
text-transform: uppercase;
margin-bottom: 15px;
color: #ffffff !important;
opacity: 0;
transition: opacity .2s ease-out;
transition-delay: 0s !important;
}
.abercomru-slider__item__subtitle {
display: block;
position: relative;
font-weight: 400;
font-style: normal;
font-size: 24px;
line-height: 100%;
letter-spacing: 0;
color: #ffffff !important;
margin-bottom: 25px;
opacity: 0;
transition: opacity .2s ease-out;
transition-delay: 0s !important;
}
.abercomru-slider__item__footer {
display: block;
position: relative;
color: #ffffff !important;
opacity: 0;
transition: opacity .2s ease-out;
transition-delay: 0s !important;
}
.abercomru-slider__item__footer .fa {
margin-right: .25em;
}
a.abercomru-slider__item__btn {
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: 10px;
font-size: 16px;
font-weight: 400;
text-transform: none;
line-height: 1;
color: #f8f8f8 !important;
background-color: var(--primary-red) !important;
border: none;
border-radius: 4px;
padding: 0 24px;
height: 40px;
width: 100%;
max-width: 708px;
box-sizing: border-box;
text-decoration: none !important;
opacity: 0;
transition: opacity .2s ease-out, background-color 0.2s;
transition-delay: 0s !important;
}
a.abercomru-slider__item__btn:hover {
background: #CE1233 !important;
color: #fff !important;
}
.odd .abercomru-slider__item__descr {
padding-left: 0 !important;
color: #fff !important;
text-align: left !important;
}
.is-loaded .slick-current .abercomru-slider__item__title,
.is-loaded .slick-current .abercomru-slider__item__subtitle,
.is-loaded .slick-current .abercomru-slider__item__btn,
.is-loaded .slick-current .abercomru-slider__item__footer {
opacity: 1;
}
@media only screen and (max-width: 1300px) {
.abercomru-slider__item__title { font-size: 28px; }
.abercomru-slider__item__subtitle { font-size: 16px;}
}
@media only screen and (max-width: 1200px) {
.abercomru-slider__item__title { font-size: 26px; }
}
@media only screen and (max-width: 991px) {
.abercomru-slider_index figure { padding-bottom: 48%; }
.abercomru-slider__item__descr { max-width: 75%; bottom: 8%; left: 5%; }
.abercomru-slider__item__title { font-size: 26px !important; }
.abercomru-slider__item__subtitle { font-size: 16px; margin-bottom: 15px; }
a.abercomru-slider__item__btn { height: 40px; font-size: 13px; max-width: 320px; }
}
@media only screen and (max-width: 763px) {
.abercomru-slider_index{
margin-top: 150px;
}
}
@media only screen and (max-width: 639px) {
.abercomru-slider_index figure { padding-bottom: 65%; height: 500px;}
.abercomru-slider__item__descr { max-width: 90%; bottom: 5%; }
.abercomru-slider__item__title { font-size: 24px; }
.abercomru-slider__item__subtitle { display: none; }
}
/*****************************слайдер конец****************************/
.abercomru .header-section .header-main-section,
.abercomru .header-mobile-main-section {
position: fixed;
z-index: 333;
top: 0;
left: 0;
right: 0;
height: auto;
background: #fff;
box-shadow: 0 1px 5px rgba(0,0,0,.1);
}
.abercomru .header-main-section .container,
.abercomru .header-mobile-main-section .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
height: 90px;
}
.abercomru .header-main-section .container:before,
.abercomru .header-main-section .container:after,
.abercomru .header-mobile-main-section .container:before,
.abercomru .header-mobile-main-section .container:after {
display: none;
}
.abercomru .header-mobile-main-section .container {
height: 60px;
}
.abercomru .zozo-mobile-logo a.navbar-brand img {
max-height: 50px;
}
.abercomru .header-contact-details { margin: 0; }
.abercomru .zozo-header-main-bar {
-ms-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
}
.abercomru .is-sticky .header-main-section { top: 0 !important; }
.abercomru .navbar-brand,
.abercomru .zozo-main-bar .main-bar-item,
.abercomru .zozo-main-bar li,
.abercomru .zozo-main-bar li a { height: auto !important; line-height: normal !important; }
/*.abercomru #zozo_wrapper { padding-top: 90px; }*/
.abercomru .main-section { border: 0; }
.abercomru.is-header-fixed .header-section .header-main-section .container { height: 60px; }
.abercomru.is-header-fixed .header-section .header-main-section .zozo-standard-logo { display: none; }
.abercomru.is-header-fixed .header-section .header-main-section .zozo-sticky-logo { display: inline-block; }
/*.abercomru.is-header-fixed #zozo_wrapper { padding-top: 60px; }*/
.abercomru .zozo-mobile-logo.has-img { max-width: 75%; }
.abercomru .header-mobile-left-logo .mobile-header-items-wrap {
-ms-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
position: static;
right: 0;
top: 0;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.abercomru .mobile-menu-wrapper, .abercomru .mobile-cart-wrapper {
top: 60px;
z-index: 400;
}
.aber-section-grid-index {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.aber-section-grid-index__item { margin-bottom: 30px; }
.aber-section-grid-index__item .vc_column-inner,
.aber-section-grid-index__item .wpb_wrapper,
.aber-section-grid-index__item .flip-box-wrap { height: 100%; }
.aber-section-grid-index__item .ifb-front { background: #fff; border: 1px solid #ccc; color: #333; }
.aber-section-grid-index__item .align-icon { text-align: center; }
.aber-section-grid-index__item .flip-box-icon {
display: block;
position: relative;
padding-bottom: 100%;
overflow: hidden;
}
.aber-section-grid-index__item .flip-box-icon img { position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.site-content_plain { padding-top: 0; padding-bottom: 0; }
.abercomru-form {
background-color: #fff;
box-shadow: 0 2px 2px rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px rgba(0,0,0,.12);
}
.abercomru-form__flds {
padding: 20px;
}
.abercomru-form__fld {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
padding-bottom: 20px;
}
.abercomru-form__label {
-ms-flex: 0 0 35%;
-webkit-flex: 0 0 35%;
flex: 0 0 35%;
display: block;
margin-bottom: 10px;
font-weight: 400;
font-size: 1.14286em;
color: #424242;
}
.abercomru-form__control {
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
position: relative;
margin-bottom: 10px !important;
padding-left: 3em;
}
.abercomru-form__control .fa {
position: absolute;
top: 50%;
left: 0;
margin-top: -.5em;
font-size: 2em;
color: #757575;
}
.abercomru-form__control input,
.abercomru-form__control select,
.abercomru-form__control textarea {
position: relative;
z-index: 2;
width: 100%;
border: 0;
border-bottom: 1px solid #9e9e9e;
resize: none;
outline: 0 none;
border-radius: 0;
}
.abercomru-form__control input:focus,
.abercomru-form__control select:focus,
.abercomru-form__control textarea:focus {
border-bottom: 1px solid #F44336;
box-shadow: 0 1px 0 0 #F44336;
}
.abercomru-form__control label {
position: absolute;
top: 100%;
left: 0;
padding: .5em 0;
font-size: 11px;
color: rgba(0, 0, 0, .5);
cursor: text;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
.abercomru-form__control input[value=""] + label,
.abercomru-form__control textarea + label,
.abercomru-form__control.is-empty label {
top: 0;
font-size: 14px;
}
.abercomru-form__control input:focus + label,
.abercomru-form__control textarea:focus + label,
.abercomru-form__control.is-filled label,
.abercomru-form__control.is-focused label {
top: 100% !important;
font-size: 11px !important;
}
.abercomru-form__btn input,
.abercomru-form__btn a {
display: block;
margin: 0;
padding: 1em 2em .9em;
height: auto;
width: 100%;
background: #f5f5f5;
font-size: 1.142857142857143em;
color: #757575;
text-align: center !important;
text-transform: uppercase !important;
border-radius: 0;
box-shadow: none;
}
.abercomru-form__btn input:hover,
.abercomru-form__btn a:hover {
background-color: rgba(255, 0, 0, 0.8);
color: #fff;
}
.abercomru-form .afbf_error_block { padding: 20px 20px 0; }
.abercomru-form .afbf_success_block { margin: 0; height: auto; }
.abercomru-form .afbf_mess_ok { padding: 20px; }
/**********************детальная страница олд*****************************/
.abercomru-catalog { /*padding: 3em 0;*/ }
.abercomru-catalog__sections {}
.abercomru-catalog__sections__list,
.abercomru-catalog__sections__list li {
margin: 0;
padding: 0;
list-style: none;
}
.abercomru-catalog__sections__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: 0 -2.5%;
}
.abercomru-catalog__sections__list li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 0 50px;
padding: 0 2.5%;
width: 33.33%;
}
.abercomru-catalog__sections__list a {
display: block;
position: relative;
width: 100%;
height: 100%;
padding-bottom: 15px;
}
.abercomru-catalog__sections__list a:before {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 33%;
height: 2px;
background: #333;
-webkit-transition: all .4s ease-in;
-moz-transition: all .4s ease-in;
-o-transition: all .4s ease-in;
transition: all .4s ease-in;
content: "";
}
.abercomru-catalog__sections__list a:hover:before {
width: 66%;
}
.abercomru-catalog__sections__list a:after {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2px;
background: #f00;
content: "";
}
.abercomru-catalog__sections__list figure {
padding-bottom: 100%;
}
.abercomru-catalog__sections__item__title {
display: block;
padding: 1em 0;
font-weight: 400;
font-family: Oswald,sans-serif;
text-transform: uppercase;
}
.abercomru-catalog__sections__item__title span {
color: #333;
}
.abercomru-catalog__section { margin: 0 -15px; }
.abercomru-catalog__section:after { display: block; clear: both; content: ""; }
.abercomru-catalog__section__descr { margin: 2em 0 4em; }
.abercomru-catalog__section__items { float: right; padding: 0 15px; width: 75%; }
.abercomru-catalog__section__list,
.abercomru-catalog__section__list li {
margin: 0;
padding: 0;
list-style: none;
}
.abercomru-catalog__section__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: 0 -2.5%;
}
.abercomru-catalog__section__list li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 0 50px;
padding: 0 2.5%;
/*width: 33.33%;*/
}
.abercomru-catalog__section__list a {
display: block;
position: relative;
width: 100%;
height: 100%;
color: #333;
}
/*.abercomru-catalog__section__list a:before {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 33%;
height: 2px;
background: #333;
-webkit-transition: all .4s ease-in;
-moz-transition: all .4s ease-in;
-o-transition: all .4s ease-in;
transition: all .4s ease-in;
content: "";
}
.abercomru-catalog__section__list a:hover {
color: #f00;
}
.abercomru-catalog__section__list a:hover:before {
width: 66%;
}
.abercomru-catalog__section__list a:after {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2px;
background: #f00;
content: "";
}*/
.abercomru-catalog__section__list figure {
padding-bottom: 100%;
/*border: 1px solid #f5f5f5;*/
}
/*.abercomru-catalog__section__list figure:before {
position: absolute;
z-index: 2;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0,0,0,.5);
content: "";
opacity: 0;
-webkit-transition: opacity .3s ease;
-moz-transition: opacity .3s ease;
-ms-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
}*/
/*.abercomru-catalog__section__list figcaption {
position: absolute;
z-index: 3;
bottom: 0;
left: 0;
padding: .75em 1.75em;
background: #ccc;
font-size: 11px;
color: #333;
text-transform: uppercase;
opacity: 0;
-webkit-transition: opacity .3s ease;
-moz-transition: opacity .3s ease;
-ms-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
}*/
.abercomru-catalog__section__list li:hover figure:before,
.abercomru-catalog__section__list li:hover figcaption { opacity: 1; }
.abercomru-catalog__section__item__title {
display: block;
padding: 1em 0;
font-weight: 400;
font-size: 18px;
font-family: Oswald,sans-serif;
text-transform: uppercase;
}
.abercomru-catalog__section__item__title span {
color: #333;
}
.abercomru-catalog__section__aside { float: left; padding: 0 15px; width: 25%; }
.abercomru-catalog__section__aside .product-categories li a { /*text-transform: uppercase;*/ text-transform: none; color: var(--text-main);}
.abercomru-catalog__section__aside .product-categories li a:hover { color: #f00; }
.abercomru-catalog__section__aside .product-categories li ul { display: none; }
.abercomru-catalog__section__aside .product-categories li.current-cat ul { display: block; }
.abercomru-catalog__section__aside .product-categories li { border-bottom: 1px solid #363636; padding: 5px 0; margin: 5px 0 !important; }
.abercomru-catalog__section__aside .product-categories li li { margin-left: 1.5em !important; line-height: 1.25; border-bottom:none;}
.abercomru-catalog__section__aside .product-categories li li a { text-transform: none; }
.abercomru-catalog .woo-dropdown > li .order-sub-dropdown {
top: 100%;
width: auto;
margin: -1px;
}
.abercomru-catalog__item {}
.abercomru-catalog__item__content {}
.abercomru-catalog__item__gallery { float: left; /*margin-bottom: 2em;*/ width: 48%; }
.abercomru-catalog__item__gallery figure { position: relative; padding-bottom: 100%; overflow: hidden; /*background: #fff;*/ margin:7px; border-radius:6px;}
.abercomru-catalog__item__gallery figure .abercomru-catalog__item__gallery__img {/*width:100%; height:100%; object-fit: cover;*/ position: absolute; top: 50%; left: 50%; max-height: 100%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.abercomru-catalog__item__gallery__larges { margin-bottom: -1px; border-radius:6px;}
.abercomru-catalog__item__gallery__thumbs figure { cursor: pointer; border-radius:6px;}
.abercomru-catalog__item__gallery__thumbs img { opacity: .25; }
/*.abercomru-catalog__item__gallery figure::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
border-radius: 6px;
box-shadow: 0px 10px 40px 10px #36363640 inset;
}*/
.abercomru-catalog__item__gallery__thumbs .slick-current img { opacity: 1; }
.abercomru-catalog__item__info { float: right; width: 48%; }
.abercomru-catalog__item__descr { margin: 0; overflow-wrap: break-word; word-break: break-word;}
@media only screen and (min-width: 992px) {
.abercomru-catalog__item__descr{
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.abercomru-catalog__item__descr-mob{
padding: 0px;
}
}
.abercomru-catalog__item__params { margin: 2em 0 0; border-top: 1px dotted #ccc; background: #fff; padding:15px 15px; border-radius:6px;}
.abercomru-catalog__item__params dl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
margin: 0;
padding: .5em 0;
border-bottom: 1px solid var(--text-dark);
}
.abercomru-catalog__item__params dt {
margin: 0;
padding-right: 15px;
font-weight: 400;
}
.abercomru-catalog__item__params dd {
margin: 0;
font-weight: 400;
text-align: right;
font-size:18px;
}
.abercomru-catalog__item__buy {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.abercomru-catalog__item__buy input { margin-top: 10px; width: 6em; margin-right: 15px; padding-left: 5px; padding-right: 5px; text-align: center; }
.abercomru-catalog__item__buy button { margin-top: 10px !important; width: 200px; }
.abercomru-catalog__item__back { margin: 2em 0; }
.related .woo-catalog-ordering { display: none; }
.related .abercomru-catalog__section__list { margin: 0 -2.5% !important; }
#afbf_product_fid11, #afbf_quantity_fid11 { display: none; }
/*
.nav_pager { margin: 3em 0; line-height: 1; text-align: center; }
.nav_pager li { display: inline-block; vertical-align: middle; margin-right: 6px; background: #ebebeb; text-align: center; border-radius: 4px; }
.nav_pager a, .nav_pager span { display: block; padding: .9285714285714286em 0; width: 40px; color: #2b2b2b; border: 0; border-radius: 4px; }
.nav_pager a:hover, .nav_pager .nav_pager__current { background: #ff3019; color: #fff; }
.nav_pager .nav_pager__current span { color: inherit; }
*/
@media only screen and (max-width: 1199px) {
.abercomru-form__fld { display: block; }
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
.abercomru .header-contact-details li {
display: block;
margin: 0 !important;
}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
.abercomru .header-main-section .container {
display: block;
padding-top: 13px;
height: auto;
}
.abercomru .header-contact-details {
margin-top: 10px;
text-align: center;
}
.abercomru.is-header-fixed .header-section .header-main-section .container { height: auto; }
.abercomru.is-header-fixed .header-section .header-main-section .zozo-standard-logo { display: inline-block; }
.abercomru.is-header-fixed .header-section .header-main-section .zozo-sticky-logo { display: none; }
.abercomru #zozo_wrapper, .abercomru.is-header-fixed #zozo_wrapper { /*padding-top: 160px;*/ }
}
@media only screen and (max-width: 991px) {
.zozo-logo { display: block; }
.zozo-logo a.navbar-brand { margin: 0 auto !important; }
.abercomru-catalog__sections__list li { width: 50%; }
/*.abercomru-catalog__section__list li { width: 50%; }*/
.abercomru-slider__item__descr { margin: 5% 0; padding: 0 15px; font-size: 12px; }
.abercomru-slider__item__title { font-size: 18px; }
.abercomru-slider__item__subtitle { font-size: 14px; }
.abercomru-slider__item__footer * {font-size: inherit !important; }
.odd .abercomru-slider__item__descr { padding-left: 15px; text-align: center; }
}
@media only screen and (max-width: 991px) {
/*.abercomru #zozo_wrapper, .abercomru.is-header-fixed #zozo_wrapper { padding-top: 60px; }*/
.abercomru-catalog__section__aside, .abercomru-catalog__section__items { width: 100%; }
/*.widget_product_categories { display: none; }*/
.woo-dropdown, .woo-sort-ordering { margin-bottom: 10px; }
.abercomru-catalog__item__gallery, .abercomru-catalog__item__info { width: 100%; }
.zozo-mobile-logo a.navbar-brand { padding: 0; width: 130px; height: 50px !important; }
.abercomru .zozo-mobile-logo a.navbar-brand img { max-height: 100%; }
}
@media only screen and (max-width: 639px) {
body,html { min-width: 320px; }
.abercomru-catalog__sections__list li { width: 100%; }
.abercomru-catalog__section__list li { width: 100%; }
.abercomru-catalog__item__buy input, .abercomru-catalog__item__buy button { float: none; margin-right: 0; width: 100%; }
}
/****************************************/
@media only screen and (min-width: 768px) {
.mobile-menu-wrapper, .mobile-cart-wrapper { display: none; }
}
#map1{
margin-bottom: 30px;
}
#contacts1{
font-size: 16px;
}
#afbf_product_fid15 {
display: none;
}
.alx_feedback_popup{
background: var(--primary-red);
border-color: var(--primary-red);
color: #fff;
white-space: normal !important;
text-align: center;
line-height: 22px;
padding: 9px 12px;
font-size: 14px;
border-radius: 4px;
font-weight: normal;
height: auto;
cursor: pointer;
position: relative;
text-decoration: none;
overflow: visible;
border: 0;
display: inline-block;
background-image: none;
box-shadow: none;
text-shadow: none;
}
.advantage__item{
text-align: center;
display: flex;
flex-direction: column;
}
.advantage__item img {
width:60px;
}
.advantage__item a{
display:block;
}
.abercomru-catalog__item__advantage{
display:flex;
justify-content: space-around;
}
.header-whatsapp{
max-width: 25px;
}
.header-whatsapp img {
width: 25px;
height: 25px;
}
.header-contact-details > li.header-whatsapp {
margin-right: 5px;
}
.footer-column{
margin-bottom: 25px;
}
.rate-yandex {
margin: 20px 0;
}
/* ================================================================
*** ГАЛОЧКИ ДЛЯ ПОДМЕНЮ
* ================================================================ */
/* Скрываем стандартный треугольник Bootstrap*/
#main-menu .dropdown-toggle .caret {
display: none !important;
}
#main-menu li.menu-item-has-children > a {
position: relative;
padding-right: 24px !important;
}
#main-menu li.menu-item-has-children > a::after {
content: '';
position: absolute;
right: 8px;
top: 50%;
width: 6px;
height: 6px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: translateY(-70%) rotate(45deg);
transition: transform 0.2s ease-in-out;
opacity: 0.8;
}
#main-menu li.menu-item-has-children:hover > a::after,
#main-menu li.menu-item-has-children.open > a::after {
transform: translateY(-30%) rotate(-135deg);
opacity: 1;
}
#main-menu .dropdown-menu li.menu-item-has-children > a::after {
right: 12px;
transform: translateY(-50%) rotate(-45deg);
}
#main-menu .dropdown-menu li.menu-item-has-children:hover > a::after {
transform: translateY(-50%) rotate(45deg);
}
/* ==========================конец=================================*/
/* ================================================================
* БЛОК КОНТАКТЫ
* ================================================================ */
.contacts-block {
width: 100%;
box-sizing: border-box;
margin-bottom: 60px;
}
.contacts-block__title {
font-weight: 400;
font-style: normal;
font-size: 36px;
line-height: 100%;
letter-spacing: 0;
text-transform: uppercase;
margin: 0 0 60px 0;
color: var(--text-main);
}
.contacts-block__grid {
display: flex;
flex-wrap: wrap;
gap: 30px;
justify-content: space-between;
}
.contacts-block__item {
flex: 1 1 100px;
}
.contacts-block__label {
font-weight: 500;
font-style: normal;
font-size: 24px;
line-height: 1.2;
letter-spacing: 0;
text-transform: uppercase;
color: var(--text-main);
margin-bottom: 10px;
}
.contacts-block__text {
font-weight: 400;
font-style: normal;
font-size: 24px;
line-height: 1.3;
letter-spacing: 0;
color: var(--text-main);
}
.contacts-block__text a {
color: inherit;
text-decoration: none;
}
.contacts-block__text a:hover {
text-decoration: underline;
}
@media only screen and (max-width: 1199px) {
.contacts-block__title { font-size: 38px; }
.contacts-block__label { font-size: 24px; }
.contacts-block__text { font-size: 24px; }
}
@media only screen and (max-width: 767px) {
.contacts-block__title { font-size: 32px; margin-bottom: 50px; }
.contacts-block__grid { flex-direction: column; gap: 25px; }
.contacts-block__label { font-size: 20px; margin-bottom: 5px; }
.contacts-block__text { font-size: 20px; }
.contacts-block__item {
flex: 1 1 80px;
}
}
/* ==========================конец=================================*/
/* ================================================================
* НАВИГАЦИЯ
* ================================================================ */
nav.nav_pager {
width: 100%;
margin: 40px 0;
display: flex;
justify-content: flex-end;
box-sizing: border-box;
}
nav.nav_pager ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
flex-wrap: wrap;
max-width: 100%;
}
nav.nav_pager ul li {
display: inline-flex;
align-items: center;
justify-content: center;
}
nav.nav_pager ul li.nav_pager__prev {
margin-right: 40px;
}
nav.nav_pager ul li.nav_pager__next {
margin-left: 40px;
}
nav.nav_pager ul li a,
nav.nav_pager ul li.nav_pager__current span {
display: flex;
align-items: center;
justify-content: center;
min-width: 29px;
height: 40px;
padding: 0 7px;
box-sizing: border-box;
background: #ffffff;
border-radius: 6px;
color: #000000;
font-weight: 500;
font-size: 26px;
line-height: 100%;
text-decoration: none;
transition: background 0.2s ease, color 0.2s ease;
}
nav.nav_pager ul li.nav_pager__current span {
background: var(--primary-red, #EC2527);
color: #ffffff;
}
nav.nav_pager ul li.nav_pager__prev span,
nav.nav_pager ul li.nav_pager__prev a,
nav.nav_pager ul li.nav_pager__next span,
nav.nav_pager ul li.nav_pager__next a {
display: flex;
align-items: center;
justify-content: center;
width: 68px;
height: 16px;
padding: 0;
border: none;
background: transparent;
color: var(--primary-red, #EC2527);
cursor: pointer;
transition: color 0.2s ease, opacity 0.2s ease;
}
nav.nav_pager ul li svg {
width: 100%;
height: auto;
display: block;
}
nav.nav_pager ul li.nav_pager__prev:hover a,
nav.nav_pager ul li.nav_pager__next:hover a {
color: #CE1233;
}
nav.nav_pager ul li.nav_pager__prev span,
nav.nav_pager ul li.nav_pager__next span {
cursor: default;
opacity: 0.2;
}
@media screen and (max-width: 1024px) {
nav.nav_pager ul li.nav_pager__prev { margin-right: 15px; }
nav.nav_pager ul li.nav_pager__next { margin-left: 15px; }
nav.nav_pager ul li a,
nav.nav_pager ul li.nav_pager__current span {
min-width: 32px;
height: 38px;
font-size: 18px;
}
}
@media screen and (max-width: 768px) {
nav.nav_pager {
justify-content: center;
margin: 25px 0;
padding: 0 10px;
}
nav.nav_pager ul {
gap: 8px;
}
nav.nav_pager ul li.nav_pager__prev a,
nav.nav_pager ul li.nav_pager__prev span,
nav.nav_pager ul li.nav_pager__next a,
nav.nav_pager ul li.nav_pager__next span {
width: 45px;
}
nav.nav_pager ul li.nav_pager__prev { margin-right: 5px; }
nav.nav_pager ul li.nav_pager__next { margin-left: 5px; }
}
/* ==========================конец=================================*/
/* ================================================================
* СТРЕЛКИ ГАЛЕРЕИ В ТОВАРАХ
* ================================================================ */
.gallery_pager a:hover {
color: #CE1233 !important;
}
.gallery_pager a svg {
width: 100%;
height: auto;
display: block;
}
@media screen and (max-width: 991px) {
nav.gallery_pager {
width: 100% !important;
padding: 0 15px !important;
margin-bottom: 15px !important;
}
.gallery_pager__prev a,
.gallery_pager__next a {
width: 45px !important;
}
}
/* ==========================конец=================================*/
/* ================================================================
* СТИЛИ ДЛЯ КАТЕГОРИЙ В САЙДБАРЕ КАТАЛОГА
* ================================================================ */
.widget_product_categories .cat-item ul {
display: none;
}
.widget_product_categories .cat-item.is-open > ul,
.widget_product_categories .cat-item.current-cat > ul {
display: block;
}
/* --- Стили для ПОДкатегорий --- */
.widget_product_categories .cat-item ul li a {
color: #626262;
font-size: 14px;
font-weight: normal;
}
/* ==========================конец=================================*/
/*************галочка у маеню сайдбара в категориях****************/
.abercomru-catalog__section__aside .product-categories > li > a {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
width: 100%;
}
.abercomru-catalog__section__aside .product-categories > li > a::after {
content: "";
display: inline-block;
width: 18px;
height: 18px;
flex-shrink: 0;
margin-left: 10px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23363636' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transition: transform 0.2s ease-in-out;
}
.abercomru-catalog__section__aside .product-categories > li.is-open > a::after,
.abercomru-catalog__section__aside .product-categories > li.current-cat > a::after {
transform: rotate(180deg);
}
.abercomru-catalog__section__aside .product-categories li li a::after {
display: none !important;
}
/******конец********/
/* ================================================================
*** БЛОК С КНОПКАМИ В ТОВАРАХ
* ================================================================ */
.product-actions-wrapper {
width: 100%;
max-width: 100%;
margin-top: 15px;
font-family: inherit;
}
.product-actions-top {
display: flex;
justify-content: space-between;
align-items: center;
background: #ffffff;
padding: 20px 15px;
box-sizing: border-box;
border-radius: 6px;
}
.abercomru-catalog__item__advantage {
display: flex;
gap: 25px;
margin: 0;
padding: 0;
}
.advantage__item a {
color: var(--primary-red, #EC2527);
font-size: 16px;
text-decoration: underline;
font-weight: 400;
transition: opacity 0.2s ease;
}
.advantage__item a:hover {
text-decoration: none;
}
.button--secondary {
background: #ffffff !important;
border: 1px solid #000000 !important;
color: #000000 !important;
padding: 12px 40px !important;
font-size: 16px !important;
border-radius: 6px !important;
cursor: pointer !important;
white-space: nowrap !important;
transition: background-color 0.2s ease;
}
.button--secondary:hover {
border: 1px solid var(--primary-red, #EC2527) !important;
color: var(--primary-red, #EC2527) !important;
}
.button--primary {
width: 100%;
margin-bottom: 20px !important;
border-radius: 6px !important;
}
.button--primary:hover {
background: #CE1233 !important;
}
.product-actions-bottom {
margin: 15px 0;
}
@media screen and (min-width: 991px) and (max-width: 1240px) {
.product-actions-top {
padding: 20px 20px;
}
.abercomru-catalog__item__advantage {
gap: 15px;
}
.button--secondary {
padding: 12px 25px !important;
font-size: 15px !important;
}
.advantage__item a {
font-size: 15px;
}
}
@media screen and (max-width: 768px) {
.product-actions-top {
flex-direction: column;
align-items: stretch;
gap: 20px;
padding: 20px;
}
.abercomru-catalog__item__advantage {
justify-content: space-around;
gap: 10px;
}
.button--secondary {
width: 100%;
text-align: center;
}
}
/* ==========================конец=================================*/
/* ================================================================
*** БЛОК С ФОРМОЙ ОБРАТНОГО ЗВОНКА
* ================================================================ */
#callback{
scroll-margin-top: 100px;
}
.europump-feedback {
}
.ep-feedback-container {
max-width: 1600px;
margin: 0 auto;
display: flex;
align-items: flex-start;
gap: 20px;
}
.ep-feedback-left {
flex: 1;
display: flex;
flex-direction: column;
/*justify-content: space-between;*/
}
.ep-feedback-title {
font-weight: 400;
font-style: normal;
font-size: 36px;
line-height: 100%;
letter-spacing: 0;
text-transform: uppercase;
margin: 0 0 25px 0;
color: var(--text-main);
}
.ep-feedback-subtitle {
font-size: 16px;
/*margin: 0 0 15px 0;*/
margin: 0;
line-height: 1.4;
}
.ep-feedback-right {
flex: 1;
display: flex;
align-self: stretch;
position: relative;
}
.ep-image-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 6px;
overflow: hidden;
}
.ep-image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.ep-image-text {
position: absolute;
top: 25px;
left: 25px;
}
.ep-image-text .main {
font-size: 20px;
margin: 0 0 5px 0;
}
.ep-image-text p {
font-size: 16px;
margin: 0;
}
.ep-feedback-reverse .ep-feedback-left {
align-self: stretch;
position: relative;
}
.ep-feedback-reverse .ep-feedback-right {
flex-direction: column;
align-self: auto;
position: static;
}
.ep-image-text-hidden{
display:none;
}
@media (max-width: 992px) {
.ep-feedback-container {
flex-direction: column;
gap: 30px;
max-height:inherit;
}
.ep-feedback-right {
order: 2;
align-self: auto;
position: static;
width: 100%;
}
.ep-image-wrapper {
position: relative;
top: auto;
left: auto;
/*height: 500px;*/
}
.ep-feedback-reverse .ep-feedback-left {
order: -1;
align-self: auto;
position: static;
width: 100%;
}
}
@media (max-width: 576px) {
.europump-feedback {
}
.ep-image-text-hidden{
display: flex;
justify-content: space-between;
margin-top: 20px;
align-items: center;
text-align: center;
font-size: 14px;
}
.ep-image-text{
display:none;
}
.ep-feedback-right{
display:block;
}
.ep-feedback-title {
font-size: 24px;
}
.ep-form-row {
flex-direction: column;
gap: 10px;
}
}
/* ==========================конец=================================*/
/* ================================================================
*** БЛОК ГАРАНТИЯ КАЧЕСТВА
* ================================================================ */
.warranty-section {
}
.warranty-title {
font-size: 36px;
text-transform: uppercase;
}
.warranty-desc {
font-size: 16px;
color: var(--text-main);
max-width: 600px;
margin: 0 0 40px 0;
}
.warranty-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.warranty-image-card {
width: 100%;
border-radius: 6px;
overflow: hidden;
}
.warranty-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.warranty-stats {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.stat-card {
background: #ffffff;
border-radius: 6px;
padding: 30px 24px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
display: flex;
flex-direction: column;
justify-content: flex-end;
min-height: 160px;
box-sizing: border-box;
}
.stat-card--red {
background: var(--primary-red);
color: #ffffff;
}
.stat-num {
font-size: 36px;
font-weight: 500;
margin-bottom: 8px;
}
.text-red {
color: var(--primary-red);
}
.stat-label {
font-size: 18px;
font-weight: normal;
}
.stat-card:not(.stat-card--red) .stat-label {
/* color: var(--primary-red);*/
}
@media (max-width: 992px) {
.warranty-grid {
grid-template-columns: 1fr;
}
.warranty-image-card {
height: 350px;
order: 3;
}
}
@media (max-width: 576px) {
.warranty-stats {
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.warranty-grid {
gap: 10px;
}
.warranty-image-card {
height: 240px;
}
.stat-card {
min-height: 120px;
padding: 15px;
}
.stat-num{
font-size: 26px;
}
.stat-label{
font-size: 14px;
}
}
/* ==========================конец=================================*/
/* ================================================================
*** БЛОК О НАС
* ================================================================ */
.about-section {
}
.about-title {
font-size: 36px;
font-weight: normal;
text-transform: uppercase;
margin: 0 0 60px 0;
}
.about-lead {
font-size: 15px;
line-height: 1.4;
max-width: 550px;
margin: 0 0 40px 0;
}
.about-grid {
display: grid;
grid-template-columns: minmax(260px, 1fr) minmax(0, 1.3fr);
gap: 20px;
align-items: stretch;
}
.about-image-card {
position: relative;
width: 100%;
border-radius: 6px;
overflow: hidden;
height: 100%;
min-height: 280px;
}
.about-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.about-content {
display: flex;
flex-direction: column;
gap: 16px;
}
.about-subtitle {
font-size: 18px;
margin: 0 0 4px 0;
}
.about-text {
font-size: 16px;
}
.about-categories {
background: #ffffff;
padding: 14px 20px;
border-radius: 6px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 12px 20px;
margin: 10px 0;
}
.category-item {
font-size: 18px;
color: var(--text-gray);
white-space: normal;
}
.hidden-text-button{
display:none;
}
@media (max-width: 1533px) {
.category-item{
font-size: 15px;
}
}
@media (max-width: 1325px) {
.category-item{
font-size: 14px;
}
.about-categories {
justify-content: flex-start;
}
}
@media (max-width: 1024px) {
.about-categories {
justify-content: space-between;
}
.about-grid {
grid-template-columns: 1fr;
gap: 25px;
}
.about-image-card {
height: auto;
min-height: 0;
}
.about-img {
position: static;
height: auto;
aspect-ratio: 16 / 10;
object-fit: cover;
}
.category-item{
font-size: 14px;
}
.about-categories {
gap: 15px 25px;
}
}
@media (max-width: 743px) {
.about-categories {
justify-content: flex-start;
}
.category-item{
font-size: 16px;
text-align: center;
}
}
@media (max-width: 576px) {
.about-section {
}
.about-title {
font-size: 28px;
}
.about-subtitle {
font-size: 18px;
}
.about-categories {
justify-content: space-between;
align-items: flex-start;
gap: 10px;
background: none;
padding: 0px;
}
.category-item{
background: #ffffff;
padding: 14px 20px;
border-radius: 6px;
width: 100%;
}
.hidden-text{
display:none;
}
.hidden-text.is-open {
display: block;
}
.hidden-text-button{
display:block;
text-align:center;
text-decoration: underline;
color: var(--text-main);
font-size: 16px;
border: none;
background: none;
}
}
/* ==========================конец=================================*/
/* ================================================================
*** СПАСИБО
* ================================================================ */
.success-block {
position: relative;
border-radius: 6px;
width: 100%;
min-height: 450px;
height: 60vh;
background-image: url('/upload/medialibrary/9d6/5kiv5jfyty70uwaeauhq0135ss2hhxkx.jpg');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
padding: 20px;
margin-bottom: 100px;
}
.success-block__container {
width: 100%;
max-width: 1200px;
display: flex;
align-items: center;
justify-content: center;
}
.success-block__card {
width: 100%;
border-radius: 6px;
border: 1px solid transparent;
background-image:
linear-gradient(0deg, rgba(250, 250, 250, 0.1), rgba(250, 250, 250, 0.1)),
linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
linear-gradient(231.27deg, rgba(254, 254, 254, 0.06) 44.26%, rgba(255, 255, 255, 0.2) 97.16%);
background-clip: padding-box, padding-box, border-box;
background-origin: padding-box, padding-box, border-box;
backdrop-filter: blur(25px);
-webkit-backdrop-filter: blur(25px);
padding: 40px;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
}
.success-block__text {
margin: 0;
color: #ffffff;
font-size: 36px;
font-weight: 500;
}
@media (max-width: 768px) {
.success-block {
min-height: 380px;
height: auto;
padding: 15px;
}
.success-block__card {
padding: 25px 20px;
gap: 20px;
}
.success-block__text {
font-size: 20px;
}
.success-block__btn.btn-callback-trigger {
width: 100%;
text-align: center;
}
}
/* ==========================конец=================================*/
/* ================================================================
*** 404
* ================================================================ */
.error-page {
width: 100%;
margin-bottom: 100px;
}
.error-page__content {
background: #ffffff;
padding: 40px 50px;
border-radius: 6px;
box-sizing: border-box;
}
.success-block__btn{
width: 100%;
margin-top:20px;
}
.error-page__header {
display: flex;
align-items: center;
gap: 15px;
color: var(--primary-red);
margin-bottom: 25px;
}
.error-page__icon {
flex-shrink: 0;
}
.error-page__code {
font-size: 56px;
font-weight: 500;
line-height: 1;
}
.error-page__text {
font-size: 36px;
font-weight: 500;
line-height: 1.3;
color: #000;
margin: 0;
}
@media screen and (max-width: 768px) {
.error-page__content {
padding: 30px 20px;
}
.error-page__code {
font-size: 42px;
}
.error-page__text {
font-size: 24px;
}
.error-page__text br {
display: none;
}
}
/* ==========================конец=================================*/
/* ================================================================
*** ОБЩИЕ ДЛЯ СТРАНИЦ
* ================================================================ */
.content-page {
margin-bottom:100px;
}
.content-page *, .content-page *::before, .content-page *::after {
box-sizing: inherit;
}
.content-page__main {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
align-items: start;
}
.content-page__text-group {
flex: 1 1 450px;
display: flex;
flex-direction: column;
gap: 30px;
}
.content-page__subtitle, .content-page__subtitle__bottom {
margin: 15px 0 15px;
font-size: 24px;
font-weight: normal;
}
.content-page__section > *:first-child {
margin-top: 0;
}
.content-page__section > *:last-child {
margin-bottom: 0;
}
.content-page__text {
margin-bottom: 15px;
font-size: 16px;
line-height: 1.4;
}
.content-page__image-wrapper {
width: 100%;
height: 100%;
min-height: 250px;
}
.content-page__image {
display: block;
width: 100%;
height: 100%;
border-radius: 6px;
object-fit: cover;
}
.content-page__subtitle__bottom {
margin-left: auto;
max-width: 50%;
}
.content-page__bottom-text {
margin: 25px 0 0 auto;
max-width: 50%;
font-size: 16px;
line-height: 1.5;
}
.content-categories {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
/*margin-top: 20px;*/
}
.content-categories-quality {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
/*margin-top: 20px;*/
}
.content--item {
display: flex;
align-items: center;
background-color: #fff;
padding: 12px 16px;
border-radius: 6px;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.5px;
box-sizing: border-box;
justify-content: center;
}
.hidden_head{
display:none;
}
.content-page__section--top-left{
display: flex;
flex-direction: column;
height: 100%;
}
.content-page__subtitle.visible_head {
margin-top: auto;
margin-bottom: 0;
}
@media (max-width: 1024px) {
.content-page__bottom-text, .content-page__subtitle__bottom {
max-width: 100%;
}
}
@media (max-width: 992px) {
.visible_head{
display:none;
}
.hidden_head{
display:block;
}
.content-page__main {
grid-template-columns: 1fr;
gap: 30px;
}
.content-page__section--top-left {
order: 1;
}
.content-page__image-wrapper {
order: 2;
height: 350px;
}
.content-page__section--bottom-left {
order: 3;
}
.content-page__section--bottom-right {
order: 4;
}
}
@media (max-width: 768px) {
.content-categories, .content-categories-quality {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
}
@media (max-width: 480px) {
.content-categories, .content-categories-quality {
grid-template-columns: 1fr;
}
.content-page__image-wrapper {
height: 250px;
}
.content-categories--flex, .content-categories--flex-quality {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.content-categories--flex .content--item, .content-categories--flex-quality .content--item {
width: auto;
flex-grow: 1;
text-align: center;
}
.content-categories--flex-quality .content--item{
justify-content: flex-start;
}
}
/* ==========================конец=================================*/
/* ================================================================
*** ДОПОЛНИТЕЛЬНЫЕ СТИЛИ ДЛЯ СТРАНИЦЫ КЛИЕНТОВ
* ================================================================ */
.content-page__section--bottom {
grid-column: 1 / -1;
}
.content-categories--cards {
grid-template-columns: repeat(4, 1fr);
gap: 15px;
}
.content-page__subtitle-klientam{
font-size: 24px;
line-height: 1.25;
}
.subhead{
font-size: 18px;
color: var(--text-dark);
}
.content--item-card {
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
text-transform: none;
letter-spacing: normal;
padding: 24px;
min-height: 180px;
}
.content--item-card .content-card__title {
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
margin: 0 0 12px 0;
}
.content--item-card .content-page__text {
margin-bottom: 20px;
flex-grow: 1;
}
.content--item-card .content-card__link {
font-size: 16px;
color: var(--primary-red, #e52d2b);
text-decoration: underline;
}
.ep-feedback-text{
font-size: 18px;
}
.ep-feedback-phone, .ep-feedback-email{
font-size: 22px;
color: var(--primary-red, #e52d2b);
}
.ep-feedback-email{
text-transform: uppercase;
}
.ep-feedback-container-klientam{
display: flex;
justify-content: space-between;
align-items: stretch;
background-color: #fff;
border-radius: 6px;
}
.ep-feedback-subtitle-klientam{
margin: 0 0 15px 0;
}
.ep-feedback-right-text {
margin-left: auto;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
text-align: left;
}
.content-page__image-wrapper-klientam{
min-height: 190px;
height:250px;
}
@media (max-width: 992px) {
.content-categories--cards {
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
.content-page__section--bottom{
order:3;
}
.content-page__image-wrapper-klientam{
min-height: 100%;
}
}
@media (max-width: 480px) {
.content-categories--cards {
grid-template-columns: repeat(2, 1fr) !important;
gap: 10px;
}
.content-page__image-wrapper-klientam{
height: auto;
}
.content-page__subtitle-klientam{
font-size: 17px;
}
.content-page__text-klientam{
font-size: 14px;
}
.subhead{
font-size: 16px;
}
.content--item-card {
padding: 14px;
min-height: 190px;
}
.content--item-card .content-card__title {
font-size: 16px;
}
.content--item-card .content-page__text {
font-size: 14px;
}
}
/* =========================форма в клиентах=================================*/
.ep-feedback-container-klientam {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 15px !important;
background-color: #fff;
border-radius: 6px;
align-items: stretch;
}
.ep-feedback-container-klientam .ep-feedback-left {
grid-column: 1 / 3 !important;
padding: 36px 24px;
}
.ep-feedback-container-klientam .ep-feedback-right-text {
grid-column: 4 / 5 !important; /* Принудительно ставим в 4-ю колонку */
display: flex !important;
flex-direction: column !important;
justify-content: flex-end !important;
align-items: flex-start !important;
text-align: left !important;
margin-left: 0 !important;
padding: 36px 24px;
}
@media (max-width: 992px) {
.ep-feedback-container-klientam {
grid-template-columns: 1fr !important;
}
.ep-feedback-container-klientam .ep-feedback-left,
.ep-feedback-container-klientam .ep-feedback-right-text {
grid-column: 1 / -1 !important;
}
}
/* ==========================конец=================================*/
/* ================================================================
*** КАЧЕСТВО И СЕРТИФИКАЦИЯ
* ================================================================ */
.content-page--quality .content-page__section--top-left {
grid-column: 1;
grid-row: 1;
}
.content-page--quality .content-page__image-wrapper {
grid-column: 2;
grid-row: 1;
}
.content-page--quality .content-page__section--title {
grid-column: 1;
grid-row: 2;
align-self: end;
}
.content-page--quality .content-page__section--title .content-page__subtitle {
margin-bottom: 0;
}
.content-page--quality .content-page__section--full {
grid-column: 1 / -1;
grid-row: 3;
}
.content-page--quality .content-page__section--bottom-left {
grid-column: 1;
grid-row: 4;
}
.content-page--quality .content-page__section--bottom-right {
grid-column: 2;
grid-row: 4;
}
@media (max-width: 992px) {
.content-page--quality .content-page__main {
grid-template-columns: 1fr;
gap: 25px;
}
.content-page--quality .content-page__section--top-left,
.content-page--quality .content-page__image-wrapper,
.content-page--quality .content-page__section--title,
.content-page--quality .content-page__section--full,
.content-page--quality .content-page__section--bottom-left,
.content-page--quality .content-page__section--bottom-right {
grid-column: auto;
grid-row: auto;
}
.content-page--quality .content-page__section--top-left {
order: 1;
}
.content-page--quality .content-page__image-wrapper {
order: 2;
height: 300px;
}
.content-page--quality .content-page__section--title {
order: 3;
}
.content-page--quality .content-page__section--full {
order: 4;
}
.content-page--quality .content-page__section--bottom-left {
order: 5;
}
.content-page--quality .content-page__section--bottom-right {
order: 6;
}
}
/* ==========================конец=================================*/
/* ================================================================
*** СТАТЬ ПАРТНЕРОМ
* ================================================================ */
.coop-section {
}
.coop-container {
display: flex;
flex-direction: column;
gap: 20px;
}
.coop-grid-row {
display: grid;
gap: 20px;
}
.coop-row-triple {
grid-template-columns: repeat(3, 1fr);
align-items: start;
}
.coop-left-info-column {
display: flex;
flex-direction: column;
}
.coop-info-box {
border: 1px solid var(--text-main);
border-radius: 6px;
padding: 15px;
box-sizing: border-box;
height: calc(38px + 15px + 255px);
justify-content: space-between;
flex-direction: column;
display: flex;
}
.coop-info-box h3 {
margin: 0 0 25px 0;
font-size: 16px;
font-weight: normal;
}
.coop-list {
margin: 0;
padding: 0;
list-style: none;
display: grid;
grid-template-columns: 1.1fr 1fr;
gap: 5px 20px;
}
.coop-list li {
position: relative;
padding-left: 12px;
font-size: 14px;
}
.coop-list li::before {
content: "•";
position: absolute;
left: 0;
top: -1px;
font-size: 14px;
}
.coop-partner-text {
margin: 15px 0 0 0;
font-size: 16px;
}
.coop-aber-wrapper {
display: flex;
flex-direction: column;
}
.coop-aber-title {
margin: 0 0 25px 0;
font-size: 16px;
height: 38px;
}
.coop-cards-grid, .coop-results-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.coop-cards-grid .card,
.coop-results-grid .card {
aspect-ratio: 1 / 1;
min-height: unset;
padding: 15px 15px;
max-height: 245px;
}
.coop-row-half {
grid-template-columns: 1fr 1fr;
}
.coop-search-flex-group {
display: flex;
gap: 20px;
align-items: stretch;
}
.coop-search-flex-group .coop-decor--search {
width: 30%;
flex-shrink: 0;
}
.coop-search-flex-group .card--full {
flex-grow: 1;
}
.coop-right-aligned-wrapper {
display: flex;
justify-content: flex-end;
width: 100%;
}
.coop-right-results-group {
/*width: 65%; */
display: flex;
flex-direction: column;
justify-content: flex-end;
position: relative;
}
.coop-right-results-group .coop-title {
margin: 0 0 12px 0;
font-size: 16px;
position: absolute;
top: -65px;
}
.coop-row-map {
grid-template-columns: 2fr 1fr;
grid-template-rows: auto auto;
align-items: start;
}
.coop-left-map-column {
display: flex;
flex-direction: column;
}
.coop-regions-box {
border: 1px solid var(--text-main);
border-radius: 6px;
padding: 15px 15px;
display: grid;
grid-template-columns: 1fr 1.1fr;
gap: 20px;
}
.coop-regions__content h2 {
font-size: 24px;
margin: 0 0 35px 0;
font-weight: bold;
line-height: 1.1;
color: var(--primary-red);
}
.coop-regions__content p {
margin: 0;
font-size: 16px;
line-height: 1.3;
}
.coop-regions__content .coop-subtitle-top { margin-bottom: 15px; }
.coop-regions__map {
display: flex;
align-items: center;
justify-content: center;
}
.coop-regions__map img {
max-width: 100%;
height: auto;
}
.coop-outside-footer-text {
margin: 15px 0 0 0;
font-size: 16px;
line-height: 1.4;
}
.coop-row-map .card--full-vertical {
align-self: stretch;
height: auto;
}
.card {
border-radius: 6px;
padding: 20px 10px;
display: flex;
flex-direction: column;
align-items: left;
justify-content: flex-start;
text-align: center;
min-height: 160px;
box-sizing: border-box;
}
.card--white {
background: #ffffff;
}
.card--red {
background: var(--primary-red);
color: #ffffff;
}
.card--border-red {
border: 1px solid var(--primary-red);
color: var(--primary-red);
}
.card--full {
justify-content: center;
padding: 15px 15px;
}
.card--full-vertical {
justify-content: center;
padding: 15px;
}
.card__icon {
max-width: 100px;
object-fit: contain;
margin: auto auto auto auto;
}
.card__text {
font-size: 14px;
font-weight: normal;
line-height: 1.3;
margin-top: 15px;
text-align: left;
}
.card--red .card__text {
font-weight: bold;
}
.coop-decor {
border-radius: 6px;
background-repeat: no-repeat;
background-position: center center;
}
.coop-decor--gear {
background-image: url('/upload/medialibrary/partners/bg-gear.svg');
background-size: contain;
margin: 35px 0;
height: 70%;
}
.coop-decor--search {
background-image: url('/upload/medialibrary/partners/bg-search.svg');
background-size: contain;
}
@media screen and (min-width: 1650px) {
.coop-results-grid .card{
max-height: 249px;
}
}
@media screen and (max-width: 1600px) {
.coop-info-box {
/*height: calc(38px + 15px + 246px);
height: calc(250px + 15px + 246px);*/
height: auto;
}
}
@media screen and (max-width: 1470px) and (min-width: 993px) {
.coop-row-half {
grid-template-rows: auto auto;
}
.coop-right-aligned-wrapper,
.coop-right-results-group {
display: contents;
}
.coop-right-results-group .coop-title {
grid-column: 2;
grid-row: 1;
}
.coop-results-grid {
grid-column: 2;
grid-row: 2;
width: 65%;
margin-right: auto;
}
.coop-search-flex-group {
grid-column: 1;
grid-row: 2;
}
}
@media screen and (min-width: 993px) {
.coop-left-map-column {
display: contents;
}
.coop-regions-box {
grid-column: 1;
grid-row: 1;
}
.coop-outside-footer-text {
grid-column: 1;
grid-row: 2;
}
.coop-row-map .card--full-vertical {
grid-column: 2;
grid-row: 1;
}
.coop-search-flex-group .card--full {
min-height: unset;
}
}
@media screen and (max-width: 1610px) and (min-width: 1470px) {
.coop-right-results-group .coop-title{
display:none;
}
}
@media screen and (max-width: 1470px) {
.coop-right-results-group, .coop-right-results-group .coop-title{
position: inherit;
top: 0px;
margin: 0 0 15px 0;
}
.coop-right-results-group {
/*width: 100%; */
}
.coop-right-aligned-wrapper{
justify-content: flex-start;
}
}
@media screen and (max-width: 992px) {
.coop-container {
gap: 20px;
}
.coop-decor {
display: none !important;
}
.coop-grid-row {
display: flex;
flex-direction: column;
gap: 20px;
}
.coop-search-flex-group {
display: block;
z-index: 1;
}
.coop-title {
position: relative !important;
}
.coop-title::after {
content: "";
position: absolute;
top: -73px;
right: -58px;
width: 180px;
height: 180px;
background-image: url(/upload/medialibrary/partners/bg-gear.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
pointer-events: none;
}
.coop-right-results-group {
width: 100%;
}
.coop-cards-grid .card,
.coop-results-grid .card,
.card--full,
.card--full-vertical {
aspect-ratio: auto;
min-height: 140px;
}
.coop-row-map .card--full-vertical {
width: 100%;
flex-shrink: 0;
}
.coop-regions-box {
grid-template-columns: 1fr;
}
.coop-regions__map {
order: -1;
margin-bottom: 15px;
}
.coop-list {
grid-template-columns: 1fr;
}
.coop-row-map .card--full-vertical{
order: 1;
}
.coop-left-map-column{
order: 2;
}
.coop-regions-box{
border:none;
padding:0;
}
.coop-search-flex-group .card--full{
min-height: 240px;
}
}
@media screen and (max-width: 580px) {
.coop-cards-grid, .coop-results-grid, .coop-container{
gap: 10px;
}
.coop-aber-title{
height:auto;
}
.card__text{
font-size: 12px;
margin-top: 6px;
}
.coop-list {
grid-template-columns: 1fr 1fr;
}
.coop-info-box{
order: 2;
}
.coop-partner-text{
margin-bottom:15px !important;
}
.coop-outside-footer-text{
display:none;
}
.coop-cards-grid .card, .coop-results-grid .card, .card--full, .card--full-vertical, .coop-search-flex-group .card--full, .coop-row-map .card--full-vertical{
height: 160px;
min-height: auto;
}
.card__icon{
max-width: 60px;
}
.coop-right-results-group{
margin:0;
}
}
@media screen and (max-width: 380px) {
.coop-cards-grid, .coop-results-grid, .coop-container{
grid-template-columns: 1fr;
}
.card__text{
font-size: 14px;
}
.card--full{
padding: 15px 15px;
}
}
/* ================================================================
*** МОБИЛЬНЫЙ ХЕДЕР (< 764px)
* ================================================================ */
@media (max-width: 764px) {
.abercomru .header-mobile-main-section, .mobile-search-row .custom-search-form input[type="text"]{
background: none;
box-shadow:none;
}
.abercomru .mobile-menu-wrapper, .abercomru .mobile-cart-wrapper{
z-index: 99999;
}
.mobile-header-section {
display: block !important;
/* position: relative !important;*/
width: 100% !important;
height: 125px !important;
min-height: 125px !important;
border-radius:6px;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
white-space: normal !important;
background: none;
top: 0;
left: 0;
position: fixed !important;
z-index: 99999999999999999999999;
background: var(--light-gray);
}
.header-mobile-main-section,
.header-mobile-main-section .container {
display: block !important;
position: static !important;
width: 100% !important;
padding: 0 !important;
}
/* ------------------------------------------------------------
* РЯД 1 (ВЕРХНИЙ): ПОИСК
* ------------------------------------------------------------ */
.mobile-search-row {
position: absolute !important;
top: 12px !important;
left: 20px !important;
right: 20px !important;
width: calc(100% - 40px) !important;
height: 42px !important;
box-sizing: border-box !important;
display: block !important;
z-index: 5 !important;
}
.mobile-search-row .custom-search-form {
width: 100% !important;
position: relative !important;
display: block !important;
}
.mobile-search-row .custom-search-form input[type="text"] {
width: 100% !important;
height: 42px !important;
padding: 0 15px 0 40px !important;
border-radius: 6px !important;
font-size: 16px !important;
box-sizing: border-box !important;
display: block !important;
}
.mobile-search-row .custom-search-form .search-inside-icon {
position: absolute !important;
left: 14px !important;
font-size: 16px !important;
z-index: 6 !important;
top: 50% !important;
transform: translateY(-50%) !important;
margin: 0 !important;
}
/* ------------------------------------------------------------
* РЯД 2 (НИЖНИЙ): ЛОГОТИП И БУРГЕР
* ------------------------------------------------------------ */
.mobile-top-row {
position: absolute !important;
bottom: 12px !important; /* Опускаем вниз */
left: 20px !important;
right: 20px !important;
height: 40px !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
box-sizing: border-box !important;
width: calc(100% - 40px) !important;
z-index: 999 !important;
padding: 25px;
background: #fff;
border-radius: 6px;
}
.custom-mobile-logo {
display: block !important;
}
.custom-mobile-logo a {
display: flex !important;
align-items: center !important;
text-decoration: none !important;
}
.custom-mobile-logo .logo-text-euro,
.custom-mobile-logo .logo-text-pump {
font-size: 26px !important;
font-weight: 900 !important;
color: var(--primary-red); !important;
line-height: 1 !important;
letter-spacing: 0.5px !important;
}
.custom-mobile-logo img {
height: 35px !important;
width: auto !important;
margin: 0 6px !important;
display: inline-block !important;
}
/* БУРГЕР*/
.custom-mobile-burger {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
position: relative !important;
font-size: 32px !important;
text-decoration: none !important;
padding: 5px !important;
z-index: 99999 !important; /* Максимальный приоритет для клика */
cursor: pointer !important;
}
.custom-mobile-burger i {
display: inline-block !important;
}
}
/* ================================================================
*** ОБНОВЛЕННЫЕ СТИЛИ ДЛЯ МОБИЛЬНОГО МЕНЮ (ПОЯВЛЕНИЕ СНИЗУ)
* ================================================================ */
.mobile-header-section .mobile-menu-wrapper.mobile-menu-left {
position: relative;
left: 0;
right: 0;
height: 0;
max-height: none !important;
overflow-x: hidden !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch;
opacity: 0;
visibility: hidden;
transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.4s;
z-index: 10;
background: var(--light-gray);
height: 100vh;
width: 100%
}
.mobile-menu-open .mobile-header-section .mobile-menu-wrapper.mobile-menu-left {
left: 0;
opacity: 1;
visibility: visible;
height: calc(100vh - 60px) !important;
max-height: none !important;
}
.main-mobile-nav .zozo-main-nav li .mobile-sub-menu {
position: relative;
transform: none !important;
display: none;
visibility: visible;
width: 100%;
}
.main-mobile-nav .zozo-main-nav li .mobile-sub-menu.sub-menu-active {
display: block;
transform: none !important;
}
.main-mobile-nav .zozo-main-nav .submenu-toggle {
line-height: 40px;
}
.custom-header-info-sub .info-title{
font-size: 14px;
}
/* ================================================================
*** КНОПКИ РАСКРЫТИЯ КАТЕГОРИЙ И ФИЛЬТРОВ НА МОБИЛЬНОМ
* ================================================================ */
.sidebar-toggle-buttons {
display: none;
}
@media (max-width: 992px) {
.sidebar-toggle-buttons {
display: flex;
gap: 10px;
margin-bottom: 20px;
}
.sidebar-toggle-buttons .toggle-btn {
flex: 1;
padding: 12px 15px;
font-size: 14px;
border: 1px solid var(--text-main, #ccc);
border-radius: 6px;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
background: transparent;
}
.sidebar-toggle-buttons .toggle-btn.active {
color: var(--primary-red, #ff0000);
border-color: var(--primary-red, #ff0000);
}
.widget-hidden-mobile {
display: none !important;
}
}
/* ================================================================
*** ТОЧКИ ПОД ДОПОЛНИТЕЛЬНЫМИ ФОТО В ТОВАРАХ НА МОБИЛЬНОМ
* ================================================================ */
@media (max-width: 580px) {
.abercomru-catalog__item__gallery__larges{
margin-bottom: 30px !important;
}
.gallery_pager{
display:none;
}
.abercomru-catalog__item__gallery__thumbs .slick-track {
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 8px !important;
width: auto !important;
transform: none !important;
}
.abercomru-catalog__item__gallery__thumbs .abercomru-catalog__item__gallery__img {
display: none !important;
}
.abercomru-catalog__item__gallery__thumbs .abercomru-slider__item {
width: 10px !important;
height: 10px !important;
min-width: 10px !important;
padding: 0 !important;
margin: 0 !important;
background-color: #ffffff !important;
border-radius: 50% !important;
cursor: pointer;
transition: background-color 0.2s ease, transform 0.2s ease;
}
.abercomru-catalog__item__gallery__thumbs .abercomru-slider__item figure {
margin: 0 !important;
padding: 0 !important;
}
.abercomru-catalog__item__gallery__thumbs .abercomru-slider__item.slick-current {
background-color: #e52d2b !important;
}
}
/* ================================================================
*** СМЕНА ПОЛОЖЕНИЯ БЛОКОВ В ТОВАРАХ НА МОБИЛЬНОМ
* ================================================================ */
.descr-mob{
display:none;
}
@media (max-width: 992px) {
.descr-mob, .abercomru-catalog__item__descr-mob, .product-actions-bottom-mob{
display:block !important;
}
.product-actions-bottom-mob{
padding-bottom: 20px !important;
}
.abercomru-catalog__item__descr-mob{
padding: 0px;
}
.abercomru-catalog__item__descr, .product-actions-bottom{
display:none;
}
}
/* ================================================================
* МОБИЛЬНОЕ МЕНЮ: АККОРДЕОН С ГАЛОЧКАМИ
* ================================================================ */
.custom-mobile-accordion,
.custom-mobile-accordion ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.custom-mobile-accordion li.cat-item {
position: relative !important;
display: block !important;
width: 100% !important;
float: none !important;
}
.custom-mobile-accordion .cat-title-row {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100% !important;
padding: 5px 15px !important;
}
.custom-mobile-accordion .cat-title-row > a {
flex: 0 1 auto !important;
color: #333 !important;
font-size: 12px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
padding: 5px 0 !important;
display: block !important;
text-decoration: none !important;
}
.custom-mobile-accordion .cat-toggler {
width: 32px !important;
height: 32px !important;
margin-left: 8px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
user-select: none !important;
background: transparent !important;
}
.custom-mobile-accordion .cat-toggler::after {
content: "" !important;
display: inline-block !important;
width: 16px !important;
height: 16px !important;
flex-shrink: 0 !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23363636' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
transition: transform 0.2s ease-in-out !important;
}
.custom-mobile-accordion .cat-toggler[aria-expanded="true"]::after {
transform: rotate(180deg) !important;
}
.custom-mobile-accordion ul.sub-menu-list {
padding-left: 15px !important;
display: none !important;
}
.custom-mobile-accordion ul.sub-menu-list.in {
display: block !important;
}
.custom-mobile-accordion ul.sub-menu-list .cat-title-row > a {
color: #626262 !important;
font-size: 13px !important;
font-weight: normal !important;
text-transform: none !important;
}
/* ================================================================
* ЛОГО ВИДЖЕТА BT24
* ================================================================ */
.b24-widget-button-inner-block, .b24-widget-button-pulse{
background: var(--primary-red) !important;
}
.b24-widget-button-social-item{
background-color: #fff !important;
color: #fff !important;
}
.b24-widget-button-social-item a{
color:#fff !important;
}