@-webkit-keyframes wrench{0%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}8%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}10%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}18%,20%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}28%,30%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}38%,40%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}48%,50%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}58%,60%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}68%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}75%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes wrench{0%{-webkit-transform:rotate(-12deg);-ms-transform:rotate(-12deg);transform:rotate(-12deg)}8%{-webkit-transform:rotate(12deg);-ms-transform:rotate(12deg);transform:rotate(12deg)}10%{-webkit-transform:rotate(24deg);-ms-transform:rotate(24deg);transform:rotate(24deg)}18%,20%{-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);transform:rotate(-24deg)}28%,30%{-webkit-transform:rotate(24deg);-ms-transform:rotate(24deg);transform:rotate(24deg)}38%,40%{-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);transform:rotate(-24deg)}48%,50%{-webkit-transform:rotate(24deg);-ms-transform:rotate(24deg);transform:rotate(24deg)}58%,60%{-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);transform:rotate(-24deg)}68%{-webkit-transform:rotate(24deg);-ms-transform:rotate(24deg);transform:rotate(24deg)}75%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.faa-parent.animated-hover:hover>.faa-wrench,.faa-wrench.animated,.faa-wrench.animated-hover:hover{-webkit-animation:wrench 2.5s ease infinite;animation:wrench 2.5s ease infinite;transform-origin-x:90%;transform-origin-y:35%;transform-origin-z:initial}.faa-parent.animated-hover:hover>.faa-wrench.faa-fast,.faa-wrench.animated-hover.faa-fast:hover,.faa-wrench.animated.faa-fast{-webkit-animation:wrench 1.2s ease infinite;animation:wrench 1.2s ease infinite}.faa-parent.animated-hover:hover>.faa-wrench.faa-slow,.faa-wrench.animated-hover.faa-slow:hover,.faa-wrench.animated.faa-slow{-webkit-animation:wrench 3.7s ease infinite;animation:wrench 3.7s ease infinite}@-webkit-keyframes ring{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}2%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}4%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}6%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}8%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}10%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}12%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}14%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}18%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}20%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes ring{0%{-webkit-transform:rotate(-15deg);-ms-transform:rotate(-15deg);transform:rotate(-15deg)}2%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}4%{-webkit-transform:rotate(-18deg);-ms-transform:rotate(-18deg);transform:rotate(-18deg)}6%{-webkit-transform:rotate(18deg);-ms-transform:rotate(18deg);transform:rotate(18deg)}8%{-webkit-transform:rotate(-22deg);-ms-transform:rotate(-22deg);transform:rotate(-22deg)}10%{-webkit-transform:rotate(22deg);-ms-transform:rotate(22deg);transform:rotate(22deg)}12%{-webkit-transform:rotate(-18deg);-ms-transform:rotate(-18deg);transform:rotate(-18deg)}14%{-webkit-transform:rotate(18deg);-ms-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-12deg);-ms-transform:rotate(-12deg);transform:rotate(-12deg)}18%{-webkit-transform:rotate(12deg);-ms-transform:rotate(12deg);transform:rotate(12deg)}20%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.faa-parent.animated-hover:hover>.faa-ring,.faa-ring.animated,.faa-ring.animated-hover:hover{-webkit-animation:ring 2s ease infinite;animation:ring 2s ease infinite;transform-origin-x:50%;transform-origin-y:0;transform-origin-z:initial}.faa-parent.animated-hover:hover>.faa-ring.faa-fast,.faa-ring.animated-hover.faa-fast:hover,.faa-ring.animated.faa-fast{-webkit-animation:ring 1s ease infinite;animation:ring 1s ease infinite}.faa-parent.animated-hover:hover>.faa-ring.faa-slow,.faa-ring.animated-hover.faa-slow:hover,.faa-ring.animated.faa-slow{-webkit-animation:ring 3s ease infinite;animation:ring 3s ease infinite}@-webkit-keyframes vertical{0%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}4%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}8%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}12%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}16%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}20%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}22%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes vertical{0%{-webkit-transform:translate(0,-3px);-ms-transform:translate(0,-3px);transform:translate(0,-3px)}4%{-webkit-transform:translate(0,3px);-ms-transform:translate(0,3px);transform:translate(0,3px)}8%{-webkit-transform:translate(0,-3px);-ms-transform:translate(0,-3px);transform:translate(0,-3px)}12%{-webkit-transform:translate(0,3px);-ms-transform:translate(0,3px);transform:translate(0,3px)}16%{-webkit-transform:translate(0,-3px);-ms-transform:translate(0,-3px);transform:translate(0,-3px)}20%{-webkit-transform:translate(0,3px);-ms-transform:translate(0,3px);transform:translate(0,3px)}22%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}}.faa-parent.animated-hover:hover>.faa-vertical,.faa-vertical.animated,.faa-vertical.animated-hover:hover{-webkit-animation:vertical 2s ease infinite;animation:vertical 2s ease infinite}.faa-parent.animated-hover:hover>.faa-vertical.faa-fast,.faa-vertical.animated-hover.faa-fast:hover,.faa-vertical.animated.faa-fast{-webkit-animation:vertical 1s ease infinite;animation:vertical 1s ease infinite}.faa-parent.animated-hover:hover>.faa-vertical.faa-slow,.faa-vertical.animated-hover.faa-slow:hover,.faa-vertical.animated.faa-slow{-webkit-animation:vertical 4s ease infinite;animation:vertical 4s ease infinite}@-webkit-keyframes horizontal{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}6%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}12%{-webkit-transform:translate(0,0);transform:translate(0,0)}18%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}24%{-webkit-transform:translate(0,0);transform:translate(0,0)}30%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}36%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes horizontal{0%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}6%{-webkit-transform:translate(5px,0);-ms-transform:translate(5px,0);transform:translate(5px,0)}12%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}18%{-webkit-transform:translate(5px,0);-ms-transform:translate(5px,0);transform:translate(5px,0)}24%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}30%{-webkit-transform:translate(5px,0);-ms-transform:translate(5px,0);transform:translate(5px,0)}36%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}}.faa-horizontal.animated,.faa-horizontal.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-horizontal{-webkit-animation:horizontal 2s ease infinite;animation:horizontal 2s ease infinite}.faa-horizontal.animated-hover.faa-fast:hover,.faa-horizontal.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-horizontal.faa-fast{-webkit-animation:horizontal 1s ease infinite;animation:horizontal 1s ease infinite}.faa-horizontal.animated-hover.faa-slow:hover,.faa-horizontal.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-horizontal.faa-slow{-webkit-animation:horizontal 3s ease infinite;animation:horizontal 3s ease infinite}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.faa-flash.animated,.faa-flash.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-flash{-webkit-animation:flash 2s ease infinite;animation:flash 2s ease infinite}.faa-flash.animated-hover.faa-fast:hover,.faa-flash.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-flash.faa-fast{-webkit-animation:flash 1s ease infinite;animation:flash 1s ease infinite}.faa-flash.animated-hover.faa-slow:hover,.faa-flash.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-flash.faa-slow{-webkit-animation:flash 3s ease infinite;animation:flash 3s ease infinite}@-webkit-keyframes bounce{0%,10%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%,60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,10%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%,60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.faa-bounce.animated,.faa-bounce.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-bounce{-webkit-animation:bounce 2s ease infinite;animation:bounce 2s ease infinite}.faa-bounce.animated-hover.faa-fast:hover,.faa-bounce.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-bounce.faa-fast{-webkit-animation:bounce 1s ease infinite;animation:bounce 1s ease infinite}.faa-bounce.animated-hover.faa-slow:hover,.faa-bounce.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-bounce.faa-slow{-webkit-animation:bounce 3s ease infinite;animation:bounce 3s ease infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}.faa-parent.animated-hover:hover>.faa-spin,.faa-spin.animated,.faa-spin.animated-hover:hover{-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-fast,.faa-spin.animated-hover.faa-fast:hover,.faa-spin.animated.faa-fast{-webkit-animation:spin .7s linear infinite;animation:spin .7s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-slow,.faa-spin.animated-hover.faa-slow:hover,.faa-spin.animated.faa-slow{-webkit-animation:spin 2.2s linear infinite;animation:spin 2.2s linear infinite}@-webkit-keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes float{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);transform:translateY(-6px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.faa-float.animated,.faa-float.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-float{-webkit-animation:float 2s linear infinite;animation:float 2s linear infinite}.faa-float.animated-hover.faa-fast:hover,.faa-float.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-float.faa-fast{-webkit-animation:float 1s linear infinite;animation:float 1s linear infinite}.faa-float.animated-hover.faa-slow:hover,.faa-float.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-float.faa-slow{-webkit-animation:float 3s linear infinite;animation:float 3s linear infinite}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulse{0%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}}.faa-parent.animated-hover:hover>.faa-pulse,.faa-pulse.animated,.faa-pulse.animated-hover:hover{-webkit-animation:pulse 2s linear infinite;animation:pulse 2s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-fast,.faa-pulse.animated-hover.faa-fast:hover,.faa-pulse.animated.faa-fast{-webkit-animation:pulse 1s linear infinite;animation:pulse 1s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-slow,.faa-pulse.animated-hover.faa-slow:hover,.faa-pulse.animated.faa-slow{-webkit-animation:pulse 3s linear infinite;animation:pulse 3s linear infinite}.faa-parent.animated-hover:hover>.faa-shake,.faa-shake.animated,.faa-shake.animated-hover:hover{-webkit-animation:wrench 2.5s ease infinite;animation:wrench 2.5s ease infinite}.faa-parent.animated-hover:hover>.faa-shake.faa-fast,.faa-shake.animated-hover.faa-fast:hover,.faa-shake.animated.faa-fast{-webkit-animation:wrench 1.2s ease infinite;animation:wrench 1.2s ease infinite}.faa-parent.animated-hover:hover>.faa-shake.faa-slow,.faa-shake.animated-hover.faa-slow:hover,.faa-shake.animated.faa-slow{-webkit-animation:wrench 3.7s ease infinite;animation:wrench 3.7s ease infinite}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg)}30%,50%,70%{-webkit-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg)}40%,60%{-webkit-transform:scale(1.3) rotate(-8deg);transform:scale(1.3) rotate(-8deg)}80%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-8deg);-ms-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg)}30%,50%,70%{-webkit-transform:scale(1.3) rotate(8deg);-ms-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg)}40%,60%{-webkit-transform:scale(1.3) rotate(-8deg);-ms-transform:scale(1.3) rotate(-8deg);transform:scale(1.3) rotate(-8deg)}80%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.faa-parent.animated-hover:hover>.faa-tada,.faa-tada.animated,.faa-tada.animated-hover:hover{-webkit-animation:tada 2s linear infinite;animation:tada 2s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-fast,.faa-tada.animated-hover.faa-fast:hover,.faa-tada.animated.faa-fast{-webkit-animation:tada 1s linear infinite;animation:tada 1s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-slow,.faa-tada.animated-hover.faa-slow:hover,.faa-tada.animated.faa-slow{-webkit-animation:tada 3s linear infinite;animation:tada 3s linear infinite}@-webkit-keyframes passing{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}50%{-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}}@keyframes passing{0%{-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);opacity:0}50%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);opacity:0}}.faa-parent.animated-hover:hover>.faa-passing,.faa-passing.animated,.faa-passing.animated-hover:hover{-webkit-animation:passing 2s linear infinite;animation:passing 2s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-fast,.faa-passing.animated-hover.faa-fast:hover,.faa-passing.animated.faa-fast{-webkit-animation:passing 1s linear infinite;animation:passing 1s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-slow,.faa-passing.animated-hover.faa-slow:hover,.faa-passing.animated.faa-slow{-webkit-animation:passing 3s linear infinite;animation:passing 3s linear infinite}@-webkit-keyframes burst{0%{opacity:.6}50%{-webkit-transform:scale(1.8);transform:scale(1.8);opacity:0}100%{opacity:0}}@keyframes burst{0%{opacity:.6}50%{-webkit-transform:scale(1.8);-ms-transform:scale(1.8);transform:scale(1.8);opacity:0}100%{opacity:0}}.faa-burst.animated,.faa-burst.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-burst{-webkit-animation:burst 2s infinite linear;animation:burst 2s infinite linear}.faa-burst.animated-hover.faa-fast:hover,.faa-burst.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-burst.faa-fast{-webkit-animation:burst 1s infinite linear;animation:burst 1s infinite linear}.faa-burst.animated-hover.faa-slow:hover,.faa-burst.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-burst.faa-slow{-webkit-animation:burst 3s infinite linear;animation:burst 3s infinite linear}@-webkit-keyframes toRightFromLeft {
49% {
-webkit-transform: translate(100%);
}
50% {
opacity: 0;
-webkit-transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@keyframes toRightFromLeft {
49% {
-webkit-transform: translate(100%);
transform: translate(100%);
}
50% {
opacity: 0;
-webkit-transform: translate(-100%);
transform: translate(-100%);
}
51% {
opacity: 1;
}
} @-webkit-keyframes hvr-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes hvr-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes header-drop {
0% {
-webkit-transform: translateY(-92px);
-ms-transform: translateY(-92px);
transform: translateY(-92px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes header-drop {
0% {
-webkit-transform: translateY(-92px);
-ms-transform: translateY(-92px);
transform: translateY(-92px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes header-drop-out {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(-92px);
-ms-transform: translateY(-92px);
transform: translateY(-92px);
}
}
@keyframes header-drop-out {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(-92px);
-ms-transform: translateY(-92px);
transform: translateY(-92px);
}
}
@supports (--css:variables) {
:root {
--layout_site_width: 90%;
--layout_site_max_width: 1200px;
--text_color: #686868;
--text_color_lighten_5: #757575;
--text_color_lighten_10: #828282;
--text_color_lighten_15: #8e8e8e;
--text_color_lighten_20: #9b9b9b;
--text_color_lighten_25: #a8a8a8;
--text_color_lighten_30: #b5b5b5;
--text_color_lighten_35: #c1c1c1;
--text_color_lighten_40: #cecece;
--text_color_lighten_50: #e8e8e8;
--text_color_lighten_60: #ffffff;
--text_color_lighten_70: #ffffff;
--text_color_darken_5: #5b5b5b;
--text_color_darken_10: #4f4f4f;
--text_color_darken_15: #424242;
--text_color_darken_20: #353535;
--text_color_darken_25: #282828;
--text_color_fade_10: rgba(104, 104, 104, 0.1);
--text_color_fade_20: rgba(104, 104, 104, 0.2);
--text_color_fade_30: rgba(104, 104, 104, 0.3);
--text_color_fade_40: rgba(104, 104, 104, 0.4);
--text_color_fade_50: rgba(104, 104, 104, 0.5);
--text_color_fade_60: rgba(104, 104, 104, 0.6);
--text_color_fade_70: rgba(104, 104, 104, 0.7);
--text_color_fade_80: rgba(104, 104, 104, 0.8);
--text_color_fade_90: rgba(104, 104, 104, 0.9);
--primary_color: #ffca2b;
--primary_color_lighten_5: #ffd045;
--primary_color_lighten_10: #ffd75e;
--primary_color_lighten_15: #ffdd78;
--primary_color_lighten_20: #ffe491;
--primary_color_lighten_25: #ffeaab;
--primary_color_darken_5: #ffc412;
--primary_color_darken_10: #f7b900;
--primary_color_darken_15: #dea600;
--primary_color_darken_20: #c49300;
--primary_color_darken_25: #ab8000;
--primary_color_fade_10: rgba(255, 202, 43, 0.1);
--primary_color_fade_20: rgba(255, 202, 43, 0.2);
--primary_color_fade_30: rgba(255, 202, 43, 0.3);
--primary_color_fade_40: rgba(255, 202, 43, 0.4);
--primary_color_fade_50: rgba(255, 202, 43, 0.5);
--primary_color_fade_60: rgba(255, 202, 43, 0.6);
--primary_color_fade_70: rgba(255, 202, 43, 0.7);
--primary_color_fade_80: rgba(255, 202, 43, 0.8);
--primary_color_fade_90: rgba(255, 202, 43, 0.9);
--secondary_color: #3f3f3f;
--secondary_color_darken_20: #0c0c0c;
--secondary_color_fade_50: rgba(63, 63, 63, 0.5);
--secondary_color_fade_70: rgba(63, 63, 63, 0.7);
--secondary_color_fade_90: rgba(63, 63, 63, 0.9);
--heading_color: #333333;
--heading_color_lighten_20: #666666;
--heading_color_fade_10: rgba(51, 51, 51, 0.1);
--heading_color_fade_20: rgba(51, 51, 51, 0.2);
--heading_color_fade_30: rgba(51, 51, 51, 0.3);
--heading_color_fade_40: rgba(51, 51, 51, 0.4);
--heading_color_fade_50: rgba(51, 51, 51, 0.5);
--heading_color_fade_60: rgba(51, 51, 51, 0.6);
--heading_color_fade_70: rgba(51, 51, 51, 0.7);
--heading_color_fade_80: rgba(51, 51, 51, 0.8);
--heading_color_fade_90: rgba(51, 51, 51, 0.9);
--menu_font: Montserrat;
--menu_font_weight: 500;
--menu_font_size: 16px;
--sub_menu_font_size: 15px;
--secondary_font: Montserrat;
--secondary_font_weight: 400;
--secondary_font_size: 15px;
--primary_font: Lato;
--primary_font_weight: 400;
--primary_font_size: 15px;
--page_title_bg_color: #FFFFFF;
--page_title_overlay_color: #fff;
--page_title_overlay_opacity: 0.3;
--page_title_color: #fff;
--page_sub_title_color: #fff;
--page_title_margin_top: 0;
--page_title_margin_bottom: 70px;
--page_title_height: Arraypx;
--main_menu_height: 70px;
--logo_mobile_max_height: 70px;
--logo_mobile_padding: 15px;
--main_menu_mobile_height: 100px;
--header_1_nav_layout_padding: 100px;
--header_2_nav_layout_padding: 100px;
--header_3_nav_layout_padding: 100px;
--header_4_nav_layout_padding: 100px;
--header_5_nav_layout_padding: 100px;
--header_6_nav_layout_padding: 100px;
--header_1_nav_distance: 20px;
--header_2_nav_distance: 20px;
--header_3_nav_distance: 20px;
--header_4_nav_distance: 20px;
--header_5_nav_distance: 20px;
--header_6_nav_distance: 20px;
--home_preloader_bg_color: #000;
--top_bar_bg_color: #424242;
--top_bar_text_color: #b5b5b5;
--top_bar_layout_padding: 100px;
--logo_padding_top: 10px;
--logo_padding_bottom: 10px;
--menu_sub_bg_color: #fff;
--menu_sub_bg_color_darken_7: #ededed;
--menu_sub_bg_color_darken_15: #d9d9d9;
--menu_sub_bg_color_lighten_7: #ffffff;
--menu_sub_bg_color_lighten_15: #ffffff;
--menu_sub_text_color: #333;
--header_1_nav_bg_color: #fff;
--header_1_nav_text_color: #424242;
--header_1_height: 130px;
--header_2_nav_bg_color: #fff;
--header_2_nav_text_color: #424242;
--header_2_height: 130px;
--header_3_nav_bg_color: #fff;
--header_3_nav_text_color: #424242;
--header_3_height: 130px;
--header_4_nav_bg_color: #424242;
--header_4_nav_text_color: #fff;
--header_4_height: 130px;
--header_5_nav_bg_color: #424242;
--header_5_nav_text_color: #fff;
--header_5_height: 130px;
--header_6_nav_bg_color: #424242;
--header_6_nav_text_color: #fff;
--header_6_height: 130px;
--mobile_background_color: #333;
--mobile_text_color: #fff;
--mobile_text_color_fade_60: rgba(255, 255, 255, 0.6);
--headersidebar_nav_bg_color: #fff;
--headersidebar_nav_bg_color_lighten_10: #ffffff;
--headersidebar_nav_text_color: #424242;
--headersidebar_nav_text_color_fade_60: rgba(66, 66, 66, 0.6);
--headersidebar_nav_text_color_fade_85: rgba(66, 66, 66, 0.85);
--headersidebar_sidebar_width: 300px;
}
}  .animate {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
will-change: transform, opacity;
}
@-webkit-keyframes slideDown {
0% {
-webkit-transform: translateY(-100%);
}
100% {
-webkit-transform: translateY(0);
}
}
@keyframes slideDown {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.animate.slideDown {
-webkit-animation-name: slideDown;
animation-name: slideDown;
}
@-webkit-keyframes slideUp {
0% {
-webkit-transform: translateY(0);
}
100% {
-webkit-transform: translateY(-100%);
}
}
@keyframes slideUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
.animate.slideUp {
-webkit-animation-name: slideUp;
animation-name: slideUp;
}
@-webkit-keyframes swingInX {
0% {
-webkit-transform: perspective(400px) rotateX(-90deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
}
}
@keyframes swingInX {
0% {
-webkit-transform: perspective(400px) rotateX(-90deg);
transform: perspective(400px) rotateX(-90deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
}
}
.animate.swingInX {
-webkit-transform-origin: top;
-ie-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-backface-visibility: visible !important;
-webkit-animation-name: swingInX;
-moz-backface-visibility: visible !important;
-moz-animation-name: swingInX;
-o-backface-visibility: visible !important;
-o-animation-name: swingInX;
backface-visibility: visible !important;
animation-name: swingInX;
}
@-webkit-keyframes swingOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(-90deg);
}
}
@keyframes swingOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(-90deg);
transform: perspective(400px) rotateX(-90deg);
}
}
.animate.swingOutX {
-webkit-transform-origin: top;
-webkit-animation-name: swingOutX;
-webkit-backface-visibility: visible !important;
-moz-animation-name: swingOutX;
-moz-backface-visibility: visible !important;
-o-animation-name: swingOutX;
-o-backface-visibility: visible !important;
animation-name: swingOutX;
backface-visibility: visible !important;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.animate.flipInX {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInX;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInX;
-o-backface-visibility: visible !important;
-o-animation-name: flipInX;
backface-visibility: visible !important;
animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.animate.flipOutX {
-webkit-animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-moz-animation-name: flipOutX;
-moz-backface-visibility: visible !important;
-o-animation-name: flipOutX;
-o-backface-visibility: visible !important;
animation-name: flipOutX;
backface-visibility: visible !important;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-200px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-200px);
transform: translateY(-200px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.animate.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
}
30% {
opacity: 1;
-webkit-transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-200px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
30% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-200px);
transform: translateY(-200px);
}
}
.animate.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
} @-webkit-keyframes yolo-cubeGridScaleDelay {
0%,
70%,
100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1);
}
35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1);
}
}
@keyframes yolo-cubeGridScaleDelay {
0%,
70%,
100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1);
}
35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1);
}
}
@-webkit-keyframes yolo-bounce {
0%,
100% {
-webkit-transform: scale(0);
}
50% {
-webkit-transform: scale(1);
}
}
@keyframes yolo-bounce {
0%,
100% {
transform: scale(0);
-webkit-transform: scale(0);
}
50% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
@-webkit-keyframes spinner {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinner {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes header-drop {
0% {
-webkit-transform: translateY(-92px);
-ms-transform: translateY(-92px);
transform: translateY(-92px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes header-drop {
0% {
-webkit-transform: translateY(-92px);
-ms-transform: translateY(-92px);
transform: translateY(-92px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes header-drop-out {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(-92px);
-ms-transform: translateY(-92px);
transform: translateY(-92px);
}
}
@keyframes header-drop-out {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(-92px);
-ms-transform: translateY(-92px);
transform: translateY(-92px);
}
}
.yolo-full-width {
padding-left: 15px;
padding-right: 15px;
width: 100%;
margin: 0 auto;
}
.container .yolo-full-width {
padding-left: 0;
padding-right: 0;
}
.post-navigation {
padding: 0;
display: table;
width: 100%;
position: relative;
margin-top: 50px;
}
.post-navigation .nav-links {
width: 100%;
margin: 0 auto;
display: table;
}
.post-navigation .nav-previous,
.post-navigation .nav-next {
position: relative;
display: table-cell;
vertical-align: middle;
padding: 15px 0;
width: 50%;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.post-navigation .nav-previous .post-navigation-content,
.post-navigation .nav-next .post-navigation-content {
margin-left: 30px;
}
.post-navigation .nav-next {
display: table-cell;
text-align: right;
}
.post-navigation .nav-next .post-navigation-content {
margin-left: 0;
margin-right: 30px;
}
.post-navigation .post-navigation-label {
display: block;
font-size: 25px;
font-weight: normal;
}
.post-navigation .post-navigation-title {
-ms-word-wrap: break-word;
text-align: left;
word-wrap: break-word;
}
.post-navigation .post-navigation-icon {
font-size: 24px;
line-height: 1em;
width: 20px;
display: inline-block;
position: absolute;
top: 50%;
margin-top: -15px;
z-index: 1;
}
.post-navigation .nav-links .nav-next .post-navigation-icon {
right: 0;
} img {
max-width: 100%;
height: auto;
}
.alignnone {
margin: 15px 15px 0 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 15px auto 15px auto;
}
.alignright {
float: right;
margin: 15px 0 15px 15px;
}
.alignleft {
float: left;
margin: 15px 15px 15px 0;
}
.aligncenter {
display: block;
margin: 15px auto 15px auto;
}
a img.alignright {
float: right;
margin: 15px 0 0 15px;
}
a img.alignnone {
margin: 15px 15px 0 0;
}
a img.alignleft {
float: left;
margin: 15px 15px 0 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
text-align: center;
max-width: 100%;
}
.wp-caption.alignnone {
margin: 15px 15px 30px 0;
}
.wp-caption.alignleft {
margin: 15px 15px 30px 0;
}
.wp-caption.alignright {
margin: 15px 0 30px 15px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 0.9em;
font-style: italic;
opacity: 0.7;
line-height: 17px;
margin: 1em 0 0 0;
padding: 0 10%;
}
.wp-post-image {
height: auto;
max-width: 100%;
}
.sticky {
opacity: 1;
}
.bypostauthor {
opacity: 1;
} .gallery {
margin-bottom: 20px;
margin-left: -4px;
}
.gallery:before {
content: "";
display: table;
}
.gallery:after {
clear: both;
content: "";
display: block;
}
.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-4 .gallery-item {
max-width: 23%;
max-width: calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
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) {
clear: left;
}
.gallery-caption {
background-color: rgba(0, 0, 0, 0.7);
-webkit-box-sizing: border-box;
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;
-webkit-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
width: 100%;
}
.gallery-caption:before {
-webkit-box-shadow: 0 -10px 15px #000 inset;
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;
}
.overflow-hidden {
overflow: hidden;
}
.yolo-page-links {
font-size: 0;
margin-bottom: 30px;
}
.yolo-page-links-title {
text-transform: uppercase;
font-size: 12px;
margin-bottom: 0;
color: #858585;
font-weight: normal;
margin-right: 20px;
}
.yolo-page-link {
display: inline-block;
margin-right: 4px;
font-size: 14px;
padding: 0;
width: 40px;
height: 40px;
color: #888;
text-align: center;
line-height: 40px;
border: 1px solid #ddd;
-webkit-border-top-right-radius: 100%;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 100%;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 100%;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.yolo-page-links .yolo-page-link:hover,
.yolo-page-links > .yolo-page-link {
color: #fff;
} .lg-backdrop.in {
opacity: 0.6 !important;
}
body {
overflow-x: hidden;
}
img {
max-width: 100%;
height: auto;
}
a,
a:focus,
a:hover {
outline: none;
text-decoration: none;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
body {
line-height: 1.8;
-webkit-font-smoothing: antialiased;
color: var(--text_color);
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.2;
margin-top: 20px;
margin-bottom: 10px;
font-weight: 400;
color: var(--heading_color);
}
@media (max-width: 767px) {
h1 {
font-size: 24px !important;
}
}
.rotate-left {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
white-space: nowrap;
}
.rotate-right {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
white-space: nowrap;
}
.float-right {
float: right!important;
}
@media (max-width: 767px) {
.float-right {
float: none!important;
}
}
.container {
max-width: 100%;
}
@media (min-width: 1300px) {
.container {
width: 1320px;
}
}
.boxed #yolo-wrapper {
max-width: var(--layout_site_max_width);
width: var(--layout_site_width);
margin: auto;
overflow: hidden;
}
.boxed #yolo-wrapper .yolo-top-bar {
max-width: 1400px;
}
@media only screen and (min-width: 992px) {
body.float {
padding-left: 45px !important;
padding-right: 45px !important;
}
}
div,
iframe,
img {
margin: 0;
padding: 0;
}
p {
font-weight: 400;
margin: 0;
padding: 0;
margin-bottom: 20px;
}
::-moz-selection {
color: #fff;
background-color: var(--primary_color);
}
::selection {
color: #fff;
background-color: var(--primary_color);
}
::-moz-selection {
color: #fff;
background-color: var(--primary_color);
}
a,
a:hover,
a.active {
color: inherit;
text-decoration: none;
outline: none;
}
a:hover {
color: var(--primary_color);
}
a:focus,
a.active {
color: var(--primary_color);
}
input,
textarea,
button,
select {
outline: none;
}
.fl {
float: left;
}
.fr {
float: right;
}
.maintanence-page {
position: relative;
-webkit-transform: translateY(45%);
-ms-transform: translateY(45%);
transform: translateY(45%);
text-align: center;
}
.maintanence-page .maintenance-title h2 {
color: #fff;
font-size: 70px;
text-transform: uppercase;
font-weight: bold;
}
@media (max-width: 480px) {
.maintanence-page .maintenance-title h2 {
font-size: 50px;
}
}
.maintanence-page .countdown-wrap .redCountdownWrapper .redCountdownValue {
font-family: inherit !important;
}
.maintanence-page .maintenance-social {
margin-top: 20px;
}
.maintanence-page .maintenance-social .maintenance-social-profile-wrapper {
padding-left: 0!important;
margin-bottom: 0!important;
}
.maintanence-page .maintenance-social .maintenance-social-profile-wrapper li {
list-style: none;
display: inline-block;
}
.maintanence-page .maintenance-social .maintenance-social-profile-wrapper li a {
color: #fff;
font-size: 18px;
padding: 0px 15px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.maintanence-page .maintenance-social .maintenance-social-profile-wrapper li a i {
font-size: 30px;
padding-right: 20px;
}
.maintanence-page .maintenance-social .maintenance-social-profile-wrapper li:hover a {
color: var(--primary_color);
}
@media (max-width: 1500px) {
.maintanence-page {
-webkit-transform: translateY(45%);
-ms-transform: translateY(45%);
transform: translateY(45%);
}
}
@media (max-width: 768px) {
.maintanence-page {
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
}
}
@media (max-width: 320px) {
.maintanence-page {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.maintanence-page .countdown-wrap .redCountdownWrapper .redCountdownValue {
font-family: inherit !important;
font-size: 30px !important;
margin-top: -30px !important;
}
}
.under-construction,
.coming-soon {
text-align: center;
}
.under-construction .logo,
.coming-soon .logo {
max-width: 380px;
max-height: 380px;
margin: auto;
}
.under-construction .title,
.coming-soon .title {
line-height: 1;
}
.under-construction .title,
.coming-soon .title {
font-size: 36px;
margin-top: 40px;
}
.under-construction .sub-title,
.coming-soon .sub-title {
font-size: 16px;
margin-top: 30px;
}
.under-construction .entry-content .mc4wp-form,
.coming-soon .entry-content .mc4wp-form {
margin-top: 50px;
}
.under-construction .entry-content .mc4wp-form label,
.coming-soon .entry-content .mc4wp-form label {
display: none;
}
.under-construction .entry-content .mc4wp-form input,
.coming-soon .entry-content .mc4wp-form input {
display: none;
}
.under-construction .entry-content .mc4wp-form input[type="email"],
.coming-soon .entry-content .mc4wp-form input[type="email"] {
border: solid 2px #DDDDDD;
background-color: #fff;
color: #888;
width: 370px;
display: block;
padding-right: 30px;
}
.under-construction .entry-content .mc4wp-form input[type="submit"],
.coming-soon .entry-content .mc4wp-form input[type="submit"] {
display: none;
}
.under-construction .entry-content .mc4wp-form p,
.coming-soon .entry-content .mc4wp-form p {
display: inline-block;
}
.under-construction .entry-content .mc4wp-form span.email,
.coming-soon .entry-content .mc4wp-form span.email {
display: inline-block;
position: relative;
}
.under-construction .entry-content .mc4wp-form span.email i,
.coming-soon .entry-content .mc4wp-form span.email i {
position: absolute;
right: 14px;
top: 14px;
}
.under-construction p .sub-title {
line-height: 1;
} input[type="text"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="tel"],
textarea,
select {
padding: 0 15px;
color: #878787;
height: 42px;
line-height: 1;
background-color: #f5f5f5;
border: none;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
input[type="text"] ::-webkit-input-placeholder,
input[type="search"] ::-webkit-input-placeholder,
input[type="email"] ::-webkit-input-placeholder,
input[type="url"] ::-webkit-input-placeholder,
input[type="password"] ::-webkit-input-placeholder,
input[type="tel"] ::-webkit-input-placeholder,
textarea ::-webkit-input-placeholder,
select ::-webkit-input-placeholder {
color: #878787;
}
input[type="text"] :-moz-placeholder,
input[type="search"] :-moz-placeholder,
input[type="email"] :-moz-placeholder,
input[type="url"] :-moz-placeholder,
input[type="password"] :-moz-placeholder,
input[type="tel"] :-moz-placeholder,
textarea :-moz-placeholder,
select :-moz-placeholder {
color: #878787;
}
input[type="text"] ::-moz-placeholder,
input[type="search"] ::-moz-placeholder,
input[type="email"] ::-moz-placeholder,
input[type="url"] ::-moz-placeholder,
input[type="password"] ::-moz-placeholder,
input[type="tel"] ::-moz-placeholder,
textarea ::-moz-placeholder,
select ::-moz-placeholder {
color: #878787;
}
input[type="text"] :-ms-input-placeholder,
input[type="search"] :-ms-input-placeholder,
input[type="email"] :-ms-input-placeholder,
input[type="url"] :-ms-input-placeholder,
input[type="password"] :-ms-input-placeholder,
input[type="tel"] :-ms-input-placeholder,
textarea :-ms-input-placeholder,
select :-ms-input-placeholder {
color: #878787;
}
textarea {
height: auto;
padding-top: 15px;
}
select {
max-width: 100%;
}
.block-center:before {
content: "";
height: 100%;
vertical-align: middle;
display: inline-block;
}
.block-center {
height: 100%;
width: 100%;
text-align: center;
}
.block-center-inner {
display: inline-block;
padding: 0;
max-width: 100%;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
}
.block-center-inner h1 {
text-transform: uppercase !important;
color: var(--text_color_fade_15);
font-size: 46px!important;
line-height: 34px!important;
}
.block-center-inner > * {
margin: auto;
}
.overflow-hidden {
overflow: hidden!important;
} #yolo-modal-search {
z-index: 999999;
overflow: auto;
}
#yolo-modal-search.modal.in .modal-backdrop.in {
height: 100%;
position: fixed;
background-color: #333;
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#yolo-modal-search.modal.in .yolo-modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
z-index: 9999;
}
#yolo-modal-search .yolo-modal-dialog {
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
height: auto;
}
#yolo-modal-search .yolo-dismiss-modal {
position: absolute;
right: 50px;
top: 30px;
font-size: 24px;
line-height: 1;
color: #fff;
z-index: 1040;
cursor: pointer;
}
#yolo-modal-search .yolo-modal-search {
position: relative;
width: 100%;
height: 100%;
}
#yolo-modal-search .yolo-modal-search .yolo-search-result {
position: absolute;
width: 80%;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
top: 40%;
}
@media (max-width: 767px) {
#yolo-modal-search .yolo-modal-search .yolo-search-result {
top: 20%;
}
}
#yolo-modal-search .yolo-modal-search .yolo-search-wrapper {
position: relative;
width: 100%;
font-size: 24px;
color: inherit;
background-color: transparent;
border-bottom: 2px solid #fff;
display: block;
}
#yolo-modal-search .yolo-modal-search .yolo-search-wrapper:before,
#yolo-modal-search .yolo-modal-search .yolo-search-wrapper:after {
content: " ";
display: table;
}
#yolo-modal-search .yolo-modal-search .yolo-search-wrapper:after {
clear: both;
}
#yolo-modal-search .yolo-modal-search input[type="search"] {
border: none;
outline: none;
display: block;
float: left;
width: 100%;
padding-right: 60px;
padding-left: 20px;
background-color: transparent;
font-size: 22px;
color: #fff;
}
#yolo-modal-search .yolo-modal-search input[type="search"]::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.9);
}
#yolo-modal-search .yolo-modal-search input[type="search"]::-moz-placeholder {
color: rgba(255, 255, 255, 0.9);
}
#yolo-modal-search .yolo-modal-search button {
position: absolute;
display: block;
color: #fff;
bottom: 5px;
right: 0;
line-height: 1;
border: none;
outline: none;
font-size: 24px;
background-color: transparent;
}
#yolo-modal-search .ajax-search-result {
margin: auto;
background: rgba(77, 77, 77, 0.1);
}
#yolo-modal-search .ajax-search-result > ul {
list-style: none;
position: relative;
padding: 0;
margin: 0;
}
#yolo-modal-search .ajax-search-result li {
padding: 5px 20px;
color: inherit;
font-size: 14px;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
color: #fff;
}
#yolo-modal-search .ajax-search-result li:hover,
#yolo-modal-search .ajax-search-result li.selected {
background-color: rgba(127, 127, 127, 0.1);
}
#yolo-modal-search .ajax-search-result li > a {
color: #fff;
}
#yolo-modal-search .ajax-search-result li + li {
border-top: dotted 1px rgba(77, 77, 77, 0.1);
}
#yolo-modal-search .ajax-search-result li span {
color: #fff;
float: right;
}
#yolo-modal-search .ajax-search-result li.search-view-more {
font-size: 14px;
font-style: italic;
}
#yolo-modal-search .ajax-search-result li.search-view-more a {
text-decoration: underline;
}
#yolo-modal-search i.ajax-search-icon {
color: inherit;
}
#yolo-modal-search div.search-view-more {
background-color: rgba(255, 255, 0, 0.1);
padding: 5px 20px;
border-top: solid 1px rgba(0, 0, 0, 0.3);
font-size: 14px;
text-align: center;
}
#yolo-modal-search div.search-view-more i.wicon {
vertical-align: middle;
} #yolo_search_popup_wrapper .search-popup-inner {
margin: 1em 0;
width: 70%;
position: absolute;
top: 40%;
left: 50%;
-webkit-transform: translate(-50%, -10%);
-ms-transform: translate(-50%, -10%);
transform: translate(-50%, -10%);
}
#yolo_search_popup_wrapper .search-popup-inner > input {
width: 100%;
margin-bottom: 50px;
font-size: 30px;
border-bottom: 2px solid #fff;
background-color: transparent;
padding: 25px 20px;
color: #fff;
}
#yolo_search_popup_wrapper .search-popup-inner > input::-moz-placeholder {
color: #fff;
opacity: 1;
}
#yolo_search_popup_wrapper .search-popup-inner > input:-ms-input-placeholder {
color: #fff;
}
#yolo_search_popup_wrapper .search-popup-inner > input::-webkit-input-placeholder {
color: #fff;
}
#yolo_search_popup_wrapper .search-popup-inner > button {
border: none;
background-color: transparent;
text-transform: uppercase;
position: absolute;
right: 0px;
top: -15px;
}
#yolo_search_popup_wrapper .search-popup-inner > button i {
font-size: 30px;
padding: 20px;
color: #fff;
}
#yolo_search_popup_wrapper .search-popup-inner > button i:hover {
color: var(--primary_color);
}
@media (max-width: 767px) {
#yolo_search_popup_wrapper .search-popup-inner {
top: 20%;
}
} .error404 section.yolo-page-title-wrap {
margin-bottom: 0;
}
.error404 .page-title-inner {
font-size: 32px;
}
.page404 {
text-align: center;
color: #fff;
padding: 90px 0 105px;
}
.page404 .content-wrap {
width: 100%;
color: #fff;
}
.page404 .content-wrap .page404-title .p-title {
color: #fff;
text-transform: uppercase;
}
.page404 .content-wrap .page404-title .p-description {
color: #fff;
}
.page404 .content-wrap .page404-title .p-title-hr .hr-icon {
position: relative;
}
.page404 .content-wrap .page404-title .p-title-hr .hr-icon i {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.page404 .content-wrap .page404-title .p-title-hr .hr-icon:before {
content: "";
position: absolute;
height: 1px;
width: 120px;
display: block;
left: 50%;
background-color: #fff;
margin: 12px 0 0 20px;
}
.page404 .content-wrap .page404-title .p-title-hr .hr-icon:after {
content: "";
position: absolute;
height: 1px;
width: 120px;
display: block;
right: 50%;
background-color: #fff;
margin: -13px 20px 0 0;
}
.page404 .content-wrap .page404-content {
font-size: 100px;
text-transform: uppercase;
}
.page404 .content-wrap .return a {
border: 2px solid #fff;
border-radius: 3px;
text-transform: uppercase;
font-size: 18px;
padding: 15px 30px;
color: #fff;
font-weight: bold;
display: inline-block;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.page404 .content-wrap .return a:hover {
border-color: var(--primary_color);
background: var(--primary_color);
}
.dp_inline-block {
display: inline-block;
}
.back-to-top {
position: fixed;
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
bottom: 10px;
right: 10px;
width: 44px;
height: 44px;
line-height: 44px;
text-align: center;
z-index: 2;
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
color: #1e1e1e;
background-color: #f5f5f5;
}
.back-to-top i {
font-size: 22px;
}
.back-to-top:hover {
text-decoration: none;
color: #fff;
background-color: var(--primary_color);
}
.back-to-top.in {
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
@media only screen and (min-width: 768px) {
body.float .back-to-top {
bottom: 30px;
right: 30px;
}
}
.under-construction-wrap {
background-color: #ddd;
}
.under-construction-wrap .logo {
background-color: #fff;
text-align: center;
padding-top: 30px;
padding-bottom: 46px;
}
.under-construction-wrap .page-title-margin-bottom {
margin-bottom: 140px;
}
.under-construction-wrap .social a {
height: 30px;
width: 30px;
background-color: #555;
color: #fff;
border-radius: 50%;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin-right: 10px;
display: inline-block;
text-align: center;
}
.ps-container > .ps-scrollbar-y-rail,
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
width: 5px;
}
#yolo-content-wrapper {
background-color: #fff;
position: relative;
}
#yolo-content-wrapper > main[role='main'] {
overflow: hidden;
}
#yolo-site-preload {
position: fixed;
z-index: 10001;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background-color: var(--home_preloader_bg_color);
}
.site-loading-center {
width: 100%;
height: 100%;
position: relative;
}
.wpb_map_wraper iframe {
display: block;
pointer-events: none;
}
.wpb_gmaps_widget .wpb_wrapper {
padding: 0;
} .tparrows.preview1 {
width: 34px;
}
.tparrows.preview1:after {
width: 34px;
font-size: 26px;
font-family: "fontawesome";
background: rgba(0, 0, 0, 0.4);
}
.tp-leftarrow.preview1:after {
content: "\f104";
}
.tp-rightarrow.preview1:after {
content: "\f105";
}
.tparrows.preview1:hover .tp-arr-iwrapper {
opacity: 0;
}
.tparrows.preview1:hover:after {
color: #fff;
}
.toggle-icon-wrapper {
cursor: pointer;
display: inline-block;
vertical-align: middle;
}
.toggle-icon-wrapper:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.toggle-icon-wrapper .toggle-icon {
display: inline-block;
height: 30px;
position: relative;
vertical-align: middle;
width: 30px;
top: 3px;
}
.toggle-icon-wrapper .toggle-icon > span {
background: none repeat scroll 0 0 #000;
bottom: 0;
display: block;
height: 2px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 80%;
}
.toggle-icon-wrapper .toggle-icon:after,
.toggle-icon-wrapper .toggle-icon:before {
background: none repeat scroll 0 0 #000;
content: "";
height: 2px;
left: 0;
margin: auto;
position: absolute;
right: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 80%;
}
.toggle-icon-wrapper .toggle-icon:before {
top: 20%;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
.toggle-icon-wrapper .toggle-icon:after {
bottom: 20%;
-webkit-transform-origin: bottom left;
-ms-transform-origin: bottom left;
transform-origin: bottom left;
}
.toggle-icon-wrapper + span {
vertical-align: middle;
text-transform: uppercase;
}
.toggle-icon-wrapper.in .toggle-icon span {
background: transparent;
}
.toggle-icon-wrapper.in .toggle-icon:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.toggle-icon-wrapper.in .toggle-icon:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.container-fluid {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 767px) {
.container-fluid {
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 480px) {
.container-fluid {
padding-left: 0;
padding-right: 0;
}
} .loading-wrapper {
position: fixed;
display: block;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 99999;
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.spinner-double-section-far {
display: block;
width: 50px;
height: 50px;
border-radius: 50%;
border: 3.125px solid #aaa;
-webkit-animation: spinner 1.2s linear infinite;
animation: spinner 1.2s linear infinite;
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.spinner-double-section-far:before,
.spinner-double-section-far:after {
content: '';
position: absolute;
top: -3.125px;
left: -3.125px;
display: block;
width: 50px;
height: 50px;
border-radius: 50%;
border: 3.125px solid transparent;
border-top-color: tomato;
}
.spinner-double-section-far:after {
border-top-color: transparent;
border-bottom-color: tomato;
}
.spinner-double-section-far:before,
.spinner-double-section-far:after {
top: -9.375px;
left: -9.375px;
width: 62.5px;
height: 62.5px;
}
.modal {
z-index: 99999;
}
.modal-content {
border-radius: 0;
}
.modal-backdrop {
background: rgba(0, 0, 0, 0.5);
}
.modal-backdrop.in {
opacity: 1;
}
.popup-close {
position: absolute;
top: 10px;
right: 10px;
color: #fff;
font-size: 24px;
display: block;
line-height: 1;
}
#popup-product-quick-view-wrapper .popup-close {
width: 30px;
height: 30px;
font-size: 18px;
text-align: center;
line-height: 30px;
cursor: pointer;
z-index: 1;
top: 0;
right: 0;
background-color: var(--secondary_color);
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#popup-product-quick-view-wrapper .popup-close:hover {
color: #fff;
background-color: var(--secondary_color);
}
.text-align-right {
text-align: right;
}
.text-align-left {
text-align: left;
}
.entry-content .mc4wp-form input[type="submit"] {
padding-top: 14px;
padding-bottom: 12px;
}
.entry-content .mc4wp-form input[type="email"] {
width: 296px;
height: 44px;
display: inline-block;
}
.social.icon {
line-height: 1;
}
.social.icon a {
width: 30px;
height: 30px;
display: inline-block;
border-radius: 50%;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #999;
text-align: center;
margin-right: 10px;
line-height: 30px;
}
.social.icon a i {
color: #fff;
}
.social.icon-text {
line-height: 1;
}
.social.icon-text a {
display: inline-block;
text-align: center;
margin-right: 10px;
border-right: solid 1px #ddd;
line-height: 1;
}
.social.icon-text a span {
text-transform: uppercase;
color: #777;
padding-right: 10px;
font-size: 11px;
}
.social.icon-text a:last-child {
border: none;
}
.social.icon-text a:last-child span {
padding-right: 0;
}
.center {
text-align: center;
} .contact-form-7-slider-wrap {
background-color: #fff;
padding: 10px;
width: 444px;
}
.contact-form-7-slider-wrap .contact-form-7-slider-inner {
padding: 45px 25px;
border-style: solid;
border-width: 1px;
}
.contact-form-7-slider-wrap h3.title {
font-size: 35px;
text-align: center;
margin-bottom: 15px;
}
.contact-form-7-slider-wrap .form-contact-wrap {
margin: 0 -5px;
}
.contact-form-7-slider-wrap span.wpcf7-form-control-wrap,
.contact-form-7-slider-wrap .form-submit {
float: left;
padding: 0 5px;
margin-bottom: 10px;
width: 100%;
}
.contact-form-7-slider-wrap span.wpcf7-form-control-wrap.your-name,
.contact-form-7-slider-wrap .form-submit.your-name,
.contact-form-7-slider-wrap span.wpcf7-form-control-wrap.your-email,
.contact-form-7-slider-wrap .form-submit.your-email {
width: 50%;
}
.contact-form-7-slider-wrap input {
width: 100%;
}
.contact-form-7-slider-wrap span.wpcf7-not-valid-tip {
font-size: 12px;
white-space: normal;
}
.contact-form-7-slider-wrap .form-submit {
text-align: right;
margin-top: 5px;
}
.contact-form-7-slider-wrap .form-submit input[type="submit"] {
background-color: transparent;
padding: 0;
text-decoration: underline;
font-size: 15px;
width: auto;
}
.contact-form-7-slider-wrap .form-submit input[type="submit"]:hover {
background-color: transparent;
}
.contact-form-7-slider-wrap .wpcf7-textarea {
height: 100px;
}
@media only screen and (max-width: 768px) {
.under-construction .content,
.coming-soon .content {
padding-top: 270px;
padding-bottom: 270px;
}
}
@media only screen and (max-width: 600px) {
.under-construction .content,
.coming-soon .content {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media only screen and (max-width: 400px) {
.under-construction .content,
.coming-soon .content {
margin-left: 15px;
margin-right: 15px;
}
.under-construction .logo,
.coming-soon .logo {
max-width: 250px;
max-height: 250px;
}
.under-construction .title,
.coming-soon .title {
font-size: 36px;
margin-top: 40px;
}
.under-construction .sub-title,
.coming-soon .sub-title {
font-size: 16px;
margin-top: 30px;
}
.under-construction .entry-content .mc4wp-form input[type="email"],
.coming-soon .entry-content .mc4wp-form input[type="email"] {
width: auto;
}
}
@media only screen and (max-width: 350px) {
.page404 {
margin-top: 15px;
margin-bottom: 15px;
}
.page404 .content-wrap {
padding: 15px;
}
.page404 h4.description,
.page404 div.return {
font-size: 15px;
}
}
.contact_page h1,
.contact_page h2 {
letter-spacing: 8px;
font-weight: bold;
opacity: 0.9;
}
@media (max-width: 479px) {
.contact_page h2 {
letter-spacing: 0;
padding-bottom: 0 !important;
}
}
.contact_page h1 {
letter-spacing: 20px;
font-weight: bold;
}
@media (max-width: 991px) {
.contact_page h1 {
display: none;
}
}
.contact_page .icon-description {
padding-top: 15px;
}
.contact_page .wpcf7 .wpcf7-form {
position: relative;
padding: 0 4%;
}
.contact_page .wpcf7 .wpcf7-form p {
float: left;
width: 50%;
}
.contact_page .wpcf7 .wpcf7-form p .lable {
line-height: 42px;
text-align: center;
float: left;
display: inline-block;
font-size: 13px;
color: var(--text_color_darken_5);
font-weight: bold;
width: 20%;
}
.contact_page .wpcf7 .wpcf7-form p input[type="text"],
.contact_page .wpcf7 .wpcf7-form p input[type="email"] {
display: inline-block;
width: 80%;
background: transparent;
border: 2px solid var(--text_color_lighten_70);
}
.contact_page .wpcf7 .wpcf7-form p.ct-email .wpcf7-not-valid-tip {
text-align: center;
}
.contact_page .wpcf7 .wpcf7-form p.ct_texta {
width: 100%;
text-align: center;
padding-left: 0px;
margin-left: 5%;
}
.contact_page .wpcf7 .wpcf7-form p.ct_texta textarea {
width: 90%;
background: transparent;
border: 2px solid var(--text_color_lighten_70);
}
.contact_page .wpcf7 .wpcf7-form p.ct_submit {
width: 100%;
text-align: center;
padding-left: 0px;
margin-left: 5%;
}
.contact_page .wpcf7 .wpcf7-form p.ct_submit input[type="submit"] {
display: inline-block;
width: 90%;
font-weight: bold;
}
.contact_page .wpcf7 .wpcf7-form p.ct_submit .ajax-loader {
position: absolute;
right: 0px;
}
.contact_page .wpcf7 .wpcf7-form .wpcf7-response-output {
text-align: center;
border: none;
color: red;
}
@media (max-width: 767px) {
.contact_page .wpcf7 .wpcf7-form p {
width: 100%;
}
.contact_page .wpcf7 .wpcf7-form p.ct_texta {
margin-left: 10%;
}
.contact_page .wpcf7 .wpcf7-form p.ct_texta textarea {
width: 80%;
}
.contact_page .wpcf7 .wpcf7-form p.ct_submit {
margin-left: 10%;
}
.contact_page .wpcf7 .wpcf7-form p.ct_submit input[type="submit"] {
width: 80%;
}
}
#yolo-popup {
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 40px auto;
max-width: 95%;
padding: 115px 70px 70px;
position: relative;
text-align: left;
background-repeat: no-repeat !important;
background-size: cover!important;
color: var(--text_color_darken_10);
}
#yolo-popup .popup-title {
font-weight: 900;
}
#yolo-popup .promo-description {
margin-left: 40px;
position: relative;
}
#yolo-popup .promo-description:before {
content: "";
position: absolute;
width: 50px;
height: 1px;
bottom: -10px;
background: var(--primary_color);
}
@media (max-width: 480px) {
#yolo-popup .promo-description {
margin-left: 15px;
}
}
#yolo-popup .checkbox-label {
margin-left: 40px;
}
#yolo-popup .checkbox-label label {
font-weight: normal;
}
@media (max-width: 480px) {
#yolo-popup .checkbox-label {
margin-left: 15px;
}
}
@media (max-width: 480px) {
#yolo-popup {
padding-left: 15px;
padding-right: 15px;
}
} .page-contact-us .yolo-page-title-section {
position: relative;
}
.page-contact-us .wpb_wrapper h2 {
position: relative;
margin: 0;
}
.page-contact-us .wpb_wrapper h2:before {
position: absolute;
content: '';
top: 48%;
left: 0;
width: 6%;
height: 10%;
background: var(--primary_color);
}
.page-contact-us .wpb_wrapper form input,
.page-contact-us .wpb_wrapper form textarea {
width: 95%;
}
.page-contact-us .wpb_wrapper .wpb_wrapper .icon-title:before {
display: none;
} .page-about-us .page-content {
position: relative;
z-index: 2;
}
.page-about-us .page-content .entry-content .wpb_wrapper h2 {
position: relative;
margin: 0;
}
.page-about-us .page-content .entry-content .wpb_wrapper h2:before {
position: absolute;
content: '';
top: 50%;
left: 0;
width: 6%;
height: 8%;
background: var(--primary_color);
}
.page-about-us .page-content .entry-content .wpb_wrapper .about_us {
list-style: none;
padding-left: 0;
}
.page-about-us .page-content .entry-content .wpb_wrapper .about_us li {
position: relative;
padding: 6% 0 6% 15%;
color: var(--secondary_color);
border-bottom: 1px solid #ddd;
}
.page-about-us .page-content .entry-content .wpb_wrapper .about_us li i {
position: absolute;
content: '';
top: 34%;
left: 0;
font-size: 20px;
color: var(--secondary_color);
}
.page-about-us .page-content .entry-content .wpb_wrapper .about_us li:last-child {
border-bottom: none;
}
.yolo-full-width.section .vc_row {
position: relative;
height: 100%;
}
body.single-yolo_footer footer {
display: none;
}
#yolo-content-wrapper .footer-preview .wpb_content_element {
margin-bottom: 35px;
} .yolo-page-title-wrap {
height: 230px;
width: 100%;
position: relative;
background-color: var(--page_title_bg_color);
}
.yolo-page-title-wrap .container {
height: 100%;
}
.page-title-center .block-center .block-center-inner {
z-index: 1;
margin: 0 auto;
left: 0;
right: 0;
text-align: center;
}
.page-title-left .block-center {
text-align: left;
}
.page-title-right .block-center {
text-align: right;
}
.page-title-right .block-center .block-center-inner {
text-align: right;
right: 0;
z-index: 1;
}
.page-title-inner {
vertical-align: middle;
position: relative;
z-index: 1;
}
.page-title-inner h1 {
margin-bottom: 0;
}
.page-title-inner .page-sub-title {
letter-spacing: 0.05em;
margin-top: 15px;
display: block;
}
.page-title-wrap-bg {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.page-title-parallax {
background-attachment: fixed;
}
@media (max-width: 991px) {
.page-title-parallax {
background-position: center!important;
}
}
.yolo-page-title-overlay {
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
background-color: var(--page_title_overlay_color);
opacity: var(--page_title_overlay_opacity);
}
.page-title-no-margin-top {
margin-top: 0 !important;
}
.page-title-no-margin-bottom {
margin-bottom: 0 !important;
}
.animated {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.dialog {
position: fixed;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
pointer-events: none;
z-index: 9999;
visibility: hidden;
width: 100%;
height: 100%;
background-color: #333;
top: 0px;
left: 0px;
}
.dialog.dialog--open {
visibility: visible;
}
.dialog__content {
width: 100%;
height: 100%;
padding: 20px;
text-align: center;
position: relative;
z-index: 5;
opacity: 0;
}
.dialog--open .dialog__content {
pointer-events: auto;
}
.dialog--open .dialog__overlay {
-o-transition-duration: 0.8s;
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.dialog--close .dialog__overlay {
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.dialog__content {
padding: 0;
}
.dialog.dialog--open .dialog__content {
opacity: 1;
}
.morph-shape {
position: absolute;
width: calc(100% + 2px);
height: calc(100% + 2px);
top: -2px;
left: -2px;
z-index: -1;
}
.morph-shape svg rect {
stroke: #fff;
stroke-width: 2px;
stroke-dasharray: 1680;
}
.dialog--open .morph-shape svg rect {
-webkit-animation: anim-dash 0.6s forwards;
animation: anim-dash 0.6s forwards;
}
.dialog-inner {
opacity: 0;
}
.dialog-inner div button {
background-color: transparent;
}
.dialog-inner div button i {
font-size: 20px;
color: #fff;
}
.dialog--open .dialog-inner {
padding: 30px;
opacity: 1;
-webkit-transition: opacity 0.85s 0.35s;
-o-transition: opacity 0.85s 0.35s;
transition: opacity 0.85s 0.35s;
}
.dialog.dialog--open h2 {
-webkit-animation: anim-elem-1 0.7s ease-out both;
animation: anim-elem-1 0.7s ease-out both;
}
.dialog.dialog--open button[data-dialog-close] {
position: absolute;
border: none;
top: 10%;
right: 5%;
width: 50px;
height: 50px;
line-height: 1;
color: #fff;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.dialog.dialog--open p {
line-height: 1.5;
font-size: 18px;
}
@keyframes anim-dash {
0% {
stroke-dashoffset: 1680;
}
100% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes anim-dash {
0% {
stroke-dashoffset: 1680;
}
100% {
stroke-dashoffset: 0;
}
} @-webkit-keyframes anim-elem-1 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes anim-elem-1 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
} @-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.dialog--open {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
} .widget_shopping_cart_icon > i.wicon + span.total {
position: absolute;
top: 5px;
right: 0px;
width: 20px;
height: 20px;
font-size: 12px;
text-align: center;
line-height: 20px;
background-color: var(--primary_color);
color: #fff;
border-radius: 100%;
}
.my-wishlist-wrapper a.yolo-wishlist span.total {
position: absolute;
top: 0;
right: 0px;
width: 20px;
height: 20px;
font-size: 12px;
text-align: center;
line-height: 20px;
background-color: var(--primary_color);
color: #fff;
border-radius: 100%;
}
.yolo-top-bar {
background-color: var(--top_bar_bg_color);
color: var(--top_bar_text_color);
position: relative;
z-index: 998;
font-size: 14px;
font-weight: 400;
line-height: 50px;
}
.yolo-top-bar .top-sidebar aside {
display: inline-block;
}
.yolo-top-bar .top-sidebar aside + aside {
margin-left: 30px;
}
.yolo-top-bar .top-sidebar aside i {
margin-right: 5px;
}
.yolo-top-bar .top-sidebar input {
background-color: transparent;
color: var(--top_bar_text_color);
}
.yolo-top-bar .top-sidebar input::-webkit-input-placeholder { color: var(--top_bar_text_color);
}
.yolo-top-bar .top-sidebar input:-ms-input-placeholder { color: var(--top_bar_text_color);
}
.yolo-top-bar .top-sidebar input::-moz-placeholder {
color: var(--top_bar_text_color);
}
.yolo-top-bar .top-sidebar input::-ms-input-placeholder {
color: var(--top_bar_text_color);
}
.yolo-top-bar .top-sidebar input::placeholder {
color: var(--top_bar_text_color);
}
.yolo-top-bar .top-sidebar button[type="submit"] {
color: var(--top_bar_text_color);
}
.yolo-top-bar > ul {
list-style: none;
padding: 0;
margin: 0;
}
.yolo-top-bar > ul li {
display: inline-block;
padding: 0;
margin: 0;
}
.yolo-top-bar > ul li + li {
margin-left: 20px;
}
.yolo-top-bar ul.top-bar-info li {
display: inline-block;
padding: 0;
}
.yolo-top-bar ul.top-bar-info li > a {
line-height: 2;
color: inherit;
}
.yolo-top-bar ul.top-bar-info li + li {
margin-left: 20px;
}
.yolo-top-bar ul.top-bar-info i.fa {
font-size: 14px;
padding-right: 5px;
}
.yolo-top-bar .top-sidebar .profile-text {
padding-right: 10px;
}
.yolo-top-bar .top-sidebar h4.widget-title {
color: var(--top_bar_text_color);
}
.yolo-top-bar .top-sidebar #wp-calendar caption,
.yolo-top-bar .top-sidebar #wp-calendar thead th {
color: var(--top_bar_text_color);
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu {
overflow: visible;
border: none;
margin: 0;
padding: 0;
color: inherit;
font-size: 14px;
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu li {
display: inline-block;
position: relative;
border: none;
color: inherit;
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu li:before {
display: none;
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu li:hover > ul {
display: block;
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu li > a {
padding: 0;
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu li > a:hover {
padding-left: 0;
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu > li {
padding: 0;
margin: 0;
line-height: 50px;
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu > li + li {
margin-left: 30px;
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu > li + li:before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15px;
width: 1px;
height: 16px;
margin: auto;
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu > li ul {
display: none;
position: absolute;
z-index: 999;
right: 0;
top: 100%;
background-color: var(--top_bar_bg_color);
color: var(--top_bar_text_color);
text-align: left;
margin: 0;
padding: 0 15px;
min-width: 150px;
-webkit-box-shadow: 2px 5px 5px 2px rgba(0, 0, 0, 0.3);
box-shadow: 2px 5px 5px 2px rgba(0, 0, 0, 0.3);
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu > li ul li {
display: block;
white-space: nowrap;
padding: 8px 0;
margin: 0;
line-height: 28px;
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu > li ul li + li {
border-top: solid 1px #f0f0f0;
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu > li ul ul {
left: 100%;
top: 0;
}
.yolo-top-bar .top-sidebar .widget.base-primary-color i.fa,
.yolo-top-bar .top-sidebar .widget.base-primary-color a {
color: var(--top_bar_text_color);
}
.yolo-top-bar .top-sidebar .widget.base-primary-color.widget_nav_menu > div > ul.menu > li + li:before,
.yolo-top-bar .top-sidebar .widget.base-primary-color.separate-left:before,
.yolo-top-bar .top-sidebar .widget.base-primary-color.separate-right:after {
background-color: var(--top_bar_text_color);
}
.yolo-top-bar .top-sidebar .separate-left {
position: relative;
}
.yolo-top-bar .top-sidebar .separate-left:before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15px;
width: 1px;
height: 16px;
margin: auto;
}
.yolo-top-bar .top-sidebar .separate-right {
position: relative;
}
.yolo-top-bar .top-sidebar .separate-right:after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
right: -15px;
width: 1px;
height: 16px;
margin: auto;
}
.yolo-top-bar .top-sidebar a {
color: inherit;
}
.yolo-top-bar .top-sidebar .widget .custom-dropdown-list > ul li > a {
color: #333;
}
.yolo-top-bar .top-sidebar .widget #lang_sel > ul {
position: relative;
display: inline-block;
padding: 0;
margin: 0;
}
.yolo-top-bar .top-sidebar .widget #lang_sel > ul > li {
padding: 0;
display: block;
list-style: none;
}
.yolo-top-bar .top-sidebar .widget #lang_sel > ul > li > a:after {
content: "\f107";
font-family: 'fontawesome';
display: inline-block;
}
.yolo-top-bar .top-sidebar .widget #lang_sel > ul ul {
position: absolute;
top: 100%;
left: 0;
min-width: 150px;
list-style: none;
padding: 10px 0;
margin: 0;
display: none;
background-color: #fff;
z-index: 999;
-webkit-box-shadow: 2px 3px 5px 2px rgba(0, 0, 0, 0.3);
box-shadow: 2px 3px 5px 2px rgba(0, 0, 0, 0.3);
}
.yolo-top-bar .top-sidebar .widget #lang_sel > ul ul > li {
list-style: none;
padding: 0 15px;
display: block;
line-height: 32px;
}
.yolo-top-bar .top-sidebar .widget #lang_sel > ul ul > li img {
padding-right: 5px;
}
.yolo-top-bar .top-sidebar .widget #lang_sel > ul:hover ul {
display: block;
}
.yolo-top-bar .top-bar-left {
text-align: left;
}
.yolo-top-bar .top-bar-right {
text-align: right;
}
.yolo-top-bar .top-bar-right.top-sidebar .widget_nav_menu > div > ul.menu ul ul {
left: auto;
right: 100%;
}
.yolo-top-bar .top-bar-center {
text-align: center;
}
@media screen and (max-width: 991px) {
.yolo-top-bar {
position: relative;
z-index: 998;
}
.yolo-top-bar .top-bar-left,
.yolo-top-bar .top-bar-right {
text-align: center;
}
.top-bar-right.top-sidebar .widget_nav_menu > div > ul.menu ul ul {
right: auto;
left: 100%;
}
}
@media screen and (max-width: 479px) {
.yolo-top-bar ul.top-bar-info li {
display: block;
margin-left: 0 !important;
}
}
.yolo-mobile-menu-overlay {
opacity: 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
z-index: -1;
pointer-events: none;
overflow: hidden;
-webkit-backface-visibility: hidden;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
body.menu-mobile-in .yolo-mobile-menu-overlay {
opacity: 1;
z-index: 298;
pointer-events: auto;
cursor: url(//thisandthat.in/wp-content/themes/yolo-sofani/assets/images/close.png) 15 15, default;
}
@media screen and (min-width: 1300px) {
header.yolo-main-header .yolo-header-nav-wrapper.nav-fullwith .container {
width: 100%;
padding: 0;
}
header.yolo-main-header .yolo-header-nav-wrapper.nav-fullwith .container .yolo-header-wrapper .menu-wrapper .yolo-main-menu > li.menu_style_tab > ul,
header.yolo-main-header .yolo-header-nav-wrapper.nav-fullwith .container .yolo-header-wrapper .menu-wrapper .yolo-main-menu > li.menu_style_column > ul {
left: 0;
right: 0;
margin: 0 auto;
}
.yolo-top-bar .topbar-fullwith {
padding-left: var(--top_bar_layout_padding);
padding-right: var(--top_bar_layout_padding);
}
.yolo-top-bar .topbar-fullwith.container {
width: 100%;
}
}
@media screen and (min-width: 992px) {
.header-mobile-before,
.yolo-mobile-header-wrapper,
li.menu-fly-search {
display: none !important;
}
.logo-sticky {
list-style: none;
line-height: var(--main_menu_height);
display: none;
}
header.yolo-main-header .yolo-header-wrapper {
position: relative;
width: 100%;
display: table;
z-index: 500;
}
header.yolo-main-header .yolo-header-wrapper .yolo-main-menu > li {
font-family: var(--menu_font);
}
header.yolo-main-header .yolo-header-wrapper .yolo-main-menu > li > a {
font-size: var(--menu_font_size);
}
header.yolo-main-header .yolo-header-wrapper .yolo-main-menu > li:hover > a {
color: var(--primary_color);
}
header.yolo-main-header .yolo-header-wrapper .yolo-main-menu li.current-menu-item > a {
color: var(--primary_color) !important;
}
header.yolo-main-header .yolo-header-wrapper .yolo-main-menu li.menu-item-has-children.menu_style_column ul.sub-menu .menu-item-type-custom a {
background-color: transparent;
}
header.yolo-main-header .yolo-header-wrapper .yolo-main-menu li.menu-item-has-children.menu_style_column > ul.sub-menu {
background-color: var(--menu_sub_bg_color);
}
header.yolo-main-header .yolo-header-wrapper .yolo-main-menu li.menu-item-has-children.menu_style_column > ul.sub-menu ul.sub-menu {
background-color: transparent;
}
header.yolo-main-header .yolo-header-wrapper .yolo-main-menu li.menu-item-has-children ul.sub-menu {
background-color: var(--menu_sub_bg_color);
}
header.yolo-main-header .yolo-header-wrapper .yolo-main-menu li.menu-item-has-children ul.sub-menu li.current-menu-item:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
header.yolo-main-header .yolo-header-wrapper .yolo-main-menu li.menu-item-has-children ul.sub-menu li.current-menu-item > a {
color: var(--primary_color);
}
header.yolo-main-header .yolo-header-wrapper .yolo-main-menu li.menu-item-has-children ul.sub-menu > li {
color: var(--menu_sub_text_color);
}
header.yolo-main-header .yolo-header-wrapper .yolo-main-menu li.menu-item-has-children ul.sub-menu > li .menu-caret {
color: var(--menu_sub_text_color);
}
header.yolo-main-header .yolo-header-wrapper .yolo-main-menu li.menu-item-has-children ul.sub-menu .menu-item-type-custom a {
background-color: var(--menu_sub_bg_color);
}
header.yolo-main-header .yolo-header-wrapper .yolo-main-menu li.menu-item-has-children:hover > a {
color: var(--primary_color);
}
header.yolo-main-header .header-left.text-center,
header.yolo-main-header .header-right.text-center {
text-align: center;
}
header.yolo-main-header .header-left {
display: table-cell;
}
header.yolo-main-header .header-right {
display: table-cell;
}
header.yolo-main-header .header-logo > a > img {
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: none;
}
header.yolo-main-header .yolo-header-nav-wrapper {
position: relative;
left: 0;
right: 0;
z-index: 997;
}
header.yolo-main-header .header-customize {
display: inline-block;
margin-left: 10px;
}
header.yolo-main-header .header-customize-item {
position: relative;
display: inline-block;
}
header.yolo-main-header .header-customize-item + .header-customize-item {
position: relative;
margin-left: 35px;
}
header.yolo-main-header .header-customize-item + .header-customize-item i {
font-size: 18px;
padding-right: 5px;
}
header.yolo-main-header .header-customize .search-button-wrapper + .shopping-cart-wrapper,
header.yolo-main-header .header-customize .shopping-cart-wrapper + .search-button-wrapper {
margin-left: 15px;
}
header.yolo-main-header .header-customize .header-customize-item + .shopping-cart-wrapper.with-price .widget_shopping_cart_icon > i {
width: 45px;
text-align: center;
font-size: 30px;
}
header.yolo-main-header .header-customize-separate .header-customize-item + .header-customize-item:before {
content: '';
position: absolute;
left: -15px;
display: block;
width: 1px;
height: 16px;
background-color: #eee;
top: 0;
bottom: 0;
margin: auto;
}
header.yolo-main-header .icon-search-menu {
width: 40px;
height: 40px;
font-size: var(--menu_font_size);
line-height: 40px;
border: none;
display: inline-block;
text-align: center;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
header.yolo-main-header ul.header-social-profile-wrapper {
margin: 0;
padding: 0;
list-style: none;
}
header.yolo-main-header ul.header-social-profile-wrapper li {
display: inline-block;
}
header.yolo-main-header ul.header-social-profile-wrapper li a {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.yolo-main-header ul.header-social-profile-wrapper li + li {
margin-left: 20px;
}
header.yolo-main-header .search-box input {
height: 30px;
border: solid 1px #ddd;
background-color: transparent;
height: 50px;
line-height: 48px;
width: 100%;
padding-left: 20px;
padding-right: 20px;
max-width: 100%;
}
header.yolo-main-header .search-box button {
border: none;
background-color: transparent;
position: absolute;
top: 0px;
bottom: 0;
right: 20px;
margin: auto;
padding: 0;
line-height: 1;
}
header.yolo-main-header .search-box-wrapper > form {
padding: 0;
margin: 0;
position: relative;
display: inline-block;
line-height: 30px;
border: none;
}
header.yolo-main-header .search-box-wrapper > form input {
width: 300px;
}
header.yolo-main-header .ajax-search-result {
position: absolute;
top: 100%;
z-index: 999;
background-color: #fff;
left: 0;
right: 0;
border: solid 1px #eee;
border-top: none;
}
header.yolo-main-header .ajax-search-result > ul {
position: relative;
display: block;
list-style: none;
text-align: left;
padding: 0;
margin: 0;
line-height: 1.8;
}
header.yolo-main-header .ajax-search-result > ul > li {
padding: 10px 15px;
position: relative;
}
header.yolo-main-header .ajax-search-result > ul > li:after {
content: '';
display: block;
clear: both;
}
header.yolo-main-header .ajax-search-result > ul > li img {
float: left;
width: 50px;
margin-right: 15px;
}
header.yolo-main-header .ajax-search-result > ul > li.no-result {
text-align: center;
}
header.yolo-main-header .ajax-search-result > ul > li.selected,
header.yolo-main-header .ajax-search-result > ul > li:hover {
background-color: #fafafa;
}
header.yolo-main-header .ajax-search-result > ul > li.selected + li:before,
header.yolo-main-header .ajax-search-result > ul > li:hover + li:before {
display: none;
}
header.yolo-main-header .ajax-search-result > ul > li + li.selected:before,
header.yolo-main-header .ajax-search-result > ul > li + li:hover:before {
display: none;
}
header.yolo-main-header .ajax-search-result > ul > li + li:before {
content: '';
position: absolute;
display: block;
margin: auto;
left: 15px;
right: 15px;
top: 0;
border-top: solid 1px #eee;
}
header.yolo-main-header .search-with-category {
width: 500px;
}
header.yolo-main-header .search-with-category > .search-with-category-inner {
line-height: 50px;
}
header.yolo-main-header .search-with-category .form-search-left {
float: left;
width: 200px;
position: relative;
}
header.yolo-main-header .search-with-category .form-search-left > span {
border: solid 1px #ddd;
display: inline-block;
height: 50px;
width: 100%;
border-right: none;
padding: 0 18px;
font-size: 14px;
cursor: pointer;
text-align: left;
text-transform: uppercase;
}
header.yolo-main-header .search-with-category .form-search-left > span:after {
content: '\f0d7';
font-family: 'fontawesome';
position: absolute;
right: 15px;
margin: auto;
top: 15px;
bottom: 0;
height: 17px;
font-size: 14px;
line-height: 3px;
}
header.yolo-main-header .search-with-category .form-search-right {
padding-left: 200px;
}
header.yolo-main-header .search-with-category .form-search-right input[type="text"] {
width: 100%;
}
header.yolo-main-header .search-with-category .search-category-dropdown {
display: none;
position: absolute;
top: 100%;
left: 0;
right: -1px;
overflow: auto;
padding: 5px 0;
list-style: none;
margin: 0;
border: solid 1px #ddd;
border-top: none;
background-color: #fff;
line-height: 36px;
z-index: 999;
max-height: 380px;
}
header.yolo-main-header .search-with-category .search-category-dropdown li > span {
cursor: pointer;
padding: 0 15px;
display: block;
text-align: left;
color: #333;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
header.yolo-main-header .search-with-category .search-category-dropdown ul li > span {
padding-left: 30px;
}
header.yolo-main-header .search-with-category .search-category-dropdown ul ul li > span {
padding-left: 45px;
}
header.yolo-main-header .search-with-category .search-category-dropdown li > span:hover {
color: var(--primary_color);
}
header.yolo-main-header .search-with-category .search-category-dropdown ul {
padding: 0;
list-style: inside;
list-style-type: none;
}
header.yolo-main-header .search-with-category .search-box input {
line-height: 46px;
}
header.yolo-main-header .search-with-category .ajax-search-result {
border-width: 1px;
}
header.yolo-main-header .yolo-header-nav-above {
border-bottom: solid 1px rgba(221, 221, 221, 0.6);
}
header.yolo-main-header .header-customize-nav .search-box input[type="text"] {
line-height: 38px;
height: 40px;
}
header.yolo-main-header .header-customize-nav .search-with-category .form-search-left > span,
header.yolo-main-header .header-customize-nav .search-with-category .search-with-category-inner {
line-height: 38px;
height: 40px;
}
header.yolo-main-header .header-customize-right,
header.yolo-main-header .header-customize-left {
line-height: 50px;
}
header.yolo-main-header .header-customize.header-customize-left {
margin-left: 0;
}
header.yolo-main-header .custom-list {
margin: 0;
list-style: none;
padding-left: 0;
}
header.yolo-main-header .custom-list li {
line-height: 24px;
}
header.yolo-main-header .custom-separate {
display: inline-block;
height: 16px;
width: 1px;
background-color: #eee;
margin-left: 15px;
margin-right: 15px;
}
header.header-float {
position: absolute !important;
z-index: 997;
left: 0;
right: 0;
}
header.yolo-main-header .yolo-sticky-wrapper .header-customize i.fa:hover {
color: var(--primary_color);
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper {
z-index: 997;
left: 0;
right: 0;
-webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
border: none !important;
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper .logo-sticky {
line-height: 60px;
height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper .logo-sticky > a > img {
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper .header-logo.has-logo-sticky {
display: none !important;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper .header-customize {
line-height: 60px;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper.sticky-scheme-gray.sticky-on {
background-color: #555;
color: #eee;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper.sticky-scheme-gray.sticky-on .menu-wrapper .yolo-main-menu > li > a {
color: #eee;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper.sticky-scheme-gray.sticky-on .menu-wrapper .yolo-main-menu > li:hover > a {
color: var(--primary_color);
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper.sticky-scheme-light.sticky-on {
background-color: #fff;
color: #363738;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper.sticky-scheme-light.sticky-on .menu-wrapper .yolo-main-menu > li > a {
color: #363738;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper.sticky-scheme-light.sticky-on .menu-wrapper .yolo-main-menu > li:hover > a {
color: var(--primary_color);
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper.sticky-scheme-dark.sticky-on {
background-color: #111 !important;
color: #fff;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper.sticky-scheme-dark.sticky-on .menu-wrapper .yolo-main-menu > li > a {
color: #fff;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper.sticky-scheme-dark.sticky-on .menu-wrapper .yolo-main-menu > li:hover > a {
color: var(--primary_color);
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper .yolo-header-wrapper {
border-bottom: none;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper .search-box input[type="text"] {
height: 36px;
line-height: 34px;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper .search-with-category .form-search-left > span,
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper .search-with-category .search-box input[type="text"] {
height: 36px;
line-height: 32px;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper .search-with-category .search-with-category-inner {
line-height: 32px;
}
body.boxed .yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper {
max-width: 1400px;
margin: 0 auto;
}
}
@media screen and (min-width: 992px) and (max-width: 1300px) {
header.yolo-main-header .search-with-category {
width: 450px;
}
}
.shopping-cart-wrapper {
padding: 0;
margin: 0;
display: inline-block;
text-align: right;
position: relative;
}
.shopping-cart-wrapper.no-price .sub-total-text {
display: none;
}
.shopping-cart-wrapper .widget_shopping_cart_content {
display: block;
text-align: left;
}
.shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon {
position: relative;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
}
.shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.wicon {
cursor: pointer;
padding: 0;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 20px;
}
.shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.wicon:hover {
color: var(--primary_color) !important;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper {
display: block;
visibility: hidden;
opacity: 0;
position: absolute;
top: 150%;
right: 0;
left: auto;
z-index: 9998;
min-width: 300px;
background-color: #fff;
border: solid 2px #eee;
padding: 0;
line-height: 2em;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
transition: 0.5s all;
-webkit-transition-timing-function: cubic-bezier(1, 0.07, 1, 0.07);
-o-transition-timing-function: cubic-bezier(1, 0.07, 1, 0.07);
transition-timing-function: cubic-bezier(1, 0.07, 1, 0.07);
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper .cart-total {
padding: 0 15px 20px;
position: relative;
color: #222222;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li.empty {
padding: 15px;
text-align: center;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li.empty h4 {
text-transform: uppercase;
padding: 0 0 15px;
margin: 0;
font-size: 16px;
word-spacing: 0.2em;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li.empty p {
color: var(--text_color);
padding: 0;
margin: 0;
font-size: 14px;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li {
padding: 15px 0;
margin: 0;
position: relative;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li + li {
border-top: solid 1px #ddd;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-left {
float: left;
overflow: hidden;
margin-right: 10px;
border: solid 1px #eee;
background: #fff;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-left > a > img {
height: auto;
width: 58px;
margin: 0;
display: block;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right {
overflow: hidden;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right > a {
word-spacing: 1px;
font-size: 13px;
display: block;
padding-right: 15px;
color: var(--secondary_color);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right > a:hover {
color: var(--primary_color);
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right > span.quantity {
font-size: 12px;
font-weight: 700;
display: block;
text-align: left;
color: #8f8f8f;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right > a.mini-cart-remove {
position: absolute;
right: 0;
top: 15px;
padding-right: 0;
font-size: 18px;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li:after {
content: "";
display: block;
clear: both;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.total {
padding: 0;
font-size: 13px;
font-weight: bold;
margin: 0;
border-top: solid 1px #eee;
border-bottom: solid 1px #eee;
line-height: 43px;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.total strong {
text-transform: uppercase;
font-weight: 400;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.total > span.amount {
font-weight: 700;
float: right;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons {
text-align: center;
margin: 0;
padding: 15px 0 0;
font-size: 0;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button {
color: #fff;
line-height: 20px;
padding: 10px;
font-size: 13px;
font-weight: bold;
min-width: 125px;
width: 48%;
display: inline-block;
background-color: var(--secondary_color);
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button:hover {
background-color: var(--primary_color);
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button > i.fa {
margin-right: 5px;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button.checkout {
background-color: var(--primary_color);
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button.checkout:hover {
background-color: var(--secondary_color);
}
@media (max-width: 480px) {
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button {
min-width: 100px;
}
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button + .button {
margin-left: 4%;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper dl {
border: none;
margin: 0;
padding: 0;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper dl dt {
float: left;
margin: 0 10px 0 0;
padding: 0;
line-height: 20px;
clear: none;
font-size: 11px;
font-weight: 400;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper dl dd {
padding: 0;
line-height: 20px;
display: block;
float: none;
margin: 0;
font-size: 11px;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper dl p {
margin: 0;
padding: 0;
}
.shopping-cart-wrapper .widget_shopping_cart_content ul.cart_list,
.shopping-cart-wrapper .widget_shopping_cart_content ul.product_list_widget {
position: relative;
margin: 0;
list-style: none;
padding: 15px 15px 0;
overflow: auto;
}
.shopping-cart-wrapper .widget_shopping_cart_content ul.cart_list::-webkit-scrollbar,
.shopping-cart-wrapper .widget_shopping_cart_content ul.product_list_widget::-webkit-scrollbar {
width: 6px;
border-radius: 6px;
}
.shopping-cart-wrapper .widget_shopping_cart_content ul.cart_list::-webkit-scrollbar-thumb,
.shopping-cart-wrapper .widget_shopping_cart_content ul.product_list_widget::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.3);
border-radius: 6px;
}
.shopping-cart-wrapper .widget_shopping_cart_content:hover .cart_list_wrapper {
top: 100%;
visibility: visible;
opacity: 1;
-webkit-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93);
-o-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93);
transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93);
}
.shopping-cart-wrapper.with-price .sub-total-text {
position: absolute;
bottom: -20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}
.shopping-cart-wrapper.with-price .sub-total-text .amount {
line-height: 1;
}
.shopping-cart-wrapper.with-price .widget_shopping_cart_content .widget_shopping_cart_icon > i.wicon {
border-radius: 0;
background-color: transparent;
}
.yolo-header-nav-wrapper.sticky-on .shopping-cart-wrapper.with-price .sub-total-text {
bottom: 0px;
}
.my-wishlist .widget_shopping_wishlist_content .my-wishlist-wrapper {
position: relative;
height: 60px;
width: 60px;
text-align: center;
line-height: 60px;
margin-top: 0px;
}
.my-wishlist .widget_shopping_wishlist_content .my-wishlist-wrapper a.yolo-wishlist {
width: 30px;
height: 30px;
}
.my-wishlist .widget_shopping_wishlist_content .my-wishlist-wrapper a.yolo-wishlist i.wicon {
cursor: pointer;
padding: 0;
width: 30px;
height: 30px;
text-align: center;
font-size: 20px;
line-height: 30px;
}
.my-wishlist .widget_shopping_wishlist_content .my-wishlist-wrapper a.yolo-wishlist i.wicon:hover {
color: var(--primary_color);
}
.my-wishlist .widget_shopping_wishlist_content .my-wishlist-wrapper a.yolo-wishlist span {
top: 5px;
right: 0px;
}
.custom-dropdown-list {
position: relative;
display: inline-block;
}
.custom-dropdown-list > span {
cursor: pointer;
}
.custom-dropdown-list:hover > ul {
display: block;
}
.custom-dropdown-list > ul {
position: absolute;
top: 100%;
left: 0;
min-width: 150px;
list-style: none;
padding: 10px 0;
margin: 0;
display: none;
background-color: #fff;
z-index: 999;
-webkit-box-shadow: 2px 3px 5px 2px rgba(0, 0, 0, 0.3);
box-shadow: 2px 3px 5px 2px rgba(0, 0, 0, 0.3);
}
.custom-dropdown-list > ul li {
line-height: 32px;
padding: 0 15px;
display: block;
}
.custom-dropdown-list > ul li > a {
color: #333;
white-space: nowrap;
}
header.yolo-main-header .yolo-header-wrapper .navbar-nav li a {
font-family: var(--menu_font);
font-weight: var(--menu_font_weight);
font-size: var(--menu_font_size);
}
header.yolo-main-header .yolo-header-wrapper .navbar-nav li.menu-item-has-children ul.sub-menu li a {
font-size: calc(var(--menu_font_size) - 2px);
}
@media screen and (min-width: 1300px) {
header.yolo-main-header.header-1 .yolo-header-nav-wrapper.nav-fullwith {
padding-left: var(--header_1_nav_layout_padding);
padding-right: var(--header_1_nav_layout_padding);
}
header.yolo-main-header.header-1 .yolo-header-nav-above .nav-fullwith.container {
width: 100%;
padding-left: var(--header_1_nav_layout_padding);
padding-right: var(--header_1_nav_layout_padding);
}
}
header.header-1 {
position: relative;
z-index: 10;
}
header.header-1.header-float .header-customize-right {
color: #fff;
}
header.header-1 .fl .header-logo {
height: var(--header_1_height);
display: table-cell;
vertical-align: middle;
text-align: center;
}
header.header-1 .fl .header-logo a img {
max-height: var(--header_1_height);
padding-top: var(--logo_padding_top);
padding-bottom: var(--logo_padding_bottom);
}
header.header-1 .fr .header-customize-right {
line-height: var(--header_1_height);
}
header.header-1 .fr .header-customize-right .custom-text-wrapper i {
padding-left: 15px;
font-size: 18px;
vertical-align: middle;
padding-right: 5px;
}
header.header-1 .yolo-header-nav-wrapper {
background-color: var(--header_1_nav_bg_color);
color: var(--header_1_nav_text_color);
}
header.header-1 .yolo-header-wrapper .header-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
header.header-1 .yolo-header-wrapper .header-center .menu-wrapper .yolo-main-menu > li > a {
padding-left: var(--header_1_nav_distance);
padding-right: var(--header_1_nav_distance);
}
header.header-1 .yolo-header-wrapper .header-center .menu-wrapper .yolo-main-menu > li > a:before {
height: 15px;
width: 2px;
left: 50%;
-webkit-transform: translateX(-50%) scale(0);
-ms-transform: translateX(-50%) scale(0);
transform: translateX(-50%) scale(0);
}
header.header-1 .yolo-header-wrapper .header-center .menu-wrapper .yolo-main-menu > li:hover > a:before {
-webkit-transform: translateX(-50%) scale(1);
-ms-transform: translateX(-50%) scale(1);
transform: translateX(-50%) scale(1);
}
header.header-1 .yolo-header-wrapper .header-center .header-customize-nav {
line-height: 60px;
color: var(--header_1_nav_text_color);
}
header.header-1 .yolo-header-wrapper .header-center .header-customize-nav .header-customize-item {
margin-left: 10px;
}
@media screen and (min-width: 1300px) {
header.yolo-main-header.header-2 .yolo-header-nav-wrapper.nav-fullwith {
padding-left: var(--header_2_nav_layout_padding);
padding-right: var(--header_2_nav_layout_padding);
}
header.yolo-main-header.header-2 .yolo-header-nav-above .nav-fullwith.container {
width: 100%;
padding-left: var(--header_2_nav_layout_padding);
padding-right: var(--header_2_nav_layout_padding);
}
header.yolo-main-header.header-2 .yolo-header-nav-above .nav-fullwith .fr {
right: var(--header_2_nav_layout_padding);
}
}
header.header-2 {
background-color: var(--header_2_nav_bg_color);
color: var(--header_2_nav_text_color);
}
header.header-2 .yolo-header-nav-above {
border-bottom: 1px solid rgba(221, 221, 221, 0.5);
}
header.header-2 .yolo-header-nav-above .container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
header.header-2 .yolo-header-nav-above .container .header-logo {
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
header.header-2 .yolo-header-nav-above .container .header-logo a img {
top: 0;
left: 0;
bottom: 0;
right: 0;
text-align: center;
margin: auto;
max-height: var(--header_2_height);
padding-top: var(--logo_padding_top);
padding-bottom: var(--logo_padding_bottom);
}
header.header-2 .yolo-header-nav-above .container p {
margin-bottom: 0;
}
header.header-2 .yolo-header-nav-above .container .header-customize {
margin: 0;
line-height: var(--header_2_height);
}
header.header-2 .yolo-header-nav-above .container .header-customize-right {
padding-left: 40px;
border-left: 1px solid rgba(221, 221, 221, 0.5);
}
header.header-2 .yolo-header-nav-above .container .header-customize-left {
padding-right: 40px;
border-right: 1px solid rgba(221, 221, 221, 0.5);
}
header.header-2 .yolo-header-nav-wrapper {
color: var(--header_2_nav_text_color);
}
header.header-2 .yolo-header-nav-wrapper .yolo-header-wrapper .header-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
header.header-2 .yolo-header-nav-wrapper .yolo-header-wrapper .header-left .menu-wrapper #main-menu > li {
display: inline-block;
float: none;
}
header.header-2 .yolo-header-nav-wrapper .yolo-header-wrapper .header-left .menu-wrapper #main-menu > li > a {
padding-left: var(--header_2_nav_distance);
padding-right: var(--header_2_nav_distance);
}
header.header-2 .yolo-header-nav-wrapper .yolo-header-wrapper .header-left .menu-wrapper #main-menu > li ul {
text-align: left;
}
header.header-2 .yolo-header-nav-wrapper .yolo-header-wrapper .header-left .header-customize-nav .header-customize-item {
line-height: 60px;
}
header.header-2 .sticky-on {
background-color: var(--header_2_nav_bg_color);
}
header.header-2 .sticky-out {
background-color: var(--header_2_nav_bg_color);
}
@media screen and (min-width: 1300px) {
header.yolo-main-header.header-3 .yolo-header-nav-wrapper.nav-fullwith {
padding-left: var(--header_3_nav_layout_padding);
padding-right: var(--header_3_nav_layout_padding);
}
header.yolo-main-header.header-3 .yolo-header-nav-above .nav-fullwith.container {
width: 100%;
padding-left: var(--header_3_nav_layout_padding);
padding-right: var(--header_3_nav_layout_padding);
}
header.yolo-main-header.header-3 .yolo-header-nav-above .nav-fullwith .fr {
right: var(--header_3_nav_layout_padding);
}
}
header.header-3 {
background-color: var(--header_3_nav_bg_color);
color: var(--header_3_nav_text_color);
}
header.header-3 .sub-menu {
color: initial;
}
header.header-3 .yolo-sticky-wrapper {
height: var(--header_3_height) !important;
}
header.header-3 .yolo-header-nav-above {
border-bottom: none;
}
header.header-3 .yolo-header-nav-above .container {
position: relative;
}
header.header-3 .yolo-header-nav-above .container .fl .header-customize-left {
line-height: 90px;
}
header.header-3 .yolo-header-nav-above .container .fr .header-customize-right {
line-height: 90px;
}
header.header-3 .yolo-header-wrapper {
border-bottom: 1px solid #ddd;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
header.header-3 .yolo-header-wrapper .header-left .header-logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: var(--header_3_height);
}
header.header-3 .yolo-header-wrapper .header-left .header-logo a img {
max-height: var(--header_3_height);
padding-top: var(--logo_padding_top);
padding-bottom: var(--logo_padding_bottom);
}
header.header-3 .yolo-header-wrapper .header-right {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
header.header-3 .yolo-header-wrapper .header-right .menu-wrapper .yolo-main-menu > li > a {
line-height: var(--header_3_height);
padding-top: 0;
padding-bottom: 0;
padding-left: var(--header_3_nav_distance);
padding-right: var(--header_3_nav_distance);
-webkit-transition: all 0s ease 0s;
-o-transition: all 0s ease 0s;
transition: all 0s ease 0s;
}
header.header-3 .yolo-header-wrapper .header-right .menu-wrapper .yolo-main-menu > li:last-child a {
padding-right: 0;
}
header.header-3 .yolo-header-wrapper .header-right .header-customize-nav {
line-height: var(--header_3_height);
}
header.header-3 .yolo-header-wrapper .header-right .header-customize-nav .header-customize-item {
margin-left: 10px;
}
header.header-3 .sticky-on {
background-color: var(--header_3_nav_bg_color);
}
header.header-3 .sticky-on .header-right .header-customize-nav,
header.header-3 .sticky-on .header-right .menu-wrapper .yolo-main-menu > li > a {
line-height: 60px;
}
header.header-3 .sticky-out {
background-color: var(--header_3_nav_bg_color);
}
header.header-3 .sticky-out .header-right .header-customize-nav,
header.header-3 .sticky-out .header-right .menu-wrapper .yolo-main-menu > li > a {
line-height: 60px;
}
@media screen and (min-width: 1300px) {
header.yolo-main-header.header-4 .yolo-header-nav-wrapper.nav-fullwith {
padding-left: var(--header_4_nav_layout_padding);
padding-right: var(--header_4_nav_layout_padding);
}
header.yolo-main-header.header-4 .yolo-header-nav-above .nav-fullwith.container {
width: 100%;
padding-left: var(--header_4_nav_layout_padding);
padding-right: var(--header_4_nav_layout_padding);
}
}
header.header-4.header-float .header-customize-right {
color: #fff;
}
header.header-4 .yolo-header-nav-above {
margin-bottom: 30px;
border-bottom-width: 0px !important;
}
header.header-4 .yolo-header-nav-above .container .fl .header-logo {
height: var(--header_4_height);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
header.header-4 .yolo-header-nav-above .container .fl .header-logo a img {
max-height: var(--header_4_height);
padding-top: var(--logo_padding_top);
padding-bottom: var(--logo_padding_bottom);
}
header.header-4 .fr .header-customize {
line-height: var(--header_4_height);
}
header.header-4 .fr .header-customize .search-with-category {
margin-right: 150px;
}
header.header-4 .fr .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon {
width: 60px;
height: 60px;
line-height: 60px;
border-radius: 100%;
border: 1px solid #ddd;
text-align: center;
}
header.header-4 .fr .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.wicon {
text-align: center;
position: relative;
z-index: 2;
font-size: 20px;
}
header.header-4 .fr .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon span {
top: -12px;
height: 30px;
width: 30px;
line-height: 30px;
}
header.header-4 .fr .my-wishlist .widget_shopping_wishlist_content .my-wishlist-wrapper {
width: 60px;
height: 60px;
line-height: 60px;
border-radius: 100%;
border: 1px solid #ddd;
text-align: center;
}
header.header-4 .fr .my-wishlist .widget_shopping_wishlist_content .my-wishlist-wrapper .yolo-wishlist i {
text-align: center;
}
header.header-4 .fr .my-wishlist .widget_shopping_wishlist_content .my-wishlist-wrapper .yolo-wishlist span {
top: -12px;
height: 30px;
width: 30px;
line-height: 30px;
}
header.header-4 .yolo-header-nav-wrapper {
position: relative;
height: 60px;
bottom: 30px;
background-color: transparent;
}
header.header-4 .yolo-header-nav-wrapper .yolo-header-wrapper {
background-color: var(--header_4_nav_bg_color);
color: var(--header_4_nav_text_color);
padding: 0 15px;
}
header.header-4 .yolo-header-nav-wrapper .yolo-header-wrapper .header-left {
float: left;
}
header.header-4 .yolo-header-nav-wrapper .yolo-header-wrapper .header-left .yolo-main-menu > li > a {
padding-right: var(--header_4_nav_distance);
padding-left: var(--header_4_nav_distance);
}
header.header-4 .yolo-header-nav-wrapper .yolo-header-wrapper .header-right {
float: right;
}
header.header-4 .yolo-header-nav-wrapper .yolo-header-wrapper .header-right .header-customize-nav {
line-height: 60px;
color: var(--header_4_nav_text_color);
}
header.header-4 .yolo-header-nav-wrapper .yolo-header-wrapper .header-right .header-customize-nav .canvas-menu-toggle-wrapper {
margin-left: 20px;
}
header.header-4 .yolo-sticky-wrapper {
height: 0px !important;
}
header.header-4 .yolo-sticky-wrapper .yolo-header-nav-wrapper.sticky-on {
background-color: var(--header_4_nav_bg_color);
}
header.header-4 .yolo-sticky-wrapper .yolo-header-nav-wrapper.sticky-on .container {
bottom: 0px;
}
header.header-4 .yolo-sticky-wrapper .yolo-header-nav-wrapper.sticky-on .container .yolo-header-wrapper {
background-color: transparent;
}
header.header-4 .yolo-sticky-wrapper .yolo-header-nav-wrapper.sticky-out {
background-color: var(--header_4_nav_bg_color);
}
header.header-4 .yolo-sticky-wrapper .yolo-header-nav-wrapper.sticky-out .container {
bottom: 0px;
}
header.header-4 .yolo-sticky-wrapper .yolo-header-nav-wrapper.sticky-out .container .yolo-header-wrapper {
background-color: transparent;
}
@media screen and (min-width: 1300px) {
header.yolo-main-header.header-5 .yolo-header-nav-wrapper.nav-fullwith {
padding-left: var(--header_5_nav_layout_padding);
padding-right: var(--header_5_nav_layout_padding);
}
header.yolo-main-header.header-5 .yolo-header-nav-above .nav-fullwith.container {
width: 100%;
padding-left: var(--header_5_nav_layout_padding);
padding-right: var(--header_5_nav_layout_padding);
}
}
header.header-5.header-float .header-customize-right {
color: #fff;
}
header.header-5 .yolo-header-nav-above {
border: none;
}
header.header-5 .yolo-header-nav-above .header-logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: var(--header_5_height);
}
header.header-5 .yolo-header-nav-above .header-logo a img {
max-height: var(--header_5_height);
padding-top: var(--logo_padding_top);
padding-bottom: var(--logo_padding_bottom);
}
header.header-5 .header-customize-right {
line-height: var(--header_5_height);
}
header.header-5 .yolo-header-nav-wrapper {
background-color: var(--header_5_nav_bg_color);
color: var(--header_5_nav_text_color);
}
header.header-5 .yolo-header-nav-wrapper .sub-menu {
color: initial;
}
header.header-5 .yolo-header-nav-wrapper .yolo-header-wrapper .menu-wrapper .yolo-main-menu > li > a {
padding-right: var(--header_5_nav_distance);
padding-left: var(--header_5_nav_distance);
}
header.header-5 .yolo-header-nav-wrapper .yolo-header-wrapper .header-right {
float: right;
}
header.header-5 .yolo-header-nav-wrapper .yolo-header-wrapper .header-right .header-customize-nav {
line-height: 60px;
}
header.header-5 .yolo-header-nav-wrapper .yolo-header-wrapper .header-right .header-customize-nav .search-box-wrapper form {
width: 270px;
}
header.header-5 .yolo-header-nav-wrapper .yolo-header-wrapper .header-right .header-customize-nav .search-box-wrapper form input[type="text"] {
background-color: var(--header_5_nav_text_color);
border: none;
opacity: 0.8;
}
header.header-5 .yolo-header-nav-wrapper .yolo-header-wrapper .header-right .header-customize-nav .search-box-wrapper form button i {
color: var(--text_color);
font-size: 15px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
header.header-5 .yolo-header-nav-wrapper .yolo-header-wrapper .header-right .header-customize-nav .search-box-wrapper form button i:hover {
color: var(--primary_color);
}
@media screen and (min-width: 1370px) {
header.yolo-main-header.header-6 .yolo-header-nav-wrapper.nav-fullwith {
padding-left: var(--header_6_nav_layout_padding);
padding-right: var(--header_6_nav_layout_padding);
}
}
.header-6 .yolo-top-bar {
border-bottom: 1px solid rgba(221, 221, 221, 0.3);
}
.header-6 .yolo-top-bar aside {
border-left: 1px solid rgba(221, 221, 221, 0.3);
padding: 0 20px;
margin-left: 0 !important;
}
.header-6 .yolo-top-bar aside .textwidget i {
padding-right: 10px;
color: var(--primary_color);
}
header.header-6 .yolo-header-nav-wrapper {
position: relative;
height: var(--header_6_height);
background-color: var(--header_6_nav_bg_color);
color: var(--header_6_nav_text_color);
}
header.header-6 .yolo-header-nav-wrapper .header-logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: var(--header_6_height);
}
header.header-6 .yolo-header-nav-wrapper .header-logo a img {
max-height: var(--header_6_height);
padding-top: var(--logo_padding_top);
padding-bottom: var(--logo_padding_bottom);
}
header.header-6 .yolo-header-nav-wrapper .yolo-header-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
header.header-6 .yolo-header-nav-wrapper .yolo-header-wrapper .header-center {
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
header.header-6 .yolo-header-nav-wrapper .yolo-header-wrapper .header-center .yolo-main-menu > li > a {
line-height: var(--header_6_height);
padding-top: 0;
padding-bottom: 0;
padding-left: var(--header_6_nav_distance);
padding-right: var(--header_6_nav_distance);
}
header.header-6 .yolo-header-nav-wrapper .yolo-header-wrapper .header-customize-right {
line-height: var(--header_6_height);
}
header.header-6 .yolo-header-nav-wrapper.sticky-on {
background-color: var(--header_6_nav_bg_color);
height: 60px;
}
header.header-6 .yolo-header-nav-wrapper.sticky-on .header-logo {
height: 60px;
}
header.header-6 .yolo-header-nav-wrapper.sticky-on .yolo-header-wrapper .header-customize-right,
header.header-6 .yolo-header-nav-wrapper.sticky-on .yolo-header-wrapper .menu-wrapper .yolo-main-menu > li > a {
line-height: 60px;
}
header.header-6 .yolo-header-nav-wrapper.sticky-out {
background-color: var(--header_6_nav_bg_color);
height: 60px;
}
header.header-6 .yolo-header-nav-wrapper.sticky-out .header-logo {
height: 60px;
}
header.header-6 .yolo-header-nav-wrapper.sticky-out .yolo-header-wrapper .header-customize-right,
header.header-6 .yolo-header-nav-wrapper.sticky-out .yolo-header-wrapper .menu-wrapper .yolo-main-menu > li > a {
line-height: 60px;
}
@media screen and (min-width: 992px) {
header.yolo-mobile-header {
display: none !important;
}
}
@media screen and (max-width: 991px) {
body {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
position: relative;
left: 0;
}
.mobile-top-bar-hide,
header.yolo-main-header {
display: none !important;
}
body.menu-mobile-in {
overflow: hidden;
}
.container.yolo-mobile-header-wrapper {
position: relative;
}
.header-mobile-before {
text-align: center;
}
.header-mobile-before img {
max-height: var(--logo_mobile_max_height);
padding-top: var(--logo_mobile_padding);
padding-bottom: var(--logo_mobile_padding);
-ms-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.header-logo-mobile {
line-height: var(--logo_mobile_max_height);
vertical-align: middle;
text-align: center;
}
.header-logo-mobile img {
max-height: var(--logo_mobile_max_height);
padding-top: var(--logo_mobile_padding);
padding-bottom: var(--logo_mobile_padding);
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
header.yolo-mobile-header {
background: #fff;
}
header.yolo-mobile-header .toggle-icon-wrapper {
left: 0;
}
header.yolo-mobile-header .toggle-icon-wrapper .toggle-icon > span,
header.yolo-mobile-header .toggle-icon-wrapper .toggle-icon:before,
header.yolo-mobile-header .toggle-icon-wrapper .toggle-icon:after {
background-color: var(--mobile_text_color);
}
header.yolo-mobile-header .toggle-icon-wrapper.in .toggle-icon > span {
background-color: transparent;
}
header.yolo-mobile-header .toggle-icon-wrapper .toggle-icon + span {
font-family: Oswald;
font-size: 18px;
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
color: var(--mobile_text_color);
font-weight: 300;
}
header.yolo-mobile-header .header-left,
header.yolo-mobile-header .toggle-icon-wrapper.toggle-desktop,
header.yolo-mobile-header .header-customize {
display: none;
}
header.yolo-mobile-header .yolo-header-container-wrapper {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background-color: var(--mobile_background_color);
z-index: 997;
top: 0;
}
header.yolo-mobile-header .yolo-mobile-header-wrapper {
background-color: var(--mobile_background_color);
padding-left: 0;
padding-right: 0;
}
header.yolo-mobile-header .yolo-mobile-header-inner {
height: var(--logo_mobile_max_height);
position: relative;
padding-left: 15px;
padding-right: 15px;
}
header.yolo-mobile-header .yolo-mobile-header-inner .header-customize {
display: block;
font-size: 0;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 0;
color: var(--mobile_text_color);
}
header.yolo-mobile-header .yolo-mobile-header-inner .header-customize:before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
header.yolo-mobile-header .yolo-mobile-header-inner .header-customize-item {
font-size: 14px;
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
header.yolo-mobile-header .yolo-mobile-header-inner .toggle-icon-wrapper {
position: absolute;
top: 0;
bottom: 0;
left: 15px;
}
header.yolo-mobile-header .yolo-mobile-header-inner .icon-search-menu {
display: inline-block;
vertical-align: middle;
color: var(--mobile_text_color);
height: 45px;
width: 45px;
text-align: center;
line-height: 45px;
padding: 0;
font-size: 24px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
header.yolo-mobile-header .yolo-mobile-header-inner .icon-search-menu:hover {
color: var(--primary_color);
}
header.yolo-mobile-header .shopping-cart-wrapper .widget_shopping_cart_content {
height: var(--logo_mobile_max_height);
}
header.yolo-mobile-header .shopping-cart-wrapper .widget_shopping_cart_content:before {
content: "";
height: 100%;
display: inline-block;
vertical-align: middle;
}
header.yolo-mobile-header .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon {
display: inline-block;
vertical-align: middle;
top: 0;
height: 45px;
line-height: 45px;
}
header.yolo-mobile-header .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.wicon {
display: inline-block;
height: 45px;
width: 45px;
text-align: center;
line-height: 45px;
padding: 0;
font-size: 24px;
color: var(--mobile_text_color);
}
header.yolo-mobile-header .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.wicon:hover {
color: var(--primary_color) !important;
}
header.yolo-mobile-header .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.wicon + span {
position: absolute;
top: 5px;
right: 0px;
color: #fff;
background-color: var(--primary_color);
border-radius: 100%;
padding: 0;
width: 17px;
height: 17px;
line-height: 17px;
}
.yolo-mobile-header-nav {
background: #333;
display: none;
margin-bottom: 15px;
}
form.yolo-search-form-mobile-menu {
display: block;
background-color: #262626;
padding: 15px;
position: relative;
}
form.yolo-search-form-mobile-menu input {
background-color: #333;
border: none;
display: block;
width: 100%;
font-size: 14px;
line-height: 1.2;
height: auto;
padding: 12px;
color: #fff;
}
form.yolo-search-form-mobile-menu button {
border: none;
background-color: transparent;
position: absolute;
top: 0;
right: 20px;
line-height: 1;
bottom: 0;
margin: auto;
font-size: 14px;
color: #fff;
}
ul.yolo-nav-mobile-menu {
padding: 0;
}
ul.yolo-nav-mobile-menu li.menu-item {
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
letter-spacing: 0.1em;
position: relative;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
ul.yolo-nav-mobile-menu li.menu-item > a {
padding: 15px;
display: inline-block;
color: #fff;
line-height: 1.2;
}
ul.yolo-nav-mobile-menu li.menu-item > a:hover {
color: var(--primary_color);
}
ul.yolo-nav-mobile-menu li.menu-item > b.menu-caret {
color: #fff;
float: right;
right: 0;
position: absolute;
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
ul.yolo-nav-mobile-menu li.menu-item > b.menu-caret:before {
content: "\f065";
display: inline-block;
font-family: FontAwesome;
text-align: center;
line-height: 45px;
width: 45px;
}
ul.yolo-nav-mobile-menu li.menu-item > b.menu-caret:hover {
cursor: pointer;
color: var(--primary_color);
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
ul.yolo-nav-mobile-menu li.menu-item > b.menu-caret.active:before {
content: "\f066";
display: inline-block;
font-family: FontAwesome;
}
ul.yolo-nav-mobile-menu li.menu-item:not(.sub-menu-open):hover {
background-color: #404040;
}
ul.yolo-nav-mobile-menu li.menu-item.sub-menu-open {
border-bottom-width: 0px;
}
ul.yolo-nav-mobile-menu li.menu-item.sub-menu-open > ul.sub-menu:before {
content: "";
display: block;
position: absolute;
top: -6px;
left: 15px;
z-index: 1;
border-style: solid;
border-width: 0 6px 6px 6px;
border-color: transparent transparent #4d4d4d;
}
ul.yolo-nav-mobile-menu li.current-menu-ancestor > a,
ul.yolo-nav-mobile-menu li.current-menu-parent > a,
ul.yolo-nav-mobile-menu li.current-menu-item > a,
ul.yolo-nav-mobile-menu li.menu-current > a,
ul.yolo-nav-mobile-menu li > a:hover,
ul.yolo-nav-mobile-menu li:hover > a,
ul.yolo-nav-mobile-menu li ul.sub-menu li:hover > a {
color: var(--primary_color);
}
ul.yolo-nav-mobile-menu li.current-menu-ancestor > a > b.caret:before,
ul.yolo-nav-mobile-menu li.current-menu-parent > a > b.caret:before,
ul.yolo-nav-mobile-menu li.current-menu-item > a > b.caret:before,
ul.yolo-nav-mobile-menu li.menu-current > a > b.caret:before,
ul.yolo-nav-mobile-menu li > a:hover > b.caret:before,
ul.yolo-nav-mobile-menu li:hover > a > b.caret:before,
ul.yolo-nav-mobile-menu li ul.sub-menu li:hover > a > b.caret:before {
color: var(--primary_color);
}
ul.yolo-nav-mobile-menu ul.sub-menu {
background-color: #4d4d4d;
padding-left: 0;
position: relative;
}
ul.yolo-nav-mobile-menu ul.sub-menu > li.menu-item > a {
font-size: 13px;
}
ul.yolo-nav-mobile-menu ul.sub-menu > li.menu-item.sub-menu-open > ul.sub-menu:before {
border-color: transparent transparent #595959;
}
ul.yolo-nav-mobile-menu ul ul.sub-menu {
background-color: #595959;
}
ul.yolo-nav-mobile-menu ul ul.sub-menu > li {
padding-left: 15px;
}
ul.yolo-nav-mobile-menu ul ul.sub-menu > li.menu-item.sub-menu-open > ul.sub-menu:before {
border-color: transparent transparent #595959;
}
ul.yolo-nav-mobile-menu ul ul ul.sub-menu {
background-color: #666666;
}
ul.yolo-nav-mobile-menu ul ul ul.sub-menu > li.menu-item.sub-menu-open > ul.sub-menu:before {
border-color: transparent transparent #666666;
}
ul.yolo-nav-mobile-menu ul ul ul ul.sub-menu {
background-color: #737373;
}
.yolo-mobile-header-nav.menu-drop-fly {
display: block;
position: fixed;
margin: 0;
top: 0;
bottom: 0;
overflow: auto;
overflow-x: hidden;
width: 280px;
left: -280px;
border-right: solid 2px var(--primary_color);
z-index: 9999;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.yolo-mobile-header-nav.menu-drop-fly.in {
left: 0;
}
.yolo-mobile-header .menu-drop-dropdown .yolo-mobile-header-wrapper {
height: 70px;
}
.yolo-mobile-header .menu-drop-dropdown .yolo-mobile-header-nav {
position: relative;
z-index: 2;
padding: 15px;
}
header.header-mobile-2 {
display: block;
}
header.header-mobile-2 .yolo-header-container-wrapper {
background-color: #333;
border-bottom: none;
}
header.header-mobile-2 .yolo-mobile-header-wrapper {
background-color: transparent;
}
header.header-mobile-2 .yolo-mobile-header-inner {
height: var(--main_menu_mobile_height);
position: relative;
}
header.header-mobile-2 .yolo-mobile-header-inner .header-customize {
color: #ddd;
right: 0;
}
header.header-mobile-2 .yolo-mobile-header-inner .icon-search-menu,
header.header-mobile-2 .yolo-mobile-header-inner .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.wicon {
height: 30px;
line-height: 32px;
width: 36px;
color: #fff;
}
header.header-mobile-2 .yolo-mobile-header-inner .icon-search-menu:before,
header.header-mobile-2 .yolo-mobile-header-inner .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.wicon:before {
line-height: 28px;
}
header.header-mobile-2 .yolo-mobile-header-inner .shopping-cart-wrapper .widget_shopping_cart_content {
height: var(--main_menu_mobile_height);
}
header.header-mobile-2 .yolo-mobile-header-inner .toggle-icon-wrapper {
left: 0;
}
header.header-mobile-2 .yolo-mobile-header-inner .toggle-icon-wrapper .toggle-icon > span,
header.header-mobile-2 .yolo-mobile-header-inner .toggle-icon-wrapper .toggle-icon:before,
header.header-mobile-2 .yolo-mobile-header-inner .toggle-icon-wrapper .toggle-icon:after {
background-color: #ddd;
}
header.header-mobile-2 .yolo-mobile-header-inner .toggle-icon-wrapper.in .toggle-icon > span {
background-color: transparent;
}
header.header-mobile-2 .yolo-mobile-header-inner .toggle-icon-wrapper .toggle-icon + span {
font-family: Oswald;
font-size: 18px;
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
color: #ddd;
font-weight: 300;
}
header.header-mobile-3 .header-logo-mobile {
text-align: right;
}
header.header-mobile-3 .yolo-mobile-header-inner .header-customize {
left: 50px;
right: auto;
}
header.header-mobile-3 .shopping-cart-wrapper {
position: static;
}
header.header-mobile-3 .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper {
left: -45px;
right: auto;
}
header.header-mobile-4 .header-logo-mobile {
text-align: left;
}
header.header-mobile-4 .yolo-mobile-header-inner .toggle-icon-wrapper {
right: 0px;
left: auto;
}
header.header-mobile-4 .yolo-mobile-header-wrapper .header-customize {
right: 50px;
left: auto;
}
header.header-mobile-5 .yolo-sticky-wrapper {
height: 0 !important;
}
header.header-mobile-5 .yolo-header-container-wrapper {
border-bottom: none;
}
header.header-mobile-5 .yolo-header-container-wrapper,
header.header-mobile-5 .yolo-mobile-header-wrapper {
background-color: transparent;
}
header.header-mobile-5 .yolo-header-container-wrapper {
background-color: transparent;
position: absolute;
z-index: 997;
width: 100%;
}
header.header-mobile-5 .header-logo-mobile {
text-align: left;
}
header.header-mobile-5 .yolo-mobile-header-inner .toggle-icon-wrapper {
left: auto;
right: 5px;
}
header.header-mobile-5 .toggle-icon-wrapper .toggle-icon > span,
header.header-mobile-5 .toggle-icon-wrapper .toggle-icon:before,
header.header-mobile-5 .toggle-icon-wrapper .toggle-icon:after {
background-color: #fff;
-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
}
header.header-mobile-5 .toggle-icon-wrapper.in .toggle-icon > span {
display: none;
}
header.header-mobile-5 .yolo-mobile-header-inner .header-customize {
right: 50px;
}
header.header-mobile-5 .yolo-mobile-header-inner .icon-search-menu,
header.header-mobile-5 .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.wicon {
border-color: #fff;
color: #fff;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-container-wrapper {
z-index: 997;
left: 0;
right: 0;
}
.yolo-sticky-wrapper:not(.is-sticky) {
height: auto !important;
position: relative !important;
}
}
@media screen and (max-width: 480px) {
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper {
min-width: 280px;
}
}
@media screen and (max-width: 320px) {
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper {
min-width: 254px;
}
} #yolo-header.header-sidebar {
background-color: var(--headersidebar_nav_bg_color);
color: var(--headersidebar_nav_text_color);
width: var(--headersidebar_sidebar_width);
position: fixed;
z-index: 888;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
height: 100%;
}
#yolo-header.header-sidebar .header-customize {
padding: 20px;
width: 100%;
margin: 0;
}
#yolo-header.header-sidebar .header-customize .header-customize-item {
width: 100%;
}
#yolo-header.header-sidebar .header-customize .header-customize-item > form {
width: 100%;
}
#yolo-header.header-sidebar .header-customize .header-customize-item > form input {
width: 100%;
height: 40px;
}
#yolo-header.header-sidebar .header-customize .header-customize-item > form button i {
color: var(--headersidebar_nav_text_color);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
#yolo-header.header-sidebar .header-customize .header-customize-item > form button i:hover {
color: var(--primary_color);
}
#yolo-header.header-sidebar .header-customize .header-customize-item + .header-customize-item {
position: relative;
color: var(--headersidebar_nav_text_color);
margin-left: 0 !important;
}
#yolo-header.header-sidebar .header-customize .header-customize-item + .header-customize-item a i {
font-size: 12px;
}
#yolo-header.header-sidebar .header-customize .header-customize-item + .header-customize-item a:hover i {
color: var(--primary_color);
}
#yolo-header.header-sidebar .header-top {
text-align: center;
}
#yolo-header.header-sidebar .header-top .header-logo {
background-color: var(--headersidebar_nav_text_color);
}
#yolo-header.header-sidebar .header-top .header-logo > a > img {
padding-top: var(--logo_padding_top);
padding-bottom: var(--logo_padding_bottom);
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper {
width: 100%;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu {
width: 100%;
padding: 0;     }
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu .sub-menu {
color: initial;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li li.current-menu-item > a {
color: var(--primary_color);
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > a {
padding: 15px 20px;
display: inline-block;
text-transform: uppercase;
color: var(--headersidebar_nav_text_color);
line-height: 1.2;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > a:hover {
color: var(--primary_color);
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > a:after {
content: none;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_column > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > b {
opacity: 0;
visibility: hidden;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > a:after {
position: absolute;
right: 10px;
content: '';
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > b:before {
top: 0;
position: absolute;
right: 0;
content: "\f107";
display: inline-block;
font-family: FontAwesome;
text-align: center;
line-height: 40px;
width: 40px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown:hover > a {
color: var(--primary_color) !important;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown:hover > b {
color: var(--primary_color) !important;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown:hover > b:before {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > a:after {
position: absolute;
right: 10px;
content: '';
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > b:before {
top: 0;
position: absolute;
right: 0;
content: "\f107";
display: inline-block;
font-family: FontAwesome;
text-align: center;
line-height: 40px;
width: 40px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown:hover > a {
color: var(--primary_color) !important;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown:hover > b {
color: var(--primary_color) !important;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown:hover > b:before {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > a:after {
position: absolute;
right: 10px;
content: '';
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > b:before {
top: 0;
position: absolute;
right: 0;
content: "\f107";
display: inline-block;
font-family: FontAwesome;
text-align: center;
line-height: 40px;
width: 40px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown:hover > a {
color: var(--primary_color) !important;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown:hover > b {
color: var(--primary_color) !important;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown:hover > b:before {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > b.menu-caret {
color: var(--headersidebar_nav_text_color);
float: right;
right: 0;
position: absolute;
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > b.menu-caret:before {
content: "\f107";
display: inline-block;
font-family: FontAwesome;
text-align: center;
line-height: 45px;
width: 45px;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li:not(.sub-menu-open):hover {
background-color: #404040;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.sub-menu-open {
border-bottom-width: 0px;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.sub-menu-open > ul.sub-menu:before {
content: "";
display: block;
position: absolute;
top: -6px;
left: 15px;
z-index: 1;
border-style: solid;
border-width: 0 6px 6px 6px;
border-color: transparent transparent #4d4d4d;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li:hover > a {
color: var(--primary_color);
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li:hover > b.menu-caret {
cursor: pointer;
color: var(--primary_color);
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li {
float: none;
position: relative;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul {
position: absolute;
display: none;
top: 0;
left: 100%;
opacity: 0;
visibility: hidden;
overflow: hidden;
border-radius: 0 0 3px 3px;
-webkit-transition: all 0.3s ease 0.15s;
-o-transition: all 0.3s ease 0.15s;
transition: all 0.3s ease 0.15s;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li {
min-width: 244px;
float: none;
display: list-item;
position: relative;
display: block;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li > ul {
display: none;
position: absolute;
top: 0;
left: 100%;
opacity: 0;
visibility: hidden;
overflow: hidden;
-webkit-transition: all 0.3s ease 0.15s;
-o-transition: all 0.3s ease 0.15s;
transition: all 0.3s ease 0.15s;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li > ul > li {
min-width: 244px;
float: none;
display: list-item;
position: relative;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li > ul > li > ul {
display: none;
position: absolute;
top: 0;
left: 100%;
opacity: 0;
visibility: hidden;
overflow: hidden;
-webkit-transition: all 0.3s ease 0.15s;
-o-transition: all 0.3s ease 0.15s;
transition: all 0.3s ease 0.15s;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li > ul > li > ul > li {
min-width: 244px;
float: none;
display: list-item;
position: relative;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul {
display: none;
position: absolute;
top: 0;
left: 100%;
opacity: 0;
visibility: hidden;
overflow: hidden;
-webkit-transition: all 0.3s ease 0.15s;
-o-transition: all 0.3s ease 0.15s;
transition: all 0.3s ease 0.15s;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li {
min-width: 244px;
float: none;
display: list-item;
position: relative;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul {
display: none;
position: absolute;
top: 0;
left: 100%;
opacity: 0;
visibility: hidden;
overflow: hidden;
-webkit-transition: all 0.3s ease 0.15s;
-o-transition: all 0.3s ease 0.15s;
transition: all 0.3s ease 0.15s;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li {
min-width: 244px;
float: none;
display: list-item;
position: relative;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul {
display: none;
position: absolute;
top: 0;
left: 100%;
opacity: 0;
visibility: hidden;
overflow: hidden;
-webkit-transition: all 0.3s ease 0.15s;
-o-transition: all 0.3s ease 0.15s;
transition: all 0.3s ease 0.15s;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li {
min-width: 244px;
float: none;
display: list-item;
position: relative;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul {
display: none;
position: absolute;
top: 0;
left: 100%;
opacity: 0;
visibility: hidden;
overflow: hidden;
-webkit-transition: all 0.3s ease 0.15s;
-o-transition: all 0.3s ease 0.15s;
transition: all 0.3s ease 0.15s;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li > ul > li > ul > li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li > ul > li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_column > ul {
position: absolute;
display: none;
min-width: 970px;
width: 100%;
top: 0;
left: 100%;
opacity: 0;
visibility: hidden;
overflow: hidden;
border-radius: 0 0 3px 3px;
-webkit-transition: all 0.3s ease 0.15s;
-o-transition: all 0.3s ease 0.15s;
transition: all 0.3s ease 0.15s;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_column:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_column.mega-col-columns-2 > ul > li {
float: left;
width: 50%;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_column.mega-col-columns-3 > ul > li {
float: left;
width: 33.3333333%;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_column.mega-col-columns-4 > ul > li {
float: left;
width: 25%;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_column.mega-col-columns-5 > ul > li {
float: left;
width: 20%;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_column.mega-col-columns-6 > ul > li {
float: left;
width: 16.6666666%;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_tab > ul {
position: absolute;
display: none;
width: 100%;
min-width: 970px;
top: 0;
left: 100%;
opacity: 0;
visibility: hidden;
overflow: hidden;
border-radius: 0 0 3px 3px;
-webkit-transition: 0.3s ease 0.15s;
-o-transition: 0.3s ease 0.15s;
transition: 0.3s ease 0.15s;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_tab > ul > li {
display: block;
width: 25%;
position: static;
clear: none;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_tab > ul > li .yolo_megamenu_widget_area,
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_tab > ul > li > ul {
position: absolute;
width: auto;
height: auto;
left: 25%;
top: 100%;
opacity: 0;
right: 0;
visibility: hidden;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_tab > ul > li.active .yolo_megamenu_widget_area,
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_tab > ul > li.active > ul {
opacity: 1;
top: 0;
visibility: visible;
}
#yolo-header.header-sidebar .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_tab:hover > ul {
opacity: 1;
visibility: visible;
overflow: visible;
display: block;
}
#yolo-header.header-sidebar .header-customize .canvas-menu-toggle-wrapper {
margin-left: 30px;
}
#yolo-header.header-sidebar .header-customize .canvas-menu-toggle-wrapper a:hover i {
color: var(--primary_color);
}
.header-sidebar .yolo-top-bar {
position: fixed;
width: 100%;
}
.header-sidebar #yolo-content-wrapper {
padding-top: 0;
padding-left: var(--headersidebar_sidebar_width);
}
@media screen and (max-width: 991px) {
.header-sidebar #yolo-content-wrapper {
padding-left: 0!important;
}
}
.header-sidebar footer {
margin-left: var(--headersidebar_sidebar_width);
}
@media screen and (max-width: 991px) {
.header-sidebar footer {
margin-left: 0!important;
}
}
nav.yolo-canvas-menu-wrapper {
position: fixed;
z-index: 9999;
top: 0;
left: 100%;
bottom: 0;
width: 270px;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
overflow: hidden;
padding: 25px;
-webkit-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
nav.yolo-canvas-menu-wrapper.in {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-close {
position: absolute;
top: 10px;
right: 10px;
font-size: 18px;
cursor: pointer;
color: #fff;
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner {
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
background-color: #333333;
color: #fff;
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner aside {
padding: 0;
border: none;
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner aside:before {
top: 2px;
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner aside h4 {
padding-left: 10px;
color: #fff;
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner aside h4.widget-title {
margin-top: 25px;
margin-bottom: 25px;
text-align: center;
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner aside h4.widget-title span {
padding: 0;
color: var(--primary_color);
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner aside h4.widget-title:before {
display: none;
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner aside ul li.menu-item {
font-size: 12px;
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
letter-spacing: 0.1em;
font-weight: bold;
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner aside ul li.menu-item a {
padding: 8px 4px;
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner aside ul li.menu-item a:hover {
padding-left: 15px;
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner aside ul.social-profile.social-icon-bordered li a:hover i {
color: var(--primary_color);
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner aside .about-description {
padding: 15px 0;
}
nav.yolo-canvas-menu-wrapper.dark {
background-color: #333333;
color: #fff;
}
nav.yolo-canvas-menu-wrapper.dark .widget_archive > ul,
nav.yolo-canvas-menu-wrapper.dark .widget_categories > ul,
nav.yolo-canvas-menu-wrapper.dark .widget_pages > ul,
nav.yolo-canvas-menu-wrapper.dark .widget_nav_menu > div > ul,
nav.yolo-canvas-menu-wrapper.dark .woocommerce .widget_product_categories > ul,
nav.yolo-canvas-menu-wrapper.dark .widget_layered_nav > ul {
border-bottom-color: rgba(255, 255, 255, 0.2);
}
nav.yolo-canvas-menu-wrapper.dark li + li,
nav.yolo-canvas-menu-wrapper.dark .widget_posts_item + .widget_posts_item {
border-top-color: rgba(255, 255, 255, 0.2);
}
nav.yolo-canvas-menu-wrapper.dark .widget_categories ul ul,
nav.yolo-canvas-menu-wrapper.dark .widget_pages ul ul,
nav.yolo-canvas-menu-wrapper.dark .widget_nav_menu > div ul ul,
nav.yolo-canvas-menu-wrapper.dark .widget_product_categories ul ul {
border-top-color: rgba(255, 255, 255, 0.2);
}
body.admin-bar nav.yolo-canvas-menu-wrapper {
top: 32px;
}
.canvas-menu-toggle-wrapper i.micon {
vertical-align: middle;
} .yolo-page-title-section {
position: relative;
margin-bottom: 40px;
}
.yolo-page-title-section.no-page-title .yolo-breadcrumb-wrap {
margin-top: 50px;
}
.yolo-page-title-section.has-page-title .yolo-breadcrumb-wrap {
position: absolute;
bottom: 100px;
left: 50%;
text-align: center;
z-index: 1;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.yolo-page-title-section .yolo-breadcrumb-wrap {
text-align: center;
z-index: 1;
}
.yolo-page-title-section .yolo-breadcrumb-wrap ul.breadcrumbs {
margin: 0;
background-color: #fff;
display: inline-block;
padding: 0 10px 0px 25px;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}
.yolo-page-title-section .yolo-breadcrumb-wrap ul.breadcrumbs > li {
color: var(--heading_color);
list-style: none;
display: inline-block;
padding: 9px 20px;
position: relative;
}
.yolo-page-title-section .yolo-breadcrumb-wrap ul.breadcrumbs > li:hover a {
color: var(--primary_color);
}
.yolo-page-title-section .yolo-breadcrumb-wrap ul.breadcrumbs > li:before {
position: absolute;
left: 0;
content: '\f105';
font-family: fontAwesome;
}
.yolo-page-title-section .yolo-breadcrumb-wrap ul.breadcrumbs > li:first-child:before {
content: '';
display: none;
} ul.breadcrumbs {
padding: 32px 0;
margin: 0;
list-style-type: none;
}
ul.breadcrumbs li {
display: inline-block;
}
ul.breadcrumbs li a,
ul.breadcrumbs li span {
line-height: 1.2;
display: inherit;
} .footer-4-row .vc_col-sm-2 {
width: 20%;
position: relative;
}
@media (max-width: 991px) and (min-width: 768px) {
.footer-4-row .vc_col-sm-2 {
width: 50%;
}
.footer-4-row .vc_col-sm-2:nth-last-child(2) {
width: 100%;
}
.footer-4-row .vc_col-sm-2:nth-last-child(2) h3 {
margin-bottom: 10% !important;
}
}
@media (max-width: 767px) {
.footer-4-row .vc_col-sm-2 {
width: 100%;
}
}
.footer-4-column-6 {
visibility: hidden;
width: 0px;
padding: 0px;
}
.yolo-footer-wrapper.footer-1 .wpb_wrapper {
text-align: center;
}
.yolo-footer-wrapper.footer-1 .wpb_wrapper #social-footer {
display: inline-block;
list-style: none;
overflow: hidden;
margin-bottom: 0;
padding: 0;
}
.yolo-footer-wrapper.footer-1 .wpb_wrapper #social-footer li {
display: inline-block;
}
.yolo-footer-wrapper.footer-1 .wpb_wrapper #social-footer li a {
display: block;
margin: 0 20px;
color: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.yolo-footer-wrapper.footer-1 .wpb_wrapper #social-footer li a:hover {
color: var(--primary_color);
}
.yolo-footer-wrapper.footer-1 .wpb_wrapper #social-footer li a i {
font-size: 16px;
}
@media (max-width: 320px) {
.yolo-footer-wrapper.footer-1 .wpb_wrapper #social-footer li a {
margin: 0 15px;
}
}
.yolo-footer-wrapper.footer-1 .wpb_wrapper .wpb_text_column.wpb_content_element .wpb_wrapper p {
color: var(--text_color_lighten_10);
}
.yolo-footer-wrapper.footer-1 .wpb_wrapper .wpb_text_column.wpb_content_element .wpb_wrapper p i {
padding-right: 20px;
font-size: 20px;
}
.yolo-footer-wrapper.footer-1 .wpb_wrapper .contact .wpb_wrapper .wpb_wrapper p {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
.yolo-footer-wrapper.footer-1 .wpb_wrapper .contact .wpb_wrapper .wpb_wrapper p:hover {
color: #fff;
}
.yolo-footer-wrapper.footer-1 .wpb_wrapper .wpb_wrapper .wpb_wrapper p a {
color: var(--text_color);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.yolo-footer-wrapper.footer-1 .wpb_wrapper .wpb_wrapper .wpb_wrapper p a:hover {
color: #fff;
}
.yolo-footer-wrapper.footer-1 .wpb_wrapper .wpb_wrapper .wpb_wrapper #payment-footer {
list-style: none;
padding: 0;
margin-bottom: 0;
}
.yolo-footer-wrapper.footer-1 .wpb_wrapper .wpb_wrapper .wpb_wrapper #payment-footer li {
display: inline-block;
}
.yolo-footer-wrapper.footer-1 .wpb_wrapper .wpb_wrapper .wpb_wrapper #payment-footer li i {
margin: 0 25px;
font-size: 20px;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.yolo-footer-wrapper.footer-1 .wpb_wrapper .wpb_wrapper .wpb_wrapper #payment-footer li i:hover {
color: #fff;
}
.yolo-footer-wrapper.footer-2 .wpb_wrapper .widget-title-wrapper {
display: none;
}
.yolo-footer-wrapper.footer-2 .wpb_wrapper h3 {
position: relative;
}
.yolo-footer-wrapper.footer-2 .wpb_wrapper h3:before {
position: absolute;
content: '';
width: 75px;
height: 2px;
background: var(--primary_color);
left: 0;
bottom: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
.yolo-footer-wrapper.footer-2 .wpb_wrapper h3 {
font-size: 18px;
margin-bottom: 10% !important;
}
}
@media (max-width: 767px) {
.yolo-footer-wrapper.footer-2 .wpb_wrapper h3 {
margin-bottom: 5% !important;
}
}
.yolo-footer-wrapper.footer-2 .wpb_wrapper .tagcloud {
overflow: hidden;
}
.yolo-footer-wrapper.footer-2 .wpb_wrapper .tagcloud a {
display: inline-block;
color: var(--secondary_color);
padding: 4px 10px;
border-radius: 3px;
border: none;
outline: none;
background: var(--text_color_fade_10);
margin: 0 7px 7px 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.yolo-footer-wrapper.footer-2 .wpb_wrapper .tagcloud a:hover {
background: var(--primary_color);
color: #fff;
}
.yolo-footer-wrapper.footer-2 .wpb_wrapper .instagram-pics {
list-style: none;
padding-left: 0;
}
.yolo-footer-wrapper.footer-2 .wpb_wrapper .instagram-pics li {
position: relative;
float: left;
width: 31.33333333%;
margin: 0% 3% 3% 0%;
}
.yolo-footer-wrapper.footer-2 .wpb_wrapper .instagram-pics li:nth-child(3n) {
margin-right: 0;
}
.yolo-footer-wrapper.footer-2 .wpb_wrapper .instagram-pics li a {
position: relative;
display: block;
}
.yolo-footer-wrapper.footer-2 .wpb_wrapper .instagram-pics li a:before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 50%;
background: var(--primary_color_fade_50);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.yolo-footer-wrapper.footer-2 .wpb_wrapper .instagram-pics li a:after {
position: absolute;
content: '';
bottom: 0;
right: 0;
width: 100%;
height: 50%;
background: var(--primary_color_fade_50);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.yolo-footer-wrapper.footer-2 .wpb_wrapper .instagram-pics li:hover a:before,
.yolo-footer-wrapper.footer-2 .wpb_wrapper .instagram-pics li:hover a:after {
width: 0%;
}
.yolo-footer-wrapper.footer-2 .wpb_wrapper .wpb_wrapper ul {
padding-left: 0;
list-style: none;
}
.yolo-footer-wrapper.footer-2 .wpb_wrapper .wpb_wrapper ul li {
position: relative;
color: var(--secondary_color);
margin-bottom: 15px;
}
.yolo-footer-wrapper.footer-2 .wpb_wrapper .wpb_wrapper ul li a {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.yolo-footer-wrapper.footer-2 .wpb_wrapper .wpb_wrapper ul li i {
font-size: 20px;
}
.yolo-footer-wrapper.footer-2 .wpb_wrapper .wpb_wrapper ul.contact-list li {
position: relative;
padding-left: 40px;
margin-bottom: 15px;
}
.yolo-footer-wrapper.footer-2 .wpb_wrapper .wpb_wrapper ul.contact-list li i {
position: absolute;
top: 10%;
left: 0;
}
.yolo-footer-wrapper.footer-2 .wpb_wrapper .wpb_wrapper ul.contact-list li a {
color: var(--secondary_color) !important;
}
.yolo-footer-wrapper.footer-2 .wpb_wrapper .wpb_wrapper ul.contact-list li:hover a {
color: var(--secondary_color) !important;
}
.yolo-footer-wrapper.footer-default .wpb_wrapper .wpb_wrapper h3 {
position: relative;
}
.yolo-footer-wrapper.footer-default .wpb_wrapper .wpb_wrapper h3:before {
position: absolute;
content: '';
width: 75px;
height: 2px;
background: var(--primary_color);
left: 0;
margin-top: 40px;
}
@media (min-width: 768px) and (max-width: 991px) {
.yolo-footer-wrapper.footer-default .wpb_wrapper .wpb_wrapper h3 {
font-size: 18px;
}
}
@media (max-width: 767px) {
.yolo-footer-wrapper.footer-default .wpb_wrapper .wpb_wrapper h3 {
margin-bottom: 10% !important;
}
}
.yolo-footer-wrapper.footer-default .wpb_wrapper .wpb_wrapper .wpb_wrapper p:nth-child(3) {
font-weight: bold;
}
.yolo-footer-wrapper.footer-default .wpb_wrapper .wpb_wrapper .wpb_wrapper p a {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.yolo-footer-wrapper.footer-default .wpb_wrapper .wpb_wrapper .wpb_wrapper p a:hover,
.yolo-footer-wrapper.footer-default .wpb_wrapper .wpb_wrapper .wpb_wrapper p a:focus {
color: #fff !important;
}
.yolo-footer-wrapper.footer-default .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.custom-list {
list-style: none;
padding-left: 0;
}
.yolo-footer-wrapper.footer-default .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.custom-list li a {
position: relative;
display: block;
padding: 5% 0;
color: var(--text_color);
border-bottom: 1px solid var(--text_color);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.yolo-footer-wrapper.footer-default .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.custom-list li a:after {
position: absolute;
content: '\f105';
font-family: 'FontAwesome';
top: 30%;
right: 10%;
opacity: 0;
visibility: hidden;
color: #fff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.yolo-footer-wrapper.footer-default .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.custom-list li a:hover:after {
right: 5%;
opacity: 1;
visibility: visible;
}
.yolo-footer-wrapper.footer-default .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.custom-list li a:hover {
color: #fff;
}
.yolo-footer-wrapper.footer-default .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.custom-list li:first-child a {
padding-top: 0;
}
.yolo-footer-wrapper.footer-default .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.custom-list li:last-child a {
border-bottom: none;
}
.yolo-footer-wrapper.footer-default .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.contact-list {
list-style: none;
padding-left: 0;
}
.yolo-footer-wrapper.footer-default .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.contact-list li {
position: relative;
padding: 0px 0px 30px 40px;
cursor: pointer;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.yolo-footer-wrapper.footer-default .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.contact-list li i {
position: absolute;
left: 0px;
top: 5px;
font-size: 18px;
}
.yolo-footer-wrapper.footer-default .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.contact-list li:last-child a {
display: inline-block;
padding: 0;
color: var(--text_color);
}
.yolo-footer-wrapper.footer-default .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.contact-list li:hover {
color: #fff;
}
.yolo-footer-wrapper.footer-default .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.contact-list li:hover i {
color: var(--primary_color);
}
.yolo-footer-wrapper.footer-default .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.contact-list li:hover a,
.yolo-footer-wrapper.footer-default .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.contact-list li:active a {
color: #fff;
}
.yolo-footer-wrapper.footer-default .wpb_wrapper .wpb_wrapper .wpb_wrapper .icon-btt {
height: 50px;
width: 50px;
border-radius: 100%;
right: 0;
background-color: #3d3d3d;
border: 1px solid #4c4c4c;
cursor: pointer;
}
.yolo-footer-wrapper.footer-default .wpb_wrapper .wpb_wrapper .wpb_wrapper .icon-btt i {
position: absolute;
width: 34px;
height: 34px;
line-height: 34px;
border-radius: 100%;
text-align: center;
background-color: var(--primary_color);
color: #fff;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.yolo-footer-wrapper.footer-default .wpb_wrapper .wpb_wrapper .wpb_wrapper .icon-btt i:after {
content: '';
width: 100%;
height: 100%;
border: 1px solid var(--primary_color);
left: 0;
top: 0;
position: absolute;
border-radius: 100%;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.yolo-footer-wrapper.footer-default .wpb_wrapper .wpb_wrapper .wpb_wrapper .icon-btt:hover i:after {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
}
.yolo-footer-wrapper.footer-4 .wpb_wrapper .wpb_wrapper h3,
.yolo-footer-wrapper.footer-3 .wpb_wrapper .wpb_wrapper h3 {
position: relative;
}
.yolo-footer-wrapper.footer-4 .wpb_wrapper .wpb_wrapper h3:before,
.yolo-footer-wrapper.footer-3 .wpb_wrapper .wpb_wrapper h3:before {
position: absolute;
content: '';
width: 75px;
height: 2px;
background: var(--primary_color);
left: 0;
bottom: 0;
}
@media (max-width: 767px) {
.yolo-footer-wrapper.footer-4 .wpb_wrapper .wpb_wrapper h3,
.yolo-footer-wrapper.footer-3 .wpb_wrapper .wpb_wrapper h3 {
margin-top: 5% !important;
margin-bottom: 5% !important;
}
}
@media (max-width: 767px) {
.yolo-footer-wrapper.footer-4 .wpb_wrapper .wpb_wrapper .wpb_single_image,
.yolo-footer-wrapper.footer-3 .wpb_wrapper .wpb_wrapper .wpb_single_image,
.yolo-footer-wrapper.footer-4 .wpb_wrapper .wpb_wrapper .wpb_text_column,
.yolo-footer-wrapper.footer-3 .wpb_wrapper .wpb_wrapper .wpb_text_column {
margin-bottom: 5% !important;
}
}
.yolo-footer-wrapper.footer-4 .wpb_wrapper .wpb_wrapper ul,
.yolo-footer-wrapper.footer-3 .wpb_wrapper .wpb_wrapper ul {
list-style: none;
padding-left: 0;
}
.yolo-footer-wrapper.footer-4 .wpb_wrapper .wpb_wrapper .instagram-col-4 .widget-title-wrapper .widget-title.heading-title,
.yolo-footer-wrapper.footer-3 .wpb_wrapper .wpb_wrapper .instagram-col-4 .widget-title-wrapper .widget-title.heading-title {
display: none;
}
.yolo-footer-wrapper.footer-4 .wpb_wrapper .wpb_wrapper .instagram-col-4 .instagram-pics,
.yolo-footer-wrapper.footer-3 .wpb_wrapper .wpb_wrapper .instagram-col-4 .instagram-pics {
list-style: none;
padding-left: 0;
}
.yolo-footer-wrapper.footer-4 .wpb_wrapper .wpb_wrapper .instagram-col-4 .instagram-pics li,
.yolo-footer-wrapper.footer-3 .wpb_wrapper .wpb_wrapper .instagram-col-4 .instagram-pics li {
position: relative;
float: left;
width: 31.33333333%;
margin: 0% 3% 3% 0%;
}
.yolo-footer-wrapper.footer-4 .wpb_wrapper .wpb_wrapper .instagram-col-4 .instagram-pics li:nth-child(3n),
.yolo-footer-wrapper.footer-3 .wpb_wrapper .wpb_wrapper .instagram-col-4 .instagram-pics li:nth-child(3n) {
margin-right: 0;
}
.yolo-footer-wrapper.footer-4 .wpb_wrapper .wpb_wrapper .instagram-col-4 .instagram-pics li a,
.yolo-footer-wrapper.footer-3 .wpb_wrapper .wpb_wrapper .instagram-col-4 .instagram-pics li a {
position: relative;
display: block;
}
.yolo-footer-wrapper.footer-4 .wpb_wrapper .wpb_wrapper .instagram-col-4 .instagram-pics li a:before,
.yolo-footer-wrapper.footer-3 .wpb_wrapper .wpb_wrapper .instagram-col-4 .instagram-pics li a:before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 50%;
background: var(--primary_color_fade_50);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.yolo-footer-wrapper.footer-4 .wpb_wrapper .wpb_wrapper .instagram-col-4 .instagram-pics li a:after,
.yolo-footer-wrapper.footer-3 .wpb_wrapper .wpb_wrapper .instagram-col-4 .instagram-pics li a:after {
position: absolute;
content: '';
bottom: 0;
right: 0;
width: 100%;
height: 50%;
background: var(--primary_color_fade_50);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.yolo-footer-wrapper.footer-4 .wpb_wrapper .wpb_wrapper .instagram-col-4 .instagram-pics li:hover a:before,
.yolo-footer-wrapper.footer-3 .wpb_wrapper .wpb_wrapper .instagram-col-4 .instagram-pics li:hover a:before,
.yolo-footer-wrapper.footer-4 .wpb_wrapper .wpb_wrapper .instagram-col-4 .instagram-pics li:hover a:after,
.yolo-footer-wrapper.footer-3 .wpb_wrapper .wpb_wrapper .instagram-col-4 .instagram-pics li:hover a:after {
width: 0%;
}
.yolo-footer-wrapper.footer-4 .wpb_wrapper .wpb_wrapper h3,
.yolo-footer-wrapper.footer-3 .wpb_wrapper .wpb_wrapper h3 {
margin: 0;
}
.yolo-footer-wrapper.footer-4 .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.social-footer li,
.yolo-footer-wrapper.footer-3 .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.social-footer li {
float: left;
padding: 0 12px;
}
.yolo-footer-wrapper.footer-4 .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.social-footer li:first-child,
.yolo-footer-wrapper.footer-3 .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.social-footer li:first-child {
padding-left: 0;
}
.yolo-footer-wrapper.footer-4 .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.social-footer li a,
.yolo-footer-wrapper.footer-3 .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.social-footer li a {
color: var(--secondary_color);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.yolo-footer-wrapper.footer-4 .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.social-footer li a:hover,
.yolo-footer-wrapper.footer-3 .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.social-footer li a:hover {
color: var(--primary_color);
}
.yolo-footer-wrapper.footer-4 .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.custom-list li a,
.yolo-footer-wrapper.footer-3 .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.custom-list li a {
position: relative;
display: block;
padding: 5% 0;
color: var(--secondary_color);
border-bottom: 1px solid #ddd;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.yolo-footer-wrapper.footer-4 .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.custom-list li a:after,
.yolo-footer-wrapper.footer-3 .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.custom-list li a:after {
position: absolute;
content: '\f105';
font-family: 'FontAwesome';
top: 30%;
right: 10%;
opacity: 0;
visibility: hidden;
color: var(--secondary_color);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.yolo-footer-wrapper.footer-4 .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.custom-list li a:hover:after,
.yolo-footer-wrapper.footer-3 .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.custom-list li a:hover:after {
right: 5%;
opacity: 1;
visibility: visible;
}
.yolo-footer-wrapper.footer-4 .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.custom-list li a:hover,
.yolo-footer-wrapper.footer-3 .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.custom-list li a:hover {
color: var(--primary_color);
}
.yolo-footer-wrapper.footer-4 .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.custom-list li:last-child a,
.yolo-footer-wrapper.footer-3 .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.custom-list li:last-child a {
border-bottom: none;
}
.yolo-footer-wrapper.footer-4 .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.contact-list li,
.yolo-footer-wrapper.footer-3 .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.contact-list li {
position: relative;
padding: 0 0 30px 40px;
color: var(--secondary_color);
}
.yolo-footer-wrapper.footer-4 .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.contact-list li i,
.yolo-footer-wrapper.footer-3 .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.contact-list li i {
position: absolute;
left: 0;
top: 5%;
font-size: 18px;
color: var(--secondary_color);
}
.yolo-footer-wrapper.footer-4 .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.contact-list li a,
.yolo-footer-wrapper.footer-3 .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.contact-list li a {
color: var(--secondary_color) !important;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.yolo-footer-wrapper.footer-4 .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.contact-list li:hover a,
.yolo-footer-wrapper.footer-3 .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.contact-list li:hover a,
.yolo-footer-wrapper.footer-4 .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.contact-list li:active a,
.yolo-footer-wrapper.footer-3 .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.contact-list li:active a {
color: var(--secondary_color) !important;
}
.yolo-footer-wrapper.footer-5 .wpb_wrapper .widget-title-wrapper {
display: none;
}
.yolo-footer-wrapper.footer-5 .wpb_wrapper h3 {
position: relative;
}
.yolo-footer-wrapper.footer-5 .wpb_wrapper h3:before {
position: absolute;
content: '';
width: 75px;
height: 2px;
background: var(--secondary_color);
left: 0;
bottom: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
.yolo-footer-wrapper.footer-5 .wpb_wrapper h3 {
font-size: 18px;
margin-bottom: 10% !important;
}
}
@media (max-width: 767px) {
.yolo-footer-wrapper.footer-5 .wpb_wrapper h3 {
margin-bottom: 5% !important;
}
}
.yolo-footer-wrapper.footer-5 .wpb_wrapper .null-instagram-feed .clear {
display: none;
}
.yolo-footer-wrapper.footer-5 .wpb_wrapper .instagram-pics {
list-style: none;
padding-left: 0;
}
.yolo-footer-wrapper.footer-5 .wpb_wrapper .instagram-pics li {
position: relative;
float: left;
width: 17%;
margin: 0% 3% 3% 0%;
}
.yolo-footer-wrapper.footer-5 .wpb_wrapper .instagram-pics li:nth-child(5n) {
margin-right: 0;
}
@media (max-width: 479px) {
.yolo-footer-wrapper.footer-5 .wpb_wrapper .instagram-pics li:nth-child(5n) {
margin-right: 3%;
}
}
.yolo-footer-wrapper.footer-5 .wpb_wrapper .instagram-pics li a {
position: relative;
display: block;
}
.yolo-footer-wrapper.footer-5 .wpb_wrapper .instagram-pics li a:before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 50%;
background: var(--primary_color_fade_50);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.yolo-footer-wrapper.footer-5 .wpb_wrapper .instagram-pics li a:after {
position: absolute;
content: '';
bottom: 0;
right: 0;
width: 100%;
height: 50%;
background: var(--primary_color_fade_50);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.yolo-footer-wrapper.footer-5 .wpb_wrapper .instagram-pics li:hover a:before,
.yolo-footer-wrapper.footer-5 .wpb_wrapper .instagram-pics li:hover a:after {
width: 0%;
}
@media (max-width: 479px) {
.yolo-footer-wrapper.footer-5 .wpb_wrapper .instagram-pics li {
width: 22%;
}
}
.yolo-footer-wrapper.footer-5 .wpb_wrapper .wpb_wrapper ul {
padding-left: 0;
list-style: none;
}
.yolo-footer-wrapper.footer-5 .wpb_wrapper .wpb_wrapper ul li {
position: relative;
color: var(--secondary_color);
margin-bottom: 25px;
}
.yolo-footer-wrapper.footer-5 .wpb_wrapper .wpb_wrapper ul li a {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.yolo-footer-wrapper.footer-5 .wpb_wrapper .wpb_wrapper ul li i {
font-size: 20px;
}
.yolo-footer-wrapper.footer-5 .wpb_wrapper .wpb_wrapper ul.contact-list li {
position: relative;
padding-left: 40px;
margin-bottom: 35px;
}
.yolo-footer-wrapper.footer-5 .wpb_wrapper .wpb_wrapper ul.contact-list li i {
position: absolute;
top: 10%;
left: 0;
}
.yolo-footer-wrapper.footer-5 .wpb_wrapper .wpb_wrapper ul.contact-list li a {
color: var(--secondary_color) !important;
}
.yolo-footer-wrapper.footer-5 .wpb_wrapper .wpb_wrapper ul.contact-list li:hover a {
color: var(--secondary_color) !important;
}
.yolo-footer-wrapper.footer-5 .wpb_wrapper .widget-social-profile .social-profile li {
display: inline-block;
text-transform: uppercase;
text-align: center;
color: transparent;
margin: 0 5px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo-footer-wrapper.footer-5 .wpb_wrapper .widget-social-profile .social-profile li:first-child {
margin-left: 0;
}
@media (max-width: 479px) {
.yolo-footer-wrapper.footer-5 .wpb_wrapper .widget-social-profile .social-profile li:first-child {
margin-left: 5px;
}
}
.yolo-footer-wrapper.footer-5 .wpb_wrapper .widget-social-profile .social-profile li a {
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo-footer-wrapper.footer-5 .wpb_wrapper .widget-social-profile .social-profile li a i {
color: #ddd;
display: block;
opacity: 1;
line-height: 98px;
font-size: 36px;
text-align: center;
width: 100px;
height: 100px;
border: 1px solid #ddd;
margin-bottom: 10px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
@media (min-width: 768px) and (max-width: 991px) {
.yolo-footer-wrapper.footer-5 .wpb_wrapper .widget-social-profile .social-profile li a i {
width: 90px;
height: 90px;
line-height: 89px;
}
}
.yolo-footer-wrapper.footer-5 .wpb_wrapper .widget-social-profile .social-profile li:hover a {
color: var(--secondary_color) !important;
}
.yolo-footer-wrapper.footer-5 .wpb_wrapper .widget-social-profile .social-profile li:hover a i {
color: var(--secondary_color);
border-color: var(--secondary_color);
} .yolo_widget_product_cat li {
list-style: none;
float: left;
padding: 5px 0;
}
.yolo_widget_product_cat li a {
display: block;
}
.yolo_widget_product_cat li a img {
width: 33.33%;
padding-right: 10px;
float: left;
}
.yolo_widget_product_cat li a:after {
display: none;
}
.yolo_widget_product_cat .columns-4 li {
width: 25%;
}
.yolo_widget_product_cat .columns-3 li {
width: 33.33%;
}
.yolo_widget_product_cat .columns-2 li {
width: 50%;
}
.yolo_widget_product_cat .columns-1 li {
width: 100%;
}
@media (max-width: 991px) {
.yolo_widget_product_cat .columns-1 li {
width: 50%;
}
.yolo_widget_product_cat .columns-4 li {
width: 50%;
}
.yolo_widget_product_cat .columns-3 li {
width: 50%;
}
}
@media (max-width: 600px) {
.yolo_widget_product_cat .columns-1 li {
width: 100%;
}
.yolo_widget_product_cat .columns-4 li {
width: 100%;
}
.yolo_widget_product_cat .columns-3 li {
width: 100%;
}
.yolo_widget_product_cat .columns-2 li {
width: 100%;
}
}
.search-form {
position: relative;
}
.search-form input[type="text"] {
width: 100%;
height: 45px;
background-color: #f6f6f6;
color: var(--heading_color);
padding-right: 45px;
}
.search-form input[type="text"] ::-webkit-input-placeholder {
color: var(--text_color);
}
.search-form input[type="text"] :-moz-placeholder {
color: var(--text_color);
}
.search-form input[type="text"] ::-moz-placeholder {
color: var(--text_color);
}
.search-form input[type="text"] :-ms-input-placeholder {
color: var(--text_color);
}
.search-form button[type="submit"] {
position: absolute;
right: 0;
top: 0;
border: none;
padding: 0;
height: 45px;
width: 45px;
background-color: transparent;
color: var(--text_color);
font-size: 14px;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.screen-reader-text {
display: none;
} #wp-calendar {
width: 100%;
}
#wp-calendar caption {
text-align: right;
font-size: 12px;
margin-top: 0;
margin-bottom: 15px;
padding: 0;
font-weight: 600;
}
#wp-calendar thead {
font-size: 10px;
}
#wp-calendar thead th {
padding-bottom: 10px;
text-align: center;
}
#wp-calendar tbody {
font-size: 13px;
}
#wp-calendar tbody td {
background: #ddd;
border: 1px solid #fff;
text-align: center;
padding: 8px;
}
#wp-calendar tbody td.pad:hover {
background: transparent !important;
}
#wp-calendar tbody td:hover {
color: #fff;
}
#wp-calendar tbody td:hover a {
color: #fff;
}
#wp-calendar tbody .pad {
background: none;
}
#wp-calendar tfoot #next {
font-size: 10px;
text-transform: uppercase;
text-align: right;
}
#wp-calendar tfoot #prev {
font-size: 10px;
text-transform: uppercase;
padding-top: 10px;
} .yolo_widget.yolo_widget_color_filter.widget_layered_nav ul {
padding-right: 30px;
}
.yolo_widget.yolo_widget_color_filter.widget_layered_nav ul li.wc-layered-nav-term a {
display: inline-block;
}
.yolo_widget.yolo_widget_color_filter.widget_layered_nav .yolo-filter-color {
width: 10px;
height: 10px;
display: inline-block;
margin-right: 10px;
border: 1px solid #e0e0e0;
} .woocommerce .widget_price_filter h4.widget-title {
font-size: 16px;
letter-spacing: 0.025em;
margin-bottom: 25px;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: #ddd;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin: 0 4px 25px 4px;
}
.woocommerce .widget_price_filter .ui-slider-horizontal {
height: 3px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
width: 10px;
height: 10px;
background-color: #fff;
border: 2px solid var(--primary_color);
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top: -3px;
}
.woocommerce .widget_price_filter .price_slider_amount {
font-size: 14px;
color: var(--text_color);
font-weight: bold;
}
.woocommerce .widget_price_filter .price_slider_amount .price_label {
text-align: left;
line-height: 30px;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
float: right;
min-width: 80px;
font-weight: bold;
font-size: 15px;
padding: 5px 15px;
text-transform: uppercase;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
background-color: var(--primary_color);
color: #fff !important;
}
.woocommerce .widget_price_filter .price_slider_amount .button:hover {
color: #fff;
background-color: var(--primary_color_darken_15) !important;
} .woocommerce .widget.widget_shopping_cart_content {
border-top: 1px solid #ddd;
}
.woocommerce .widget.widget_shopping_cart_content .widget_shopping_cart_icon {
display: none;
}
.woocommerce .widget.widget_shopping_cart_content .sub-total-text {
display: none;
} .sidebar {
padding: 0 15px;
background-color: #fff;
}
.sidebar aside + aside {
margin-top: 3px;
}
.sidebar aside {
padding: 25px 0px 30px 0px;
}
.sidebar.right-sidebar aside,
.sidebar.left-sidebar aside {
border-top: 1px double #ddd;
-webkit-box-shadow: 0 1px 0 #ddd;
box-shadow: 0 1px 0 #ddd;
position: relative;
}
.sidebar.right-sidebar aside:last-child,
.sidebar.left-sidebar aside:last-child {
-webkit-box-shadow: none;
box-shadow: none;
}
@media (max-width: 767px) {
.sidebar {
float: none;
}
}
.sidebar h4.widget-title,
.wpb_widgetised_column h4.widget-title {
font-size: 16px;
margin-bottom: 35px;
font-weight: bold;
text-transform: uppercase;
position: relative;
}
.sidebar h4.widget-title:before,
.wpb_widgetised_column h4.widget-title:before {
content: '';
top: 8px;
position: absolute;
width: 15px;
height: 2px;
background-color: var(--primary_color);
}
.sidebar h4.widget-title span,
.wpb_widgetised_column h4.widget-title span {
padding-left: 30px;
color: var(--secondary_color);
}
.sidebar .tagcloud,
.wpb_widgetised_column .tagcloud {
font-size: 0;
}
.sidebar .tagcloud a,
.wpb_widgetised_column .tagcloud a {
color: var(--text_color_lighten_10) !important;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
display: inline-block;
padding: 7px 10px;
margin-bottom: 10px;
margin-right: 10px;
line-height: 1;
font-size: 14px;
border: 1px solid #ddd;
color: inherit;
}
.sidebar .tagcloud a:last-child,
.wpb_widgetised_column .tagcloud a:last-child {
margin-right: 0;
}
.sidebar .tagcloud a:hover,
.wpb_widgetised_column .tagcloud a:hover {
color: #fff !important;
text-decoration: none;
background-color: var(--primary_color) !important;
border-color: var(--primary_color);
}
.sidebar select,
.wpb_widgetised_column select {
width: 100%;
}
.sidebar .widget_archive > ul,
.wpb_widgetised_column .widget_archive > ul,
.sidebar .widget_categories > ul,
.wpb_widgetised_column .widget_categories > ul,
.sidebar .widget_pages > ul,
.wpb_widgetised_column .widget_pages > ul,
.sidebar .widget_meta > ul,
.wpb_widgetised_column .widget_meta > ul,
.sidebar .widget_recent_comments > ul,
.wpb_widgetised_column .widget_recent_comments > ul,
.sidebar .widget_recent_entries > ul,
.wpb_widgetised_column .widget_recent_entries > ul,
.sidebar .widget_rss > ul,
.wpb_widgetised_column .widget_rss > ul,
.sidebar .widget_nav_menu > div > ul,
.wpb_widgetised_column .widget_nav_menu > div > ul,
.sidebar .widget_product_categories > ul,
.wpb_widgetised_column .widget_product_categories > ul,
.sidebar .widget_layered_nav > ul,
.wpb_widgetised_column .widget_layered_nav > ul {
list-style: none;
padding: 0;
margin: 0;
line-height: 1.8;
font-size: 15px;
color: var(--text_color);
text-transform: uppercase;
}
.sidebar .widget_archive > ul > li:first-child,
.wpb_widgetised_column .widget_archive > ul > li:first-child,
.sidebar .widget_categories > ul > li:first-child,
.wpb_widgetised_column .widget_categories > ul > li:first-child,
.sidebar .widget_pages > ul > li:first-child,
.wpb_widgetised_column .widget_pages > ul > li:first-child,
.sidebar .widget_meta > ul > li:first-child,
.wpb_widgetised_column .widget_meta > ul > li:first-child,
.sidebar .widget_recent_comments > ul > li:first-child,
.wpb_widgetised_column .widget_recent_comments > ul > li:first-child,
.sidebar .widget_recent_entries > ul > li:first-child,
.wpb_widgetised_column .widget_recent_entries > ul > li:first-child,
.sidebar .widget_rss > ul > li:first-child,
.wpb_widgetised_column .widget_rss > ul > li:first-child,
.sidebar .widget_nav_menu > div > ul > li:first-child,
.wpb_widgetised_column .widget_nav_menu > div > ul > li:first-child,
.sidebar .widget_product_categories > ul > li:first-child,
.wpb_widgetised_column .widget_product_categories > ul > li:first-child,
.sidebar .widget_layered_nav > ul > li:first-child,
.wpb_widgetised_column .widget_layered_nav > ul > li:first-child {
padding-top: 0;
}
.sidebar .widget_archive > ul > li > a,
.wpb_widgetised_column .widget_archive > ul > li > a,
.sidebar .widget_categories > ul > li > a,
.wpb_widgetised_column .widget_categories > ul > li > a,
.sidebar .widget_pages > ul > li > a,
.wpb_widgetised_column .widget_pages > ul > li > a,
.sidebar .widget_meta > ul > li > a,
.wpb_widgetised_column .widget_meta > ul > li > a,
.sidebar .widget_recent_comments > ul > li > a,
.wpb_widgetised_column .widget_recent_comments > ul > li > a,
.sidebar .widget_recent_entries > ul > li > a,
.wpb_widgetised_column .widget_recent_entries > ul > li > a,
.sidebar .widget_rss > ul > li > a,
.wpb_widgetised_column .widget_rss > ul > li > a,
.sidebar .widget_nav_menu > div > ul > li > a,
.wpb_widgetised_column .widget_nav_menu > div > ul > li > a,
.sidebar .widget_product_categories > ul > li > a,
.wpb_widgetised_column .widget_product_categories > ul > li > a,
.sidebar .widget_layered_nav > ul > li > a,
.wpb_widgetised_column .widget_layered_nav > ul > li > a {
padding-left: 5px;
}
.sidebar .widget_archive li:last-child,
.wpb_widgetised_column .widget_archive li:last-child,
.sidebar .widget_categories li:last-child,
.wpb_widgetised_column .widget_categories li:last-child,
.sidebar .widget_pages li:last-child,
.wpb_widgetised_column .widget_pages li:last-child,
.sidebar .widget_meta li:last-child,
.wpb_widgetised_column .widget_meta li:last-child,
.sidebar .widget_recent_comments li:last-child,
.wpb_widgetised_column .widget_recent_comments li:last-child,
.sidebar .widget_recent_entries li:last-child,
.wpb_widgetised_column .widget_recent_entries li:last-child,
.sidebar .widget_rss li:last-child,
.wpb_widgetised_column .widget_rss li:last-child,
.sidebar .widget_nav_menu > div li:last-child,
.wpb_widgetised_column .widget_nav_menu > div li:last-child,
.sidebar .widget_product_categories li:last-child,
.wpb_widgetised_column .widget_product_categories li:last-child,
.sidebar .widget_layered_nav li:last-child,
.wpb_widgetised_column .widget_layered_nav li:last-child {
margin-bottom: 0;
}
.sidebar .widget_archive li .show_count,
.wpb_widgetised_column .widget_archive li .show_count,
.sidebar .widget_categories li .show_count,
.wpb_widgetised_column .widget_categories li .show_count,
.sidebar .widget_pages li .show_count,
.wpb_widgetised_column .widget_pages li .show_count,
.sidebar .widget_meta li .show_count,
.wpb_widgetised_column .widget_meta li .show_count,
.sidebar .widget_recent_comments li .show_count,
.wpb_widgetised_column .widget_recent_comments li .show_count,
.sidebar .widget_recent_entries li .show_count,
.wpb_widgetised_column .widget_recent_entries li .show_count,
.sidebar .widget_rss li .show_count,
.wpb_widgetised_column .widget_rss li .show_count,
.sidebar .widget_nav_menu > div li .show_count,
.wpb_widgetised_column .widget_nav_menu > div li .show_count,
.sidebar .widget_product_categories li .show_count,
.wpb_widgetised_column .widget_product_categories li .show_count,
.sidebar .widget_layered_nav li .show_count,
.wpb_widgetised_column .widget_layered_nav li .show_count {
float: right;
}
.sidebar .widget_archive li a,
.wpb_widgetised_column .widget_archive li a,
.sidebar .widget_categories li a,
.wpb_widgetised_column .widget_categories li a,
.sidebar .widget_pages li a,
.wpb_widgetised_column .widget_pages li a,
.sidebar .widget_meta li a,
.wpb_widgetised_column .widget_meta li a,
.sidebar .widget_recent_comments li a,
.wpb_widgetised_column .widget_recent_comments li a,
.sidebar .widget_recent_entries li a,
.wpb_widgetised_column .widget_recent_entries li a,
.sidebar .widget_rss li a,
.wpb_widgetised_column .widget_rss li a,
.sidebar .widget_nav_menu > div li a,
.wpb_widgetised_column .widget_nav_menu > div li a,
.sidebar .widget_product_categories li a,
.wpb_widgetised_column .widget_product_categories li a,
.sidebar .widget_layered_nav li a,
.wpb_widgetised_column .widget_layered_nav li a {
display: block;
}
.sidebar .widget_archive a,
.wpb_widgetised_column .widget_archive a,
.sidebar .widget_categories a,
.wpb_widgetised_column .widget_categories a,
.sidebar .widget_pages a,
.wpb_widgetised_column .widget_pages a,
.sidebar .widget_meta a,
.wpb_widgetised_column .widget_meta a,
.sidebar .widget_recent_comments a,
.wpb_widgetised_column .widget_recent_comments a,
.sidebar .widget_recent_entries a,
.wpb_widgetised_column .widget_recent_entries a,
.sidebar .widget_rss a,
.wpb_widgetised_column .widget_rss a,
.sidebar .widget_nav_menu > div a,
.wpb_widgetised_column .widget_nav_menu > div a,
.sidebar .widget_product_categories a,
.wpb_widgetised_column .widget_product_categories a,
.sidebar .widget_layered_nav a,
.wpb_widgetised_column .widget_layered_nav a {
color: inherit;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.sidebar .widget_archive a:hover,
.wpb_widgetised_column .widget_archive a:hover,
.sidebar .widget_categories a:hover,
.wpb_widgetised_column .widget_categories a:hover,
.sidebar .widget_pages a:hover,
.wpb_widgetised_column .widget_pages a:hover,
.sidebar .widget_meta a:hover,
.wpb_widgetised_column .widget_meta a:hover,
.sidebar .widget_recent_comments a:hover,
.wpb_widgetised_column .widget_recent_comments a:hover,
.sidebar .widget_recent_entries a:hover,
.wpb_widgetised_column .widget_recent_entries a:hover,
.sidebar .widget_rss a:hover,
.wpb_widgetised_column .widget_rss a:hover,
.sidebar .widget_nav_menu > div a:hover,
.wpb_widgetised_column .widget_nav_menu > div a:hover,
.sidebar .widget_product_categories a:hover,
.wpb_widgetised_column .widget_product_categories a:hover,
.sidebar .widget_layered_nav a:hover,
.wpb_widgetised_column .widget_layered_nav a:hover {
text-decoration: none;
}
.sidebar .widget_archive li > a:hover,
.wpb_widgetised_column .widget_archive li > a:hover,
.sidebar .widget_pages li > a:hover,
.wpb_widgetised_column .widget_pages li > a:hover,
.sidebar .widget_nav_menu > div li > a:hover,
.wpb_widgetised_column .widget_nav_menu > div li > a:hover,
.sidebar .widget_product_categories li > a:hover,
.wpb_widgetised_column .widget_product_categories li > a:hover,
.sidebar .widget_layered_nav li > a:hover,
.wpb_widgetised_column .widget_layered_nav li > a:hover {
padding-left: 15px;
}
.sidebar .widget_categories ul ul,
.wpb_widgetised_column .widget_categories ul ul,
.sidebar .widget_pages ul ul,
.wpb_widgetised_column .widget_pages ul ul,
.sidebar .widget_nav_menu > div ul ul,
.wpb_widgetised_column .widget_nav_menu > div ul ul,
.sidebar .widget_product_categories ul ul,
.wpb_widgetised_column .widget_product_categories ul ul {
padding-left: 0;
list-style-type: none;
}
.sidebar .widget_categories ul ul > li > a,
.wpb_widgetised_column .widget_categories ul ul > li > a,
.sidebar .widget_pages ul ul > li > a,
.wpb_widgetised_column .widget_pages ul ul > li > a,
.sidebar .widget_nav_menu > div ul ul > li > a,
.wpb_widgetised_column .widget_nav_menu > div ul ul > li > a,
.sidebar .widget_product_categories ul ul > li > a,
.wpb_widgetised_column .widget_product_categories ul ul > li > a {
padding-left: 25px;
}
.sidebar .widget_categories ul ul > li > a:hover,
.wpb_widgetised_column .widget_categories ul ul > li > a:hover,
.sidebar .widget_pages ul ul > li > a:hover,
.wpb_widgetised_column .widget_pages ul ul > li > a:hover,
.sidebar .widget_nav_menu > div ul ul > li > a:hover,
.wpb_widgetised_column .widget_nav_menu > div ul ul > li > a:hover,
.sidebar .widget_product_categories ul ul > li > a:hover,
.wpb_widgetised_column .widget_product_categories ul ul > li > a:hover {
padding-left: 45px;
}
.sidebar .widget_categories ul ul ul > li > a,
.wpb_widgetised_column .widget_categories ul ul ul > li > a,
.sidebar .widget_pages ul ul ul > li > a,
.wpb_widgetised_column .widget_pages ul ul ul > li > a,
.sidebar .widget_nav_menu > div ul ul ul > li > a,
.wpb_widgetised_column .widget_nav_menu > div ul ul ul > li > a,
.sidebar .widget_product_categories ul ul ul > li > a,
.wpb_widgetised_column .widget_product_categories ul ul ul > li > a {
padding-left: 45px;
}
.sidebar .widget_categories ul ul ul > li > a:hover,
.wpb_widgetised_column .widget_categories ul ul ul > li > a:hover,
.sidebar .widget_pages ul ul ul > li > a:hover,
.wpb_widgetised_column .widget_pages ul ul ul > li > a:hover,
.sidebar .widget_nav_menu > div ul ul ul > li > a:hover,
.wpb_widgetised_column .widget_nav_menu > div ul ul ul > li > a:hover,
.sidebar .widget_product_categories ul ul ul > li > a:hover,
.wpb_widgetised_column .widget_product_categories ul ul ul > li > a:hover {
padding-left: 65px;
}
.sidebar .widget_categories ul ul ul ul > li > a,
.wpb_widgetised_column .widget_categories ul ul ul ul > li > a,
.sidebar .widget_pages ul ul ul ul > li > a,
.wpb_widgetised_column .widget_pages ul ul ul ul > li > a,
.sidebar .widget_nav_menu > div ul ul ul ul > li > a,
.wpb_widgetised_column .widget_nav_menu > div ul ul ul ul > li > a,
.sidebar .widget_product_categories ul ul ul ul > li > a,
.wpb_widgetised_column .widget_product_categories ul ul ul ul > li > a {
padding-left: 65px;
}
.sidebar .widget_categories ul ul ul ul > li > a:hover,
.wpb_widgetised_column .widget_categories ul ul ul ul > li > a:hover,
.sidebar .widget_pages ul ul ul ul > li > a:hover,
.wpb_widgetised_column .widget_pages ul ul ul ul > li > a:hover,
.sidebar .widget_nav_menu > div ul ul ul ul > li > a:hover,
.wpb_widgetised_column .widget_nav_menu > div ul ul ul ul > li > a:hover,
.sidebar .widget_product_categories ul ul ul ul > li > a:hover,
.wpb_widgetised_column .widget_product_categories ul ul ul ul > li > a:hover {
padding-left: 85px;
}
.sidebar .widget_categories ul ul ul ul ul > li > a,
.wpb_widgetised_column .widget_categories ul ul ul ul ul > li > a,
.sidebar .widget_pages ul ul ul ul ul > li > a,
.wpb_widgetised_column .widget_pages ul ul ul ul ul > li > a,
.sidebar .widget_nav_menu > div ul ul ul ul ul > li > a,
.wpb_widgetised_column .widget_nav_menu > div ul ul ul ul ul > li > a,
.sidebar .widget_product_categories ul ul ul ul ul > li > a,
.wpb_widgetised_column .widget_product_categories ul ul ul ul ul > li > a {
padding-left: 85px;
}
.sidebar .widget_categories ul ul ul ul ul > li > a:hover,
.wpb_widgetised_column .widget_categories ul ul ul ul ul > li > a:hover,
.sidebar .widget_pages ul ul ul ul ul > li > a:hover,
.wpb_widgetised_column .widget_pages ul ul ul ul ul > li > a:hover,
.sidebar .widget_nav_menu > div ul ul ul ul ul > li > a:hover,
.wpb_widgetised_column .widget_nav_menu > div ul ul ul ul ul > li > a:hover,
.sidebar .widget_product_categories ul ul ul ul ul > li > a:hover,
.wpb_widgetised_column .widget_product_categories ul ul ul ul ul > li > a:hover {
padding-left: 105px;
}
.sidebar .widget_meta ul li a,
.wpb_widgetised_column .widget_meta ul li a {
padding: 7px 0px;
}
.sidebar .widget_recent_comments > ul,
.wpb_widgetised_column .widget_recent_comments > ul,
.sidebar .widget_rss > ul,
.wpb_widgetised_column .widget_rss > ul {
font-size: 13px;
color: #999;
line-height: 1.6;
}
.sidebar .widget_recent_comments li,
.wpb_widgetised_column .widget_recent_comments li,
.sidebar .widget_rss li,
.wpb_widgetised_column .widget_rss li {
padding-top: 16px;
margin-bottom: 16px;
}
.sidebar .widget_recent_comments li + li,
.wpb_widgetised_column .widget_recent_comments li + li,
.sidebar .widget_rss li + li,
.wpb_widgetised_column .widget_rss li + li {
margin-top: 16px;
}
.sidebar .widget_layered_nav ul li,
.wpb_widgetised_column .widget_layered_nav ul li {
padding: 9px 0 0 0;
}
.sidebar .widget_layered_nav ul li a,
.wpb_widgetised_column .widget_layered_nav ul li a {
padding: 0 0 0 5px;
}
.sidebar .widget_layered_nav ul li span.count,
.wpb_widgetised_column .widget_layered_nav ul li span.count {
padding: 0;
float: right;
}
.sidebar .widget-social-profile ul.social-profile,
.wpb_widgetised_column .widget-social-profile ul.social-profile {
list-style: none;
padding: 0;
margin: 0;
font-size: 0;
}
.sidebar .widget-social-profile ul.social-profile li,
.wpb_widgetised_column .widget-social-profile ul.social-profile li {
display: inline-block;
vertical-align: middle;
}
.sidebar .widget-social-profile ul.social-profile li a,
.wpb_widgetised_column .widget-social-profile ul.social-profile li a {
display: inline-block;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.sidebar .widget-social-profile ul.social-profile li a i,
.wpb_widgetised_column .widget-social-profile ul.social-profile li a i {
font-size: 16px;
width: 24px;
height: 24px;
line-height: 24px;
vertical-align: middle;
text-align: center;
}
.sidebar .widget-social-profile ul.social-profile li + li,
.wpb_widgetised_column .widget-social-profile ul.social-profile li + li {
margin-left: 5px;
}
.sidebar .widget-social-profile ul.social-profile.social-icon-bordered li a,
.wpb_widgetised_column .widget-social-profile ul.social-profile.social-icon-bordered li a {
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
background-color: #F5F5F5;
border-radius: 100%;
}
.sidebar .widget-social-profile ul.social-profile.social-icon-bordered li a i,
.wpb_widgetised_column .widget-social-profile ul.social-profile.social-icon-bordered li a i {
color: #777777;
font-size: 14px;
}
.sidebar .widget-social-profile ul.social-profile.social-icon-bordered li a:hover i,
.wpb_widgetised_column .widget-social-profile ul.social-profile.social-icon-bordered li a:hover i {
color: #fff;
}
.sidebar .widget-social-profile.blog-widget,
.wpb_widgetised_column .widget-social-profile.blog-widget {
border-width: 2px;
border-style: solid;
padding: 30px 15px 40px 15px;
text-align: center;
}
.sidebar .widget-social-profile.blog-widget > span,
.wpb_widgetised_column .widget-social-profile.blog-widget > span {
display: block;
font-size: 14px;
line-height: 1.2;
margin-bottom: 30px;
}
.sidebar ul.product_list_widget li,
.wpb_widgetised_column ul.product_list_widget li {
padding: 0;
margin: 0;
}
.sidebar ul.product_list_widget li + li,
.wpb_widgetised_column ul.product_list_widget li + li {
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid #ddd;
}
.sidebar ul.product_list_widget li img,
.wpb_widgetised_column ul.product_list_widget li img {
width: 70px;
float: left;
-webkit-box-shadow: none;
box-shadow: none;
margin-left: 0;
margin-right: 15px;
}
.sidebar ul.product_list_widget li a,
.wpb_widgetised_column ul.product_list_widget li a {
font-size: 15px;
line-height: 1.3;
margin-bottom: 10px;
font-weight: normal;
}
.sidebar ul.product_list_widget span.amount,
.wpb_widgetised_column ul.product_list_widget span.amount {
font-size: 15px;
}
.sidebar ul.product_list_widget ins,
.wpb_widgetised_column ul.product_list_widget ins {
text-decoration: none;
margin-right: 3px;
}
.sidebar ul.product_list_widget del span.amount,
.wpb_widgetised_column ul.product_list_widget del span.amount {
font-size: 13px;
color: #999999;
}
.sidebar ul.product_list_widget span.product-title,
.wpb_widgetised_column ul.product_list_widget span.product-title {
font-weight: normal;
}
.sidebar ul.product_list_widget .star-rating,
.wpb_widgetised_column ul.product_list_widget .star-rating {
margin: 0 0 5px 0;
}
.sidebar .widget-posts-wrap .widget_posts_item,
.wpb_widgetised_column .widget-posts-wrap .widget_posts_item {
padding-bottom: 25px;
}
.sidebar .widget-posts-wrap .widget_posts_item:last-child,
.wpb_widgetised_column .widget-posts-wrap .widget_posts_item:last-child {
padding-bottom: 0;
}
.sidebar .widget-posts-wrap .widget_posts_item + .widget_posts_item,
.wpb_widgetised_column .widget-posts-wrap .widget_posts_item + .widget_posts_item {
padding-top: 20px;
border-top: 1px solid #ddd;
}
.sidebar .widget-posts-wrap .widget-posts-thumbnail,
.wpb_widgetised_column .widget-posts-wrap .widget-posts-thumbnail {
width: 60px;
float: left;
margin-right: 10px;
}
.sidebar .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail,
.wpb_widgetised_column .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail {
position: relative;
}
.sidebar .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail a.prettyPhoto,
.wpb_widgetised_column .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail a.prettyPhoto {
position: absolute;
top: 0;
width: 20px;
height: 20px;
right: 0;
line-height: 20px;
font-size: 10px;
text-align: center;
color: #fff;
opacity: 0;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.sidebar .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail:hover a.entry-thumbnail_overlay:before,
.wpb_widgetised_column .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail:hover a.entry-thumbnail_overlay:before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
.sidebar .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail:hover a.prettyPhoto,
.wpb_widgetised_column .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail:hover a.prettyPhoto {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.sidebar .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail_overlay img,
.wpb_widgetised_column .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail_overlay img {
width: 100%;
display: block;
}
.sidebar .widget-posts-wrap .widget-posts-content-wrap,
.wpb_widgetised_column .widget-posts-wrap .widget-posts-content-wrap {
position: relative;
overflow: hidden;
}
.sidebar .widget-posts-wrap .widget-posts-title,
.wpb_widgetised_column .widget-posts-wrap .widget-posts-title {
font-size: 15px;
color: #3F3F3F;
display: block;
line-height: 1.2;
margin-bottom: 2px;
}
.sidebar .widget-posts-wrap .widget-posts-title:hover,
.wpb_widgetised_column .widget-posts-wrap .widget-posts-title:hover {
text-decoration: none;
}
.sidebar .widget-posts-wrap .owl-theme .owl-controls,
.wpb_widgetised_column .widget-posts-wrap .owl-theme .owl-controls {
display: none !important;
}
.sidebar .widget-posts-wrap .widget-posts-date,
.wpb_widgetised_column .widget-posts-wrap .widget-posts-date {
font-size: 13px;
color: #999999;
}
.sidebar .widget-twitter-wrap .widget-twitter-item + .widget-twitter-item,
.wpb_widgetised_column .widget-twitter-wrap .widget-twitter-item + .widget-twitter-item {
margin-top: 20px;
}
.sidebar .widget-twitter-wrap i,
.wpb_widgetised_column .widget-twitter-wrap i {
font-size: 14px;
}
.sidebar .widget-twitter-wrap span.twitter-time,
.wpb_widgetised_column .widget-twitter-wrap span.twitter-time {
color: #b1b1b1;
display: block;
}
.sidebar .widget-banner .widget-image-wrap a,
.wpb_widgetised_column .widget-banner .widget-image-wrap a {
display: block;
position: relative;
overflow: hidden;
}
.sidebar .widget-banner .widget-image-wrap a:before,
.wpb_widgetised_column .widget-banner .widget-image-wrap a:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
z-index: 1;
-webkit-transition: opacity 0.35s linear;
-o-transition: opacity 0.35s linear;
transition: opacity 0.35s linear;
}
.sidebar .widget-banner .widget-image-wrap a img,
.wpb_widgetised_column .widget-banner .widget-image-wrap a img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
width: 100%;
height: auto;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.sidebar .widget-banner .widget-image-wrap a:hover:before,
.wpb_widgetised_column .widget-banner .widget-image-wrap a:hover:before {
opacity: 1;
}
.sidebar .widget-banner .widget-image-wrap a:hover img,
.wpb_widgetised_column .widget-banner .widget-image-wrap a:hover img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.sidebar .widget-contact-info,
.wpb_widgetised_column .widget-contact-info {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar .widget-contact-info > li > i.fa,
.wpb_widgetised_column .widget-contact-info > li > i.fa {
width: 18px;
}
.sidebar .mail-chimp-wrapper > p,
.wpb_widgetised_column .mail-chimp-wrapper > p {
line-height: 28px;
}
.sidebar .mail-chimp-wrapper .mail-chimp-button,
.wpb_widgetised_column .mail-chimp-wrapper .mail-chimp-button {
position: relative;
}
.sidebar .mail-chimp-wrapper .mail-chimp-button > input,
.wpb_widgetised_column .mail-chimp-wrapper .mail-chimp-button > input {
background-color: #fbfbfb;
color: #222;
border: none;
line-height: 1;
height: 30px;
width: 100%;
}
.sidebar .mail-chimp-wrapper .mail-chimp-button > button,
.wpb_widgetised_column .mail-chimp-wrapper .mail-chimp-button > button {
border: none;
background: none;
position: absolute;
right: 5px;
top: 0;
bottom: 0;
margin: auto;
}
.sidebar .mail-chimp-wrapper .mail-chimp-button > button > span,
.wpb_widgetised_column .mail-chimp-wrapper .mail-chimp-button > button > span {
display: none;
}
.sidebar .footer-logo .sub-description,
.wpb_widgetised_column .footer-logo .sub-description {
padding-top: 28px;
line-height: 28px;
}
.sidebar .widget-text-intro,
.wpb_widgetised_column .widget-text-intro {
font-size: 24px;
text-align: center;
border: dashed 3px #c5c5c5;
padding: 55px 10px;
font-weight: 400;
}
.sidebar ul.instagram-pics,
.wpb_widgetised_column ul.instagram-pics {
list-style: none;
margin: 0;
padding: 0;
font-size: 0;
}
.sidebar ul.instagram-pics li,
.wpb_widgetised_column ul.instagram-pics li {
display: inline-block;
padding: 0;
margin: 0;
}
.sidebar ul.instagram-pics a,
.wpb_widgetised_column ul.instagram-pics a {
display: block;
position: relative;
overflow: hidden;
}
.sidebar ul.instagram-pics a:before,
.wpb_widgetised_column ul.instagram-pics a:before {
content: "";
position: absolute;
width: 101%;
height: 101%;
background-color: rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
opacity: 0;
}
.sidebar ul.instagram-pics a:hover:before,
.wpb_widgetised_column ul.instagram-pics a:hover:before {
opacity: 1;
}
.sidebar .instagram-col-2 ul.instagram-pics li,
.wpb_widgetised_column .instagram-col-2 ul.instagram-pics li {
width: 50%;
}
.sidebar .instagram-col-3 ul.instagram-pics li,
.wpb_widgetised_column .instagram-col-3 ul.instagram-pics li {
width: 33.33333333%;
}
.sidebar .instagram-col-4 ul.instagram-pics li,
.wpb_widgetised_column .instagram-col-4 ul.instagram-pics li {
width: 25%;
}
.sidebar .instagram-col-6 ul.instagram-pics li,
.wpb_widgetised_column .instagram-col-6 ul.instagram-pics li {
width: 16.66666667%;
}
.sidebar .instagram-col-8 ul.instagram-pics li,
.wpb_widgetised_column .instagram-col-8 ul.instagram-pics li {
width: 12.5%;
}
.sidebar .padding-2 ul.instagram-pics,
.wpb_widgetised_column .padding-2 ul.instagram-pics {
margin-left: -2px;
margin-right: -2px;
margin-top: -2px;
}
.sidebar .padding-2 ul.instagram-pics li,
.wpb_widgetised_column .padding-2 ul.instagram-pics li {
padding: 2px;
}
.sidebar .padding-3 ul.instagram-pics,
.wpb_widgetised_column .padding-3 ul.instagram-pics {
margin-left: -3px;
margin-right: -3px;
margin-top: -3px;
}
.sidebar .padding-3 ul.instagram-pics li,
.wpb_widgetised_column .padding-3 ul.instagram-pics li {
padding: 3px;
}
.sidebar .padding-4 ul.instagram-pics,
.wpb_widgetised_column .padding-4 ul.instagram-pics {
margin-left: -4px;
margin-right: -4px;
margin-top: -4px;
}
.sidebar .padding-4 ul.instagram-pics li,
.wpb_widgetised_column .padding-4 ul.instagram-pics li {
padding: 4px;
}
.sidebar .title-center .widget-title,
.wpb_widgetised_column .title-center .widget-title {
text-align: center;
}
.sidebar ul.instagram-pics + p,
.wpb_widgetised_column ul.instagram-pics + p {
margin: 0;
font-size: 13px;
font-style: italic;
letter-spacing: 0.02em;
}
.sidebar .widget-text-center,
.wpb_widgetised_column .widget-text-center {
text-align: center;
}
.widget-payment-gate {
padding-top: 10px;
}
.widget-payment-gate .payment-gate {
list-style: none;
display: inline-block;
}
.widget-payment-gate li {
float: left;
display: inline-block;
padding-right: 4px;
padding-top: 5px;
padding-bottom: 5px;
}
.widget-payment-gate li:last-child {
padding-right: 0px;
}
.widget-payment-gate li:hover {
opacity: 0.6;
}
.widget-payment-gate image {
max-width: 46px;
max-height: 28px;
}
.widget-partner-carousel .owl-carousel .owl-item {
height: 180px;
display: table;
text-align: center;
}
footer.main-footer-wrapper .sidebar aside.widget-map-scroll-up {
margin-top: 0;
}
.sidebar.woocommerce-sidebar {
background-color: #fff;
padding: 0 15px;
}
.sidebar.woocommerce-sidebar .widget {
padding-top: 2em;
}
.sidebar.woocommerce-sidebar .widget-title {
position: relative;
text-transform: uppercase;
font-weight: var(--primary_font_weight);
}
.sidebar .widget_product_categories > ul > li {
border: none;
}
.sidebar .widget_product_categories > ul > li a {
color: var(--text_color);
padding: 5px 0;
}
.sidebar .widget_product_categories > ul > li a:before {
content: '';
display: inline-block;
position: relative;
width: 10px;
height: 2px;
background-color: #ddd;
top: -4px;
margin-right: 15px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.sidebar .widget_product_categories > ul > li a:hover:before {
background-color: var(--primary_color);
} .widget-post-thumbnail ul.posts-thumbnail-list {
padding: 0px;
margin: 0px;
}
.widget-post-thumbnail ul.posts-thumbnail-list > li {
padding: 0 0 35px 0;
margin: 0;
}
.widget-post-thumbnail ul.posts-thumbnail-list > li:last-child {
padding: 0 0 10px 0!important;
}
.widget-post-thumbnail ul.posts-thumbnail-list li {
list-style: none;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-image {
position: relative;
overflow: hidden;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-image a:before {
content: "";
position: absolute;
width: 90%;
height: 90%;
left: 5%;
top: 5%;
opacity: 0.6;
z-index: 1;
-webkit-transform: scale(0, 0) rotateZ(0deg);
-ms-transform: scale(0, 0) rotateZ(0deg);
transform: scale(0, 0) rotateZ(0deg);
background-color: var(--primary_color);
-webkit-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-image a:after {
content: "\f064";
font-family: "fontawesome";
font-size: 20px;
position: absolute;
color: #fff;
filter: alpha(opacity=0);
top: 40%;
left: 50%;
visibility: hidden;
opacity: 0;
z-index: 2;
-webkit-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-image:hover a:before {
-webkit-transform: scale(1, 1) rotateZ(180deg);
-ms-transform: scale(1, 1) rotateZ(180deg);
transform: scale(1, 1) rotateZ(180deg);
filter: alpha(opacity=100);
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-image:hover a:after {
top: 50%;
opacity: 1;
visibility: visible;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content {
width: 100%;
float: left;
margin-top: 10px;
padding-left: 15px;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content h4 {
margin-top: 0px;
margin-bottom: 7px;
font-size: 15px;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content h4 a {
color: var(--secondary_color);
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content .posts-thumbnail-meta {
font-size: 14px;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content .posts-thumbnail-meta i {
margin-right: 4px;
color: var(--primary_color);
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content .posts-thumbnail-meta time,
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content .posts-thumbnail-meta span.author {
margin-right: 10px;
text-transform: capitalize;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content .posts-thumbnail-meta .comment-count i {
margin-right: 4px;
color: var(--primary_color);
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content .posts-thumbnail-meta .comment-count a:hover {
color: var(--primary_color);
}
@media (max-width: 991px) {
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-image {
width: 30%;
float: left;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content {
width: 70%;
float: left;
margin-top: -5px;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content h4 {
margin-bottom: 7px;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content h4 a { }
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content .posts-thumbnail-meta i {
margin-right: 4px;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content .posts-thumbnail-meta time {
margin-right: 10px;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content .posts-thumbnail-meta .comment-count i {
margin-right: 4px;
}
}
.widget-post-thumbnail ul.posts-thumbnail-list.full_width li .posts-thumbnail-content {
padding-left: 0;
margin-top: 20px;
text-align: center;
}
.widget-post-thumbnail ul.posts-thumbnail-list.full_width li .posts-thumbnail-content a:hover {
color: var(--primary_color);
}
@media (max-width: 991px) {
.widget-post-thumbnail ul.posts-thumbnail-list.full_width li .posts-thumbnail-content {
text-align: left;
padding-left: 20px;
margin-top: 6px;
}
}
.widget-post-thumbnail ul.posts-thumbnail-list.size-thumbnail > li {
padding: 0 0 30px 0;
}
.widget-post-thumbnail ul.posts-thumbnail-list.size-thumbnail li {
list-style: none;
margin: 0;
}
.widget-post-thumbnail ul.posts-thumbnail-list.size-thumbnail li:before {
content: " ";
display: table;
}
.widget-post-thumbnail ul.posts-thumbnail-list.size-thumbnail li .posts-thumbnail-image {
width: 70px;
float: left;
height: 70px;
}
.widget-post-thumbnail ul.posts-thumbnail-list.size-thumbnail li .posts-thumbnail-image img {
width: auto;
height: 100%;
max-width: none;
}
.widget-post-thumbnail ul.posts-thumbnail-list.size-thumbnail li .posts-thumbnail-content {
width: 72%;
float: left;
margin-top: -5px;
}
.widget-post-thumbnail ul.posts-thumbnail-list.size-thumbnail li .posts-thumbnail-content h4 {
margin-bottom: 7px;
}
.widget-post-thumbnail ul.posts-thumbnail-list.size-thumbnail li .posts-thumbnail-content h4 a:hover {
color: var(--primary_color);
}
.widget-post-thumbnail ul.posts-thumbnail-list.size-thumbnail li .posts-thumbnail-content .posts-thumbnail-meta i {
margin-right: 4px;
color: var(--primary_color);
}
.widget-post-thumbnail ul.posts-thumbnail-list.size-thumbnail li .posts-thumbnail-content .posts-thumbnail-meta time {
margin-right: 10px;
}
.widget-post-thumbnail ul.posts-thumbnail-list.size-thumbnail li .posts-thumbnail-content .posts-thumbnail-meta .comment-count i {
margin-right: 4px;
color: var(--primary_color);
}
.widget-post-thumbnail ul.posts-thumbnail-list.date > li {
padding: 0 0 35px 0;
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li {
list-style: none;
margin: 0;
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li:before {
content: " ";
display: table;
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li .posts-date {
width: 70px;
float: left;
height: 70px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
text-align: center;
line-height: 30px;
border: 1px solid #ddd;
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li .posts-date span {
display: block;
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li .posts-date span.day {
margin-top: 10px;
font-size: 24px;
font-weight: bold;
position: relative;
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li .posts-date span.month {
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
color: #aaabac;
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li .posts-thumbnail-content {
width: 72%;
float: left;
margin-top: -2px;
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li .posts-thumbnail-content h4 {
margin-bottom: 7px;
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li .posts-thumbnail-content h4 a:hover {
color: var(--primary_color);
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li .posts-thumbnail-content .posts-thumbnail-meta i {
margin-right: 4px;
color: var(--primary_color);
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li .posts-thumbnail-content .posts-thumbnail-meta time {
margin-right: 10px;
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li .posts-thumbnail-content .posts-thumbnail-meta .comment-count i {
margin-right: 4px;
color: var(--primary_color);
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li:hover .posts-date {
background-color: var(--secondary_color);
border-color: var(--secondary_color);
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li:hover .posts-date time span {
color: #fff !important;
} .widget_categories h4 {
margin-top: 10px;
margin-bottom: 20px;
}
.widget_categories ul li {
width: 100%;
margin: 0;
text-align: right;
display: block;
padding: 7px 0px;
list-style: none;
border-bottom: 1px solid #ddd;
}
.widget_categories ul li a {
text-align: left;
position: relative;
text-transform: capitalize;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.widget_categories ul li a:before {
content: '\f105';
line-height: 27px;
font-family: fontawesome;
width: 30px;
text-align: center;
position: absolute;
right: 0;
top: 0;
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.widget_categories ul li a:hover {
padding-left: 20px;
color: var(--primary_color);
}
.widget_categories ul li a:hover:before {
opacity: 1;
}
.widget_categories ul li:last-child {
padding-top: 10px;
border-bottom: 0;
}
.widget_categories ul li span {
float: right;
} .blog-wrap.grid.layout-container-fluid,
.blog-wrap.masonry.layout-container-fluid {
padding: 0 15px;
}
.blog-wrap article {
padding-bottom: 30px;
}
.hentry.sticky {
position: relative;
}
.hentry.sticky:before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-top: 75px solid var(--primary_color);
border-left: 75px solid transparent;
z-index: 3;
}
.hentry.sticky:after {
width: 150px;
height: 50px;
font-family: 'FontAwesome';
content: "\f08d";
position: absolute;
right: -57px;
top: -7px;
color: #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
text-align: center;
line-height: 56px;
font-size: 18px;
z-index: 3;
}
.blog-inner .entry-thumbnail,
.sofani-post .entry-thumbnail {
position: relative;
overflow: hidden;
}
.blog-inner .entry-thumbnail a.prettyPhoto,
.sofani-post .entry-thumbnail a.prettyPhoto {
position: absolute;
top: 0;
width: 56px;
height: 55px;
right: 0;
line-height: 54px;
font-size: 16px;
text-align: center;
color: #fff;
opacity: 0;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
z-index: 2;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.blog-inner article.post .entry-wrap:hover a.entry-thumbnail_overlay:before,
.sofani-post article.post .entry-wrap:hover a.entry-thumbnail_overlay:before {
opacity: 1;
}
.blog-inner article.post .entry-wrap:hover a.prettyPhoto,
.sofani-post article.post .entry-wrap:hover a.prettyPhoto {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.blog-inner article.format-video > .entry-thumbnail-wrap > .entry-thumbnail a.prettyPhoto,
.sofani-post article.format-video > .entry-thumbnail-wrap > .entry-thumbnail a.prettyPhoto {
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
opacity: 0.8;
width: 80px;
height: 80px;
font-size: 80px;
line-height: 80px;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.blog-inner .entry-thumbnail_overlay img,
.sofani-post .entry-thumbnail_overlay img {
width: 100%;
display: block;
}
.blog-inner .entry-title,
.sofani-post .entry-title {
margin-bottom: 15px;
}
.blog-inner .entry-post-meta-wrap,
.sofani-post .entry-post-meta-wrap {
margin-bottom: 15px;
}
.blog-inner .entry-post-meta-wrap ul.entry-meta,
.sofani-post .entry-post-meta-wrap ul.entry-meta {
margin: 0;
padding: 0;
list-style-type: none;
font-style: italic;
}
.blog-inner .entry-post-meta-wrap ul.entry-meta li,
.sofani-post .entry-post-meta-wrap ul.entry-meta li {
display: inline;
margin-right: 10px;
}
.blog-inner .entry-post-meta-wrap ul.entry-meta li:last-child,
.sofani-post .entry-post-meta-wrap ul.entry-meta li:last-child {
margin-right: 0;
}
.blog-inner .read-more,
.sofani-post .read-more {
text-decoration: underline;
}
.blog-inner .jp-interface,
.sofani-post .jp-interface {
background-color: transparent;
height: 140px;
border: 2px solid #ddd;
}
.blog-inner .jp-play-pause,
.sofani-post .jp-play-pause {
padding: 0;
text-align: center;
background-color: transparent;
height: 100%;
width: auto;
margin-left: 25px;
}
.blog-inner .jp-play-pause i,
.sofani-post .jp-play-pause i {
font-size: 38px;
line-height: 136px;
}
.blog-inner .jp-progress,
.sofani-post .jp-progress {
margin: 0 0 0 10px;
}
.blog-inner .jp-seek-bar,
.sofani-post .jp-seek-bar {
height: 18px;
border: 2px solid #ddd;
width: 100% !important;
}
.blog-inner .jp-volume,
.sofani-post .jp-volume {
height: 18px;
line-height: 1;
position: absolute;
right: 15px;
top: 0;
bottom: 0;
margin: auto auto auto 50px;
padding: 0;
}
.blog-inner .jp-volume > li,
.sofani-post .jp-volume > li {
display: inline-block;
vertical-align: middle;
}
.blog-inner .jp-volume-bar,
.sofani-post .jp-volume-bar {
height: 18px;
width: 100px;
border: 2px solid #ddd;
margin-left: 10px;
}
.blog-inner .jp-volume-bar-value,
.sofani-post .jp-volume-bar-value {
height: 14px;
}
.blog-inner article.format-link .post-format-icon,
.sofani-post article.format-link .post-format-icon,
.blog-inner article.format-quote .post-format-icon,
.sofani-post article.format-quote .post-format-icon {
width: 70px;
height: 70px;
line-height: 70px;
text-align: center;
font-size: 34px;
float: left;
margin-right: 30px;
color: #fff;
}
.blog-inner article.format-link .entry-content-wrap,
.sofani-post article.format-link .entry-content-wrap,
.blog-inner article.format-quote .entry-content-wrap,
.sofani-post article.format-quote .entry-content-wrap {
position: relative;
overflow: hidden;
}
.blog-inner article.format-link .entry-content-link,
.sofani-post article.format-link .entry-content-link {
font-size: 16px;
font-style: italic;
letter-spacing: 0.02em;
color: var(--heading_color_fade_80);
}
.blog-inner article.format-link .entry-content-link a,
.sofani-post article.format-link .entry-content-link a {
color: inherit;
}
.blog-inner article.format-quote .entry-content-quote blockquote,
.sofani-post article.format-quote .entry-content-quote blockquote {
padding: 0;
margin: 0;
border: none;
font-size: 16px;
font-style: italic;
letter-spacing: 0.02em;
color: var(--heading_color_fade_80);
}
.blog-inner article.format-quote .entry-content-quote blockquote p:before,
.sofani-post article.format-quote .entry-content-quote blockquote p:before {
content: "“";
margin-right: 5px;
}
.blog-inner article.format-quote .entry-content-quote blockquote cite,
.sofani-post article.format-quote .entry-content-quote blockquote cite {
text-transform: uppercase;
text-decoration: underline;
display: block;
margin-top: 10px;
font-size: 14px;
}
.blog-inner.blog-style-medium-image article,
.sofani-post.blog-style-medium-image article {
margin-bottom: 50px;
padding-bottom: 0px;
}
.blog-inner.blog-style-medium-image article .post-item,
.sofani-post.blog-style-medium-image article .post-item {
margin-bottom: 50px;
}
.blog-inner.blog-style-medium-image article .post-item .entry-content-wrap .entry-detail,
.sofani-post.blog-style-medium-image article .post-item .entry-content-wrap .entry-detail {
padding-top: 0 !important;
}
.blog-inner.blog-style-medium-image article .post-item .entry-content-wrap .entry-detail .entry-post-meta-wrap,
.sofani-post.blog-style-medium-image article .post-item .entry-content-wrap .entry-detail .entry-post-meta-wrap {
margin-bottom: 0;
padding-bottom: 15px;
border-bottom: 1px solid #ddd;
}
.blog-inner.blog-style-medium-image article .post-item .entry-content-wrap .entry-detail .entry-excerpt,
.sofani-post.blog-style-medium-image article .post-item .entry-content-wrap .entry-detail .entry-excerpt {
margin: 15px 0px !important;
}
.blog-inner.blog-style-medium-image article .post-item .entry-content-wrap .entry-detail a.btn-readmore span.span-text,
.sofani-post.blog-style-medium-image article .post-item .entry-content-wrap .entry-detail a.btn-readmore span.span-text {
letter-spacing: 2px;
}
.blog-inner.blog-style-medium-image article.has-post-thumbnail:nth-child(2n+1) .entry-wrap .entry-thumbnail-wrap,
.sofani-post.blog-style-medium-image article.has-post-thumbnail:nth-child(2n+1) .entry-wrap .entry-thumbnail-wrap {
float: left;
width: 50%;
padding: 0 15px 0 0 !important;
}
.blog-inner.blog-style-medium-image article.has-post-thumbnail:nth-child(2n+1) .entry-wrap .entry-content-wrap,
.sofani-post.blog-style-medium-image article.has-post-thumbnail:nth-child(2n+1) .entry-wrap .entry-content-wrap {
float: right;
width: 50% !important;
padding: 0 0 0 15px !important;
}
@media (max-width: 767px) {
.blog-inner.blog-style-medium-image article.has-post-thumbnail:nth-child(2n+1) .entry-wrap .entry-thumbnail-wrap,
.sofani-post.blog-style-medium-image article.has-post-thumbnail:nth-child(2n+1) .entry-wrap .entry-thumbnail-wrap {
float: left;
width: 100%;
padding: 0 !important;
}
.blog-inner.blog-style-medium-image article.has-post-thumbnail:nth-child(2n+1) .entry-wrap .entry-content-wrap,
.sofani-post.blog-style-medium-image article.has-post-thumbnail:nth-child(2n+1) .entry-wrap .entry-content-wrap {
float: right;
width: 100% !important;
padding: 0 !important;
}
}
.blog-inner.blog-style-medium-image article.has-post-thumbnail:nth-child(2n) .entry-wrap .entry-thumbnail-wrap,
.sofani-post.blog-style-medium-image article.has-post-thumbnail:nth-child(2n) .entry-wrap .entry-thumbnail-wrap {
float: right;
width: 50%;
padding: 0 0 0 15px !important;
}
.blog-inner.blog-style-medium-image article.has-post-thumbnail:nth-child(2n) .entry-wrap .entry-content-wrap,
.sofani-post.blog-style-medium-image article.has-post-thumbnail:nth-child(2n) .entry-wrap .entry-content-wrap {
float: left;
width: 50% !important;
padding: 0 15px 0 0 !important;
}
@media (max-width: 767px) {
.blog-inner.blog-style-medium-image article.has-post-thumbnail:nth-child(2n) .entry-wrap .entry-thumbnail-wrap,
.sofani-post.blog-style-medium-image article.has-post-thumbnail:nth-child(2n) .entry-wrap .entry-thumbnail-wrap {
float: left;
width: 100%;
padding: 0 !important;
}
.blog-inner.blog-style-medium-image article.has-post-thumbnail:nth-child(2n) .entry-wrap .entry-content-wrap,
.sofani-post.blog-style-medium-image article.has-post-thumbnail:nth-child(2n) .entry-wrap .entry-content-wrap {
float: right;
width: 100% !important;
padding: 0 !important;
}
}
.blog-inner.blog-style-large-image article,
.sofani-post.blog-style-large-image article {
margin-bottom: 30px;
}
.blog-inner.blog-style-large-image article .post-item,
.sofani-post.blog-style-large-image article .post-item {
margin-bottom: 0px;
}
.blog-inner.blog-style-large-image article .post-item .entry-content-wrap .entry-detail,
.sofani-post.blog-style-large-image article .post-item .entry-content-wrap .entry-detail {
padding: 30px 0 !important;
}
.blog-inner.blog-style-large-image article .post-item .entry-content-wrap .entry-detail .entry-post-meta-wrap,
.sofani-post.blog-style-large-image article .post-item .entry-content-wrap .entry-detail .entry-post-meta-wrap {
margin-bottom: 0;
padding-bottom: 15px;
border-bottom: 1px solid #ddd;
}
.blog-inner.blog-style-large-image article .post-item .entry-content-wrap .entry-detail .entry-excerpt,
.sofani-post.blog-style-large-image article .post-item .entry-content-wrap .entry-detail .entry-excerpt {
margin: 25px 0px !important;
}
.blog-inner.blog-style-large-image article .post-item .entry-content-wrap .entry-detail .entry-excerpt p,
.sofani-post.blog-style-large-image article .post-item .entry-content-wrap .entry-detail .entry-excerpt p {
color: var(--secondary_color);
}
.blog-inner.blog-style-large-image article .post-item .entry-content-wrap .entry-detail a.btn-readmore span.span-text,
.sofani-post.blog-style-large-image article .post-item .entry-content-wrap .entry-detail a.btn-readmore span.span-text {
letter-spacing: 2px;
}
@media (max-width: 479px) {
.blog-inner.blog-style-large-image article .post-item .entry-content-wrap .entry-detail,
.sofani-post.blog-style-large-image article .post-item .entry-content-wrap .entry-detail {
padding: 15px 0 !important;
}
}
@media (max-width: 767px) {
.blog-inner.blog-style-large-image article,
.sofani-post.blog-style-large-image article {
margin: 0;
}
}
.blog-inner.blog-style-grid article,
.sofani-post.blog-style-grid article {
float: left;
}
.blog-inner.blog-style-grid article .post-item .entry-wrap .entry-content-wrap,
.sofani-post.blog-style-grid article .post-item .entry-wrap .entry-content-wrap {
padding: 0 !important;
}
.blog-inner.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-post-meta-wrap,
.sofani-post.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-post-meta-wrap {
position: relative;
padding-bottom: 15px;
}
.blog-inner.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-post-meta-wrap:before,
.sofani-post.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-post-meta-wrap:before {
position: absolute;
content: '';
left: 0;
right: 0;
bottom: 0;
margin: auto;
height: 1px;
width: 50%;
background: #ddd;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.blog-inner.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-post-meta-wrap ul.entry-meta li,
.sofani-post.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-post-meta-wrap ul.entry-meta li {
margin: 0 15px;
display: inline-block;
}
@media (max-width: 479px) {
.blog-inner.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-post-meta-wrap:before,
.sofani-post.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-post-meta-wrap:before {
bottom: -10px;
}
}
.blog-inner.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-excerpt,
.sofani-post.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-excerpt {
padding: 0px 40px;
}
.blog-inner.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-excerpt p,
.sofani-post.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-excerpt p {
color: var(--secondary_color);
}
.blog-inner.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .entry-detail a.btn-readmore span.span-text,
.sofani-post.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .entry-detail a.btn-readmore span.span-text {
display: block;
padding: 15px 0px;
}
.blog-inner.blog-style-grid article .post-item .entry-wrap:hover .entry-content-wrap .entry-detail .entry-post-meta-wrap:before,
.sofani-post.blog-style-grid article .post-item .entry-wrap:hover .entry-content-wrap .entry-detail .entry-post-meta-wrap:before {
width: 100%;
background: var(--text_color);
}
.blog-inner.blog-style-grid.blog-col-4 article,
.sofani-post.blog-style-grid.blog-col-4 article {
width: 25%;
padding: 0 15px;
}
.blog-inner.blog-style-grid.blog-col-3 article,
.sofani-post.blog-style-grid.blog-col-3 article {
width: 33.3333%;
padding: 0 15px;
}
.blog-inner.blog-style-grid.blog-col-2 article,
.sofani-post.blog-style-grid.blog-col-2 article {
width: 50%;
padding: 0 15px;
}
.blog-inner.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-excerpt,
.sofani-post.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-excerpt {
padding: 0 20px;
}
.blog-inner.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .entry-detail a.btn-readmore span.span-text,
.sofani-post.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .entry-detail a.btn-readmore span.span-text {
padding: 10px 0px;
}
.blog-inner.blog-style-masonry,
.sofani-post.blog-style-masonry {
margin: 0 -15px;
}
.blog-inner.blog-style-masonry article,
.sofani-post.blog-style-masonry article {
float: left;
}
.blog-inner.blog-style-masonry article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-excerpt,
.sofani-post.blog-style-masonry article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-excerpt {
color: var(--secondary_color);
padding: 0 20px;
}
.blog-inner.blog-style-masonry article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-post-meta-wrap,
.sofani-post.blog-style-masonry article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-post-meta-wrap {
position: relative;
padding-bottom: 15px;
}
.blog-inner.blog-style-masonry article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-post-meta-wrap:before,
.sofani-post.blog-style-masonry article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-post-meta-wrap:before {
position: absolute;
content: '';
left: 0;
right: 0;
bottom: 0;
margin: auto;
height: 1px;
width: 50%;
background: #ddd;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.blog-inner.blog-style-masonry article .post-item:hover .entry-content-wrap .entry-detail .entry-post-meta-wrap:before,
.sofani-post.blog-style-masonry article .post-item:hover .entry-content-wrap .entry-detail .entry-post-meta-wrap:before {
width: 100%;
background: var(--text_color);
}
.blog-inner.blog-style-masonry article.format-link .entry-content-wrap,
.sofani-post.blog-style-masonry article.format-link .entry-content-wrap,
.blog-inner.blog-style-masonry article.format-quote .entry-content-wrap,
.sofani-post.blog-style-masonry article.format-quote .entry-content-wrap {
padding: 35px;
}
.blog-inner.blog-style-masonry .jp-interface,
.sofani-post.blog-style-masonry .jp-interface {
height: 70px;
}
.blog-inner.blog-style-masonry .jp-play-pause,
.sofani-post.blog-style-masonry .jp-play-pause {
margin-left: 20px;
}
.blog-inner.blog-style-masonry .jp-play-pause i,
.sofani-post.blog-style-masonry .jp-play-pause i {
line-height: 68px;
}
.blog-inner.blog-style-masonry .jp-volume,
.sofani-post.blog-style-masonry .jp-volume {
margin: auto auto auto 30px;
}
.blog-inner.blog-style-masonry .jp-volume-bar,
.sofani-post.blog-style-masonry .jp-volume-bar {
display: none !important;
}
.blog-inner.blog-style-masonry article.format-quote .entry-content-quote blockquote,
.sofani-post.blog-style-masonry article.format-quote .entry-content-quote blockquote {
font-size: 18px;
}
.blog-inner.blog-style-masonry.blog-col-2 article,
.sofani-post.blog-style-masonry.blog-col-2 article {
width: 50%;
}
.blog-inner.blog-style-masonry.blog-col-3 article,
.sofani-post.blog-style-masonry.blog-col-3 article {
width: 33.33333333%;
}
.blog-inner.blog-style-masonry.blog-col-4 article,
.sofani-post.blog-style-masonry.blog-col-4 article {
width: 25%;
}
.embed-responsive.embed-responsive-16by9 {
padding-bottom: 66.66666667%;
}
.blog-paging-wrapper.blog-paging-load-more {
text-align: center;
}
.blog-paging-wrapper.blog-paging-load-more .blog-load-more {
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
background-color: var(--primary_color);
}
.blog-paging-wrapper.blog-paging-load-more .blog-load-more > span[class^='fa'] {
letter-spacing: 0;
}
.blog-paging-wrapper.blog-paging-load-more .blog-load-more:hover {
background-color: var(--primary_color_darken_20);
}
.blog-wrap .entry-thumbnail-wrap,
.sofani-post .sofani-post-image { }
.blog-wrap .entry-thumbnail-wrap .owl-carousel,
.sofani-post .sofani-post-image .owl-carousel {
margin: 0;
}
.blog-wrap .entry-thumbnail-wrap .owl-carousel .owl-nav div,
.sofani-post .sofani-post-image .owl-carousel .owl-nav div {
position: absolute;
width: 40px;
height: 40px;
line-height: 40px;
margin: auto;
display: block;
top: 0;
bottom: 0;
cursor: pointer;
text-align: center;
background-color: rgba(255, 255, 255, 0.8);
z-index: 200;
padding: 0;
opacity: 0;
color: #fff;
font-size: 15px;
border-radius: 100%;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.blog-wrap .entry-thumbnail-wrap .owl-carousel .owl-nav div:hover,
.sofani-post .sofani-post-image .owl-carousel .owl-nav div:hover {
background-color: #fff;
color: var(--primary_color);
}
.blog-wrap .entry-thumbnail-wrap .owl-carousel .owl-nav div.owl-next,
.sofani-post .sofani-post-image .owl-carousel .owl-nav div.owl-next {
right: 15px;
-webkit-transform: translateX(50px);
-ms-transform: translateX(50px);
transform: translateX(50px);
}
.blog-wrap .entry-thumbnail-wrap .owl-carousel .owl-nav div.owl-prev,
.sofani-post .sofani-post-image .owl-carousel .owl-nav div.owl-prev {
left: 15px;
-webkit-transform: translateX(-50px);
-ms-transform: translateX(-50px);
transform: translateX(-50px);
}
.blog-wrap .entry-thumbnail-wrap:hover .owl-carousel .owl-nav div,
.sofani-post .sofani-post-image:hover .owl-carousel .owl-nav div {
opacity: 1;
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
.entry-content:after,
.comment-text:after {
content: "";
clear: both;
display: block;
}
.entry-content table,
.comment-text table {
border-collapse: collapse !important;
}
.entry-content table,
.comment-text table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.entry-content table > thead > tr > th,
.comment-text table > thead > tr > th,
.entry-content table > tbody > tr > th,
.comment-text table > tbody > tr > th,
.entry-content table > tfoot > tr > th,
.comment-text table > tfoot > tr > th,
.entry-content table > thead > tr > td,
.comment-text table > thead > tr > td,
.entry-content table > tbody > tr > td,
.comment-text table > tbody > tr > td,
.entry-content table > tfoot > tr > td,
.comment-text table > tfoot > tr > td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
}
.entry-content table > thead > tr > th,
.comment-text table > thead > tr > th {
vertical-align: bottom;
border-bottom: 1px solid #ddd;
}
.entry-content table > caption + thead > tr:first-child > th,
.comment-text table > caption + thead > tr:first-child > th,
.entry-content table > colgroup + thead > tr:first-child > th,
.comment-text table > colgroup + thead > tr:first-child > th,
.entry-content table > thead:first-child > tr:first-child > th,
.comment-text table > thead:first-child > tr:first-child > th,
.entry-content table > caption + thead > tr:first-child > td,
.comment-text table > caption + thead > tr:first-child > td,
.entry-content table > colgroup + thead > tr:first-child > td,
.comment-text table > colgroup + thead > tr:first-child > td,
.entry-content table > thead:first-child > tr:first-child > td,
.comment-text table > thead:first-child > tr:first-child > td {
border-top: 0;
}
.entry-content table > tbody + tbody,
.comment-text table > tbody + tbody {
border-top: 1px solid #ddd;
}
.entry-content blockquote p,
.comment-text blockquote p {
position: relative;
overflow: hidden;
}
.entry-content blockquote cite,
.comment-text blockquote cite {
display: block;
font-size: 15px;
}
.entry-content input[type="submit"],
.comment-text input[type="submit"] {
font-size: 15px;
text-transform: uppercase;
line-height: 1.6;
font-weight: 400;
text-align: center;
display: inline-block;
color: #fff;
background-color: var(--secondary_color);
border: none;
padding: 10px 25px;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
border-radius: 30px;
min-width: 150px;
font-weight: bold;
}
.entry-content input[type="submit"]:hover,
.comment-text input[type="submit"]:hover {
background-color: var(--primary_color);
}
.entry-content p:last-child,
.comment-text p:last-child {
margin-bottom: 0;
}
.entry-content dd,
.comment-text dd,
.entry-content dt,
.comment-text dt {
line-height: 2.2;
}
.entry-meta-tag {
font-size: 0;
}
.entry-meta-tag label {
font-size: 12px;
margin-bottom: 0;
color: var(--heading_color_fade_70);
font-weight: normal;
margin-right: 20px;
text-transform: uppercase;
}
.entry-meta-tag a {
display: inline-block;
margin-right: 20px;
line-height: 1;
font-size: 13px;
color: var(--heading_color_fade_80);
}
.entry-meta-tag a:before {
content: "#";
margin-right: 5px;
display: inline-block;
}
.entry-meta-tag {
display: none;
} .single-post .site-content-single-post {
overflow: hidden;
}
.single-post .site-content-single-post .blog-wrap {
width: 75%;
margin: 0 auto;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article {
background-color: #fff;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .entry-post-meta-wrap {
margin-top: 60px;
margin-bottom: 60px;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .entry-post-meta-wrap .entry-meta-info {
position: relative;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .entry-post-meta-wrap .entry-meta-info .entry-meta-date span {
display: block;
text-transform: uppercase;
line-height: 28px;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .entry-post-meta-wrap .entry-meta-info .entry-meta-date span.day {
font-size: 24px;
font-weight: bold;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .entry-post-meta-wrap .entry-meta-info .entry-meta-date span.month {
font-size: 16px;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .entry-post-meta-wrap .entry-meta-info h1 {
text-align: center;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .entry-post-meta-wrap .entry-meta-info ul {
text-align: center;
padding: 0;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .entry-post-meta-wrap .entry-meta-info ul li {
display: inline-block;
margin: 0 15px;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .entry-post-meta-wrap .entry-meta-info ul li i {
padding-right: 5px;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .entry-post-meta-wrap .entry-meta-info .entry-post-format {
display: none;
}
@media (max-width: 479px) {
.single-post .site-content-single-post .blog-wrap .blog-inner article .entry-post-meta-wrap {
margin: 30px 0;
}
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .entry-thumbnail-wrap {
margin-bottom: 40px;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .entry-thumbnail-wrap .entry-thumbnail:before {
display: none;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .entry-content {
margin-bottom: 25px;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article blockquote {
border-left-width: 5px;
border-left-style: solid;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .author-info {
padding-top: 40px;
border-top: 1px solid #ddd;
margin-top: -1px;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .author-info .author-avatar {
float: left;
width: 100px;
margin-right: 40px;
margin-left: 50px;
text-align: center;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .author-info .author-avatar .alignnone {
margin: 0;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .author-info .author-avatar img.avatar {
-webkit-border-top-right-radius: 100%;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 100%;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 100%;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .author-info .author-avatar h3.author-title {
margin: 20px 0 0 0;
font-size: 13px;
text-transform: uppercase;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .author-info .author-description {
position: relative;
overflow: hidden;
padding-left: 10px;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .author-info .author-description p.author-bio {
position: relative;
margin-bottom: 0;
padding: 25px;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .author-info .author-description p.author-bio:after {
right: 100%;
top: 50px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-right-color: #ddd;
border-width: 7px;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article article.format-video > .entry-thumbnail-wrap > .entry-thumbnail a.prettyPhoto {
width: 100px;
height: 100px;
font-size: 100px;
line-height: 100px;
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation {
background-color: #fff;
border-top: 1px solid #c4c4c4;
border-bottom: 1px solid #c4c4c4;
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-previous {
width: 50%;
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-previous a {
padding: 15px 0px;
display: table;
width: 100%;
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-previous a .post-navigation-left {
display: table-cell;
width: 50px;
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-previous a .post-navigation-left .post-navigation-label {
display: none;
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-previous a .post-navigation-left .post-navigation-icon {
left: 0;
color: var(--secondary_color);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-previous a .post-navigation-content {
display: table-cell;
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-previous a .post-navigation-content .post-navigation-title {
text-align: left;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
@media (max-width: 479px) {
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-previous a .post-navigation-content {
display: none;
}
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-previous:hover a .post-navigation-left .post-navigation-label {
color: var(--primary_color);
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-previous:hover a .post-navigation-left .post-navigation-icon {
color: var(--primary_color);
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-previous:hover a .post-navigation-content .post-navigation-title {
color: var(--primary_color);
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-next {
width: 50%;
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-next a {
padding: 15px 0px;
display: table;
width: 100%;
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-next a .post-navigation-right {
display: table-cell;
width: 50px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-next a .post-navigation-right .post-navigation-label {
display: none;
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-next a .post-navigation-right .post-navigation-icon {
right: 0;
color: var(--secondary_color);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-next a .post-navigation-content {
display: table-cell;
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-next a .post-navigation-content .post-navigation-title {
text-align: right;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
@media (max-width: 479px) {
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-next a .post-navigation-content {
display: none;
}
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-next:hover a .post-navigation-right .post-navigation-label {
color: var(--primary_color);
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-next:hover a .post-navigation-right .post-navigation-icon {
color: var(--primary_color);
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-next:hover a .post-navigation-content .post-navigation-title {
color: var(--primary_color);
}
.single-post .site-content-single-post .blog-wrap .social-share-wrap label {
display: none;
}
.single-post .site-content-single-post .blog-wrap .social-share-wrap ul.social-share {
padding: 0;
margin: 0;
display: inline;
}
.single-post .site-content-single-post .blog-wrap .social-share-wrap ul.social-share li {
list-style: none;
float: left;
margin-right: 5px;
margin-top: 5px;
}
.single-post .site-content-single-post .blog-wrap .social-share-wrap ul.social-share li a {
display: block;
text-align: center;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
padding: 5px 20px;
color: var(--secondary_color);
border-radius: 3px;
border: 1px solid var(--text_color_fade_50);
}
.single-post .site-content-single-post .blog-wrap .social-share-wrap ul.social-share li a:hover {
background: var(--primary_color);
color: #fff;
}
.single-post .site-content-single-post .blog-wrap .social-share-wrap ul.social-share li a i:before {
padding-right: 10px;
}
@media (max-width: 479px) {
.single-post .site-content-single-post .blog-wrap .social-share-wrap ul.social-share li a {
padding: 10px 9px;
}
}
@media (max-width: 480px) {
.single-post .site-content-single-post .blog-wrap .social-share-wrap {
width: 100%;
text-align: left;
}
}
@media (max-width: 479px) {
.single-post .site-content-single-post .blog-wrap {
width: 85%;
}
}
@media (max-width: 991px) {
.single-post .site-content-single-post .site-content-archive-inner {
padding: 0px;
}
.single-post .site-content-single-post .site-content-archive-inner .blog-wrap .blog-inner article .entry-content-wrap {
padding: 0px;
}
.single-post .site-content-single-post .site-content-archive-inner .blog-wrap .blog-inner article h1 {
font-size: 25px;
}
}
.entry-comments {
padding: 50px 0px;
}
.entry-comments h3.comments-title {
padding-bottom: 8px;
margin-bottom: 30px;
position: relative;
}
.entry-comments h3.comments-title:before {
position: absolute;
width: 50px;
height: 2px;
background-color: var(--primary_color);
content: '';
bottom: 0px;
left: 0px;
}
.entry-comments .entry-comments-list {
padding-bottom: 45px;
}
.entry-comments .entry-comments-list ol.commentlist {
padding: 0;
margin: 0;
list-style: none;
}
.entry-comments .entry-comments-list ol.commentlist li .children {
margin: 0px;
padding-left: 45px;
}
.entry-comments .entry-comments-list ol.commentlist li .children li {
list-style: none;
}
.entry-comments .entry-comments-list ol.commentlist li .comment-body {
border-bottom: 1px solid #ddd;
padding: 30px 0px;
}
.entry-comments .entry-comments-list ol.commentlist li img.avatar {
float: left;
width: 80px;
margin: 0;
border-radius: 50%;
}
.entry-comments .entry-comments-list ol.commentlist li .comment-text {
position: relative;
padding-left: 110px;
}
.entry-comments .entry-comments-list ol.commentlist li .comment-text .comment-meta .comment-reply-link,
.entry-comments .entry-comments-list ol.commentlist li .comment-text .comment-meta .comment-edit-link {
font-style: italic;
color: var(--secondary_color);
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.entry-comments .entry-comments-list ol.commentlist li .comment-text .comment-meta .comment-edit-link {
margin-left: 40px;
}
.entry-comments .entry-comments-list ol.commentlist li .author {
position: relative;
}
.entry-comments .entry-comments-list ol.commentlist li .author .author-name {
font-size: 13px;
color: #000;
text-transform: capitalize;
font-weight: bold;
}
.entry-comments .entry-comments-list ol.commentlist li .author .author-name a {
color: inherit;
}
.entry-comments .entry-comments-list ol.commentlist li .author .comment-meta-date {
margin-left: 20px;
position: relative;
padding-left: 20px;
}
.entry-comments .entry-comments-list ol.commentlist li .author .comment-meta-date:before {
position: absolute;
content: '';
width: 4px;
height: 4px;
background-color: var(--primary_color);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
bottom: 5px;
left: 0px;
}
.entry-comments .entry-comments-list ol.commentlist li .comment-respond {
margin-top: 20px;
}
.entry-comments .entry-comments-list ol.commentlist li:last-child .comment-text {
border-bottom: none;
padding-bottom: 0;
}
.entry-comments .entry-comments-list nav.comment-navigation {
margin-bottom: 20px;
}
.entry-comments .entry-comments-list nav.comment-navigation .page-numbers {
display: inline-block;
margin-right: 5px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border: 1px solid #ddd;
color: #888;
font-size: 14px;
-webkit-border-top-right-radius: 100%;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 100%;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 100%;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.entry-comments .entry-comments-list nav.comment-navigation .page-numbers.next,
.entry-comments .entry-comments-list nav.comment-navigation .page-numbers.prev {
border: none;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
font-size: 18px;
}
.entry-comments .entry-comments-list nav.comment-navigation .page-numbers:hover,
.entry-comments .entry-comments-list nav.comment-navigation .page-numbers:focus {
color: #202020;
}
.entry-comments .entry-comments-list nav.comment-navigation .page-numbers.current {
color: #fff;
}
.entry-comments .entry-comments-list nav.comment-navigation.comment-navigation-bottom {
margin-bottom: 0;
margin-top: 20px;
}
.comment-reply-title {
margin-bottom: 45px;
}
.comment-reply-title span {
position: relative;
}
.comment-reply-title span:before {
position: absolute;
content: '';
left: 0;
bottom: -10px;
width: 50px;
height: 2px;
background: var(--primary_color);
}
.comment-fields-wrap .comment-fields-inner .row {
margin: 0;
}
#respond .comment-form input[type="text"],
#respond .comment-form input[type="search"],
#respond .comment-form input[type="email"],
#respond .comment-form input[type="url"],
#respond .comment-form input[type="password"],
#respond .comment-form textarea {
width: 100%;
background-color: #fff;
-webkit-box-shadow: 0 0 0 1px #e6e6e6;
box-shadow: 0 0 0 1px #e6e6e6;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: none;
}
#respond .comment-form input[type="text"]:focus,
#respond .comment-form input[type="search"]:focus,
#respond .comment-form input[type="email"]:focus,
#respond .comment-form input[type="url"]:focus,
#respond .comment-form input[type="password"]:focus,
#respond .comment-form textarea:focus {
-webkit-box-shadow: 0 0 0 1px var(--primary_color);
box-shadow: 0 0 0 1px var(--primary_color);
}
#respond .comment-form textarea {
height: 100px;
}
#respond .comment-form .form-group {
margin-bottom: 10px;
}
#respond .comment-form .form-submit {
margin: 5px 0 0 0;
text-transform: uppercase;
}
#respond .comment-form .form-submit input#submit {
font-weight: bold;
background: var(--secondary_color);
color: #fff;
padding: 10px 15px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
text-transform: uppercase;
border: none;
border-radius: 3px;
}
#respond .comment-form .form-submit input#submit:hover {
background: var(--primary_color_darken_10);
}
#respond .comment-form .comment-notes,
#respond .comment-form .logged-in-as {
display: none;
} .blog-wrap {
margin-bottom: 0;  }
.blog-wrap .blog-inner article .post-item {
background-color: #fff;
}
.blog-wrap .blog-inner article .post-item .entry-wrap {
position: relative;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-thumbnail-wrap {
position: relative;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-thumbnail-wrap a.entry-thumbnail_overlay:before {
position: absolute;
content: '\f064';
font-family: 'FontAwesome';
top: 40%;
left: 45%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 50%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
padding: 15px;
line-height: 15px;
color: #fff;
background: var(--text_color_fade_60);
z-index: 2;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-thumbnail-wrap a.entry-thumbnail_overlay img {
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-thumbnail-wrap .date-overlay {
display: none;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-content-wrap {
position: relative;
z-index: 2;
width: 100%;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-content-wrap .entry-detail {
padding-top: 20px;
background-color: #fff;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-content-wrap .entry-detail h3 {
margin-top: 0px;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-content-wrap .entry-detail .btn-readmore {
position: relative;
background-color: #e6e6e6;
display: block;
color: #000;
text-transform: uppercase;
font-weight: bold;
overflow: hidden;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-content-wrap .entry-detail .btn-readmore span {
padding: 10px 0px;
display: block;
text-align: center;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-content-wrap .entry-detail .btn-readmore:hover {
background-color: #1a1a1a;
color: #fff;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-content-wrap .entry-detail .btn-readmore:hover:before {
left: 120%;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-excerpt {
margin-bottom: 30px;
}
.blog-wrap .blog-inner article .post-item:hover .entry-wrap .entry-thumbnail-wrap .entry-thumbnail a.entry-thumbnail_overlay:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.blog-wrap .blog-inner article .post-item:hover .entry-wrap .entry-thumbnail-wrap .entry-thumbnail a.entry-thumbnail_overlay img {
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-o-filter: blur(2px);
-ms-filter: blur(2px);
filter: blur(2px);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
@media (max-width: 767px) {
.blog-wrap .blog-inner article .post-item {
padding: 0px 0px 20px 0px;
}
}
.blog-wrap.masonry .blog-inner .entry-wrap .entry-content-wrap {
text-align: center;
}
.blog-wrap.grid .blog-inner .entry-wrap .entry-content-wrap {
text-align: center;
}
.hide_author .blog-inner .entry-post-meta-wrap ul.entry-meta .entry-meta-author {
display: none;
}
.hide_comment .blog-inner .entry-post-meta-wrap ul.entry-meta .entry-meta-comment {
display: none;
}
.hide_category .blog-inner .entry-post-meta-wrap ul.entry-meta .entry-meta-category {
display: none;
}
.hide_date .blog-inner .entry-post-meta-wrap ul.entry-meta .entry-meta-date {
display: none;
}
.hide_readmore .blog-inner article .entry-wrap .entry-content-wrap .entry-detail .btn-readmore {
display: none !important;
}
@media (max-width: 991px) {
.blog-inner.blog-style-grid article,
.sofani-post.blog-style-grid article,
.blog-inner.blog-style-masonry article,
.sofani-post.blog-style-masonry article {
width: 50% !important;
}
}
@media (max-width: 767px) {
.blog-inner .jp-interface,
.sofani-post .jp-interface {
height: 70px;
}
.blog-inner .jp-play-pause,
.sofani-post .jp-play-pause {
margin-left: 20px;
}
.blog-inner .jp-play-pause i,
.sofani-post .jp-play-pause i {
line-height: 68px;
}
.blog-inner .jp-volume,
.sofani-post .jp-volume {
margin: auto auto auto 30px;
}
.blog-inner .jp-volume-bar,
.sofani-post .jp-volume-bar {
display: none !important;
}
.blog-inner.blog-style-medium-image .entry-thumbnail-wrap,
.sofani-post.blog-style-medium-image .entry-thumbnail-wrap {
float: none;
margin: 0 0 40px 0;
width: 100%;
max-width: 100%;
}
.blog-inner.blog-style-grid article,
.sofani-post.blog-style-grid article,
.blog-inner.blog-style-masonry article,
.sofani-post.blog-style-masonry article {
width: 100% !important;
padding: 0px !important;
}
.blog-inner.blog-style-grid article + article,
.sofani-post.blog-style-grid article + article,
.blog-inner.blog-style-masonry article + article,
.sofani-post.blog-style-masonry article + article {
margin-top: 30px;
}
.post-navigation .nav-previous,
.post-navigation .nav-next {
width: 100%;
}
}
@media (max-width: 480px) {
.blog-inner article.format-link .post-format-icon,
.sofani-post article.format-link .post-format-icon,
.blog-inner article.format-quote .post-format-icon,
.sofani-post article.format-quote .post-format-icon {
display: none;
}
.site-content-single-post .blog-inner .author-info .author-avatar {
float: none;
margin: 0 auto 20px auto;
}
.site-content-single-post .blog-inner .author-info .author-description {
padding-left: 0;
}
.entry-comments .entry-comments-list ol.commentlist li img.avatar {
width: 65px;
margin-right: 10px;
}
.entry-comments .entry-comments-list ol.commentlist li .comment-text {
padding-left: 0;
}
.entry-comments .entry-comments-list ol.commentlist li .author .comment-meta {
position: relative;
}
.entry-comments-form-avatar {
display: none;
}
}
.yolo-site-content-page .blog-inner article {
padding: 0 15px;
}
@media (max-width: 767px) {
.yolo-site-content-page .blog-inner article {
padding: 0px;
}
} .woocommerce-loop-category__title {
font-size: 24px;
} .layout-container-fluid.archive-product-wrap {
padding: 0 15px;
}
.tooltip-inner {
white-space: nowrap;
}
.term-description {
display: none;
}
.custom-select {
position: relative;
}
.custom-select:before {
content: "\f107";
font-family: FontAwesome;
padding: 8px 8px;
position: absolute;
right: 10px;
top: 0;
z-index: 1;
text-align: center;
width: 15px;
height: 100%;
pointer-events: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.custom-select:after {
content: "";
display: block;
clear: both;
}
.custom-select select {
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.custom-select select::-ms-expand {
display: none;
}
.woocommerce-pagination {
margin-top: 20px;
padding-top: 25px;
text-align: right;
}
.breadcrumb-archive-product-wrap .container {
position: relative;
}
.breadcrumb-archive-product-wrap .catalog-filter {
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
height: 44px;
}
.catalog-filter {
padding-left: 15px;
padding-right: 15px;
}
.woocommerce .woocommerce-ordering {
position: relative;
}
.woocommerce .woocommerce-ordering:after {
content: "\f107";
font-family: FontAwesome;
padding: 8px 8px;
position: absolute;
right: 10px;
top: 0;
z-index: 1;
text-align: center;
width: 15px;
height: 100%;
pointer-events: none;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.woocommerce .woocommerce-ordering select::-ms-expand {
display: none;
}
.woocommerce .woocommerce-ordering select {
color: var(--heading_color);
font-weight: bold;
font-size: 13px;
text-transform: uppercase;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-result-count {
margin: 0;
}
.woocommerce .woocommerce-result-count {
font-size: 13px;
margin-right: 30px;
line-height: 44px;
text-transform: uppercase;
color: var(--heading_color);
font-weight: bold;
}
.catalog-filter-invisible .catalog-filter,
.result-count-invisible .woocommerce-result-count,
.catalog-ordering-invisible .woocommerce-ordering {
display: none;
}
.woocommerce .products .star-rating,
.woocommerce .star-rating {
float: none;
font-size: 12px;
width: 90px;
letter-spacing: 5px;
margin-top: 20px;
margin: 20px auto 0 auto;
}
.woocommerce .products .star-rating span,
.woocommerce .star-rating span {
color: var(--primary_color);
}
.woocommerce div.product span.price,
.woocommerce div.product p.price {
font-size: 16px;
font-weight: 500;
display: block;
}
.woocommerce div.product span.price ins,
.woocommerce div.product p.price ins {
display: inline-block;
text-decoration: none;
font-weight: inherit;
font-style: inherit;
color: var(--heading_color) !important;
}
.woocommerce div.product span.price del,
.woocommerce div.product p.price del {
color: var(--primary_color_fade_60);
display: inline-block;
font-size: 13px;
opacity: 1;
margin-right: 10px;
font-weight: inherit;
font-style: inherit;
}
ul.pagination {
margin-bottom: 30px;
}
.pagination > li > a,
.pagination > li > span {
padding: 0;
border: none;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-weight: bold;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
color: inherit;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
.pagination > li > a.active,
.pagination > li > span.active {
color: var(--primary_color);
background-color: transparent;
}
.pagination > li > a.current,
.pagination > li > span.current {
color: var(--primary_color);
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce a.added_to_cart {
font-size: 16px;
color: #fff;
line-height: 1.2;
font-weight: normal;
border-radius: 3px;
padding: 12px 25px;
min-width: 170px;
text-align: center;
vertical-align: middle;
background-color: var(--secondary_color);
text-transform: uppercase;
font-weight: bold;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce a.added_to_cart:hover {
background-color: var(--primary_color);
}
.product-flash + .product-flash {
margin-top: 5px;
}
.on-sale {
background-color: #B1D1C9;
}
.on-sold {
background-color: #DDBE86;
}
.on-new {
background-color: #C5CDA0;
}
.on-hot {
background-color: #FDB3A6;
}
.woocommerce div.product form.cart .reset_variations {
padding-left: 10px;
}
.woocommerce div.product form.cart div.quantity,
.product-quantity div.quantity {
margin: 0;
}
.woocommerce div.product form.cart div.quantity .quantity-inner,
.product-quantity div.quantity .quantity-inner {
display: inline-block;
position: relative;
border: 2px solid #ddd;
line-height: 1;
}
.woocommerce div.product form.cart div.quantity .quantity-inner .qty,
.product-quantity div.quantity .quantity-inner .qty {
position: relative;
width: 70px;
height: 31px;
font-size: 13px;
color: #000;
padding: 0 0px 0 15px;
border: none;
}
.woocommerce div.product form.cart div.quantity .quantity-inner .btn-number,
.product-quantity div.quantity .quantity-inner .btn-number {
position: absolute;
width: 15px;
height: 15px;
background-color: transparent;
border: none;
color: rgba(0, 0, 0, 0.5);
line-height: 1;
z-index: 1;
padding: 0;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.woocommerce div.product form.cart div.quantity .quantity-inner .btn-number[data-type="minus"],
.product-quantity div.quantity .quantity-inner .btn-number[data-type="minus"] {
right: 0px;
bottom: 0px;
}
.woocommerce div.product form.cart div.quantity .quantity-inner .btn-number[data-type="minus"]:hover,
.product-quantity div.quantity .quantity-inner .btn-number[data-type="minus"]:hover {
background-color: rgba(0, 0, 0, 0.2);
}
.woocommerce div.product form.cart div.quantity .quantity-inner .btn-number[data-type="plus"],
.product-quantity div.quantity .quantity-inner .btn-number[data-type="plus"] {
right: 0px;
top: 0px;
}
.woocommerce div.product form.cart div.quantity .quantity-inner .btn-number[data-type="plus"]:hover,
.product-quantity div.quantity .quantity-inner .btn-number[data-type="plus"]:hover {
background-color: rgba(0, 0, 0, 0.5);
}
.woocommerce div.product form.cart div.quantity .quantity-inner:hover .btn-number,
.product-quantity div.quantity .quantity-inner:hover .btn-number {
opacity: 1;
}
.woocommerce div.product form.cart div.quantity label,
.product-quantity div.quantity label {
display: inline-block;
text-transform: uppercase;
width: 135px;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
height: 40px;
background-color: #F5F5F5;
color: #858585;
font-size: 14px;
}
.woocommerce form .form-row textarea {
height: 130px;
}
.woocommerce form .form-row label {
font-weight: normal;
font-size: 13px;
color: #202020;
text-transform: uppercase;
margin-bottom: 0;
}
.woocommerce form .form-row label.inline input[type=checkbox],
.woocommerce form .form-row label.inline input[type=radio] {
margin: auto;
vertical-align: middle;
}
.woocommerce form .form-row {
padding: 0;
margin-bottom: 10px;
}
.site-content-archive-product .yolo-filter-categories-mobile {
display: none;
position: relative;
}
@media (max-width: 991px) {
.site-content-archive-product .yolo-filter-categories-mobile {
display: block;
cursor: pointer;
font-weight: bold;
}
.site-content-archive-product .yolo-filter-categories-mobile:after {
content: "\f105";
font-family: FontAwesome;
width: 20px;
height: 20px;
border-radius: 100%;
position: absolute;
right: 10px;
bottom: 50%;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
}
.site-content-archive-product .yolo-filter-categories-mobile.active:after {
content: "\f107";
}
}
.site-content-archive-product .yolo-filter-categories {
width: 80%;
padding-left: 0;
float: left;
margin-bottom: 30px;
}
.site-content-archive-product .yolo-filter-categories li {
display: inline-block;
margin-right: 15px;
position: relative;
}
.site-content-archive-product .yolo-filter-categories li a {
font-weight: bold;
padding: 5px 20px;
}
.site-content-archive-product .yolo-filter-categories li > .children {
position: absolute;
background-color: #fff;
display: none;
padding: 0px;
z-index: 4;
min-width: 200px;
border: 1px solid #eee;
}
.site-content-archive-product .yolo-filter-categories li > .children li {
display: block;
margin: 0px;
}
.site-content-archive-product .yolo-filter-categories li > .children li a {
display: block;
border-bottom: 1px solid #eee;
font-size: 15px;
}
.site-content-archive-product .yolo-filter-categories li > .children li a:last {
border-bottom: none;
}
.site-content-archive-product .yolo-filter-categories li > .children li:hover > .children {
top: 0px;
right: -90%;
}
.site-content-archive-product .yolo-filter-categories li:hover > .children {
display: block;
}
.site-content-archive-product .yolo-filter-categories li.current-cat a {
color: var(--primary_color);
}
.site-content-archive-product .yolo-filter-categories li span {
display: inline-block;
margin-right: 15px;
}
.site-content-archive-product .yolo-filter-categories > li:first-child a {
padding-left: 0;
}
@media (max-width: 991px) {
.site-content-archive-product .yolo-filter-categories {
width: 100%;
float: none;
display: none;
}
.site-content-archive-product .yolo-filter-categories li {
display: block;
margin-right: 0;
}
.site-content-archive-product .yolo-filter-categories li span {
display: none;
}
}
.site-content-archive-product .yolo-filter-search {
text-align: right;
width: 20%;
float: right;
padding-right: 0;
padding-left: 0;
list-style-type: none;
}
.site-content-archive-product .yolo-filter-search li {
display: inline-block;
cursor: pointer;
}
.site-content-archive-product .yolo-filter-search li.active span#yolo-shop-search-btn,
.site-content-archive-product .yolo-filter-search li.active span.invert-color {
color: var(--primary_color);
}
.site-content-archive-product .yolo-filter-search li a {
font-size: 16px;
}
.site-content-archive-product .yolo-filter-search li span {
margin: 0 20px;
float: left;
}
.site-content-archive-product .yolo-filter-search .yolo-filter.active a {
color: var(--primary_color);
}
@media (max-width: 991px) {
.site-content-archive-product .yolo-filter-search {
text-align: left;
width: 100%;
float: left;
}
}
.site-content-archive-product .yolo-search-field {
display: none;
}
.site-content-archive-product .yolo-search-field .search-message {
margin-top: 10px;
padding-left: 15px;
color: var(--text_color_fade_50);
}
.site-content-archive-product .archive-product-wrap {
position: relative;
}
.site-content-archive-product .archive-product-wrap.yolo-loading-product .product-listing {
opacity: 0;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.site-content-archive-product .archive-product-wrap.yolo-loaded-product .product-listing {
opacity: 0;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar {
display: none;
}
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar aside {
width: 25%;
float: left;
margin-top: 0;
}
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar aside .yolo-filter-widgets,
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar aside .yolo-price-filter {
list-style-type: none;
padding-left: 0;
}
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar aside .yolo-filter-widgets li.active,
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar aside .yolo-price-filter li.active,
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar aside .yolo-filter-widgets li.current,
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar aside .yolo-price-filter li.current {
color: var(--primary_color);
}
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar aside .yolo-filter-color a {
display: inline-block;
}
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar aside .tagcloud .current-tag {
background-color: var(--primary_color);
color: #ffffff;
}
@media (max-width: 991px) {
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar.yolo-ajax-filter .widget {
padding: 0;
width: 100%;
}
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar.yolo-ajax-filter .widget .widget-title {
cursor: pointer;
padding: 10px 0;
margin: 0;
}
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar.yolo-ajax-filter .widget .widget-title:before {
content: "\f105";
font-family: FontAwesome;
width: auto;
height: auto;
top: auto;
background: none;
right: 0;
bottom: 50%;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
}
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar.yolo-ajax-filter .widget .widget-title span {
padding-left: 0;
}
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar.yolo-ajax-filter .widget .widget-title.active:before {
content: "\f107";
}
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar.yolo-ajax-filter .widget ul,
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar.yolo-ajax-filter .widget .tagcloud {
display: none;
}
}
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar.yolo-show {
display: block;
}
.site-content-archive-product .archive-product-wrap .yolo-shop-results-bar {
margin-top: 20px;
}
.site-content-archive-product .archive-product-wrap .yolo-shop-results-bar a {
display: inline-block;
padding: 5px 10px;
margin: 0 5px;
border: 1px solid #ddd;
}
.site-content-archive-product .archive-product-wrap .yolo-shop-results-bar a:before {
content: "\f00d";
font-family: FontAwesome;
padding-right: 10px;
}
.site-content-archive-product .archive-product-wrap .yolo-shop-results-bar a:first-child {
margin-left: 0;
}
.site-content-archive-product .archive-product-wrap .yolo-search-field {
display: none;
}
.site-content-archive-product .archive-product-wrap .yolo-search-field.yolo-show {
display: block;
}
.site-content-archive-product .archive-product-wrap .product-listing {
margin: 0 -15px;
opacity: 1;
margin-bottom: 30px;
min-height: 450px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.site-content-archive-product .archive-product-wrap .product-listing .product-item-wrap {
float: left;
}
@media (max-width: 480px) {
.site-content-archive-product .archive-product-wrap .product-listing {
margin: 0 0 30px 0;
}
}
.site-content-archive-product .archive-product-wrap .yolo-spinner {
text-align: center;
position: relative;
top: 50px;
}
.site-content-archive-product .archive-product-wrap .yolo-spinner .fa-spinner {
position: absolute;
}
.site-content-archive-product .archive-product-wrap .woocommerce-no-products {
min-height: 450px;
margin-top: 30px;
}
.site-content-archive-product .woocommerce-pagination .disabled {
pointer-events: none;
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
}
.site-content-archive-product .woocommerce-pagination .yolo-shop-loadmore,
.site-content-archive-product .woocommerce-pagination .yolo-show-all {
max-width: 150px;
display: block;
text-align: center;
font-weight: bold;
margin: 0 auto;
cursor: pointer;
margin-bottom: 50px;
background: #333333;
padding: 5px;
border-radius: 30px;
color: #ffffff;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.site-content-archive-product .woocommerce-pagination .yolo-shop-loadmore i,
.site-content-archive-product .woocommerce-pagination .yolo-show-all i {
line-height: 0;
}
.site-content-archive-product .woocommerce-pagination .yolo-shop-loadmore:hover,
.site-content-archive-product .woocommerce-pagination .yolo-show-all:hover {
background-color: var(--primary_color);
}
.site-content-archive-product .woocommerce-pagination .yolo-shop-loadmore.yolo-hide-loadmore,
.site-content-archive-product .woocommerce-pagination .yolo-show-all.yolo-hide-loadmore {
opacity: 0;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.site-content-archive-product .woocommerce-pagination .yolo-shop-loadmore.yolo-show-loadmore,
.site-content-archive-product .woocommerce-pagination .yolo-show-all.yolo-show-loadmore {
opacity: 0;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.site-content-archive-product .woocommerce-pagination .yolo-show-all {
width: 180px;
}
.site-content-archive-product .woocommerce-pagination .yolo-show-all:hover {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.site-content-archive-product .container-fluid .yolo-filter-categories {
padding-left: 30px;
}
.site-content-archive-product .container-fluid .yolo-filter-search {
padding-right: 30px;
}
.site-content-archive-product {
padding-top: 45px;
}
.product-item-wrap:hover h3 {
color: var(--primary_color);
} h3.check-out-title {
font-size: 36px;
text-align: center;
max-width: 570px;
margin: auto;
border-bottom: 2px solid #fff;
padding-bottom: 20px;
}
.woocommerce-checkout-info {
border-bottom: 1px solid #ddd;
padding: 5px 0;
text-align: center;
max-width: 570px;
margin: auto;
font-weight: bold;
}
.woocommerce-checkout-info a {
margin-left: 15px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
color: var(--secondary_color);
}
.woocommerce-checkout {
margin-top: 60px;
margin-bottom: 60px;
}
.woocommerce-checkout form.checkout_coupon,
.woocommerce-checkout form.login {
border: none;
padding: 20px 0;
border-radius: 0;
max-width: 570px;
margin: auto;
border-bottom: 1px solid #ddd;
text-align: center;
}
.woocommerce-checkout form.checkout_coupon input.input-text,
.woocommerce-checkout form.login input.input-text {
max-width: 370px;
text-align: center !important;
}
.woocommerce-checkout form.checkout_coupon .form-row-first,
.woocommerce-checkout form.login .form-row-first,
.woocommerce-checkout form.checkout_coupon .form-row-last,
.woocommerce-checkout form.login .form-row-last {
width: 100%;
float: none;
}
.checkout_coupon + form.checkout.woocommerce-checkout,
.login + form.checkout.woocommerce-checkout {
margin-top: 70px;
}
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3,
#order_review_heading {
text-align: left;
margin-bottom: 40px;
}
.woocommerce-checkout .checkout .col-2 #ship-to-different-address {
float: none;
}
.woocommerce-checkout .checkout .col-2 #ship-to-different-address label {
font-weight: bold !important;
margin: 0;
font-weight: normal;
display: inline-block;
}
.woocommerce-checkout .checkout .col-2 #ship-to-different-address input[type=checkbox] {
margin: 0;
display: inline-block;
}
.select2-container .select2-choice {
background-color: #f5f5f5;
border: none;
padding: 10px 20px;
font-size: 14px;
color: #858585;
text-transform: none;
border-radius: 0;
}
.select2-container .select2-choice:hover {
text-decoration: none;
}
.select2-drop-active {
border: none;
background-color: #f5f5f5;
}
.create-account,
.create-account input.input-text {
text-align: center !important;
}
#customer_details {
padding-bottom: 40px;
border-bottom: 1px solid #ddd;
}
#order_review_heading {
margin: 55px 0;
}
.woocommerce table.woocommerce-checkout-review-order-table,
.woocommerce table.shop_table.order_details {
border: none;
margin: 0 0 50px 0;
border-radius: 0;
}
.woocommerce table.woocommerce-checkout-review-order-table td,
.woocommerce table.shop_table.order_details td,
.woocommerce table.woocommerce-checkout-review-order-table th,
.woocommerce table.shop_table.order_details th {
border-top: none;
border-bottom: 1px solid #ddd;
padding: 7px 0;
line-height: 1.8;
width: 50%;
}
.woocommerce table.woocommerce-checkout-review-order-table thead th,
.woocommerce table.shop_table.order_details thead th {
text-transform: uppercase;
border-bottom-width: 2px;
font-weight: bold;
}
.woocommerce table.woocommerce-checkout-review-order-table tfoot th,
.woocommerce table.shop_table.order_details tfoot th {
border-top: none;
}
.woocommerce table.woocommerce-checkout-review-order-table td.product-name dl.variation,
.woocommerce table.shop_table.order_details td.product-name dl.variation {
margin: 0;
}
.woocommerce table.woocommerce-checkout-review-order-table td.product-name dl.variation dd,
.woocommerce table.shop_table.order_details td.product-name dl.variation dd,
.woocommerce table.woocommerce-checkout-review-order-table td.product-name dl.variation dt,
.woocommerce table.shop_table.order_details td.product-name dl.variation dt {
float: none;
margin: 0;
padding: 0;
}
.woocommerce-checkout #payment {
background-color: transparent;
border-radius: 0;
}
.woocommerce-checkout #payment ul.payment_methods {
padding: 0;
border: none;
}
.woocommerce-checkout #payment ul.payment_methods li {
margin-bottom: 10px;
}
.woocommerce-checkout #payment ul.payment_methods li:last-child {
margin-bottom: 0;
}
.payment_box_title {
padding: 5px 0;
}
.payment_box_title.active label {
color: var(--primary_color);
}
.payment_box_title label {
color: #222222;
font-size: 13px;
text-transform: uppercase;
font-weight: normal;
margin: 0;
line-height: 2.4;
vertical-align: middle;
}
.woocommerce-checkout #payment ul.payment_methods li input {
margin: 0 5px 0 0;
vertical-align: middle;
}
.woocommerce-checkout #payment ul.payment_methods li img {
margin: 0;
}
.woocommerce-checkout #payment div.form-row {
padding: 0;
margin: 30px 0 0 0;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
float: none;
}
.woocommerce-checkout .entry-content .woocommerce {
background: #fff;
padding: 50px 20px;
padding-top: 0;
}
.woocommerce-checkout .entry-content .woocommerce .woocommerce-checkout #order_review_heading {
text-transform: uppercase;
border-left: 2px solid var(--primary_color);
padding-left: 15px;
}
.woocommerce-checkout .entry-content .woocommerce .woocommerce-checkout #customer_details .woocommerce-billing-fields h3 {
text-transform: uppercase;
border-left: 2px solid var(--primary_color);
padding-left: 15px;
}
.woocommerce-checkout .entry-content .woocommerce .woocommerce-checkout #customer_details .woocommerce-billing-fields p {
margin-bottom: 25px;
}
.woocommerce-checkout .entry-content .woocommerce .woocommerce-checkout #customer_details .woocommerce-billing-fields p label {
font-weight: bold;
font-size: 14px;
margin-bottom: 5px;
color: var(--text_color);
}
.woocommerce-checkout .entry-content .woocommerce .woocommerce-checkout #customer_details .woocommerce-billing-fields p label .required {
color: var(--primary_color);
}
@media (max-width: 479px) {
.woocommerce-checkout .entry-content .woocommerce .woocommerce-checkout #customer_details .woocommerce-billing-fields p {
width: 100%;
}
}
.woocommerce-checkout .entry-content .woocommerce .woocommerce-checkout #customer_details .woocommerce-shipping-fields h3 {
text-transform: uppercase;
border-left: 2px solid var(--primary_color);
padding-left: 15px;
}
.woocommerce-checkout .entry-content .woocommerce .woocommerce-checkout #customer_details .woocommerce-shipping-fields p {
margin-bottom: 25px;
}
.woocommerce-checkout .entry-content .woocommerce .woocommerce-checkout #customer_details .woocommerce-shipping-fields p label {
font-weight: bold;
font-size: 14px;
margin-bottom: 5px;
color: var(--text_color);
}
.woocommerce-checkout .entry-content .woocommerce .woocommerce-checkout #customer_details .woocommerce-shipping-fields p label .required {
color: var(--primary_color);
}
@media (max-width: 479px) {
.woocommerce-checkout .entry-content .woocommerce .woocommerce-checkout #customer_details .woocommerce-shipping-fields p {
width: 100%;
}
}
.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table .cart_item .product-name dl.variation dt {
float: left;
margin: 0 10px 0 0;
padding: 0;
line-height: 20px;
clear: none;
font-size: 12px;
font-weight: 400;
color: var(--text_color);
}
.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table .cart_item .product-name dl.variation dd {
padding: 0;
line-height: 20px;
display: block;
float: none;
margin: 0;
font-size: 12px;
color: var(--text_color);
}
.woocommerce form .form-row .checkbox input {
margin: 6px 0px 0 -20px;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
display: block;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
float: none;
} .woocommerce-info,
.woocommerce-message {
border-color: var(--primary_color);
}
.woocommerce-info > a,
.woocommerce-message > a {
font-weight: bold;
}
.woocommerce-info:before,
.woocommerce-message:before {
color: var(--primary_color);
}
.woocommerce table.my_account_orders {
font-size: 14px;
border: 2px solid #ddd;
}
.woocommerce table.my_account_orders th {
font-size: 13px;
color: #222222;
text-transform: uppercase;
text-align: center;
line-height: 2.4;
padding: 14px 12px;
font-weight: normal;
border-bottom-width: 2px;
}
.woocommerce table.my_account_orders td {
text-align: center;
}
.woocommerce table.my_account_orders .order-actions .button {
margin: 0;
min-width: 120px;
}
.woocommerce-account .customer_login_form_wrap .col2-set {
margin-top: 5%;
margin-bottom: 10%;
}
.woocommerce-account .customer_login_form_wrap .col2-set .col-1,
.woocommerce-account .customer_login_form_wrap .col2-set .col-2 {
background: #fff;
border: 2px solid #ddd;
padding: 50px 45px 30px 45px;
}
.woocommerce-account .customer_login_form_wrap .col2-set p {
text-align: left;
}
.woocommerce-account .customer_login_form_wrap .col2-set h2 {
position: relative;
text-align: left;
text-transform: uppercase;
font-weight: 900;
margin-bottom: 5px;
line-height: 1;
}
.woocommerce-account .customer_login_form_wrap .col2-set h2:before {
content: "";
position: absolute;
left: -10px;
width: 2px;
height: 100%;
background: var(--primary_color);
}
.woocommerce-account .customer_login_form_wrap .col2-set label {
text-align: left;
font-weight: 900;
}
.woocommerce-account .customer_login_form_wrap form.login,
.woocommerce-account .customer_login_form_wrap form.register {
padding: 0;
margin: 0;
text-align: left;
border: none;
border-radius: 0;
}
.woocommerce-account .customer_login_form_wrap form.login .form-row,
.woocommerce-account .customer_login_form_wrap form.register .form-row {
margin-bottom: 20px;
}
.woocommerce-account .customer_login_form_wrap form.login label,
.woocommerce-account .customer_login_form_wrap form.register label {
margin-bottom: 5px;
}
.woocommerce-account .customer_login_form_wrap form.login .input-text,
.woocommerce-account .customer_login_form_wrap form.register .input-text {
height: 40px;
text-align: left;
background: #fff;
border: 2px solid #ddd;
}
.woocommerce-account .customer_login_form_wrap form.login label[for="rememberme"],
.woocommerce-account .customer_login_form_wrap form.register label[for="rememberme"] {
display: block;
text-transform: none;
margin-top: 12px;
color: var(--text_color);
font-weight: normal;
}
.woocommerce-account .customer_login_form_wrap form.login label[for="rememberme"] input,
.woocommerce-account .customer_login_form_wrap form.register label[for="rememberme"] input {
margin-right: 5px;
}
.woocommerce-account .customer_login_form_wrap form.login .button,
.woocommerce-account .customer_login_form_wrap form.register .button {
margin-top: 5px;
min-width: 120px;
text-transform: uppercase;
font-weight: 900;
float: left;
margin-right: 30px;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 20%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
padding: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
list-style: none;
margin-bottom: 10px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
display: block;
padding: 5px 10px;
border: 1px solid var(--text_color);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
background-color: var(--primary_color);
color: #fff;
border-color: var(--primary_color);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
background-color: var(--primary_color);
color: #fff;
border-color: var(--primary_color);
}
@media (max-width: 768px) {
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
width: 49%;
display: inline-block;
}
}
.woocommerce-account .woocommerce-MyAccount-content {
margin-bottom: 30px;
}
.woocommerce-account .woocommerce-MyAccount-content p a {
font-weight: bold;
}
.woocommerce-account .woocommerce-MyAccount-content > p {
padding: 1em 2em 1em 1.5em;
margin: 0 0 2em;
position: relative;
background-color: #f7f6f7;
border-top: 3px solid var(--primary_color);
list-style: none outside;
width: auto;
word-wrap: break-word;
}
.woocommerce-account .woocommerce-MyAccount-content > p:before {
content: "\e017";
color: var(--primary_color);
font-family: "WooCommerce";
font-weight: bold;
margin-right: 20px;
border: 1px solid var(--primary_color);
border-radius: 50%;
padding: 3px;
} .wishlist-title {
text-align: center;
text-transform: uppercase;
width: 100%;
margin-bottom: 40px;
}
.wishlist-title h2 {
margin-top: 0;
}
.wishlist-title h2:hover {
background: transparent !important;
}
.woocommerce table.shop_table.cart.wishlist_table {
font-size: 100%;
border-top: 2px solid #ddd;
margin-bottom: 60px;
}
.woocommerce table.shop_table.cart.wishlist_table td.product-remove a {
font-size: 0;
height: 16px;
width: 16px;
margin: auto;
}
.woocommerce table.shop_table.cart.wishlist_table td.product-remove a:before {
font-size: 16px;
font-family: 'Pe-icon-7-stroke';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e681";
}
.woocommerce table.shop_table.cart.wishlist_table tr td {
text-align: left;
}
.woocommerce table.shop_table.cart.wishlist_table td.product-name a {
color: #333333;
font-size: 16px;
}
.woocommerce table.shop_table.cart.wishlist_table td.product-stock-status span.wishlist-in-stock,
.woocommerce table.shop_table.cart.wishlist_table td.product-stock-status span.wishlist-out-of-stock {
font-size: 13px;
text-transform: uppercase;
color: #888888;
}
.woocommerce table.shop_table.cart.wishlist_table td.product-stock-status span.wishlist-in-stock {
color: #D90000;
}
.woocommerce table.shop_table.cart.wishlist_table .product-add-to-cart {
border-right: 1px solid #ddd;
text-align: right;
padding-right: 30px;
}
.woocommerce table.shop_table.cart.wishlist_table .product-add-to-cart .add-to-cart-wrap {
display: inline-block;
}
.woocommerce table.shop_table.cart.wishlist_table tbody tr:last-child td {
boder-bottom: none;
}
.woocommerce table.shop_table.cart.wishlist_table td.product-add-to-cart a {
opacity: 1;
line-height: 40px;
}
.woocommerce table.shop_table.cart.wishlist_table tfoot td {
border-top: 2px solid #ddd;
}
.wishlist_table tr th.product-thumbnail {
width: 120px;
}
.wishlist_table tr th.product-remove {
width: 70px;
}
.wishlist_table tr td.product-thumbnail a {
max-width: 70px;
}
.yith-wcwl-add-to-wishlist .ajax-loading {
display: none!important;
} .woocommerce div.product-item-wrap,
.single-product div.product-item-wrap {
padding: 0 15px 0 15px;
margin-bottom: 30px;
float: left;
width: 100%;
}
.woocommerce div.product-item-wrap.no-padding,
.single-product div.product-item-wrap.no-padding {
padding: 0;
margin: 0;
}
@media (max-width: 480px) {
.woocommerce div.product-item-wrap,
.single-product div.product-item-wrap {
padding: 0px;
}
.woocommerce div.product-item-wrap.mobile_columns2,
.single-product div.product-item-wrap.mobile_columns2 {
padding: 5px;
}
.woocommerce div.product-item-wrap.mobile_columns2 .product-actions a,
.single-product div.product-item-wrap.mobile_columns2 .product-actions a {
width: 30px;
height: 30px;
line-height: 30px !important;
margin: 2px;
}
.woocommerce div.product-item-wrap.mobile_columns2 .product-actions .yith-wcwl-wishlistexistsbrowse a:before,
.single-product div.product-item-wrap.mobile_columns2 .product-actions .yith-wcwl-wishlistexistsbrowse a:before,
.woocommerce div.product-item-wrap.mobile_columns2 .product-actions i,
.single-product div.product-item-wrap.mobile_columns2 .product-actions i {
font-size: 12px;
}
}
.woocommerce .star-rating.rating-invisible,
.single-product .star-rating.rating-invisible {
display: none;
}
.woocommerce .product-item-inner,
.single-product .product-item-inner {
background-color: #fff;
position: relative;
overflow: hidden;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.woocommerce .product-thumb img,
.single-product .product-thumb img {
width: 100%;
}
.woocommerce .product-thumb,
.single-product .product-thumb {
position: relative;
background-color: #fff;
}
.woocommerce .product-thumb .product-thumb-primary,
.single-product .product-thumb .product-thumb-primary {
overflow: hidden;
}
.woocommerce .product-thumb .product-thumb-primary img,
.single-product .product-thumb .product-thumb-primary img {
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.woocommerce .product-thumb .product-thumb-secondary img,
.single-product .product-thumb .product-thumb-secondary img {
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.woocommerce .product-thumb .product-flash-wrap,
.single-product .product-thumb .product-flash-wrap {
z-index: 2;
}
.woocommerce .product-thumb .product-flash-wrap span,
.single-product .product-thumb .product-flash-wrap span {
font-size: 14px;
text-transform: uppercase;
margin-top: 0;
z-index: 1;
}
.woocommerce .product-thumb .product-flash-wrap span:first-child,
.single-product .product-thumb .product-flash-wrap span:first-child {
padding: 18px 40px 4px;
background-color: #6fd9ec;
top: -10px;
left: -40px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
color: #fff;
}
.woocommerce .product-thumb .product-flash-wrap span:nth-child(2),
.single-product .product-thumb .product-flash-wrap span:nth-child(2) {
padding: 17px 45px 4px;
background-color: #ff9999;
top: -10px;
right: -45px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
color: #fff;
}
.woocommerce .product-thumb .product-flash-wrap span:nth-child(3),
.single-product .product-thumb .product-flash-wrap span:nth-child(3) {
padding: 17px 45px 4px;
background-color: #ff9999;
top: -10px;
right: -45px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
color: #fff;
}
.woocommerce .product-thumb-secondary,
.single-product .product-thumb-secondary {
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
z-index: 1;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.woocommerce .product-thumb.white .product-link:before,
.single-product .product-thumb.white .product-link:before {
background-color: transparent;
}
.woocommerce .product-link,
.single-product .product-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
opacity: 1;
visibility: visible;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.woocommerce .product-link:before,
.single-product .product-link:before {
left: 0;
top: 0;
content: "";
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
background-color: rgba(0, 0, 0, 0.04);
mix-blend-mode: darken;
}
.woocommerce .product-link:hover .product-hover-sign hr:nth-child(1),
.single-product .product-link:hover .product-hover-sign hr:nth-child(1) {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg) scale3d(1, 1, 1);
-ms-transform: translate3d(-50%, -50%, 0) rotate(90deg) scale3d(1, 1, 1);
transform: translate3d(-50%, -50%, 0) rotate(90deg) scale3d(1, 1, 1);
}
.woocommerce .product-link:hover .product-hover-sign hr:nth-child(2),
.single-product .product-link:hover .product-hover-sign hr:nth-child(2) {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate3d(-50%, -50%, 0) rotate(0) scale3d(1, 1, 1);
-ms-transform: translate3d(-50%, -50%, 0) rotate(0) scale3d(1, 1, 1);
transform: translate3d(-50%, -50%, 0) rotate(0) scale3d(1, 1, 1);
}
.woocommerce .product-link .product-hover-sign,
.single-product .product-link .product-hover-sign {
width: 50px;
height: 50px;
display: block;
position: absolute;
z-index: 12;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.woocommerce .product-link .product-hover-sign hr,
.single-product .product-link .product-hover-sign hr {
top: 50%;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
width: 40px;
opacity: 0;
margin: 0;
left: 50%;
position: absolute;
border: 0;
border-top: 1px solid var(--primary_color);
height: 0;
z-index: 11;
}
.woocommerce .product-link .product-hover-sign hr:nth-child(1),
.single-product .product-link .product-hover-sign hr:nth-child(1) {
-webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg) scale3d(0, 0, 1);
-ms-transform: translate3d(-50%, -50%, 0) rotate(90deg) scale3d(0, 0, 1);
transform: translate3d(-50%, -50%, 0) rotate(90deg) scale3d(0, 0, 1);
}
.woocommerce .product-link .product-hover-sign hr:nth-child(2),
.single-product .product-link .product-hover-sign hr:nth-child(2) {
-webkit-transform: translate3d(-50%, -50%, 0) rotate(0) scale3d(0, 0, 1);
-ms-transform: translate3d(-50%, -50%, 0) rotate(0) scale3d(0, 0, 1);
transform: translate3d(-50%, -50%, 0) rotate(0) scale3d(0, 0, 1);
}
.woocommerce .add-to-cart-wrap,
.single-product .add-to-cart-wrap {
display: inline-block;
}
.woocommerce .add-to-cart-wrap a,
.single-product .add-to-cart-wrap a {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
color: var(--text_color);
display: inline-block;
padding: 0;
opacity: 0;
position: relative;
border-radius: 0;
font-size: 0;
min-width: 0;
vertical-align: middle;
margin-right: 8px;
}
.woocommerce .add-to-cart-wrap a:before,
.single-product .add-to-cart-wrap a:before {
font-family: FontAwesome;
content: "\f217";
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 15px;
line-height: 1;
vertical-align: middle;
display: none;
}
.woocommerce .product-actions,
.single-product .product-actions {
opacity: 0;
position: absolute;
bottom: 0;
background-color: #fff;
left: 0;
right: 0;
text-align: center;
margin: auto;
z-index: 1;
font-size: 0;
padding: 5px 0;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
z-index: 2;
border-bottom: 1px solid #ddd;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.woocommerce .product-actions .yith-wcwl-wishlistaddedbrowse a,
.single-product .product-actions .yith-wcwl-wishlistaddedbrowse a,
.woocommerce .product-actions .yith-wcwl-wishlistexistsbrowse a,
.single-product .product-actions .yith-wcwl-wishlistexistsbrowse a,
.woocommerce .product-actions .add_to_wishlist,
.single-product .product-actions .add_to_wishlist,
.woocommerce .product-actions .compare,
.single-product .product-actions .compare,
.woocommerce .product-actions .product-quick-view,
.single-product .product-actions .product-quick-view,
.woocommerce .product-actions .btn_add_to_cart,
.single-product .product-actions .btn_add_to_cart,
.woocommerce .product-actions .add-to-cart-wrap a,
.single-product .product-actions .add-to-cart-wrap a {
width: 40px;
height: 40px;
line-height: 40px !important;
text-align: center;
color: #888;
background-color: transparent;
display: inline-block;
padding: 0;
position: relative;
border-radius: 0;
font-size: 0;
min-width: 0;
vertical-align: middle;
margin-left: 4px;
margin-right: 4px !important;
opacity: 1;
}
.woocommerce .product-actions .yith-wcwl-wishlistaddedbrowse a i,
.single-product .product-actions .yith-wcwl-wishlistaddedbrowse a i,
.woocommerce .product-actions .yith-wcwl-wishlistexistsbrowse a i,
.single-product .product-actions .yith-wcwl-wishlistexistsbrowse a i,
.woocommerce .product-actions .add_to_wishlist i,
.single-product .product-actions .add_to_wishlist i,
.woocommerce .product-actions .compare i,
.single-product .product-actions .compare i,
.woocommerce .product-actions .product-quick-view i,
.single-product .product-actions .product-quick-view i,
.woocommerce .product-actions .btn_add_to_cart i,
.single-product .product-actions .btn_add_to_cart i,
.woocommerce .product-actions .add-to-cart-wrap a i,
.single-product .product-actions .add-to-cart-wrap a i {
font-size: 18px;
line-height: 1;
vertical-align: middle;
}
.woocommerce .product-actions .yith-wcwl-wishlistaddedbrowse a:hover,
.single-product .product-actions .yith-wcwl-wishlistaddedbrowse a:hover,
.woocommerce .product-actions .yith-wcwl-wishlistexistsbrowse a:hover,
.single-product .product-actions .yith-wcwl-wishlistexistsbrowse a:hover,
.woocommerce .product-actions .add_to_wishlist:hover,
.single-product .product-actions .add_to_wishlist:hover,
.woocommerce .product-actions .compare:hover,
.single-product .product-actions .compare:hover,
.woocommerce .product-actions .product-quick-view:hover,
.single-product .product-actions .product-quick-view:hover,
.woocommerce .product-actions .btn_add_to_cart:hover,
.single-product .product-actions .btn_add_to_cart:hover,
.woocommerce .product-actions .add-to-cart-wrap a:hover,
.single-product .product-actions .add-to-cart-wrap a:hover,
.woocommerce .product-actions .yith-wcwl-wishlistaddedbrowse a.active,
.single-product .product-actions .yith-wcwl-wishlistaddedbrowse a.active,
.woocommerce .product-actions .yith-wcwl-wishlistexistsbrowse a.active,
.single-product .product-actions .yith-wcwl-wishlistexistsbrowse a.active,
.woocommerce .product-actions .add_to_wishlist.active,
.single-product .product-actions .add_to_wishlist.active,
.woocommerce .product-actions .compare.active,
.single-product .product-actions .compare.active,
.woocommerce .product-actions .product-quick-view.active,
.single-product .product-actions .product-quick-view.active,
.woocommerce .product-actions .btn_add_to_cart.active,
.single-product .product-actions .btn_add_to_cart.active,
.woocommerce .product-actions .add-to-cart-wrap a.active,
.single-product .product-actions .add-to-cart-wrap a.active {
color: var(--primary_color);
}
.woocommerce .product-actions .added_to_cart.wc-forward i,
.single-product .product-actions .added_to_cart.wc-forward i {
color: var(--primary_color);
}
.woocommerce .product-actions .compare .blockUI.blockOverlay,
.single-product .product-actions .compare .blockUI.blockOverlay {
background: none !important;
}
.woocommerce .product-actions .compare.added,
.single-product .product-actions .compare.added {
color: var(--primary_color);
}
.woocommerce .product-actions .product-quick-view,
.single-product .product-actions .product-quick-view {
margin-right: 0;
}
.woocommerce .product-actions .product-quick-view i,
.single-product .product-actions .product-quick-view i {
font-size: 15px;
}
.woocommerce .product-actions .yith-wcwl-wishlistaddedbrowse a,
.single-product .product-actions .yith-wcwl-wishlistaddedbrowse a {
color: var(--primary_color);
}
.woocommerce .product-actions .yith-wcwl-wishlistaddedbrowse a,
.single-product .product-actions .yith-wcwl-wishlistaddedbrowse a,
.woocommerce .product-actions .yith-wcwl-wishlistexistsbrowse a,
.single-product .product-actions .yith-wcwl-wishlistexistsbrowse a,
.woocommerce .product-actions .add_to_wishlist,
.single-product .product-actions .add_to_wishlist {
margin-right: 8px;
}
.woocommerce .product-actions .added-spinner,
.single-product .product-actions .added-spinner {
color: var(--primary_color);
}
.woocommerce .product-actions .yith-wcwl-add-to-wishlist,
.single-product .product-actions .yith-wcwl-add-to-wishlist {
display: inline-block;
margin: 0;
}
.woocommerce .product-actions .yith-wcwl-add-to-wishlist + div.clear,
.single-product .product-actions .yith-wcwl-add-to-wishlist + div.clear {
display: none;
}
.woocommerce .product-actions .yith-wcwl-add-button,
.single-product .product-actions .yith-wcwl-add-button {
font-size: 0;
position: relative;
}
.woocommerce .product-actions .yith-wcwl-add-button a i,
.single-product .product-actions .yith-wcwl-add-button a i {
margin-right: 0px;
}
.woocommerce .product-actions .yith-wcwl-add-button .ajax-loading,
.single-product .product-actions .yith-wcwl-add-button .ajax-loading {
display: none !important;
}
.woocommerce .product-actions .add_to_wishlist:before,
.single-product .product-actions .add_to_wishlist:before,
.woocommerce .product-actions .yith-wcwl-wishlistaddedbrowse a:before,
.single-product .product-actions .yith-wcwl-wishlistaddedbrowse a:before,
.woocommerce .product-actions .yith-wcwl-wishlistexistsbrowse a:before,
.single-product .product-actions .yith-wcwl-wishlistexistsbrowse a:before,
.woocommerce .product-actions .compare.added:before,
.single-product .product-actions .compare.added:before {
font-family: FontAwesome;
content: "\f08a";
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
line-height: 1;
vertical-align: middle;
}
.woocommerce .product-actions .yith-wcwl-wishlistexistsbrowse a:before,
.single-product .product-actions .yith-wcwl-wishlistexistsbrowse a:before {
color: var(--primary_color);
}
.woocommerce .product-actions .add_to_wishlist:before,
.single-product .product-actions .add_to_wishlist:before {
content: '';
}
.woocommerce .product-actions .compare.added:before,
.single-product .product-actions .compare.added:before {
content: "\f012" !important;
}
.woocommerce .product-actions .add_to_wishlist.added-spinner:before,
.single-product .product-actions .add_to_wishlist.added-spinner:before {
content: "";
}
.woocommerce .product-actions .added-spinner:before,
.single-product .product-actions .added-spinner:before {
content: "\f110";
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.woocommerce .product-info,
.single-product .product-info {
padding: 15px;
text-align: center;
background: #fff;
position: relative;
z-index: 3;
}
.woocommerce .product-info h3,
.single-product .product-info h3 {
position: relative;
font-size: 16px;
margin-top: 15px;
margin-bottom: 15px;
text-align: left;
width: 100%;
padding-right: 0px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.woocommerce .product-info .star-rating,
.single-product .product-info .star-rating {
position: absolute;
right: 10px;
top: 20px;
margin-top: 3px;
font-size: 14px;
margin-bottom: 10px;
width: 93px;
}
.woocommerce .product-info span.price,
.single-product .product-info span.price {
margin-top: 0px;
font-size: 18px;
margin-bottom: 5px;
color: var(--primary_color) !important;
text-align: left;
}
.woocommerce .product-info span.price ins span.amount,
.single-product .product-info span.price ins span.amount {
color: var(--primary_color);
}
.woocommerce .product-item-wrap.active .product-item-inner,
.single-product .product-item-wrap.active .product-item-inner,
.woocommerce .product-item-wrap:hover .product-item-inner,
.single-product .product-item-wrap:hover .product-item-inner {
-webkit-box-shadow: 0px 2px 15px 0px #DEDEDE;
box-shadow: 0px 2px 15px 0px #DEDEDE;
}
.woocommerce .product-item-wrap.active .product-thumb .product-thumb-primary img,
.single-product .product-item-wrap.active .product-thumb .product-thumb-primary img,
.woocommerce .product-item-wrap:hover .product-thumb .product-thumb-primary img,
.single-product .product-item-wrap:hover .product-thumb .product-thumb-primary img {
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.woocommerce .product-item-wrap.active .product-actions,
.single-product .product-item-wrap.active .product-actions,
.woocommerce .product-item-wrap:hover .product-actions,
.single-product .product-item-wrap:hover .product-actions {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.woocommerce .product-item-wrap.active .product-link,
.single-product .product-item-wrap.active .product-link,
.woocommerce .product-item-wrap:hover .product-link,
.single-product .product-item-wrap:hover .product-link {
opacity: 1;
visibility: visible;
}
.woocommerce .product-item-wrap.active .product-thumb-secondary,
.single-product .product-item-wrap.active .product-thumb-secondary,
.woocommerce .product-item-wrap:hover .product-thumb-secondary,
.single-product .product-item-wrap:hover .product-thumb-secondary {
opacity: 1;
}
.woocommerce.columns-2 .product-item-wrap,
.single-product.columns-2 .product-item-wrap {
width: 50%;
}
.woocommerce.columns-3 .product-item-wrap,
.single-product.columns-3 .product-item-wrap {
width: 33.33333333%;
}
.woocommerce.columns-4 .product-item-wrap,
.single-product.columns-4 .product-item-wrap {
width: 25%;
}
.woocommerce.columns-5 .product-item-wrap,
.single-product.columns-5 .product-item-wrap {
width: 20%;
}
.woocommerce.product-slider .product-item-wrap,
.single-product.product-slider .product-item-wrap {
float: none;
padding-bottom: 0;
}
@media (max-width: 991px) {
.woocommerce.columns-5 .product-item-wrap,
.single-product.columns-5 .product-item-wrap,
.woocommerce .columns-4 .product-item-wrap,
.single-product .columns-4 .product-item-wrap {
width: 33.33%;
}
}
@media (max-width: 768px) {
.woocommerce.columns-5 .product-item-wrap,
.single-product.columns-5 .product-item-wrap,
.woocommerce .columns-4 .product-item-wrap,
.single-product .columns-4 .product-item-wrap,
.woocommerce .columns-3 .product-item-wrap,
.single-product .columns-3 .product-item-wrap {
width: 50%;
}
}
@media (max-width: 480px) {
.woocommerce.columns-5 .product-item-wrap,
.single-product.columns-5 .product-item-wrap,
.woocommerce .columns-4 .product-item-wrap,
.single-product .columns-4 .product-item-wrap,
.woocommerce .columns-3 .product-item-wrap,
.single-product .columns-3 .product-item-wrap,
.woocommerce .columns-2 .product-item-wrap,
.single-product .columns-2 .product-item-wrap {
width: 100%;
}
.woocommerce.columns-5 .product-item-wrap.mobile_columns2,
.single-product.columns-5 .product-item-wrap.mobile_columns2,
.woocommerce .columns-4 .product-item-wrap.mobile_columns2,
.single-product .columns-4 .product-item-wrap.mobile_columns2,
.woocommerce .columns-3 .product-item-wrap.mobile_columns2,
.single-product .columns-3 .product-item-wrap.mobile_columns2,
.woocommerce .columns-2 .product-item-wrap.mobile_columns2,
.single-product .columns-2 .product-item-wrap.mobile_columns2 {
width: 50%;
}
}
.woocommerce > .woocommerce {
margin: 0;
}
.woocommerce > .woocommerce.product-listing {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.woocommerce > .woocommerce .product-item-wrap {
padding: 0;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-thumb {
width: 33.33%;
float: left;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-thumb .product-thumb-primary img {
padding-top: 0;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-thumb .product-thumb-secondary img {
padding-top: 0;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-thumb .product-flash-wrap {
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-thumb .product-flash-wrap span {
margin-top: 0;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-thumb .product-flash-wrap span:first-child {
display: none;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-thumb .product-flash-wrap span:nth-child(2) {
background-color: var(--primary_color);
height: 50px;
width: 50px;
display: block;
border-radius: 100%;
line-height: 50px;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
padding: 0;
right: 0;
top: 10px;
left: auto;
text-align: center;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-info {
padding: 0 0 0 15px;
width: 66.66%;
float: left;
text-align: left;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-info .star-rating {
position: relative;
text-align: left;
right: 0;
margin: -15px 0 25px 0;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-info .star-rating:before {
left: 0;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-info span.price {
margin-top: 25px;
padding-top: 10px;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-info h3 {
width: 100%;
padding-right: 0;
margin-top: 5px;
margin-bottom: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-info {
padding-left: 10px;
}
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-actions {
display: none;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner:hover {
-webkit-transform: translate(0, -3px);
-ms-transform: translate(0, -3px);
transform: translate(0, -3px);
}
.woocommerce.columns-1 .product-item-wrap {
width: 100%;
}
.woocommerce.columns-1 .product-item-wrap .product-info .star-rating:before {
left: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.woocommerce.columns-1 .product-item-wrap .product-info span.price {
text-align: left;
font-weight: bold;
}
.woocommerce.columns-1 .product-item-wrap .product-info .product-single-short-description {
text-align: left;
}
.shortcode-product-wrap.grid .product-item-wrap:hover {
z-index: 2;
}
.shortcode-product-wrap.grid .product-item-wrap:hover .product-item-inner {
-webkit-box-shadow: 2px 2px 15px 5px #ddd;
box-shadow: 2px 2px 15px 5px #ddd;
}
.shortcode-product-wrap.list {
padding: 0 15px;
}
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap {
margin-top: 25px;
margin-bottom: 25px;
border: 1px solid #ddd;
}
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner {
padding: 10px;
}
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-thumb {
padding-top: 20px;
}
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-thumb .product-flash-wrap {
left: -15px;
top: 0px;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-thumb .product-flash-wrap .product-flash {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
top: 0;
left: 0;
padding: 5px;
}
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-thumb .product-flash-wrap .product-flash:nth-child(2) {
right: -30px;
left: auto;
}
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .star-rating {
top: 30px;
}
@media (max-width: 479px) {
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .star-rating {
top: 60px;
right: auto;
}
}
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner h3 {
top: 0px;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 20px;
color: var(--secondary_color);
}
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner span.price {
font-size: 24px;
color: var(--text_color);
font-weight: bold;
}
@media (max-width: 479px) {
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner span.price {
margin-top: 55px;
}
}
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-info {
padding: 30px;
}
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-info .product-actions {
border: none;
opacity: 1;
margin-top: 50px;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
position: relative;
}
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-info .product-actions .added_to_cart,
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-info .product-actions .product_type_soldout {
border: 1px solid #ddd;
}
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-info .product-actions a.add_to_cart_button,
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-info .product-actions a.product_type_variable {
text-align: left;
width: 190px;
background-color: var(--primary_color);
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: #fff !important;
}
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-info .product-actions a.add_to_cart_button i,
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-info .product-actions a.product_type_variable i {
padding: 0 20px;
color: #fff;
}
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-info .product-actions a.add_to_cart_button:after,
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-info .product-actions a.product_type_variable:after {
opacity: 1;
content: '';
}
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-info .product-actions a.add_to_cart_button:hover,
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-info .product-actions a.product_type_variable:hover {
background-color: var(--primary_color_darken_20);
}
@media (max-width: 479px) {
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-info .product-actions a.add_to_cart_button,
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-info .product-actions a.product_type_variable {
width: 40px;
border: 1px solid #ddd;
background-color: #fff;
font-size: 0;
}
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-info .product-actions a.add_to_cart_button i,
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-info .product-actions a.product_type_variable i {
color: var(--text_color);
text-align: center;
padding: 10px;
}
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-info .product-actions a.add_to_cart_button:hover,
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-info .product-actions a.product_type_variable:hover {
background-color: #fff;
}
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-info .product-actions a.add_to_cart_button:hover i,
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-info .product-actions a.product_type_variable:hover i {
color: var(--primary_color);
}
}
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-info .product-actions .yith-wcwl-wishlistaddedbrowse a,
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-info .product-actions .yith-wcwl-wishlistexistsbrowse a,
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-info .product-actions a.add_to_wishlist,
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-info .product-actions a.compare,
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-info .product-actions a.product-quick-view {
border: 1px solid #ddd;
}
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-info .product-actions .yith-wcwl-wishlistaddedbrowse a:hover:after,
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-info .product-actions .yith-wcwl-wishlistexistsbrowse a:hover:after,
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-info .product-actions a.add_to_wishlist:hover:after,
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-info .product-actions a.compare:hover:after,
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-info .product-actions a.product-quick-view:hover:after {
opacity: 0;
}
@media (max-width: 479px) {
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-info .product-actions {
margin-top: 30px;
}
}
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-info .product-single-short-description {
padding-bottom: 50px;
position: relative;
}
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-info .product-single-short-description:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 50px;
height: 2px;
background-color: var(--primary_color);
}
@media (max-width: 479px) {
.shortcode-product-wrap.list .woocommerce.list .product-item-wrap .product-item-inner .product-info {
padding: 15px;
}
} .woocommerce-compare-page h1 {
font-size: 24px;
background-color: #f7f7f7;
} #popup-product-quick-view-wrapper {
margin-bottom: 0;
}
#popup-product-quick-view-wrapper .modal-body {
padding: 30px;
}
#popup-product-quick-view-wrapper .single-product-info {
margin: 0 -15px;
}
@media (min-width: 992px) {
#popup-product-quick-view-wrapper .single-product-info .single-product-image-wrap,
#popup-product-quick-view-wrapper .single-product-info .summary-product-wrap {
width: 50%;
}
} .woocommerce-order-received .woocommerce h2,
.woocommerce-account .woocommerce h2,
.woocommerce-order-received .woocommerce header.title h3,
.woocommerce-account .woocommerce header.title h3 {
font-size: 25px;
color: #25262C;
margin-bottom: 20px;
}
.woocommerce-order-received .woocommerce address,
.woocommerce-account .woocommerce address {
line-height: 1.8;
}
.woocommerce .order_details {
padding: 0;
} .track_order {
text-align: center;
}
.track_order p:first-child {
line-height: 1.8;
max-width: 800px;
margin-left: auto;
margin-right: auto;
display: block;
}
.woocommerce .track_order .form-row-first,
.woocommerce .track_order .form-row-last {
float: none;
margin: auto;
margin-bottom: 20px;
}
.woocommerce form.track_order .form-row input.input-text {
text-align: center;
height: 42px;
} .product-paging-load-more button {
background-color: #1a1a1a;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.product-paging-load-more button:hover {
background-color: var(--primary_color);
} .woocommerce-mini-cart {
max-height: 350px;
}
.cart-form {
margin-bottom: 40px;
}
.woocommerce table.shop_table.cart {
border: none;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin: 0;
min-width: 400px;
}
@media (max-width: 768px) {
.woocommerce table.shop_table.cart {
min-width: 300px;
}
}
.woocommerce table.shop_table.cart thead th {
background-color: var(--primary_color);
color: #fff;
text-transform: uppercase;
line-height: 2.4;
padding: 18px 12px;
}
.woocommerce table.shop_table.cart tbody td {
border: none;
}
.woocommerce table.shop_table.cart tbody tr:nth-child(2n) {
background-color: rgba(0, 0, 0, 0.05);
}
.woocommerce table.shop_table.cart .product-remove {
text-align: center;
}
.woocommerce table.shop_table.cart .product-remove a {
font-size: 18px;
color: #aaa !important;
margin: 0 auto;
}
.woocommerce table.shop_table.cart .product-remove a:hover {
background-color: transparent;
}
.woocommerce table.shop_table.cart tbody tr.cart_item:first-child td {
border-top: none;
}
.woocommerce table.shop_table.cart tbody td.product-thumbnail img {
width: 50px;
float: left;
}
.woocommerce table.shop_table.cart tbody .product-name {
position: relative;
overflow: hidden;
}
.woocommerce table.shop_table.cart tbody .product-name dl.variation {
color: var(--text_color_fade_80);
margin: 5px 0 0 0;
}
.woocommerce table.shop_table.cart tbody .product-name dl.variation dt {
font-weight: normal;
padding: 0 0 5px;
}
.woocommerce table.shop_table.cart tbody .product-name dl.variation dd {
padding: 0 0 5px;
margin: 0;
}
.woocommerce table.shop_table.cart tbody .product-quantity label {
text-transform: capitalize;
font-weight: normal;
width: auto;
margin-right: 10px;
}
@media (max-width: 479px) {
.woocommerce table.shop_table.cart td.product-quantity label {
display: none;
}
.woocommerce table.shop_table.cart td.product-quantity .quantity-inner {
border: none;
}
.woocommerce table.shop_table.cart td.product-quantity .quantity-inner input {
border: none;
background-color: transparent;
padding: 0 10px 0 15px;
}
}
@media (max-width: 479px) {
.woocommerce table.shop_table.cart td.product-subtotal {
display: none;
}
}
.woocommerce table.shop_table.cart td.actions {
padding: 30px;
background-color: rgba(0, 0, 0, 0.4);
}
.woocommerce table.shop_table.cart td.actions .coupon .input-text {
min-width: 270px;
padding: 0 15px;
margin: 0 15px 0 0;
outline: 0;
border: none;
height: 44px;
background-color: #fff;
border-radius: 3px;
}
@media (max-width: 767px) {
.woocommerce table.shop_table.cart td.actions .coupon .input-text {
min-width: auto;
}
}
@media (max-width: 479px) {
.woocommerce table.shop_table.cart td.actions .coupon .input-text {
width: 100%;
margin-bottom: 5px;
}
}
@media (max-width: 479px) {
.woocommerce table.shop_table.cart td.actions .coupon {
padding-bottom: 0;
}
}
@media (min-width: 769px) and (max-width: 991px) {
.woocommerce table.shop_table.cart td.actions a {
margin-top: 15px;
}
}
.woocommerce table.shop_table.cart td.actions .button {
padding: 13px 25px;
min-width: 140px;
color: #fff;
font-weight: bold;
}
@media (max-width: 479px) {
.woocommerce table.shop_table.cart td.actions .button {
min-width: auto;
width: 100%;
margin-bottom: 5px;
}
}
.woocommerce table.shop_table.cart td.actions .button:disabled {
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
-webkit-opacity: 0.8;
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter: alpha(opacity=80);
}
.woocommerce table.shop_table.cart td.actions input[name="update_cart"] {
background-color: var(--secondary_color);
margin-right: 12px;
}
.woocommerce table.shop_table.cart td.actions input[name="update_cart"]:hover {
background-color: var(--primary_color);
}
@media (max-width: 479px) {
.woocommerce table.shop_table.cart td.actions input[name="update_cart"] {
width: 100%;
}
}
.cart-collaterals h4.widget-title,
.cart-collaterals h2 {
font-size: 18px;
margin-bottom: 45px;
text-align: left;
text-transform: uppercase;
border-left: 2px solid var(--primary_color);
padding-left: 15px;
}
.woocommerce .cart-collaterals .cart_totals {
margin-top: 50px;
width: 100%;
}
.woocommerce-cart .cart-collaterals .cart_totals table {
margin: 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-button {
margin: 0;
font-weight: bold;
}
.woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-button:after {
content: none;
}
.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout {
margin: 30px 0;
}
.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout a {
font-weight: bold;
font-size: 18px;
padding: 15px;
}
.woocommerce ul#shipping_method {
line-height: 2;
}
.woocommerce ul#shipping_method li {
padding: 0;
text-indent: 0;
}
.woocommerce ul#shipping_method li input[type=radio] {
margin: 0;
margin-top: 5px;
margin-right: 5px;
}
.woocommerce ul#shipping_method li label {
font-weight: normal;
margin: 0;
}
.woocommerce ul#shipping_method .amount {
font-weight: normal;
}
p.return-to-shop {
margin-bottom: 80px !important;
}
.woocommerce-cart .yolo-site-content-page .container .row .yolo-site-content-page-inner .page-content .entry-content .woocommerce {
background: #fff;
padding: 50px 20px;
padding-top: 0;
}
.woocommerce-cart .yolo-site-content-page .container .row .yolo-site-content-page-inner .page-content .entry-content .woocommerce .cart-form .shop_table {
border: 0;
}
.woocommerce-cart .yolo-site-content-page .container .row .yolo-site-content-page-inner .page-content .entry-content .woocommerce .cart-form .shop_table thead {
background: var(--primary_color);
}
.woocommerce-cart .yolo-site-content-page .container .row .yolo-site-content-page-inner .page-content .entry-content .woocommerce .cart-form .shop_table thead tr th {
color: #fff;
font-size: 16px;
font-weight: bold;
font-family: var(--primary_font);
text-align: left;
}
@media (max-width: 479px) {
.woocommerce-cart .yolo-site-content-page .container .row .yolo-site-content-page-inner .page-content .entry-content .woocommerce .cart-form .shop_table thead tr th {
font-size: 12px;
text-align: center;
padding: 10px 0;
}
.woocommerce-cart .yolo-site-content-page .container .row .yolo-site-content-page-inner .page-content .entry-content .woocommerce .cart-form .shop_table thead tr th.product-name {
width: 40%;
}
.woocommerce-cart .yolo-site-content-page .container .row .yolo-site-content-page-inner .page-content .entry-content .woocommerce .cart-form .shop_table thead tr th.product-price {
width: 20%;
}
.woocommerce-cart .yolo-site-content-page .container .row .yolo-site-content-page-inner .page-content .entry-content .woocommerce .cart-form .shop_table thead tr th.product-quantity {
width: 30%;
}
.woocommerce-cart .yolo-site-content-page .container .row .yolo-site-content-page-inner .page-content .entry-content .woocommerce .cart-form .shop_table thead tr th.product-subtotal {
display: none;
}
.woocommerce-cart .yolo-site-content-page .container .row .yolo-site-content-page-inner .page-content .entry-content .woocommerce .cart-form .shop_table thead tr th.product-remove {
width: 10%;
}
}
@media (max-width: 479px) {
.woocommerce-cart .yolo-site-content-page .container .row .yolo-site-content-page-inner .page-content .entry-content .woocommerce .cart-form .shop_table {
table-layout: fixed;
min-width: auto;
}
}
@media (max-width: 479px) {
.woocommerce-cart .yolo-site-content-page .container .row .yolo-site-content-page-inner .page-content .entry-content .woocommerce {
padding: 40px 15px;
}
} .site-content-single-product .single-product-info {
position: relative;
background-color: #fff;
padding: 30px 0px;
overflow: hidden;
}
.site-content-single-product .single-product-info .single-product-image-wrap {
float: left;
width: 48%;
}
.site-content-single-product .single-product-info .single-product-image-wrap .single-product-image {
position: relative;
}
.site-content-single-product .single-product-info .single-product-image-wrap .single-product-image .product-flash-wrap {
left: 0px;
top: 0px;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
position: relative;
z-index: 2;
}
.site-content-single-product .single-product-info .single-product-image-wrap .single-product-image .product-flash-wrap .product-flash {
position: absolute;
text-align: center;
text-transform: uppercase;
width: 60px;
}
.site-content-single-product .single-product-info .single-product-image-wrap .single-product-image .product-flash-wrap .product-flash:first-child {
top: 30px;
left: 30px;
color: #fff;
background-color: var(--secondary_color);
}
.site-content-single-product .single-product-info .single-product-image-wrap .single-product-image .product-flash-wrap .product-flash:nth-child(2) {
top: 30px;
right: 30px;
background-color: var(--primary_color);
color: #fff;
margin-top: 0;
}
.site-content-single-product .single-product-info .single-product-image-wrap .single-product-image .single-product-image-inner .owl-buttons div {
border-radius: 0;
position: absolute;
top: 50%;
opacity: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background-color: rgba(0, 0, 0, 0.2);
}
.site-content-single-product .single-product-info .single-product-image-wrap .single-product-image .single-product-image-inner .owl-buttons div:hover {
background-color: var(--primary_color);
}
.site-content-single-product .single-product-info .single-product-image-wrap .single-product-image .single-product-image-inner .owl-buttons div.owl-prev {
left: 0px;
}
.site-content-single-product .single-product-info .single-product-image-wrap .single-product-image .single-product-image-inner .owl-buttons div.owl-next {
right: 0px;
}
.site-content-single-product .single-product-info .single-product-image-wrap .single-product-image .single-product-image-inner:hover .owl-buttons div {
opacity: 1;
}
.site-content-single-product .single-product-info .single-product-image-wrap .woocommerce-main-image {
display: block;
}
.site-content-single-product .single-product-info .single-product-image-wrap .woocommerce-main-image:before {
left: 0;
top: 0;
content: "";
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
background-color: rgba(0, 0, 0, 0.04);
mix-blend-mode: darken;
}
.site-content-single-product .single-product-info .single-product-image-wrap .woocommerce-main-image:after {
left: 0;
top: 0;
content: "";
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
background-color: #fff;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.site-content-single-product .single-product-info .single-product-image-wrap .woocommerce-main-image img {
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.site-content-single-product .single-product-info .single-product-image-wrap .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
padding: 0;
}
.site-content-single-product .single-product-info .single-product-image-wrap .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .attachment-shop_single {
width: 100%;
}
.site-content-single-product .single-product-info .single-product-image-wrap .product-image-total-1,
.site-content-single-product .single-product-info .single-product-image-wrap .product-thumb-disable {
display: none;
}
.site-content-single-product .single-product-info .single-product-image-wrap .product-thumb-wrap {
width: 100%;
margin: 20px auto;
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync1:hover .owl-nav {
opacity: 1;
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync1 .owl-nav {
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync1 .owl-nav > div {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute;
line-height: 1;
font-size: 60px;
color: rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync1 .owl-nav > div:hover {
color: var(--primary_color);
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync1 .owl-nav > div.owl-next {
right: 30px;
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync1 .owl-nav > div.owl-prev {
left: 30px;
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync2:hover .owl-nav {
opacity: 1;
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync2 .owl-nav {
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync2 .owl-nav > div {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute;
padding: 7px 10px;
line-height: 1;
background-color: rgba(0, 0, 0, 0.3);
color: #fff;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync2 .owl-nav > div:hover {
background-color: var(--primary_color);
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync2 .owl-nav > div.owl-next {
right: 0;
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync2 .owl-nav > div.owl-prev {
left: 0;
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync2 .thumbnail-image {
padding-left: 10px;
padding-right: 10px;
text-align: center;
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync2 .thumbnail-image a {
display: block;
position: relative;
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync2 .thumbnail-image a:before {
left: 0;
top: 0;
content: "";
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
background-color: rgba(0, 0, 0, 0.04);
mix-blend-mode: darken;
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync2 .thumbnail-image a:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync2 .synced .thumbnail-image a:after {
border: 1px solid rgba(0, 0, 0, 0.3);
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync2 .synced .thumbnail-image a:before,
.site-content-single-product .single-product-info .single-product-image-wrap #sync2 .synced .thumbnail-image img {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.site-content-single-product .single-product-info .summary-product-wrap {
float: left;
padding: 0% 2% 4% 6%;
width: 52%;
}
.site-content-single-product .single-product-info .summary-product-wrap h1.product_title {
margin-bottom: 20px;
}
.site-content-single-product .single-product-info .summary-product-wrap .woocommerce-product-rating {
width: 40%;
margin-top: 10px;
float: right;
margin-bottom: 20px;
vertical-align: middle;
line-height: 20px;
}
.site-content-single-product .single-product-info .summary-product-wrap .woocommerce-product-rating .woocommerce-review-link {
font-size: 15px;
line-height: 1.4;
color: #878787;
margin-left: 25px;
}
.site-content-single-product .single-product-info .summary-product-wrap .woocommerce-product-rating .star-rating {
float: none;
margin: 0;
display: inline-block;
font-size: 13px;
height: 15px;
vertical-align: middle;
}
.site-content-single-product .single-product-info .summary-product-wrap p.price {
width: 60%;
font-size: 24px;
font-weight: 700;
line-height: 1.2;
font-style: normal;
letter-spacing: 0;
margin-bottom: 20px;
color: var(--primary_color);
}
.site-content-single-product .single-product-info .summary-product-wrap p.price del {
position: relative;
font-size: 18px;
color: #a8a8a8;
}
.site-content-single-product .single-product-info .summary-product-wrap .product-single-short-description {
color: var(--text_color);
margin-bottom: 20px;
}
.site-content-single-product .single-product-info .summary-product-wrap .product-single-short-description p {
margin-bottom: 0;
}
.site-content-single-product .single-product-info .summary-product-wrap form.cart {
float: left;
display: inline-block;
margin-bottom: 20px;
width: 100%;
}
.site-content-single-product .single-product-info .summary-product-wrap form.cart div.quantity {
margin-right: 10px;
}
.site-content-single-product .single-product-info .summary-product-wrap form.cart div.quantity label {
display: none;
}
.site-content-single-product .single-product-info .summary-product-wrap form.cart div.quantity .quantity-inner {
height: 50px;
border: 1px solid #ddd;
border-radius: 3px;
}
.site-content-single-product .single-product-info .summary-product-wrap form.cart div.quantity .quantity-inner input {
height: 46px;
font-size: 16px;
padding: 0 5px 0 15px;
}
.site-content-single-product .single-product-info .summary-product-wrap form.cart .button,
.site-content-single-product .single-product-info .summary-product-wrap form.cart .added_to_cart {
height: 50px;
min-width: 215px;
}
.site-content-single-product .single-product-info .summary-product-wrap form.cart .button.added {
display: none;
}
.site-content-single-product .single-product-info .summary-product-wrap form.cart .group_table {
border: none;
margin-bottom: 20px;
}
.site-content-single-product .single-product-info .summary-product-wrap form.cart .group_table td {
padding-bottom: 20px;
line-height: 42px;
}
.site-content-single-product .single-product-info .summary-product-wrap form.cart .group_table td.label {
padding: 0 10px;
}
.site-content-single-product .single-product-info .summary-product-wrap form.cart .group_table label {
font-weight: normal;
font-size: 15px;
color: #1f1f1f;
margin: 0;
line-height: 42px;
}
.site-content-single-product .single-product-info .summary-product-wrap form.cart .group_table td.price {
font-weight: normal;
line-height: 42px;
font-size: 18px;
}
.site-content-single-product .single-product-info .summary-product-wrap form.cart .group_table td.price ins {
display: inline-block;
text-decoration: none;
color: inherit;
}
.site-content-single-product .single-product-info .summary-product-wrap form.cart .group_table td.price del {
display: inline-block;
font-size: 16px;
color: #a0a0a0;
opacity: 1;
margin-right: 15px;
}
.site-content-single-product .single-product-info .summary-product-wrap form.cart .group_table td.price .out-of-stock {
display: inline-block;
margin-bottom: 0;
color: #cacaca;
font-size: 11px;
margin-left: 3px;
}
.site-content-single-product .single-product-info .summary-product-wrap form.variations_form .variations {
width: 100%;
margin: 0;
}
.site-content-single-product .single-product-info .summary-product-wrap form.variations_form .variations td {
display: table-cell;
text-align: left;
vertical-align: middle;
}
.site-content-single-product .single-product-info .summary-product-wrap form.variations_form .variations td.label {
padding: 0;
}
.site-content-single-product .single-product-info .summary-product-wrap form.variations_form .variations tr + tr td,
.site-content-single-product .single-product-info .summary-product-wrap form.variations_form .variations tr + tr td.label {
padding: 10px 0 0 0;
}
.site-content-single-product .single-product-info .summary-product-wrap form.variations_form .variations td.label label {
font-weight: bold;
line-height: 42px;
margin-bottom: 0;
padding-right: 10px;
text-transform: uppercase;
font-size: 14px;
color: #000;
}
.site-content-single-product .single-product-info .summary-product-wrap form.variations_form .single_variation_wrap:after,
.site-content-single-product .single-product-info .summary-product-wrap form.variations_form .variations_button:after {
content: "";
display: block;
clear: both;
}
.site-content-single-product .single-product-info .summary-product-wrap form.variations_form .single_variation span.price {
font-size: 30px !important;
color: var(--primary_color);
line-height: 1;
margin-bottom: 20px;
}
.site-content-single-product .single-product-info .summary-product-wrap form.variations_form .single_variation_wrap .single_add_to_cart_button {
background-color: var(--secondary_color);
}
.site-content-single-product .single-product-info .summary-product-wrap form.variations_form .single_variation_wrap .single_add_to_cart_button:hover {
background-color: var(--primary_color);
}
.site-content-single-product .single-product-info .summary-product-wrap .yith-wcwl-add-to-wishlist {
margin-left: 0px;
display: inline-block;
margin-top: 0;
text-align: center;
line-height: 48px;
margin-bottom: 20px;
display: none;
}
.site-content-single-product .single-product-info .summary-product-wrap .yith-wcwl-add-to-wishlist .yith-wcwl-add-button {
font-size: 0;
width: 50px;
height: 50px;
border: 1px solid #ddd;
}
.site-content-single-product .single-product-info .summary-product-wrap .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a {
display: block;
}
.site-content-single-product .single-product-info .summary-product-wrap .yith-wcwl-add-to-wishlist .yith-wcwl-add-button img {
display: none !important;
}
.site-content-single-product .single-product-info .summary-product-wrap .yith-wcwl-add-to-wishlist i {
line-height: 48px;
font-size: 18px;
margin-right: 0;
}
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function {
margin-top: 20px;
margin-bottom: 20px;
}
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function .yith-wcwl-add-to-wishlist {
margin: 0 15px 0 0;
display: inline-block;
}
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function .yith-wcwl-wishlistaddedbrowse a,
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function .yith-wcwl-wishlistexistsbrowse a,
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function .yith-wcwl-add-button a.add_to_wishlist {
font-size: 13px;
color: #777;
text-transform: uppercase;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function .yith-wcwl-wishlistaddedbrowse a:hover:before,
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function .yith-wcwl-wishlistexistsbrowse a:hover:before,
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function .yith-wcwl-add-button a.add_to_wishlist:hover:before {
color: var(--primary_color);
}
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function .compare.added:before,
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function .yith-wcwl-wishlistaddedbrowse a:before,
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function .yith-wcwl-wishlistexistsbrowse a:before,
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function .yith-wcwl-add-button a.add_to_wishlist:before {
font-family: FontAwesome;
content: "\f004";
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 11px;
vertical-align: middle;
width: 36px;
height: 36px;
background-color: #FAFAFA;
line-height: 36px;
text-align: center;
border-radius: 100%;
display: inline-block;
margin-right: 10px;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function .compare.added:before {
content: "\f012";
}
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function a.compare {
font-size: 13px;
color: #777;
text-transform: uppercase;
display: inline-block;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function a.compare i {
font-size: 11px;
vertical-align: middle;
width: 36px;
height: 36px;
background-color: #FAFAFA;
line-height: 36px;
text-align: center;
border-radius: 100%;
display: inline-block;
color: #888888;
margin-right: 10px;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function a.compare:hover i {
color: var(--primary_color);
}
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function .feedback {
display: none !important;
}
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function .fa-heart-o {
display: none;
}
.site-content-single-product .single-product-info .summary-product-wrap .product_meta > span {
display: block;
padding-bottom: 15px;
}
.site-content-single-product .single-product-info .summary-product-wrap .product_meta > span + span {
margin-top: 5px;
}
.site-content-single-product .single-product-info .summary-product-wrap .product_meta .yith-wcbr-brands-logo {
padding: 0px;
margin: 0px;
}
.site-content-single-product .single-product-info .summary-product-wrap .product_meta .yith-wcbr-brands {
display: none;
}
.site-content-single-product .single-product-info .summary-product-wrap .product_meta label {
font-weight: 400;
margin-bottom: 0;
font-weight: bold;
color: #000;
width: 135px;
}
.site-content-single-product .single-product-info .summary-product-wrap .product_meta .tagged_as a {
padding-right: 3px;
}
.site-content-single-product .single-product-info .summary-product-wrap .stock {
display: none;
}
.site-content-single-product .single-product-info .summary-product-wrap .social-share-wrap label {
font-size: 14px;
text-transform: none;
color: #000;
font-weight: bold;
}
.site-content-single-product .single-product-info .summary-product-wrap .select_option {
margin-right: 15px;
}
.site-content-single-product .single-product-info .summary-product-wrap .select_option span {
font-weight: bold;
color: var(--text_color_fade_50);
}
.site-content-single-product .single-product-info .summary-product-wrap .select_option.selected span {
color: #000;
}
.site-content-single-product .single-product-info .summary-product-wrap .social-share-wrap {
width: 100%;
text-align: left;
}
.site-content-single-product .single-product-info .summary-product-wrap .social-share-wrap .social-share {
display: inline-block;
padding: 0;
}
.site-content-single-product .single-product-info .summary-product-wrap .social-share-wrap .social-share li {
margin: 0px 8px 10px 0px;
display: inline-block;
text-align: center;
}
.site-content-single-product .single-product-info .summary-product-wrap .social-share-wrap .social-share li a {
padding: 0;
display: block;
height: 38px;
width: 125px;
line-height: 38px;
border: 1px solid #ddd;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
border-radius: 3px;
}
.site-content-single-product .single-product-info .summary-product-wrap .social-share-wrap .social-share li a i:before {
padding-right: 10px;
}
.site-content-single-product .single-product-info .summary-product-wrap .social-share-wrap .social-share li a:hover {
color: #fff;
background-color: var(--primary_color);
border-color: var(--primary_color);
}
.site-content-single-product .single-product-info .yith-wcwl-add-to-wishlist {
display: none;
}
.site-content-single-product .single-product-info .compare {
display: none;
}
@media (max-width: 768px) {
.site-content-single-product .single-product-info .single-product-image-wrap {
width: 100%;
}
.site-content-single-product .single-product-info .summary-product-wrap {
width: 100%;
}
.site-content-single-product .single-product-info .summary-product-wrap h1 {
padding-top: 30px;
}
}
.site-content-single-product.modal .single-product-info {
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
}
.site-content-single-product.modal .single-product-info .single-product-image-wrap .single-product-image .product-flash-wrap {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.single-product-wrap .full .site-content-single-product .single-product-inner .product .single-product-info {
padding: 0;
background-color: #fcfcfc;
}
.single-product-wrap .full .site-content-single-product .single-product-inner .product .single-product-info .single-product-image-wrap {
width: 50%;
}
.single-product-wrap .full .site-content-single-product .single-product-inner .product .single-product-info .single-product-image-wrap .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
padding: 0;
text-align: center;
}
.single-product-wrap .full .site-content-single-product .single-product-inner .product .single-product-info .single-product-image-wrap .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .attachment-shop_single {
width: 70%;
}
.single-product-wrap .full .site-content-single-product .single-product-inner .product .single-product-info .summary-product-wrap {
width: 50%;
padding: 75px 10% 75px 70px;
}
.single-product-wrap .full .site-content-single-product .single-product-inner .product.product-type-variable .single-product-info .single-product-image-wrap {
width: 50%;
}
.single-product-wrap .full .site-content-single-product .single-product-inner .product.product-type-variable .single-product-info .single-product-image-wrap .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .attachment-shop_single {
width: 70% !important;
}
.single-product-wrap .full .site-content-single-product .single-product-inner .product.product-type-variable .single-product-info .summary-product-wrap {
width: 50%;
}
.single-product-wrap .full .site-content-single-product .woocommerce-tabs {
margin-top: 0;
background-color: #3f3f3f;
padding: 50px 0;
}
.single-product-wrap .full .site-content-single-product .woocommerce-tabs .container {
border: none;
background-color: transparent;
}
.single-product-wrap .full .site-content-single-product .woocommerce-tabs .container ul.tabs {
background-color: transparent;
margin-bottom: 30px;
}
.single-product-wrap .full .site-content-single-product .woocommerce-tabs .container ul.tabs li {
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0;
background-color: transparent;
margin: 0 10px;
}
.single-product-wrap .full .site-content-single-product .woocommerce-tabs .container ul.tabs li a {
padding: 7px 20px;
border-radius: 0;
color: #fff;
}
.single-product-wrap .full .site-content-single-product .woocommerce-tabs .container ul.tabs li:after {
display: none;
}
.single-product-wrap .full .site-content-single-product .woocommerce-tabs .container ul.tabs li.active {
background-color: var(--primary_color);
}
.single-product-wrap .full .site-content-single-product .woocommerce-tabs .container ul.tabs li.active a {
color: #333333;
}
.single-product-wrap .full .site-content-single-product .woocommerce-tabs .container .panel {
width: 100%;
padding: 60px 30px;
}
.single-product-wrap .full .site-content-single-product .woocommerce-tabs .container .panel#tab-description p {
position: relative;
width: 50%;
float: left;
text-align: left;
padding-left: 30px;
}
.single-product-wrap .full .site-content-single-product .woocommerce-tabs .container .panel#tab-description p:before {
content: '';
height: 100%;
width: 2px;
background-color: #ddd;
position: absolute;
top: 0;
left: 0;
} .woocommerce div.product .woocommerce-tabs {
margin-top: 50px;
}
.woocommerce div.product .woocommerce-tabs:after {
content: "";
display: block;
clear: both;
}
.woocommerce div.product .woocommerce-tabs .container {
border-top: 2px solid #333333;
border-bottom: 2px solid #333333;
background-color: #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
text-align: center;
padding: 0px;
background-color: #fff;
margin: 0px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
display: inline-block;
font-weight: bold;
border: none;
background-color: transparent;
margin: 0;
padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
content: '/';
position: relative;
border: none;
right: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:last-child:after {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-size: 18px;
color: var(--text_color);
font-weight: bold;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
padding: 25px;
padding-top: 35px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: #000;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li + li {
border-top: 1px solid #ddd;
}
.woocommerce div.product .woocommerce-tabs .panel {
width: 70%;
position: relative;
overflow: hidden;
margin: 0 auto;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding: 40px 10px;
padding-top: 0;
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
display: none;
font-size: 25px;
margin: 0px;
padding: 0 30px 20px 30px;
position: relative;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews h2 {
display: block;
}
.woocommerce div.product .woocommerce-tabs .panel .commentlist {
padding: 0 0 0 30px;
}
.woocommerce div.product .woocommerce-tabs .panel #review_form_wrapper {
padding: 0 30px;
}
.woocommerce div.product .woocommerce-tabs .panel .shop_attributes th {
padding: 8px 8px 8px 30px;
}
.woocommerce div.product .woocommerce-tabs .panel .shop_attributes .alt th,
.woocommerce div.product .woocommerce-tabs .panel .shop_attributes .alt td {
background-color: #fff;
}
.woocommerce div.product .woocommerce-tabs #tab-description {
line-height: 1.8;
text-align: center;
}
.woocommerce div.product .woocommerce-tabs #tab-description p {
padding: 0px 30px 0 30px;
}
@media (max-width: 768px) {
.woocommerce div.product .woocommerce-tabs ul.tabs {
width: 100%;
}
.woocommerce div.product .woocommerce-tabs div.panel {
width: 100%;
}
} .woocommerce #reviews .woocommerce-noreviews {
padding: 0 30px;
padding-bottom: 20px;
}
.woocommerce #reviews #comments ol.commentlist li {
margin: 0;
border-bottom: 1px solid #ddd;
padding: 25px 0px;
}
.woocommerce #reviews #comments ol.commentlist li:last-child {
border-color: transparent;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
width: 70px;
height: 70px;
padding: 0;
margin: 0;
border: none;
position: static;
border-radius: 50%;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin: 0 0 0 80px;
padding: 0 25px 0px 25px;
border: none;
position: relative;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating {
float: right;
margin: 0px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
font-size: 14px;
margin-bottom: 10px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong {
margin-right: 20px;
color: #000;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta time {
font-size: 12px;
text-transform: capitalize;
}
.woocommerce #review_form #respond h3.comment-reply-title {
font-size: 18px;
margin-bottom: 15px;
text-transform: uppercase;
position: relative;
}
.woocommerce #review_form #respond h3.comment-reply-title:before {
content: '';
width: 50px;
height: 2px;
background-color: #ffb535;
position: absolute;
bottom: -5px;
display: inline-block;
left: 0;
}
.woocommerce #review_form #respond p {
margin: 0px;
}
.woocommerce #review_form #respond p p.stars {
display: inline-block;
line-height: 1;
padding: 0px;
padding-left: 30px;
}
.woocommerce #review_form #respond p.form-submit {
margin-top: 20px;
}
.woocommerce #review_form #respond .comment-fields-wrap .row {
margin: 0;
}
.woocommerce #review_form #respond .comment-fields-wrap .row label {
margin-top: 20px;
margin-bottom: 10px;
color: #000;
text-transform: uppercase;
}
.woocommerce #review_form #respond .comment-fields-wrap .row .comment-form-rating:hover label,
.woocommerce #review_form #respond .comment-fields-wrap .row .comment-form-comment:hover label {
color: var(--primary_color);
}
.woocommerce #review_form #respond .comment-form-rating label,
.woocommerce #review_form #respond .comment-form-comment label {
text-transform: uppercase;
color: #000;
margin-top: 20px;
margin-bottom: 10px;
}
.upsells.products h4.widget-title,
.related.products h4.widget-title,
.cross-sells h4.widget-title {
font-size: 30px;
border-bottom: 1px solid;
}
.upsells.products .product-slider .owl-theme .owl-controls,
.related.products .product-slider .owl-theme .owl-controls,
.cross-sells .product-slider .owl-theme .owl-controls {
margin: 0;
height: 0;
position: absolute;
top: -98px;
right: 15px;
}
.upsells.products .product-slider .owl-theme .owl-controls .owl-buttons div,
.related.products .product-slider .owl-theme .owl-controls .owl-buttons div,
.cross-sells .product-slider .owl-theme .owl-controls .owl-buttons div {
width: 42px;
height: 42px;
border: 2px solid #ddd;
background-color: transparent;
padding: 0;
line-height: 38px;
opacity: 1;
color: var(--text_color);
margin: 0;
font-size: 15px;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.upsells.products .product-slider .owl-theme .owl-controls .owl-buttons div:hover,
.related.products .product-slider .owl-theme .owl-controls .owl-buttons div:hover,
.cross-sells .product-slider .owl-theme .owl-controls .owl-buttons div:hover {
background-color: #F7F7F7;
border-color: #F7F7F7;
}
.upsells.products .product-slider .owl-theme .owl-controls .owl-buttons div.owl-prev,
.related.products .product-slider .owl-theme .owl-controls .owl-buttons div.owl-prev,
.cross-sells .product-slider .owl-theme .owl-controls .owl-buttons div.owl-prev {
margin-right: 5px;
}
.site-content-single-product .related.products h4.widget-title {
text-transform: uppercase;
text-align: center;
letter-spacing: 3px;
padding: 50px 0px;
background-color: #fff;
}
.site-content-single-product .upsells.products h4.widget-title {
text-transform: uppercase;
text-align: center;
letter-spacing: 3px;
padding: 50px 0px;
}
.upsells .widget-title {
position: relative;
border: none !important;
text-align: center;
text-transform: uppercase;
margin: 0;
z-index: 1;
}
.upsells .slider {
margin-left: -15px;
margin-right: -15px;
}
.upsells .slider .owl-nav div {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
border-radius: 0;
height: 44px;
width: 44px;
padding: 0;
background-color: rgba(128, 128, 128, 0.5);
text-align: center;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.upsells .slider .owl-nav div i {
font-size: 24px;
line-height: 44px;
}
.upsells .slider .owl-nav div:hover {
background-color: var(--primary_color);
}
.upsells .slider .owl-nav .owl-prev {
left: -10px;
}
.upsells .slider .owl-nav .owl-next {
right: -10px;
}
.upsells .slider .product-item-wrap {
padding: 0px 15px;
}
.upsells .slider .product-item-wrap .product-info h3 {
margin-bottom: 20px;
width: 100%;
}
.related {
padding-top: 80px;
padding-bottom: 40px;
background-color: #fff;
}
.related .widget-title {
position: relative;
border: none !important;
text-align: center;
text-transform: uppercase;
margin: 0;
z-index: 1;
margin-bottom: 50px;
}
.related .slider {
margin-left: -15px;
margin-right: -15px;
}
.related .slider .owl-nav div {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
border-radius: 0;
height: 44px;
width: 44px;
padding: 0;
background-color: rgba(128, 128, 128, 0.5);
text-align: center;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.related .slider .owl-nav div i {
font-size: 24px;
color: #fff;
line-height: 44px;
}
.related .slider .owl-nav div:hover {
background-color: var(--primary_color);
}
.related .slider .owl-nav .owl-prev {
left: -10px;
}
.related .slider .owl-nav .owl-next {
right: -10px;
}
.related .slider .product-item-wrap {
padding: 0px 15px;
}
.related .slider .product-item-wrap .product-info h3 {
margin-bottom: 20px;
width: 100%;
}
.variable-items-wrapper.color-variable-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 15px;
list-style: none;
margin-bottom: 0 !important;
}
.variable-items-wrapper.color-variable-wrapper > li {
width: 20px !important;
height: 20px !important;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 0;
margin-right: 10px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
border: 1px solid rgba(0, 0, 0, 0.3);
cursor: pointer;
position: relative;
vertical-align: middle;
}
.variable-items-wrapper.color-variable-wrapper > li.selected {
cursor: pointer;
border-color: var(--primary_color);
}
.variable-items-wrapper.label-variable-wrapper {
padding-left: 15px;
}
.variable-items-wrapper.label-variable-wrapper > li {
cursor: pointer;
position: relative;
padding: 5px 10px;
border: 1px solid rgba(0, 0, 0, 0.3);
margin-right: 5px;
}
.variable-items-wrapper.label-variable-wrapper > li.selected {
cursor: pointer;
border-color: var(--primary_color);
}
.single-product .pp_pic_holder .pp_content_container .pp_left .pp_right .pp_content .pp_fade .pp_gallery ul li a:hover {
border-color: var(--primary_color);
}
.single-product .pp_pic_holder .pp_content_container .pp_left .pp_right .pp_content .pp_fade .pp_gallery ul li.selected a {
border-color: var(--primary_color);
}
.pp_pic_holder .pp_content_container .pp_left .pp_right .pp_content .pp_fade .pp_gallery {
margin-top: -60px;
display: none !important;
}
.pp_pic_holder .pp_content_container .pp_left .pp_right .pp_content .pp_fade .pp_gallery ul {
height: 50px;
}
.pp_pic_holder .pp_content_container .pp_left .pp_right .pp_content .pp_fade .pp_gallery ul li a {
height: 50px;
}
.pp_pic_holder .pp_content_container .pp_left .pp_right .pp_content .pp_fade .pp_gallery ul li a:hover {
border-color: var(--primary_color);
}
.pp_pic_holder .pp_content_container .pp_left .pp_right .pp_content .pp_fade .pp_gallery ul li.selected a {
border-color: var(--primary_color);
}
div.light_square .pp_expand {
display: none !important;
}
a.pp_previous,
a.pp_next {
opacity: 0;
}
div.light_square .pp_next {
background-position: center right;
}
div.light_square .pp_previous {
background-position: center left;
}
div.light_square .pp_next:hover,
div.light_square .pp_previous:hover {
opacity: 1;
}
.product-thumb-wrap .owl-carousel .owl-stage {
margin: 0 auto;
}
.yolo-box-login {
padding: 120px 30px;
background: #fff;
min-width: 468px;
min-height: 600px;
margin: 50px auto;
position: relative;
background-size: cover;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.7);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.7);
}
@media (max-width: 480px) {
.yolo-box-login {
padding: 60px 30px;
min-width: 280px;
min-height: 500px;
max-width: 320px;
}
}
.yolo-box-login.yolo-popup-main {
display: none;
}
.yolo-box-login .title {
text-transform: uppercase;
font-size: 36px;
margin-bottom: 30px;
margin: 0;
}
@media (max-width: 480px) {
.yolo-box-login .title {
font-size: 24px;
}
}
.yolo-box-login span {
font-size: 18px;
}
@media (max-width: 480px) {
.yolo-box-login span {
font-size: 14px;
}
}
.yolo-box-login span.btslogan {
font-size: 14px;
margin-top: 20px;
}
.yolo-box-login span.btslogan:before {
content: '*';
display: inline-block;
}
.yolo-box-login label {
display: none;
}
.yolo-box-login .notice {
display: none;
}
.yolo-box-login .yolo-login-member-wrap,
.yolo-box-login .yolo-register-member-wrap {
margin-bottom: 15px;
}
.yolo-box-login .yolo-login-member-wrap .yolo-register-member-left,
.yolo-box-login .yolo-register-member-wrap .yolo-register-member-left {
margin-bottom: 30px;
}
.yolo-box-login .yolo-login-member-wrap .yolo-register-member-left .yolo-item-wrap,
.yolo-box-login .yolo-register-member-wrap .yolo-register-member-left .yolo-item-wrap {
margin-bottom: 15px;
}
.yolo-box-login .yolo-login-member-wrap .yolo-register-member-left .yolo-item-wrap input,
.yolo-box-login .yolo-register-member-wrap .yolo-register-member-left .yolo-item-wrap input {
height: 40px;
width: 100%;
background-color: transparent;
border: 1px solid var(--primary_color);
}
.yolo-box-login .yolo-login-member-wrap .yolo-register-member-left .yolo-item-wrap.validate-error input,
.yolo-box-login .yolo-register-member-wrap .yolo-register-member-left .yolo-item-wrap.validate-error input {
border: 1px solid red;
}
.yolo-box-login .yolo-login-member-wrap .yolo-register-member-left .yolo-item-wrap.validate-error .notice,
.yolo-box-login .yolo-register-member-wrap .yolo-register-member-left .yolo-item-wrap.validate-error .notice {
color: red;
display: block;
}
.yolo-box-login .yolo-login-action button {
position: relative;
width: 100%;
height: 50px;
background-color: var(--primary_color);
color: #fff;
border: none;
text-transform: uppercase;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo-box-login .yolo-login-action button i {
right: 3px;
left: auto !important;
top: 18px;
}
.yolo-box-login .yolo-login-action button:hover {
background-color: var(--primary_color_lighten_15);
}
.yolo-box-login .yolo-login-member-container,
.yolo-box-login .yolo-register-member-container {
margin-top: 50px;
}
.yolo-box-login .yolo-login-member-container .open-form-toggle,
.yolo-box-login .yolo-register-member-container .open-form-toggle {
right: -86px;
width: 137px;
white-space: nowrap;
}
.yolo-box-login .yolo-register-member-container {
display: none;
}
.yolo-box-login .open-form-toggle {
border-radius: 25px 25px 0 0;
-webkit-border-radius: 25px 25px 0 0;
-moz-border-radius: 25px 25px 0 0;
position: absolute;
right: -81px;
top: 70px;
padding: 5px 20px;
background: #000;
color: #fff;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.bt-login,
.yolo-account {
position: relative;
height: inherit;
font-size: var(--menu_font_size);
font-weight: var(--menu_font_weight);
}
.bt-login > a,
.yolo-account > a {
line-height: 50px;
}
.bt-login > a i,
.yolo-account > a i {
font-size: 16px !important;
}
.bt-login:hover > a,
.yolo-account:hover > a {
color: var(--primary_color);
}
.bt-login ul,
.yolo-account ul {
position: absolute;
top: 150%;
opacity: 0;
min-width: 200px;
visibility: hidden;
overflow: hidden;
background-color: #fff;
-webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
z-index: 9;
list-style-type: none;
padding: 10px 20px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.bt-login ul li,
.yolo-account ul li {
line-height: 35px;
font-size: 14px;
}
.bt-login ul li a span.profile-avatar,
.yolo-account ul li a span.profile-avatar {
display: inline-block;
height: 16px;
width: 16px;
margin-right: 5px;
}
.bt-login ul li a span.profile-avatar img,
.yolo-account ul li a span.profile-avatar img {
border-radius: 100%;
}
.bt-login ul li a .profile-text,
.yolo-account ul li a .profile-text {
text-transform: capitalize;
}
.bt-login ul li a:hover,
.yolo-account ul li a:hover {
color: var(--primary_color);
}
.bt-login:hover ul,
.yolo-account:hover ul {
top: 99%;
visibility: visible;
opacity: 1;
text-align: left;
}   .banner-shortcode-wrap {
background-color: #fff;
}
.banner-shortcode-wrap .banner-content img {
width: 100%;
}
.banner-shortcode-wrap.style_1 {
margin-top: 15px;
margin-bottom: 15px;
}
.banner-shortcode-wrap.style_1 .banner-content {
position: relative;
overflow: hidden;
}
.banner-shortcode-wrap.style_1 .banner-content.title_top .banner-title {
top: 18px;
}
.banner-shortcode-wrap.style_1 .banner-content.title_top .overlay-bg {
top: 15px;
}
.banner-shortcode-wrap.style_1 .banner-content.title_bottom .banner-title {
bottom: 18px;
}
.banner-shortcode-wrap.style_1 .banner-content.title_bottom .overlay-bg {
bottom: 15px;
}
.banner-shortcode-wrap.style_1 .banner-content .banner-title {
position: absolute;
left: 30px;
z-index: 2;
font-size: 36px;
text-transform: uppercase;
margin: 0;
color: #fff;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
@media (min-width: 768px) and (max-width: 991px) {
.banner-shortcode-wrap.style_1 .banner-content .banner-title {
font-size: 24px;
}
}
.banner-shortcode-wrap.style_1 .banner-content .overlay-bg {
opacity: 0.8;
width: 40px;
height: 50px;
position: absolute;
left: 20px;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
@media (min-width: 768px) and (max-width: 991px) {
.banner-shortcode-wrap.style_1 .banner-content .overlay-bg {
height: 35px;
}
}
@media (max-width: 767px) {
.banner-shortcode-wrap.style_1 .banner-content img {
height: auto;
width: 100%;
}
}
.banner-shortcode-wrap.style_1:hover .banner-content.title_bottom .overlay-bg {
bottom: 0;
top: auto;
left: 0;
}
.banner-shortcode-wrap.style_1:hover .banner-content.title_bottom .banner-title {
bottom: 50%;
top: auto;
-webkit-transform: translate(-50%, 50%);
-ms-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.banner-shortcode-wrap.style_1:hover .banner-content .overlay-bg {
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.banner-shortcode-wrap.style_1:hover .banner-content .banner-title {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
bottom: auto;
}
@media (max-width: 767px) {
.banner-shortcode-wrap.style_1 {
margin-top: 15px;
margin-bottom: 15px;
}
}
.banner-shortcode-wrap.style_2 .banner-content {
position: relative;
margin: 15px 0;
overflow: hidden;
}
.banner-shortcode-wrap.style_2 .banner-content .banner-price {
z-index: 2;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 100px;
width: 100px;
border-radius: 100%;
background-color: var(--primary_color);
line-height: 100px;
font-size: 36px;
text-align: center;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
@media (max-width: 320px) {
.banner-shortcode-wrap.style_2 .banner-content .banner-price {
height: 50px;
width: 50px;
line-height: 50px;
font-size: 18px;
}
}
.banner-shortcode-wrap.style_2 .banner-content .banner-title-wrap {
position: absolute;
width: 50%;
height: 100%;
background-color: rgba(0, 0, 0, 0.75);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.banner-shortcode-wrap.style_2 .banner-content .banner-title-wrap .banner-title-content {
padding-left: 30px;
width: 100%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.banner-shortcode-wrap.style_2 .banner-content .banner-title-wrap .banner-title-content .banner-sub-title {
font-size: 18px;
text-transform: uppercase;
color: #fff;
margin-bottom: 5px;
font-weight: 300;
}
.banner-shortcode-wrap.style_2 .banner-content .banner-title-wrap .banner-title-content .banner-title {
font-size: 50px;
text-transform: uppercase;
color: #fff;
line-height: 1;
width: 50%;
}
@media (max-width: 320px) {
.banner-shortcode-wrap.style_2 .banner-content .banner-title-wrap .banner-title-content .banner-title {
font-size: 24px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.banner-shortcode-wrap.style_2 .banner-content .banner-title-wrap .banner-title-content .banner-title {
font-size: 30px;
}
}
.banner-shortcode-wrap.style_2 .banner-content .banner-title-wrap.title_left {
left: 0;
}
.banner-shortcode-wrap.style_2 .banner-content .banner-title-wrap.title_right {
right: 0;
}
.banner-shortcode-wrap.style_2 .banner-content .banner-title-wrap.title_right .banner-title-content {
padding-left: 80px;
}
@media (min-width: 768px) and (max-width: 991px) {
.banner-shortcode-wrap.style_2 .banner-content .banner-title-wrap.title_right .banner-title-content {
padding-left: 50px;
}
}
@media (max-width: 320px) {
.banner-shortcode-wrap.style_2 .banner-content .banner-title-wrap.title_right .banner-title-content {
padding-left: 30px;
}
}
.banner-shortcode-wrap.style_2 .banner-content .banner-hover {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
-webkit-transition: all 0.45s ease;
-o-transition: all 0.45s ease;
transition: all 0.45s ease;
}
.banner-shortcode-wrap.style_2 .banner-content .banner-hover .banner-hover-title {
font-size: 36px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
text-align: center;
margin-bottom: 5px;
}
@media (max-width: 320px) {
.banner-shortcode-wrap.style_2 .banner-content .banner-hover .banner-hover-title {
font-size: 18px;
}
}
.banner-shortcode-wrap.style_2 .banner-content .banner-hover .banner-hover-sub-title {
font-size: 50px;
color: #fff;
text-transform: uppercase;
white-space: nowrap;
font-weight: 300;
line-height: 1.2;
padding: 0 15px;
}
@media (max-width: 320px) {
.banner-shortcode-wrap.style_2 .banner-content .banner-hover .banner-hover-sub-title {
font-size: 36px;
}
}
.banner-shortcode-wrap.style_2 .banner-content:hover .banner-title-wrap {
width: 100%;
}
.banner-shortcode-wrap.style_2 .banner-content:hover .banner-title-wrap .banner-title-content {
opacity: 0;
visibility: hidden;
}
.banner-shortcode-wrap.style_2 .banner-content:hover .banner-price {
opacity: 0;
}
.banner-shortcode-wrap.style_2 .banner-content:hover .banner-hover {
opacity: 1;
}
.banner-shortcode-wrap.style_3 .banner-content {
position: relative;
overflow: hidden;
z-index: 1;
}
.banner-shortcode-wrap.style_3 .banner-content .banner-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.banner-shortcode-wrap.style_3 .banner-content .banner-overlay:before {
content: '';
height: 100%;
width: 25%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1;
-webkit-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.banner-shortcode-wrap.style_3 .banner-content .banner-overlay:after {
content: '';
height: 100%;
width: 25%;
position: absolute;
top: 0;
left: 25%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1;
-webkit-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.banner-shortcode-wrap.style_3 .banner-content .banner-overlay .banner-title-wrap:before {
content: '';
height: 100%;
width: 25%;
position: absolute;
top: 0;
left: 50%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1;
-webkit-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.banner-shortcode-wrap.style_3 .banner-content .banner-overlay .banner-title-wrap:after {
content: '';
height: 100%;
width: 25%;
position: absolute;
top: 0;
left: 75%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1;
-webkit-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.banner-shortcode-wrap.style_3 .banner-content .banner-overlay .banner-title-wrap .banner-title {
font-size: 70px;
text-transform: uppercase;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
margin: 5px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 4px solid transparent;
outline: 1px solid #fff;
padding: 10px 40px;
mix-blend-mode: lighten;
font-weight: 300;
z-index: 2;
}
@media (max-width: 1919px) {
.banner-shortcode-wrap.style_3 .banner-content .banner-overlay .banner-title-wrap .banner-title {
font-size: 50px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.banner-shortcode-wrap.style_3 .banner-content .banner-overlay .banner-title-wrap .banner-title {
font-size: 24px;
}
}
@media (max-width: 479px) {
.banner-shortcode-wrap.style_3 .banner-content .banner-overlay .banner-title-wrap .banner-title {
font-size: 28px;
}
}
.banner-shortcode-wrap.style_3 .banner-content .banner-overlay .banner-title-wrap .banner-title:first-word {
font-size: 100px;
}
.banner-shortcode-wrap.style_3 .banner-content .banner-overlay .banner-title-wrap .banner-title:before {
z-index: -1;
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
}
.banner-shortcode-wrap.style_3 .banner-content:hover .banner-overlay:before {
top: 100%;
}
.banner-shortcode-wrap.style_3 .banner-content:hover .banner-overlay:after {
top: -100%;
}
.banner-shortcode-wrap.style_3 .banner-content:hover .banner-overlay .banner-title-wrap:before {
top: 100%;
}
.banner-shortcode-wrap.style_3 .banner-content:hover .banner-overlay .banner-title-wrap:after {
top: -100%;
}
@media (max-width: 767px) {
.banner-shortcode-wrap.style_3 .banner-content {
margin: 15px 0;
}
}
@media (max-width: 767px) {
.banner-shortcode-wrap.style_3.effect_2 .banner-content img {
width: 100%;
}
}
.banner-shortcode-wrap.style_3.effect_2 .banner-content .banner-overlay:before {
height: 25%;
width: 100%;
top: 0;
left: 0;
}
.banner-shortcode-wrap.style_3.effect_2 .banner-content .banner-overlay:after {
height: 25%;
width: 100%;
top: 25%;
left: 0;
}
.banner-shortcode-wrap.style_3.effect_2 .banner-content .banner-overlay .banner-title-wrap:before {
height: 25%;
width: 100%;
top: 50%;
left: 0;
}
.banner-shortcode-wrap.style_3.effect_2 .banner-content .banner-overlay .banner-title-wrap:after {
height: 25%;
width: 100%;
top: 75%;
left: 0;
}
.banner-shortcode-wrap.style_3.effect_2 .banner-content .banner-overlay .banner-title-wrap .banner-title {
line-height: 0.8;
font-weight: bold;
}
.banner-shortcode-wrap.style_3.effect_2 .banner-content .banner-overlay .banner-title-wrap .banner-title span {
font-size: 36px;
}
@media (min-width: 768px) and (max-width: 991px) {
.banner-shortcode-wrap.style_3.effect_2 .banner-content .banner-overlay .banner-title-wrap .banner-title {
font-size: 36px !important;
}
.banner-shortcode-wrap.style_3.effect_2 .banner-content .banner-overlay .banner-title-wrap .banner-title span {
font-size: 24px;
}
}
@media (max-width: 479px) {
.banner-shortcode-wrap.style_3.effect_2 .banner-content .banner-overlay .banner-title-wrap .banner-title {
font-size: 36px !important;
}
.banner-shortcode-wrap.style_3.effect_2 .banner-content .banner-overlay .banner-title-wrap .banner-title span {
font-size: 24px;
}
}
.banner-shortcode-wrap.style_3.effect_2 .banner-content:hover .banner-overlay:before {
left: 100%;
}
.banner-shortcode-wrap.style_3.effect_2 .banner-content:hover .banner-overlay:after {
left: -100%;
}
.banner-shortcode-wrap.style_3.effect_2 .banner-content:hover .banner-overlay .banner-title-wrap:before {
left: 100%;
}
.banner-shortcode-wrap.style_3.effect_2 .banner-content:hover .banner-overlay .banner-title-wrap:after {
left: -100%;
}
.banner-shortcode-wrap.style_3.effect_3 .banner-content .banner-overlay:before {
height: 25%;
width: 100%;
top: 0;
left: 0;
}
.banner-shortcode-wrap.style_3.effect_3 .banner-content .banner-overlay:after {
height: 25%;
width: 100%;
top: 25%;
left: 0;
}
.banner-shortcode-wrap.style_3.effect_3 .banner-content .banner-overlay .banner-title-wrap:before {
height: 25%;
width: 100%;
top: 50%;
right: 0;
left: auto;
}
.banner-shortcode-wrap.style_3.effect_3 .banner-content .banner-overlay .banner-title-wrap:after {
height: 25%;
width: 100%;
top: 75%;
right: 0;
left: auto;
}
.banner-shortcode-wrap.style_3.effect_3 .banner-content .banner-overlay .banner-title-wrap .banner-title {
line-height: 0.8;
font-weight: bold;
}
.banner-shortcode-wrap.style_3.effect_3 .banner-content .banner-overlay .banner-title-wrap .banner-title span {
font-size: 36px;
}
@media (min-width: 768px) and (max-width: 991px) {
.banner-shortcode-wrap.style_3.effect_3 .banner-content .banner-overlay .banner-title-wrap .banner-title {
font-size: 36px !important;
}
.banner-shortcode-wrap.style_3.effect_3 .banner-content .banner-overlay .banner-title-wrap .banner-title span {
font-size: 24px;
}
}
@media (max-width: 479px) {
.banner-shortcode-wrap.style_3.effect_3 .banner-content .banner-overlay .banner-title-wrap .banner-title {
font-size: 36px !important;
}
.banner-shortcode-wrap.style_3.effect_3 .banner-content .banner-overlay .banner-title-wrap .banner-title span {
font-size: 24px;
}
}
.banner-shortcode-wrap.style_3.effect_3 .banner-content:hover .banner-overlay:before {
width: 0;
opacity: 0;
}
.banner-shortcode-wrap.style_3.effect_3 .banner-content:hover .banner-overlay:after {
width: 0;
opacity: 0;
}
.banner-shortcode-wrap.style_3.effect_3 .banner-content:hover .banner-overlay .banner-title-wrap:before {
width: 0;
opacity: 0;
}
.banner-shortcode-wrap.style_3.effect_3 .banner-content:hover .banner-overlay .banner-title-wrap:after {
width: 0;
opacity: 0;
}
.banner-shortcode-wrap.style_4 .banner-content {
position: relative;
overflow: hidden;
}
.banner-shortcode-wrap.style_4 .banner-content:before {
opacity: 0;
content: '';
background-color: rgba(0, 0, 0, 0.3);
position: absolute;
height: 100%;
width: 100%;
z-index: 1;
top: 0;
left: 0%;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.banner-shortcode-wrap.style_4 .banner-content .banner-label-outer {
position: absolute;
top: 30px;
left: 0;
z-index: 2;
}
.banner-shortcode-wrap.style_4 .banner-content .banner-label-outer span {
position: relative;
background-color: #fff;
font-size: 18px;
padding-left: 30px;
padding-right: 20px;
line-height: 50px;
display: block;
}
.banner-shortcode-wrap.style_4 .banner-content .banner-label-outer span:before {
content: '';
position: absolute;
top: 0;
left: 100%;
width: 0;
height: 0;
border-top: 25px solid #fff;
border-right: 15px solid transparent;
}
.banner-shortcode-wrap.style_4 .banner-content .banner-label-outer span:after {
content: '';
position: absolute;
bottom: 0;
left: 100%;
width: 0;
height: 0;
border-bottom: 25px solid #fff;
border-right: 15px solid transparent;
}
@media (min-width: 768px) and (max-width: 991px) {
.banner-shortcode-wrap.style_4 .banner-content .banner-label-outer {
top: 10px;
}
}
.banner-shortcode-wrap.style_4 .banner-content img {
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
.banner-shortcode-wrap.style_4 .banner-content .banner-content-title {
position: absolute;
bottom: 30px;
left: 30px;
z-index: 2;
white-space: nowrap;
}
.banner-shortcode-wrap.style_4 .banner-content .banner-content-title .banner-title {
position: relative;
margin: 10px 15px;
z-index: 2;
color: #fff;
font-size: 24px;
text-transform: uppercase;
}
.banner-shortcode-wrap.style_4 .banner-content .banner-content-title .overlay-bg {
position: absolute;
height: 100%;
width: 40px;
top: 0;
left: 0;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
@media (min-width: 768px) and (max-width: 991px) {
.banner-shortcode-wrap.style_4 .banner-content .banner-content-title {
bottom: 10px;
left: 0;
}
.banner-shortcode-wrap.style_4 .banner-content .banner-content-title .banner-title {
font-size: 18px;
}
}
@media (max-width: 479px) {
.banner-shortcode-wrap.style_4 .banner-content .banner-content-title {
left: 0;
}
.banner-shortcode-wrap.style_4 .banner-content .banner-content-title .banner-title {
font-size: 18px;
}
}
.banner-shortcode-wrap.style_4 .banner-content:hover .banner-content-title .overlay-bg {
width: 100%;
}
.banner-shortcode-wrap.style_4 .banner-content:hover:before {
opacity: 1;
}
.banner-shortcode-wrap.style_4 .banner-content:hover img {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
@media (max-width: 767px) {
.banner-shortcode-wrap.style_4 .banner-content {
margin: 15px 0;
}
}
.banner-shortcode-wrap.style_5 {
text-align: center;
}
.banner-shortcode-wrap.style_5 .banner-content {
border: 1px solid transparent;
position: relative;
overflow: hidden;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.banner-shortcode-wrap.style_5 .banner-content a:before {
opacity: 0;
content: '\f0c1';
height: 50px;
width: 50px;
background-color: rgba(0, 0, 0, 0.35);
line-height: 50px;
border-radius: 100%;
position: absolute;
top: 40%;
left: 50%;
font-size: 18px;
color: #fff;
text-align: center;
-webkit-transform: translate(-50%, -40%);
-ms-transform: translate(-50%, -40%);
transform: translate(-50%, -40%);
font-family: FontAwesome;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
@media (max-width: 767px) {
.banner-shortcode-wrap.style_5 .banner-content a img {
width: 100%;
}
}
.banner-shortcode-wrap.style_5 .banner-content .banner-title {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
opacity: 1;
color: #fff;
text-transform: uppercase;
margin-bottom: 40px;
}
.banner-shortcode-wrap.style_5 .banner-content .banner-hover {
position: absolute;
width: 100%;
left: 0;
bottom: -100px;
opacity: 0;
background-color: #fff;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.banner-shortcode-wrap.style_5 .banner-content .banner-hover .banner-hover-title {
text-transform: uppercase;
margin-bottom: 0;
margin-top: 15px;
}
.banner-shortcode-wrap.style_5 .banner-content .banner-hover .banner-hover-sub-title {
margin-bottom: 10px;
color: var(--secondary_color);
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.banner-shortcode-wrap.style_5 .banner-content .banner-hover .banner-hover-sub-title:hover {
color: var(--primary_color);
}
.banner-shortcode-wrap.style_5:hover .banner-content {
border: 1px solid #ddd;
padding: 10px;
}
.banner-shortcode-wrap.style_5:hover .banner-content a:before {
opacity: 1;
}
.banner-shortcode-wrap.style_5:hover .banner-content .banner-title {
opacity: 0;
}
.banner-shortcode-wrap.style_5:hover .banner-content .banner-hover {
opacity: 1;
bottom: 0;
}
.banner-shortcode-wrap.style_6 {
text-align: center;
}
.banner-shortcode-wrap.style_6 .banner-content {
border: 1px solid #ddd;
padding: 10px;
position: relative;
overflow: hidden;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.banner-shortcode-wrap.style_6 .banner-content .outer-banner-img {
position: relative;
overflow: hidden;
}
.banner-shortcode-wrap.style_6 .banner-content .outer-banner-img:before {
position: absolute;
z-index: 1;
opacity: 0;
content: '';
height: 100%;
width: 100%;
top: 0;
left: 100%;
background-color: rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.banner-shortcode-wrap.style_6 .banner-content .outer-banner-img:after {
position: absolute;
z-index: 1;
opacity: 0;
content: '';
top: 0;
left: -100%;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.banner-shortcode-wrap.style_6 .banner-content .outer-banner-img .banner-img:before {
opacity: 0;
z-index: 2;
content: '';
position: absolute;
left: 30%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 60px;
height: 1px;
background-color: #fff;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.banner-shortcode-wrap.style_6 .banner-content .outer-banner-img .banner-img:after {
opacity: 0;
z-index: 2;
content: '';
position: absolute;
left: 50%;
top: 30%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 60px;
width: 1px;
background-color: #fff;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.banner-shortcode-wrap.style_6 .banner-content .banner-title {
margin: 0;
position: relative;
width: 100%;
opacity: 1;
text-transform: uppercase;
background-color: #fff;
padding: 30px 0 20px 0px;
line-height: 1;
font-size: 36px;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
@media (min-width: 768px) and (max-width: 991px) {
.banner-shortcode-wrap.style_6 .banner-content .banner-title {
font-size: 30px !important;
}
}
@media (max-width: 479px) {
.banner-shortcode-wrap.style_6 .banner-content .banner-title {
font-size: 30px !important;
}
}
.banner-shortcode-wrap.style_6:hover .banner-content .outer-banner-img:before,
.banner-shortcode-wrap.style_6:hover .banner-content .outer-banner-img:after {
opacity: 1;
left: 0;
}
.banner-shortcode-wrap.style_6:hover .banner-content .outer-banner-img .banner-img:before,
.banner-shortcode-wrap.style_6:hover .banner-content .outer-banner-img .banner-img:after {
opacity: 1;
top: 50%;
left: 50%;
}
.banner-shortcode-wrap.style_6:hover .banner-content .banner-title {
color: var(--secondary_color);
}
.banner-shortcode-wrap.style_6:hover .banner-content .banner-hover {
opacity: 1;
bottom: 0;
}
.banner-shortcode-wrap.style_7 {
position: relative;
text-align: center;
overflow: hidden;
}
.banner-shortcode-wrap.style_7 .banner-content .banner-details {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.banner-shortcode-wrap.style_7 .banner-content .banner-details .banner-star i {
display: inline-block;
color: #fff;
position: relative;
padding: 0 7px;
}
.banner-shortcode-wrap.style_7 .banner-content .banner-details .banner-star i:nth-child(2) {
top: -12px;
}
.banner-shortcode-wrap.style_7 .banner-content .banner-details .banner-sub-title {
color: #fff;
text-transform: uppercase;
font-size: 24px;
font-weight: normal;
position: relative;
}
.banner-shortcode-wrap.style_7 .banner-content .banner-details .banner-sub-title:before {
content: '';
position: absolute;
width: 92px;
height: 1px;
background-color: #fff;
top: 50%;
right: 0;
}
.banner-shortcode-wrap.style_7 .banner-content .banner-details .banner-sub-title:after {
content: '';
position: absolute;
width: 92px;
height: 1px;
background-color: #fff;
top: 50%;
left: 0;
}
.banner-shortcode-wrap.style_7 .banner-content .banner-details .banner-title {
color: var(--secondary_color);
font-weight: bold;
position: relative;
border: 4px solid transparent;
outline: 1px solid #fff;
padding: 30px 80px;
z-index: 2;
font-size: 50px;
text-transform: uppercase;
}
.banner-shortcode-wrap.style_7 .banner-content .banner-details .banner-title:before {
z-index: -1;
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
}
.banner-shortcode-wrap.style_7 .banner-content .banner-details .banner-description {
font-size: 18px;
color: #fff;
text-transform: uppercase;
}
.banner-shortcode-wrap.style_7 .banner-content .banner-details a.banner-button {
display: inline-block;
padding: 10px 20px;
background-color: #fff;
text-transform: uppercase;
color: var(--secondary_color);
font-weight: bold;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.banner-shortcode-wrap.style_8 {
position: relative;
text-align: center;
overflow: hidden;
}
.banner-shortcode-wrap.style_8 .banner-content .banner-details {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.banner-shortcode-wrap.style_9 {
position: relative;
text-align: center;
overflow: hidden;
}
.banner-shortcode-wrap.style_9 .banner-content .banner-details {
position: absolute;
top: 50%;
left: 50%;
}
.banner-shortcode-wrap.style_10 {
position: relative;
text-align: center;
overflow: hidden;
}
.banner-shortcode-wrap.style_10 .banner-content .banner-details {
position: absolute;
top: 50%;
left: 50%;
}
.banner-shortcode-wrap.style_11 {
position: relative;
text-align: center;
overflow: hidden;
}
.banner-shortcode-wrap.style_11 .banner-content .banner-details {
position: absolute;
top: 50%;
left: 50%;
}
.banner-shortcode-wrap.style_12 .banner-content {
position: relative;
overflow: hidden;
cursor: pointer;
}
.banner-shortcode-wrap.style_12 .banner-content img {
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.banner-shortcode-wrap.style_12 .banner-content .banner-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.banner-shortcode-wrap.style_12 .banner-content .banner-overlay:before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
z-index: 2;
content: '';
background-color: rgba(0, 0, 0, 0.3);
}
.banner-shortcode-wrap.style_12 .banner-content .banner-overlay .banner-title-wrap .banner-title {
font-weight: bold;
text-transform: uppercase;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
margin: 5px;
color: #fff;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding: 10px 30px;
z-index: 2;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
white-space: nowrap;
}
@media (min-width: 768px) and (max-width: 991px) {
.banner-shortcode-wrap.style_12 .banner-content .banner-overlay .banner-title-wrap .banner-title {
font-size: 18px !important;
}
}
.banner-shortcode-wrap.style_12 .banner-content:hover .banner-overlay:before {
background-color: rgba(255, 255, 255, 0.8);
top: 20px;
left: 20px;
bottom: 20px;
right: 20px;
}
.banner-shortcode-wrap.style_12 .banner-content:hover .banner-overlay .banner-title-wrap .banner-title {
border-color: var(--secondary_color);
color: var(--secondary_color);
}
.banner-shortcode-wrap.style_12 .banner-content:hover img {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
.banner-shortcode-wrap.style_12.effect_2 {
padding: 10px;
border: 1px solid #ddd;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.banner-shortcode-wrap.style_12.effect_2 .banner-content .banner-overlay:before {
background-color: rgba(255, 255, 255, 0.8);
opacity: 0;
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
}
.banner-shortcode-wrap.style_12.effect_2 .banner-content .banner-overlay:after {
content: '';
background-color: rgba(0, 0, 0, 0.4);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.banner-shortcode-wrap.style_12.effect_2 .banner-content:hover .banner-overlay:before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.banner-shortcode-wrap.style_12.effect_2 .banner-content:hover .banner-overlay:after {
opacity: 0;
}
@media (max-width: 767px) {
.banner-shortcode-wrap.style_12 {
margin: 15px 0;
}
} .clients-shortcode-wrap {
position: relative;
}
.clients-shortcode-wrap.style_1 .clients-list .client-item {
text-align: center;
}
.clients-shortcode-wrap.style_1 .clients-list .client-item img {
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.clients-shortcode-wrap.style_1 .clients-list .client-item:hover img {
opacity: 0.5;
}
.clients-shortcode-wrap.style_1 .owl-nav {
opacity: 0;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
}
.clients-shortcode-wrap.style_1 .owl-nav .owl-prev,
.clients-shortcode-wrap.style_1 .owl-nav .owl-next {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.clients-shortcode-wrap.style_1 .owl-nav .owl-prev {
left: 0;
}
.clients-shortcode-wrap.style_1 .owl-nav .owl-next {
right: 0;
}
.clients-shortcode-wrap.style_1 .owl-nav i {
padding: 15px;
background: #fff;
font-weight: bold;
}
.clients-shortcode-wrap.style_1:hover .owl-nav {
opacity: 1;
}
.countdown-shortcode-wrap .countdown-content .list-time {
list-style: none;
list-style-type: none;
padding: 0;
text-align: center;
color: #000;
}
.countdown-shortcode-wrap .countdown-content .list-time li {
position: relative;
display: inline-block;
padding: 10px 0;
width: 100px;
height: 60px;
}
.countdown-shortcode-wrap .countdown-content .list-time li.cd-hours:before {
content: '';
position: absolute;
bottom: 0;
height: 1px;
width: 34px;
background: #000;
z-index: 10;
left: 50%;
-webkit-transform: translateX(-50%) scale(1);
-ms-transform: translateX(-50%) scale(1);
transform: translateX(-50%) scale(1);
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.countdown-shortcode-wrap .countdown-content .list-time li.cd-hours:after {
content: '';
position: absolute;
top: 0;
height: 1px;
width: 34px;
background: #000;
z-index: 10;
left: 50%;
-webkit-transform: translateX(-50%) scale(1);
-ms-transform: translateX(-50%) scale(1);
transform: translateX(-50%) scale(1);
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.countdown-shortcode-wrap .countdown-content .list-time li p {
margin: 0;
}
.countdown-shortcode-wrap .countdown-content .list-time li p.countdown-number {
font-size: 24px;
font-weight: bold;
}
.countdown-shortcode-wrap .countdown-content .list-time li p.countdown-number:after {
content: ':';
position: absolute;
right: 0;
color: #4d4d4d;
}
.countdown-shortcode-wrap .countdown-content .list-time li p:last-child {
opacity: 0;
visibility: hidden;
margin-top: 10px;
text-align: center;
}
.countdown-shortcode-wrap .countdown-content .list-time li.cd-seconds p.countdown-number:after {
content: '';
}
.countdown-shortcode-wrap .countdown-content .list-time li:hover:before,
.countdown-shortcode-wrap .countdown-content .list-time li:hover:after {
-webkit-transform: translateX(-50%) scale(1);
-ms-transform: translateX(-50%) scale(1);
transform: translateX(-50%) scale(1);
}
.countdown-shortcode-wrap .countdown-content .list-time li:hover p:last-child {
opacity: 1;
visibility: visible;
}
.countdown-shortcode-wrap .countdown-content .time_circles {
color: #fff;
}
.countdown-shortcode-wrap .countdown-content .time_circles .textDiv_Days h4,
.countdown-shortcode-wrap .countdown-content .time_circles .textDiv_Hours h4,
.countdown-shortcode-wrap .countdown-content .time_circles .textDiv_Minutes h4,
.countdown-shortcode-wrap .countdown-content .time_circles .textDiv_Seconds h4,
.countdown-shortcode-wrap .countdown-content .time_circles .textDiv_Days span,
.countdown-shortcode-wrap .countdown-content .time_circles .textDiv_Hours span,
.countdown-shortcode-wrap .countdown-content .time_circles .textDiv_Minutes span,
.countdown-shortcode-wrap .countdown-content .time_circles .textDiv_Seconds span {
color: #fff;
} .gmaps-shortcode-wrap .map-info {
max-width: 280px;
}
.gmaps-shortcode-wrap .map-info .info-image {
float: left;
max-width: 200px;
padding: 10px;
}
.gmaps-shortcode-wrap .map-info .info-address {
padding: 15px 0 10px 0;
}
.gmaps-shortcode-wrap .map-info .info-address p {
text-align: center;
color: #9d3a3a;
font-weight: bold;
}
.gmaps-shortcode-wrap.toggle_button .gmaps-button-wrap .gmaps-toggle-button {
width: 200px;
margin: 0 auto;
padding: 15px 0;
border: 1px solid var(--primary_color);
text-align: center;
}
.gmaps-shortcode-wrap.toggle_button .gmaps-button-wrap .gmaps-toggle-button:hover {
background: var(--primary_color);
cursor: pointer;
} .icon-box-shortcode-wrap.style_1 .icon-box-container .icon-wrap {
float: left;
font-size: 35px;
line-height: 0;
}
.icon-box-shortcode-wrap.style_1 .icon-box-container .icon-wrap span {
padding-left: 1px;
}
@media (min-width: 768px) and (max-width: 991px) {
.icon-box-shortcode-wrap.style_1 .icon-box-container .icon-wrap {
padding: 10px 5px;
}
}
.icon-box-shortcode-wrap.style_1 .icon-box-container .icon-content {
margin-left: 65px;
}
.icon-box-shortcode-wrap.style_1 .icon-box-container .icon-content .icon-title {
text-transform: uppercase;
color: #fff;
margin: 0;
font-size: 19px;
font-weight: bold;
padding-bottom: 15px;
}
.icon-box-shortcode-wrap.style_1 .icon-box-container .icon-content .icon-description {
color: rgba(255, 255, 255, 0.7);
}
@media (min-width: 768px) and (max-width: 991px) {
.icon-box-shortcode-wrap.style_1 .icon-box-container .icon-content {
padding-left: 15px;
margin-left: 50px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.icon-box-shortcode-wrap.style_1 .icon-box-container {
width: 100%;
}
.icon-box-shortcode-wrap.style_1 .icon-box-container .icon-wrap {
width: 50%;
text-align: center;
}
.icon-box-shortcode-wrap.style_1 .icon-box-container .icon-content {
width: 50%;
float: left;
margin-left: 0;
}
}
@media (max-width: 767px) {
.icon-box-shortcode-wrap.style_1 .icon-box-container {
margin-top: 15px;
margin-bottom: 15px;
}
}
.icon-box-shortcode-wrap.style_2 .icon-box-container .icon-wrap {
float: left;
font-size: 35px;
line-height: 0;
}
.icon-box-shortcode-wrap.style_2 .icon-box-container .icon-wrap span {
padding-left: 1px;
}
.icon-box-shortcode-wrap.style_2 .icon-box-container .icon-wrap span {
position: relative;
width: 55px;
height: 55px;
font-size: 18px;
border: 1px solid;
border-radius: 50%;
}
.icon-box-shortcode-wrap.style_2 .icon-box-container .icon-wrap span:before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
color: #fff !important;
}
@media (min-width: 480px) and (max-width: 767px) {
.icon-box-shortcode-wrap.style_2 .icon-box-container .icon-wrap {
width: 50%;
text-align: center;
}
}
.icon-box-shortcode-wrap.style_2 .icon-box-container .icon-content {
margin-left: 90px;
}
.icon-box-shortcode-wrap.style_2 .icon-box-container .icon-content .icon-title {
color: #fff;
margin: 0;
padding-bottom: 5px;
}
@media (min-width: 480px) and (max-width: 767px) {
.icon-box-shortcode-wrap.style_2 .icon-box-container .icon-content {
width: 50%;
margin-left: 0;
display: inline-block;
}
}
.icon-box-shortcode-wrap.style_2 .icon-box-container .icon-content .icon-description {
color: rgba(255, 255, 255, 0.6);
}
@media (max-width: 767px) {
.icon-box-shortcode-wrap.style_2 .icon-box-container {
margin: 15px 0;
}
}
.icon-box-shortcode-wrap.style_3:hover .icon-box-container:before {
width: 100%;
}
.icon-box-shortcode-wrap.style_3 .icon-box-container {
position: relative;
}
.icon-box-shortcode-wrap.style_3 .icon-box-container:before {
content: "";
position: absolute;
display: block;
bottom: 0;
left: 0;
width: 42px;
height: 1px;
background-color: var(--text_color);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.icon-box-shortcode-wrap.style_3 .icon-box-container .icon-wrap span {
color: var(--text_color);
display: inline-block;
font-size: 36px;
padding-right: 15px;
}
.icon-box-shortcode-wrap.style_3 .icon-box-container .icon-wrap .icon-title {
font-weight: bold;
line-height: 36px;
text-transform: uppercase;
display: inline-block;
color: var(--text_color);
margin: 0;
font-size: 14px;
}
.icon-box-shortcode-wrap.style_3 .icon-box-container .icon-description {
color: var(--text_color_lighten_20);
margin-top: 10px;
padding-bottom: 20px;
}
.icon-box-shortcode-wrap.style_4 .icon-box-container .icon-wrap {
float: left;
font-size: 25px;
line-height: 25px;
}
.icon-box-shortcode-wrap.style_4 .icon-box-container .icon-wrap span {
color: var(--secondary_color) !important;
}
@media (min-width: 768px) and (max-width: 991px) {
.icon-box-shortcode-wrap.style_4 .icon-box-container .icon-wrap {
padding: 10px 5px;
}
}
.icon-box-shortcode-wrap.style_4 .icon-box-container .icon-content {
margin-left: 70px;
}
.icon-box-shortcode-wrap.style_4 .icon-box-container .icon-content .icon-title {
text-transform: uppercase;
color: var(--secondary_color);
margin: 0;
font-size: 19px;
font-weight: bold;
padding-bottom: 15px;
}
@media (min-width: 768px) and (max-width: 991px) {
.icon-box-shortcode-wrap.style_4 .icon-box-container .icon-content {
padding-left: 15px;
margin-left: 50px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.icon-box-shortcode-wrap.style_4 .icon-box-container {
width: 100%;
}
.icon-box-shortcode-wrap.style_4 .icon-box-container .icon-wrap {
width: 50%;
text-align: center;
}
.icon-box-shortcode-wrap.style_4 .icon-box-container .icon-content {
width: 50%;
float: left;
margin-left: 0;
}
}
.icon-box-shortcode-wrap.style_5 {
position: relative;
text-align: center;
height: 200px;
cursor: pointer;
}
.icon-box-shortcode-wrap.style_5:after {
content: '';
height: 2px;
width: 50px;
position: absolute;
background-color: var(--secondary_color);
top: 55%;
left: 50%;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
opacity: 0;
-webkit-transform: translate(-50%, 0) scale(0);
-ms-transform: translate(-50%, 0) scale(0);
transform: translate(-50%, 0) scale(0);
}
.icon-box-shortcode-wrap.style_5:hover:after {
top: 65%;
opacity: 1;
-webkit-transform: translate(-50%, 0) scale(1);
-ms-transform: translate(-50%, 0) scale(1);
transform: translate(-50%, 0) scale(1);
}
.icon-box-shortcode-wrap.style_5:hover .icon-box-container .icon-wrap {
top: 25%;
}
.icon-box-shortcode-wrap.style_5:hover .icon-box-container .icon-wrap .content-polygon {
opacity: 0;
visibility: hidden;
}
.icon-box-shortcode-wrap.style_5:hover .icon-box-container .icon-wrap span:before {
opacity: 1;
font-size: 36px;
}
.icon-box-shortcode-wrap.style_5:hover .icon-box-container .icon-title {
top: 50%;
position: absolute;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.icon-box-shortcode-wrap.style_5:hover .icon-box-container .icon-description {
top: 75%;
height: auto;
opacity: 1;
}
.icon-box-shortcode-wrap.style_5 .icon-box-container .icon-wrap {
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.icon-box-shortcode-wrap.style_5 .icon-box-container .icon-wrap span {
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.icon-box-shortcode-wrap.style_5 .icon-box-container .icon-wrap span:before {
font-size: 100px;
opacity: 0.35;
position: relative;
z-index: 1;
}
.icon-box-shortcode-wrap.style_5 .icon-box-container .icon-title {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
margin: 0;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.icon-box-shortcode-wrap.style_5 .icon-box-container .icon-description {
top: 55%;
position: absolute;
opacity: 0;
height: 0;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
width: 100%;
}
.icon-box-shortcode-wrap.style_5 .icon-box-container .icon-description p {
text-align: center;
}
.icon-box-shortcode-wrap.style_6 {
position: relative;
text-align: center;
height: 200px;
cursor: pointer;
padding: 10px;
border: 1px solid #ddd;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.icon-box-shortcode-wrap.style_6:hover {
border-color: var(--primary_color);
}
.icon-box-shortcode-wrap.style_6:hover .icon-box-container {
background-color: var(--primary_color);
}
.icon-box-shortcode-wrap.style_6:hover .icon-box-container .icon-wrap .content-polygon {
opacity: 0;
visibility: hidden;
}
.icon-box-shortcode-wrap.style_6:hover .icon-box-container .icon-wrap span {
opacity: 0.6;
}
.icon-box-shortcode-wrap.style_6:hover .icon-box-container .icon-content .icon-title {
color: #fff;
}
.icon-box-shortcode-wrap.style_6:hover .icon-box-container .icon-content .icon-title a {
color: var(--secondary_color) !important;
}
.icon-box-shortcode-wrap.style_6:hover .icon-box-container .icon-content .icon-description p {
color: #fff;
}
.icon-box-shortcode-wrap.style_6 .icon-box-container {
background-color: #ddd;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.icon-box-shortcode-wrap.style_6 .icon-box-container .icon-wrap {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.icon-box-shortcode-wrap.style_6 .icon-box-container .icon-wrap span {
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.icon-box-shortcode-wrap.style_6 .icon-box-container .icon-wrap span:before {
font-size: 100px;
opacity: 1;
position: relative;
z-index: 1;
}
.icon-box-shortcode-wrap.style_6 .icon-box-container .icon-content .icon-title {
position: relative;
text-transform: uppercase;
margin: 0;
margin-bottom: 10px;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.icon-box-shortcode-wrap.style_6 .icon-box-container .icon-content .icon-description {
font-size: 16px;
margin: 0 auto;
width: 75%;
position: relative;
}
.icon-box-shortcode-wrap.style_6 .icon-box-container .icon-content .icon-description p {
text-align: center;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
@media (max-width: 479px) {
.icon-box-shortcode-wrap.style_6 .icon-box-container .icon-content .icon-description {
width: 100%;
}
}
@media (max-width: 767px) {
.icon-box-shortcode-wrap.style_6 {
margin: 15px 0;
}
}
.fc-white {
color: #fff !important;
}
.hidden {
display: none;
}
.portfolio-container {
overflow-x: hidden;
position: relative;
}
.portfolio-tabs {
margin-bottom: 30px;
}
.portfolio-tabs .tab-wrapper.left {
text-align: left;
}
.portfolio-tabs .tab-wrapper.center {
text-align: center;
}
.portfolio-tabs .tab-wrapper.right {
text-align: right;
}
.portfolio-tabs .tab-wrapper ul {
list-style: none;
padding: 0;
position: relative;
}
.portfolio-tabs .tab-wrapper ul li {
display: inline-block;
margin-left: 4px;
margin-right: 4px;
position: relative;
}
.portfolio-tabs .tab-wrapper ul li:first-child {
margin-left: 0;
}
.portfolio-tabs .tab-wrapper ul li a {
color: var(--secondary_color);
border: none;
min-width: auto;
padding: 7px 20px;
border-radius: 3px;
font-weight: bold;
background-color: var(--text_color_fade_20);
}
.portfolio-tabs .tab-wrapper ul li a:before {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
position: absolute;
left: 0;
bottom: 0;
content: '';
width: 100%;
height: 1px;
background-color: var(--primary_color);
}
.portfolio-tabs .tab-wrapper ul li:hover a {
color: white;
}
.portfolio-tabs .tab-wrapper ul li.active a {
color: white;
}
.portfolio-tabs .tab-wrapper ul li.active a:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.paging {
text-align: center;
}
.paging .load-more {
margin-top: 30px;
margin-bottom: 30px;
font-weight: bold;
border-radius: 3px;
padding: 7px 25px;
color: #fff;
background-color: var(--primary_color);
}
.paging .load-more:hover {
background-color: var(--primary_color_darken_20);
color: #fff;
} div.light_rounded .pp_description,
div.light_square .pp_description {
text-align: center;
font-weight: 600;
font-size: 16px;
}
div.light_rounded .pp_description a,
div.light_square .pp_description a {
text-decoration: none;
}
div.light_rounded .pp_description a:hover,
div.light_square .pp_description a:hover {
text-decoration: none;
} .portfolio-wrapper .portfolio-item {
float: left;
}
.portfolio-wrapper.col-padding-5 .portfolio-item {
padding: 0 5px;
margin: 5px 0;
}
.portfolio-wrapper.col-padding-10 .portfolio-item {
padding: 0 10px;
margin: 10px 0;
}
.portfolio-wrapper.col-padding-15 .portfolio-item {
padding: 0 15px;
margin: 15px 0;
}
.portfolio-wrapper.col-padding-20 .portfolio-item {
padding: 0 20px;
margin: 20px 0;
}
.portfolio-wrapper.sofani-col-md-2 .portfolio-item {
width: 50%;
}
.portfolio-wrapper.sofani-col-md-2 .portfolio-item .portfolio-title-wrap.top .portfolio-title,
.portfolio-wrapper.sofani-col-md-2 .portfolio-item .portfolio-title-wrap.bottom .portfolio-title {
font-size: 24px;
}
.portfolio-wrapper.sofani-col-md-2 .portfolio-item .portfolio-title-wrap.top .portfolio-tag,
.portfolio-wrapper.sofani-col-md-2 .portfolio-item .portfolio-title-wrap.bottom .portfolio-tag {
font-size: 18px;
}
.portfolio-wrapper.sofani-col-md-2 .portfolio-item.portrait {
width: 50%;
}
.portfolio-wrapper.sofani-col-md-2 .portfolio-item.landscape {
width: 100%;
}
.portfolio-wrapper.sofani-col-md-2 .portfolio-item.small_squared {
width: 50%;
}
.portfolio-wrapper.sofani-col-md-2 .portfolio-item.big_squared {
width: 100%;
}
.portfolio-wrapper.sofani-col-md-3 .portfolio-item {
width: 33.3333333%;
}
.portfolio-wrapper.sofani-col-md-3 .portfolio-item .portfolio-title-wrap.top .portfolio-title,
.portfolio-wrapper.sofani-col-md-3 .portfolio-item .portfolio-title-wrap.bottom .portfolio-title {
font-size: 18px;
}
.portfolio-wrapper.sofani-col-md-3 .portfolio-item.portrait {
width: 33.3333333%;
}
.portfolio-wrapper.sofani-col-md-3 .portfolio-item.landscape {
width: 66.6666666%;
}
.portfolio-wrapper.sofani-col-md-3 .portfolio-item.small_squared {
width: 33.3333333%;
}
.portfolio-wrapper.sofani-col-md-3 .portfolio-item.big_squared {
width: 66.6666666%;
}
.portfolio-wrapper.sofani-col-md-4 .portfolio-item {
width: 25%;
}
.portfolio-wrapper.sofani-col-md-4 .portfolio-item.portrait {
width: 25%;
}
.portfolio-wrapper.sofani-col-md-4 .portfolio-item.landscape {
width: 50%;
}
.portfolio-wrapper.sofani-col-md-4 .portfolio-item.small_squared {
width: 20%;
}
.portfolio-wrapper.sofani-col-md-4 .portfolio-item.big_squared {
width: 50%;
}
.portfolio-wrapper.sofani-col-md-5 .portfolio-item {
width: 20%;
}
.portfolio-wrapper.sofani-col-md-5 .portfolio-item.portrait {
width: 20%;
}
@media screen and (max-width: 767px) {
.portfolio-wrapper.sofani-col-md-5 .portfolio-item.portrait {
width: 50%;
}
}
.portfolio-wrapper.sofani-col-md-5 .portfolio-item.landscape {
width: 40%;
}
@media screen and (max-width: 767px) {
.portfolio-wrapper.sofani-col-md-5 .portfolio-item.landscape {
width: 50%;
}
}
.portfolio-wrapper.sofani-col-md-5 .portfolio-item.small_squared {
width: 20%;
}
@media screen and (max-width: 767px) {
.portfolio-wrapper.sofani-col-md-5 .portfolio-item.small_squared {
width: 50%;
}
}
.portfolio-wrapper.sofani-col-md-5 .portfolio-item.big_squared {
width: 40%;
}
@media screen and (max-width: 767px) {
.portfolio-wrapper.sofani-col-md-5 .portfolio-item.big_squared {
width: 50%;
}
}
.portfolio-wrapper.sofani-col-md-6 .portfolio-item {
width: 16.6666667%;
}
.portfolio-wrapper.sofani-col-md-6 .portfolio-item.portrait {
width: 16.6666667%;
}
.portfolio-wrapper.sofani-col-md-6 .portfolio-item.landscape {
width: 33.3333333%;
}
.portfolio-wrapper.sofani-col-md-6 .portfolio-item.small_squared {
width: 16.6666667%;
}
.portfolio-wrapper.sofani-col-md-6 .portfolio-item.big_squared {
width: 33.3333333%;
}
@media screen and (max-width: 767px) {
.portfolio-wrapper .portfolio-item {
width: 50% !important;
height: auto !important;
}
.portfolio-wrapper .portfolio-item img {
height: auto !important;
}
}
@media screen and (max-width: 479px) {
.portfolio-wrapper .portfolio-item {
width: 100% !important;
height: auto !important;
}
.portfolio-wrapper .portfolio-item img {
height: auto !important;
}
}
.portfolio-wrapper .portfolio-item .portfolio-title-wrap.top,
.portfolio-wrapper .portfolio-item .portfolio-title-wrap.bottom {
border: 1px solid #ddd;
text-align: center;
}
.portfolio-wrapper .portfolio-item .portfolio-title-wrap.top .portfolio-title,
.portfolio-wrapper .portfolio-item .portfolio-title-wrap.bottom .portfolio-title {
position: relative;
color: var(--secondary_color);
font-weight: bold;
margin-top: 15px;
display: block;
font-size: 16px;
padding-bottom: 10px;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.portfolio-wrapper .portfolio-item .portfolio-title-wrap.top .portfolio-title:hover,
.portfolio-wrapper .portfolio-item .portfolio-title-wrap.bottom .portfolio-title:hover {
color: var(--primary_color);
}
.portfolio-wrapper .portfolio-item .portfolio-title-wrap.top .portfolio-title:before,
.portfolio-wrapper .portfolio-item .portfolio-title-wrap.bottom .portfolio-title:before {
content: '';
width: 50px;
height: 1px;
background-color: var(--secondary_color);
position: absolute;
bottom: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
}
.portfolio-wrapper .portfolio-item .portfolio-title-wrap.top .portfolio-tag,
.portfolio-wrapper .portfolio-item .portfolio-title-wrap.bottom .portfolio-tag {
margin-top: 10px;
margin-bottom: 15px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail {
position: relative;
overflow: hidden;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail i {
font-size: 24px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail:hover .entry-thumbnail-hover {
opacity: 1;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail img {
width: 100%;
height: auto;
display: block;
max-width: 100%;
display: inline-block;
-webkit-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--primary_color_fade_30);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
text-align: center;
opacity: 0;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i {
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i:hover {
font-size: 36px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-only .entry-thumbnail-hover {
background: rgba(255, 255, 255, 0.9);
text-align: center;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-only .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i {
color: var(--primary_color) !important;
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-only .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i:hover {
font-size: 36px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title .entry-thumbnail-hover {
text-align: center;
background: rgba(0, 0, 0, 0.3);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i {
color: var(--primary_color) !important;
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i:hover {
font-size: 36px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a .title {
color: var(--primary_color) !important;
top: 60% !important;
position: absolute;
width: 100%;
font-weight: bold;
font-size: 16px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title-category .entry-thumbnail-hover {
text-align: center;
background: rgba(0, 0, 0, 0.3);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner {
position: absolute;
top: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i {
color: var(--primary_color) !important;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
top: auto;
left: auto;
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i:hover {
font-size: 36px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a .title {
white-space: nowrap;
color: var(--heading_color);
position: relative;
width: 100%;
font-weight: bold;
font-size: 16px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a .title:hover {
color: var(--primary_color);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
white-space: nowrap;
left: 0;
position: relative;
width: 100%;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category .entry-thumbnail-hover {
text-align: center;
background: rgba(255, 255, 255, 0.9);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner {
position: absolute;
top: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a .title {
white-space: nowrap;
color: var(--heading_color);
position: relative;
width: 100%;
font-weight: bold;
font-size: 16px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a .title:hover {
color: var(--primary_color);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
white-space: nowrap;
left: 0;
position: relative;
width: 100%;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover {
text-align: left;
background: rgba(255, 255, 255, 0.9);
border: 3px solid var(--primary_color);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content {
position: absolute;
top: auto !important;
bottom: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, 50%);
-ms-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content .title {
white-space: nowrap;
color: var(--heading_color);
position: relative;
width: 100%;
font-weight: bold;
font-size: 16px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content .title:hover {
color: var(--primary_color);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content span.category {
white-space: nowrap;
left: 0;
position: relative;
width: 100%;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a.link i {
color: var(--primary_color) !important;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
top: 0;
left: auto;
right: 0;
z-index: 1;
width: 50px;
height: 50px;
border-radius: 100%;
line-height: 48px;
border: 1px solid transparent;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
font-size: 24px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a.link i:before {
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a.link i:hover {
font-size: 24px;
border-color: var(--primary_color);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_1 .entry-thumbnail-hover {
background: rgba(255, 255, 255, 0.9);
text-align: center;
border: 10px solid var(--primary_color_fade_90);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_1 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
color: var(--primary_color) !important;
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_1 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i:hover {
font-size: 36px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_2 .entry-thumbnail-hover {
text-align: center;
background: -o-radial-gradient(circle, rgba(255, 255, 255, 0.1), #ffffff);
background: radial-gradient(circle, rgba(255, 255, 255, 0.1), #ffffff);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner {
position: absolute;
top: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
color: var(--primary_color) !important;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
top: auto;
left: auto;
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
margin-bottom: 20px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i:hover {
font-size: 36px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title {
white-space: nowrap;
color: var(--heading_color);
position: relative;
width: 100%;
font-weight: bold;
font-size: 16px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
white-space: nowrap;
left: 0;
position: relative;
width: 100%;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_3 .entry-thumbnail-hover {
text-align: center;
background: -o-radial-gradient(circle, rgba(0, 0, 0, 0.1), #000000);
background: radial-gradient(circle, rgba(0, 0, 0, 0.1), #000000);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner {
position: absolute;
top: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content a .title {
color: #fff !important;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
color: var(--primary_color) !important;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
top: auto;
left: auto;
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
margin-bottom: 20px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i:hover {
font-size: 36px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title {
white-space: nowrap;
color: #fff !important;
position: relative;
width: 100%;
font-weight: bold;
font-size: 16px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
white-space: nowrap;
color: #fff !important;
left: 0;
position: relative;
width: 100%;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover {
text-align: left;
background-color: rgba(255, 255, 255, 0.9);
border: 3px solid var(--primary_color);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title {
text-align: center;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
width: 100%;
text-align: center;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span {
display: block;
text-align: center;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content {
position: absolute;
top: auto !important;
bottom: 50% !important;
left: 50% !important;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content .title {
white-space: nowrap;
color: var(--secondary_color);
position: relative;
width: 100%;
font-weight: bold;
font-size: 16px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content .title:hover {
color: var(--primary_color);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content span.category {
white-space: nowrap;
left: 0;
position: relative;
width: 100%;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_5 .entry-thumbnail-hover {
text-align: center;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
background: rgba(255, 255, 255, 0.9);
border: none;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner {
position: absolute;
top: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
margin-bottom: 20px;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
top: auto;
left: auto;
z-index: 1;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title {
white-space: nowrap;
color: var(--secondary_color) !important;
position: relative;
width: 100%;
font-weight: bold;
font-size: 16px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title:hover {
color: var(--primary_color) !important;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
white-space: nowrap;
left: 0;
position: relative;
width: 100%;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail {
position: relative;
overflow: hidden;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail i {
font-size: 24px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail:hover .entry-thumbnail-hover {
opacity: 1;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail:hover.effect_5 .entry-thumbnail-hover {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail:hover.effect_1 .entry-thumbnail-hover {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail:hover.effect_2 img,
.portfolio-wrapper.hover-dir-off .entry-thumbnail:hover.effect_3 img {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail img {
width: 100%;
height: auto;
display: block;
max-width: 100%;
display: inline-block;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_1 .entry-thumbnail-hover {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
background: rgba(255, 255, 255, 0.9);
text-align: center;
border: 10px solid var(--primary_color_fade_90);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_1 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
color: var(--primary_color) !important;
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_1 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i:hover {
font-size: 36px;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_2 .entry-thumbnail-hover {
text-align: center;
background: -o-radial-gradient(circle, rgba(255, 255, 255, 0.1), #ffffff);
background: radial-gradient(circle, rgba(255, 255, 255, 0.1), #ffffff);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner {
position: absolute;
top: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
color: var(--primary_color) !important;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
top: auto;
left: auto;
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
margin-bottom: 20px;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i:hover {
font-size: 36px;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title {
white-space: nowrap;
color: var(--primary_color);
position: relative;
width: 100%;
font-weight: bold;
font-size: 16px;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
white-space: nowrap;
left: 0;
position: relative;
width: 100%;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_3 .entry-thumbnail-hover {
text-align: center;
background: -o-radial-gradient(circle, rgba(0, 0, 0, 0.1), #000000);
background: radial-gradient(circle, rgba(0, 0, 0, 0.1), #000000);
border: none;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner {
position: absolute;
top: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content a .title {
color: #fff !important;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
color: var(--primary_color) !important;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
top: auto;
left: auto;
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
margin-bottom: 20px;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i:hover {
font-size: 36px;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title {
white-space: nowrap;
color: #fff !important;
position: relative;
width: 100%;
font-weight: bold;
font-size: 16px;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
white-space: nowrap;
left: 0;
position: relative;
width: 100%;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_4 .entry-thumbnail-hover {
text-align: left;
background-color: rgba(255, 255, 255, 0.9);
border: 3px solid var(--primary_color);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title {
text-align: center;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
width: 100%;
text-align: center;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span {
display: block;
text-align: center;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content {
position: absolute;
top: auto !important;
bottom: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, 50%);
-ms-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content .title {
white-space: nowrap;
color: var(--secondary_color) !important;
position: relative;
width: 100%;
font-weight: bold;
font-size: 16px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content .title:hover {
color: var(--primary_color) !important;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content span.category {
white-space: nowrap;
left: 0;
position: relative;
width: 100%;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_5 .entry-thumbnail-hover {
text-align: center;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
background: rgba(255, 255, 255, 0.9);
border: none;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner {
position: absolute;
top: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
margin-bottom: 20px;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
top: auto;
left: auto;
z-index: 1;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title {
white-space: nowrap;
color: var(--secondary_color) !important;
position: relative;
width: 100%;
font-weight: bold;
font-size: 16px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title:hover {
color: var(--primary_color) !important;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
white-space: nowrap;
left: 0;
position: relative;
width: 100%;
}
.portfolio-full.detail-01 .portfolio-top {
margin-top: 50px;
text-align: center;
}
.portfolio-full.detail-01 .portfolio-top .col-md-12 img {
width: 100%;
}
.portfolio-full.detail-01 .portfolio-top .col-md-12 .post-slideshow:hover .owl-nav {
opacity: 1;
}
.portfolio-full.detail-01 .portfolio-top .col-md-12 .post-slideshow .owl-nav {
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-01 .portfolio-top .col-md-12 .post-slideshow .owl-nav > div {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute;
line-height: 1;
font-size: 60px;
color: rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-01 .portfolio-top .col-md-12 .post-slideshow .owl-nav > div:hover {
color: var(--primary_color);
}
.portfolio-full.detail-01 .portfolio-top .col-md-12 .post-slideshow .owl-nav > div.owl-next {
right: 30px;
}
.portfolio-full.detail-01 .portfolio-top .col-md-12 .post-slideshow .owl-nav > div.owl-prev {
left: 30px;
}
.portfolio-full.detail-01 .paging-wrap {
margin-top: 15px;
}
.portfolio-full.detail-01 .paging-wrap .container .row {
margin: 0;
}
.portfolio-full.detail-01 .paging-wrap .container .row:hover .owl-nav {
opacity: 1;
}
.portfolio-full.detail-01 .paging-wrap .container .row .owl-nav {
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-01 .paging-wrap .container .row .owl-nav > div {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute;
padding: 7px 10px;
line-height: 1;
background-color: rgba(0, 0, 0, 0.3);
color: #fff;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-01 .paging-wrap .container .row .owl-nav > div:hover {
background-color: var(--primary_color);
}
.portfolio-full.detail-01 .paging-wrap .container .row .owl-nav > div.owl-next {
right: 0;
}
.portfolio-full.detail-01 .paging-wrap .container .row .owl-nav > div.owl-prev {
left: 0;
}
.portfolio-full.detail-01 .portfolio-content-wrap {
padding-top: 30px;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-title-wrap h2 {
position: relative;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 15px;
margin-top: 15px;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-title-wrap h2:before {
content: '';
height: 1px;
width: 50px;
background-color: var(--primary_color);
position: absolute;
bottom: 0;
left: 0;
}
.portfolio-full.detail-01 .portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box:first-child h6 {
margin-top: 20px;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box h6 {
font-size: 18px;
margin-top: 30px;
color: var(--secondary_color);
font-weight: bold;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box div {
line-height: 1.4;
color: var(--secondary_color);
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-term-cat span {
text-transform: uppercase;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-term-tag span {
padding: 5px 10px;
background: #f6f6f6;
margin-right: 5px;
display: inline-block;
margin-top: 5px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-term-tag span:hover {
background: var(--primary_color);
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-social-profile-wrapper {
list-style: none;
list-style-type: none;
padding: 0;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-social-profile-wrapper li {
display: inline-block;
margin: 0 9px;
width: 40px;
height: 40px;
float: left;
border: 1px solid #ddd;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-social-profile-wrapper li a {
display: block;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-social-profile-wrapper li a i {
line-height: 38px;
width: 40px;
text-align: center;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-social-profile-wrapper li:first-child {
margin-left: 0;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-social-profile-wrapper li:last-child {
margin-right: 0;
}
.portfolio-full.detail-02 .container {
margin-top: 100px;
text-align: center;
}
.portfolio-full.detail-02 .container .col-md-6 .post-slideshow .item {
margin-bottom: 30px;
}
.portfolio-full.detail-02 .container .col-md-6 .post-slideshow .item img {
width: 100%;
}
.portfolio-full.detail-02 .col-md-6 {
text-align: left;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info h2 {
margin-top: 0;
position: relative;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 15px;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info h2:before {
content: '';
height: 1px;
width: 50px;
background-color: var(--primary_color);
position: absolute;
bottom: 0;
left: 0;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box h6 {
font-size: 18px;
margin-top: 30px;
color: var(--secondary_color);
font-weight: bold;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box div {
line-height: 1.4;
color: var(--secondary_color);
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-term-cat span {
text-transform: uppercase;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-term-tag span {
padding: 5px 10px;
background: #f6f6f6;
margin-right: 5px;
display: inline-block;
margin-top: 5px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-term-tag span:hover {
background: var(--primary_color);
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper {
list-style: none;
list-style-type: none;
padding: 0;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li {
display: inline-block;
margin: 0 9px;
width: 40px;
height: 40px;
float: left;
border: 1px solid #ddd;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li a {
display: block;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li a i {
line-height: 38px;
width: 40px;
text-align: center;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li:first-child {
margin-left: 0;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li:last-child {
margin-right: 0;
}
.portfolio-full.detail-03 .container {
margin-top: 100px;
text-align: center;
}
.portfolio-full.detail-03 .container .col-md-8 img {
width: 100%;
}
.portfolio-full.detail-03 .container .col-md-8 .post-slideshow:hover .owl-nav {
opacity: 1;
}
.portfolio-full.detail-03 .container .col-md-8 .post-slideshow .owl-nav {
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-03 .container .col-md-8 .post-slideshow .owl-nav > div {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute;
line-height: 1;
font-size: 60px;
color: rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-03 .container .col-md-8 .post-slideshow .owl-nav > div:hover {
color: var(--primary_color);
}
.portfolio-full.detail-03 .container .col-md-8 .post-slideshow .owl-nav > div.owl-next {
right: 30px;
}
.portfolio-full.detail-03 .container .col-md-8 .post-slideshow .owl-nav > div.owl-prev {
left: 30px;
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap {
margin-top: 15px;
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container {
margin-top: 0;
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container .row {
margin: 0;
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container .row:hover .owl-nav {
opacity: 1;
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container .row .owl-nav {
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container .row .owl-nav > div {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute;
padding: 7px 10px;
line-height: 1;
background-color: rgba(0, 0, 0, 0.3);
color: #fff;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container .row .owl-nav > div:hover {
background-color: var(--primary_color);
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container .row .owl-nav > div.owl-next {
right: 0;
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container .row .owl-nav > div.owl-prev {
left: 0;
}
.portfolio-full.detail-03 .col-md-4 {
text-align: left;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info h2 {
margin-top: 0;
position: relative;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 15px;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info h2:before {
content: '';
height: 1px;
width: 50px;
background-color: var(--primary_color);
position: absolute;
bottom: 0;
left: 0;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box h6 {
font-size: 18px;
margin-top: 30px;
color: var(--secondary_color);
font-weight: bold;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box div {
line-height: 1.4;
color: var(--secondary_color);
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-cat span {
text-transform: uppercase;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-tag span {
padding: 5px 10px;
background: #f6f6f6;
margin-right: 5px;
display: inline-block;
margin-top: 5px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-tag span:hover {
background: var(--primary_color);
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper {
list-style: none;
list-style-type: none;
padding: 0;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li {
display: inline-block;
margin: 0 9px;
width: 40px;
height: 40px;
float: left;
border: 1px solid #ddd;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li a {
display: block;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li a i {
line-height: 38px;
width: 40px;
text-align: center;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li:first-child {
margin-left: 0;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li:last-child {
margin-right: 0;
}
.portfolio-full.detail-04 .container {
margin-top: 100px;
text-align: center;
}
.portfolio-full.detail-04 .container .col-md-8 img {
width: 100%;
}
.portfolio-full.detail-04 .container .col-md-8 .post-grid .col-md-6 .item {
position: relative;
margin-bottom: 30px;
}
.portfolio-full.detail-04 .container .col-md-8 .post-grid .col-md-6 .item .grid-image-hover {
opacity: 0;
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
background-color: rgba(255, 255, 255, 0.9);
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.portfolio-full.detail-04 .container .col-md-8 .post-grid .col-md-6 .item .grid-image-hover i {
font-size: 36px;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.portfolio-full.detail-04 .container .col-md-8 .post-grid .col-md-6 .item .grid-image-hover i:hover {
color: var(--primary_color);
}
.portfolio-full.detail-04 .container .col-md-8 .post-grid .col-md-6 .item:hover .grid-image-hover {
opacity: 1;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.portfolio-full.detail-04 .col-md-4 {
text-align: left;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info h2 {
margin-top: 0;
position: relative;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 15px;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info h2:before {
content: '';
height: 1px;
width: 50px;
background-color: var(--primary_color);
position: absolute;
bottom: 0;
left: 0;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box h6 {
font-size: 18px;
margin-top: 30px;
color: var(--secondary_color);
font-weight: bold;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box div {
line-height: 1.4;
color: var(--secondary_color);
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-cat span {
text-transform: uppercase;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-tag span {
padding: 5px 10px;
background: #f6f6f6;
margin-right: 5px;
display: inline-block;
margin-top: 5px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-tag span:hover {
background: var(--primary_color);
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper {
list-style: none;
list-style-type: none;
padding: 0;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li {
display: inline-block;
margin: 0 9px;
width: 40px;
height: 40px;
float: left;
border: 1px solid #ddd;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li a {
display: block;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li a i {
line-height: 38px;
width: 40px;
text-align: center;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li:first-child {
margin-left: 0;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li:last-child {
margin-right: 0;
}
.portfolio-full.detail-05 .container {
margin-top: 100px;
}
.portfolio-full.detail-05 .container .col-md-12 img {
width: 100%;
}
.portfolio-full.detail-05 .container .col-md-12 .post-grid .col-md-4 .item {
position: relative;
margin-bottom: 30px;
}
.portfolio-full.detail-05 .container .col-md-12 .post-grid .col-md-4 .item .grid-image-hover {
opacity: 0;
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
background-color: rgba(255, 255, 255, 0.9);
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.portfolio-full.detail-05 .container .col-md-12 .post-grid .col-md-4 .item .grid-image-hover i {
font-size: 36px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.portfolio-full.detail-05 .container .col-md-12 .post-grid .col-md-4 .item .grid-image-hover i:hover {
color: var(--primary_color);
}
.portfolio-full.detail-05 .container .col-md-12 .post-grid .col-md-4 .item:hover .grid-image-hover {
opacity: 1;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.portfolio-full.detail-05 .container.portfolio-content-wrap {
margin-top: 50px;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-8 {
text-align: left;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-8 .portfolio-info h2 {
color: var(--secondary_color);
margin-top: 0;
position: relative;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 15px;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-8 .portfolio-info h2:before {
content: '';
height: 1px;
width: 50px;
background-color: var(--primary_color);
position: absolute;
bottom: 0;
left: 0;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box:first-child h6 {
margin-top: 0;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box h6 {
font-size: 18px;
margin-top: 30px;
color: var(--secondary_color);
font-weight: bold;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box div {
line-height: 1.4;
color: var(--secondary_color);
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-cat span {
text-transform: uppercase;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-tag span {
padding: 5px 10px;
background: #f6f6f6;
margin-right: 5px;
display: inline-block;
margin-top: 5px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-tag span:hover {
background: var(--primary_color);
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper {
list-style: none;
list-style-type: none;
padding: 0;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li {
display: inline-block;
margin: 0 9px;
width: 40px;
height: 40px;
float: left;
border: 1px solid #ddd;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li a {
display: block;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li a i {
line-height: 38px;
width: 40px;
text-align: center;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li:first-child {
margin-left: 0;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li:last-child {
margin-right: 0;
}
.portfolio-related-wrap .heading-wrap .post-navigation {
margin-top: 100px;
}
.portfolio-related-wrap .heading-wrap .post-navigation .nav-links .nav-previous .post-navigation-content,
.portfolio-related-wrap .heading-wrap .post-navigation .nav-links .nav-next .post-navigation-content {
display: none;
}
.portfolio-related-wrap .heading-wrap .post-navigation .nav-links a div i {
color: var(--secondary_color);
top: 0;
margin-top: 0;
text-align: center;
height: 50px;
width: 60px;
line-height: 50px;
background-color: #f6f6f6;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-related-wrap .heading-wrap .post-navigation .nav-links a div:hover i {
color: var(--primary_color);
}
.portfolio-related-wrap .heading-wrap .post-navigation .nav-links > i {
color: var(--secondary_color);
line-height: 50px;
font-size: 28px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-related-wrap .heading-wrap .heading {
text-align: center;
text-transform: uppercase;
color: var(--secondary_color);
font-size: 36px;
margin-top: 70px;
}
.portfolio-related-wrap .heading-wrap .heading .heading-icon {
font-size: 14px;
height: 30px;
width: 30px;
line-height: 30px;
position: relative;
margin: 0 auto;
z-index: 1;
}
.portfolio-related-wrap .heading-wrap .heading .heading-icon i {
font-size: 12px;
color: #6fd9ec;
height: 30px;
width: 30px;
background-color: #fff;
line-height: 30px;
position: relative;
margin: 0 auto;
z-index: 1;
}
.portfolio-related-wrap .heading-wrap .heading .heading-icon:before {
content: '';
width: 70px;
height: 1px;
background-color: #ddd;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: -1;
}
@media (max-width: 479px) {
.portfolio-related-wrap .heading-wrap .heading {
font-size: 24px;
margin-top: 50px;
}
}
.portfolio-related-wrap .portfolio-related {
margin-top: 60px;
margin-bottom: 100px;
position: relative;
}
.portfolio-related-wrap .portfolio-related.portfolio-wrapper .portfolio-item {
width: 100% !important;
padding: 0 15px;
}
.portfolio-related-wrap .portfolio-related .owl-nav div {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
border-radius: 0;
height: 44px;
width: 44px;
padding: 0;
background-color: rgba(128, 128, 128, 0.5);
text-align: center;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-related-wrap .portfolio-related .owl-nav div i {
font-size: 24px;
color: #fff;
line-height: 44px;
}
.portfolio-related-wrap .portfolio-related .owl-nav div:hover {
background-color: var(--primary_color);
}
.portfolio-related-wrap .portfolio-related .owl-nav .owl-prev {
left: -10px;
}
.portfolio-related-wrap .portfolio-related .owl-nav .owl-next {
right: -10px;
} .yolo-teammember.teammember-carousel {
background: #fff;
padding: 40px 100px;
position: relative;
}
.yolo-teammember.teammember-carousel .teammember-list {
margin: 20px 0 0 0;
list-style: none;
list-style-type: none;
}
.yolo-teammember.teammember-carousel .teammember-list .teammember-item {
position: relative;
margin: 10%;
}
.yolo-teammember.teammember-carousel .teammember-list .teammember-item:hover .teammember-content {
-webkit-transform: translate(30px, 30px);
-ms-transform: translate(30px, 30px);
transform: translate(30px, 30px);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.yolo-teammember.teammember-carousel .teammember-list .teammember-item:hover .teammember-content .teammember-image:before {
background: var(--primary_color_fade_90);
}
.yolo-teammember.teammember-carousel .teammember-list .teammember-item:hover .teammember-content .teammember-meta {
right: 20px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.yolo-teammember.teammember-carousel .teammember-list .teammember-item .teammember-background {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.2;
}
.yolo-teammember.teammember-carousel .teammember-list .teammember-item .teammember-background:before {
content: "";
position: absolute;
width: 90%;
height: 94%;
margin: 5%;
background: #fff;
}
.yolo-teammember.teammember-carousel .teammember-list .teammember-item .teammember-content {
position: relative;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.yolo-teammember.teammember-carousel .teammember-list .teammember-item .teammember-content .teammember-image {
position: relative;
}
.yolo-teammember.teammember-carousel .teammember-list .teammember-item .teammember-content .teammember-image:before {
content: "";
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: transparent;
}
.yolo-teammember.teammember-carousel .teammember-list .teammember-item .teammember-content .teammember-meta {
position: absolute;
bottom: 40px;
left: 20px;
color: #fff;
}
.yolo-teammember.teammember-carousel .teammember-list .teammember-item .teammember-content .teammember-meta .teammember-title {
color: #fff;
}
.yolo-teammember.teammember-carousel .owl-nav {
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
}
.yolo-teammember.teammember-carousel .owl-nav .owl-prev,
.yolo-teammember.teammember-carousel .owl-nav .owl-next {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.yolo-teammember.teammember-carousel .owl-nav .owl-prev {
left: 0;
}
.yolo-teammember.teammember-carousel .owl-nav .owl-next {
right: 0;
}
.yolo-teammember.teammember-carousel .owl-nav i {
padding: 15px;
background: #fff;
font-weight: bold;
}
@media (max-width: 1199px) {
.yolo-teammember.teammember-carousel {
padding: 40px 0px;
}
.yolo-teammember.teammember-carousel .teammember-list {
padding: 0;
}
}
@media (max-width: 991px) {
.yolo-teammember.teammember-carousel {
padding: 0px;
}
}
@media (max-width: 767px) {
.yolo-teammember.teammember-carousel .teammember-list {
margin: 0;
}
} .yolo-team-fix {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
background-color: rgba(0, 0, 0, 0.7);
background-image: url(//thisandthat.in/wp-content/themes/yolo-sofani/assets/images/3.GIF);
background-position: center center;
background-repeat: no-repeat;
z-index: 99999 !important;
}
.yolo-team-fix.db {
display: block;
}
.yolo-team-fix.bk-noimage {
background-image: none;
}
.yolo-team-fix .yolo-team-wrap {
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
}
@media (max-width: 767px) {
.yolo-team-fix .yolo-team-wrap {
-webkit-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
left: 10px;
right: 10px;
}
}
.yolo-team-content {
background: #ffffff;
top: 10%;
bottom: 10%;
right: 10%;
left: 10%;
height: auto;
position: relative;
padding: 50px 20px 40px 0;
overflow-y: scroll;
}
.yolo-team-content .team-left .teammember-image img {
width: 100%;
}
@media (max-width: 767px) {
.yolo-team-content {
width: 100%;
top: auto;
bottom: auto;
right: auto;
left: auto;
}
}
@media (max-width: 480px) {
.yolo-team-content {
padding: 0;
height: 300px;
}
.yolo-team-content .team-right {
padding-top: 10px;
width: 100% !important;
}
.yolo-team-content .team-left {
padding-top: 20px;
width: 100% !important;
}
.yolo-team-content .team-left .yolo-team-image {
width: 60%;
margin: 0 auto;
}
}
@media (max-width: 320px) {
.yolo-team-content {
padding: 0;
height: 300px;
overflow-y: scroll;
}
.yolo-team-content .team-right {
padding-top: 10px;
width: 100% !important;
}
.yolo-team-content .team-right .team-certificates {
display: none;
}
.yolo-team-content .team-left {
padding-top: 20px;
width: 100% !important;
}
.yolo-team-content .team-left .yolo-team-image {
width: 60%;
margin: 0 auto;
}
}
.yolo-team-content .team-remove {
width: 40px;
height: 40px;
background: #eeeff0;
position: absolute;
top: 0;
right: 0;
color: #606060;
border: 0;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
@media (max-width: 480px) {
.yolo-team-content .team-remove {
margin-top: -40px;
position: fixed;
}
}
.yolo-team-content .team-remove:hover {
background: #000000;
color: #ffffff;
}
.yolo-team-content .team-left {
width: 40%;
float: left;
text-align: center;
padding-left: 30px;
}
.yolo-team-content .team-left h4 {
font-size: 24px;
margin: 22px 10px 8px;
padding: 0;
color: #fdb801;
}
.yolo-team-content .team-left .team_position {
display: block;
color: #606060;
text-transform: uppercase;
}
.yolo-team-content .team-right {
width: 60%;
float: left;
padding-left: 30px;
}
.yolo-team-content .team-right .team-title {
font-size: 24px;
position: relative;
color: #606060;
padding: 0;
margin: 0 0 15px 0;
}
.yolo-team-content .team-right .team-title:before {
width: 4px;
height: 4px;
-webkit-border-top-right-radius: 50%;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 50%;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 50%;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
content: '';
position: absolute;
left: 0;
top: 50%;
margin-top: -2px;
}
.yolo-team-content .team-right .team-contact ul {
list-style: none;
padding: 0;
margin: 0;
}
.yolo-team-content .team-right .team-contact ul li {
line-height: 28px;
}
.yolo-team-content .team-right .team-contact ul li i {
color: #fdb801;
padding-right: 17px;
}
.yolo-team-content .team-right .team-contact .team_socials a {
display: inline-block;
margin-top: 10px;
margin-right: 13px;
color: #606060;
-webkit-transition: color 0.25s ease-in-out;
-o-transition: color 0.25s ease-in-out;
transition: color 0.25s ease-in-out;
}
.yolo-team-content .team-right .team-contact .team_socials a:hover {
color: #fdb801;
}
.yolo-team-content .team-specialty {
margin-top: 20px;
}
.yolo-team-content .team-specialty .team-specialty-attr {
margin-top: 13px;
}
.yolo-team-content .team-specialty .team-specialty-attr ul {
float: left;
padding: 0;
margin: 0;
list-style: none;
width: 50%;
}
.yolo-team-content .team-specialty .team-specialty-attr ul li {
line-height: 36px;
position: relative;
padding: 0 0 0 14px;
}
.yolo-team-content .team-specialty .team-specialty-attr ul li:before {
width: 4px;
height: 4px;
-webkit-border-top-right-radius: 50%;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 50%;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 50%;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: #606060;
content: '';
position: absolute;
left: 0;
top: 50%;
margin-top: -2px;
}
.yolo-team-content .team-certificates {
margin-top: 20px;
color: #606060;
}
.yolo-team-content .team-right .team-contact ul {
list-style: none;
padding: 0;
margin: 0;
}
.yolo-team-content .team-right .team-contact ul li {
line-height: 28px;
}
.yolo-team-content .team-right .team-contact ul li i {
color: #fdb801;
padding-right: 17px;
}
.teammember-content {
cursor: pointer;
} @media (max-width: 480px) {
.yolo-testimonial.slider-pro .sp-mask.sp-grab,
.yolo-testimonial.slider-pro .sp-grabbing {
height: 550px !important;
}
}
.yolo-testimonial.slider-pro .sp-slides .sp-slide {
padding: 75px;
background-color: #f6f6f6;
}
.yolo-testimonial.slider-pro .sp-slides .sp-slide .testimonial-content {
padding-left: 50px;
position: relative;
}
.yolo-testimonial.slider-pro .sp-slides .sp-slide .testimonial-content p {
color: var(--text_color_lighten_20);
}
.yolo-testimonial.slider-pro .sp-slides .sp-slide .testimonial-content hr {
width: 60px;
position: absolute;
left: 0;
margin-left: 50px;
border-top: 1px solid var(--text_color_lighten_50);
}
.yolo-testimonial.slider-pro .sp-slides .sp-slide .testimonial-content:before {
content: "\f10d";
font-family: fontawesome;
position: absolute;
top: 0;
left: 0;
font-size: 36px;
line-height: 1.3;
color: var(--primary_color);
}
@media (max-width: 480px) {
.yolo-testimonial.slider-pro .sp-slides .sp-slide .testimonial-content {
padding-top: 45px;
padding-left: 0;
}
.yolo-testimonial.slider-pro .sp-slides .sp-slide .testimonial-content:before {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.yolo-testimonial.slider-pro .sp-slides .sp-slide .testimonial-info {
padding-left: 50px;
margin-top: 65px;
}
.yolo-testimonial.slider-pro .sp-slides .sp-slide .testimonial-info img {
width: 60px;
float: left;
}
.yolo-testimonial.slider-pro .sp-slides .sp-slide .testimonial-info .testimonial-meta {
margin-left: 80px;
}
.yolo-testimonial.slider-pro .sp-slides .sp-slide .testimonial-info .testimonial-meta h3 {
text-transform: uppercase;
font-weight: bold;
margin-bottom: 10px;
font-size: 18px;
}
.yolo-testimonial.slider-pro .sp-slides .sp-slide .testimonial-info .testimonial-meta p {
color: var(--text_color_lighten_20);
margin: 0;
}
@media (max-width: 480px) {
.yolo-testimonial.slider-pro .sp-slides .sp-slide .testimonial-info {
padding-left: 0;
}
}
@media (max-width: 768px) {
.yolo-testimonial.slider-pro .sp-slides .sp-slide {
padding: 30px;
}
}
@media (max-width: 480px) {
.yolo-testimonial.slider-pro .sp-slides .sp-slide {
height: 550px !important;
}
}
.yolo-testimonial.slider-pro .sp-selected-thumbnail:before {
display: none;
border-color: var(--primary_color) !important;
}
.yolo-testimonial.slider-pro .sp-selected-thumbnail:after {
display: none;
border-right-color: var(--primary_color) !important;
}
.yolo-testimonial.slider-pro .sp-thumbnails .sp-thumbnail {
width: 100%;
height: 100%;
left: 28px;
}
.yolo-testimonial.slider-pro .sp-thumbnails .sp-thumbnail .sp-thumbnail-inner {
position: relative;
background-size: cover!important;
width: 100%;
height: 100%;
}
.yolo-testimonial.slider-pro .sp-thumbnails .sp-thumbnail .testimonial-info {
z-index: 2;
position: absolute;
top: 50%;
left: 0;
margin-left: 20px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.yolo-testimonial.slider-pro .sp-thumbnails .sp-thumbnail .testimonial-info img {
width: 90px;
float: left;
}
.yolo-testimonial.slider-pro .sp-thumbnails .sp-thumbnail .testimonial-info .testimonial-meta {
z-index: 2;
margin-left: 120px;
}
.yolo-testimonial.slider-pro .sp-thumbnails .sp-thumbnail .testimonial-info .testimonial-meta h3 {
text-transform: uppercase;
font-weight: bold;
margin-bottom: 5px;
font-size: 18px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
margin-top: 0;
}
.yolo-testimonial.slider-pro .sp-thumbnails .sp-thumbnail .testimonial-info .testimonial-meta p {
margin: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
color: var(--text_color_lighten_20);
}
.yolo-testimonial.slider-pro .sp-thumbnails .sp-thumbnail .testimonial-overlay {
position: absolute;
width: 100%;
height: 100%;
}
.yolo-testimonial.slider-pro .sp-thumbnails .sp-thumbnail .testimonial-overlay:before {
content: '';
right: -64%;
top: 0;
position: absolute;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
-webkit-transform: skewX(-30deg) skewY(0);
-ms-transform: skewX(-30deg) skewY(0);
transform: skewX(-30deg) skewY(0);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo-testimonial.slider-pro .sp-thumbnails .sp-thumbnail .testimonial-overlay i {
position: absolute;
left: 65%;
top: 50%;
-webkit-transform: translate(-65%, -50%);
-ms-transform: translate(-65%, -50%);
transform: translate(-65%, -50%);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo-testimonial.slider-pro .sp-thumbnails .sp-thumbnail .testimonial-overlay i:before {
font-size: 18px;
color: white;
height: 50px;
width: 50px;
background-color: var(--primary_color);
display: block;
line-height: 50px;
border-radius: 100%;
text-align: center;
}
.yolo-testimonial.slider-pro .sp-thumbnails .sp-thumbnail:hover .testimonial-overlay:before {
right: 0%;
-webkit-transform: skewX(0) skewY(0);
-ms-transform: skewX(0) skewY(0);
transform: skewX(0) skewY(0);
}
.yolo-testimonial.slider-pro .sp-thumbnails .sp-thumbnail:hover .testimonial-overlay i {
left: 75%;
-webkit-transform: translate(-75%, -50%);
-ms-transform: translate(-75%, -50%);
transform: translate(-75%, -50%);
}
.yolo-testimonial.slider-pro .sp-thumbnails .sp-thumbnail:hover .testimonial-info .testimonial-meta h3 {
color: #fff;
}
.yolo-testimonial.slider-pro .sp-thumbnails .sp-thumbnail:hover .testimonial-info .testimonial-meta p {
color: #fff;
}
.yolo-testimonial.slider-pro .sp-thumbnails .sp-thumbnail-container {
margin-top: 8px;
margin-bottom: 8px;
}
.yolo-testimonial.slider-pro .sp-thumbnails .sp-thumbnail-container.sp-selected-thumbnail .sp-thumbnail .testimonial-overlay:before {
right: 0%;
-webkit-transform: skewX(0) skewY(0);
-ms-transform: skewX(0) skewY(0);
transform: skewX(0) skewY(0);
}
.yolo-testimonial.slider-pro .sp-thumbnails .sp-thumbnail-container.sp-selected-thumbnail .sp-thumbnail .testimonial-overlay i {
left: 75%;
-webkit-transform: translate(-75%, -50%);
-ms-transform: translate(-75%, -50%);
transform: translate(-75%, -50%);
}
.yolo-testimonial.slider-pro .sp-thumbnails .sp-thumbnail-container.sp-selected-thumbnail .sp-thumbnail .testimonial-info .testimonial-meta h3 {
color: #fff;
}
.yolo-testimonial.slider-pro .sp-thumbnails .sp-thumbnail-container.sp-selected-thumbnail .sp-thumbnail .testimonial-info .testimonial-meta p {
color: #fff;
}
@media (max-width: 991px) {
.yolo-testimonial.slider-pro .sp-thumbnails {
display: none;
}
}
.yolo-testimonial.slider-pro .testimonial-control {
position: absolute;
height: 40px;
width: 90px;
bottom: 55px;
left: 100px;
z-index: 999;
}
.yolo-testimonial.slider-pro .testimonial-control .nav_prev,
.yolo-testimonial.slider-pro .testimonial-control .nav_next {
width: 40px;
height: 40px;
display: inline-block;
background-color: #fff;
text-align: center;
line-height: 40px;
-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.11);
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.11);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo-testimonial.slider-pro .testimonial-control .nav_prev:hover,
.yolo-testimonial.slider-pro .testimonial-control .nav_next:hover {
color: var(--primary_color);
}
@media (max-width: 480px) {
.yolo-testimonial.slider-pro .testimonial-control {
bottom: 10px;
}
}
.yolo-testimonial.testimonial-carousel {
text-align: center;
background: #fff;
padding: 55px 100px;
position: relative;
}
.yolo-testimonial.testimonial-carousel > i {
font-size: 36px;
color: var(--primary_color);
}
.yolo-testimonial.testimonial-carousel .testimonial-list {
padding: 0;
margin: 20px 0 0 0;
list-style: none;
list-style-type: none;
}
.yolo-testimonial.testimonial-carousel .testimonial-list .testimonial-item .testimonial-content {
position: relative;
margin-bottom: 0;
padding-bottom: 30px;
color: var(--text_color_lighten_20);
}
.yolo-testimonial.testimonial-carousel .testimonial-list .testimonial-item .testimonial-content:before {
width: 60px;
height: 2px;
background-color: #ddd;
position: absolute;
bottom: 0;
content: '';
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.yolo-testimonial.testimonial-carousel .testimonial-list .testimonial-item .testimonial-title {
text-transform: uppercase;
color: #222222;
font-size: 16px;
margin-top: 30px;
font-weight: bold;
margin-bottom: 5px;
}
.yolo-testimonial.testimonial-carousel .testimonial-list .testimonial-item .testimonial-position {
text-transform: uppercase;
margin-bottom: 0px;
color: var(--text_color_lighten_20);
}
.yolo-testimonial.testimonial-carousel .testimonial-list .testimonial-item .testimonial-special {
margin-bottom: 0px;
display: none;
}
.yolo-testimonial.testimonial-carousel .owl-nav {
position: absolute;
bottom: -45%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
color: var(--text_color);
}
.yolo-testimonial.testimonial-carousel .owl-nav:hover {
cursor: pointer;
}
.yolo-testimonial.testimonial-carousel .owl-nav .owl-prev,
.yolo-testimonial.testimonial-carousel .owl-nav .owl-next {
display: inline-block;
margin: 0 5px;
z-index: 99;
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.yolo-testimonial.testimonial-carousel .owl-nav .owl-prev i,
.yolo-testimonial.testimonial-carousel .owl-nav .owl-next i {
padding: 15px;
background: #fff;
}
@media (max-width: 480px) {
.yolo-testimonial.testimonial-carousel {
padding: 40px 20px;
}
}
.yolo-testimonial.testimonial-carousel-2 {
text-align: center;
padding: 40px 100px;
position: relative;
}
.yolo-testimonial.testimonial-carousel-2 .owl-controls {
margin-top: 75px;
}
.yolo-testimonial.testimonial-carousel-2 .owl-controls .owl-pagination .owl-page {
height: 30px;
}
.yolo-testimonial.testimonial-carousel-2 .owl-controls .owl-pagination .owl-page span {
width: 25px;
height: 2px;
margin: 0 5px;
margin-top: 14px;
background-color: var(--text_color_lighten_50);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo-testimonial.testimonial-carousel-2 .owl-controls .owl-pagination .owl-page:hover span {
background-color: var(--text_color);
}
.yolo-testimonial.testimonial-carousel-2 .owl-controls .owl-pagination .owl-page.active span {
background-color: var(--text_color);
}
.yolo-testimonial.testimonial-carousel-2 .testimonial-list {
padding: 0;
margin: 0;
list-style: none;
list-style-type: none;
}
.yolo-testimonial.testimonial-carousel-2 .testimonial-list .testimonial-item:hover .testimonial-position:before {
width: 10%;
}
.yolo-testimonial.testimonial-carousel-2 .testimonial-list .testimonial-item p {
z-index: 2;
margin: 0 auto;
margin-top: 40px;
position: relative;
width: 80%;
}
.yolo-testimonial.testimonial-carousel-2 .testimonial-list .testimonial-item p:before {
content: "\f10d";
font-family: fontawesome;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 36px;
color: var(--text_color_lighten_60);
z-index: -1;
}
.yolo-testimonial.testimonial-carousel-2 .testimonial-list .testimonial-item .testimonial-title {
text-transform: uppercase;
color: var(--text_color);
font-weight: 700;
font-size: 30px;
}
.yolo-testimonial.testimonial-carousel-2 .testimonial-list .testimonial-item .testimonial-position {
position: relative;
text-transform: uppercase;
font-size: 14px;
padding-bottom: 30px;
margin-top: 0;
}
.yolo-testimonial.testimonial-carousel-2 .testimonial-list .testimonial-item .testimonial-position:before {
content: "";
position: absolute;
display: block;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 5%;
height: 1px;
background: #000000;
-webkit-transition: width 0.2s;
-o-transition: width 0.2s;
transition: width 0.2s;
}
.yolo-testimonial.testimonial-carousel-2 .testimonial-list .testimonial-item .testimonial-special {
display: none;
position: relative;
}
.yolo-testimonial.testimonial-carousel-2 .owl-nav:hover {
cursor: pointer;
}
.yolo-testimonial.testimonial-carousel-2 .owl-nav .owl-prev,
.yolo-testimonial.testimonial-carousel-2 .owl-nav .owl-next {
position: absolute;
top: 50%;
z-index: 99;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
color: var(--text_color);
margin: 0 5px;
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.yolo-testimonial.testimonial-carousel-2 .owl-nav .owl-prev i,
.yolo-testimonial.testimonial-carousel-2 .owl-nav .owl-next i {
padding: 15px;
background: #fff;
}
.yolo-testimonial.testimonial-carousel-2 .owl-nav .owl-prev.owl-next,
.yolo-testimonial.testimonial-carousel-2 .owl-nav .owl-next.owl-next {
right: 20px;
}
.yolo-testimonial.testimonial-carousel-2 .owl-nav .owl-prev.owl-prev,
.yolo-testimonial.testimonial-carousel-2 .owl-nav .owl-next.owl-prev {
left: 20px;
}  .shortcode-product-wrap {
position: relative; }
.shortcode-product-wrap .product-item-wrap:hover .product-item-inner {
-webkit-box-shadow: none;
box-shadow: none;
}
.shortcode-product-wrap .product-filters ul {
list-style: none;
list-style-type: none;
padding: 0;
}
.shortcode-product-wrap .product-filters ul.filter-center {
text-align: center;
}
.shortcode-product-wrap .product-filters ul.filter-left {
text-align: left;
}
.shortcode-product-wrap .product-filters ul.filter-right {
text-align: right;
}
.shortcode-product-wrap .product-filters ul.style_1 {
margin-bottom: 35px;
}
.shortcode-product-wrap .product-filters ul.style_1 li a {
position: relative;
padding: 5px;
}
.shortcode-product-wrap .product-filters ul.style_1 li a:before {
content: '';
position: absolute;
height: 1px;
width: 100%;
background-color: var(--text_color);
top: 0;
left: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.shortcode-product-wrap .product-filters ul.style_1 li a:after {
content: '';
position: absolute;
height: 1px;
width: 100%;
background-color: var(--text_color);
bottom: 0;
left: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.shortcode-product-wrap .product-filters ul.style_1 li a:hover:before,
.shortcode-product-wrap .product-filters ul.style_1 li a.selected:before,
.shortcode-product-wrap .product-filters ul.style_1 li a:hover:after,
.shortcode-product-wrap .product-filters ul.style_1 li a.selected:after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
background: var(--primary_color);
}
.shortcode-product-wrap .product-filters ul.style_1 li.bt-order {
font-weight: 600;
border: 1px solid var(--text_color);
padding: 5px 15px;
cursor: pointer;
}
.shortcode-product-wrap .product-filters ul.style_1 li.bt-order:hover,
.shortcode-product-wrap .product-filters ul.style_1 li.bt-order.active {
color: var(--primary_color);
border-color: var(--primary_color);
}
.shortcode-product-wrap .product-filters ul.style_2 {
margin-bottom: 45px;
}
.shortcode-product-wrap .product-filters ul.style_2 li a {
position: relative;
padding: 5px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.shortcode-product-wrap .product-filters ul.style_2 li a:before {
content: '';
position: absolute;
height: 1px;
width: 100%;
background-color: var(--primary_color);
top: 0;
left: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.shortcode-product-wrap .product-filters ul.style_2 li a:after {
content: '';
position: absolute;
height: 1px;
width: 100%;
background-color: var(--primary_color);
bottom: 0;
left: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.shortcode-product-wrap .product-filters ul.style_2 li a:hover:before,
.shortcode-product-wrap .product-filters ul.style_2 li a.selected:before,
.shortcode-product-wrap .product-filters ul.style_2 li a:hover:after,
.shortcode-product-wrap .product-filters ul.style_2 li a.selected:after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.shortcode-product-wrap .product-filters ul.style_3 {
margin-bottom: 25px;
}
.shortcode-product-wrap .product-filters ul.style_3 li a {
position: relative;
padding: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.shortcode-product-wrap .product-filters ul.style_3 li a:before {
content: '';
position: absolute;
height: 100%;
width: 2px;
background-color: var(--primary_color);
left: -10px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.shortcode-product-wrap .product-filters ul.style_3 li a:hover:before,
.shortcode-product-wrap .product-filters ul.style_3 li a.selected:before {
background-color: var(--primary_color);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.shortcode-product-wrap .product-filters ul.style_4 li a {
position: relative;
text-transform: uppercase;
}
.shortcode-product-wrap .product-filters ul.style_4 li a:before {
content: '';
position: absolute;
height: 2px;
width: 100%;
background-color: transparent;
left: -10px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
bottom: 10px;
}
.shortcode-product-wrap .product-filters ul.style_4 li a:hover:before,
.shortcode-product-wrap .product-filters ul.style_4 li a.selected:before {
background-color: var(--primary_color);
left: 10px;
}
.shortcode-product-wrap .product-filters ul.style_5 li a {
margin: 0 15px;
position: relative;
}
.shortcode-product-wrap .product-filters ul.style_5 li a:before {
content: '';
position: absolute;
height: 1px;
width: 120%;
background-color: transparent;
left: -20%;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.shortcode-product-wrap .product-filters ul.style_5 li a:hover:before,
.shortcode-product-wrap .product-filters ul.style_5 li a.selected:before {
left: 0;
background-color: var(--text_color);
}
@media (max-width: 991px) {
.shortcode-product-wrap .product-filters ul.style_5 {
margin-top: 60px;
text-align: center;
}
}
.shortcode-product-wrap .product-filters ul.style_6 li a {
margin: 0 15px;
position: relative;
}
.shortcode-product-wrap .product-filters ul.style_6 li a:before {
content: '';
position: absolute;
height: 1px;
width: 120%;
background-color: transparent;
left: -20%;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.shortcode-product-wrap .product-filters ul.style_6 li a:hover:before,
.shortcode-product-wrap .product-filters ul.style_6 li a.selected:before {
left: 0;
background-color: var(--text_color);
}
.shortcode-product-wrap .product-filters ul li {
display: inline-block;
}
.shortcode-product-wrap .product-filters ul li a {
margin: 0 30px;
padding: 15px 0;
display: block;
}
.shortcode-product-wrap .product-filters ul li a.selected {
color: var(--primary_color);
}
.shortcode-product-wrap .product-sort {
margin-bottom: 40px;
display: none;
}
.shortcode-product-wrap .product-sort .list-sort {
display: inline-block;
padding: 5px 30px 5px 10px;
}
.shortcode-product-wrap .product-sort .asc-desc {
display: inline-block;
}
.shortcode-product-wrap .product-sort.sorting-center {
text-align: center;
}
.shortcode-product-wrap .product-sort.sorting-right {
text-align: right;
}
.shortcode-product-wrap .product-sort.sorting-left {
text-align: left;
}
.shortcode-product-wrap .product-style_1 {
padding: 0;
margin: -1px -1px 0px 0px;
border: 1px solid #d0d0d0;
z-index: 1;
}
.shortcode-product-wrap .product-style_1.no-padding {
margin: -1px -1px 0px 0px;
}
.shortcode-product-wrap .product-style_1.has-padding {
margin: 0;
padding: 0 15px;
border: none;
margin-bottom: 30px;
}
@media (max-width: 480px) {
.shortcode-product-wrap .product-style_1.has-padding.mobile_columns2 {
padding: 0 5px;
}
}
.shortcode-product-wrap .product-style_1.has-padding .product-item-inner {
border: 1px solid #d0d0d0;
}
.shortcode-product-wrap .product-style_2 .product-info .star-rating {
margin-bottom: 0;
}
.shortcode-product-wrap .product-style_2 .product-info span.price {
margin: 0;
position: relative;
margin-bottom: 0;
}
.shortcode-product-wrap .product-style_2 .product-info h3 {
position: relative;
margin-top: 10px;
margin-bottom: 10px;
padding-right: 0;
}
.shortcode-product-wrap .product-style_2:hover .product-info h3 {
opacity: 0;
}
.shortcode-product-wrap .product-style_3 .product-info {
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.shortcode-product-wrap .product-style_3 .product-actions {
background-color: transparent;
}
.shortcode-product-wrap .product-style_3 .star-rating {
top: 0px;
right: auto;
position: relative;
}
.shortcode-product-wrap .product-style_3 span.price {
position: relative;
text-align: center;
margin: 0px;
}
.shortcode-product-wrap .product-style_3 h3 {
position: relative;
text-align: center;
margin: 5px 0;
padding-right: 0;
}
.shortcode-product-wrap .product-style_6 .product-item-inner:before {
content: '';
opacity: 0;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.shortcode-product-wrap .product-style_6 .product-item-inner .product-thumb .product-link {
z-index: 4;
}
.shortcode-product-wrap .product-style_6 .product-item-inner .product-info {
z-index: 3;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
}
.shortcode-product-wrap .product-style_6 .product-item-inner .product-info .star-rating {
right: auto;
top: auto;
bottom: 50px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.shortcode-product-wrap .product-style_6 .product-item-inner .product-info h3 {
position: absolute;
width: 100%;
text-align: center;
bottom: 0;
top: auto;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
left: 0;
padding-right: 0;
}
.shortcode-product-wrap .product-style_6 .product-item-inner .product-info span.price {
opacity: 0;
right: auto;
left: 50%;
position: absolute;
top: 30px;
margin: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
font-size: 24px;
color: #fff !important;
line-height: 1;
}
.shortcode-product-wrap .product-style_6 .product-item-inner .product-info span.price ins {
color: #fff !important;
}
.shortcode-product-wrap .product-style_6 .product-item-inner .product-info span.price ins span.amount {
color: #fff;
}
.shortcode-product-wrap .product-style_6 .product-item-inner .product-info span.price del {
display: none;
font-size: 16px;
color: rgba(255, 255, 255, 0.7) !important;
}
.shortcode-product-wrap .product-style_6 .product-item-inner .product-actions {
background-color: transparent;
border: none;
top: 50%;
bottom: auto;
z-index: 4;
-webkit-transform: translateY(-50%) scale(0);
-ms-transform: translateY(-50%) scale(0);
transform: translateY(-50%) scale(0);
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.shortcode-product-wrap .product-style_6 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a,
.shortcode-product-wrap .product-style_6 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a,
.shortcode-product-wrap .product-style_6 .product-item-inner .product-actions .add_to_wishlist,
.shortcode-product-wrap .product-style_6 .product-item-inner .product-actions .compare,
.shortcode-product-wrap .product-style_6 .product-item-inner .product-actions .product-quick-view,
.shortcode-product-wrap .product-style_6 .product-item-inner .product-actions .btn_add_to_cart,
.shortcode-product-wrap .product-style_6 .product-item-inner .product-actions .add-to-cart-wrap a {
width: 50px;
height: 50px;
line-height: 50px !important;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0.6);
display: inline-block;
padding: 0;
position: relative;
border-radius: 100%;
font-size: 0;
min-width: 0;
vertical-align: middle;
margin-left: 4px;
margin-right: 4px;
opacity: 1;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.shortcode-product-wrap .product-style_6 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a i,
.shortcode-product-wrap .product-style_6 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a i,
.shortcode-product-wrap .product-style_6 .product-item-inner .product-actions .add_to_wishlist i,
.shortcode-product-wrap .product-style_6 .product-item-inner .product-actions .compare i,
.shortcode-product-wrap .product-style_6 .product-item-inner .product-actions .product-quick-view i,
.shortcode-product-wrap .product-style_6 .product-item-inner .product-actions .btn_add_to_cart i,
.shortcode-product-wrap .product-style_6 .product-item-inner .product-actions .add-to-cart-wrap a i {
font-size: 16px;
line-height: 1;
vertical-align: middle;
}
.shortcode-product-wrap .product-style_6 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a:hover,
.shortcode-product-wrap .product-style_6 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a:hover,
.shortcode-product-wrap .product-style_6 .product-item-inner .product-actions .add_to_wishlist:hover,
.shortcode-product-wrap .product-style_6 .product-item-inner .product-actions .compare:hover,
.shortcode-product-wrap .product-style_6 .product-item-inner .product-actions .product-quick-view:hover,
.shortcode-product-wrap .product-style_6 .product-item-inner .product-actions .btn_add_to_cart:hover,
.shortcode-product-wrap .product-style_6 .product-item-inner .product-actions .add-to-cart-wrap a:hover,
.shortcode-product-wrap .product-style_6 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a.active,
.shortcode-product-wrap .product-style_6 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a.active,
.shortcode-product-wrap .product-style_6 .product-item-inner .product-actions .add_to_wishlist.active,
.shortcode-product-wrap .product-style_6 .product-item-inner .product-actions .compare.active,
.shortcode-product-wrap .product-style_6 .product-item-inner .product-actions .product-quick-view.active,
.shortcode-product-wrap .product-style_6 .product-item-inner .product-actions .btn_add_to_cart.active,
.shortcode-product-wrap .product-style_6 .product-item-inner .product-actions .add-to-cart-wrap a.active {
color: #404040;
background-color: #fff;
}
.shortcode-product-wrap .product-style_6:hover .product-item-inner:before {
opacity: 1;
-webkit-transform: scale(0.93);
-ms-transform: scale(0.93);
transform: scale(0.93);
}
.shortcode-product-wrap .product-style_6:hover .product-item-inner .product-info span.price {
opacity: 1;
}
.shortcode-product-wrap .product-style_6:hover .product-item-inner .product-info h3 {
color: #fff;
}
.shortcode-product-wrap .product-style_6:hover .product-item-inner .product-actions {
-webkit-transform: translateY(-50%) scale(1);
-ms-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
}
.shortcode-product-wrap .product-style_4 .product-item-inner:before {
content: '';
opacity: 0;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.shortcode-product-wrap .product-style_4 .product-item-inner .product-info {
z-index: 3;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
}
.shortcode-product-wrap .product-style_4 .product-item-inner .product-info .star-rating {
display: none;
}
.shortcode-product-wrap .product-style_4 .product-item-inner .product-info h3 {
opacity: 0;
width: 100%;
position: absolute;
text-align: center;
bottom: -15%;
top: auto;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
color: #fff;
left: 0;
right: 0;
}
.shortcode-product-wrap .product-style_4 .product-item-inner .product-info span.price {
text-align: center;
opacity: 0;
position: absolute;
top: -15%;
left: 0;
right: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
font-size: 24px;
color: #fff !important;
}
.shortcode-product-wrap .product-style_4 .product-item-inner .product-info span.price ins {
color: #fff !important;
}
.shortcode-product-wrap .product-style_4 .product-item-inner .product-info span.price del {
font-size: 16px;
color: rgba(255, 255, 255, 0.7) !important;
}
.shortcode-product-wrap .product-style_4 .product-item-inner .product-actions {
z-index: 5;
background-color: transparent;
border: none;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%) scale(1.3);
-ms-transform: translateY(-50%) scale(1.3);
transform: translateY(-50%) scale(1.3);
-webkit-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.shortcode-product-wrap .product-style_4 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a,
.shortcode-product-wrap .product-style_4 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a,
.shortcode-product-wrap .product-style_4 .product-item-inner .product-actions .add_to_wishlist,
.shortcode-product-wrap .product-style_4 .product-item-inner .product-actions .compare,
.shortcode-product-wrap .product-style_4 .product-item-inner .product-actions .product-quick-view,
.shortcode-product-wrap .product-style_4 .product-item-inner .product-actions .btn_add_to_cart,
.shortcode-product-wrap .product-style_4 .product-item-inner .product-actions .add-to-cart-wrap a {
width: 50px;
height: 50px;
line-height: 50px !important;
text-align: center;
color: #fff;
background-color: rgba(255, 255, 255, 0.35);
display: inline-block;
padding: 0;
position: relative;
border-radius: 100%;
font-size: 0;
min-width: 0;
vertical-align: middle;
margin-right: 4px;
margin-left: 4px;
opacity: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.shortcode-product-wrap .product-style_4 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a i,
.shortcode-product-wrap .product-style_4 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a i,
.shortcode-product-wrap .product-style_4 .product-item-inner .product-actions .add_to_wishlist i,
.shortcode-product-wrap .product-style_4 .product-item-inner .product-actions .compare i,
.shortcode-product-wrap .product-style_4 .product-item-inner .product-actions .product-quick-view i,
.shortcode-product-wrap .product-style_4 .product-item-inner .product-actions .btn_add_to_cart i,
.shortcode-product-wrap .product-style_4 .product-item-inner .product-actions .add-to-cart-wrap a i {
font-size: 16px;
line-height: 1;
vertical-align: middle;
}
.shortcode-product-wrap .product-style_4 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a:hover,
.shortcode-product-wrap .product-style_4 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a:hover,
.shortcode-product-wrap .product-style_4 .product-item-inner .product-actions .add_to_wishlist:hover,
.shortcode-product-wrap .product-style_4 .product-item-inner .product-actions .compare:hover,
.shortcode-product-wrap .product-style_4 .product-item-inner .product-actions .product-quick-view:hover,
.shortcode-product-wrap .product-style_4 .product-item-inner .product-actions .btn_add_to_cart:hover,
.shortcode-product-wrap .product-style_4 .product-item-inner .product-actions .add-to-cart-wrap a:hover,
.shortcode-product-wrap .product-style_4 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a.active,
.shortcode-product-wrap .product-style_4 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a.active,
.shortcode-product-wrap .product-style_4 .product-item-inner .product-actions .add_to_wishlist.active,
.shortcode-product-wrap .product-style_4 .product-item-inner .product-actions .compare.active,
.shortcode-product-wrap .product-style_4 .product-item-inner .product-actions .product-quick-view.active,
.shortcode-product-wrap .product-style_4 .product-item-inner .product-actions .btn_add_to_cart.active,
.shortcode-product-wrap .product-style_4 .product-item-inner .product-actions .add-to-cart-wrap a.active {
color: #404040;
background-color: #fff;
}
.shortcode-product-wrap .product-style_4:hover .product-item-inner:before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.shortcode-product-wrap .product-style_4:hover .product-item-inner .product-info span.price {
opacity: 1;
top: 15%;
}
.shortcode-product-wrap .product-style_4:hover .product-item-inner .product-info h3 {
opacity: 1;
color: #fff;
bottom: 15%;
}
.shortcode-product-wrap .product-style_4:hover .product-item-inner .product-info .star-rating {
opacity: 1;
}
.shortcode-product-wrap .product-style_4:hover .product-item-inner .product-actions {
-webkit-transform: translateY(-50%) scale(1);
-ms-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
}
.shortcode-product-wrap .product-style_5 .product-item-inner:before {
content: '';
opacity: 0;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.shortcode-product-wrap .product-style_5 .product-item-inner .product-thumb .product-link {
z-index: 4;
}
.shortcode-product-wrap .product-style_5 .product-item-inner .product-thumb .product-hover-sign {
display: none;
}
.shortcode-product-wrap .product-style_5 .product-item-inner .product-info {
z-index: 3;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
}
.shortcode-product-wrap .product-style_5 .product-item-inner .product-info .star-rating {
opacity: 0;
right: auto;
top: auto;
bottom: 80px;
left: 100%;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.shortcode-product-wrap .product-style_5 .product-item-inner .product-info h3 {
opacity: 0;
position: absolute;
text-align: left;
bottom: 30px;
top: auto;
padding-left: 20px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
left: 100%;
padding: 0;
}
.shortcode-product-wrap .product-style_5 .product-item-inner .product-info h2 {
font-size: 18px;
}
.shortcode-product-wrap .product-style_5 .product-item-inner .product-info span.price {
opacity: 0;
right: auto;
left: 100%;
position: absolute;
top: 30px;
margin: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
font-size: 24px;
color: #fff !important;
line-height: 1;
}
.shortcode-product-wrap .product-style_5 .product-item-inner .product-info span.price ins {
color: #fff !important;
}
.shortcode-product-wrap .product-style_5 .product-item-inner .product-info span.price del {
font-size: 16px;
color: rgba(255, 255, 255, 0.7) !important;
}
.shortcode-product-wrap .product-style_5 .product-item-inner .product-actions {
z-index: 4;
background-color: transparent;
border: none;
top: 50%;
bottom: auto;
left: -50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.shortcode-product-wrap .product-style_5 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a,
.shortcode-product-wrap .product-style_5 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a,
.shortcode-product-wrap .product-style_5 .product-item-inner .product-actions .add_to_wishlist,
.shortcode-product-wrap .product-style_5 .product-item-inner .product-actions .compare,
.shortcode-product-wrap .product-style_5 .product-item-inner .product-actions .product-quick-view,
.shortcode-product-wrap .product-style_5 .product-item-inner .product-actions .btn_add_to_cart,
.shortcode-product-wrap .product-style_5 .product-item-inner .product-actions .add-to-cart-wrap a {
width: 50px;
height: 50px;
line-height: 50px !important;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0.35);
display: inline-block;
padding: 0;
position: relative;
border-radius: 100%;
font-size: 0;
min-width: 0;
vertical-align: middle;
margin-right: 4px;
margin-left: 4px;
opacity: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.shortcode-product-wrap .product-style_5 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a i,
.shortcode-product-wrap .product-style_5 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a i,
.shortcode-product-wrap .product-style_5 .product-item-inner .product-actions .add_to_wishlist i,
.shortcode-product-wrap .product-style_5 .product-item-inner .product-actions .compare i,
.shortcode-product-wrap .product-style_5 .product-item-inner .product-actions .product-quick-view i,
.shortcode-product-wrap .product-style_5 .product-item-inner .product-actions .btn_add_to_cart i,
.shortcode-product-wrap .product-style_5 .product-item-inner .product-actions .add-to-cart-wrap a i {
font-size: 16px;
line-height: 1;
vertical-align: middle;
}
.shortcode-product-wrap .product-style_5 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a:hover,
.shortcode-product-wrap .product-style_5 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a:hover,
.shortcode-product-wrap .product-style_5 .product-item-inner .product-actions .add_to_wishlist:hover,
.shortcode-product-wrap .product-style_5 .product-item-inner .product-actions .compare:hover,
.shortcode-product-wrap .product-style_5 .product-item-inner .product-actions .product-quick-view:hover,
.shortcode-product-wrap .product-style_5 .product-item-inner .product-actions .btn_add_to_cart:hover,
.shortcode-product-wrap .product-style_5 .product-item-inner .product-actions .add-to-cart-wrap a:hover,
.shortcode-product-wrap .product-style_5 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a.active,
.shortcode-product-wrap .product-style_5 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a.active,
.shortcode-product-wrap .product-style_5 .product-item-inner .product-actions .add_to_wishlist.active,
.shortcode-product-wrap .product-style_5 .product-item-inner .product-actions .compare.active,
.shortcode-product-wrap .product-style_5 .product-item-inner .product-actions .product-quick-view.active,
.shortcode-product-wrap .product-style_5 .product-item-inner .product-actions .btn_add_to_cart.active,
.shortcode-product-wrap .product-style_5 .product-item-inner .product-actions .add-to-cart-wrap a.active {
color: #404040;
background-color: #fff;
}
.shortcode-product-wrap .product-style_5:hover .product-item-inner .product-thumb img {
-webkit-transform: scale3d(1.5, 1.5, 1.5);
-ms-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
}
.shortcode-product-wrap .product-style_5:hover .product-item-inner:before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.shortcode-product-wrap .product-style_5:hover .product-item-inner .product-info span.price {
opacity: 1;
left: 30px;
}
.shortcode-product-wrap .product-style_5:hover .product-item-inner .product-info h3 {
opacity: 1;
color: #fff;
left: 10px;
}
.shortcode-product-wrap .product-style_5:hover .product-item-inner .product-info .star-rating {
opacity: 1;
left: 30px;
}
.shortcode-product-wrap .product-style_5:hover .product-item-inner .product-actions {
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.shortcode-product-wrap .slider_home4 .owl-wrapper-outer:before {
position: absolute;
left: 0;
top: 0;
z-index: 3;
height: 100%;
width: 320px;
content: '';
background-color: rgba(255, 255, 255, 0.8);
}
.shortcode-product-wrap .slider_home4 .owl-wrapper-outer:after {
position: absolute;
right: 0;
top: 0;
z-index: 3;
height: 100%;
width: 320px;
content: '';
background-color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 991px) {
.shortcode-product-wrap .slider_home4 .owl-wrapper-outer:before {
background-color: transparent;
}
.shortcode-product-wrap .slider_home4 .owl-wrapper-outer:after {
background-color: transparent;
}
}
.shortcode-product-wrap .products-slider .product-item-wrap {
margin: 0;
width: 100%;
}
.shortcode-product-wrap .products-slider .product-item-wrap.has-padding {
margin: 0;
padding: 0 15px;
border: none;
margin-bottom: 30px;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner:before {
content: '';
opacity: 0;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner .product-info {
z-index: 3;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner .product-info .star-rating {
opacity: 0;
right: auto;
top: auto;
bottom: 50px;
left: 100%;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner .product-info h3 {
opacity: 0;
position: absolute;
text-align: left;
bottom: 0;
top: auto;
padding-left: 20px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
left: 100%;
margin-bottom: 25px;
padding-right: 0;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner .product-info span.price {
opacity: 0;
right: auto;
left: 100%;
position: absolute;
top: 30px;
margin: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
font-size: 24px;
color: #fff !important;
line-height: 1;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner .product-info span.price ins {
color: #fff !important;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner .product-info span.price del {
font-size: 16px;
color: rgba(255, 255, 255, 0.7) !important;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner .product-actions {
z-index: 4;
background-color: transparent;
border: none;
top: 50%;
bottom: auto;
left: -50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner .product-actions .add_to_wishlist,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner .product-actions .compare,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner .product-actions .product-quick-view,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner .product-actions .btn_add_to_cart,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner .product-actions .add-to-cart-wrap a {
width: 50px;
height: 50px;
line-height: 50px !important;
text-align: center;
color: #fff;
background-color: rgba(255, 255, 255, 0.35);
display: inline-block;
padding: 0;
position: relative;
border-radius: 100%;
font-size: 0;
min-width: 0;
vertical-align: middle;
margin-right: 4px;
margin-left: 4px;
opacity: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a i,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a i,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner .product-actions .add_to_wishlist i,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner .product-actions .compare i,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner .product-actions .product-quick-view i,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner .product-actions .btn_add_to_cart i,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner .product-actions .add-to-cart-wrap a i {
font-size: 16px;
line-height: 1;
vertical-align: middle;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a:hover,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a:hover,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner .product-actions .add_to_wishlist:hover,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner .product-actions .compare:hover,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner .product-actions .product-quick-view:hover,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner .product-actions .btn_add_to_cart:hover,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner .product-actions .add-to-cart-wrap a:hover,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a.active,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a.active,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner .product-actions .add_to_wishlist.active,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner .product-actions .compare.active,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner .product-actions .product-quick-view.active,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner .product-actions .btn_add_to_cart.active,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3 .product-item-inner .product-actions .add-to-cart-wrap a.active {
color: #404040;
background-color: #fff;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3:hover .product-item-inner .product-thumb img {
-webkit-transform: scale3d(1.5, 1.5, 1.5);
-ms-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3:hover .product-item-inner:before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3:hover .product-item-inner .product-info span.price {
opacity: 1;
left: 30px;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3:hover .product-item-inner .product-info h3 {
opacity: 1;
color: #fff;
left: 10px;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3:hover .product-item-inner .product-info .star-rating {
opacity: 1;
left: 30px;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_3:hover .product-item-inner .product-actions {
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner:before {
content: '';
opacity: 0;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-info {
z-index: 3;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-info .star-rating {
display: none;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-info h3 {
opacity: 0;
width: 100%;
position: absolute;
text-align: center;
bottom: -15%;
top: auto;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
color: #fff;
margin: 0;
padding-right: 0;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-info h2 {
font-size: 24px;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-info span.price {
opacity: 0;
right: auto;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
position: absolute;
top: -15%;
margin: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
font-size: 20px;
color: #fff !important;
line-height: 1;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-info span.price ins {
color: #fff !important;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-info span.price del {
display: none;
font-size: 16px;
color: rgba(255, 255, 255, 0.7) !important;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-actions {
background-color: transparent;
border: none;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%) scale(0);
-ms-transform: translateY(-50%) scale(0);
transform: translateY(-50%) scale(0);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-actions .add_to_wishlist,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-actions .compare,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-actions .product-quick-view,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-actions .btn_add_to_cart,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-actions .add-to-cart-wrap a {
width: 50px;
height: 50px;
line-height: 50px !important;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0.35);
display: inline-block;
padding: 0;
position: relative;
border-radius: 100%;
font-size: 0;
min-width: 0;
vertical-align: middle;
margin-right: 4px;
margin-left: 4px;
opacity: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a i,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a i,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-actions .add_to_wishlist i,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-actions .compare i,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-actions .product-quick-view i,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-actions .btn_add_to_cart i,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-actions .add-to-cart-wrap a i {
font-size: 16px;
line-height: 1;
vertical-align: middle;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a:hover,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a:hover,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-actions .add_to_wishlist:hover,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-actions .compare:hover,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-actions .product-quick-view:hover,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-actions .btn_add_to_cart:hover,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-actions .add-to-cart-wrap a:hover,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a.active,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a.active,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-actions .add_to_wishlist.active,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-actions .compare.active,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-actions .product-quick-view.active,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-actions .btn_add_to_cart.active,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4 .product-item-inner .product-actions .add-to-cart-wrap a.active {
color: #404040;
background-color: #fff;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4:hover .product-item-inner:before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4:hover .product-item-inner .product-info span.price {
opacity: 1;
top: 15%;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4:hover .product-item-inner .product-info h3 {
opacity: 1;
color: #fff;
bottom: 15%;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4:hover .product-item-inner .product-info .star-rating {
opacity: 1;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_4:hover .product-item-inner .product-actions {
-webkit-transform: translateY(-50%) scale(1);
-ms-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner:before {
content: '';
opacity: 0;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
-webkit-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-info {
z-index: 3;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-info .star-rating {
right: auto;
top: auto;
bottom: 80px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-info h3 {
position: absolute;
width: 100%;
text-align: center;
bottom: 30px;
top: auto;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
left: 0;
padding: 0;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-info h2 {
font-size: 24px;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-info span.price {
opacity: 0;
right: auto;
left: 50%;
position: absolute;
top: 30px;
margin: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
font-size: 24px;
color: #fff !important;
line-height: 1;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-info span.price ins {
color: #fff !important;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-info span.price del {
display: none;
font-size: 16px;
color: rgba(255, 255, 255, 0.7) !important;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-actions {
background-color: transparent;
border: none;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%) scale(0.7);
-ms-transform: translateY(-50%) scale(0.7);
transform: translateY(-50%) scale(0.7);
-webkit-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-actions .add_to_wishlist,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-actions .compare,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-actions .product-quick-view,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-actions .btn_add_to_cart,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-actions .add-to-cart-wrap a {
width: 50px;
height: 50px;
line-height: 50px !important;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0.35);
display: inline-block;
padding: 0;
position: relative;
border-radius: 100%;
font-size: 0;
min-width: 0;
vertical-align: middle;
margin-right: 4px;
margin-left: 4px;
opacity: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a i,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a i,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-actions .add_to_wishlist i,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-actions .compare i,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-actions .product-quick-view i,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-actions .btn_add_to_cart i,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-actions .add-to-cart-wrap a i {
font-size: 16px;
line-height: 1;
vertical-align: middle;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a:hover,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a:hover,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-actions .add_to_wishlist:hover,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-actions .compare:hover,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-actions .product-quick-view:hover,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-actions .btn_add_to_cart:hover,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-actions .add-to-cart-wrap a:hover,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a.active,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a.active,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-actions .add_to_wishlist.active,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-actions .compare.active,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-actions .product-quick-view.active,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-actions .btn_add_to_cart.active,
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5 .product-item-inner .product-actions .add-to-cart-wrap a.active {
color: #404040;
background-color: #fff;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5:hover .product-item-inner:before {
opacity: 1;
-webkit-transform: scale(0.93);
-ms-transform: scale(0.93);
transform: scale(0.93);
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5:hover .product-item-inner .product-info span.price {
opacity: 1;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5:hover .product-item-inner .product-info h3 {
color: #fff;
}
.shortcode-product-wrap .products-slider .product-item-wrap.product-style_5:hover .product-item-inner .product-actions {
-webkit-transform: translateY(-50%) scale(1);
-ms-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
}
.shortcode-product-wrap .owl-nav .owl-prev,
.shortcode-product-wrap .owl-nav .owl-next {
z-index: 99;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.shortcode-product-wrap .owl-nav .owl-prev:hover,
.shortcode-product-wrap .owl-nav .owl-next:hover {
cursor: pointer;
}
.shortcode-product-wrap .owl-nav .owl-prev i,
.shortcode-product-wrap .owl-nav .owl-next i {
padding: 15px;
background: #fff;
}
.shortcode-product-wrap .owl-nav .owl-prev {
float: left;
}
.shortcode-product-wrap .owl-nav .owl-next {
right: 0;
float: right;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 {
border: none;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner {
padding: 60px;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner:before {
content: '';
opacity: 0;
background-color: rgba(0, 0, 0, 0.15);
width: 0;
height: 0;
position: absolute;
top: 0;
left: 0;
z-index: 1;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner:after {
content: '';
opacity: 0;
background-color: rgba(0, 0, 0, 0.15);
width: 0;
height: 0;
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-thumb > a:before {
text-align: center;
content: '\f064';
opacity: 1;
color: #fff;
font-family: FontAwesome;
font-size: 16px;
position: absolute;
z-index: 4;
top: 0;
right: 0;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
width: 50px;
height: 50px;
line-height: 50px !important;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-thumb > a:hover:before {
color: var(--primary_color);
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-info {
z-index: 3;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
padding: 0;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-info .star-rating {
opacity: 0;
right: auto;
top: auto;
bottom: 70px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-info h3 {
position: absolute;
width: 100%;
text-align: center;
bottom: 0;
margin-bottom: 50px;
top: auto;
font-size: 18px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
padding-right: 0;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-info span.price {
opacity: 1;
right: auto;
left: 50%;
position: absolute;
bottom: 20px;
margin: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
font-size: 16px;
line-height: 1;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-info span.price del {
font-size: 16px;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-actions {
z-index: 4;
background-color: transparent;
border: none;
top: 50%;
width: 100%;
bottom: auto;
-webkit-transform: translate(0, -50%) scale(0);
-ms-transform: translate(0, -50%) scale(0);
transform: translate(0, -50%) scale(0);
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a,
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a,
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-actions .add_to_wishlist,
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-actions .compare,
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-actions .product-quick-view,
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-actions .btn_add_to_cart,
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-actions .add-to-cart-wrap a {
width: 50px;
height: 50px;
line-height: 50px !important;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0.35);
display: inline-block;
padding: 0;
position: relative;
border-radius: 100%;
font-size: 0;
min-width: 0;
vertical-align: middle;
margin-right: 4px;
margin-left: 4px;
opacity: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a i,
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a i,
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-actions .add_to_wishlist i,
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-actions .compare i,
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-actions .product-quick-view i,
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-actions .btn_add_to_cart i,
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-actions .add-to-cart-wrap a i {
font-size: 16px;
line-height: 1;
vertical-align: middle;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a:hover,
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a:hover,
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-actions .add_to_wishlist:hover,
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-actions .compare:hover,
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-actions .product-quick-view:hover,
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-actions .btn_add_to_cart:hover,
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-actions .add-to-cart-wrap a:hover,
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a.active,
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a.active,
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-actions .add_to_wishlist.active,
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-actions .compare.active,
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-actions .product-quick-view.active,
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-actions .btn_add_to_cart.active,
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-actions .add-to-cart-wrap a.active {
color: #404040;
background-color: #fff;
}
@media (max-width: 991px) {
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner {
padding: 0;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap .product-item-inner .product-thumb > a:before {
top: 20px;
right: 0px;
}
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap:hover .product-item-inner:before,
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap:hover .product-item-inner:after {
opacity: 1;
width: 100%;
height: 100%;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap:hover .product-item-inner .product-thumb > a:before {
-webkit-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap:hover .product-item-inner .product-info {
opacity: 0;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap:hover .product-item-inner .product-info span.price {
opacity: 1;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap:hover .product-item-inner .product-info h3 {
color: #fff;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-style_1 .product-item-wrap:hover .product-item-inner .product-actions {
-webkit-transform: translate(0, -50%) scale(1);
-ms-transform: translate(0, -50%) scale(1);
transform: translate(0, -50%) scale(1);
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-item-wrap {
overflow: hidden;
padding: 0;
margin: 0;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-item-wrap .product-item-inner {
height: 100%;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-item-wrap .product-item-inner .product-thumb {
height: 100%;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-item-wrap .product-item-inner .product-thumb img {
height: 100%;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-item-wrap.yolo-columns-5 {
width: 20%;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-item-wrap.yolo-columns-5.yolo_product_x2 {
width: 40%;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-item-wrap.yolo-columns-5.yolo_product_x3 {
width: 60%;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-item-wrap.yolo-columns-4 {
width: 25%;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-item-wrap.yolo-columns-4.yolo_product_x2 {
width: 50%;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-item-wrap.yolo-columns-3 {
width: 33.33%;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-item-wrap.yolo-columns-3:first-child {
border-left: 1px solid #ddd;
border-top: 1px solid #ddd;
z-index: 1;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-item-wrap.yolo-columns-3:nth-child(2) {
border-top: 1px solid #ddd;
z-index: 1;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-item-wrap.yolo-columns-3:nth-child(3) {
border-left: 1px solid #ddd;
z-index: 1;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-item-wrap.yolo-columns-3.yolo_product_x2 {
width: 66.67%;
}
@media (max-width: 767px) {
.shortcode-product-wrap .products-creative .product-style-masonry .product-item-wrap.yolo-columns-3.yolo_product_x2 {
margin: 15px 0;
width: 100%;
height: auto !important;
border: 1px solid #ddd;
}
}
@media (max-width: 767px) {
.shortcode-product-wrap .products-creative .product-style-masonry .product-item-wrap.yolo-columns-3 {
margin: 15px 0;
width: 100%;
height: auto !important;
border: 1px solid #ddd;
}
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-item-wrap.yolo-columns-2 {
width: 50%;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-item-wrap.yolo-columns-2.yolo_product_x2 {
width: 100%;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-item-wrap.yolo-columns-6 {
width: 16.666%;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-item-wrap.yolo-columns-6.yolo_product_x2 {
width: 33.333%;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-item-wrap.yolo_product_x2 .product-item-inner .product-thumb .yolo_title_excerpt {
position: absolute;
top: 40px;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-item-wrap.yolo_product_x2 .product-item-inner .product-thumb .yolo_title_excerpt h3 {
display: block;
left: 30px;
top: 40px;
margin: 0;
font-size: 36px;
font-weight: bold;
padding-right: 0;
}
.shortcode-product-wrap .products-creative .product-style-masonry .product-item-wrap.yolo_product_x2 .product-item-inner .product-thumb .yolo_title_excerpt .yolo_excerpt {
opacity: 1;
top: 80px;
left: 30px;
font-family: Ek Mukta;
font-size: 14px;
}
.shortcode-product-wrap .product-paging-wrapper {
margin-top: 30px;
margin-bottom: 50px;
}
h3.sc-title {
font-size: 30px;
padding-bottom: 20px;
padding-left: 5px;
margin-bottom: 40px;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.sc-product-wrap .owl-theme .owl-controls {
margin: 0;
height: 0;
position: absolute;
top: -98px;
right: 15px;
}
.sc-product-wrap .owl-theme .owl-controls .owl-buttons div {
width: 42px;
height: 42px;
border: 2px solid #eee;
background-color: transparent;
border-radius: 0;
padding: 0;
line-height: 38px;
opacity: 1;
color: #333333;
margin: 0;
font-size: 15px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.sc-product-wrap .owl-theme .owl-controls .owl-buttons div:hover {
background-color: #F7F7F7;
border-color: #F7F7F7;
}
.sc-product-wrap .owl-theme .owl-controls .owl-buttons div.owl-prev {
margin-right: 5px;
}
.sc-product-wrap .product-category .product-category-inner {
position: relative;
margin-bottom: 15px;
}
.sc-product-wrap .product-category .product-category-inner:before {
content: "";
display: block;
position: absolute;
background-color: rgba(221, 221, 221, 0.5);
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
z-index: 1;
}
.sc-product-wrap .product-category .product-category-inner:after {
content: "";
display: block;
position: absolute;
border-style: solid;
border-width: 2px;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
z-index: -1;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.sc-product-wrap .product-category .product-category-inner:hover:after {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(15px) translateX(15px);
-ms-transform: translateY(15px) translateX(15px);
transform: translateY(15px) translateX(15px);
}
.sc-product-wrap .product-category .product-category-inner:hover div a {
padding-right: 45px;
}
.sc-product-wrap .product-category .product-category-inner:hover div a i {
visibility: visible;
opacity: 1;
display: inline-block;
}
.sc-product-wrap .product-category .product-category-inner div {
position: absolute;
height: 35px;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
z-index: 2;
}
.sc-product-wrap .product-category .product-category-inner div a {
position: relative;
display: inline-block;
font-size: 15px;
height: 35px;
line-height: 35px;
padding: 0 20px;
margin: 0;
color: #fff;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.sc-product-wrap .product-category .product-category-inner div a i {
position: absolute;
right: 15px;
top: 0;
bottom: 0;
margin: auto;
font-size: 20px;
height: 20px;
vertical-align: middle;
visibility: hidden;
opacity: 0;
display: none;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.sc-product-wrap .product-category img {
width: 100%;
}
.sc-product-wrap.no-title .owl-theme .owl-controls {
position: static;
}
.sc-product-wrap.no-title .owl-theme .owl-controls .owl-buttons div {
position: absolute;
margin: -60px 0 0 0;
top: 50%;
background-color: rgba(255, 255, 255, 0.7);
border-radius: 100%;
color: #777;
border: none;
width: 41px;
height: 41px;
line-height: 41px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0;
visibility: hidden;
}
.sc-product-wrap.no-title .owl-theme .owl-controls .owl-buttons div:hover {
background-color: #ffffff;
color: #888888;
}
.sc-product-wrap.no-title .owl-theme .owl-controls .owl-buttons div.owl-prev {
left: -30px;
}
.sc-product-wrap.no-title .owl-theme .owl-controls .owl-buttons div.owl-next {
right: -30px;
}
.sc-product-wrap.no-title:hover .owl-theme .owl-controls .owl-buttons div {
opacity: 1;
visibility: visible;
}
.sc-product-wrap.no-title:hover .owl-theme .owl-controls .owl-buttons div.owl-prev {
left: 30px;
}
.sc-product-wrap.no-title:hover .owl-theme .owl-controls .owl-buttons div.owl-next {
right: 30px;
}
.product-creative {
position: relative;
}
.product-creative .next,
.product-creative .prev {
border: 2px solid #F7F7F7;
display: inline-block;
font-size: 17px;
height: 42px;
padding-top: 4px;
position: absolute;
text-align: center;
top: 0;
width: 42px;
color: #000;
}
.product-creative .next:hover,
.product-creative .prev:hover {
background-color: #F7F7F7;
cursor: pointer;
}
.product-creative .next {
right: 0;
}
.product-creative .prev {
right: 48px;
}
.product-creative .product-item-inner.double-size .product-info {
position: absolute;
bottom: 0;
padding-bottom: 40px;
padding-left: 40px;
text-align: left;
}
.product-creative .product-item-wrap {
display: inline-block;
float: left;
}
.product-creative .layout-style-2col .product-thumb .mobile-mode {
display: none;
}
.sc-product-sidebar-wrap {
border: 2px solid #eee;
padding: 30px 15px;
}
.sc-product-sidebar-wrap h4.sc-title {
font-size: 20px;
padding-bottom: 15px;
margin-bottom: 30px;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.sc-product-sidebar-wrap .product-listing.woocommerce {
margin: 0;
}
.sc-product-sidebar-wrap .product-listing.woocommerce .product-item-wrap {
padding: 0;
}
.sc-product-sidebar-wrap .product-item-wrap + .product-item-wrap {
margin-top: 20px;
}
.sc-product-sidebar-wrap .product-sidebar-item + .product-sidebar-item {
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid #eee;
}
.sc-product-sidebar-wrap .product-sidebar-item:after {
content: "";
display: block;
clear: both;
}
.sc-product-sidebar-wrap .product-sidebar-image {
float: left;
width: 70px;
margin-right: 15px;
}
.sc-product-sidebar-wrap .product-sidebar-info {
position: relative;
overflow: hidden;
}
.sc-product-sidebar-wrap .product-sidebar-title {
display: block;
font-size: 15px;
line-height: 1.3;
margin-bottom: 10px;
}
.sc-product-sidebar-wrap span.amount {
font-size: 15px;
line-height: 1.2;
}
.sc-product-sidebar-wrap ins {
display: inline-block;
text-decoration: none;
}
.sc-product-sidebar-wrap del span.amount {
display: inline-block;
font-size: 13px;
color: #999999;
opacity: 1;
margin-right: 10px;
font-weight: normal;
text-decoration: inherit;
}
.sc-product-sidebar-wrap .owl-theme .owl-controls {
margin: 0;
height: 0;
position: absolute;
top: -70px;
right: 0;
}
.sc-product-sidebar-wrap .owl-theme .owl-controls .owl-buttons div {
background: transparent;
border-radius: 0;
padding: 0;
opacity: 1;
color: #999999;
margin: 0;
font-size: 15px;
line-height: 1;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.sc-product-sidebar-wrap .owl-theme .owl-controls .owl-buttons div.owl-prev {
margin-right: 25px;
}
.sc-product-sidebar-wrap.style-02.no-title {
border: none;
padding: 0;
}
.sc-product-sidebar-wrap.no-title .owl-theme .owl-controls {
display: none !important;
}
.sc-product-sidebar-wrap .comment a.title {
font-size: 15px;
line-height: 1.3;
display: block;
margin: 0 0 15px 0;
}
.sc-product-sidebar-wrap .comment .star-rating {
margin: 0 0 10px 0;
}
.sc-product-sidebar-wrap .comment .comment-content {
margin: 0;
font-size: 14px;
line-height: 1.6;
color: #999999;
}
@media only screen and (max-width: 1023px) {
.product-creative .product-item-inner.double-size .product-info {
position: relative;
padding: 30px;
}
.product-creative .layout-style-2col .product-thumb .wp-post-image:first-child {
display: none;
}
.product-creative .layout-style-2col .product-thumb .mobile-mode {
display: block;
}
}
@media only screen and (max-width: 590px) {
.product-creative .col-xs-6 {
width: 100%;
}
.sc-product-wrap.product-creative h3.sc-title {
padding-right: 90px;
}
} .products-list .product-listing .product-style.list_style_1 .product-item-inner .product-info {
text-align: left;
}
.products-list .product-listing .product-style.list_style_1 .product-item-inner .product-info .star-rating:before {
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
} .product-paging-wrapper.product-paging-none {
display: none;
}
.yolo-product-tabs-wrap {
border-top-color: var(--primary_color);
}
.yolo-product-tabs-wrap .yolo-product-filter-tabs {
text-align: center;
margin-bottom: 45px;
}
.yolo-product-tabs-wrap .yolo-product-filter-tabs li {
list-style: none;
display: inline-block;
cursor: pointer;
}
.yolo-product-tabs-wrap .yolo-product-filter-tabs li span {
display: block;
color: var(--secondary_color);
position: relative;
padding: 5px;
text-transform: uppercase;
margin: 0 30px;
font-weight: bold;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo-product-tabs-wrap .yolo-product-filter-tabs li span:before {
content: '';
position: absolute;
height: 2px;
width: 100%;
background-color: var(--primary_color);
top: 0;
left: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo-product-tabs-wrap .yolo-product-filter-tabs li span:after {
content: '';
position: absolute;
height: 2px;
width: 100%;
background-color: var(--primary_color);
bottom: 0;
left: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.yolo-product-tabs-wrap .yolo-product-filter-tabs li span:hover,
.yolo-product-tabs-wrap .yolo-product-filter-tabs li span.active {
color: var(--primary_color);
}
.yolo-product-tabs-wrap .yolo-product-filter-tabs li span:hover:before,
.yolo-product-tabs-wrap .yolo-product-filter-tabs li span.active:before,
.yolo-product-tabs-wrap .yolo-product-filter-tabs li span:hover:after,
.yolo-product-tabs-wrap .yolo-product-filter-tabs li span.active:after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.yolo-product-tabs-wrap .yolo-product-filter-tabs li.active span {
color: var(--primary_color);
}
.yolo-product-tabs-wrap .yolo-product-filter-tabs li.active span:before,
.yolo-product-tabs-wrap .yolo-product-filter-tabs li.active span:after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.yolo-product-tabs-wrap .yolo-product-tab-content .woocommerce .product-item-wrap {
padding: 0;
margin: -1px -1px 0px 0px;
z-index: 1;
float: left;
}
.yolo-product-tabs-wrap .yolo-product-tab-content .woocommerce .product-item-wrap.has-padding {
margin: 0;
padding: 0 15px;
border: none;
margin-bottom: 30px;
}
@media (max-width: 480px) {
.yolo-product-tabs-wrap .yolo-product-tab-content .woocommerce .product-item-wrap.has-padding.mobile_columns2 {
padding: 0 5px;
}
}
.yolo-product-tabs-wrap .yolo-product-tab-content .woocommerce .product-item-wrap .product-item-inner {
border: 1px solid #d0d0d0;
}
.yolo-product-tabs-wrap .yolo-product-tab-content .woocommerce .product-item-wrap .product-item-inner .product-info {
text-align: left;
}
.yolo-product-tabs-wrap .yolo-product-tab-content .woocommerce .product-item-wrap .product-item-inner .product-info a h3 {
position: relative;
margin: 10px 0;
padding-right: 0;
}
.yolo-product-tabs-wrap .yolo-product-tab-content .woocommerce .product-item-wrap .product-item-inner .product-info span.price .amount {
font-size: 16px;
}
.yolo-product-tabs-wrap .yolo-product-tab-content .woocommerce .product-item-wrap .product-item-inner .product-info span.price del .amount {
color: var(--secondary_color);
font-size: 13px;
text-decoration: line-through;
margin-right: 10px;
}
.yolo-product-tabs-wrap .yolo-product-tab-content .woocommerce .product-item-wrap .product-item-inner .product-actions .compare-button {
display: inline-block;
}
.yolo-product-tabs-wrap .yolo-product-tab-content .woocommerce .product-item-wrap .product-item-inner .product-actions .compare-button .compare:before {
content: '\f012';
color: #888;
line-height: 40px;
text-align: center;
font-size: 18px;
font-family: fontAwesome;
}
.yolo-product-tabs-wrap .yolo-product-tab-content .woocommerce .product-item-wrap .product-item-inner .product-actions .compare-button .compare:hover {
background-color: #fff;
}
.yolo-product-tabs-wrap .yolo-product-tab-content .woocommerce .product-item-wrap .product-item-inner .product-actions .compare-button .compare:hover:before {
color: var(--primary_color);
}
.yolo-product-tabs-wrap .yolo-product-tab-content .woocommerce .product-item-wrap .product-item-inner .product-actions .compare-button .compare.added:before {
color: var(--primary_color);
}
.yolo-product-tabs-wrap .yolo-product-tab-content .woocommerce .product-item-wrap .product-item-inner .product-thumb.white .product-link:before {
background-color: transparent;
}
.yolo-product-tabs-wrap .yolo-product-tab-content .woocommerce .product-item-wrap:hover {
position: relative;
z-index: 4;
}
.yolo-product-tabs-wrap .yolo-product-tab-content.yolo-loading:before {
content: '';
position: absolute;
background-color: #fff;
width: 100%;
height: 100%;
display: block;
opacity: 0.8;
top: 0;
left: 0;
z-index: 10;
}
.yolo-product-tabs-wrap .yolo-product-tab-content.yolo-loading .yolo-cube-grid {
display: block;
width: 40px;
height: 40px;
position: absolute;
top: 30%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
z-index: 10;
}
.yolo-product-tabs-wrap .yolo-product-tab-content.yolo-loading .yolo-cube-grid .yolo-cube {
width: 33%;
height: 33%;
background-color: var(--primary_color);
float: left;
-webkit-animation: yolo-cubeGridScaleDelay 1.3s infinite ease-in-out;
animation: yolo-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.yolo-product-tabs-wrap .yolo-product-tab-content.yolo-loading .yolo-cube-grid .yolo-cube1 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.yolo-product-tabs-wrap .yolo-product-tab-content.yolo-loading .yolo-cube-grid .yolo-cube2 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.yolo-product-tabs-wrap .yolo-product-tab-content.yolo-loading .yolo-cube-grid .yolo-cube3 {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.yolo-product-tabs-wrap .yolo-product-tab-content.yolo-loading .yolo-cube-grid .yolo-cube4 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.yolo-product-tabs-wrap .yolo-product-tab-content.yolo-loading .yolo-cube-grid .yolo-cube5 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.yolo-product-tabs-wrap .yolo-product-tab-content.yolo-loading .yolo-cube-grid .yolo-cube6 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.yolo-product-tabs-wrap .yolo-product-tab-content.yolo-loading .yolo-cube-grid .yolo-cube7 {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.yolo-product-tabs-wrap .yolo-product-tab-content.yolo-loading .yolo-cube-grid .yolo-cube8 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.yolo-product-tabs-wrap .yolo-product-tab-content.yolo-loading .yolo-cube-grid .yolo-cube9 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
} .shortcode-single-product-wrap div.product-item-wrap {
padding: 0;
margin: 0;
}
.shortcode-single-product-wrap div.product-item-wrap:hover .product-item-inner {
-webkit-box-shadow: none;
box-shadow: none;
}
.shortcode-single-product-wrap div.product-item-wrap .product-item-inner .product-thumb .product-link {
z-index: 4;
}
.shortcode-single-product-wrap div.product-item-wrap .product-item-inner .product-thumb .product-hover-sign {
display: none;
}
.shortcode-single-product-wrap div.product-item-wrap .product-item-inner .product-actions {
z-index: 4;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner:before {
content: '';
opacity: 0;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-thumb .product-link {
z-index: 4;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-info {
z-index: 3;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-info .star-rating {
right: auto;
top: auto;
bottom: 80px;
margin-bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-info h3 {
position: absolute;
width: 100%;
text-align: center;
bottom: 30px;
top: auto;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
left: 0;
padding-right: 0;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-info span.price {
opacity: 0;
right: auto;
left: 50%;
position: absolute;
top: 30px;
margin: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
font-size: 24px;
color: #fff !important;
line-height: 1;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-info span.price ins {
color: #fff !important;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-info span.price ins span.amount {
color: #fff;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-info span.price del {
display: none;
font-size: 16px;
color: rgba(255, 255, 255, 0.7) !important;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-actions {
background-color: transparent;
border: none;
top: 50%;
bottom: auto;
z-index: 4;
-webkit-transform: translateY(-50%) scale(0);
-ms-transform: translateY(-50%) scale(0);
transform: translateY(-50%) scale(0);
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a,
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a,
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-actions .add_to_wishlist,
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-actions .compare,
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-actions .product-quick-view,
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-actions .btn_add_to_cart,
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-actions .add-to-cart-wrap a {
width: 50px;
height: 50px;
line-height: 50px !important;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0.6);
display: inline-block;
padding: 0;
position: relative;
border-radius: 100%;
font-size: 0;
min-width: 0;
vertical-align: middle;
margin-left: 4px;
margin-right: 4px;
opacity: 1;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a i,
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a i,
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-actions .add_to_wishlist i,
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-actions .compare i,
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-actions .product-quick-view i,
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-actions .btn_add_to_cart i,
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-actions .add-to-cart-wrap a i {
font-size: 16px;
line-height: 1;
vertical-align: middle;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a:hover,
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a:hover,
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-actions .add_to_wishlist:hover,
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-actions .compare:hover,
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-actions .product-quick-view:hover,
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-actions .btn_add_to_cart:hover,
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-actions .add-to-cart-wrap a:hover,
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a.active,
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a.active,
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-actions .add_to_wishlist.active,
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-actions .compare.active,
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-actions .product-quick-view.active,
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-actions .btn_add_to_cart.active,
.shortcode-single-product-wrap div.product-item-wrap.product-style_1 .product-item-inner .product-actions .add-to-cart-wrap a.active {
color: #404040;
background-color: #fff;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_1:hover .product-item-inner:before {
opacity: 1;
-webkit-transform: scale(0.93);
-ms-transform: scale(0.93);
transform: scale(0.93);
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_1:hover .product-item-inner .product-info span.price {
opacity: 1;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_1:hover .product-item-inner .product-info h3 {
color: #fff;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_1:hover .product-item-inner .product-actions {
-webkit-transform: translateY(-50%) scale(1);
-ms-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_2 .product-item-inner .product-thumb {
padding-top: 15px;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_2 .product-item-inner .product-thumb .product-link:before {
opacity: 0;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_2 .product-item-inner .product-thumb .product-link:after {
opacity: 0;
content: 'shop now';
font-weight: bold;
text-transform: uppercase;
background-color: #fff;
color: #595959;
position: absolute;
white-space: nowrap;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) scale3d(1.5, 1.5, 1.5);
-ms-transform: translate(-50%, -50%) scale3d(1.5, 1.5, 1.5);
transform: translate(-50%, -50%) scale3d(1.5, 1.5, 1.5);
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
padding: 8px 30px;
z-index: 3;
-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_2 .product-item-inner .product-thumb .product-link .product-hover-sign {
display: none;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_2 .product-item-inner .product-thumb a.shop_now {
z-index: 5;
opacity: 0;
font-weight: bold;
text-transform: uppercase;
background-color: var(--secondary_color);
color: #fff;
position: absolute;
white-space: nowrap;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) scale3d(1.5, 1.5, 1.5);
-ms-transform: translate(-50%, -50%) scale3d(1.5, 1.5, 1.5);
transform: translate(-50%, -50%) scale3d(1.5, 1.5, 1.5);
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
padding: 8px 30px;
-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
border-radius: 3px;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_2 .product-item-inner .product-thumb a.shop_now:hover {
background: var(--primary_color);
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_2 .product-item-inner .product-content {
position: relative;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_2 .product-item-inner .product-actions {
position: relative;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
width: 20%;
float: left;
opacity: 1;
border: none;
z-index: 4;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_2 .product-item-inner .product-actions .add-to-cart-wrap a {
margin-top: 15px;
width: 60px;
height: 60px;
line-height: 58px !important;
border: 1px solid #ddd;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_2 .product-item-inner .product-actions .add-to-cart-wrap a i {
font-size: 24px;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_2 .product-item-inner .product-actions .add-to-cart-wrap a i:before {
content: '\f290';
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_2 .product-item-inner .product-actions .add-to-cart-wrap a.added-spinner i:before {
content: '\f110';
}
@media (min-width: 768px) and (max-width: 991px) {
.shortcode-single-product-wrap div.product-item-wrap.product-style_2 .product-item-inner .product-actions .add-to-cart-wrap a {
width: 40px;
height: 40px;
line-height: 38px !important;
}
}
@media (max-width: 479px) {
.shortcode-single-product-wrap div.product-item-wrap.product-style_2 .product-item-inner .product-actions .add-to-cart-wrap a {
width: 40px;
height: 40px;
line-height: 38px !important;
}
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_2 .product-item-inner .product-actions:hover .add-to-cart-wrap a {
border-color: var(--primary_color);
background-color: var(--primary_color);
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_2 .product-item-inner .product-actions:hover .add-to-cart-wrap a i {
color: #fff;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_2 .product-item-inner .product-info {
float: right;
width: 80%;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_2 .product-item-inner .product-info h3 {
font-size: 24px;
font-weight: 400;
padding-right: 0;
margin: 0;
white-space: nowrap;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_2 .product-item-inner .product-info h3:hover {
color: var(--primary_color);
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_2 .product-item-inner .product-info .star-rating {
display: none;
}
@media (min-width: 768px) and (max-width: 991px) {
.shortcode-single-product-wrap div.product-item-wrap.product-style_2 .product-item-inner .product-info h3 {
font-size: 14px;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_2 .product-item-inner .product-info span.price {
margin-top: 25px;
}
}
@media (max-width: 479px) {
.shortcode-single-product-wrap div.product-item-wrap.product-style_2 .product-item-inner .product-info h3 {
font-size: 16px;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_2 .product-item-inner .product-info span.price {
margin-top: 25px;
}
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_2 .product-item-inner:hover .product-thumb a.shop_now {
opacity: 1;
-webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
-ms-transform: translate(-50%, -50%) scale3d(1, 1, 1);
transform: translate(-50%, -50%) scale3d(1, 1, 1);
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner:before {
content: '';
opacity: 0;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-thumb .product-link {
z-index: 4;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-thumb .product-hover-sign {
display: none;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-info {
z-index: 3;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-info .star-rating {
opacity: 0;
right: auto;
top: auto;
bottom: 50px;
left: 100%;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-info h3 {
opacity: 0;
position: absolute;
text-align: left;
bottom: 0;
top: auto;
padding-left: 20px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
left: 100%;
padding-right: 0;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-info h2 {
font-size: 18px;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-info span.price {
opacity: 0;
right: auto;
left: 100%;
position: absolute;
top: 30px;
margin: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
font-size: 24px;
color: #fff !important;
line-height: 1;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-info span.price ins {
color: #fff !important;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-info span.price del {
font-size: 16px;
color: rgba(255, 255, 255, 0.7) !important;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-actions {
z-index: 4;
background-color: transparent;
border: none;
top: 50%;
bottom: auto;
left: -50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a,
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a,
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-actions .add_to_wishlist,
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-actions .compare,
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-actions .product-quick-view,
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-actions .btn_add_to_cart,
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-actions .add-to-cart-wrap a {
width: 50px;
height: 50px;
line-height: 50px !important;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0.35);
display: inline-block;
padding: 0;
position: relative;
border-radius: 100%;
font-size: 0;
min-width: 0;
vertical-align: middle;
margin-right: 4px;
margin-left: 4px;
opacity: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a i,
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a i,
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-actions .add_to_wishlist i,
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-actions .compare i,
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-actions .product-quick-view i,
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-actions .btn_add_to_cart i,
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-actions .add-to-cart-wrap a i {
font-size: 16px;
line-height: 1;
vertical-align: middle;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a:hover,
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a:hover,
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-actions .add_to_wishlist:hover,
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-actions .compare:hover,
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-actions .product-quick-view:hover,
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-actions .btn_add_to_cart:hover,
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-actions .add-to-cart-wrap a:hover,
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a.active,
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a.active,
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-actions .add_to_wishlist.active,
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-actions .compare.active,
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-actions .product-quick-view.active,
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-actions .btn_add_to_cart.active,
.shortcode-single-product-wrap div.product-item-wrap.product-style_3 .product-item-inner .product-actions .add-to-cart-wrap a.active {
color: #404040;
background-color: #fff;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_3:hover .product-item-inner .product-thumb img {
-webkit-transform: scale3d(1.5, 1.5, 1.5);
-ms-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_3:hover .product-item-inner:before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_3:hover .product-item-inner .product-info span.price {
opacity: 1;
left: 30px;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_3:hover .product-item-inner .product-info h3 {
opacity: 1;
color: #fff;
left: 10px;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_3:hover .product-item-inner .product-info .star-rating {
opacity: 1;
left: 30px;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_3:hover .product-item-inner .product-actions {
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner:before {
content: '';
opacity: 0;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner .product-info {
z-index: 3;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner .product-info .star-rating {
display: none;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner .product-info h3 {
opacity: 0;
width: 100%;
position: absolute;
text-align: center;
bottom: -15%;
top: auto;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
color: #fff;
left: 0;
right: 0;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner .product-info span.price {
text-align: center;
opacity: 0;
position: absolute;
top: -15%;
left: 0;
right: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
font-size: 24px;
color: #fff !important;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner .product-info span.price ins {
color: #fff !important;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner .product-info span.price del {
font-size: 16px;
color: rgba(255, 255, 255, 0.7) !important;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner .product-actions {
background-color: transparent;
border: none;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%) scale(1.3);
-ms-transform: translateY(-50%) scale(1.3);
transform: translateY(-50%) scale(1.3);
-webkit-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a,
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a,
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner .product-actions .add_to_wishlist,
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner .product-actions .compare,
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner .product-actions .product-quick-view,
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner .product-actions .btn_add_to_cart,
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner .product-actions .add-to-cart-wrap a {
width: 50px;
height: 50px;
line-height: 50px !important;
text-align: center;
color: #fff;
background-color: rgba(255, 255, 255, 0.35);
display: inline-block;
padding: 0;
position: relative;
border-radius: 100%;
font-size: 0;
min-width: 0;
vertical-align: middle;
margin-right: 4px;
margin-left: 4px;
opacity: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a i,
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a i,
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner .product-actions .add_to_wishlist i,
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner .product-actions .compare i,
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner .product-actions .product-quick-view i,
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner .product-actions .btn_add_to_cart i,
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner .product-actions .add-to-cart-wrap a i {
font-size: 16px;
line-height: 1;
vertical-align: middle;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a:hover,
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a:hover,
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner .product-actions .add_to_wishlist:hover,
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner .product-actions .compare:hover,
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner .product-actions .product-quick-view:hover,
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner .product-actions .btn_add_to_cart:hover,
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner .product-actions .add-to-cart-wrap a:hover,
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a.active,
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a.active,
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner .product-actions .add_to_wishlist.active,
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner .product-actions .compare.active,
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner .product-actions .product-quick-view.active,
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner .product-actions .btn_add_to_cart.active,
.shortcode-single-product-wrap div.product-item-wrap.product-style_4 .product-item-inner .product-actions .add-to-cart-wrap a.active {
color: #404040;
background-color: #fff;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_4:hover .product-item-inner:before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_4:hover .product-item-inner .product-info span.price {
opacity: 1;
top: 15%;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_4:hover .product-item-inner .product-info h3 {
opacity: 1;
color: #fff;
bottom: 15%;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_4:hover .product-item-inner .product-info .star-rating {
opacity: 1;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_4:hover .product-item-inner .product-actions {
-webkit-transform: translateY(-50%) scale(1);
-ms-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-thumb img {
-webkit-transition: all 0.8s ease 0s;
-o-transition: all 0.8s ease 0s;
transition: all 0.8s ease 0s;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-thumb .product-flash-wrap {
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-thumb .product-flash-wrap span:first-child {
display: none;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-thumb .product-flash-wrap span:nth-child(2) {
top: 30px;
right: 30px;
height: 60px;
width: 60px;
line-height: 60px;
text-align: center;
border-radius: 100%;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
padding: 0;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-thumb .product-link:before {
background-color: transparent;
mix-blend-mode: normal;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-info {
z-index: 3;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-info .star-rating {
right: auto;
top: 30px;
left: 30px;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-info h3 {
position: absolute;
width: 100%;
text-align: left;
padding-left: 30px;
bottom: 10px;
top: auto;
left: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
padding-right: 0;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-info h2 {
font-size: 18px;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-info span.price {
right: 30px;
position: absolute;
bottom: 20px;
margin: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
border-top: 1px solid var(--primary_color);
border-bottom: 1px solid var(--primary_color);
font-size: 24px;
color: var(--primary_color);
line-height: 1;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-info span.price ins {
color: var(--primary_color);
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-info span.price del {
display: none;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-actions {
background-color: transparent;
border: none;
top: 50%;
bottom: auto;
padding: 0;
-webkit-transform: translateY(-50%) scale(1.5);
-ms-transform: translateY(-50%) scale(1.5);
transform: translateY(-50%) scale(1.5);
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a,
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a,
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-actions .add_to_wishlist,
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-actions .compare,
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-actions .product-quick-view,
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-actions .btn_add_to_cart,
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-actions .add-to-cart-wrap a {
border-radius: 100%;
width: 50px;
height: 50px;
line-height: 50px !important;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0.6);
display: inline-block;
padding: 0;
position: relative;
font-size: 0;
min-width: 0;
vertical-align: middle;
margin-left: 4px;
margin-right: 4px;
opacity: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a i,
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a i,
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-actions .add_to_wishlist i,
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-actions .compare i,
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-actions .product-quick-view i,
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-actions .btn_add_to_cart i,
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-actions .add-to-cart-wrap a i {
font-size: 16px;
line-height: 1;
vertical-align: middle;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a:hover,
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a:hover,
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-actions .add_to_wishlist:hover,
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-actions .compare:hover,
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-actions .product-quick-view:hover,
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-actions .btn_add_to_cart:hover,
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-actions .add-to-cart-wrap a:hover,
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a.active,
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-actions .yith-wcwl-wishlistexistsbrowse a.active,
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-actions .add_to_wishlist.active,
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-actions .compare.active,
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-actions .product-quick-view.active,
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-actions .btn_add_to_cart.active,
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-actions .add-to-cart-wrap a.active {
color: #404040;
background-color: #fff;
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_5 .product-item-inner .product-actions .yith-wcwl-wishlistaddedbrowse a {
color: var(--primary_color);
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_5:hover .product-item-inner .product-thumb img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.shortcode-single-product-wrap div.product-item-wrap.product-style_5:hover .product-item-inner .product-actions {
-webkit-transform: translateY(-50%) scale(1);
-ms-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
}
@media (max-width: 767px) {
.shortcode-single-product-wrap div.product-item-wrap {
margin: 15px 0;
}
}
.recent-news-home_1 .recent-news-container article {
position: relative;
padding: 0 15px;
}
.recent-news-home_1 .recent-news-container article .post-thumbnail {
position: relative;
overflow: hidden;
}
.recent-news-home_1 .recent-news-container article .post-thumbnail .overlay-bg {
z-index: 2;
height: 200px;
width: 100%;
position: absolute;
left: 0;
bottom: 0px;
background-color: #fff;
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
}
.recent-news-home_1 .recent-news-container article .post-thumbnail .post-image {
height: 500px;
}
.recent-news-home_1 .recent-news-container article .post-thumbnail .post-image .entry-thumbnail-bg {
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.recent-news-home_1 .recent-news-container article .post-thumbnail .post-image:before {
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0;
content: '';
position: absolute;
background-color: rgba(0, 0, 0, 0.35);
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
z-index: 1;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
@media (min-width: 992px) and (max-width: 1199px) {
.recent-news-home_1 .recent-news-container article .post-thumbnail .post-image {
height: auto;
}
}
@media (max-width: 479px) {
.recent-news-home_1 .recent-news-container article .post-thumbnail .post-image {
height: auto;
}
}
.recent-news-home_1 .recent-news-container article .post-thumbnail .post-meta {
z-index: 2;
text-transform: uppercase;
text-align: center;
width: 60px;
height: 60px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.recent-news-home_1 .recent-news-container article .post-thumbnail .post-meta:before {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
content: '';
position: absolute;
width: 60px;
height: 1px;
background-color: #fff;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
z-index: 1;
}
.recent-news-home_1 .recent-news-container article .post-thumbnail .post-meta:after {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
content: '';
position: absolute;
height: 60px;
width: 1px;
background-color: #fff;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
z-index: 1;
}
.recent-news-home_1 .recent-news-container article .post-content {
z-index: 2;
width: 90%;
padding: 30px;
background: #fff;
position: absolute;
bottom: 0;
right: 0;
}
.recent-news-home_1 .recent-news-container article .post-content .entry-title {
margin-top: 15px;
margin-bottom: 10px;
}
.recent-news-home_1 .recent-news-container article .post-content .post-info {
margin-bottom: 10px;
}
.recent-news-home_1 .recent-news-container article .post-content .post-info .post-author {
margin-right: 10px;
}
.recent-news-home_1 .recent-news-container article .post-content .post-info i {
margin-right: 5px;
}
.recent-news-home_1 .recent-news-container article .post-content .post-info span {
padding-right: 10px;
}
.recent-news-home_1 .recent-news-container article .post-content .post-excerpt {
color: rgba(0, 0, 0, 0.75);
}
.recent-news-home_1 .recent-news-container article .post-content .btn-readmore {
text-transform: uppercase;
position: relative;
}
.recent-news-home_1 .recent-news-container article .post-content .btn-readmore:before {
content: "//";
font-family: Fontawesome;
color: var(--primary_color);
position: relative;
left: 0;
height: 100%;
top: 0;
opacity: 0;
width: 10px;
font-size: 14px;
padding-right: 5px;
line-height: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.recent-news-home_1 .recent-news-container article .post-content .btn-readmore .span-text {
margin-left: -13px;
color: var(--secondary_color);
font-weight: 700;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.recent-news-home_1 .recent-news-container article .post-content .btn-readmore:hover:before {
opacity: 1;
}
.recent-news-home_1 .recent-news-container article .post-content .btn-readmore:hover .span-text {
font-style: italic;
margin-left: 0;
color: var(--primary_color);
}
@media (min-width: 992px) and (max-width: 1199px) {
.recent-news-home_1 .recent-news-container article .post-content {
width: 100%;
position: relative;
}
}
@media (max-width: 479px) {
.recent-news-home_1 .recent-news-container article .post-content {
width: 100%;
position: relative;
padding: 15px;
}
}
.recent-news-home_1 .recent-news-container article:hover .post-thumbnail .post-image .entry-thumbnail-bg {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.recent-news-home_1 .recent-news-container article:hover .post-thumbnail .post-image:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.recent-news-home_1 .recent-news-container article:hover .post-thumbnail .post-meta {
top: 15%;
}
.recent-news-home_1 .owl-nav .owl-prev,
.recent-news-home_1 .owl-nav .owl-next {
cursor: pointer;
position: absolute;
top: 50%;
z-index: 99;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.recent-news-home_1 .owl-nav .owl-prev i,
.recent-news-home_1 .owl-nav .owl-next i {
padding: 15px;
background-color: #fff;
}
.recent-news-home_1 .owl-nav .owl-prev.owl-next,
.recent-news-home_1 .owl-nav .owl-next.owl-next {
right: 0;
}
.recent-news-home_1 .owl-nav .owl-prev.owl-prev,
.recent-news-home_1 .owl-nav .owl-next.owl-prev {
left: 0;
}
.recent-news-home_2 .recent-news-container article {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 15px 0;
position: relative;
}
.recent-news-home_2 .recent-news-container article .post-thumbnail {
position: relative;
border: 1px solid transparent;
}
.recent-news-home_2 .recent-news-container article .post-thumbnail .post-image {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 360px;
position: relative;
border: 1px solid #fff;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.recent-news-home_2 .recent-news-container article .post-thumbnail .post-image:before {
content: '';
position: absolute;
background-color: rgba(0, 0, 0, 0.35);
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.recent-news-home_2 .recent-news-container article .post-thumbnail .post-image img {
width: 100%;
}
.recent-news-home_2 .recent-news-container article .post-thumbnail .post-content {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 40px;
overflow: hidden;
}
.recent-news-home_2 .recent-news-container article .post-thumbnail .post-content .entry-title {
margin: 10px 0 5px 0;
color: #fff;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.recent-news-home_2 .recent-news-container article .post-thumbnail .post-content .post-info {
opacity: 0;
color: var(--primary_color);
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
-webkit-transition: all 0.45s ease-in-out;
-o-transition: all 0.45s ease-in-out;
transition: all 0.45s ease-in-out;
}
.recent-news-home_2 .recent-news-container article .post-thumbnail .post-content .post-info .post-category {
display: inline-block;
}
.recent-news-home_2 .recent-news-container article .post-thumbnail .post-content .post-info .post-category ul {
list-style: none;
padding: 0;
display: inline-block;
padding-right: 10px;
position: relative;
}
.recent-news-home_2 .recent-news-container article .post-thumbnail .post-content .post-info .post-category ul:after {
content: '/';
position: absolute;
right: 0;
top: 0;
color: var(--primary_color);
display: inline-block;
}
.recent-news-home_2 .recent-news-container article .post-thumbnail .post-content .post-info .post-author {
padding-left: 5px;
}
.recent-news-home_2 .recent-news-container article .post-thumbnail .post-content .btn-readmore i {
opacity: 0;
position: absolute;
left: 50%;
top: 70%;
-webkit-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
background-color: rgba(0, 0, 0, 0.35);
height: 60px;
width: 60px;
border-radius: 100%;
line-height: 58px;
text-align: center;
color: #fff;
font-size: 18px;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
border: 1px solid transparent;
}
.recent-news-home_2 .recent-news-container article .post-thumbnail .post-content .btn-readmore i:hover {
color: var(--primary_color);
border: 1px solid var(--primary_color);
background-color: transparent;
}
@media (max-width: 479px) {
.recent-news-home_2 .recent-news-container article .post-thumbnail .post-content {
padding: 20px;
}
}
.recent-news-home_2 .recent-news-container article:hover .post-thumbnail {
border: 1px solid #ddd;
}
.recent-news-home_2 .recent-news-container article:hover .post-thumbnail .post-content .entry-title,
.recent-news-home_2 .recent-news-container article:hover .post-thumbnail .post-content .post-info {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.recent-news-home_2 .recent-news-container article:hover .post-thumbnail .post-content .btn-readmore i {
opacity: 1;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (max-width: 479px) {
.recent-news-home_2 .recent-news-container article:hover .post-thumbnail .post-content .btn-readmore i {
top: 70%;
}
}
.recent-news-home_2 .recent-news-container article:hover .post-thumbnail .post-image {
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
}
.recent-news-home_2 .recent-news-container article:hover .post-thumbnail .post-image:before {
opacity: 1;
}
.recent-news-home_3 .recent-news-container {
position: relative;
}
.recent-news-home_3 .recent-news-container .recent-news-control .news-nav {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.recent-news-home_3 .recent-news-container .recent-news-control .news-nav:hover {
cursor: pointer;
}
.recent-news-home_3 .recent-news-container .recent-news-control .news-nav.nav-prev {
float: left;
margin-left: 25px;
}
.recent-news-home_3 .recent-news-container .recent-news-control .news-nav.nav-next {
right: 0;
float: right;
margin-right: 25px;
}
.recent-news-home_3 .recent-news-container .recent-news-control .news-nav i {
padding: 15px;
background: #fff;
}
.recent-news-home_3 .recent-news-container .slick-slider .recent-news-item {
position: relative;
margin: 0 60px;
text-align: center;
background: #fff;
}
.recent-news-home_3 .recent-news-container .slick-slider .recent-news-item.slick-active .post-information {
opacity: 1;
}
.recent-news-home_3 .recent-news-container .slick-slider .recent-news-item .post-thumbnail {
position: relative;
height: 535px;
overflow: hidden;
}
.recent-news-home_3 .recent-news-container .slick-slider .recent-news-item .post-thumbnail a {
display: block;
}
.recent-news-home_3 .recent-news-container .slick-slider .recent-news-item .post-thumbnail a img {
width: 100%;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
@media (max-width: 1199px) {
.recent-news-home_3 .recent-news-container .slick-slider .recent-news-item .post-thumbnail {
height: 375px;
}
}
@media (max-width: 991px) {
.recent-news-home_3 .recent-news-container .slick-slider .recent-news-item .post-thumbnail {
height: 250px;
}
}
@media (max-width: 479px) {
.recent-news-home_3 .recent-news-container .slick-slider .recent-news-item .post-thumbnail {
height: 180px;
}
}
.recent-news-home_3 .recent-news-container .slick-slider .recent-news-item .post-information {
opacity: 0;
position: absolute;
width: 50%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding: 20px 0 30px 0;
background-color: rgba(255, 255, 255, 0.9);
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.recent-news-home_3 .recent-news-container .slick-slider .recent-news-item .post-information .post-title {
margin-top: 20px;
margin-bottom: 5px;
}
.recent-news-home_3 .recent-news-container .slick-slider .recent-news-item .post-information .post-excerpt {
position: relative;
}
.recent-news-home_3 .recent-news-container .slick-slider .recent-news-item .post-information .post-excerpt:before {
position: absolute;
top: -10px;
width: 35%;
content: '';
height: 1px;
background-color: #000;
opacity: 0.3;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.recent-news-home_3 .recent-news-container .slick-slider .recent-news-item .post-information .post-meta {
margin-bottom: 20px;
}
.recent-news-home_3 .recent-news-container .slick-slider .recent-news-item .post-information .post-meta .post-date {
margin-right: 15px;
}
.recent-news-home_3 .recent-news-container .slick-slider .recent-news-item .post-information .post-meta i {
margin-right: 5px;
}
@media (max-width: 1199px) {
.recent-news-home_3 .recent-news-container .slick-slider .recent-news-item .post-information {
width: 75%;
padding-left: 10px;
padding-right: 10px;
}
}
@media (max-width: 479px) {
.recent-news-home_3 .recent-news-container .slick-slider .recent-news-item .post-information {
position: relative;
width: 100%;
padding-left: 10px;
padding-right: 10px;
left: 0;
top: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.recent-news-home_3 .recent-news-container .slick-slider .recent-news-item:hover .post-thumbnail a img {
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-o-filter: blur(2px);
-ms-filter: blur(2px);
filter: blur(2px);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
@media (max-width: 1919px) {
.recent-news-home_3 .recent-news-container .slick-slider .recent-news-item {
margin: 0 15px;
}
}
@media (max-width: 767px) {
.recent-news-home_3 .recent-news-container .slick-slider .recent-news-item {
margin: 0;
}
}
.recent-news-home_4 .recent-news-container article {
position: relative;
padding: 0 15px;
}
.recent-news-home_4 .recent-news-container article .post-thumbnail {
position: relative;
overflow: hidden;
background-color: #ddd;
}
.recent-news-home_4 .recent-news-container article .post-thumbnail .post-image {
height: 400px;
}
.recent-news-home_4 .recent-news-container article .post-thumbnail .post-image .entry-thumbnail-bg {
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.recent-news-home_4 .recent-news-container article .post-thumbnail .post-image:before {
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0;
content: '';
position: absolute;
background-color: rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
z-index: 1;
}
.recent-news-home_4 .recent-news-container article .post-content {
z-index: 2;
margin: 0 5%;
background: #fff;
width: 90%;
position: absolute;
bottom: 10%;
display: table;
-webkit-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.recent-news-home_4 .recent-news-container article .post-content .entry-title {
display: table-cell;
padding-left: 20px;
width: 80%;
margin-top: 0;
margin-bottom: 10px;
font-size: 18px;
vertical-align: middle;
}
.recent-news-home_4 .recent-news-container article .post-content .entry-title a {
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.recent-news-home_4 .recent-news-container article .post-content .entry-title a:hover {
color: var(--primary_color) !important;
}
.recent-news-home_4 .recent-news-container article .post-content .post-info {
display: table-cell;
width: 20%;
padding: 15px 20px;
border-right: 1px solid #ddd;
text-align: center;
}
.recent-news-home_4 .recent-news-container article .post-content .post-info span {
display: block;
color: var(--secondary_color);
text-transform: uppercase;
}
.recent-news-home_4 .recent-news-container article .post-content .post-info span.post-day {
font-size: 24px;
font-weight: bold;
line-height: 1;
}
.recent-news-home_4 .recent-news-container article:hover .post-thumbnail .post-image .entry-thumbnail-bg {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.recent-news-home_4 .recent-news-container article:hover .post-thumbnail .post-image:before {
opacity: 1;
}
.recent-news-home_4 .recent-news-container article:hover .post-thumbnail .post-content {
bottom: 50%;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
}
.recent-news-home_4 .owl-nav .owl-prev,
.recent-news-home_4 .owl-nav .owl-next {
cursor: pointer;
position: absolute;
top: 50%;
z-index: 99;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.recent-news-home_4 .owl-nav .owl-prev i,
.recent-news-home_4 .owl-nav .owl-next i {
padding: 15px;
background-color: #fff;
}
.recent-news-home_4 .owl-nav .owl-prev.owl-next,
.recent-news-home_4 .owl-nav .owl-next.owl-next {
right: 0;
}
.recent-news-home_4 .owl-nav .owl-prev.owl-prev,
.recent-news-home_4 .owl-nav .owl-next.owl-prev {
left: 0;
}
.recent-news-home_6 .recent-news-container article {
padding: 0 15px;
}
.recent-news-home_6 .recent-news-container article:hover .post-thumbnail {
position: relative;
overflow: hidden;
}
.recent-news-home_6 .recent-news-container article:hover .post-thumbnail:before,
.recent-news-home_6 .recent-news-container article:hover .post-thumbnail:after {
opacity: 1;
top: 0;
}
.recent-news-home_6 .recent-news-container article:hover .post-thumbnail .entry-thumbnail-bg {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.recent-news-home_6 .recent-news-container article:hover .post-thumbnail .overlay-bg {
left: 0;
opacity: 0;
}
.recent-news-home_6 .recent-news-container article:hover .post-thumbnail a.btn-readmore {
opacity: 1;
-webkit-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
.recent-news-home_6 .recent-news-container article:hover .post-content .post-excerpt:before {
background-color: var(--primary_color);
width: 100%;
}
.recent-news-home_6 .recent-news-container article .post-thumbnail {
position: relative;
max-height: 350px;
overflow: hidden;
}
.recent-news-home_6 .recent-news-container article .post-thumbnail:before {
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
content: '';
position: absolute;
top: -100%;
left: 0;
background-color: rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}
.recent-news-home_6 .recent-news-container article .post-thumbnail:after {
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
content: '';
position: absolute;
top: 100%;
left: 0;
background-color: rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}
.recent-news-home_6 .recent-news-container article .post-thumbnail .post-image {
height: 350px;
}
.recent-news-home_6 .recent-news-container article .post-thumbnail .post-image .entry-thumbnail-bg {
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.recent-news-home_6 .recent-news-container article .post-thumbnail a.btn-readmore {
z-index: 2;
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: translate(-50%, -50%) scale(0);
-ms-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
}
.recent-news-home_6 .recent-news-container article .post-thumbnail a.btn-readmore .span-text {
display: block;
background-color: #fff;
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
padding: 5px 20px;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
color: var(--secondary_color);
}
.recent-news-home_6 .recent-news-container article .post-thumbnail a.btn-readmore .span-text:hover {
color: #fff;
background-color: var(--primary_color);
}
.recent-news-home_6 .recent-news-container article .post-thumbnail .post-info {
z-index: 2;
position: absolute;
bottom: 0;
left: 0;
color: #fff;
background-color: var(--primary_color);
}
.recent-news-home_6 .recent-news-container article .post-thumbnail .post-info i {
position: absolute;
top: 0;
left: 0;
text-align: center;
width: 25px;
height: 25px;
line-height: 25px;
background-color: var(--secondary_color);
margin-right: 10px;
}
.recent-news-home_6 .recent-news-container article .post-thumbnail .post-info span {
position: relative;
padding-left: 30px;
padding-right: 10px;
margin: 0;
display: inline-block;
background-color: var(--primary_color);
height: 25px;
line-height: 25px;
}
.recent-news-home_6 .recent-news-container article .post-content .post-excerpt {
position: relative;
padding-bottom: 25px;
padding-top: 10px;
margin-bottom: 15px;
}
.recent-news-home_6 .recent-news-container article .post-content .post-excerpt:before {
content: "";
position: absolute;
display: block;
bottom: 0;
width: 10%;
height: 1px;
background: var(--secondary_color);
-webkit-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}
.recent-news-home_6 .recent-news-container article .post-content .category-content a {
font-size: 12px;
font-weight: 700;
color: var(--text_color) !important;
text-transform: uppercase;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.recent-news-home_6 .recent-news-container article .post-content .category-content a:hover {
color: var(--primary_color) !important;
}
.recent-news-home_6 .recent-news-container article .post-content .entry-title {
margin-top: 30px;
margin-bottom: 10px;
}
.recent-news-home_6 .owl-nav .owl-prev,
.recent-news-home_6 .owl-nav .owl-next {
cursor: pointer;
position: absolute;
top: 50%;
z-index: 99;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.recent-news-home_6 .owl-nav .owl-prev i,
.recent-news-home_6 .owl-nav .owl-next i {
padding: 15px;
background-color: #fff;
}
.recent-news-home_6 .owl-nav .owl-prev.owl-next,
.recent-news-home_6 .owl-nav .owl-next.owl-next {
right: 0;
}
.recent-news-home_6 .owl-nav .owl-prev.owl-prev,
.recent-news-home_6 .owl-nav .owl-next.owl-prev {
left: 0;
}
.counter-wrap-style_1 {
position: relative;
height: 200px;
width: 200px;
border: 1px solid transparent;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 100%;
margin: 0 auto;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.counter-wrap-style_1 .gr-counter:before {
content: '';
opacity: 0;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
-webkit-transform: scale(1.4);
-ms-transform: scale(1.4);
transform: scale(1.4);
background-color: #fff;
position: absolute;
border-radius: 100%;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.counter-wrap-style_1 .gr-counter .content-inner {
padding: 55px 0;
position: relative;
text-align: center;
color: #fff;
font-weight: bold;
line-height: 1.3;
}
.counter-wrap-style_1 .gr-counter .content-inner .gr-number-counter {
font-size: 50px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.counter-wrap-style_1 .gr-counter .content-inner .gr-text-defaul {
white-space: nowrap;
font-size: 16px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.counter-wrap-style_1:hover {
border-color: #fff;
background-color: transparent;
}
.counter-wrap-style_1:hover .gr-counter:before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.counter-wrap-style_1:hover .gr-counter .content-inner .gr-number-counter,
.counter-wrap-style_1:hover .gr-counter .content-inner .gr-text-defaul {
color: var(--secondary_color);
}
@media (max-width: 991px) {
.counter-wrap-style_1 {
margin: 15px auto;
}
}
.counter-wrap-style_2 {
position: relative;
border-radius: 100%;
margin: 0 auto;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.counter-wrap-style_2 .gr-counter .content-inner {
position: relative;
text-align: center;
font-weight: bold;
line-height: 1.3;
}
.counter-wrap-style_2 .gr-counter .content-inner .gr-number-counter {
font-size: 48px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.counter-wrap-style_2 .gr-counter .content-inner .plus {
font-size: 48px;
}
.counter-wrap-style_2 .gr-counter .content-inner .gr-text-defaul {
position: relative;
margin-top: 50px;
white-space: nowrap;
font-size: 18px;
font-weight: normal;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.counter-wrap-style_2 .gr-counter .content-inner .gr-text-defaul:before {
content: '';
width: 50px;
height: 1px;
background-color: var(--primary_color);
position: absolute;
top: -28px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
@media (max-width: 767px) {
.counter-wrap-style_2 {
margin: 15px 0;
}
}
.wpcf7 .home-1 {
position: relative;
}
.wpcf7 .home-1 .your-email input {
padding: 0 30px;
padding-right: 45px;
height: 50px;
width: 100%;
background-color: transparent;
border-top: 1px solid #404040;
border-bottom: 1px solid #404040;
color: #404040;
}
.wpcf7 .home-1 .your-email input::-webkit-input-placeholder {
color: #404040;
}
.wpcf7 .home-1 .your-email input::-moz-placeholder {
color: #404040;
}
.wpcf7 .home-1 .your-email:before {
content: '\f003';
position: absolute;
right: 20px;
color: #404040;
font-family: FontAwesome;
line-height: 48px;
}
.wpcf7 .home-1 .ctf7_submit {
margin-top: 30px;
text-align: center;
}
.wpcf7 .home-1 .ctf7_submit input[type="submit"] {
background-color: #404040;
font-weight: bold;
text-transform: uppercase;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.wpcf7 .home-1 .ctf7_submit input[type="submit"]:hover {
background-color: var(--primary_color);
}
.wpcf7 .home-1 .ctf7_submit img {
margin-left: -15px;
}
.wpcf7 .home-2 {
position: relative;
background: none;
}
.wpcf7 .home-2 .your-email input {
width: 100%;
padding: 0 30px;
padding-right: 45px;
height: 50px;
background-color: transparent;
background-color: white;
color: #404040;
-webkit-box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.15);
box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.15);
}
.wpcf7 .home-2 .your-email input::-webkit-input-placeholder {
color: #808080;
}
.wpcf7 .home-2 .your-email input::-moz-placeholder {
color: #808080;
}
.wpcf7 .home-2 .your-email:before {
content: '\f1d9';
position: absolute;
right: 20px;
color: #404040;
font-family: FontAwesome;
line-height: 48px;
}
.wpcf7 .home-2 .ctf7_submit {
margin-top: 30px;
margin-bottom: 20px;
}
.wpcf7 .home-2 .ctf7_submit input[type="submit"] {
background-color: var(--primary_color);
font-weight: bold;
text-transform: uppercase;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.wpcf7 .home-2 .ctf7_submit input[type="submit"]:hover {
background-color: #404040;
}
@media (max-width: 480px) {
.wpcf7 .home-2 .ctf7_submit {
text-align: center;
}
}
@media (max-width: 480px) {
.wpcf7 .home-2 {
max-width: 100%;
}
}
.wpcf7 .home-3 {
position: relative;
background: none;
overflow: hidden;
}
.wpcf7 .home-3 .your-email input {
float: left;
width: 75%;
padding: 0 30px;
padding-right: 45px;
height: 50px;
background-color: #fff;
-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
}
@media (max-width: 480px) {
.wpcf7 .home-3 .your-email input {
width: 100%;
padding-right: 30px;
margin-bottom: 10px;
}
}
.wpcf7 .home-3 .ctf7_submit {
float: right;
width: 25%;
position: relative;
}
.wpcf7 .home-3 .ctf7_submit input[type="submit"] {
height: 50px;
text-transform: uppercase;
background-color: #000;
width: 100%;
border-radius: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.wpcf7 .home-3 .ctf7_submit input[type="submit"]:hover {
background-color: var(--primary_color);
}
.wpcf7 .home-3 .ctf7_submit img {
margin-left: -25px;
}
@media (max-width: 480px) {
.wpcf7 .home-3 .ctf7_submit {
width: 50%;
margin: 0 auto;
float: none;
}
}
@media (max-width: 480px) {
.wpcf7 .home-3 {
max-width: 100%;
}
}
.wpcf7 .home-lookbook1 {
position: relative;
background: none;
color: #fff;
margin: 0 auto;
max-width: 100%;
overflow: hidden;
}
.wpcf7 .home-lookbook1 .your-email input {
width: 100%;
padding: 0 30px;
height: 60px;
background-color: transparent;
background-color: white;
color: #404040;
border: 2px solid #ddd;
text-align: center;
}
.wpcf7 .home-lookbook1 .your-email input::-webkit-input-placeholder {
color: #808080;
}
.wpcf7 .home-lookbook1 .your-email input::-moz-placeholder {
color: #808080;
}
.wpcf7 .home-lookbook1 .ctf7_submit {
position: relative;
text-align: center;
width: 20%;
margin: 0 auto;
margin-top: 30px;
}
.wpcf7 .home-lookbook1 .ctf7_submit img {
position: absolute;
top: 15px;
}
.wpcf7 .home-lookbook1 .ctf7_submit span.ajax-loader {
position: absolute;
top: 15px;
}
@media (max-width: 480px) {
.wpcf7 .home-lookbook1 .ctf7_submit {
width: 40%;
}
}
.wpcf7 .popup-form {
position: relative;
background: none;
color: #fff;
margin: 0 auto;
max-width: 60%;
overflow: hidden;
margin-left: 40px;
margin-bottom: 10px;
}
.wpcf7 .popup-form .your-email input {
width: 80%;
background-color: #fff;
color: var(--text_color);
}
.wpcf7 .popup-form .your-email input::-webkit-input-placeholder {
color: var(--text_color_lighten_20);
}
.wpcf7 .popup-form .your-email input::-moz-placeholder {
color: var(--text_color_lighten_20);
}
.wpcf7 .popup-form .your-email:before {
margin-top: 10px;
content: "\f1d9";
font-family: fontawesome;
position: absolute;
right: 20px;
color: var(--text_color);
}
.wpcf7 .popup-form .ctf7_submit {
width: 22%;
float: right;
position: absolute;
height: 45px;
right: 0;
top: 0;
padding: 0;
background-color: var(--primary_color);
color: #fff;
overflow: hidden;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.wpcf7 .popup-form .ctf7_submit:hover {
background-color: var(--primary_color_darken_10);
}
.wpcf7 .popup-form .ctf7_submit:hover:before {
left: 120%;
}
.wpcf7 .popup-form .ctf7_submit:before {
content: '';
width: 100px;
height: 200px;
-webkit-transform: rotate(35deg);
-ms-transform: rotate(35deg);
transform: rotate(35deg);
left: -145px;
top: -60px;
position: absolute;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
background-color: rgba(255, 255, 255, 0.5);
}
.wpcf7 .popup-form .ctf7_submit input {
text-transform: uppercase;
width: 100%;
position: relative;
z-index: 2;
height: 45px;
line-height: 40px;
background-color: transparent;
border: none;
}
.wpcf7 .popup-form .ctf7_submit img {
margin-left: -20px;
}
.wpcf7 .popup-form .ctf7_submit:hover:before {
color: #fff;
}
@media (max-width: 480px) {
.wpcf7 .popup-form .ctf7_submit {
width: 20%;
}
}
@media (max-width: 480px) {
.wpcf7 .popup-form {
max-width: 100%;
}
}
.wpcf7 .wpcf7-response-output {
margin: 1em 0em 1em;
color: var(--text_color_fade_50);
}
.login-popup {
background: #fff;
color: #363738;
padding: 30px;
min-width: 357px;
}
.login-popup h2 {
color: var(--primary_color);
text-transform: uppercase;
font-weight: 400;
font-size: 1.7375em;
text-align: center;
}
.login-popup .close-btn {
position: absolute;
top: 0;
right: 3px;
font-size: 1.2em;
color: #000;
color: rgba(0, 0, 0, 0.5);
}
.login-popup .close-btn:hover {
color: var(--primary_color);
}
.login-popup .message {
color: #fff;
margin: 0 0 10px;
}
.login-popup .message.success {
background: #609450;
}
.login-popup .message.error {
background: #BD362F;
}
.login-popup .message.notice {
background: #FAA732;
} #form p {
padding: 0;
margin: 0 0 10px;
}
#form .field-titles {
text-transform: uppercase;
font-size: 0.8125em;
line-height: 1.53846154em;
font-weight: bold;
}
#form .input {
font-size: 1.23076923em;
padding: 5px;
border: 1px solid #E6E6E6;
background: #fff;
}
#form .input:hover,
#form .input:focus {
border: 1px solid var(--primary_color);
}
#form #forgetmenot {
position: relative;
float: left;
margin: 0;
}
#form #forgetmenot label {
position: relative;
top: 5px;
font-size: 1.05em;
cursor: pointer;
}
#form #forgetmenot label:hover {
color: var(--primary_color);
}
#form .submit {
width: 100%;
}
#form .submit .button {
background: var(--primary_color);
color: #fff;
font-size: 1em;
outline: 0;
border: none;
padding: 7px 18px;
width: 100%;
height: 42px;
}
#form .submit .button:hover {
background: var(--primary_color_darken_10);
}
#additional-settings {
font-size: 1.05em;
position: relative;
margin-top: 15px;
bottom: 0px;
}
#additional-settings a {
color: var(--primary_color);
}
#additional-settings a:hover {
opacity: 0.8;
} .product.woocommerce.add_to_cart_inline {
display: none;
}
.add-to-cart-wrap {
text-align: center;
} .yolo-faqs .vc_tta-panels-container {
background: #fff;
}
.yolo-faqs .vc_tta-panels-container .vc_tta-panels {
padding: 5% 10%;
}
.yolo-faqs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel {
border-bottom: 1px solid #f6f6f6;
padding: 15px 0px;
}
.yolo-faqs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading {
background: none;
border: none;
}
.yolo-faqs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a .vc_tta-title-text {
text-transform: uppercase;
font-size: 14px;
}
.yolo-faqs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body {
background: none;
border: none;
margin-left: 5%;
}
.sofani-heading {
font-size: 30px;
line-height: 1.2;
padding-bottom: 24px;
padding-left: 5px;
position: relative;
}
.sofani-heading:after {
content: '';
border-bottom: 1px solid;
display: block;
padding-top: 20px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.sofani-heading.style2 {
margin-top: 35px;
padding-bottom: 10px;
}
.sofani-heading.style2:after {
border-bottom: 1px solid #ddd;
padding-top: 0;
bottom: auto;
top: -34px;
}
.owl-yolo-shortcode .owl-controls .owl-buttons div {
position: absolute;
width: 40px;
height: 40px;
background: #fff;
border-radius: 50%;
border: 1px solid #ddd;
top: 50%;
margin-top: -20px;
opacity: 0;
-o-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
line-height: 40px;
}
.owl-yolo-shortcode .owl-controls .owl-buttons div i {
color: #000;
font-size: 20px;
}
.owl-yolo-shortcode .owl-controls .owl-buttons .owl-prev {
left: 20px;
}
.owl-yolo-shortcode .owl-controls .owl-buttons .owl-next {
right: 20px;
}
.owl-yolo-shortcode:hover .owl-controls .owl-buttons .owl-prev {
left: -45px;
opacity: 1;
}
.owl-yolo-shortcode:hover .owl-controls .owl-buttons .owl-next {
right: -45px;
opacity: 1;
}
.owl-yolo-shortcode .owl-controls .owl-page span {
width: 10px;
height: 10px;
border-radius: 50%;
margin: 5px;
}
@media (max-width: 800px) {
.owl-yolo-shortcode:hover .owl-controls .owl-buttons .owl-prev {
left: 0;
}
.owl-yolo-shortcode:hover .owl-controls .owl-buttons .owl-next {
right: 0;
}
}
.sofani-button {
position: relative;
font-size: 15px;
line-height: 1.6;
font-weight: 400;
text-align: center;
display: inline-block;
color: #fff;
background-color: var(--secondary_color);
border: none;
padding: 10px 25px;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
border-radius: 30px;
min-width: 150px;
font-weight: bold;
text-transform: uppercase;
}
.sofani-button:hover {
background-color: var(--primary_color);
}
.sofani-button i {
position: absolute;
font-size: 20px;
line-height: 1.2;
}
.sofani-button.i_left {
padding-left: 40px !important;
}
.sofani-button.i_right {
padding-right: 40px !important;
}
.sofani-button.i_left i {
left: 15px;
margin-right: 5px;
}
.sofani-button.i_right i {
margin-left: 5px;
right: 15px;
}
.vc_tta-accordion.vc_tta-style-accordion_style1 .vc_tta-panel-heading,
.vc_tta-accordion.vc_tta-style-accordion_style2 .vc_tta-panel-heading {
margin: 0 !important;
}
.vc_tta-accordion.vc_tta-style-accordion_style1 .vc_tta-panel-heading h4,
.vc_tta-accordion.vc_tta-style-accordion_style2 .vc_tta-panel-heading h4 {
font-size: 14px;
}
.vc_tta-accordion.vc_tta-style-accordion_style1 .vc_tta-panel-heading h4 a,
.vc_tta-accordion.vc_tta-style-accordion_style2 .vc_tta-panel-heading h4 a {
font-family: inherit;
font-size: inherit;
vertical-align: middle;
padding: 17px;
color: #202020;
}
.vc_tta-accordion.vc_tta-style-accordion_style1 .vc_tta-panel-heading h4 a:hover,
.vc_tta-accordion.vc_tta-style-accordion_style2 .vc_tta-panel-heading h4 a:hover {
text-decoration: none;
}
.vc_tta-accordion.vc_tta-style-accordion_style1 .vc_tta-panel-heading h4 a .vc_tta-icon,
.vc_tta-accordion.vc_tta-style-accordion_style2 .vc_tta-panel-heading h4 a .vc_tta-icon {
font-size: 26px;
width: 35px;
vertical-align: middle;
display: inline-block;
}
.vc_tta-accordion.vc_tta-style-accordion_style1 .vc_tta-panel-heading h4 a span,
.vc_tta-accordion.vc_tta-style-accordion_style2 .vc_tta-panel-heading h4 a span,
.vc_tta-accordion.vc_tta-style-accordion_style1 .vc_tta-panel-heading h4 a i,
.vc_tta-accordion.vc_tta-style-accordion_style2 .vc_tta-panel-heading h4 a i {
color: #202020;
}
.vc_tta-accordion.vc_tta-style-accordion_style1 .vc_tta-controls-icon,
.vc_tta-accordion.vc_tta-style-accordion_style2 .vc_tta-controls-icon {
width: 7px;
height: 4px;
}
.vc_tta-accordion.vc_tta-style-accordion_style1 .vc_tta-controls-icon.vc_tta-controls-icon-triangle::before,
.vc_tta-accordion.vc_tta-style-accordion_style2 .vc_tta-controls-icon.vc_tta-controls-icon-triangle::before {
border-width: 4px;
}
.vc_tta-accordion.vc_tta-style-accordion_style1 .vc_tta-panel-body,
.vc_tta-accordion.vc_tta-style-accordion_style2 .vc_tta-panel-body {
border: none !important;
}
.vc_tta-accordion.vc_tta-style-accordion_style1.vc_tta-gap-1 .vc_tta-panel + .vc_tta-panel,
.vc_tta-accordion.vc_tta-style-accordion_style2.vc_tta-gap-1 .vc_tta-panel + .vc_tta-panel {
padding-top: 1px;
}
.vc_tta-accordion.vc_tta-style-accordion_style1.vc_tta-gap-2 .vc_tta-panel + .vc_tta-panel,
.vc_tta-accordion.vc_tta-style-accordion_style2.vc_tta-gap-2 .vc_tta-panel + .vc_tta-panel {
padding-top: 2px;
}
.vc_tta-accordion.vc_tta-style-accordion_style1.vc_tta-gap-3 .vc_tta-panel + .vc_tta-panel,
.vc_tta-accordion.vc_tta-style-accordion_style2.vc_tta-gap-3 .vc_tta-panel + .vc_tta-panel {
padding-top: 3px;
}
.vc_tta-accordion.vc_tta-style-accordion_style1.vc_tta-gap-4 .vc_tta-panel + .vc_tta-panel,
.vc_tta-accordion.vc_tta-style-accordion_style2.vc_tta-gap-4 .vc_tta-panel + .vc_tta-panel {
padding-top: 4px;
}
.vc_tta-accordion.vc_tta-style-accordion_style1.vc_tta-gap-5 .vc_tta-panel + .vc_tta-panel,
.vc_tta-accordion.vc_tta-style-accordion_style2.vc_tta-gap-5 .vc_tta-panel + .vc_tta-panel {
padding-top: 5px;
}
.vc_tta-accordion.vc_tta-style-accordion_style1.vc_tta-gap-10 .vc_tta-panel + .vc_tta-panel,
.vc_tta-accordion.vc_tta-style-accordion_style2.vc_tta-gap-10 .vc_tta-panel + .vc_tta-panel {
padding-top: 10px;
}
.vc_tta-accordion.vc_tta-style-accordion_style1.vc_tta-gap-15 .vc_tta-panel + .vc_tta-panel,
.vc_tta-accordion.vc_tta-style-accordion_style2.vc_tta-gap-15 .vc_tta-panel + .vc_tta-panel {
padding-top: 15px;
}
.vc_tta-accordion.vc_tta-style-accordion_style1.vc_tta-gap-20 .vc_tta-panel + .vc_tta-panel,
.vc_tta-accordion.vc_tta-style-accordion_style2.vc_tta-gap-20 .vc_tta-panel + .vc_tta-panel {
padding-top: 20px;
}
.vc_tta-accordion.vc_tta-style-accordion_style1.vc_tta-gap-25 .vc_tta-panel + .vc_tta-panel,
.vc_tta-accordion.vc_tta-style-accordion_style2.vc_tta-gap-25 .vc_tta-panel + .vc_tta-panel {
padding-top: 25px;
}
.vc_tta-accordion.vc_tta-style-accordion_style1.vc_tta-gap-30 .vc_tta-panel + .vc_tta-panel,
.vc_tta-accordion.vc_tta-style-accordion_style2.vc_tta-gap-30 .vc_tta-panel + .vc_tta-panel {
padding-top: 30px;
}
.vc_tta-accordion.vc_tta-style-accordion_style1.vc_tta-gap-35 .vc_tta-panel + .vc_tta-panel,
.vc_tta-accordion.vc_tta-style-accordion_style2.vc_tta-gap-35 .vc_tta-panel + .vc_tta-panel {
padding-top: 35px;
}
.vc_tta-accordion.vc_tta-style-accordion_style1 .vc_tta-controls-icon-position-right .vc_tta-controls-icon,
.vc_tta-accordion.vc_tta-style-accordion_style2 .vc_tta-controls-icon-position-right .vc_tta-controls-icon {
right: 5px !important;
}
.vc_tta-accordion.vc_tta-style-accordion_style1 .vc_tta-panel-body {
border: 1px solid #DDDDDD !important;
}
.vc_tta-accordion.vc_tta-style-accordion_style2 .vc_tta-panel-body {
background-color: #DDDDDD !important;
}
@media (max-width: 480px) {
.vc_tta-accordion.vc_tta-style-accordion_style1 .vc_tta-title-text:not(: empty):not(: first-child),
.vc_tta-accordion.vc_tta-style-accordion_style2 .vc_tta-title-text:not(: empty):not(: first-child),
.vc_tta-accordion.vc_tta-style-accordion_style1 .vc_tta-title-text:not(: empty) ~ *,
.vc_tta-accordion.vc_tta-style-accordion_style2 .vc_tta-title-text:not(: empty) ~ * {
margin-left: 0 !important;
}
.vc_tta-accordion.vc_tta-style-accordion_style1 .vc_tta-icon,
.vc_tta-accordion.vc_tta-style-accordion_style2 .vc_tta-icon {
display: none !important;
}
} .vc_tta-style-tour_style1 .vc_tta-panel-heading {
border-bottom: 1px solid #ddd;
}
.vc_tta-style-tour_style1 .vc_tta-tabs-list {
margin: 0 !important;
border: 3px solid #ddd;
-webkit-align-self: flex-start !important;
-ms-flex-item-align: flex-start !important;
align-self: flex-start !important;
padding: 30px 0 !important;
}
.vc_tta-style-tour_style1 .vc_tta-tabs-list .vc_tta-tab:last-child .vc_tta-title-text {
border-bottom: 0;
}
.vc_tta-style-tour_style1 .vc_tta-title-text {
font-size: 15px;
color: #999999 !important;
border-bottom: 1px solid #ddd;
display: block;
padding-bottom: 10px;
padding-left: 6px;
}
.vc_tta-style-tour_style1 .vc_tta-title-text a {
color: #999999 !important;
}
.vc_tta-style-tour_style1 .vc_tta-panel-body {
padding-top: 0 !important;
}
.vc_tta-style-tour_style1 .vc_tta-tab > a {
padding: 0 20px !important;
}
.vc_tta-style-tour_style1 .vc_tta-tabs-container {
margin: 10px 10px 0 0 !important;
}
@media (max-width: 767px) {
.vc_tta-style-tour_style1 .vc_tta-panels-container {
border: 3px solid #ddd !important;
}
} .vc_tta-style-tab_style1 .vc_tta-tabs-container {
border-bottom: 1px solid;
}
.vc_tta-style-tab_style1 .vc_tta-tabs-container h2 {
position: absolute;
left: 0;
top: 8px;
font-size: 30px;
padding-left: 5px;
}
.vc_tta-style-tab_style1 .vc_tta-tabs-container .vc_tta-tabs-list {
padding-bottom: 4px;
}
.vc_tta-style-tab_style1 .vc_tta-tabs-container .vc_tta-title-text {
font-size: 15px;
}
.vc_tta-style-tab_style1 .vc_tta-panel-heading {
border-bottom: 1px solid !important;
}
.vc_tta-style-tab_style1 .vc_tta-panel-body {
border-width: 0 !important;
}
.vc_tta-style-tab_style1.vc_general .vc_tta-panel-body {
-webkit-transition: padding 0.6s ease-in-out;
-o-transition: padding 0.6s ease-in-out;
transition: padding 0.6s ease-in-out;
} .vc_color-hm-info.vc_message_box {
color: #6379B7;
border-color: #6379B7;
background-color: #F7FAFF;
}
.vc_color-hm-info.vc_message_box .vc_message_box-icon {
color: #6379B7;
}
.vc_color-hm-info.vc_message_box-solid {
color: #6379B7;
border-color: transparent;
background-color: #F7FAFF;
}
.vc_color-hm-info.vc_message_box-solid .vc_message_box-icon {
color: #6379B7;
}
.vc_color-hm-info.vc_message_box-outline,
.vc_color-hm-info.vc_message_box-solid-icon {
color: #6379B7;
border-color: #6379B7;
background-color: transparent;
}
.vc_color-hm-info.vc_message_box-outline .vc_message_box-icon,
.vc_color-hm-info.vc_message_box-solid-icon .vc_message_box-icon {
color: #6379B7;
}
.vc_color-hm-info.vc_message_box-solid-icon .vc_message_box-icon {
color: #6379B7;
background-color: #F7FAFF;
}
.vc_color-hm-info.vc_message_box-3d {
-webkit-box-shadow: 0 5px 0 #6379B7;
box-shadow: 0 5px 0 #6379B7;
} .vc_color-hm-warning.vc_message_box {
color: #F2C800;
border-color: #F2C800;
background-color: #FFFDF3;
}
.vc_color-hm-warning.vc_message_box .vc_message_box-icon {
color: #F2C800;
}
.vc_color-hm-warning.vc_message_box-solid {
color: #F2C800;
border-color: transparent;
background-color: #FFFDF3;
}
.vc_color-hm-warning.vc_message_box-solid .vc_message_box-icon {
color: #F2C800;
}
.vc_color-hm-warning.vc_message_box-outline,
.vc_color-hm-warning.vc_message_box-solid-icon {
color: #F2C800;
border-color: #F2C800;
background-color: transparent;
}
.vc_color-hm-warning.vc_message_box-outline .vc_message_box-icon,
.vc_color-hm-warning.vc_message_box-solid-icon .vc_message_box-icon {
color: #F2C800;
}
.vc_color-hm-warning.vc_message_box-solid-icon .vc_message_box-icon {
color: #F2C800;
background-color: #FFFDF3;
}
.vc_color-hm-warning.vc_message_box-3d {
-webkit-box-shadow: 0 5px 0 #F2C800;
box-shadow: 0 5px 0 #F2C800;
} .vc_color-hm-success.vc_message_box {
color: #339B62;
border-color: #339B62;
background-color: #F5FCF8;
}
.vc_color-hm-success.vc_message_box .vc_message_box-icon {
color: #339B62;
}
.vc_color-hm-success.vc_message_box-solid {
color: #339B62;
border-color: transparent;
background-color: #F5FCF8;
}
.vc_color-hm-success.vc_message_box-solid .vc_message_box-icon {
color: #339B62;
}
.vc_color-hm-success.vc_message_box-outline,
.vc_color-hm-success.vc_message_box-solid-icon {
color: #339B62;
border-color: #339B62;
background-color: transparent;
}
.vc_color-hm-success.vc_message_box-outline .vc_message_box-icon,
.vc_color-hm-success.vc_message_box-solid-icon .vc_message_box-icon {
color: #339B62;
}
.vc_color-hm-success.vc_message_box-solid-icon .vc_message_box-icon {
color: #339B62;
background-color: #F5FCF8;
}
.vc_color-hm-success.vc_message_box-3d {
-webkit-box-shadow: 0 5px 0 #339B62;
box-shadow: 0 5px 0 #339B62;
} .vc_color-hm-danger.vc_message_box {
color: #CB323E;
border-color: #CB323E;
background-color: #FDF4F3;
}
.vc_color-hm-danger.vc_message_box .vc_message_box-icon {
color: #CB323E;
}
.vc_color-hm-danger.vc_message_box-solid {
color: #CB323E;
border-color: transparent;
background-color: #FDF4F3;
}
.vc_color-hm-danger.vc_message_box-solid .vc_message_box-icon {
color: #CB323E;
}
.vc_color-hm-danger.vc_message_box-outline,
.vc_color-hm-danger.vc_message_box-solid-icon {
color: #CB323E;
border-color: #CB323E;
background-color: transparent;
}
.vc_color-hm-danger.vc_message_box-outline .vc_message_box-icon,
.vc_color-hm-danger.vc_message_box-solid-icon .vc_message_box-icon {
color: #CB323E;
}
.vc_color-hm-danger.vc_message_box-solid-icon .vc_message_box-icon {
color: #CB323E;
background-color: #FDF4F3;
}
.vc_color-hm-danger.vc_message_box-3d {
-webkit-box-shadow: 0 5px 0 #CB323E;
box-shadow: 0 5px 0 #CB323E;
}
.vc_color-hm-info p,
.vc_color-hm-warning p,
.vc_color-hm-success p,
.vc_color-hm-danger p {
padding: 25px 0 23px 23px;
}
.vc_color-hm-info i,
.vc_color-hm-warning i,
.vc_color-hm-success i,
.vc_color-hm-danger i {
font-size: 36px;
margin-left: 15px;
}
.contact-get-in-touch .wpcf7-text,
.contact-get-in-touch .wpcf7-textarea {
width: 100%;
}
.contact-get-in-touch p {
color: #202020;
font-size: 13px;
}
.contact-get-in-touch .contact-title {
font-size: 14px;
color: #868686;
padding: 0 15px;
}
.contact-get-in-touch h3 {
font-size: 25px;
margin-bottom: 15px;
}
.contact-get-in-touch span.wpcf7-form-control-wrap {
display: block;
padding-top: 8px;
}
.v-line {
position: relative;
min-height: 66px;
}
.v-line:after {
border-right: 1px solid #fff;
position: absolute;
right: 0;
top: -26px;
bottom: -26px;
margin: auto;
width: 1px;
display: block;
content: '';
}
.box-message .wpb_text_column {
min-height: 187px;
padding-top: 53px;
border: 1px solid;
}
.box-message .wpb_text_column:hover * {
color: #fff !important;
}
.box-message .wpb_text_column a {
text-decoration: underline;
}
@media (max-width: 991px) {
.v-line:after {
display: none;
}
}
.min-height-366 {
min-height: 366px;
}
.i-location,
.i-phone,
.i-mail,
.i-clock {
color: #868686;
margin-bottom: 10px;
}
.i-location:before,
.i-phone:before,
.i-mail:before,
.i-clock:before {
font-family: fontawesome;
font-size: 20px;
display: inline-block;
width: 40px;
}
.i-location:before {
content: "\f041";
}
.i-phone:before {
content: "\f095";
}
.i-mail:before {
content: "\f0e0";
}
.i-clock:before {
content: "\f017";
}
@media (max-width: 1400px) {
.title-opacity {
font-size: 60px !important;
}
}
@media (max-width: 1199px) {
.title-opacity {
display: none !important;
}
}  .round-1 .site-loading-center-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 150px;
width: 150px;
margin-top: -75px;
margin-left: -75px;
}
.round-1 .spinner {
width: 20px;
height: 20px;
background-color: #FFF;
float: left;
margin-right: 20px;
margin-top: 65px;
border-radius: 100%;
}
.round-1 #spinner_one {
-webkit-animation: round-1-one 1.5s infinite;
animation: round-1-one 1.5s infinite;
}
.round-1 #spinner_two {
-webkit-animation: round-1-two 1.5s infinite;
animation: round-1-two 1.5s infinite;
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s;
}
.round-1 #spinner_three {
-webkit-animation: round-1-three 1.5s infinite;
animation: round-1-three 1.5s infinite;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
@-webkit-keyframes round-1-one {
75% {
-webkit-transform: scale(0);
}
}
@keyframes round-1-one {
75% {
transform: scale(0);
-webkit-transform: scale(0);
}
}
@-webkit-keyframes round-1-two {
75% {
-webkit-transform: scale(0);
}
}
@keyframes round-1-two {
75% {
transform: scale(0);
-webkit-transform: scale(0);
}
}
@-webkit-keyframes round-1-three {
75% {
-webkit-transform: scale(0);
}
}
@keyframes round-1-three {
75% {
transform: scale(0);
-webkit-transform: scale(0);
}
}
.round-2 .site-loading-center-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 150px;
width: 150px;
margin-top: -75px;
margin-left: -75px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.round-2 .spinner {
width: 20px;
height: 20px;
background-color: #FFF;
position: absolute;
left: 65px;
top: 65px;
border-radius: 50%;
}
.round-2 .spinner:nth-child(2n+0) {
margin-right: 0;
}
.round-2 #spinner_one {
-webkit-animation: round-2-one 2s infinite;
animation: round-2-one 2s infinite;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.round-2 #spinner_two {
-webkit-animation: round-2-two 2s infinite;
animation: round-2-two 2s infinite;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.round-2 #spinner_three {
-webkit-animation: round-2-three 2s infinite;
animation: round-2-three 2s infinite;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.round-2 #spinner_four {
-webkit-animation: round-2-four 2s infinite;
animation: round-2-four 2s infinite;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.round-2 #spinner_five {
-webkit-animation: round-2-five 2s infinite;
animation: round-2-five 2s infinite;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.round-2 #spinner_six {
-webkit-animation: round-2-six 2s infinite;
animation: round-2-six 2s infinite;
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.round-2 #spinner_seven {
-webkit-animation: round-2-seven 2s infinite;
animation: round-2-seven 2s infinite;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.round-2 #spinner_eight {
-webkit-animation: round-2-eight 2s infinite;
animation: round-2-eight 2s infinite;
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.round-2 #spinner_big {
position: absolute;
width: 50px;
height: 50px;
left: 50px;
top: 50px;
-webkit-animation: round-2-big 2s infinite;
animation: round-2-big 2s infinite;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
@-webkit-keyframes round-2-big {
50% {
-webkit-transform: scale(0.5);
}
}
@keyframes round-2-big {
50% {
transform: scale(0.5);
-webkit-transform: scale(0.5);
}
}
@-webkit-keyframes round-2-one {
50% {
-webkit-transform: translate(-65px, -65px);
}
}
@keyframes round-2-one {
50% {
transform: translate(-65px, -65px);
-webkit-transform: translate(-65px, -65px);
}
}
@-webkit-keyframes round-2-two {
50% {
-webkit-transform: translate(0, -65px);
}
}
@keyframes round-2-two {
50% {
transform: translate(0, -65px);
-webkit-transform: translate(0, -65px);
}
}
@-webkit-keyframes round-2-three {
50% {
-webkit-transform: translate(65px, -65px);
}
}
@keyframes round-2-three {
50% {
transform: translate(65px, -65px);
-webkit-transform: translate(65px, -65px);
}
}
@-webkit-keyframes round-2-four {
50% {
-webkit-transform: translate(65px, 0);
}
}
@keyframes round-2-four {
50% {
transform: translate(65px, 0);
-webkit-transform: translate(65px, 0);
}
}
@-webkit-keyframes round-2-five {
50% {
-webkit-transform: translate(65px, 65px);
}
}
@keyframes round-2-five {
50% {
transform: translate(65px, 65px);
-webkit-transform: translate(65px, 65px);
}
}
@-webkit-keyframes round-2-six {
50% {
-webkit-transform: translate(0, 65px);
}
}
@keyframes round-2-six {
50% {
transform: translate(0, 65px);
-webkit-transform: translate(0, 65px);
}
}
@-webkit-keyframes round-2-seven {
50% {
-webkit-transform: translate(-65px, 65px);
}
}
@keyframes round-2-seven {
50% {
transform: translate(-65px, 65px);
-webkit-transform: translate(-65px, 65px);
}
}
@-webkit-keyframes round-2-eight {
50% {
-webkit-transform: translate(-65px, 0);
}
}
@keyframes round-2-eight {
50% {
transform: translate(-65px, 0);
-webkit-transform: translate(-65px, 0);
}
}
.round-3 .site-loading-center-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 50px;
width: 200px;
margin-top: -25px;
margin-left: -100px;
}
.round-3 .spinner {
width: 20px;
height: 20px;
background-color: #fff;
float: left;
margin-top: 15px;
border-radius: 100%;
}
.round-3 #first_spinner {
-webkit-animation: round-3-first 2s infinite;
animation: round-3-first 2s infinite;
}
.round-3 #second_spinner {
-webkit-animation: round-3-second 2s infinite;
animation: round-3-second 2s infinite;
}
@-webkit-keyframes round-3-first {
25% {
-ms-transform: translate(90px, 0) scale(2);
-webkit-transform: translate(90px, 0) scale(2);
transform: translate(90px, 0) scale(2);
}
50% {
-ms-transform: translate(180px, 0) scale(1);
-webkit-transform: translate(180px, 0) scale(1);
transform: translate(180px, 0) scale(1);
}
75% {
-ms-transform: translate(90px, 0) scale(2);
-webkit-transform: translate(90px, 0) scale(2);
transform: translate(90px, 0) scale(2);
}
}
@keyframes round-3-first {
25% {
-ms-transform: translate(90px, 0) scale(2);
-webkit-transform: translate(90px, 0) scale(2);
transform: translate(90px, 0) scale(2);
}
50% {
-ms-transform: translate(180px, 0) scale(1);
-webkit-transform: translate(180px, 0) scale(1);
transform: translate(180px, 0) scale(1);
}
75% {
-ms-transform: translate(90px, 0) scale(2);
-webkit-transform: translate(90px, 0) scale(2);
transform: translate(90px, 0) scale(2);
}
}
@-webkit-keyframes round-3-second {
25% {
-ms-transform: translate(-90px, 0) scale(2);
-webkit-transform: translate(-90px, 0) scale(2);
transform: translate(-90px, 0) scale(2);
}
50% {
-ms-transform: translate(-180px, 0) scale(1);
-webkit-transform: translate(-180px, 0) scale(1);
transform: translate(-180px, 0) scale(1);
}
75% {
-ms-transform: translate(-90px, 0) scale(2);
-webkit-transform: translate(-90px, 0) scale(2);
transform: translate(-90px, 0) scale(2);
}
}
@keyframes round-3-second {
25% {
-ms-transform: translate(-90px, 0) scale(2);
-webkit-transform: translate(-90px, 0) scale(2);
transform: translate(-90px, 0) scale(2);
}
50% {
-ms-transform: translate(-180px, 0) scale(1);
-webkit-transform: translate(-180px, 0) scale(1);
transform: translate(-180px, 0) scale(1);
}
75% {
-ms-transform: translate(-90px, 0) scale(2);
-webkit-transform: translate(-90px, 0) scale(2);
transform: translate(-90px, 0) scale(2);
}
}
.round-4 .site-loading-center-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 50px;
width: 300px;
margin-top: -25px;
margin-left: -150px;
}
.round-4 .spinner {
width: 18px;
height: 18px;
background-color: #FFF;
float: left;
margin-top: 15px;
margin-right: 15px;
border-radius: 100%;
-webkit-animation: round-4 1s infinite;
animation: round-4 1s infinite;
}
.round-4 .spinner:last-child {
margin-right: 0px;
}
.round-4 .spinner:nth-child(9) {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.round-4 .spinner:nth-child(8) {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.round-4 .spinner:nth-child(7) {
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.round-4 .spinner:nth-child(6) {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.round-4 .spinner:nth-child(5) {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.round-4 .spinner:nth-child(4) {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.round-4 .spinner:nth-child(3) {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.round-4 .spinner:nth-child(2) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
@-webkit-keyframes round-4 {
50% {
-ms-transform: translate(0, -50px);
-webkit-transform: translate(0, -50px);
transform: translate(0, -50px);
}
}
@keyframes round-4 {
50% {
-ms-transform: translate(0, -50px);
-webkit-transform: translate(0, -50px);
transform: translate(0, -50px);
}
}
.round-5 .site-loading-center-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 60px;
width: 60px;
margin-top: -30px;
margin-left: -30px;
-webkit-animation: round-5-loading-center-absolute 1s infinite;
animation: round-5-loading-center-absolute 1s infinite;
}
.round-5 .spinner {
width: 20px;
height: 20px;
background-color: #FFF;
float: left;
border-radius: 50%;
margin-right: 20px;
margin-bottom: 20px;
}
.round-5 .spinner:nth-child(2n+0) {
margin-right: 0;
}
.round-5 #spinner_one {
-webkit-animation: round-5-one 1s infinite;
animation: round-5-one 1s infinite;
}
.round-5 #spinner_two {
-webkit-animation: round-5-two 1s infinite;
animation: round-5-two 1s infinite;
}
.round-5 #spinner_three {
-webkit-animation: round-5-three 1s infinite;
animation: round-5-three 1s infinite;
}
.round-5 #spinner_four {
-webkit-animation: round-5-four 1s infinite;
animation: round-5-four 1s infinite;
}
@-webkit-keyframes round-5-loading-center-absolute {
100% {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes round-5-loading-center-absolute {
100% {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes round-5-one {
50% {
-ms-transform: translate(20px, 20px);
-webkit-transform: translate(20px, 20px);
transform: translate(20px, 20px);
}
}
@keyframes round-5-one {
50% {
-ms-transform: translate(20px, 20px);
-webkit-transform: translate(20px, 20px);
transform: translate(20px, 20px);
}
}
@-webkit-keyframes round-5-two {
50% {
-ms-transform: translate(-20px, 20px);
-webkit-transform: translate(-20px, 20px);
transform: translate(-20px, 20px);
}
}
@keyframes round-5-two {
50% {
-ms-transform: translate(-20px, 20px);
-webkit-transform: translate(-20px, 20px);
transform: translate(-20px, 20px);
}
}
@-webkit-keyframes round-5-three {
50% {
-ms-transform: translate(20px, -20px);
-webkit-transform: translate(20px, -20px);
transform: translate(20px, -20px);
}
}
@keyframes round-5-three {
50% {
-ms-transform: translate(20px, -20px);
-webkit-transform: translate(20px, -20px);
transform: translate(20px, -20px);
}
}
@-webkit-keyframes round-5-four {
50% {
-ms-transform: translate(-20px, -20px);
-webkit-transform: translate(-20px, -20px);
transform: translate(-20px, -20px);
}
}
@keyframes round-5-four {
50% {
-ms-transform: translate(-20px, -20px);
-webkit-transform: translate(-20px, -20px);
transform: translate(-20px, -20px);
}
}
.round-6 .site-loading-center-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 20px;
width: 140px;
margin-top: -10px;
margin-left: -70px;
-webkit-animation: round-6-loading-center-absolute 1s infinite;
animation: round-6-loading-center-absolute 1s infinite;
}
.round-6 .spinner {
width: 20px;
height: 20px;
background-color: #FFF;
float: left;
border-radius: 100%;
margin-right: 20px;
margin-bottom: 20px;
}
.round-6 .spinner:last-child {
margin-right: 0;
}
.round-6 #spinner_one {
-webkit-animation: round-6-one 1s infinite;
animation: round-6-one 1s infinite;
}
.round-6 #spinner_two {
-webkit-animation: round-6-two 1s infinite;
animation: round-6-two 1s infinite;
}
.round-6 #spinner_three {
-webkit-animation: round-6-three 1s infinite;
animation: round-6-three 1s infinite;
}
.round-6 #spinner_four {
-webkit-animation: round-6-four 1s infinite;
animation: round-6-four 1s infinite;
}
@-webkit-keyframes round-6-loading-center-absolute {
100% {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes round-6-loading-center-absolute {
100% {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes round-6-one {
50% {
-ms-transform: translate(20px, 20px);
-webkit-transform: translate(20px, 20px);
transform: translate(20px, 20px);
}
}
@keyframes round-6-one {
50% {
-ms-transform: translate(20px, 20px);
-webkit-transform: translate(20px, 20px);
transform: translate(20px, 20px);
}
}
@-webkit-keyframes round-6-two {
50% {
-ms-transform: translate(-20px, 20px);
-webkit-transform: translate(-20px, 20px);
transform: translate(-20px, 20px);
}
}
@keyframes round-6-two {
50% {
-ms-transform: translate(-20px, 20px);
-webkit-transform: translate(-20px, 20px);
transform: translate(-20px, 20px);
}
}
@-webkit-keyframes round-6-three {
50% {
-ms-transform: translate(20px, -20px);
-webkit-transform: translate(20px, -20px);
transform: translate(20px, -20px);
}
}
@keyframes round-6-three {
50% {
-ms-transform: translate(20px, -20px);
-webkit-transform: translate(20px, -20px);
transform: translate(20px, -20px);
}
}
@-webkit-keyframes round-6-four {
50% {
-ms-transform: translate(-20px, -20px);
-webkit-transform: translate(-20px, -20px);
transform: translate(-20px, -20px);
}
}
@keyframes round-6-four {
50% {
-ms-transform: translate(-20px, -20px);
-webkit-transform: translate(-20px, -20px);
transform: translate(-20px, -20px);
}
}
.round-7 .site-loading-center-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 20px;
width: 100px;
margin-top: -10px;
margin-left: -50px;
}
.round-7 .spinner {
width: 20px;
height: 20px;
background-color: #FFF;
border-radius: 100%;
margin-right: 20px;
margin-bottom: 20px;
position: absolute;
}
.round-7 #spinner_one {
-webkit-animation: round-7 2s linear infinite;
animation: round-7 2s linear infinite;
}
.round-7 #spinner_two {
-webkit-animation: round-7 2s linear infinite -0.4s;
animation: round-7 2s linear infinite -0.4s;
}
.round-7 #spinner_three {
-webkit-animation: round-7 2s linear infinite -0.8s;
animation: round-7 2s linear infinite -0.8s;
}
.round-7 #spinner_four {
-webkit-animation: round-7 2s linear infinite -1.2s;
animation: round-7 2s linear infinite -1.2s;
}
.round-7 #spinner_five {
-webkit-animation: round-7 2s linear infinite -1.6s;
animation: round-7 2s linear infinite -1.6s;
}
@-webkit-keyframes round-7 {
0% {
left: 100px;
top: 0;
}
80% {
left: 0;
top: 0;
}
85% {
left: 0;
top: -20px;
width: 20px;
height: 20px;
}
90% {
width: 40px;
height: 15px;
}
95% {
left: 100px;
top: -20px;
width: 20px;
height: 20px;
}
100% {
left: 100px;
top: 0;
}
}
@keyframes round-7 {
0% {
left: 100px;
top: 0;
}
80% {
left: 0;
top: 0;
}
85% {
left: 0;
top: -20px;
width: 20px;
height: 20px;
}
90% {
width: 40px;
height: 15px;
}
95% {
left: 100px;
top: -20px;
width: 20px;
height: 20px;
}
100% {
left: 100px;
top: 0;
}
}
.round-8 .site-loading-center-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 118px;
width: 118px;
margin-top: -59px;
margin-left: -59px;
}
.round-8 .spinner {
width: 20px;
height: 20px;
background-color: #FFF;
margin-right: 20px;
float: left;
margin-bottom: 20px;
border-radius: 50%;
}
.round-8 .spinner:nth-child(3n+0) {
margin-right: 0px;
}
.round-8 #spinner_one {
-webkit-animation: round-8 1s -0.9s ease-in-out infinite;
animation: round-8 1s -0.9s ease-in-out infinite;
}
.round-8 #spinner_two {
-webkit-animation: round-8 1s -0.8s ease-in-out infinite;
animation: round-8 1s -0.8s ease-in-out infinite;
}
.round-8 #spinner_three {
-webkit-animation: round-8 1s -0.7s ease-in-out infinite;
animation: round-8 1s -0.7s ease-in-out infinite;
}
.round-8 #spinner_four {
-webkit-animation: round-8 1s -0.6s ease-in-out infinite;
animation: round-8 1s -0.6s ease-in-out infinite;
}
.round-8 #spinner_five {
-webkit-animation: round-8 1s -0.5s ease-in-out infinite;
animation: round-8 1s -0.5s ease-in-out infinite;
}
.round-8 #spinner_six {
-webkit-animation: round-8 1s -0.4s ease-in-out infinite;
animation: round-8 1s -0.4s ease-in-out infinite;
}
.round-8 #spinner_seven {
-webkit-animation: round-8 1s -0.3s ease-in-out infinite;
animation: round-8 1s -0.3s ease-in-out infinite;
}
.round-8 #spinner_eight {
-webkit-animation: round-8 1s -0.2s ease-in-out infinite;
animation: round-8 1s -0.2s ease-in-out infinite;
}
.round-8 #spinner_nine {
-webkit-animation: round-8 1s -0.1s ease-in-out infinite;
animation: round-8 1s -0.1s ease-in-out infinite;
}
@-webkit-keyframes round-8 {
50% {
-ms-transform: scale(1.5, 1.5);
-webkit-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5);
}
100% {
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@keyframes round-8 {
50% {
-ms-transform: scale(1.5, 1.5);
-webkit-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5);
}
100% {
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
.round-9 .site-loading-center-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 150px;
width: 150px;
margin-top: -75px;
margin-left: -75px;
border-radius: 50%;
}
.round-9 .spinner {
width: 20px;
height: 20px;
background-color: #FFF;
position: absolute;
border-radius: 50%;
-webkit-animation: round-9 0.8s infinite;
animation: round-9 0.8s infinite;
}
.round-9 #spinner_one {
top: 19px;
left: 19px;
}
.round-9 #spinner_two {
top: 0px;
left: 65px;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.round-9 #spinner_three {
top: 19px;
left: 111px;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.round-9 #spinner_four {
top: 65px;
left: 130px;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.round-9 #spinner_five {
top: 111px;
left: 111px;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.round-9 #spinner_six {
top: 130px;
left: 65px;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.round-9 #spinner_seven {
top: 111px;
left: 19px;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.round-9 #spinner_eight {
top: 65px;
left: 0px;
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
@-webkit-keyframes round-9 {
25% {
-ms-transform: scale(1.5);
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
75% {
-ms-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
}
}
@keyframes round-9 {
50% {
-ms-transform: scale(1.5, 1.5);
-webkit-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5);
}
100% {
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
.square-1 .site-loading-center-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 200px;
width: 200px;
margin-top: -100px;
margin-left: -100px;
}
.square-1 .spinner {
width: 80px;
height: 80px;
background-color: #FFF;
-webkit-animation: square-1 1s infinite ease-in-out;
animation: square-1 1s infinite ease-in-out;
margin-right: auto;
margin-left: auto;
margin-top: 60px;
}
@-webkit-keyframes square-1 {
0% {
-webkit-transform: perspective(160px);
}
50% {
-webkit-transform: perspective(160px) rotateY(-180deg);
}
100% {
-webkit-transform: perspective(160px) rotateY(-180deg) rotateX(-180deg);
}
}
@keyframes square-1 {
0% {
transform: perspective(160px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(160px) rotateX(0deg) rotateY(0deg);
}
50% {
transform: perspective(160px) rotateX(-180deg) rotateY(0deg);
-webkit-transform: perspective(160px) rotateX(-180deg) rotateY(0deg);
}
100% {
transform: perspective(160px) rotateX(-180deg) rotateY(-180deg);
-webkit-transform: perspective(160px) rotateX(-180deg) rotateY(-180deg);
}
}
.square-2 .site-loading-center-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 150px;
width: 150px;
margin-top: -75px;
margin-left: -75px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.square-2 .spinner {
width: 20px;
height: 20px;
background-color: #FFF;
position: absolute;
left: 65px;
top: 65px;
}
.square-2 .spinner:nth-child(2n+0) {
margin-right: 0;
}
.square-2 #spinner_one {
-webkit-animation: square-2-one 2s infinite;
animation: square-2-one 2s infinite;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.square-2 #spinner_two {
-webkit-animation: square-2-two 2s infinite;
animation: square-2-two 2s infinite;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.square-2 #spinner_three {
-webkit-animation: square-2-three 2s infinite;
animation: square-2-three 2s infinite;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.square-2 #spinner_four {
-webkit-animation: square-2-four 2s infinite;
animation: square-2-four 2s infinite;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.square-2 #spinner_five {
-webkit-animation: square-2-five 2s infinite;
animation: square-2-five 2s infinite;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.square-2 #spinner_six {
-webkit-animation: square-2-six 2s infinite;
animation: square-2-six 2s infinite;
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.square-2 #spinner_seven {
-webkit-animation: square-2-seven 2s infinite;
animation: square-2-seven 2s infinite;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.square-2 #spinner_eight {
-webkit-animation: square-2-eight 2s infinite;
animation: square-2-eight 2s infinite;
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.square-2 #spinner_big {
position: absolute;
width: 50px;
height: 50px;
left: 50px;
top: 50px;
-webkit-animation: square-2-big 2s infinite;
animation: square-2-big 2s infinite;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
@-webkit-keyframes square-2-one {
50% {
-webkit-transform: translate(-65px, -65px);
}
}
@keyframes square-2-one {
50% {
transform: translate(-65px, -65px);
-webkit-transform: translate(-65px, -65px);
}
}
@-webkit-keyframes square-2-two {
50% {
-webkit-transform: translate(0, -65px);
}
}
@keyframes square-2-two {
50% {
transform: translate(0, -65px);
-webkit-transform: translate(0, -65px);
}
}
@-webkit-keyframes square-2-three {
50% {
-webkit-transform: translate(65px, -65px);
}
}
@keyframes square-2-three {
50% {
transform: translate(65px, -65px);
-webkit-transform: translate(65px, -65px);
}
}
@-webkit-keyframes square-2-four {
50% {
-webkit-transform: translate(65px, 0);
}
}
@keyframes square-2-four {
50% {
transform: translate(65px, 0);
-webkit-transform: translate(65px, 0);
}
}
@-webkit-keyframes square-2-five {
50% {
-webkit-transform: translate(65px, 65px);
}
}
@keyframes square-2-five {
50% {
transform: translate(65px, 65px);
-webkit-transform: translate(65px, 65px);
}
}
@-webkit-keyframes square-2-six {
50% {
-webkit-transform: translate(0, 65px);
}
}
@keyframes square-2-six {
50% {
transform: translate(0, 65px);
-webkit-transform: translate(0, 65px);
}
}
@-webkit-keyframes square-2-seven {
50% {
-webkit-transform: translate(-65px, 65px);
}
}
@keyframes square-2-seven {
50% {
transform: translate(-65px, 65px);
-webkit-transform: translate(-65px, 65px);
}
}
@-webkit-keyframes square-2-eight {
50% {
-webkit-transform: translate(-65px, 0);
}
}
@keyframes square-2-eight {
50% {
transform: translate(-65px, 0);
-webkit-transform: translate(-65px, 0);
}
}
@-webkit-keyframes square-2-big {
50% {
-webkit-transform: scale(0.5);
}
}
@keyframes square-2-big {
50% {
transform: scale(0.5);
-webkit-transform: scale(0.5);
}
}
.square-3 .site-loading-center-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 200px;
width: 200px;
margin-top: -100px;
margin-left: -100px;
}
.square-3 .spinner {
width: 50px;
height: 50px;
background-color: rgba(255, 255, 255, 0);
margin-right: auto;
margin-left: auto;
border: 4px solid #FFF;
left: 73px;
top: 73px;
position: absolute;
}
.square-3 #first_spinner {
-webkit-animation: square-3-first-animate 1s infinite ease-in-out;
animation: square-3-first-animate 1s infinite ease-in-out;
}
.square-3 #second_spinner {
-webkit-animation: square-3-second 1s forwards, square-3-second-animate 1s infinite ease-in-out;
-moz-animation: square-3-second 1s forwards, square-3-second-animate 1s infinite ease-in-out;
-o-animation: square-3-second 1s forwards, square-3-second-animate 1s infinite ease-in-out;
-ms-transition: square-3-second 1s forwards, square-3-second-animate 1s infinite ease-in-out;
animation: square-3-second 1s forwards, square-3-second-animate 1s infinite ease-in-out;
}
.square-3 #third_spinner {
-webkit-animation: square-3-third 1s forwards, square-3-third-animate 1s infinite ease-in-out;
-moz-animation: square-3-third 1s forwards, square-3-third-animate 1s infinite ease-in-out;
-o-animation: square-3-third 1s forwards, square-3-third-animate 1s infinite ease-in-out;
-ms-transition: square-3-third 1s forwards, square-3-third-animate 1s infinite ease-in-out;
animation: square-3-third 1s forwards, square-3-third-animate 1s infinite ease-in-out;
}
@-webkit-keyframes square-3-first-animate {
0% {
-webkit-transform: perspective(100px);
}
50% {
-webkit-transform: perspective(100px) rotateY(-180deg);
}
100% {
-webkit-transform: perspective(100px) rotateY(-180deg) rotateX(-180deg);
}
}
@keyframes square-3-first-animate {
0% {
transform: perspective(100px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(100px) rotateX(0deg) rotateY(0deg);
}
50% {
transform: perspective(100px) rotateX(-180deg) rotateY(0deg);
-webkit-transform: perspective(100px) rotateX(-180deg) rotateY(0deg);
}
100% {
transform: perspective(100px) rotateX(-180deg) rotateY(-180deg);
-webkit-transform: perspective(100px) rotateX(-180deg) rotateY(-180deg);
}
}
@-webkit-keyframes square-3-second {
100% {
width: 100px;
height: 100px;
left: 48px;
top: 48px;
}
}
@keyframes square-3-second {
100% {
width: 100px;
height: 100px;
left: 48px;
top: 48px;
}
}
@-webkit-keyframes square-3-second-animate {
0% {
-webkit-transform: perspective(200px);
}
50% {
-webkit-transform: perspective(200px) rotateY(180deg);
}
100% {
-webkit-transform: perspective(200px) rotateY(180deg) rotateX(180deg);
}
}
@keyframes square-3-second-animate {
0% {
transform: perspective(200px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(200px) rotateX(0deg) rotateY(0deg);
}
50% {
transform: perspective(200px) rotateX(180deg) rotateY(0deg);
-webkit-transform: perspective(200px) rotateX(180deg) rotateY(0deg);
}
100% {
transform: perspective(200px) rotateX(180deg) rotateY(180deg);
-webkit-transform: perspective(200px) rotateX(180deg) rotateY(180deg);
}
}
@-webkit-keyframes square-3-third {
100% {
width: 150px;
height: 150px;
left: 23px;
top: 23px;
}
}
@keyframes square-3-third {
100% {
width: 150px;
height: 150px;
left: 23px;
top: 23px;
}
}
@-webkit-keyframes square-3-third-animate {
0% {
-webkit-transform: perspective(300px);
}
50% {
-webkit-transform: perspective(300px) rotateY(-180deg);
}
100% {
-webkit-transform: perspective(300px) rotateY(-180deg) rotateX(-180deg);
}
}
@keyframes square-3-third-animate {
0% {
transform: perspective(300px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(300px) rotateX(0deg) rotateY(0deg);
}
50% {
transform: perspective(300px) rotateX(-180deg) rotateY(0deg);
-webkit-transform: perspective(300px) rotateX(-180deg) rotateY(0deg);
}
100% {
transform: perspective(300px) rotateX(-180deg) rotateY(-180deg);
-webkit-transform: perspective(300px) rotateX(-180deg) rotateY(-180deg);
}
}
.square-4 .site-loading-center-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 100px;
width: 100px;
margin-top: -50px;
margin-left: -50px;
}
.square-4 .spinner {
width: 25px;
height: 25px;
background-color: rgba(255, 255, 255, 0);
margin-right: auto;
margin-left: auto;
border: 4px solid #ef4a4a;
left: 37px;
top: 37px;
position: absolute;
}
.square-4 #first_spinner {
-webkit-animation: square-4-first 1s infinite;
animation: square-4-first 1s infinite;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.square-4 #second_spinner {
-webkit-animation: square-4-second 1s infinite;
animation: square-4-second 1s infinite;
}
.square-4 #third_spinner {
-webkit-animation: square-4-third 1s infinite;
animation: square-4-third 1s infinite;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.square-4 #forth_spinner {
-webkit-animation: square-4-forth 1s infinite;
animation: square-4-forth 1s infinite;
}
@-webkit-keyframes square-4-first {
0% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
50% {
-ms-transform: translate(150%, 150%) scale(2, 2);
-webkit-transform: translate(150%, 150%) scale(2, 2);
transform: translate(150%, 150%) scale(2, 2);
}
100% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
}
@keyframes square-4-first {
0% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
50% {
-ms-transform: translate(150%, 150%) scale(2, 2);
-webkit-transform: translate(150%, 150%) scale(2, 2);
transform: translate(150%, 150%) scale(2, 2);
}
100% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
}
@-webkit-keyframes square-4-second {
0% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
50% {
-ms-transform: translate(-150%, 150%) scale(2, 2);
-webkit-transform: translate(-150%, 150%) scale(2, 2);
transform: translate(-150%, 150%) scale(2, 2);
}
100% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
}
@keyframes square-4-second {
0% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
50% {
-ms-transform: translate(-150%, 150%) scale(2, 2);
-webkit-transform: translate(-150%, 150%) scale(2, 2);
transform: translate(-150%, 150%) scale(2, 2);
}
100% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
}
@-webkit-keyframes square-4-third {
0% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
50% {
-ms-transform: translate(-150%, -150%) scale(2, 2);
-webkit-transform: translate(-150%, -150%) scale(2, 2);
transform: translate(-150%, -150%) scale(2, 2);
}
100% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
}
@keyframes square-4-third {
0% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
50% {
-ms-transform: translate(-150%, -150%) scale(2, 2);
-webkit-transform: translate(-150%, -150%) scale(2, 2);
transform: translate(-150%, -150%) scale(2, 2);
}
100% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
}
@-webkit-keyframes square-4-forth {
0% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
50% {
-ms-transform: translate(150%, -150%) scale(2, 2);
-webkit-transform: translate(150%, -150%) scale(2, 2);
transform: translate(150%, -150%) scale(2, 2);
}
100% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
}
@keyframes square-4-forth {
0% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
50% {
-ms-transform: translate(150%, -150%) scale(2, 2);
-webkit-transform: translate(150%, -150%) scale(2, 2);
transform: translate(150%, -150%) scale(2, 2);
}
100% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
}
.square-5 .site-loading-center-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 118px;
width: 118px;
margin-top: -59px;
margin-left: -59px;
}
.square-5 .spinner {
width: 20px;
height: 20px;
background-color: #FFF;
margin-right: 20px;
float: left;
margin-bottom: 20px;
}
.square-5 .spinner:nth-child(3n+0) {
margin-right: 0px;
}
.square-5 #spinner_one {
-webkit-animation: square-5 1s -0.9s ease-in-out infinite;
animation: square-5 1s -0.9s ease-in-out infinite;
}
.square-5 #spinner_two {
-webkit-animation: square-5 1s -0.8s ease-in-out infinite;
animation: square-5 1s -0.8s ease-in-out infinite;
}
.square-5 #spinner_three {
-webkit-animation: square-5 1s -0.7s ease-in-out infinite;
animation: square-5 1s -0.7s ease-in-out infinite;
}
.square-5 #spinner_four {
-webkit-animation: square-5 1s -0.6s ease-in-out infinite;
animation: square-5 1s -0.6s ease-in-out infinite;
}
.square-5 #spinner_five {
-webkit-animation: square-5 1s -0.5s ease-in-out infinite;
animation: square-5 1s -0.5s ease-in-out infinite;
}
.square-5 #spinner_six {
-webkit-animation: square-5 1s -0.4s ease-in-out infinite;
animation: square-5 1s -0.4s ease-in-out infinite;
}
.square-5 #spinner_seven {
-webkit-animation: square-5 1s -0.3s ease-in-out infinite;
animation: square-5 1s -0.3s ease-in-out infinite;
}
.square-5 #spinner_eight {
-webkit-animation: square-5 1s -0.2s ease-in-out infinite;
animation: square-5 1s -0.2s ease-in-out infinite;
}
.square-5 #spinner_nine {
-webkit-animation: square-5 1s -0.1s ease-in-out infinite;
animation: square-5 1s -0.1s ease-in-out infinite;
}
@-webkit-keyframes square-5 {
50% {
-ms-transform: scale(1.5, 1.5);
-webkit-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5);
}
100% {
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@keyframes square-5 {
50% {
-ms-transform: scale(1.5, 1.5);
-webkit-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5);
}
100% {
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
.square-6 .site-loading-center-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 118px;
width: 72px;
margin-top: -59px;
margin-left: -36px;
}
.square-6 .spinner {
width: 26px;
height: 26px;
background-color: #FFF;
margin-right: 20px;
float: left;
margin-bottom: 20px;
}
.square-6 .spinner:nth-child(2n+0) {
margin-right: 0;
}
.square-6 #spinner_one {
-webkit-animation: square-6-one 1s infinite;
animation: square-6-one 1s infinite;
}
.square-6 #spinner_two {
-webkit-animation: square-6-two 1s infinite;
animation: square-6-two 1s infinite;
}
.square-6 #spinner_three {
-webkit-animation: square-6-three 1s infinite;
animation: square-6-three 1s infinite;
}
.square-6 #spinner_four {
-webkit-animation: square-6-four 1s infinite;
animation: square-6-four 1s infinite;
}
.square-6 #spinner_five {
-webkit-animation: square-6-five 1s infinite;
animation: square-6-five 1s infinite;
}
.square-6 #spinner_six {
-webkit-animation: square-6-six 1s infinite;
animation: square-6-six 1s infinite;
}
@-webkit-keyframes square-6-one {
50% {
-ms-transform: translate(-100px, 46px) rotate(-179deg);
-webkit-transform: translate(-100px, 46px) rotate(-179deg);
transform: translate(-100px, 46px) rotate(-179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes square-6-one {
50% {
-ms-transform: translate(-100px, 46px) rotate(-179deg);
-webkit-transform: translate(-100px, 46px) rotate(-179deg);
transform: translate(-100px, 46px) rotate(-179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@-webkit-keyframes square-6-two {
50% {
-ms-transform: translate(100px, 46px) rotate(179deg);
-webkit-transform: translate(100px, 46px) rotate(179deg);
transform: translate(100px, 46px) rotate(179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes square-6-two {
50% {
-ms-transform: translate(100px, 46px) rotate(179deg);
-webkit-transform: translate(100px, 46px) rotate(179deg);
transform: translate(100px, 46px) rotate(179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@-webkit-keyframes square-6-three {
50% {
-ms-transform: translate(-100px, 0) rotate(-179deg);
-webkit-transform: translate(-100px, 0) rotate(-179deg);
transform: translate(-100px, 0) rotate(-179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes square-6-three {
50% {
-ms-transform: translate(-100px, 0) rotate(-179deg);
-webkit-transform: translate(-100px, 0) rotate(-179deg);
transform: translate(-100px, 0) rotate(-179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@-webkit-keyframes square-6-four {
50% {
-ms-transform: translate(100px, 0) rotate(179deg);
-webkit-transform: translate(100px, 0) rotate(179deg);
transform: translate(100px, 0) rotate(179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes square-6-four {
50% {
-ms-transform: translate(100px, 0) rotate(179deg);
-webkit-transform: translate(100px, 0) rotate(179deg);
transform: translate(100px, 0) rotate(179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@-webkit-keyframes square-6-five {
50% {
-ms-transform: translate(-100px, -46px) rotate(-179deg);
-webkit-transform: translate(-100px, -46px) rotate(-179deg);
transform: translate(-100px, -46px) rotate(-179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes square-6-five {
50% {
-ms-transform: translate(-100px, -46px) rotate(-179deg);
-webkit-transform: translate(-100px, -46px) rotate(-179deg);
transform: translate(-100px, -46px) rotate(-179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@-webkit-keyframes square-6-six {
50% {
-ms-transform: translate(100px, -46px) rotate(179deg);
-webkit-transform: translate(100px, -46px) rotate(179deg);
transform: translate(100px, -46px) rotate(179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes square-6-six {
50% {
-ms-transform: translate(100px, -46px) rotate(179deg);
-webkit-transform: translate(100px, -46px) rotate(179deg);
transform: translate(100px, -46px) rotate(179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.square-7 .site-loading-center-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 100px;
width: 100px;
margin-top: -50px;
margin-left: -50px;
}
.square-7 .spinner {
width: 25px;
height: 25px;
background-color: #FFF;
margin-right: 50px;
float: left;
margin-bottom: 50px;
}
.square-7 .spinner:nth-child(2n+0) {
margin-right: 0;
}
.square-7 #spinner_one {
-webkit-animation: square-7-one 2s infinite;
animation: square-7-one 2s infinite;
}
.square-7 #spinner_two {
-webkit-animation: square-7-two 2s infinite;
animation: square-7-two 2s infinite;
}
.square-7 #spinner_three {
-webkit-animation: square-7-three 2s infinite;
animation: square-7-three 2s infinite;
}
.square-7 #spinner_four {
-webkit-animation: square-7-four 2s infinite;
animation: square-7-four 2s infinite;
}
@-webkit-keyframes square-7-one {
25% {
-webkit-transform: translate(75px, 0) rotate(-90deg) scale(0.5);
}
50% {
-webkit-transform: translate(75px, 75px) rotate(-180deg);
}
75% {
-webkit-transform: translate(0, 75px) rotate(-270deg) scale(0.5);
}
100% {
-webkit-transform: rotate(-360deg);
}
}
@keyframes square-7-one {
25% {
transform: translate(75px, 0) rotate(-90deg) scale(0.5);
-webkit-transform: translate(75px, 0) rotate(-90deg) scale(0.5);
}
50% {
transform: translate(75px, 75px) rotate(-180deg);
-webkit-transform: translate(75px, 75px) rotate(-180deg);
}
75% {
transform: translate(0, 75px) rotate(-270deg) scale(0.5);
-webkit-transform: translate(0, 75px) rotate(-270deg) scale(0.5);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
@-webkit-keyframes square-7-two {
25% {
-webkit-transform: translate(0, 75px) rotate(-90deg) scale(0.5);
}
50% {
-webkit-transform: translate(-75px, 75px) rotate(-180deg);
}
75% {
-webkit-transform: translate(-75px, 0) rotate(-270deg) scale(0.5);
}
100% {
-webkit-transform: rotate(-360deg);
}
}
@keyframes square-7-two {
25% {
transform: translate(0, 75px) rotate(-90deg) scale(0.5);
-webkit-transform: translate(0, 75px) rotate(-90deg) scale(0.5);
}
50% {
transform: translate(-75px, 75px) rotate(-180deg);
-webkit-transform: translate(-75px, 75px) rotate(-180deg);
}
75% {
transform: translate(-75px, 0) rotate(-270deg) scale(0.5);
-webkit-transform: translate(-75px, 0) rotate(-270deg) scale(0.5);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
@-webkit-keyframes square-7-three {
25% {
-webkit-transform: translate(0, -75px) rotate(-90deg) scale(0.5);
}
50% {
-webkit-transform: translate(75px, -75px) rotate(-180deg);
}
75% {
-webkit-transform: translate(75px, 0) rotate(-270deg) scale(0.5);
}
100% {
-webkit-transform: rotate(-360deg);
}
}
@keyframes square-7-three {
25% {
transform: translate(0, -75px) rotate(-90deg) scale(0.5);
-webkit-transform: translate(0, -75px) rotate(-90deg) scale(0.5);
}
50% {
transform: translate(75px, -75px) rotate(-180deg);
-webkit-transform: translate(75px, -75px) rotate(-180deg);
}
75% {
transform: translate(75px, 0) rotate(-270deg) scale(0.5);
-webkit-transform: translate(75px, 0) rotate(-270deg) scale(0.5);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
@-webkit-keyframes square-7-four {
25% {
-webkit-transform: translate(-75px, 0) rotate(-90deg) scale(0.5);
}
50% {
-webkit-transform: translate(-75px, -75px) rotate(-180deg);
}
75% {
-webkit-transform: translate(0, -75px) rotate(-270deg) scale(0.5);
}
100% {
-webkit-transform: rotate(-360deg);
}
}
@keyframes square-7-four {
25% {
transform: translate(-75px, 0) rotate(-90deg) scale(0.5);
-webkit-transform: translate(-75px, 0) rotate(-90deg) scale(0.5);
}
50% {
transform: translate(-75px, -75px) rotate(-180deg);
-webkit-transform: translate(-75px, -75px) rotate(-180deg);
}
75% {
transform: translate(0, -75px) rotate(-270deg) scale(0.5);
-webkit-transform: translate(0, -75px) rotate(-270deg) scale(0.5);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
.square-8 .site-loading-center-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 50px;
width: 50px;
margin-top: -25px;
margin-left: -25px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-animation: square-8-loading-center-absolute 1.5s infinite;
animation: square-8-loading-center-absolute 1.5s infinite;
}
.square-8 .spinner {
width: 25px;
height: 25px;
background-color: #FFF;
float: left;
}
.square-8 #spinner_one {
-webkit-animation: square-8-one 1.5s infinite;
animation: square-8-one 1.5s infinite;
}
.square-8 #spinner_two {
-webkit-animation: square-8-two 1.5s infinite;
animation: square-8-two 1.5s infinite;
}
.square-8 #spinner_three {
-webkit-animation: square-8-three 1.5s infinite;
animation: square-8-three 1.5s infinite;
}
.square-8 #spinner_four {
-webkit-animation: square-8-four 1.5s infinite;
animation: square-8-four 1.5s infinite;
}
@-webkit-keyframes square-8-loading-center-absolute {
100% {
-webkit-transform: rotate(-45deg);
}
}
@keyframes square-8-loading-center-absolute {
100% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
}
@-webkit-keyframes square-8-one {
25% {
-webkit-transform: translate(0, -50px) rotate(-180deg);
}
100% {
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
@keyframes square-8-one {
25% {
transform: translate(0, -50px) rotate(-180deg);
-webkit-transform: translate(0, -50px) rotate(-180deg);
}
100% {
transform: translate(0, 0) rotate(-180deg);
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
@-webkit-keyframes square-8-two {
25% {
-webkit-transform: translate(50px, 0) rotate(-180deg);
}
100% {
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
@keyframes square-8-two {
25% {
transform: translate(50px, 0) rotate(-180deg);
-webkit-transform: translate(50px, 0) rotate(-180deg);
}
100% {
transform: translate(0, 0) rotate(-180deg);
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
@-webkit-keyframes square-8-three {
25% {
-webkit-transform: translate(-50px, 0) rotate(-180deg);
}
100% {
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
@keyframes square-8-three {
25% {
transform: translate(-50px, 0) rotate(-180deg);
-webkit-transform: translate(-50px, 0) rotate(-180deg);
}
100% {
transform: translate(0, 0) rotate(-180deg);
-webkit-transform: rtranslate(0, 0) rotate(-180deg);
}
}
@-webkit-keyframes square-8-four {
25% {
-webkit-transform: translate(0, 50px) rotate(-180deg);
}
100% {
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
@keyframes square-8-four {
25% {
transform: translate(0, 50px) rotate(-180deg);
-webkit-transform: translate(0, 50px) rotate(-180deg);
}
100% {
transform: translate(0, 0) rotate(-180deg);
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
.square-9 .site-loading-center-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 150px;
width: 150px;
margin-top: -75px;
margin-left: -75px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.square-9 .spinner {
width: 20px;
height: 20px;
background-color: #FFF;
margin-right: 110px;
float: left;
margin-bottom: 110px;
}
.square-9 .spinner:nth-child(2n+0) {
margin-right: 0;
}
.square-9 #spinner_one {
-webkit-animation: square-9-one 2s infinite;
animation: square-9-one 2s infinite;
}
.square-9 #spinner_two {
-webkit-animation: square-9-two 2s infinite;
animation: square-9-two 2s infinite;
}
.square-9 #spinner_three {
-webkit-animation: square-9-three 2s infinite;
animation: square-9-three 2s infinite;
}
.square-9 #spinner_four {
-webkit-animation: square-9-four 2s infinite;
animation: square-9-four 2s infinite;
}
.square-9 #spinner_big {
-webkit-animation: square-9-big 0.5s infinite;
animation: square-9-big 0.5s infinite;
position: absolute;
width: 50px;
height: 50px;
left: 50px;
top: 50px;
}
@-webkit-keyframes square-9-big {
25% {
-webkit-transform: scale(0.5);
}
}
@keyframes square-9-big {
25% {
transform: scale(0.5);
-webkit-transform: scale(0.5);
}
}
@-webkit-keyframes square-9-one {
25% {
-webkit-transform: translate(130px, 0) rotate(-90deg);
}
50% {
-webkit-transform: translate(130px, 130px) rotate(-180deg);
}
75% {
-webkit-transform: translate(0, 130px) rotate(-270deg);
}
100% {
-webkit-transform: rotate(-360deg);
}
}
@keyframes square-9-one {
25% {
transform: translate(130px, 0) rotate(-90deg);
-webkit-transform: translate(130px, 0) rotate(-90deg);
}
50% {
transform: translate(130px, 130px) rotate(-180deg);
-webkit-transform: translate(130px, 130px) rotate(-180deg);
}
75% {
transform: translate(0, 130px) rotate(-270deg);
-webkit-transform: translate(0, 130px) rotate(-270deg);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
@-webkit-keyframes square-9-two {
25% {
-webkit-transform: translate(0, 130px) rotate(-90deg);
}
50% {
-webkit-transform: translate(-130px, 130px) rotate(-180deg);
}
75% {
-webkit-transform: translate(-130px, 0) rotate(-270deg);
}
100% {
-webkit-transform: rotate(-360deg);
}
}
@keyframes square-9-two {
25% {
transform: translate(0, 130px) rotate(-90deg);
-webkit-transform: translate(0, 130px) rotate(-90deg);
}
50% {
transform: translate(-130px, 130px) rotate(-180deg);
-webkit-transform: translate(-130px, 130px) rotate(-180deg);
}
75% {
transform: translate(-130px, 0) rotate(-270deg);
-webkit-transform: translate(-130px, 0) rotate(-270deg);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
@-webkit-keyframes square-9-three {
25% {
-webkit-transform: translate(0, -130px) rotate(-90deg);
}
50% {
-webkit-transform: translate(130px, -130px) rotate(-180deg);
}
75% {
-webkit-transform: translate(130px, 0) rotate(-270deg);
}
100% {
-webkit-transform: rotate(-360deg);
}
}
@keyframes square-9-three {
25% {
transform: translate(0, -130px) rotate(-90deg);
-webkit-transform: translate(0, -130px) rotate(-90deg);
}
50% {
transform: translate(130px, -130px) rotate(-180deg);
-webkit-transform: translate(130px, -130px) rotate(-180deg);
}
75% {
transform: translate(130px, 0) rotate(-270deg);
-webkit-transform: translate(130px, 0) rotate(-270deg);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
@-webkit-keyframes square-9-four {
25% {
-webkit-transform: translate(-130px, 0) rotate(-90deg);
}
50% {
-webkit-transform: translate(-130px, -130px) rotate(-180deg);
}
75% {
-webkit-transform: translate(0, -130px) rotate(-270deg);
}
100% {
-webkit-transform: rotate(-360deg);
}
}
@keyframes square-9-four {
25% {
transform: translate(-130px, 0) rotate(-90deg);
-webkit-transform: translate(-130px, 0) rotate(-90deg);
}
50% {
transform: translate(-130px, -130px) rotate(-180deg);
-webkit-transform: translate(-130px, -130px) rotate(-180deg);
}
75% {
transform: translate(0, -130px) rotate(-270deg);
-webkit-transform: translate(0, -130px) rotate(-270deg);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}    .navbar-nav,
.navbar-nav a,
.navbar-nav ul,
.navbar-nav li,
.navbar-nav div,
.navbar-nav form,
.navbar-nav input {
margin: 0;
padding: 0;
border: none;
outline: none;
}
.navbar-nav a {
text-decoration: none;
}
.navbar-nav {
display: inline-block;
cursor: default;
}
.navbar-nav li {
list-style: none;
}
.navbar-nav > li > a {
position: relative;
display: block;
z-index: 510;
padding: 20px 15px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.navbar-nav > li > a span.yolo_sub_label {
font-size: 11px;
} .navbar-nav li > a:after {
font-family: FontAwesome;
content: ' \f107';
padding-left: 5px;
position: absolute;
right: 15px;
}
.navbar-nav li > a:only-child:after {
content: '';
}
.navbar-nav > li > a:after {
position: relative;
right: auto;
}
span.yolo_sub_label {
font-size: 10px;
font-weight: normal;
color: #eeeeee;
letter-spacing: 0;
line-height: 1;
display: inline-block;
padding: 1px 2px;
vertical-align: baseline;
margin-left: 4px;
border-radius: 2px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
position: relative;
top: -1px;
} .navbar-nav > li.menu_style_column > ul {
-webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
position: absolute;
display: none;
width: 100%;
top: 100%;
left: 0;
opacity: 0;
visibility: hidden;
overflow: hidden;
background-color: #fff;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.navbar-nav > li.menu_style_column:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
.navbar-nav > li.menu_style_column.mega-fullwidth {
position: inherit;
}
.navbar-nav > li.menu_style_column.mega-fullwidth > ul {
left: 0;
width: 100% !important;
}
.navbar-nav > li.menu_style_column.mega-fullwidth.mega-col-columns-2 > ul > li {
float: left;
width: 50%;
}
.navbar-nav > li.menu_style_column.mega-fullwidth.mega-col-columns-3 > ul > li {
float: left;
width: 33.3333333%;
}
.navbar-nav > li.menu_style_column.mega-fullwidth.mega-col-columns-4 > ul > li {
float: left;
width: 25%;
}
.navbar-nav > li.menu_style_column.mega-fullwidth.mega-col-columns-5 > ul > li {
float: left;
width: 20%;
}
.navbar-nav > li.menu_style_column.mega-fullwidth.mega-col-columns-6 > ul > li {
float: left;
width: 16.6666666%;
}
.navbar-nav > li.menu_style_column {
position: relative;
}
.navbar-nav > li.menu_style_column > ul {
left: 0;
width: auto;
}
.navbar-nav > li.menu_style_column > ul > li {
width: 250px;
}
.navbar-nav > li.menu_style_column.mega-col-columns-2 > ul {
width: 500px;
}
.navbar-nav > li.menu_style_column.mega-col-columns-2 > ul > li {
float: left;
}
.navbar-nav > li.menu_style_column.mega-col-columns-3 > ul {
width: 750px;
}
.navbar-nav > li.menu_style_column.mega-col-columns-3 > ul > li {
float: left;
}
.navbar-nav > li.menu_style_column.mega-col-columns-4 > ul {
width: 1000px;
}
.navbar-nav > li.menu_style_column.mega-col-columns-4 > ul > li {
float: left;
}
.navbar-nav > li.menu_style_column.mega-col-columns-5 > ul {
width: 1250px;
}
.navbar-nav > li.menu_style_column.mega-col-columns-5 > ul > li {
float: left;
}
.navbar-nav > li.menu_style_column.mega-col-columns-6 > ul {
width: 1500px;
}
.navbar-nav > li.menu_style_column.mega-col-columns-6 > ul > li {
float: left;
} .navbar-nav > li.menu_style_dropdown {
z-index: 9999;
}
.navbar-nav > li.menu_style_dropdown > a > i {
line-height: 20px;
}
.navbar-nav > li.menu_style_dropdown > a > i.left {
padding-right: 10px;
float: left;
}
.navbar-nav > li.menu_style_dropdown > a > i.center {
padding-left: 10px;
padding-right: 10px;
}
.navbar-nav > li.menu_style_dropdown > a > i.right {
padding-left: 10px;
padding-right: 10px;
float: right;
}
.navbar-nav > li.menu_style_dropdown > a > span {
font-size: 9px;
line-height: 14px;
position: relative;
top: -2px;
margin-left: 5px;
color: #fff;
padding: 0 5px;
display: inline-block;
}
.navbar-nav > li.menu_style_dropdown > ul {
position: absolute;
display: none;
top: 100%;
opacity: 0;
visibility: hidden;
overflow: hidden;
background-color: #fff;
-webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
z-index: 99999;
}
.navbar-nav > li.menu_style_dropdown > ul > li {
min-width: 250px;
float: none;
display: list-item;
position: relative;
display: block;
border-bottom: 1px solid #ddd;
}
.navbar-nav > li.menu_style_dropdown > ul > li:last-child {
border-bottom: none;
}
.navbar-nav > li.menu_style_dropdown > ul > li a {
padding-left: 20px !important;
}
.navbar-nav > li.menu_style_dropdown > ul > li a > i {
line-height: 25px;
}
.navbar-nav > li.menu_style_dropdown > ul > li a > i.left {
padding-right: 10px;
float: left;
}
.navbar-nav > li.menu_style_dropdown > ul > li a > i.center {
padding-left: 10px;
padding-right: 10px;
}
.navbar-nav > li.menu_style_dropdown > ul > li a > i.right {
padding-left: 10px;
padding-right: 10px;
float: right;
}
.navbar-nav > li.menu_style_dropdown > ul > li a > span {
font-size: 9px;
line-height: 12px;
position: relative;
top: -2px;
margin-left: 5px;
color: #fff;
padding: 0 5px;
display: inline-block;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul {
-webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
position: absolute;
top: 0;
left: 90%;
display: none;
opacity: 0;
background-color: #fff;
visibility: hidden;
overflow: hidden;
z-index: 1;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li {
text-align: left;
min-width: 250px;
float: none;
display: list-item;
position: relative;
border-bottom: 1px solid #ddd;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li:last-child {
border-bottom: none;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > i {
line-height: 25px;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > i.left {
padding-right: 10px;
float: left;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > i.center {
padding-left: 10px;
padding-right: 10px;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > i.right {
padding-left: 10px;
padding-right: 10px;
float: right;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > span {
font-size: 10px;
line-height: 18px;
position: relative;
top: -2px;
margin-left: 5px;
color: #fff;
padding: 0 5px;
display: inline-block;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul {
-webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
position: absolute;
top: 0;
left: 90%;
display: none;
opacity: 0;
background-color: #fff;
visibility: hidden;
overflow: hidden;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
z-index: 1;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li {
min-width: 250px;
float: none;
display: list-item;
position: relative;
border-bottom: 1px solid #ddd;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li:last-child {
border-bottom: none;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > i {
line-height: 25px;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > i.left {
padding-right: 10px;
float: left;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > i.center {
padding-left: 10px;
padding-right: 10px;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > i.right {
padding-left: 10px;
padding-right: 10px;
float: right;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > span {
font-size: 10px;
line-height: 18px;
position: relative;
top: -2px;
margin-left: 5px;
color: #fff;
padding: 0 5px;
display: inline-block;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul {
-webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
position: absolute;
top: 0;
left: 90%;
display: none;
opacity: 0;
background-color: #fff;
visibility: hidden;
overflow: hidden;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
z-index: 1;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li {
min-width: 250px;
float: none;
display: list-item;
position: relative;
border-bottom: 1px solid #ddd;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li:last-child {
border-bottom: none;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > i {
line-height: 25px;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > i.left {
padding-right: 10px;
float: left;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > i.center {
padding-left: 10px;
padding-right: 10px;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > i.right {
padding-left: 10px;
padding-right: 10px;
float: right;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > span {
font-size: 10px;
line-height: 18px;
position: relative;
top: -2px;
margin-left: 5px;
color: #fff;
padding: 0 5px;
display: inline-block;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul {
-webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
position: absolute;
top: 0;
left: 90%;
display: none;
opacity: 0;
background-color: #fff;
visibility: hidden;
overflow: hidden;
z-index: 1;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li {
min-width: 250px;
float: none;
display: list-item;
position: relative;
border-bottom: 1px solid #ddd;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li:last-child {
border-bottom: none;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > i {
line-height: 25px;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > i.left {
padding-right: 10px;
float: left;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > i.center {
padding-left: 10px;
padding-right: 10px;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > i.right {
padding-left: 10px;
padding-right: 10px;
float: right;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > span {
font-size: 10px;
line-height: 18px;
position: relative;
top: -2px;
margin-left: 5px;
color: #fff;
padding: 0 5px;
display: inline-block;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul {
-webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
position: absolute;
top: 0;
left: 90%;
display: none;
opacity: 0;
background-color: #fff;
visibility: hidden;
overflow: hidden;
z-index: 1;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li {
min-width: 250px;
float: none;
display: list-item;
position: relative;
border-bottom: 1px solid #ddd;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:last-child {
border-bottom: none;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > i {
line-height: 25px;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > i.left {
padding-right: 10px;
float: left;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > i.center {
padding-left: 10px;
padding-right: 10px;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > i.right {
padding-left: 10px;
padding-right: 10px;
float: right;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > span {
font-size: 10px;
line-height: 18px;
position: relative;
top: -2px;
margin-left: 5px;
color: #fff;
padding: 0 5px;
display: inline-block;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul {
position: absolute;
top: 0;
left: 90%;
display: none;
opacity: 0;
background-color: #fff;
visibility: hidden;
overflow: hidden;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
z-index: 1;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
.navbar-nav > li.menu_style_dropdown > ul > li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
} .navbar-nav > li.menu_style_dropdown:hover > ul {
opacity: 1;
display: block;
visibility: visible;
overflow: visible;
} .navbar-nav > li.menu_style_tab > ul {
-webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
position: absolute;
display: none;
width: 100%;
top: 100%;
left: 0;
opacity: 0;
visibility: hidden;
overflow: hidden;
background-color: var(--menu_sub_bg_color);
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.navbar-nav > li.menu_style_tab > ul:after {
content: '';
position: absolute;
left: 25%;
width: 1px;
top: 0;
bottom: 0;
background-color: #ddd;
}
.navbar-nav > li.menu_style_tab > ul > li {
display: block;
width: 25%;
position: static;
clear: none;
border-bottom: 1px solid #ddd;
}
.navbar-nav > li.menu_style_tab > ul > li:hover a:before,
.navbar-nav > li.menu_style_tab > ul > li.active a:before {
height: 100%;
}
.navbar-nav > li.menu_style_tab > ul > li > a {
padding: 15px 20px;
display: block;
position: relative;
text-transform: uppercase;
font-weight: 700;
}
.navbar-nav > li.menu_style_tab > ul > li > a:after {
content: '';
}
.navbar-nav > li.menu_style_tab > ul > li > a:before {
content: '';
position: absolute;
height: 0;
width: 2px;
top: 0;
left: 0;
background-color: var(--primary_color);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.navbar-nav > li.menu_style_tab > ul > li.active > a {
color: var(--primary_color);
}
.navbar-nav > li.menu_style_tab > ul > li ul.social-profile > li a i {
padding-right: 10px;
}
.navbar-nav > li.menu_style_tab > ul > li .yolo_megamenu_widget_area,
.navbar-nav > li.menu_style_tab > ul > li ul {
padding: 20px 20px;
opacity: 0;
visibility: hidden;
position: absolute;
width: auto;
height: auto;
left: 25%;
top: 100%;
right: 0;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.navbar-nav > li.menu_style_tab > ul > li .yolo_megamenu_widget_area.columns-1 section,
.navbar-nav > li.menu_style_tab > ul > li ul.columns-1 section {
width: 100%;
}
.navbar-nav > li.menu_style_tab > ul > li .yolo_megamenu_widget_area.columns-2 section,
.navbar-nav > li.menu_style_tab > ul > li ul.columns-2 section {
width: 50%;
float: left;
}
.navbar-nav > li.menu_style_tab > ul > li .yolo_megamenu_widget_area.columns-3 section,
.navbar-nav > li.menu_style_tab > ul > li ul.columns-3 section {
width: 33.3333%;
float: left;
}
.navbar-nav > li.menu_style_tab > ul > li .yolo_megamenu_widget_area.columns-4 section,
.navbar-nav > li.menu_style_tab > ul > li ul.columns-4 section {
width: 25%;
float: left;
}
.navbar-nav > li.menu_style_tab > ul > li.active .yolo_megamenu_widget_area,
.navbar-nav > li.menu_style_tab > ul > li.active ul {
opacity: 1;
visibility: visible;
top: 0;
}
.navbar-nav > li.menu_style_tab:hover > ul {
display: block;
opacity: 1;
visibility: visible;
} .yolo-nav-mobile-menu li {
list-style-type: none;
}
.yolo-nav-mobile-menu li > ul.sub-menu {
display: none;
}
.yolo_widget_area > .yolo_megamenu_widget_area section {
position: relative;
}
.yolo_widget_area > .yolo_megamenu_widget_area section:hover .widget-title-wrapper h3 {
color: var(--primary_color);
}
.yolo_widget_area > .yolo_megamenu_widget_area section .widget-title-wrapper {
margin: 0;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .widget-title-wrapper h3 {
position: relative;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
margin: 0;
padding-top: 20px;
padding-bottom: 20px;
text-align: left;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .widget-title-wrapper h3:before {
content: '';
background-color: var(--primary_color);
position: absolute;
bottom: 0;
left: 0px;
height: 2px;
width: 46px;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .product_list_widget {
width: 100%;
left: 0;
padding: 0;
padding-top: 10px;
padding-bottom: 10px;
position: relative;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .product_list_widget span.product-title {
display: block;
font-size: 14px;
font-weight: bold;
color: var(--headings_color);
line-height: 1.3em;
margin-top: 10px;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .product_list_widget > li {
padding: 15px;
color: #333;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
border-bottom: 1px solid #ddd;
position: relative;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .product_list_widget > li:before {
display: block;
position: absolute;
content: '';
top: 0;
left: -2px;
right: 0;
bottom: 0;
width: 2px;
height: 100%;
background: var(--primary_color);
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .product_list_widget > li del {
color: var(--secondary_color);
}
.yolo_widget_area > .yolo_megamenu_widget_area section .product_list_widget > li ins {
padding-left: 10px;
color: var(--secondary_color);
text-decoration: none;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .product_list_widget > li:last-child {
border: none;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .product_list_widget > li:hover {
-webkit-transform: translate3d(3px, 0, 0);
transform: translate3d(3px, 0, 0);
}
.yolo_widget_area > .yolo_megamenu_widget_area section .product_list_widget > li:hover:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.yolo_widget_area > .yolo_megamenu_widget_area section .product_list_widget > li a img {
width: 33.33%;
max-width: 85px;
float: left;
margin: 0;
padding-right: 10px;
margin-top: -10px;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .product_list_widget > li a:after {
content: '';
}
.yolo_widget_area > .yolo_megamenu_widget_area section .product_list_widget > li .star-rating {
margin: 10px 0 5px;
text-align: left;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .product_list_widget > li .star-rating:before {
left: 0;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.yolo_megamenu_widget_area ul.instagram-pics {
list-style: none;
margin: 0;
padding: 0;
font-size: 0;
}
.yolo_megamenu_widget_area ul.instagram-pics li {
display: inline-block;
padding: 0;
margin: 0;
}
.yolo_megamenu_widget_area ul.instagram-pics a {
display: block;
position: relative;
overflow: hidden;
}
.yolo_megamenu_widget_area ul.instagram-pics a:before {
content: "";
position: absolute;
width: 101%;
height: 101%;
background-color: rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
opacity: 0;
}
.yolo_megamenu_widget_area ul.instagram-pics a:hover:before {
opacity: 1;
}
.yolo_megamenu_widget_area .instagram-col-2 ul.instagram-pics li {
width: 50%;
}
.yolo_megamenu_widget_area .instagram-col-3 ul.instagram-pics li {
width: 33.33333333%;
}
.yolo_megamenu_widget_area .instagram-col-4 ul.instagram-pics li {
width: 25%;
}
.yolo_megamenu_widget_area .instagram-col-6 ul.instagram-pics li {
width: 16.66666667%;
}
.yolo_megamenu_widget_area .instagram-col-8 ul.instagram-pics li {
width: 12.5%;
}
.yolo_megamenu_widget_area .padding-2 ul.instagram-pics {
margin-left: -2px;
margin-right: -2px;
margin-top: -2px;
padding: 15px 15px 50px 0;
}
.yolo_megamenu_widget_area .padding-2 ul.instagram-pics li {
padding: 4px;
}
.yolo_megamenu_widget_area .padding-3 ul.instagram-pics {
margin-left: -3px;
margin-right: -3px;
margin-top: -3px;
padding: 15px 15px 50px 0;
}
.yolo_megamenu_widget_area .padding-3 ul.instagram-pics li {
padding: 3px;
}
.yolo_megamenu_widget_area .padding-4 ul.instagram-pics {
margin-left: -4px;
margin-right: -4px;
margin-top: -4px;
padding: 15px 15px 50px 0;
}
.yolo_megamenu_widget_area .padding-4 ul.instagram-pics li {
padding: 4px;
}
.yolo_megamenu_widget_area .title-center .widget-title {
text-align: center;
}
.yolo_megamenu_widget_area ul.instagram-pics + p {
margin: 0;
font-size: 13px;
font-style: italic;
letter-spacing: 0.02em;
}
.yolo_megamenu_widget_area .widget-text-center {
text-align: center;
}
.menu-wrapper #main-menu > li:first-child > a {
padding-left: 0;
}
.menu-wrapper #main-menu li.menu_style_dropdown .sub-menu {
text-align: left;
z-index: 99;
}
.menu-wrapper #main-menu li.menu_style_dropdown .sub-menu li {
position: relative;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.menu-wrapper #main-menu li.menu_style_dropdown .sub-menu li:before {
position: absolute;
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 2px;
height: 100%;
background: var(--primary_color);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.menu-wrapper #main-menu li.menu_style_dropdown .sub-menu li:hover {
padding-left: 5px;
}
.menu-wrapper #main-menu li.menu_style_dropdown .sub-menu li:hover:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.menu-wrapper #main-menu li.menu_style_dropdown .sub-menu li a {
position: relative;
display: block;
padding: 10px 20px;
}
.menu-wrapper #main-menu li.menu_style_column > .sub-menu {
padding: 40px 0px;
}
.menu-wrapper #main-menu li.menu_style_column > .sub-menu > li {
border-left: 2px solid #ddd;
}
.menu-wrapper #main-menu li.menu_style_column > .sub-menu > li:first-child {
border: none;
padding-left: 2px;
}
.menu-wrapper #main-menu li.menu_style_column > .sub-menu > li > a {
position: relative;
display: block;
padding: 0 20px 15px 20px !important;
margin-bottom: 20px;
color: var(--menu_sub_text_color);
font-family: var(--secondary_font);
font-weight: 700;
text-transform: uppercase;
}
.menu-wrapper #main-menu li.menu_style_column > .sub-menu > li > a:hover {
color: var(--primary_color);
}
.menu-wrapper #main-menu li.menu_style_column > .sub-menu > li > a:after {
content: '';
background-color: var(--primary_color);
position: absolute;
bottom: 0;
left: 20px;
height: 2px;
width: 46px;
}
.menu-wrapper #main-menu li.menu_style_column > .sub-menu > li ul li:before {
width: 2px;
left: -2px;
}
.menu-wrapper #main-menu li.menu_style_column > .sub-menu > li ul li a {
padding: 10px 20px !important;
}
.menu-wrapper #main-menu li.menu_style_column > .sub-menu > li .yolo_megamenu_widget_area > .widget-social-profile > span {
padding: 10px 20px;
display: block;
}
.menu-wrapper #main-menu li.menu_style_column > .sub-menu > li .yolo_megamenu_widget_area > .widget-social-profile ul li i {
padding-right: 10px;
} .yolo_widget_area .tagcloud {
font-size: 0;
margin-top: 20px;
}
.yolo_widget_area .tagcloud a {
color: var(--secondary_color) !important;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
display: inline-block;
padding: 7px 10px;
margin-bottom: 10px;
margin-right: 10px;
line-height: 1;
font-size: 14px;
border: 1px solid #ddd;
font-weight: 500;
}
.yolo_widget_area .tagcloud a:last-child {
margin-right: 0;
}
.yolo_widget_area .tagcloud a:hover {
color: #fff !important;
text-decoration: none;
background-color: var(--primary_color) !important;
border-color: var(--primary_color);
} .overlay-bg-vc-wapper {
position: relative;
}
.yolo_parallax_effect {
background-attachment: fixed;
}
.overlay-bg-vc {
position: absolute !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.fullwidth {
width: 100%;
overflow: hidden;
}
.fullwidth:before,
.fullwidth:after {
content: "";
display: table;
}
.fullwidth:after {
clear: both;
}
.content-middle {
display: table;
width: 100%;
}
.content-middle-inner {
display: table-cell;
vertical-align: middle;
width: 100%;
}
#yolo-content-wrapper .wpb_row,
#yolo-content-wrapper .wpb_content_element,
#yolo-content-wrapper ul.wpb_thumbnails-fluid > li,
#yolo-content-wrapper .last_toggle_el_margin,
#yolo-content-wrapper .wpb_button {
margin-bottom: 0;
}
.vc_separator .vc_sep_holder {
padding-bottom: 1px;
}
.no-border {
border: 0 !important;
}
.no-padding {
padding: 0;
}
.no-padding-vc div[class*=vc_col-] {
padding-left: 0 !important;
padding-right: 0 !important;
}
.no-margin-vc {
margin-left: 0 !important;
margin-right: 0 !important;
}
.height-auto {
height: auto !important;
}
.bg-content-box {
background-clip: content-box;
}
.bg-column {
background-clip: content-box;
background-size: contain;
background-position: center;
}
.margin-bottom-5 {
margin-bottom: 5px !important;
}
.margin-bottom-10 {
margin-bottom: 10px !important;
}
.margin-bottom-15 {
margin-bottom: 15px !important;
}
.margin-top-5 {
margin-top: 5px !important;
}
.margin-top-10 {
margin-top: 10px !important;
}
.margin-top-15 {
margin-top: 15px;
}
@media screen and (max-width: 991px) {
.margin-bottom-20,
.margin-bottom-25,
.margin-bottom-30,
.margin-bottom-35 {
margin-bottom: 15px !important;
}
.margin-bottom-40 {
margin-bottom: 20px !important;
}
.margin-bottom-45 {
margin-bottom: 25px !important;
}
.margin-bottom-50 {
margin-bottom: 30px !important;
}
.margin-bottom-55 {
margin-bottom: 35px !important;
}
.margin-bottom-60 {
margin-bottom: 40px !important;
}
.margin-bottom-65 {
margin-bottom: 45px !important;
}
.margin-bottom-70 {
margin-bottom: 50px !important;
}
.margin-bottom-75 {
margin-bottom: 55px !important;
}
.margin-bottom-80 {
margin-bottom: 60px !important;
}
.margin-bottom-85 {
margin-bottom: 65px !important;
}
.margin-bottom-90 {
margin-bottom: 70px !important;
}
.margin-bottom-95 {
margin-bottom: 75px !important;
}
.margin-bottom-100 {
margin-bottom: 80px !important;
}
.margin-top-20,
.margin-top-25,
.margin-top-30,
.margin-top-35 {
margin-top: 15px !important;
}
.margin-top-40 {
margin-top: 20px !important;
}
.margin-top-45 {
margin-top: 25px !important;
}
.margin-top-50 {
margin-top: 30px !important;
}
.margin-top-55 {
margin-top: 35px !important;
}
.margin-top-60 {
margin-top: 40px !important;
}
.margin-top-65 {
margin-top: 45px !important;
}
.margin-top-70 {
margin-top: 50px !important;
}
.margin-top-75 {
margin-top: 55px !important;
}
.margin-top-80 {
margin-top: 60px !important;
}
.margin-top-85 {
margin-top: 65px !important;
}
.margin-top-90 {
margin-top: 70px !important;
}
.margin-top-95 {
margin-top: 75px !important;
}
.margin-top-100 {
margin-top: 80px !important;
}
}
@media screen and (max-width: 480px) {
.margin-bottom-20,
.margin-bottom-25,
.margin-bottom-30,
.margin-bottom-35,
.margin-bottom-40,
.margin-bottom-45 {
margin-bottom: 15px !important;
}
.margin-bottom-50 {
margin-bottom: 20px !important;
}
.margin-bottom-55 {
margin-bottom: 25px !important;
}
.margin-bottom-60 {
margin-bottom: 30px !important;
}
.margin-bottom-65 {
margin-bottom: 35px !important;
}
.margin-bottom-70 {
margin-bottom: 40px !important;
}
.margin-bottom-75 {
margin-bottom: 45px !important;
}
.margin-bottom-80 {
margin-bottom: 50px !important;
}
.margin-bottom-85 {
margin-bottom: 55px !important;
}
.margin-bottom-90 {
margin-bottom: 60px !important;
}
.margin-bottom-95 {
margin-bottom: 65px !important;
}
.margin-bottom-100 {
margin-bottom: 70px !important;
}
.margin-bottom-105 {
margin-bottom: 75px !important;
}
.margin-bottom-110 {
margin-bottom: 80px !important;
}
.margin-bottom-115 {
margin-bottom: 85px !important;
}
.margin-bottom-120 {
margin-bottom: 90px !important;
}
.margin-top-20,
.margin-top-25,
.margin-top-30,
.margin-top-35,
.margin-top-40,
.margin-top-45 {
margin-top: 15px !important;
}
.margin-top-50 {
margin-top: 20px !important;
}
.margin-top-55 {
margin-top: 25px !important;
}
.margin-top-60 {
margin-top: 30px !important;
}
.margin-top-65 {
margin-top: 35px !important;
}
.margin-top-70 {
margin-top: 40px !important;
}
.margin-top-75 {
margin-top: 45px !important;
}
.margin-top-80 {
margin-top: 50px !important;
}
.margin-top-85 {
margin-top: 55px !important;
}
.margin-top-90 {
margin-top: 60px !important;
}
.margin-top-95 {
margin-top: 65px !important;
}
.margin-top-100 {
margin-top: 70px !important;
}
.margin-top-105 {
margin-top: 75px !important;
}
.margin-top-110 {
margin-top: 80px !important;
}
.margin-top-115 {
margin-top: 85px !important;
}
.margin-top-120 {
margin-top: 90px !important;
}
}
@media screen and (min-width: 992px) {
.margin-bottom-20 {
margin-bottom: 20px !important;
}
.margin-bottom-25 {
margin-bottom: 25px !important;
}
.margin-bottom-30 {
margin-bottom: 30px !important;
}
.margin-bottom-35 {
margin-bottom: 35px !important;
}
.margin-bottom-40 {
margin-bottom: 40px !important;
}
.margin-bottom-45 {
margin-bottom: 45px !important;
}
.margin-bottom-50 {
margin-bottom: 50px !important;
}
.margin-bottom-55 {
margin-bottom: 55px !important;
}
.margin-bottom-60 {
margin-bottom: 60px !important;
}
.margin-bottom-65 {
margin-bottom: 65px !important;
}
.margin-bottom-70 {
margin-bottom: 70px !important;
}
.margin-bottom-75 {
margin-bottom: 75px !important;
}
.margin-bottom-80 {
margin-bottom: 80px !important;
}
.margin-bottom-85 {
margin-bottom: 85px !important;
}
.margin-bottom-90 {
margin-bottom: 90px !important;
}
.margin-bottom-95 {
margin-bottom: 95px !important;
}
.margin-bottom-100 {
margin-bottom: 100px !important;
}
.margin-bottom-105 {
margin-bottom: 105px !important;
}
.margin-bottom-110 {
margin-bottom: 110px !important;
}
.margin-bottom-115 {
margin-bottom: 115px !important;
}
.margin-bottom-120 {
margin-bottom: 120px !important;
}
.margin-top-20 {
margin-top: 20px !important;
}
.margin-top-25 {
margin-top: 25px !important;
}
.margin-top-30 {
margin-top: 30px !important;
}
.margin-top-35 {
margin-top: 35px !important;
}
.margin-top-40 {
margin-top: 40px !important;
}
.margin-top-45 {
margin-top: 45px !important;
}
.margin-top-50 {
margin-top: 50px !important;
}
.margin-top-55 {
margin-top: 55px !important;
}
.margin-top-60 {
margin-top: 60px !important;
}
.margin-top-65 {
margin-top: 65px !important;
}
.margin-top-70 {
margin-top: 70px !important;
}
.margin-top-75 {
margin-top: 75px !important;
}
.margin-top-80 {
margin-top: 80px !important;
}
.margin-top-85 {
margin-top: 85px !important;
}
.margin-top-90 {
margin-top: 90px !important;
}
.margin-top-95 {
margin-top: 95px !important;
}
.margin-top-100 {
margin-top: 100px !important;
}
.margin-top-105 {
margin-top: 105px !important;
}
.margin-top-110 {
margin-top: 110px !important;
}
.margin-top-115 {
margin-top: 115px !important;
}
.margin-top-120 {
margin-top: 120px !important;
}
}
.height-1000 {
height: 1000px;
}
.height-900 {
height: 900px;
}
.height-800 {
height: 800px;
}
.height-700 {
height: 700px;
}
.height-600 {
height: 600px;
}
.height-500 {
height: 500px;
}
.height-400 {
height: 400px;
}
.height-300 {
height: 300px;
}
.height-200 {
height: 200px;
}
.height-100 {
height: 100px;
}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-15 {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-15 {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-15 {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.md-padding-right-100 {
padding-right: 100px;
}
.md-padding-left-100 {
padding-left: 100px;
}
}
@media (max-width: 1199px) {
.md-margin-bottom-15 {
margin-bottom: 15px !important;
}
.md-margin-bottom-30 {
margin-bottom: 30px !important;
}
.md-margin-bottom-40 {
margin-bottom: 40px !important;
}
.md-margin-bottom-50 {
margin-bottom: 50px !important;
}
}
@media (max-width: 991px) {
.sm-margin-bottom-15 {
margin-bottom: 15px !important;
}
.sm-margin-bottom-30 {
margin-bottom: 30px !important;
}
.sm-margin-bottom-40 {
margin-bottom: 40px !important;
}
.sm-margin-bottom-50 {
margin-bottom: 50px !important;
}
.sm-height-1000 {
height: 1000px;
}
.sm-height-900 {
height: 900px;
}
.sm-height-800 {
height: 800px;
}
.sm-height-700 {
height: 700px;
}
.sm-height-600 {
height: 600px;
}
.sm-height-500 {
height: 500px;
}
.sm-height-400 {
height: 400px;
}
.sm-height-300 {
height: 300px;
}
.sm-height-200 {
height: 200px;
}
.sm-height-100 {
height: 100px;
}
}
@media (max-width: 767px) {
.xs-margin-bottom-15 {
margin-bottom: 15px !important;
}
.xs-margin-bottom-30 {
margin-bottom: 30px !important;
}
.xs-margin-bottom-40 {
margin-bottom: 40px !important;
}
.xs-margin-bottom-50 {
margin-bottom: 50px !important;
}
.xs-height-1000 {
height: 1000px;
}
.xs-height-900 {
height: 900px;
}
.xs-height-800 {
height: 800px;
}
.xs-height-700 {
height: 700px;
}
.xs-height-600 {
height: 600px;
}
.xs-height-500 {
height: 500px;
}
.xs-height-400 {
height: 400px;
}
.xs-height-300 {
height: 300px;
}
.xs-height-200 {
height: 200px;
}
.xs-height-100 {
height: 100px;
}
}
.text-left-xs-center {
text-align: left;
}
.text-right-xs-center {
text-align: right;
}
@media (max-width: 767px) {
.text-left-xs-center {
text-align: center;
}
.text-right-xs-center {
text-align: center;
}
}
.vc-content-middle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
} @-webkit-keyframes yolo_bounce {
0%,
20%,
53%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
40%,
43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes yolo_bounce {
0%,
20%,
53%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
40%,
43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.wpb_start_animation.wpb_bounce {
-webkit-animation-name: yolo_bounce;
animation-name: yolo_bounce;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes yolo_flash {
0%,
50%,
100% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes yolo_flash {
0%,
50%,
100% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.wpb_start_animation.wpb_flash {
-webkit-animation-name: yolo_flash;
animation-name: yolo_flash;
}
@-webkit-keyframes yolo_pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
opacity: 1;
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
}
@keyframes yolo_pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
opacity: 1;
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
}
.wpb_start_animation.wpb_pulse {
-webkit-animation-name: yolo_pulse;
animation-name: yolo_pulse;
}
@-webkit-keyframes yolo_rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
opacity: 1;
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
opacity: 1;
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
opacity: 1;
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
opacity: 1;
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
opacity: 1;
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
}
@keyframes yolo_rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
opacity: 1;
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
opacity: 1;
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
opacity: 1;
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
opacity: 1;
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
opacity: 1;
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
}
.wpb_start_animation.wpb_rubberBand {
-webkit-animation-name: yolo_rubberBand;
animation-name: yolo_rubberBand;
}
@-webkit-keyframes yolo_shake {
0%,
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes yolo_shake {
0%,
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.wpb_start_animation.wpb_shake {
-webkit-animation-name: yolo_shake;
animation-name: yolo_shake;
}
@-webkit-keyframes yolo_swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
opacity: 1;
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
opacity: 1;
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
opacity: 1;
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
opacity: 1;
}
}
@keyframes yolo_swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
opacity: 1;
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
opacity: 1;
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
opacity: 1;
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
opacity: 1;
}
}
.wpb_start_animation.wpb_swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: yolo_swing;
animation-name: yolo_swing;
}
@-webkit-keyframes yolo_tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
opacity: 1;
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
opacity: 1;
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
opacity: 1;
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
}
@keyframes yolo_tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
opacity: 1;
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
opacity: 1;
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
opacity: 1;
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
}
.wpb_start_animation.wpb_tada {
-webkit-animation-name: yolo_tada;
animation-name: yolo_tada;
}
@-webkit-keyframes yolo_wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
opacity: 1;
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
opacity: 1;
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
opacity: 1;
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
opacity: 1;
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes yolo_wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.wpb_start_animation.wpb_wobble {
-webkit-animation-name: yolo_wobble;
animation-name: yolo_wobble;
}
@-webkit-keyframes yolo_bounceIn {
0%,
20%,
40%,
60%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes yolo_bounceIn {
0%,
20%,
40%,
60%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.wpb_start_animation.wpb_bounceIn {
-webkit-animation-name: yolo_bounceIn;
animation-name: yolo_bounceIn;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
}
@-webkit-keyframes yolo_bounceInDown {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes yolo_bounceInDown {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.wpb_start_animation.wpb_bounceInDown {
-webkit-animation-name: yolo_bounceInDown;
animation-name: yolo_bounceInDown;
}
@-webkit-keyframes yolo_bounceInLeft {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes yolo_bounceInLeft {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.wpb_start_animation.wpb_bounceInLeft {
-webkit-animation-name: yolo_bounceInLeft;
animation-name: yolo_bounceInLeft;
}
@-webkit-keyframes yolo_bounceInRight {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes yolo_bounceInRight {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.wpb_start_animation.wpb_bounceInRight {
-webkit-animation-name: yolo_bounceInRight;
animation-name: yolo_bounceInRight;
}
@-webkit-keyframes yolo_bounceInUp {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes yolo_bounceInUp {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.wpb_start_animation.wpb_bounceInUp {
-webkit-animation-name: yolo_bounceInUp;
animation-name: yolo_bounceInUp;
}
@-webkit-keyframes yolo_fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes yolo_fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.wpb_start_animation.wpb_fadeIn {
-webkit-animation-name: yolo_fadeIn;
animation-name: yolo_fadeIn;
}
@-webkit-keyframes yolo_fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes yolo_fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.wpb_start_animation.wpb_fadeInDown {
-webkit-animation-name: yolo_fadeInDown;
animation-name: yolo_fadeInDown;
}
@-webkit-keyframes yolo_fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes yolo_fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.wpb_start_animation.wpb_fadeInLeft {
-webkit-animation-name: yolo_fadeInLeft;
animation-name: yolo_fadeInLeft;
}
@-webkit-keyframes yolo_fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes yolo_fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.wpb_start_animation.wpb_fadeInRight {
-webkit-animation-name: yolo_fadeInRight;
animation-name: yolo_fadeInRight;
}
@-webkit-keyframes yolo_fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes yolo_fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.wpb_start_animation.wpb_fadeInUp {
-webkit-animation-name: yolo_fadeInUp;
animation-name: yolo_fadeInUp;
}
@-webkit-keyframes yolo_flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
opacity: 1;
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes yolo_flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
opacity: 1;
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.wpb_start_animation.wpb_flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: yolo_flipInX;
animation-name: yolo_flipInX;
}
@-webkit-keyframes yolo_flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
opacity: 1;
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
opacity: 1;
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes yolo_flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
opacity: 1;
}
}
.wpb_start_animation.wpb_flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: yolo_flipInY;
animation-name: yolo_flipInY;
}
@-webkit-keyframes yolo_zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@keyframes yolo_zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
100% {
opacity: 1;
}
}
.wpb_start_animation.wpb_zoomIn {
-webkit-animation-name: yolo_zoomIn;
animation-name: yolo_zoomIn;
}
.wpb_start_animation.wpb_fadeIn.yolo-css-animation,
.wpb_start_animation.wpb_fadeInDown.yolo-css-animation,
.wpb_start_animation.wpb_fadeInUp.yolo-css-animation,
.wpb_start_animation.wpb_fadeInLeft.yolo-css-animation,
.wpb_start_animation.wpb_fadeInRight.yolo-css-animation,
.wpb_start_animation.wpb_bounceIn.yolo-css-animation,
.wpb_start_animation.wpb_bounceInDown.yolo-css-animation,
.wpb_start_animation.wpb_bounceInUp.yolo-css-animation,
.wpb_start_animation.wpb_bounceInLeft.yolo-css-animation,
.wpb_start_animation.wpb_bounceInRight.yolo-css-animation,
.wpb_start_animation.wpb_zoomIn.yolo-css-animation,
.wpb_start_animation.wpb_flipInX.yolo-css-animation,
.wpb_start_animation.wpb_flipInY.yolo-css-animation,
.wpb_start_animation.wpb_bounce.yolo-css-animation,
.wpb_start_animation.wpb_flash.yolo-css-animation,
.wpb_start_animation.wpb_shake.yolo-css-animation,
.wpb_start_animation.wpb_pulse.yolo-css-animation,
.wpb_start_animation.wpb_swing.yolo-css-animation,
.wpb_start_animation.wpb_rubberBand.yolo-css-animation,
.wpb_start_animation.wpb_wobble.yolo-css-animation,
.wpb_start_animation.wpb_tada.yolo-css-animation {
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.yolo-css-animation {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
filter: alpha(opacity=100);
}
.background-right {
background-position: right bottom !important;
background-repeat: no-repeat !important;
}
.vc_row.vc_row-o-equal-height .yolo-row > .vc_column_container {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}@supports(--css:variables){
:root{
--layout_site_width: 			90%;
--layout_site_max_width: 		1200px;
--text_color: 				#686868;
--text_color_lighten_5: 	#757575;
--text_color_lighten_10: 	#828282;
--text_color_lighten_15: 	#8e8e8e;
--text_color_lighten_20: 	#9b9b9b;
--text_color_lighten_25: 	#a8a8a8;
--text_color_lighten_30: 	#b5b5b5;
--text_color_lighten_35: 	#c1c1c1;
--text_color_lighten_40: 	#cecece;
--text_color_lighten_50: 	#e8e8e8;
--text_color_lighten_60: 	#ffffff;
--text_color_lighten_70: 	#ffffff;
--text_color_darken_5: 		#5b5b5b;
--text_color_darken_10: 	#4f4f4f;
--text_color_darken_15: 	#424242;
--text_color_darken_20: 	#353535;
--text_color_darken_25: 	#282828;
--text_color_fade_10: 	rgba(104, 104, 104, 0.10);
--text_color_fade_20: 	rgba(104, 104, 104, 0.20);
--text_color_fade_30: 	rgba(104, 104, 104, 0.30);
--text_color_fade_40: 	rgba(104, 104, 104, 0.40);
--text_color_fade_50: 	rgba(104, 104, 104, 0.50);
--text_color_fade_60: 	rgba(104, 104, 104, 0.60);
--text_color_fade_70: 	rgba(104, 104, 104, 0.70);
--text_color_fade_80: 	rgba(104, 104, 104, 0.80);
--text_color_fade_90: 	rgba(104, 104, 104, 0.90);
--primary_color: 			#a01a21;
--primary_color_lighten_5: 		#b61e26;
--primary_color_lighten_10: 	#cc212a;
--primary_color_lighten_15: 	#dc2a33;
--primary_color_lighten_20: 	#e04048;
--primary_color_lighten_25: 	#e4565d;
--primary_color_darken_5: 	#8a161c;
--primary_color_darken_10: 	#741318;
--primary_color_darken_15: 	#5e0f13;
--primary_color_darken_20: 	#480c0f;
--primary_color_darken_25: 	#32080a;
--primary_color_fade_10: 	rgba(160, 26, 33, 0.10);
--primary_color_fade_20: 	rgba(160, 26, 33, 0.20);
--primary_color_fade_30: 	rgba(160, 26, 33, 0.30);
--primary_color_fade_40: 	rgba(160, 26, 33, 0.40);
--primary_color_fade_50: 	rgba(160, 26, 33, 0.50);
--primary_color_fade_60: 	rgba(160, 26, 33, 0.60);
--primary_color_fade_70: 	rgba(160, 26, 33, 0.70);
--primary_color_fade_80: 	rgba(160, 26, 33, 0.80);
--primary_color_fade_90: 	rgba(160, 26, 33, 0.90);
--secondary_color: 	#3f3f3f;
--secondary_color_darken_20: 	#0c0c0c;
--secondary_color_fade_50: 	rgba(63, 63, 63, 0.50);
--secondary_color_fade_70: 	rgba(63, 63, 63, 0.70);
--secondary_color_fade_90: 	rgba(63, 63, 63, 0.90);
--heading_color: 	#333333;
--heading_color_lighten_20: 	#666666;
--heading_color_fade_10: 	rgba(51, 51, 51, 0.10);
--heading_color_fade_20: 	rgba(51, 51, 51, 0.20);
--heading_color_fade_30: 	rgba(51, 51, 51, 0.30);
--heading_color_fade_40: 	rgba(51, 51, 51, 0.40);
--heading_color_fade_50: 	rgba(51, 51, 51, 0.50);
--heading_color_fade_60: 	rgba(51, 51, 51, 0.60);
--heading_color_fade_70: 	rgba(51, 51, 51, 0.70);
--heading_color_fade_80: 	rgba(51, 51, 51, 0.80);
--heading_color_fade_90: 	rgba(51, 51, 51, 0.90);
--menu_font: 				Ubuntu;
--menu_font_weight: 		400;
--menu_font_size: 			16px;
--sub_menu_font_size: 		15px;
--secondary_font: 			Montserrat;
--secondary_font_weight: 	400;
--secondary_font_size: 		14px;
--primary_font: 			Lato;
--primary_font_weight: 		400;
--primary_font_size: 		14px;
--page_title_bg_color: 			#FFFFFF;
--page_title_overlay_color: 	#FFFFFF;
--page_title_overlay_opacity: 	0.3;
--page_title_color: 			#fff;
--page_sub_title_color: 		#fff;
--page_title_margin_top: 		0;
--page_title_margin_bottom: 	70px;
--page_title_height: 			Arraypx;
--main_menu_height: 	70px;
--logo_mobile_max_height: 	70px;
--logo_mobile_padding: 		15px;
--main_menu_mobile_height: 	100px;
--header_1_nav_layout_padding: 	100px;
--header_2_nav_layout_padding: 	100px;
--header_3_nav_layout_padding: 	100px;
--header_4_nav_layout_padding: 	100px;
--header_5_nav_layout_padding: 	100px;
--header_6_nav_layout_padding: 	100px;
--header_1_nav_distance: 	20px;
--header_2_nav_distance: 	20px;
--header_3_nav_distance: 	20px;
--header_4_nav_distance: 	20px;
--header_5_nav_distance: 	20px;
--header_6_nav_distance: 	20px;
--home_preloader_bg_color:  rgba(51,51,51,1);
--top_bar_bg_color: 		#424242;
--top_bar_text_color: 		#7F7F7F;
--top_bar_layout_padding: 	100px;
--logo_padding_top: 	0px;
--logo_padding_bottom: 	20px;
--menu_sub_bg_color: 	#FFFFFF;
--menu_sub_bg_color_darken_7: 		#ededed;
--menu_sub_bg_color_darken_15: 		#d9d9d9;
--menu_sub_bg_color_lighten_7: 		#ffffff;
--menu_sub_bg_color_lighten_15: 	#ffffff;
--menu_sub_text_color: 	#888888;
--header_1_nav_bg_color: 	#fff;
--header_1_nav_text_color: 	#424242;
--header_1_height: 			130px;
--header_2_nav_bg_color: 	#fff;
--header_2_nav_text_color: 	#424242;
--header_2_height: 			130px;
--header_3_nav_bg_color: 	#fff;
--header_3_nav_text_color: 	#424242;
--header_3_height: 			130px;
--header_4_nav_bg_color: 	#424242;
--header_4_nav_text_color: 	#fff;
--header_4_height: 			130px;
--header_5_nav_bg_color: 	#ffffff;
--header_5_nav_text_color: 	#3f3f3f;
--header_5_height: 			130px;
--header_6_nav_bg_color: 	#ffffff;
--header_6_nav_text_color: 	#3f3f3f;
--header_6_height: 			130px;
--mobile_background_color: 		#333;
--mobile_text_color: 				#fff;
--mobile_text_color_fade_60: 		rgba(255, 255, 255, 0.60);
--headersidebar_nav_bg_color: 		#fff;
--headersidebar_nav_bg_color_lighten_10: 		#ffffff;
--headersidebar_nav_text_color: 	#424242;
--headersidebar_nav_text_color_fade_60: 	rgba(66, 66, 66, 0.60);
--headersidebar_nav_text_color_fade_85: 	rgba(66, 66, 66, 0.85);
--headersidebar_sidebar_width: 		300px;
}
}