/* Theme Name: Aven Theme URI: https://themeforest.net/user/zozothemes Author: Zozothemes Author URI: http://zozothemes.com/ Description: Aven is a Multi-Purpose business Wordpress Theme built for any type of business such as creative agency, freelancer or general business. The theme is designed uniquely and beautifully with elegant colour, featuring a responsive grid, retina optimization, modern design and much more.. Version: 1.0.4 License: GNU General Public License v3.0 License URI: license.txt Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options Text Domain: zozothemes */ /* ================================= CSS Structure ================================= 1. EXTERNAL STYLES - ISOTOPE - COUNTDOWN - BOOTSTRAP VALIDATOR - MEDIAELEMENT PLAYER - MB YTPLAYER 2. GLOBAL - LINKS - TEXT ELEMENTS - ALIGNMENT - TABLES - CLEARING 3. PAGE LOADER 4. PAGE HEADERS 5. HEADER - HEADER TOP SECTION - HEADER LOGO SECTION - HEADER MAIN SECTION 6. SLIDING BAR 7. LAYOUT 8. FOOTER 9. PARALLAX 10. REVOLUTION SLIDER 11. OWL CAROUSEL 12. TEAM SECTION 13. TESTIMONIALS SECTION 14. TWITTER SECTION 15. PRICING TABLE 16. FEATURES LIST 17. RESPONSIVE VIDEO 18. SOCIAL ICONS 19. BLOG 20. CONTACT US SECTION - CONTACT INFO - CONTACT FORM 7 - GRAVITY FORM 21. MAILCHIMP 22. PORTFOLIO 23. SECONDARY MENU 24. TABS 25. ACCORDION 26. CLIENT SLIDER 27. WIDGETS 28. FEATURED SLIDER 29. CUSTOM CSS 30. WORDPRESS GALLERIES 31. DARK SKINS 32. VISUAL COMPOSER 33. WOOCOMMERCE 34. REPONSIVE =========================================================================== */ /* ================================================================ * EXTERNAL STYLES * ================================================================ */ .scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } /* ================================================================ * ISOTOPE * ================================================================ */ /* Isotope Filtering */ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /* Isotope CSS3 transitions */ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /* disabling Isotope CSS3 transitions */ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .zozo-isotope-layout { -webkit-transition: height 0.2s ease-in-out; -moz-transition: height 0.2s ease-in-out; -o-transition: height 0.2s ease-in-out; -ms-transition: height 0.2s ease-in-out; transition: height 0.2s ease-in-out; opacity: 0; } .zozo-isotope-wrapper.no-gutter { overflow: hidden; } .zozo-isotope-wrapper { position: relative; } /* ================================================================ * COUNTDOWN * ================================================================ */ .countdown-rtl { direction: rtl; } .countdown-holding span { color: #888; } .countdown-row { clear: both; padding: 0; text-align: center; position: relative; display: inline-block; margin: 0 auto; } .countdown-row .countdown-section { display: inline-block; text-align: center; margin: 15px; width:140px; height:140px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; font-weight:900; position: relative; vertical-align:middle; } .countdown-amount { font-size: 40px; line-height:140px!important; } .countdown-period { display: block; line-height: 20px; font-size: 15px; padding:10px; } .countdown-descr { display: block; width: 100%; } /* Countdown Transparent */ .counter-transparent .countdown-section, .counter-transparent .countdown-period { background: rgba(0,0,0,0.5); } /* ================================================================ * BOOTSTRAP VALIDATOR * ================================================================ */ /* BootstrapValidator v0.5.3 */ .bv-form .help-block { margin-bottom: 0; } .bv-form .tooltip-inner { text-align: left; } .nav-tabs li.bv-tab-success > a { color: #3c763d; } .nav-tabs li.bv-tab-error > a { color: #a94442; } .bv-form .bv-icon-no-label { top: 0; } .bv-form .bv-icon-input-group { top: 0; z-index: 100; } /* ================================================================ * MEDIAELEMENT PLAYER ( AUDIO / VIDEO ) * ================================================================ */ .mejs-container, .mejs-embed, .mejs-embed body, .mejs-container .mejs-controls { background: #000; } .mejs-container.mejs-audio { background: transparent; font-family: inherit; width: 100%; height: 50px !important; } .mejs-overlay-button { transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); margin: 0 !important; } /* Start: CONTROL BAR */ .audio-player { /*height: 50px;*/ width: 100%; } .mejs-container.mejs-audio .mejs-controls { position: absolute; list-style-type: none; margin: 0; padding: 0; top: 0; left: 0; width: 100%; height: 50px; background: #2C2C2C; border: 1px solid #404040; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; } .mejs-container.mejs-audio .mejs-controls div { display: block; float: left; margin: 0; padding: 0; width: 26px; height: 26px; border: none; font-size: 16px; line-height: 16px; font-weight: 500; background: none; font-family: inherit; } .mejs-container.mejs-audio .mejs-controls .mejs-button { width: 40px; height: 48px; } .mejs-container.mejs-audio .mejs-button button { display: block; position: absolute; width: 40px; height: 36px; background: url(images/play-pause-icon.png) no-repeat; margin: 0; padding: 0; cursor: pointer; border: none; font-size: 0; line-height: 0; text-decoration: none; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index:99; } /* Start: Time (Current / Duration) */ .mejs-container.mejs-audio .mejs-controls .mejs-time { overflow: hidden; display: block; width: auto; height: 48px; padding: 0; color: #fff; text-align: center; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .mejs-container.mejs-audio .mejs-controls .mejs-time span { display: block; float: left; width: auto; margin: 0 6px 0 0; color: #fff; font-size: 16px; line-height: 16px; height: 48px; line-height: 48px; } /* End: Time (Current / Duration) */ /* Start: Play/Pause/Stop */ .mejs-container.mejs-audio .mejs-playpause-button button { background-position: center 30px; } .mejs-container.mejs-audio .mejs-play button { background-position: center 10px; } .mejs-container.mejs-audio .mejs-pause button { background-position: center -26px; } /* Start: Play/Pause/Stop */ /* Start: Progress Bar */ .mejs-container.mejs-audio .mejs-controls .mejs-time-rail { direction: ltr; padding-top: 5px; margin-right: 10px; position: relative; top: 0; left: 0; height: 48px; } .mejs-container.mejs-audio .mejs-time-rail span, .mejs-container.mejs-audio .mejs-time-rail a { display: block; position: absolute; height: 6px; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .mejs-container.mejs-audio .mejs-controls a:focus > .mejs-offscreen { height: auto; } .mejs-controls .mejs-time-rail span, .mejs-controls .mejs-time-rail span a, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mejs-container.mejs-audio .mejs-time-rail .mejs-time-total { background: #DBE0E4; width: 100%; margin-top: 17px; } .mejs-container.mejs-audio .mejs-controls .mejs-time-rail .mejs-time-handle { background: url(images/volume-handle.png) 0 0 no-repeat; border: none; width: 20px; height: 20px; top: -7px; } .mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle, .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-handle { display: block; } .mejs-container.mejs-audio .mejs-time-loaded { width: 0; background: #DBE0E4; } .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #DBE0E4; } .mejs-container.mejs-audio .mejs-time-rail .mejs-time-current { width: 0; } .mejs-container.mejs-audio .mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; display: none; background: #eee; width: 36px; height: 17px; border: none; top: -26px; margin-left: -18px; text-align: center; color: #111; } .mejs-container.mejs-audio .mejs-controls .mejs-time-rail .mejs-time-float-corner { border: none; } /* End: Progress Bar */ /* Start: Mute/Volume */ .mejs-container.mejs-audio .mejs-controls .mejs-volume-button { width: 34px; height: 48px; display: block; } .mejs-container.mejs-audio .mejs-volume-button button { width: 24px; height: 24px; background: url(images/volume-icon.png) 0 0 no-repeat transparent; } .mejs-container.mejs-audio .mejs-controls .mejs-horizontal-volume-slider { height: 48px; width: 60px; position: relative; cursor: pointer; margin: 0 15px 0 0; } .mejs-container.mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; top: 21px; left: 0; width: 60px; height: 5px; margin: 0; padding: 0; font-size: 1px; background: #DBE0E4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .mejs-container.mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; top: 21px; left: 0; width: 60px; height: 5px; margin: 0; padding: 0; font-size: 1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { margin: 0; position: absolute; top: 14px; background: url(images/volume-handle.png) 0 0 no-repeat; width: 20px; height: 20px; } /* End: Mute/Volume */ /* Transparent Audio Player */ .transparent-player .mejs-container.mejs-audio .mejs-controls { background: rgba(0, 0, 0, 0) linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)) repeat scroll 0 0; } /* ================================================================ * MB YTPLAYER * ================================================================ */ /* last modified: 19/04/15 17.35 */ @charset"UTF-8"; @font-face { font-family: 'ytpregular'; src: url('fonts/ytp-regular.eot'); } @font-face { font-family: 'ytpregular'; src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA5sABEAAAAAFCAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZ9iuNUdERUYAAAGcAAAAHQAAACAAdAAET1MvMgAAAbwAAABJAAAAYHUMUrFjbWFwAAACCAAAAKkAAAGKn5XycWN2dCAAAAK0AAAANgAAADYNLQohZnBnbQAAAuwAAAGxAAACZVO0L6dnYXNwAAAEoAAAAAgAAAAIAAAAEGdseWYAAASoAAAGVQAAB4jz86dSaGVhZAAACwAAAAAzAAAANgbKONpoaGVhAAALNAAAACAAAAAkESQLXGhtdHgAAAtUAAAAVAAAARxOmwVwbG9jYQAAC6gAAAAjAAAAkFoEXRRtYXhwAAALzAAAACAAAAAgAWoB625hbWUAAAvsAAAA+wAAAeok3Eb+cG9zdAAADOgAAADAAAABN99tv1lwcmVwAAANqAAAALkAAAFY3I6ikndlYmYAAA5kAAAABgAAAAbHMlGnAAAAAQAAAADMPaLPAAAAAM3Nk7QAAAAAzc13sXjaY2BkYGDgA2IJBhBgYmAEQjcgZgHzGAAHTAB5AAAAeNpjYGbZwDiBgZWBhdWY5SwDA8MsCM10liGNKQ3IB0rBASMDEgj1DvdjcGDgfcDAlvYPqJJVldEZpoZVkuUZkFJgYAQAUUULewAAAHjaY2BgYGaAYBkGRgYQaAHyGMF8FoYMIC3GIAAUYQOyeBkUGKIYqhgWKHAp6CvEP2D4/x+sAyTuyJAIFGeAizP+//r/8f/D//f+n/HA8oHo/WcKblDzsQBGoOkwSUYmIMGErgDiRLyAhZWNnYOTi5uHl49fQFBIWERUTFxCUkpaRhYiLyevoKikrKKqpq6hqaWto6unb2BoZGxiambOQF1gQZYuAIQnH4IAAAAAAAAAAAABegEnAHEAswC9AOAA5QD+ARcBIwBdAHIBtgBcAGAAZgByAI8AogErAbIAUwBEBREAAHjaXVG7TltBEN0NDwOBxNggOdoUs5mQxnuhBQnE1Y1iZDuF5QhpN3KRi3EBH0CBRA3arxmgoaRImwYhF0h8Qj4hEjNriKI0Ozuzc86ZM0vKkap36WvPU+ckkMLdBs02/U5ItbMA96Tr642MtIMHWmxm9Mp1+/4LBpvRlDtqAOU9bykPGU07gVq0p/7R/AqG+/wf8zsYtDTT9NQ6CekhBOabcUuD7xnNussP+oLV4WIwMKSYpuIuP6ZS/rc052rLsLWR0byDMxH5yTRAU2ttBJr+1CHV83EUS5DLprE2mJiy/iQTwYXJdFVTtcz42sFdsrPoYIMqzYEH2MNWeQweDg8mFNK3JMosDRH2YqvECBGTHAo55dzJ/qRA+UgSxrxJSjvjhrUGxpHXwKA2T7P/PJtNbW8dwvhZHMF3vxlLOvjIhtoYEWI7YimACURCRlX5hhrPvSwG5FL7z0CUgOXxj3+dCLTu2EQ8l7V1DjFWCHp+29zyy4q7VrnOi0J3b6pqqNIpzftezr7HA54eC8NBY8Gbz/v+SoH6PCyuNGgOBEN6N3r/orXqiKu8Fz6yJ9O/sVoAAAAAAQAB//8AD3jaTZVrbBxXFcfvufNe72Nmdx77tmfHO2N76117784OTr154YAbR7RQuUQhttoSuXZKFQVKKYqgiFJAgkpIkVClIn8opSomjXY3VHHTFldEIYpay1hR+ID4Bha27FoIEQGpd8Idu4lY7c6eOfee//2f3+zeizAaQwif4iYRgwRUbgGqjLYFNvVxtcVzfxltM5iGqMUEaS5ItwU+vTPahiBPFFMpmoo5hnv8XnjFn+Um7/xmjF1GCLHoPf+fgsUVEYcSKIcGkYbaWYxKLZ3bgGa50qpACQ0NeyYoYILaDTqpurUK2FZBUYlJY8ukEc0egLpbo+kY8O/BQcx2dvwP2Fh6/Q+Gl19fyroubHmer7rpjHllPZ/NKB+tp2/4/TzxSx0zo/74uUY29vJZOEHIfng4lzz7cjyXzn/jJwqCwCOLdj2iPSP3F/hUAHF3v+Cviee5DIqhJDLRACLoPGpHECq1M7Sd5iDZ/W6zQW8mu9Ecql7SI6xYaiOpnxCydwPNWqWJ/tSSjY1mqtqU5ZYNpWal2pJiGy0XSi1bVuKX1Fyh1GuMoJYeUeJvy/GEVbTpfTOjHJRVzUim0tlcwekbKD1QrgR5M97OV8nIyMjQsKPUEKWGNEVFFBwqEs/yHMEVFMM1PIc4FhiWQVxHcxjD0zzXEkgbmHe5G1eA9T955453xd+B9tbpi6vj10+fvj6+evH0Fju7vPDU5szVY8euzmw+tXABv7kEov/v33WOv+v/C8LG9M2xD19/EquzCyuHVuY6R25Obz35+odw4NDKwuzWHAK86q9x21wKYYQkjFeZ3M5f/TUmw6Qo12P+38Wf0zEZpVABlVANfQu1owHXXMD1AdIyQhvNgeou2b1LAuhAkVwyExRps/ppAE230qrTX1MrEVXil5W4qlm9thMAMpR2MtVHAbXMnBJvZ8oVGjdZ5XK6u6cwNExqdNJ9dnm4D+8eIeYeM7hH0b3H9bcQuczdeH75ef+TxTveO/5tuDK2Mrs5d+HmzQtzm7MrbP6ZqxMrrz2+vf34aysTV5+5iN9YhMi51W93Tiz5/wFp+ujy/MntGXx+dfrjqflrO788Ob989MaMP716+Nr8FOpCjbvnw032BUrm82gKfQc10SJaAwwZGINHEUrksaEndI3XCppBavWaU7Nrda/u7QfPsnmBF1ReK4NjCxbkgVRJdW/MdmiyjHkhCgKvGkrNq+uGngPLUDXVioJTcGxONWguENOIYmkq1lQqaDu2q1AqKi6qRh6CN0uqhlkn1WIwt1Z3FTqH6lt2kWLkqZpQ2F1H4D3X1CzFUkCp1R8EVaeKGr3mgXpyd3OKZTcgioMi3qImqA2FaFSYrkHd7BYESnSMdqAx1HNgg/6pG0Bo95RAGehqoNAuaRHR90wGdXyJtkAJ1DxSDVQCfS8ocui+EohqagNjFroniyLAOYbBgvSQxuXxiUSCGQXReJBnjafhbf6xBs8P9ZclLLJdTJfdL3bLRsgd50Nf52P7JIWjInYqFuZhUGErucF0Qj/zNJtPGArDz7EYFi0chvSpw8C/mJRgRVLfgrEf7RvowhyjJ3JPfPlX/h8N/6fZryX7bh/pJsPj4QLX9Ra89NL3QQkljmOqnognU6HcxKkoI/JsaJ8cDcfCqZAMC2cfFeSoHu+WFEmWzIQqx8PVmCThSFqPKqLIsgxJx0QYZt1iocjgfrPbjIoiltkXxzxTlE5FVTL1zb7YmTOSzXGiEBU0ZgHzXexjd9HklDtTc2P7iR4/Wmqk/jGhfZXjZW1bYFVp3y01G+ocrh/K9VST3+05OUsaEnAYGKZRfWIpDQaXT2Ej2/vCl1S5nNe7jHq5eCAlM7rOpFx8PP1Zf/NzCUdkpXjUhHmdfdi/Xv31D6WccPAIDjNMmPnBzC+ErAipZzPf++LkQyGRhTDEpCNkbmLpz8892zmE3+8swq1YODIqf2Z7lO8RdJHn7RS8kpY6r0qhAg7xXIHnhViu+zBDbhcx16UOfGVgaGkoXe6LhwS+h7NgSa+vR7ESZvPyq6VUqN+SC0ZSTPm3oETGoxGIh/p60w3naIyJ/Gywf9CMnnAemR3524hT5DErxOwBhR55COMw3e+u0T0tOEsR0JMx+NBHftD/AJ+D/f7v/TW+9t+P+Bo9e/7vNYz+By6FsKkAAAB42mNgZGBgYGRwbI8IWhzPb/OVQZ6DAQTOni3fCKP/+/x7yrOBNRTI5WBgAokCAG3mDbAAeNpjYGRgYFX9t5eBgeftf5//WTwbGIAiKMAdAJycBph42mN6w+DCwcDAAMIsZ8D0HhBNLIap52D478fBwHQRyvbBpZ7nLYMtKeZjt5OJhxT1TKsYGFhDETTjcSAG0gyPoRgozigIpL0hNEiOBcgFAEBoNC142mNgYNCBwjoccALDBEY9RhsgPIMMmZcRhHtIhkcA9pQspAAAAQAAAEcBVAALAAAAAAACAAEAAgAWAAABAACTAAAAAHjalZCxTgJBFEXPApJoYYgF9VZUSIAFTdDCnmiIgsTKsASQuGiCu0YaCr4OfomKOzsTCHRmMzPn3blz38sCFyzJ4uXOgbKWZY+8KssZLqk7zkp9cJyjSOT4jD9WjvPSt46vKHoFx2txyfGGqnfPO18kyohSGjBjJPqRFmqPmWolWkZ9o0uHZ/EkfTNgTo0KVX017ujRps+TyDqvT7xW9U/UV1Vz9ZryrQn8o8QOL1JsdVA/5IwZpv7f/YsKTW50O1PqpzKNZyw1UnKov2c9dbkD7c1/zdhXFSrNdIz3HbuaJFH1KM9CZyDN3N3SoiFupfP66mbOYAd8k0EGAHjabc05TwJhHITxZ0BBBc/P4IkI7y4sh0dBsosHKiqHeLUiiTE0FH56Xdl/6TS/ZIoZUszzM+ad/3IOSilNmm122GWPfQ4ocEiRI0qUcXj4VKgSUKNOgybHnHDKGSER7Xjjgkuu6HDNDbd0ueOeB3r0GTDkkRFPPPPCK29a0KIyympJy1pRTnmtak3r2tCmtjLjz+/ph5edfU2cc2Fiy/3px4Xpmb5ZMatmYNbMutkwm2Yr0W8nBnOj+OcXVDk0PnjaRc67DoJAEAVQFuT9fqsJCSZ2+w12QkNjrCCx9w+sbSy19DsGK/9Ob3RZujk3k7nzZp8bsbvSkXXoR8Yew9gavN9QNHSUHTFch4oMfuoV0uqGNL4nv25emq3yHzzADwVcwOsFHMCtBWzAWQlYgJ0ImIA1rRmAeRbQAWM6vQD04A9GgXglRBo4Kh+19gJGYDgzBqOnZALGO8kUTLaSGZhWkjmYrSULMA8kS7CYi5ZgKTlQxr/W1F5aAAAAAAFRp8cxAAA=) format('woff'), url('fonts/ytp-regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } .mb_YTPlayer:focus { outline: 0; } .mbYTP_wrapper { display: block; transform: translateZ(0) translate3d(0, 0, 0); -webkit-transform: translateZ(0) translate3d(0, 0, 0); -moz-transform: translateZ(0) translate3d(0, 0, 0); -ms-transform: translateZ(0) translate3d(0, 0, 0); -o-transform: translateZ(0) translate3d(0, 0, 0); transform-style: preserve-3d; perspective: 1000; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; } .mb_YTPlayer .loading { position: absolute; top: 10px; right: 10px; font-size: 12px; color: #fff; background: rgba(0, 0, 0, 0.51); text-align: center; padding: 2px 4px; border-radius: 5px; font-family: "Droid Sans", sans-serif; -webkit-animation: fade .1s infinite alternate; /* Chrome, Safari, Opera */ animation: fade .1s infinite alternate; } /* Chrome, Safari, Opera */ @-webkit-keyframes fade { 0% { opacity: .5; } 100% { opacity: 1; } } /* Standard syntax */ @keyframes fade { 0% { opacity: .5; } 100% { opacity: 1; } } .mb_YTPlayer.fullscreen { display: block!important; position: fixed!important; width: 100%!important; height: 100%!important; top: 0!important; left: 0!important; margin: 0!important; border: none !important; opacity: 1 !important; } .mbYTP_wrapper iframe { max-width: 4000px !important; } .inline_YTPlayer { margin-bottom: 20px; vertical-align: top; position: relative; left: 0; overflow: hidden; border-radius: 4px; box-shadow: 0 0 5px rgba(0, 0, 0, .7); background: rgba(0, 0, 0, .5); } .inline_YTPlayer img { border: none!important; margin: 0!important; padding: 0!important; transform: none!important; -webkit-transform: none!important; -moz-transform: none!important; -ms-transform: none!important; -o-transform: none!important; } /*CONTROL BAR*/ .mb_YTPBar .ytpicon { font-size: 20px; font-family: 'ytpregular'; } .mb_YTPBar .mb_YTPUrl.ytpicon { font-size: 30px; } .mb_YTPBar { transition: opacity .5s; -moz-transition: opacity .5s; -webkit-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; display: block; width: 100%; height: 10px; padding: 5px; background: #333; position: fixed; bottom: 0; left: 0; text-align: left; z-index: 1000; font: 14px/16px sans-serif; color: white; opacity: .1; box-sizing: border-box; } .mb_YTPBar.visible, .mb_YTPBar:hover { opacity: 1; } .mb_YTPBar .buttonBar { -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s; background: transparent; font: 12px/14px Calibri; position: absolute; top: -30px; left: 0; padding: 5px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .mb_YTPBar:hover .buttonBar { background: rgba(0, 0, 0, 0.4); } .mb_YTPBar span { display: inline-block; font: 16px/20px Calibri, sans-serif; position: relative; width: 30px; height: 25px; vertical-align: middle; } .mb_YTPBar span.mb_YTPTime { width: 130px; } .mb_YTPBar span.mb_YTPUrl, .mb_YTPBar span.mb_OnlyYT { position: absolute; width: auto; display: block; top: 6px; right: 10px; cursor: pointer; } .mb_YTPBar span.mb_YTPUrl img { width: 60px; } .mb_YTPBar span.mb_OnlyYT { left: 185px; right: auto; } .mb_YTPBar span.mb_OnlyYT img { width: 25px; } .mb_YTPBar span.mb_YTPUrl a { color: white; } .mb_YTPBar .mb_YTPPlaypause, .mb_YTPlayer .mb_YTPBar .mb_YTPPlaypause img { cursor: pointer; } .mb_YTPBar .mb_YTPMuteUnmute { cursor: pointer; } /*PROGRESS BAR*/ .mb_YTPBar .mb_YTPProgress { height: 10px; width: 100%; background: #222; bottom: 0; left: 0; } .mb_YTPBar .mb_YTPLoaded { height: 10px; width: 0; background: #444; left: 0; } .mb_YTPBar .mb_YTPseekbar { height: 10px; width: 0; background: #bb110e; bottom: 0; left: 0; box-shadow: rgba(82, 82, 82, 0.47) 1px 1px 3px; } .mb_YTPBar .YTPOverlay { backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: "flat"; box-sizing: border-box; } /*RASTER OVERLAY*/ .YTPOverlay.raster { background: url("images/raster.png"); } .YTPOverlay.raster.retina { background: url("images/raster@2x.png"); } .YTPOverlay.raster-dot { background: url("images/raster_dot.png"); } .YTPOverlay.raster-dot.retina { background: url("images/raster_dot@2x.png"); } /* --------------------------------------------------- GLOBAL ------------------------------------------------------- */ body { color: #777777; font-weight: 400; font-family: Georgia, "Times New Roman", Times, serif; background: #fff; line-height: 1.8; margin: 0; overflow-x: hidden; -webkit-font-smoothing: antialiased !important; position: relative; } p { -webkit-font-smoothing: antialiased !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color:#333; margin-top: 0; margin-bottom: 15px; letter-spacing:1px; } .typo-thin, .typo-thin h1, .typo-thin h2, .typo-thin h3, .typo-thin h4, .typo-thin h5, .typo-thin h6, .typo-thin p { font-weight: 300; } .typo-dark h1 > a, .typo-dark h2 > a, .typo-dark h3 > a, .typo-dark h4 > a, .typo-dark h5 > a, .typo-dark h6 > a { color: #333; } .typo-light h1 > a, .typo-light h2 > a, .typo-light h3 > a, .typo-light h4 > a, .typo-light h5 > a, .typo-light h6 > a { color: #fff; } .font-light { font-weight: 200; } legend { margin-bottom: 20px !important; padding-bottom: 20px; } /* LINKS */ a { outline: none; transition: all 0.14s ease 0s; -webkit-transition: all 0.14s ease 0s; -moz-transition: all 0.14s ease 0s; -ms-transition: all 0.14s ease 0s; -o-transition: all 0.14s ease 0s; } a:hover, a:focus, a:active { color: #333; text-decoration: none; } a:focus, .btn:focus, .btn:active:focus, .btn.active:focus { outline: none; outline-offset: 0; } /* TEXT ELEMENTS */ blockquote p { font-style: italic; } dd { margin-bottom: 1em; } .text-uppercase.desc { font-size: 12px; font-weight: 600; margin-bottom: 10px; } /* ALIGNMENT */ .alignleft { display: inline; float: left; margin: 0 1.5em 1.5em 0; } .alignright { display: inline; float: right; margin: 0 0 1.5em 1.5em; } .aligncenter { clear: both; display: block; margin: 0 auto; } /* TABLES */ table { width: 100%; margin-bottom: 20px; } table th, table td { padding: 8px; line-height: 20px; vertical-align: top; border-top: 1px solid #e1e1e1; } table th { font-weight: bold; } table thead th { vertical-align: bottom; } table caption + thead tr:first-child th, table caption + thead tr:first-child td, table colgroup + thead tr:first-child th, table colgroup + thead tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td { border-top: 0; } table tbody + tbody { border-top: 2px solid #ddd; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { width: 100%; } iframe { border: none; } /* CLEARING */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: block; } * html .clearfix { height: 1%; } *:first-child+html .clearfix { min-height: 1px; } .clear { clear: both; } img { max-width: 100%; height: auto; } /* BLOCKQUOTE */ blockquote, .blockquote-reverse { border-left: none; border-right: none; padding: 12px 40px; position: relative; font-size: 15px; color: #606060; display: inline-block; } blockquote p{ font-size: 18px; } .img-circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } /* Insert the pseudo element - replicating what FontAwesome does */ blockquote footer, blockquote small, blockquote .small { font-weight: 500; } blockquote blockquote { padding: 0; margin: 0; } blockquote blockquote:before, blockquote blockquote:after { content: none; } blockquote, .blockquote-reverse { font-size: 28px; font-weight: 700; } /* Blockqoute Plain */ .blockquote-plain { font-family: georgia; font-size: 20px; font-style: italic; line-height: 36px; } /* Shadow */ .shadow-block { box-shadow: 0 14px 45px rgba(0, 0, 0, 0.25), 0 10px 18px rgba(0, 0, 0, 0.22); -webkit-box-shadow: 0 14px 45px rgba(0, 0, 0, 0.25), 0 10px 18px rgba(0, 0, 0, 0.22); -moz-box-shadow: 0 14px 45px rgba(0, 0, 0, 0.25), 0 10px 18px rgba(0, 0, 0, 0.22); -ms-box-shadow: 0 14px 45px rgba(0, 0, 0, 0.25), 0 10px 18px rgba(0, 0, 0, 0.22); -o-box-shadow: 0 14px 45px rgba(0, 0, 0, 0.25), 0 10px 18px rgba(0, 0, 0, 0.22); } /* Button */ .btn, .btn.btn-default, input[type="submit"], button[type="submit"], .vc_general.vc_btn3, .vc_general.vc_btn3.vc_btn3-color-primary-bg, .vc_btn.vc_btn-primary-bg, .vc_general.vc_btn3.vc_btn3-color-juicy-pink, .btn-modal.btn-primary { border: none; font-size:13px; line-height: 22px; font-weight: 300; outline: none; padding: 8px 30px; color: #fff; text-transform:uppercase; box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -ms-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -o-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; transition: all 0.4s ease-in-out 0s!important; -moz-transition: all 0.4s ease-in-out 0s!important; -webkit-transition: all 0.4s ease-in-out 0s!important; -o-transition: all 0.4s ease-in-out 0s!important; -ms-transition: all 0.4s ease-in-out 0s!important; } .btn:hover, .btn:focus, input[type="submit"]:hover, input[type="submit"]:focus, .tagcloud a:hover, .tagcloud a:focus, .vc_general.vc_btn3.vc_btn3-style-default:hover, .vc_general.vc_btn3.vc_btn3-style-default:focus, .vc_general.vc_btn3.vc_btn3-style-default:active, .vc_general.vc_btn3.vc_btn3-color-primary-bg:hover, .vc_general.vc_btn3.vc_btn3-color-primary-bg:focus, .vc_general.vc_btn3.vc_btn3-color-primary-bg:active, .vc_btn.vc_btn-primary-bg:hover, .vc_btn.vc_btn-primary-bg:focus, .vc_btn.vc_btn-primary-bg:active, .vc_general.vc_btn3.vc_btn3-color-juicy-pink:hover, .vc_general.vc_btn3.vc_btn3-color-juicy-pink:focus, .vc_general.vc_btn3.vc_btn3-color-juicy-pink:active, .wpcf7 input[type="submit"]:hover, .wpcf7 input[type="submit"]:focus, .pager li > a:hover, .pager li > span:hover, .pager li > a:focus, .pager li > span:focus, .owl-carousel.owl-theme .owl-controls .owl-nav div:hover { box-shadow:0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -webkit-0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -moz-0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -ms-0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -o-0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } .btn.btn-default.btn-black { background: #333; } .btn.btn-default.btn-white { background: #fff; } .btn.btn-default.btn-black:hover, .bg-style.bg-normal .btn:hover, .bg-style.bg-normal .vc_general.vc_btn3.vc_btn3-color-primary-bg:hover, .bg-style.bg-normal .vc_btn.vc_btn-primary-bg:hover, .bg-style.bg-normal .vc_general.vc_btn3.vc_btn3-color-juicy-pink:hover { background:rgba(51,51,51,0.8) } .bg-style.bg-normal .btn:hover, .btn.btn-default:hover, input[type="submit"]:hover, button[type="submit"]:hover, .bg-style.bg-normal .vc_general.vc_btn3.vc_btn3-color-primary-bg:hover, .bg-style.bg-normal .vc_btn.vc_btn-primary-bg:hover, .bg-style.bg-normal .vc_general.vc_btn3.vc_btn3-color-juicy-pink:hover { color: #fff; } .vc_btn, a.vc_btn, button.vc_btn, .vc_btn:hover, a.vc_btn:hover, button.vc_btn:hover, .vc_btn:focus, a.vc_btn:focus, button.vc_btn:focus { border: none; } .vc_general.vc_btn3.vc_btn3-style-outline.vc_btn3-color-primary-bg { background: transparent; border: 1px solid; padding: 8px 20px; } .vc_general.vc_btn3.vc_btn3-style-outline.vc_btn3-color-primary-bg:hover { border: 1px solid; } .bg-skin-dark .vc_general.vc_btn3.vc_btn3-style-outline.vc_btn3-color-primary-bg:hover { color: #fff; } .btn.square { border-radius: 0!important; -ms-border-radius: 0!important; -moz-border-radius: 0!important; -o-border-radius: 0!important; -webkit-border-radius: 0!important; } .btn.white { color: #fff; } /*Btn large*/ .vc_general.vc_btn3.vc_btn3-color-primary-bg.vc_btn3-size-lg, .vc_btn3.vc_btn3-size-lg { padding-top: 20px; padding-bottom: 20px; font-weight: 900; } .btn:hover, .btn:focus, .btn.btn-default:hover, .btn.btn-default:focus, input[type="submit"]:hover, input[type="submit"]:focus, button[type="submit"]:hover, button[type="submit"]:focus, .btn-modal.btn-primary:hover, .btn-modal.btn-primary:active, .btn-modal.btn-primary:focus { color: #fff; } .btn.btn-transparent-white, .btn.btn-transparent-white-inverse, .btn.btn-transparent-black, .btn.btn-transparent-black-inverse, .btn.btn-transparent-color, .btn.btn-transparent-color-inverse { font-weight: 600; } .btn-transparent-white, .btn.btn-transparent-white, .btn-transparent-white-inverse:hover, .btn.btn-transparent-white-inverse:hover { background: transparent; border: 2px solid #fff; color: #fff; } .btn-transparent-white:hover, .btn.btn-transparent-white:hover, .btn-transparent-white-inverse, .btn.btn-transparent-white-inverse { background: #fff; border: 2px solid #fff; } .btn-transparent-black, .btn.btn-transparent-black, .btn-transparent-black-inverse:hover, .btn.btn-transparent-black-inverse:hover { background: transparent; border: 2px solid #333333; color: #333333; } .btn-transparent-black:hover, .btn.btn-transparent-black:hover, .btn-transparent-black-inverse, .btn.btn-transparent-black-inverse { background: #333333; border: 2px solid #333333; } .btn-transparent-color, .btn.btn-transparent-color, .btn-transparent-color-inverse:hover, .btn.btn-transparent-color-inverse:hover { background: transparent; border: 2px solid; } .btn-transparent-color:hover, .btn.btn-transparent-color:hover, .btn-transparent-color-inverse, .btn.btn-transparent-color-inverse { border: 2px solid; color: #fff; } .btn:active, .btn.active { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; } .btn.btn-wide { width: 100%; max-width: 205px; } .btn-top-margin { margin-top: 10px; } .search-form .btn, .zozo-mailchimp-form .btn { font-size: 13px; font-weight: 400; padding:8px 12px; } .zozo-mailchimp-form .btn > i { top:0; vertical-align:middle; font-size: 12px; font-weight: bold; } .widget .btn { padding-top: 10px; padding-bottom: 10px; } .btn-search { background: transparent; } .btn-search:hover, .btn-search:active, .btn-search:focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active { background-color: #333; color: #fff; } .inline-block, .inline-title { display: inline-block; } .no-padding { padding: 0!important; } .zozo-rounded { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; } .pager li > a, .pager li > span { margin-bottom: 10px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border:none; box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -ms-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -o-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); color: #fff; } .pager li > a:hover, .pager li > span:hover { } .pager li > a > i { font-weight: 700; font-size: 15px; } .pager li.previous > a > i { padding-right: 5px; } .pager li.next > a > i { padding-left: 5px; } .input-group { box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -ms-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -o-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } .input-group .form-control, .input-group .btn, .input-group button[type="submit"] { box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; } .input-group-addon { background: transparent; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; font-size: 18px; padding-right: 0; } .zozo-input-group-addon input.form-control { border-left: none; } .input-group-btn .btn { height: 40px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-left: 0; } .input-group .form-control:focus { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; } .zozo-top-anchor { display: block; position: absolute; top: 0; font-size: 0; height: 0; line-height: 0; top: 0; } hr { width: 100%; display: inline-block; margin-top: 45px; margin-bottom: 45px; } /* ------------- Search Form ------------- */ .search-form .input-group-btn .btn:hover { color:#fff; } /* SELECT BOX */ select { padding: 5px 10px; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #e1e1e1; border-radius: 3px; -ms- border-radius: 3px; -moz- border-radius: 3px; -o- border-radius: 3px; -webkit- border-radius: 3px; box-shadow: 0 1px #ffffff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; -ms-box-shadow: 0 1px #ffffff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; -moz-box-shadow: 0 1px #ffffff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; -o-box-shadow: 0 1px #ffffff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; -webkit-box-shadow: 0 1px #ffffff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; font-size: 12px; height: 40px; padding: 6px 12px; color: #333; vertical-align: middle; width: 100%; } select option { padding: 10px; } /* Password Form */ .post-password-form label input { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #e1e1e1; border-radius: 3px; box-shadow: 0 1px #fff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; font-size: 12px; height: 40px; line-height: 40px; margin-bottom: 22px; min-height: 40px; padding: 0 12px; } /* ================================================================ * WordPress Core * ================================================================ */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* ================================================================ * HIGHTLIGHT * ================================================================ */ .text-hightlight { background: #ccc; color: #fff; } /* ================================================================ * JUMBOTRON * ================================================================ */ .jumbotron p { margin-top: 20px; margin-bottom: 0; } /* ================================================================ * PAGE LOADER * ================================================================ */ .pageloader { background: #fff; height: 100%; position: fixed; top: 0; width: 100%; z-index: 99999; } .pageloader .zozo-custom-loader { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); margin: 0 auto; text-align: center; } .pageloader .zozo-custom-loader .custom-loader-img, .pageloader .zozo-custom-loader .page-loader-img { display: inline-block; } /* ================================================================ * PAGE HEADERS * ================================================================ */ .page-title-section { background-color:#f7f7f7; margin: 0; } .page-title-section .page-title-captions h1.entry-title{ font-size: 32px; font-weight: 700; margin: 8px 0 0; text-transform:uppercase; } .page-title-section .page-title-captions .page-entry-slogan { font-size: 12px; font-weight: 400; letter-spacing: 0; margin-bottom: 10px; margin-top: 10px; } .page-title-section .page-title-container { display: table; height: 140px; width: 100%; padding-top:15px; padding-bottom:15px; } .page-title-section .page-title-container .page-title-captions,.page-title-section .page-title-container .page-title-breadcrumbs { display: table-cell; vertical-align: middle; width:50%; } /*Breadcrumbs*/ .page-title-section .page-title-breadcrumbs .zozo-breadcrumbs { color: #7f7f7f; font-size: 12px; } .page-title-section.page-titlealign-default .page-title-breadcrumbs .zozo-breadcrumbs { text-align:right; } .page-title-section .page-title-breadcrumbs .zozo-breadcrumbs a { color: #333333; } .page-title-section .page-title-breadcrumbs .zozo-breadcrumbs .zozo-breadcrumb-sep { padding: 0 5px; } .zozo-breadcrumbs .zozo-breadcrumb-sep:last-child { display: none; } /*Title Right*/ .page-title-section.page-titlealign-right .page-title-captions { text-align: right; } /*Title Center*/ .page-title-section.page-titlealign-center .page-title-captions, .page-title-section.page-titlealign-center .page-title-breadcrumbs { display: block; margin: 0 auto; text-align: center; width: 100%; } .page-title-section.page-titlealign-center .page-title-captions { display:table-cell; } /*Title Mini*/ .page-title-section.page-titletype-mini .page-title-captions h1.entry-title { font-size: 16px; margin-bottom: 0; margin-top:0; } .page-title-section.page-titletype-mini .page-title-captions .page-entry-slogan { font-size: 13px; margin: 0; } /*Title Dark*/ .page-titleskin-dark { background-color: #252525; color: #fff; } .page-title-section.page-titleskin-dark h1, .page-title-section.page-titleskin-dark h5.page-entry-slogan, .page-title-section.page-titleskin-dark .page-title-breadcrumbs .zozo-breadcrumbs { color: #fff; } .page-title-section.page-titleskin-dark .page-title-breadcrumbs .zozo-breadcrumbs a { color:#fff; } /* Page Title Image Overlay */ /*.page-title-image-bg:after { width: 100%; height: 100%; content: ""; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0.8); } .page-titleskin-dark.page-title-image-bg:after { background: rgba(0, 0, 0, 0.5); }*/ .page-title-image-bg { position: relative; } .page-title-wrapper { position: relative; z-index: 1; } /* Page Title Description */ .page-entry-slogan > p { font-size: 14px; max-width: 500px; margin-left: auto; margin-right: auto; margin-bottom: 0; } .zozo-parallax { overflow: hidden; position: relative; height:100%; width:100%; } .zozo-parallax .zozo_parallax-inner { background-attachment: scroll; background-color: transparent; background-image: inherit; background-position: 50% 0; background-size: cover; left: 0; pointer-events: none; position: absolute; right: 0; width:100%; z-index: 0; } .zozo-parallax > * { position: relative; z-index: 1; } /* For Transparent Header */ .trans-h-semi-transparent .page-title-section .page-title-captions, .trans-h-transparent .page-title-section .page-title-captions{ margin:100px auto 0px; } /* ================================================================ * HEADER * ================================================================ */ .header-section { color:#000; } /*Boxed Header*/ .boxed-header .is-sticky .header-main-section, .boxed .is-sticky .header-main-section { max-width: 1200px; margin: 0 auto; } .boxed-header .header-main-section.navbar { padding: 0 15px; } .boxed-header .is-sticky .header-main-section { max-width: 100%; } /* ================================================================ * LINE HEIGHTS AND HEIGHTS [HEADER AND HEADER TOP] * ================================================================ */ .header-section .header-top-section .top-bar-item { line-height: 50px; height: 50px; } .header-section .header-top-section .form-control, .header-section .header-top-section .input-group-btn .btn { line-height: 30px; min-height: 30px; height: 30px; } .header-section .header-top-section .input-group-btn .btn { line-height: initial; } /* HEADER LOGO SECTION */ .header-section .header-logo-section .logo-bar-item, .header-section .header-logo-section .logo-bar-item .zozo-main-nav li > a, .header-section .header-logo-section .navbar-header .navbar-brand, .header-section.type-header-6 .header-logo-section li.header-top-cart { line-height: 76px; height: 76px; } .header-section .header-logo-section .search-form { height: 76px; } .type-header-6 .header-logo-section .zozo-logo-bar { height: 76px; line-height: 76px; vertical-align: middle; } /* HEADER MAIN SECTION */ .header-section.type-header-10 .header-sidenav-section .header-main-section { height: auto; } .header-section .header-main-section .navbar-header .navbar-brand, .header-section .header-main-section .zozo-main-nav > li, .header-section .header-main-section .zozo-main-nav > li > a, .header-section .header-main-section .main-bar-item, .header-section .header-main-section .toggle-bar-item, .header-section .header-main-section .header-toggle-content, .type-header-9 .navbar-nav.zozo-main-bar > li, .type-header-9 .navbar-nav.zozo-main-bar > li a { line-height: 100px; height: 100px; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; } .header-section .is-sticky .header-main-section .navbar-header .navbar-brand, .header-section .is-sticky .header-main-section .zozo-main-nav > li, .header-section .is-sticky .header-main-section .zozo-main-nav > li > a, .header-section .is-sticky .header-main-section .main-bar-item, .header-section .is-sticky .header-main-section .toggle-bar-item, .header-section .is-sticky .header-main-section .header-toggle-content, .type-header-9 .is-sticky .navbar-nav.zozo-main-bar > li, .type-header-9 .is-sticky .navbar-nav.zozo-main-bar > li a { line-height: 60px; height: 60px; } /* HEADER FULL WIDTH MENU */ .header-section.header-fullwidth-menu .header-main-section { height: 60px; } .header-section.header-fullwidth-menu .header-main-section .navbar-header .navbar-brand, .header-section.header-fullwidth-menu .header-main-section .zozo-main-nav > li, .header-section.header-fullwidth-menu .header-main-section .zozo-main-nav > li > a, .header-section.header-fullwidth-menu .header-main-section .main-bar-item { line-height: 60px; height: 60px; } /* ================================================================ * HEADER TOP SECTION * ================================================================ */ /* HEADER TOP LEFT */ .header-top-section { background: #2e2e2e; border-bottom: 1px solid transparent; color: #7c7c7c; } .header-section .header-top-section a { color: #7c7c7c; } .header-top-section ul { list-style: none; padding: 0; margin: 0; } .header-top-section .top-bar-item { display: inline-block; margin-right: 15px; vertical-align: middle; } /* HEADER TOP RIGHT */ .header-top-section .zozo-top-right { text-align: right; } .header-top-section .zozo-top-right .top-bar-item { margin: 0 0 0 15px; } /* CONTACT INFO */ .header-contact-details { padding: 0; } .header-contact-details > li { display: inline-block; position: relative; margin-right: 15px; vertical-align:middle; } .header-contact-details > li > a { line-height:inherit; } .header-contact-details > li:last-child { margin-right: 0; } .header-contact-details > li.header-phone:before, .header-contact-details > li.header-email > a:before { content: "\e048"; font-family: 'Simple-Line-Icons'; padding-right: 10px; } .header-contact-details > li.header-email > a:before { content: "\e086"; vertical-align:middle; } /* SOCIAL ICONS */ .header-section .zozo-social-icons li { margin: 0 5px 0 0; line-height: normal; height: auto; } .header-section .zozo-social-icons li:last-child { margin-right: 0; } .header-section .zozo-social-icons li a, .header-section .zozo-social-icons li a i { color: #fff; } .header-section .zozo-social-icons.soc-icon-transparent li a, .header-section .zozo-social-icons.soc-icon-transparent li a i { color: #333; } .header-top-section .zozo-social-icons.soc-icon-rounded li a { border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; } /*SEARCH BAR*/ .header-section .header-top-section .top-bar-item.item-search { line-height: normal; } .header-search-form .search-form { display: table-cell; height: 50px; vertical-align: middle; } .header-search-form .search-form .form-control { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; } .header-top-section .search-form .form-control { background:#2e2e2e; color:#fff; } .header-top-section .search-form .input-group-btn .btn-search, .header-top-section .search-form .input-group-btn .btn-search:hover { padding: 6px 10px; line-height: 18px; } .header-top-section ul > li.extra-nav.search-nav, .header-top-section ul > li.extra-nav.search-nav .search-form .input-group .form-control, .header-top-section .form-control { line-height: normal; } /* FULL SCREEN SEARCH */ .item-fullscreen-search .fullscreen-search-trigger { cursor: pointer; } .header-fullscreen-search-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; opacity: 0; visibility: hidden; background: rgba(0, 0, 0, 0.9); -webkit-transition: opacity 0.5s, visibility 0s 0.5s; -moz-transition: opacity 0.5s, visibility 0s 0.5s; -ms-transition: opacity 0.5s, visibility 0s 0.5s; -o-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; } .fullscreen-search-open .header-fullscreen-search-wrapper { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; } .header-fullscreen-search-wrapper .fullscreen-search-inner { position: relative; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); max-width: 700px; margin: 0 auto; } .header-fullscreen-search-wrapper .fullscreen-search-inner .form-control, .header-section.header-skin-dark .header-fullscreen-search-wrapper .fullscreen-search-inner .form-control { border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border: none; background: transparent; border-bottom: 1px solid #fff; font-size: 20px; height: 70px; color: #fff; } .header-fullscreen-search-wrapper .fullscreen-search-inner .btn.btn-search { background: transparent; color: #fff; font-size: 20px; padding: 0; position: absolute; right: 12px; top: 25px; } .header-fullscreen-search-wrapper .fullscreen-search-close { position: absolute; top: 70px; color: #fff; right: 70px; font-size: 30px; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition-delay: 0.2s; } .fullscreen-search-open .header-fullscreen-search-wrapper .fullscreen-search-close { opacity: 0.8; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .fullscreen-search-open .header-fullscreen-search-wrapper .fullscreen-search-close:hover { opacity: 1; } /* HEADER DETAILS BOX */ .header-details-box { margin-right: 15px; display: inline-block; } .header-details-box:last-child { margin-right: 0; } .header-details-box .header-details-icon { float: left; color:#fff; text-align:center; min-width: 40px; margin-right: 15px; font-size: 18px; } .header-details-box .header-details-icon > i { border: 1px solid #e1e1e1; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; color: #333; padding:10px; font-size: 20px; height: 50px; line-height: 50px; vertical-align: middle; width: 50px; } .header-details-info { display: inline-block; line-height: normal; vertical-align: middle; } .header-details-info p, .header-details-info strong, .header-details-info span { line-height: 20px; } .header-details-info > span, .header-details-info > span > a { display: block; color: #999; font-size: 13px; } /* HEADER TOP MENU */ .header-top-section .top-menu-navigation .navbar-nav { margin: 0 -15px; } .header-top-section .top-menu-navigation .navbar-nav > li:after { position: absolute; width: 1px; height: 10px; background: #7c7c7c; content: ""; right: 0; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .header-top-section .top-menu-navigation .navbar-nav > li:last-child:after { content: none; } .header-top-section .top-menu-navigation .navbar-nav > li > a { padding: 0 15px; line-height: inherit; position: relative; } .header-top-section .top-menu-navigation .navbar-nav > li > a:hover, .header-top-section .top-menu-navigation .navbar-nav > li > a:focus { background: none; } .header-main-bar-sidemenu > a { color: #2b2b2b; } /* ================================================================ * HEADER LOGO SECTION * ================================================================ */ .header-section .header-logo-section .logo-bar-item { display: inline-block; vertical-align: middle; float: left; padding: 0 15px; } .header-section .header-logo-section .logo-bar-item.item-search { line-height: normal; } .header-section .header-logo-section .logo-bar-item .zozo-main-nav { margin: 0 -15px; } .header-section .header-logo-section .logo-bar-item .dropdown-menu li, .header-section .header-logo-section .logo-bar-item .dropdown-menu li > a { line-height: normal; height: auto; } .header-section.header-fullwidth-menu .header-logo-section { border-bottom: 1px solid #eee; } .header-logo-section .zozo-header-logo-bar .extra-nav { margin-right: 15px; display: block; } .header-logo-section .zozo-header-logo-bar .search-form { min-width: 350px; } /* ================================================================ * LOGO * ================================================================ */ /* Dont touch */ .zozo-logo a.navbar-brand { display: block; max-height: 100%; height: 100%; text-align: left; font: 0/0 a; } .zozo-logo a.navbar-brand:before { /* create a full-height inline block pseudo=element */ content: ' '; display: inline-block; vertical-align: middle; /* vertical alignment of the inline element */ height: 100%; } .zozo-logo.has-img a.navbar-brand { line-height: 0; } .zozo-logo .navbar-brand img { height: auto; max-height: 100%; width: auto; display: inline-block; vertical-align: middle; } .zozo-logo .navbar-brand img.zozo-retina-logo, .zozo-logo .navbar-brand h1.retina-text-logo { display: none; width: auto; } /* STICKY LOGO */ .header-sticky.is-sticky .zozo-no-sticky-logo .navbar-brand > img.zozo-standard-logo { max-height: 30px; max-width: 100%; width: auto; } .zozo-has-sticky-logo .navbar-brand > img.zozo-sticky-logo { display: none; } .is-sticky .zozo-has-sticky-logo .navbar-brand > img.zozo-standard-logo, .is-sticky .zozo-has-sticky-logo .navbar-brand h1.standard-text-logo, .is-sticky .zozo-has-sticky-logo .navbar-brand > img.zozo-retina-logo, .is-sticky .zozo-has-sticky-logo .navbar-brand h1.retina-text-logo { display: none; } .is-sticky .zozo-has-sticky-logo .navbar-brand > img.zozo-sticky-logo { display: inline-block; } .zozo-logo .zozo-text-logo { float: left; } .zozo-logo .zozo-text-logo .logo-h1 { margin: 0; line-height: inherit; } /* ================================================================ * HEADER JUSTIFY * ================================================================ */ .type-header-justify .header-main-section .zozo-header-main-bar{ text-align: center; } .type-header-justify .nav.navbar-nav.navbar-left.zozo-main-bar { float: none !important; display: inline-block; width: auto; } .type-header-justify .nav.navbar-nav.navbar-right.zozo-main-bar { width: auto; display: inline-block; } .type-header-justify .navbar-nav > li { display: inline-block; float: none; text-align: center; } /* ================================================================ * MOBILE HEADER * ================================================================ */ .mobile-header-section { display: none; background: #fff; } .mobile-header-section a { color: #333; } .header-mobile-main-section.navbar { margin-bottom: 0; } .header-mobile-sticky .mobile-header-section { position: relative; width: 100%; } .is-sticky .mobile-header-section, .is-sticky .header-transparent.mobile-header-section, .is-sticky .header-semi-transparent.mobile-header-section { background: #fff; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); left: 0; position: relative; right: 0; top: 0; width: 100%; z-index: 99; } .header-mobile-is-sticky .mobile-header-section { -webkit-transform: translateZ(0) translateY(0); -moz-transform: translateZ(0) translateY(0); -ms-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); transition: height 0.5s ease-in-out, transform 0.5s ease-in-out, background 0.5s ease-in-out; -ms-transition: height 0.5s ease-in-out, -ms-transform 0.5s ease-in-out, background 0.5s ease-in-out; -moz-transition: height 0.5s ease-in-out, -moz-transform 0.5s ease-in-out, background 0.5s ease-in-out; -webkit-transition: height 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out, background 0.5s ease-in-out; -o-transition: height 0.5s ease-in-out, -o-transform 0.5s ease-in-out, background 0.5s ease-in-out; } .header-mobile-is-sticky .mobile-header-section.sticky-header-hide { -webkit-transform: translateZ(0) translateY(-100%); -moz-transform: translateZ(0) translateY(-100%); -ms-transform: translateZ(0) translateY(-100%); -o-transform: translateZ(0) translateY(-100%); transform: translateZ(0) translateY(-100%); } .zozo-mobile-logo { text-align: center; height: auto; } .zozo-mobile-logo.logo-right { float: right; } .zozo-mobile-logo.has-img { max-width: 50%; } .mobile-left-logo .zozo-mobile-logo { float: left; text-align: left; } .mobile-right-logo .zozo-mobile-logo { float: right; text-align: right; } .zozo-mobile-logo a.navbar-brand { height: auto; overflow: hidden; display: block; margin: 0 auto; max-width: 100%; padding-top:10px; padding-bottom:10px; } .zozo-mobile-logo.logo-center a.navbar-brand { text-align: center; } .zozo-mobile-logo a.navbar-brand img { display: inline-block; height: auto; max-height: 100%; width: auto; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .mobile-header-items-wrap > div { display: inline-block; margin-left: 15px; } .main-mobile-navigation-wrapper { position: relative; } .main-mobile-nav .zozo-main-nav { padding: 0; margin: 0; float:none; } .main-mobile-nav .zozo-main-nav > li { float:none; } /* MOBILE MENU VARIATION */ /* LOGO RIGHT & LEFT */ .header-mobile-sticky { height: auto!important; } .header-mobile-left-logo .mobile-header-items-wrap, .header-mobile-right-logo .mobile-header-items-wrap, .header-mobile-center-logo .mobile-header-items-wrap.items-right, .header-mobile-center-logo-alt .mobile-header-items-wrap.items-right { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .header-mobile-right-logo .mobile-header-items-wrap { right: auto; left: 0; } /* CENTER LOGO */ .mobile-header-items-wrap.items-left > div { margin: 0 15px 0 0; } .mobile-header-items-wrap.items-right > div { margin: 0 0 0 15px; } .header-mobile-center-logo .mobile-header-items-wrap, .header-mobile-center-logo .zozo-mobile-logo, .header-mobile-center-logo-alt .mobile-header-items-wrap, .header-mobile-center-logo-alt .zozo-mobile-logo { display: inline-block; vertical-align: middle; } .header-mobile-center-logo .zozo-mobile-logo { margin-left: 0; } /* MOBILE MENU & MOBILE CART */ .mobile-menu-wrapper, .mobile-cart-wrapper { display: block; position: fixed; /*top: 0;*/ left: -75%; z-index: 100; width: 100%; max-width:280px; height: 100%; background: #f7f7f7; border-right: 1px solid #eee; overflow-y: scroll; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .mobile-menu-wrapper.mobile-menu-right, .mobile-cart-wrapper.mobile-cart-right { border-left: 1px solid #eee; right: -75%; left: auto; } .mobile-menu-open .mobile-menu-wrapper.mobile-menu-left { left: 0; } .mobile-menu-open .mobile-menu-wrapper.mobile-menu-right { right: 0; } .mobile-cart-open .mobile-cart-wrapper.mobile-cart-left { left: 0; } .mobile-cart-open .mobile-cart-wrapper.mobile-cart-right { right: 0; } a.menu-bars-link { line-height: inherit !important; width: 20px; height: 16px !important; display: inline-block; text-indent: -9999em; position: relative; vertical-align: middle; top: 50%; position: relative; /*margin-top: -3px;*/ overflow: hidden; } .mobile-menu-item a.menu-bars-link { transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); } a.menu-bars-link span, a.menu-bars-link span:before, a.menu-bars-link span:after { webkit-transition: all 0.5s cubic-bezier(0, 0.275, 0.125, 1); -moz-transition: all 0.5s cubic-bezier(0, 0.275, 0.125, 1); -o-transition: all 0.5s cubic-bezier(0, 0.275, 0.125, 1); -ms-transition: all 0.5s cubic-bezier(0, 0.275, 0.125, 1); transition: all 0.5s cubic-bezier(0, 0.275, 0.125, 1); background-color: #7c7c7c; display: block; position: absolute; width: 20px; height: 1px; left: 0; } a.menu-bars-link span:before, a.menu-bars-link span:after { content: ""; } a.menu-bars-link span { top: 6px; } a.menu-bars-link span:before { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; top: -6px; z-index: 10; } a.menu-bars-link span:after { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; top: 6px; } .mobile-menu-open .mobile-menu-item a.menu-bars-link span { background-color: transparent !important; } .mobile-menu-open .mobile-menu-item a.menu-bars-link span:before { -webkit-transform: translateY(7px) translateX(1px) rotate(45deg); -moz-transform: translateY(7px) translateX(1px) rotate(45deg); -ms-transform: translateY(7px) translateX(1px) rotate(45deg); -o-transform: translateY(7px) translateX(1px) rotate(45deg); transform: translateY(7px) translateX(1px) rotate(45deg); } .mobile-menu-open .mobile-menu-item a.menu-bars-link span:after { -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg); -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg); -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg); -o-transform: translateY(-6px) translateX(1px) rotate(-45deg); transform: translateY(-6px) translateX(1px) rotate(-45deg); } .mobile-menu-wrapper .mobile-menu-item, .mobile-cart-wrapper .mobile-menu-item { margin-right: 20px; margin-top: 20px; text-align: right; } .mobile-menu-wrapper .mobile-menu-nav, .mobile-cart-wrapper .mobile-cart-link { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 50%; display: inline-block; height: 30px; line-height: 29px; text-align: center; width: 30px; } .mobile-menu-wrapper .mobile-menu-nav:hover, .mobile-cart-wrapper .mobile-cart-link:hover { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } .mobile-menu-wrapper .mobile-menu-nav > i, .mobile-cart-wrapper .mobile-cart-link > i { color: #fff; font-size: 11px; font-weight: 900; } .mobile-cart-wrapper .woo-cart .cart-icon { display: none; } .mobile-cart-wrapper .woo-cart .woo-cart-contents { opacity: 1; visibility: visible; background: transparent; border: none; position: relative; top: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; margin-top: 15px; width:100%; } .mobile-cart-wrapper .woo-cart-contents .woo-cart-item { position: relative; } .mobile-cart-wrapper .woo-cart-contents .cart-total { margin:15px 0; } .mobile-cart-wrapper .woo-cart-contents .btn.btn-cart, .mobile-cart-wrapper .woo-cart-contents .btn.btn-checkout { color:#fff; } /* MOBILE TOGGLE SEARCH */ .mobile-menu-search > i { display: inline-block; vertical-align: middle; } .mobile-search-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; opacity: 0; visibility: hidden; background: rgba(0, 0, 0, 0.9); -webkit-transition: opacity 0.5s, visibility 0s 0.5s; -moz-transition: opacity 0.5s, visibility 0s 0.5s; -ms-transition: opacity 0.5s, visibility 0s 0.5s; -o-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; } .mobile-search-open .mobile-search-wrapper { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; } .mobile-search-wrapper .mobile-search-inner { position: relative; top: 50%; width:80%; margin:0 auto; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); } .mobile-search-wrapper .mobile-search-inner .form-control { border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border: none; background: transparent; border-bottom: 1px solid #fff; font-size: 20px; color: #fff; } .mobile-search-wrapper .mobile-search-inner .btn.btn-search { background: transparent; color: #fff; font-size: 20px; padding-right: 5px; position: absolute; right: 0; top: -5px; } .mobile-search-wrapper .mobile-search-close { position: absolute; top: 20px; right: 20px; font-size: 20px; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition-delay: 0.2s; } .mobile-search-open .mobile-search-wrapper .mobile-search-close { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .mobile-search-open .mobile-search-wrapper .mobile-search-close:hover { opacity: 1; } /* MOBILE SEARCH */ .mobile-search-form { padding: 15px; border-bottom: 2px solid #fff; } .mobile-search-form input { width: 100%; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; padding: 0 15px; } /* ================================================================ * M-MENU * ================================================================ */ .main-mobile-nav .zozo-main-nav li a, .main-mobile-nav .mobile-sub-menu li a, .mobile-megamenu-enabled h6.zozo-megamenu-title { display: block; font-size: 12px; padding: 10px 10px 10px 20px; text-transform: uppercase; border-bottom: 2px solid #fff; line-height:28px; font-weight:400; margin-bottom: 0; } .mobile-megamenu-enabled h6.zozo-megamenu-title > a { padding: 0; border: none; } .main-mobile-nav .zozo-main-nav .submenu-toggle { color: #383838; cursor: pointer; position: absolute; line-height: 45px; top: 0; bottom: 0; right: 0; text-align: center; width: 40px; z-index: 100; } .main-mobile-nav .zozo-main-nav .toggle-wrapper { position: relative; } .main-mobile-nav .zozo-main-nav li { position: static; } .main-mobile-nav .zozo-main-nav li .mobile-sub-menu { background-color: #f7f7f7; left: 0; min-height: 100%; opacity: 1; position: absolute; top: 0; display: block; transform: translateX(-100%); -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); visibility: visible; width: 100%; padding: 0; list-style: outside none none; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; } .main-mobile-nav .zozo-main-nav li .mobile-sub-menu > li.back-to-menu > a { font-weight: 600; padding-left: 30px; position: relative; } .main-mobile-nav .zozo-main-nav li .mobile-sub-menu > li.back-to-menu > a:before { content: "\f104"; font-family: FontAwesome; left: -10px; position: relative; } .main-mobile-nav .zozo-main-nav li .mobile-sub-menu.sub-menu-active { transform: translateX(0px) !important; -moz-transform: translateX(0px) !important; -webkit-transform: translateX(0px) !important; -ms-transform: translateX(0px) !important; -o-transform: translateX(0px) !important; z-index: 999; } .mobile-menu-wrapper.mobile-menu-right .main-mobile-nav .zozo-main-nav li .mobile-sub-menu { transform: translateX(100%); -moz-transform: translateX(100%); -webkit-transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); } /* end/ Dont Touch */ /* ================================================================ * HEADER MAIN SECTION * ================================================================ */ .header-section .header-logo-section, .header-section .header-main-section .header-section.header-skin-light.header-transparent .header-main-section.header-toggle-visible, .header-section.header-transparent.header-menu-skin-light .header-main-section.header-toggle-visible { background: #fff; } .header-section a, .mobile-cart-wrapper a, .mobile-menu-wrapper a { color: #333; transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; } .navbar-header { position: relative; } .navbar-header .navbar-brand, .navbar-brand { padding-top: 0; padding-bottom: 0; } .navbar-right .navbar-brand { margin: 0 -15px 0 0; } .header-sticky { position: relative; z-index: 99; } .header-section .navbar { margin-bottom: 0; width: 100%; border-top: none; border-bottom: 1px solid rgba(0, 0, 0, 0.05); min-height: 0; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; } .zozo-main-nav > li > a { padding-bottom: 0; padding-top: 0; color: #2b2b2b; font-size: 12px; font-weight: bold; letter-spacing: 0.05em; padding: 10px 14px; text-transform: uppercase; } .zozo-main-nav > li > a { padding-bottom: 0; padding-top: 0; } .zozo-main-nav > li > a > .caret { display: none; } .zozo-main-nav > li > a:hover, .zozo-main-nav > li > a:focus, .zozo-main-nav.nav > li > a:focus, .zozo-main-nav.nav > li > a:hover { background: transparent; } .navbar-nav.zozo-main-bar > li, .navbar-nav.zozo-logo-bar > li { position: static; } /* MAIN SEPARATOR */ .menu-style-separator .zozo-main-nav > li { background-image: url("images/menu-separator.png"); background-position: right center; background-repeat: no-repeat; } .menu-style-separator .zozo-main-nav > li:last-child { background: none; } /* MAIN BAR ITEM */ .header-main-section .main-bar-item, .header-main-section .toggle-bar-item, .header-main-section .toggle-bar-item .toggle-bar-item-level { display: inline-block; vertical-align: middle; margin: 0 15px; min-width: 15px; } .header-main-section .toggle-bar-item .toggle-bar-item-level:last-child { margin-right: 0; } .header-main-section .main-bar-item.item-search-toggle .search-trigger { cursor: pointer; } .header-main-section .main-bar-item.item-main-menu { margin-right: 0; } .header-main-section .navbar-right .main-bar-item.item-main-menu { margin-left: -15px; } /* NAV BAR LEFT */ .header-main-section .zozo-header-main-bar .navbar-left { margin-left: -15px; } .header-main-section .zozo-header-main-bar .navbar-left .zozo-main-nav > li:first-child > a { padding-left: 0; } /* NORMAL SEARCH */ .header-main-section .main-bar-item.item-main-search { position: relative; cursor: pointer; } .header-main-section .main-bar-item .search-form { position: absolute; right: 0; line-height: normal; width: 220px; display: none; top: 100%; z-index: 50; } .header-main-section .main-bar-item .search-form { position: absolute; right: 0; line-height: normal; width: 220px; display: none; top: 100%; z-index: 50; } .header-main-section .navbar-left .main-bar-item .search-form { right: auto; left: 0; } .header-main-section .main-bar-item .search-form .btn.btn-search { padding: 9px 12px; } /*STICKY*/ .header-section.header-transparent .is-sticky .header-main-section, .is-sticky .header-main-section { z-index: 99; box-shadow: 10px 0 25px -1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 10px 0 25px -1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 10px 0 25px -1px rgba(0, 0, 0, 0.05); -o-box-shadow: 10px 0 25px -1px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 10px 0 25px -1px rgba(0, 0, 0, 0.05); background: #fff; border:none; left: 0; right: 0; } .header-is-sticky .header-main-section { -webkit-transform: translateZ(0) translateY(0); -moz-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); transition: transform 0.5s ease-in-out,-webkit-transform 0.5s ease-in-out, height 0.5s ease-in-out 0s; -moz-transition: transform 0.5s ease-in-out 0s,-webkit-transform 0.5s ease-in-out, height 0.5s ease-in-out 0s; -webkit-transition: transform 0.5s ease-in-out 0s,-webkit-transform 0.5s ease-in-out, height 0.5s ease-in-out 0s; -o-transition: transform 0.5s ease-in-out 0s,-webkit-transform 0.5s ease-in-out, height 0.5s ease-in-out 0s; } .header-is-sticky .header-main-section.sticky-header-hide { -webkit-transform: translateZ(0) translateY(-100%); -moz-transform: translateZ(0) translateY(-100%); -ms-transform: translateZ(0) translateY(-100%); -o-transform: translateZ(0) translateY(-100%); transform: translateZ(0) translateY(-100%); } /* DROP DOWN MENU */ .zozo-main-nav > li > a.dropdown-toggle::after { content: "\f107"; font-family: fontawesome; font-size: 14px; line-height: 13px; } .dropdown-menu, .navbar-right .dropdown-menu { background: #FFFFFF; min-width: 210px; border: none; border-width: 3px 0 0; border-style: solid; padding: 20px 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; display: block; opacity: 0; visibility: hidden; left: 0; right: auto; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform-origin: center top 0; -webkit-transform-origin: center top 0; -moz-transform-origin: center top 0; -ms-transform-origin: center top 0; -o-transform-origin: center top 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .dropdown-menu li { position: relative; } .dropdown-menu > li a, .dropdown-menu .sub-menu a, .zozo-megamenu .menu-item > a, .mobile-sub-menu > li > a, .zozo-main-nav .zozo-megamenu-submenu li > a { padding: 10px 30px; transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; color: inherit; } .dropdown-menu li:first-child:before { content: none; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li.dropdown:hover > a, .sub-menu > li > a:focus, .sub-menu > li > a:hover, .sub-menu > li.dropdown:hover > a { background: none; margin-left: 5px; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background: none; } .zozo-megamenu .menu-item > a:hover, .zozo-megamenu .menu-item > a:focus, .zozo-main-nav .zozo-megamenu-submenu li > a:hover, .zozo-main-nav .zozo-megamenu-submenu li > a:focus { padding-left: 5px; } .dropdown-menu > li.dropdown:after, .sub-menu > li.dropdown:after { content: "\f105"; font-family: FontAwesome; position: absolute; color: inherit; line-height: normal; top: 15px; right: 30px; font-size: 10px; } .dropdown-menu > li.dropdown:hover:after, .sub-menu > li.dropdown:hover:after { content: "\f104"; } /* SUB MENU */ .dropdown-menu .sub-menu { left: 100%; position: absolute; top: -23px; padding: 20px 0; margin: 0; min-width: 210px; list-style: none; display: block; opacity: 0; border: none; border-width: 3px 0 0; border-style: solid; visibility: hidden; background: #FFFFFF; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -ms-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -o-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform-origin: center top 0; -webkit-transform-origin: center top 0; -moz-transform-origin: center top 0; -ms-transform-origin: center top 0; -o-transform-origin: center top 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; z-index:9; } .zozo-main-nav .dropdown-menu > li a, .zozo-main-nav .dropdown-menu .sub-menu a, .zozo-main-nav .zozo-megamenu-submenu li > a, .zozo-main-nav .zozo-megamenu .menu-item > a, .header-section .header-logo-section .logo-bar-item .zozo-main-nav .zozo-megamenu li, .header-section .header-logo-section .logo-bar-item .zozo-main-nav .zozo-megamenu-submenu li, .header-section .header-logo-section .logo-bar-item .zozo-main-nav .zozo-megamenu-submenu li > a { height: auto; line-height: 20px; } .zozo-main-nav.navbar-nav.navbar-right li:last-child .dropdown-menu .sub-menu, .logo-bar-item .zozo-main-nav.navbar-nav li:last-child .dropdown-menu .sub-menu { right: 100%; left: auto; } .dropdown-menu .sub-menu a { clear: both; display: block; line-height: 1.42857; white-space: nowrap; } .dropdown:hover .dropdown-menu, .dropdown-menu .dropdown:hover > .sub-menu, .sub-menu .dropdown:hover > .sub-menu, .zozo-megamenu-menu.dropdown:hover .zozo-megamenu-wrapper, .header-top-cart:hover .woo-cart-contents { visibility: visible; opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); } .zozo-main-nav.navbar-nav li:last-child .dropdown-menu .sub-menu, .zozo-main-nav.navbar-nav li:nth-last-child(2) .dropdown-menu .sub-menu { left: auto; right: 100%; } .zozo-main-bar.zozo-vertical-side-bar .zozo-main-nav.navbar-nav li:last-child .dropdown-menu .sub-menu, .zozo-main-bar.zozo-vertical-side-bar .zozo-main-nav.navbar-nav li:nth-last-child(2) .dropdown-menu .sub-menu { left: 100%; right: 0; } /* MEGA MENU */ .nav > li.zozo-megamenu-menu { position: static; } .nav.navbar-nav.zozo-vertical-side-bar .zozo-main-nav > li.zozo-megamenu-menu { position: relative; } .zozo-megamenu-wrapper { background: #ffffff; left: 0; position: absolute; right: 0; width: 100%; opacity: 0; top: auto; padding: 15px 30px; visibility: hidden; border: none; border-width: 3px 0 0; border-style: solid; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -ms-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -o-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform-origin: center top 0; -webkit-transform-origin: center top 0; -moz-transform-origin: center top 0; -ms-transform-origin: center top 0; -o-transform-origin: center top 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; z-index: 99; } .nav.navbar-nav.zozo-vertical-side-bar .zozo-main-nav > li.zozo-megamenu-menu .zozo-megamenu-wrapper { top: 0; } .zozo-megamenu-wrapper.megamenu-fullwidth { padding: 0 15px; } .zozo-megamenu-container, .zozo-megamenu, .zozo-megamenu .zozo-megamenu-submenu .sub-menu { list-style: none; } .zozo-megamenu { padding: 0; width: 100%; } .zozo-megamenu > li { padding: 15px; text-align: left; } .zozo-main-nav.navbar-nav .zozo-megamenu .zozo-megamenu-submenu .sub-menu { margin: 0; padding: 0; border: none !important; } .zozo-megamenu .menu-item > a, .zozo-main-nav .zozo-megamenu-submenu li > a { padding: 10px 0; display: block; } .zozo-main-nav .zozo-megamenu-submenu li:before { content: ""; display: block; height: 1px; margin: 0 auto; } .zozo-main-nav .zozo-megamenu-submenu li:first-child:before { content: none; } .zozo-main-nav.navbar-nav li .zozo-megamenu-container .zozo-megamenu .zozo-megamenu-title > a, .zozo-megamenu-title { text-transform: uppercase; font-size: 16px; } .zozo-megamenu-bullet { display: none; } /* MEGA MENU WIDGETS */ .zozo-megamenu-widgets-container .widget h3 { margin-bottom: 0; } .widget .btn.mc-subscribe { padding: 0 12px; } .zozo-megamenu-icon.title-menu { padding-right: 10px; } /* HEADER 3 (Center logo) */ .header-section.type-header-3 .header-main-section .navbar-header, .header-section.type-header-3 .header-main-section .navbar-header .navbar-brand, .header-section.type-header-3 .header-main-section .zozo-header-main-bar .zozo-main-bar, .header-section.type-header-3 .header-main-section .zozo-header-main-bar .zozo-main-bar > li, .header-section.type-header-3 .header-main-section .zozo-main-nav { width: 100%; text-align: center; } .header-section.type-header-3 .header-main-section .navbar-header .navbar-brand { margin: 0; } .header-section.type-header-3 .is-sticky .header-main-section .navbar-header .navbar-brand { margin-left: -15px; } .header-section.type-header-3 .header-main-section .zozo-main-nav > li { float: none; display: inline-block; } .header-section.type-header-3 .header-main-section .navbar-header .navbar-brand > img { margin: 0 auto; } .header-section.type-header-3 .header-main-section .zozo-main-bar:before { background: #eee; content: ""; height: 1px; left: 0; position: absolute; right: 0; width: 100%; } .header-section.type-header-3.header-skin-dark .header-main-section .zozo-main-bar:before { background: #333; } .header-section.type-header-3 .is-sticky .header-main-section .zozo-main-bar:before { content: none; background: none; } .header-section.type-header-3 .is-sticky .header-main-section .navbar-header, .header-section.type-header-3 .is-sticky .header-main-section .navbar-header .navbar-brand, .header-section.type-header-3 .is-sticky .header-main-section .zozo-header-main-bar .zozo-main-bar, .header-section.type-header-3 .is-sticky .header-main-section .zozo-header-main-bar .zozo-main-bar > li, .header-section.type-header-3 .is-sticky .header-main-section .zozo-main-nav { width: auto; text-align: unset; } .header-section.type-header-3 .is-sticky .header-main-section .zozo-main-bar { float: right; margin-right: -15px; } /*Header 5 (Header Fullwidth menu 2)*/ .header-section.type-header-5 .header-logo-section .navbar-header, .header-section.type-header-5 .header-logo-section .navbar-header .navbar-brand { width: 100%; text-align: center; margin: 0; } /*HEADER 6 (Header Fullwidth menu 3)*/ .header-section.type-header-6 .header-logo-section { padding: 15px 0; } .header-section.type-header-6 .header-logo-section .woo-cart .cart-icon { color: #ffc400; } .header-section.type-header-6 .header-logo-section .woo-cart .cart-icon { border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; padding: 0 25px; font-size: 20px; border:1px solid #eee; float: left; margin: 0; color: #333; } /*HEADER 7 & 8 (HEADER CENTERED LOGO)*/ .header-section.type-header-7 .navbar-header, .header-section.type-header-8 .navbar-header { left: 0; margin: 0 auto; position: absolute; right: 0; padding: 0; top:50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); text-align:center; } .header-section.type-header-7 .navbar-brand, .header-section.type-header-8 .navbar-brand { float: none; text-align: center; margin: 0; overflow: hidden; display:inline-block; vertical-align:middle; } /*HEADER 12 (TOGGLE ELEMENTS)*/ .zozo-header-toggle-bar .toggle-bar-item i { cursor: pointer; line-height: inherit; display: inline-block; } .header-toggle-content { position: absolute; background: #fff; left: 0; right: 0; /*top: 0;*/ bottom: 0; z-index: 3; display: none; transition:none; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; } .header-toggle-content h3 { margin: 0; line-height: inherit; } .header-toggle-content i { line-height: inherit; } .header-toggle-content .btn-toggle-close { float: right; cursor: pointer; font-size: 20px; } .header-toggle-content .header-email > a { color: inherit; } .toggle-search-form .form-control { border: none; font-size: 32px; background: inherit!important; height: inherit; line-height: inherit; padding: 0; position: absolute; z-index: -1; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; } /*HEADER 9 (TOGGLE HEADER - SLIDE)*/ .header-section.type-header-9 .navbar-nav.zozo-main-bar { margin-right: 0; } .header-section.type-header-9 .nav > li > a:focus, .header-section.type-header-9 .nav > li > a:hover { background: none; } .header-section .header-toggle-section { background: #fff; box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -ms-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -o-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); height: 100%; margin: 0; overflow-y: auto; position: fixed; left: -25%; top: 0; width: 25%; z-index: 250; } .header-section .header-toggle-section.header-position-right { right: -25%; left: auto; width: 25%; border-right: none; border-left: 1px solid #eee; } .header-section .header-toggle-section .header-toggle-inner { padding: 80px 40px 80px; } .header-section .header-toggle-section .close-menu { color: #fff; display: block; font-size: 25px; height: 60px; box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -ms-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -o-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); right: 0; line-height: 60px; padding: 0; position: absolute; text-align: center; top: 0; width: 60px; z-index: 10; } .header-section .header-toggle-section.header-position-right .close-menu { left: 0; right: auto; } .zozo-header-side-main-bar { text-align:center; } /* OVERLAY MENU STYLE */ .header-overlay-menu-wrapper .mCSB_container.content-vcenter { height: 100%; } .header-overlay-menu-wrapper .mCSB_container.content-vcenter .header-overlay-menu-inner { top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); } .header-overlay-menu-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; color:#fff; opacity: 0; visibility: hidden; background: rgba(0, 0, 0, 0.9); -webkit-transition: opacity 0.5s, visibility 0s 0.5s; -moz-transition: opacity 0.5s, visibility 0s 0.5s; -ms-transition: opacity 0.5s, visibility 0s 0.5s; -o-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; } .overlay-menu-open .header-overlay-menu-wrapper { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; } .header-overlay-menu-wrapper .header-overlay-menu-inner { position: relative; max-width: 700px; margin: 0 auto; padding: 40px 0; } .header-overlay-menu-wrapper .zozo-main-nav > li, .header-overlay-menu-wrapper .zozo-header-side-main-bar { text-align:center; } .header-overlay-menu-wrapper .zozo-main-nav > li > a { font-size: 20px; font-weight: 600; text-align: center; display:inline-block; color:#fff; } .header-overlay-menu-wrapper .dropdown-menu > li a, .header-overlay-menu-wrapper .dropdown-menu .sub-menu a, .header-overlay-menu-wrapper .zozo-megamenu .menu-item > a, .header-overlay-menu-wrapper .mobile-sub-menu > li > a, .header-overlay-menu-wrapper .zozo-main-nav .zozo-megamenu-submenu li > a, .header-overlay-menu-wrapper .menu-toggler, .header-overlay-menu-wrapper .zozo-megamenu-title { color:#fff } .header-overlay-menu-wrapper .zozo-main-nav > li.toggle-open > a, .header-overlay-menu-wrapper li.toggle-open > a { color:#0099CC; } .header-overlay-menu-wrapper .dropdown-menu > li a, .header-overlay-menu-wrapper .dropdown-menu .sub-menu a, .header-overlay-menu-wrapper .zozo-megamenu .menu-item > a, .header-overlay-menu-wrapper .mobile-sub-menu > li > a, .header-overlay-menu-wrapper .zozo-main-nav .zozo-megamenu-submenu li > a, .header-section.type-header-9 .header-overlay-menu-wrapper .header-side-main-section .mobile-sub-menu > li > a { font-size: 20px; font-weight: 600; } .header-section.type-header-9 .header-overlay-menu-wrapper .header-side-main-section .menu-toggler { position: relative; right: -5px; top: -3px; } .header-section.type-header-9 .header-overlay-menu-wrapper .header-side-main-section .menu-toggler > i { font-size: 12px; } .header-overlay-menu-wrapper .close-menu { position: absolute; top: 70px; color: #fff; right: 70px; font-size: 30px; -webkit-transform: scale(0); transition: all 0.3s ease-in-out 0.2s; -moz-transition: all 0.3s ease-in-out 0.2s; -webkit-transition: all 0.3s ease-in-out 0.2s; -o-transition: all 0.3s ease-in-out 0.2s; -ms-transition: all 0.3s ease-in-out 0.2s; } .overlay-menu-open .header-overlay-menu-wrapper .close-menu { opacity: 0.8; -webkit-transform: scale(1); } .overlay-menu-open .header-overlay-menu-wrapper .close-menu:hover { opacity: 1; } .header-overlay-menu-wrapper .woo-cart-contents { display:none; } .header-overlay-menu-wrapper .main-bar-item.item-search { width:50%; margin:0 auto; } .header-section .header-overlay-menu-wrapper .zozo-social-icons.soc-icon-transparent li a, .header-section .header-overlay-menu-wrapper .zozo-social-icons.soc-icon-transparent li a i { color:#fff; } .header-overlay-menu-wrapper .zozo-social-icons li a { background:#fff; } .header-overlay-menu-wrapper .zozo-social-icons li a, .header-overlay-menu-wrapper .zozo-social-icons li a i { color:#333; } .header-overlay-menu-wrapper .zozo-social-icons li a:hover, .header-overlay-menu-wrapper .zozo-social-icons li a i:hover { color:#fff; } .header-overlay-menu-wrapper a, .header-overlay-menu-wrapper .header-details-box .header-details-icon > i { color:#fff; } /*MENU AND DROPDOWN*/ .header-section.type-header-9 .header-main-section li.header-side-wrapper > a { font-size: 40px; padding: 0; } .header-section.type-header-9 .header-side-main-section .navbar-nav, .header-section.type-header-9 .header-side-main-section .navbar-nav > li { width: 100%; } .header-section.type-header-9 .header-side-main-section .navbar-nav > li > a, .header-section.type-header-9 .header-side-main-section .mobile-sub-menu > li > a { line-height: 40px; text-transform: uppercase; padding: 0; } .header-section.type-header-9 .header-side-main-section .mobile-sub-menu > li > a { font-size: 13px; } .header-section.type-header-9 li.drop-down h6.zozo-megamenu-title { margin-bottom: 0; } .header-section.type-header-9 .header-side-main-section .mobile-sub-menu { list-style: none; padding-left: 0; transition: 0.4s all ease-in-out; -ms-transition: 0.4s all ease-in-out; -moz-transition: 0.4s all ease-in-out; -o-transition: 0.4s all ease-in-out; -webkit-transition: 0.4s all ease-in-out; } .header-section.type-header-9 .header-side-main-section .menu-toggler { cursor: pointer; position: absolute; right: -15px; top: 6px; } .header-section.type-header-9 .zozo-main-nav > li > .menu-toggler i:before, .header-section.type-header-9 .mobile-sub-menu li > .menu-toggler i:before, .header-section.type-header-9 .header-side-main-section .zozo-main-nav > li > .menu-toggler i:before, .header-section.type-header-9 .header-side-main-section .mobile-sub-menu li > .menu-toggler i:before { content: "\f142"; font-family: "Flaticon"; font-size: 10px; font-weight:600; } .header-section.type-header-9 .zozo-main-nav > li > .menu-toggler i:before, .header-section.type-header-9 .mobile-sub-menu li > .menu-toggler i:before { font-size: 15px; } .header-section.type-header-9 .zozo-main-nav > li.toggle-open > .menu-toggler i:before, .header-section.type-header-9 .mobile-sub-menu li.toggle-open > .menu-toggler i:before, .header-section.type-header-9 .header-side-main-section .zozo-main-nav > li.toggle-open > .menu-toggler i:before, .header-section.type-header-9 .header-side-main-section .mobile-sub-menu li.toggle-open > .menu-toggler i:before { content: "\f10e"; } .header-section.type-header-9 .mobile-megamenu-enabled h6.zozo-megamenu-title { border: none; font-size: 13px; padding: 10px 0; } /* MAIN BAR ITEMS */ .header-side-main-section .main-bar-item { margin-bottom: 30px; text-align: center; } /* CART */ .header-side-main-section .main-bar-item.item-cart, .header-side-main-section .main-bar-item.item-secondary-menu { display: inline-block; margin-right: 15px; } .header-side-main-section .main-bar-item.item-cart .cart-icon { padding: 10px; border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -ms-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -o-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } .header-side-main-section .main-bar-item.item-cart .cart-icon, .header-side-main-section .main-bar-item.item-cart .cart-icon i { color: #fff; } .header-section .header-toggle-section.header-position-right .zozo-header-side-main-bar { text-align: center; } .header-section .header-toggle-section.header-position-right .main-bar-item.item-cart, .header-section .header-toggle-section.header-position-right .main-bar-item.item-secondary-menu { margin: 0 0 30px 15px; } .header-section .header-toggle-section.header-position-right .woo-cart-contents { right: 0; left: auto; } /* MAIN MENU */ .header-side-main-section .main-bar-item.item-main-mobile-menu { text-align: left; width: 100%; } .header-side-main-section .main-bar-item.item-main-mobile-menu:before, .header-side-main-section .main-bar-item.item-main-mobile-menu:after { display: table; content: " "; } .header-side-main-section .main-bar-item.item-main-mobile-menu:after { clear: both; } /* SEARCH FORM */ .header-side-main-section .main-bar-item .header-search-form .search-form { display: block; } /* CONTACT INFO */ .header-side-main-section .main-bar-item.item-address-info { text-align: left; } .header-side-main-section .header-details-box .header-details-icon { float: none; margin-bottom: 10px; } .header-side-main-section .main-bar-item.item-address-info .header-details-box { margin-bottom: 15px; width: 100%; text-align: center; } .header-toggle-section .mCSB_inside > .mCSB_container { margin-right: 0; } /* HEADER 10 (VERTICAL HEADER)*/ .header-section .header-sidenav-section { background: #fff; bottom: 0; height: 100%; left: 0; position: fixed; max-width: 300px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); right: auto; top: 0; z-index: 100; } .header-section .header-sidenav-section.header-position-right { right: 0; left: auto; } .header-section .header-sidenav-section .woo-cart-contents { display:none; } .htype-header-10 .container, .fullwidth.htype-header-10 .container { max-width: 1000px; } /* NAV BRAND */ .header-sidenav-section .navbar-header, .header-sidenav-section .navbar-header > .navbar-brand { width: 100%; display: block; margin: 10px auto 10px; text-align: center; } /* MAIN BAR ITEM */ .header-sidenav-section .navbar-nav { float: none; text-align: center; } .header-sidenav-section .zozo-vertical-side-bar .main-bar-item { display: block; margin: 0 auto 30px; text-align: center; line-height: normal; height: auto !important; } /* CART & SECONDRY MENU */ .header-sidenav-section .zozo-vertical-side-bar .main-bar-item.item-cart, .header-sidenav-section .zozo-vertical-side-bar .main-bar-item.item-secondary-menu { display: inline-block; margin-right: 15px; } /* SEARCH BAR */ .header-sidenav-section .zozo-vertical-side-bar .main-bar-item .search-form { display: block; position: relative; width: 100%; } /* MAIN MENU */ .header-sidenav-section .zozo-vertical-side-bar .main-bar-item .zozo-main-nav { width: 100%; } .header-sidenav-section .zozo-vertical-side-bar .main-bar-item.item-main-menu { margin: 0 -15px 30px; } .header-sidenav-section .zozo-vertical-side-bar .main-bar-item .zozo-main-nav > li, .header-sidenav-section .zozo-vertical-side-bar .main-bar-item .zozo-main-nav > li > a { width: 100%; display: block; text-align: left; line-height: 40px; height: 40px; text-align:center; } .header-sidenav-section .zozo-vertical-side-bar .main-bar-item .dropdown-toggle:after { content: none; } .header-sidenav-section .dropdown-menu, .header-sidenav-section .zozo-main-nav.navbar-nav .sub-menu { left: 100%; top: -3px; } .header-sidenav-section .zozo-vertical-side-bar .zozo-main-nav.navbar-nav .dropdown-menu li:before { border:none; } .header-sidenav-section .zozo-vertical-side-bar .zozo-main-nav.navbar-nav .dropdown-menu li:last-child > a { border-bottom: none; } /* RIGHT SIDE */ .header-sidenav-section.header-position-right .dropdown-menu, .header-sidenav-section.header-position-right .zozo-main-nav.navbar-nav .sub-menu { right: 100%; left: auto; } .header-sidenav-section.header-position-right .zozo-vertical-side-bar .main-bar-item .dropdown-menu { text-align: right; } .header-sidenav-section.header-position-right .dropdown-menu > li.dropdown:after, .header-sidenav-section.header-position-right .sub-menu > li.dropdown:after { left: 12px; right: auto; content: "\f104"; } .header-sidenav-section.header-position-right .dropdown-menu > li.dropdown:hover:after, .header-sidenav-section.header-position-right .sub-menu > li.dropdown:hover:after { content: "\f105"; } .header-sidenav-section.header-position-right .woo-cart-contents { right: 0; left: auto; } /* HEADER CONTACT DETAILS */ .header-sidenav-section .zozo-vertical-side-bar .main-bar-item .header-contact-details > li, .header-sidenav-section .zozo-vertical-side-bar .main-bar-item .header-details-box { display: block; margin: 0 auto 15px; } .header-sidenav-section .zozo-vertical-side-bar .main-bar-item .header-details-box .header-details-icon { float: none; margin-bottom: 15px; } /* Header Transparency */ .header-section.header-transparent, .header-section.header-semi-transparent, .header-transparent.mobile-header-section, .header-semi-transparent.mobile-header-section { position: absolute; top: 0; left: 0; right: 0; z-index: 99; } .header-section.header-transparent .header-main-section, .header-section.header-semi-transparent .header-main-section { border-bottom: 1px solid; } /*New tag*/ .header-section .menu-item .new-tag-hot, .header-section .menu-item .new-tag-new, .header-section .menu-item .new-tag-trend { border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; color: #fff; font-size: 9px; font-weight: 800; margin-left: 10px; margin-top: 3px; padding: 3px 5px 4px; position: relative; text-transform: capitalize; } .header-section .menu-item .new-tag-hot:before, .header-section .menu-item .new-tag-new:before, .header-section .menu-item .new-tag-trend:before { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-color: transparent #138af9 transparent transparent; border-style: solid; border-width: 5px; content: ""; height: 0; left: -9px; position: absolute; top: 4px; width: 0; } .header-section .menu-item .new-tag-hot { background-color: #ff0000; } .header-section .menu-item .new-tag-hot::before { border-color: transparent #ff0000 transparent transparent; } .header-section .menu-item .new-tag-new { background-color: #138af9; } .header-section .menu-item .new-tag-new::before { border-color: transparent #138af9 transparent transparent; } .header-section .menu-item .new-tag-trend { background-color: #1eb710; } .header-section .menu-item .new-tag-trend::before { border-color: transparent #1eb710 transparent transparent; } /* Sliding Bar */ .slidingbar-toggle-wrapper a { border-left: 40px solid transparent; border-top: 40px solid #222; position: absolute; right: 0; color: #fff; } .slidingbar-toggle-wrapper a:after { color: #fff; content: "\f142"; font-family: "Flaticon"; display: block; font-size: 12px; font-weight: 600; left: -18px; position: absolute; text-shadow: none; top: -40px; } .slidingbar-toggle-wrapper a.sb-open:after { content: "\f10e"; font-family: "Flaticon"; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; } .sliding-bar-section { margin-left: auto; margin-right: auto; position: absolute; right: 0; top: 0; width: 100%; z-index: 999; } .slidingbar-inner { background: #222; color: #fff; display: none; height: auto; overflow: hidden; padding: 25px 0; position: relative; z-index: 3; } /* Sliding Bar Widgets */ .sliding-bar-widgets input, .sliding-bar-widgets select, .sliding-bar-widgets textarea { color: #666; } .sliding-bar-widgets a:hover, .sliding-bar-widgets a:active, .sliding-bar-widgets a:focus { color: #fff; } .sliding-bar-widgets .widget, .sliding-bar-widgets .widget table { margin-bottom: 0; } .sliding-bar-widgets .widget-title { border-bottom: 1px dashed rgba(255, 255, 255, 0.3); color: #fff; line-height: 22px; margin-top: 0; padding-bottom: 13px; } .sliding-bar-widgets .zozo-counter-count { color: #fff; line-height: 30px; margin: 0; padding: 0 0 10px; } .sliding-bar-widgets .zozo-counter-count .counter { margin-left: 10px; } .sliding-bar-widgets .widget_calendar caption { color: #fff; padding-top: 0; } .sliding-bar-widgets .widget.widget_recent_entries li a, .sliding-bar-widgets .widget.widget_recent_comments li .comment-author-link a:hover, .sliding-bar-widgets .widget.zozo_category_posts_widget li a, .sliding-bar-widgets .widget.widget_categories li a, .sliding-bar-widgets .widget.widget_archive li a, .sliding-bar-widgets .widget.widget_meta li a, .sliding-bar-widgets .widget.widget_nav_menu li a { color: #fff; } .sliding-bar-widgets .widget.widget_recent_entries li a:hover, .sliding-bar-widgets .widget.widget_recent_comments li a:hover, .sliding-bar-widgets .widget.zozo_category_posts_widget li a:hover, .sliding-bar-widgets .widget.widget_categories li a:hover, .sliding-bar-widgets .widget.widget_archive li a:hover, .sliding-bar-widgets .widget.widget_meta li a:hover, .sliding-bar-widgets .sliding-bar-widgets .widget.widget_nav_menu li a:hover { color: #fff; } .sliding-bar-widgets .widget.widget_recent_entries li a, .sliding-bar-widgets .widget.widget_recent_comments li .comment-author-link a, .sliding-bar-widgets .widget.zozo_category_posts_widget li a, .sliding-bar-widgets .widget.widget_categories li a, .sliding-bar-widgets .widget.widget_archive li a, .sliding-bar-widgets .widget.widget_meta li a, .sliding-bar-widgets .widget.widget_nav_menu li a { color: #bbb; } .sliding-bar-widgets .zozo-latest-posts .posts-title a { color: #fff; } .sliding-bar-widgets .zozo-latest-posts .posts-title { margin-bottom: 5px; margin-top: -4px; } .sliding-bar-widgets .zozo-latest-posts .entry-date { color: #bbb; } .sliding-bar-widgets .widget.zozo_popular_posts_widget li.posts-item { margin: 0; padding: 15px 0; } .sliding-bar-widgets .widget.zozo_popular_posts_widget li.posts-item:first-child { padding-top: 0; } .sliding-bar-widgets .widget.zozo_popular_posts_widget li.posts-item:last-child { padding-bottom: 0; } .sliding-bar-widgets .widget.zozo_popular_posts_widget li.posts-item .entry-summary p { margin-bottom: 0; } .sliding-bar-widgets .widget.zozo_popular_posts_widget li.posts-item .entry-date { margin-top: 8px; display: block; } .sliding-bar-widgets .textwidget p, .sliding-bar-widgets .textwidget div { color: #bbb; } .sliding-bar-widgets .zozo-tabs-widget .nav-tabs li h6 a { color: #fff; } .sliding-bar-widgets .zozo-tabs-widget .nav-tabs li h6 a:hover, .sliding-bar-widgets .zozo-tabs-widget .nav-tabs li h6 a:focus, .sliding-bar-widgets .zozo-tabs-widget .nav-tabs li.active h6 a, .sliding-bar-widgets .zozo-tabs-widget .nav-tabs li.active h6 a:hover, .sliding-bar-widgets .zozo-tabs-widget .nav-tabs li.active h6 a:focus { color: #333; } .sliding-bar-widgets .zozo-tabs-widget .tabs .zozo-tab-content { color: #333; } .sliding-bar-widgets .zozo-social-icons i { color: #333; } .sliding-bar-widgets .zozo-social-icons li a:hover i, .sliding-bar-widgets .zozo-social-icons li a:focus i { color: #fff; } .sliding-bar-widgets .zozo-social-icons.soc-icon-transparent li a { padding-right: 10px; width: auto; } .sliding-bar-widgets .zozo-social-icons.soc-icon-transparent li a i { color: #fff; } .sliding-bar-widgets .zozo-social-icons.soc-icon-transparent li a, .sliding-bar-widgets .zozo-social-icons.soc-icon-transparent li a:hover, .zozo-social-icons.soc-icon-transparent li a:focus { background-color: transparent; } .sliding-bar-widgets .widget .tweet-item { border-color: rgba(255, 255, 255, 0.3); } .sliding-bar-widgets .widget li .tweet-user-name a { color: #ddd; } .sliding-bar-widgets .tweet-user-name span, .sliding-bar-widgets .zozo_tweet_text { color: #bbb; } .sliding-bar-widgets .zozo-subscribe.form-control { background: #bbb none repeat scroll 0 0; border-color: #bbb; } /* ================================================================ * Section Title * ================================================================ */ .parallax-sub-title { font-size: 14px; margin-bottom: 5px; text-transform: uppercase; } .bg-overlay-primary .parallax-sub-title, .bg-normal .parallax-sub-title { color: #fff; } .parallax-title { position: relative; margin: 0 0 15px 0; line-height: 40px; } .parallax-title .title-prefix { font-weight: 300; } .parallax-title.text-capitalize { text-transform: capitalize; } .parallax-title.text-lowercase { text-transform: lowercase; } .parallax-desc { max-width: 800px; margin: 0 auto; text-align: center; font-weight: 300; } .parallax-desc.text-left, .parallax-desc.text-right { text-align: left; float: left; max-width:100%; } .parallax-desc.text-right { text-align: right; float: right; } .page-title-section .YTPOverlay { background: rgba(0, 0, 0, 0.3); } /* ================================================================ * LAYOUT * ================================================================ */ .boxed #zozo_wrapper, .boxed .container { margin: 0 auto; max-width: 1200px; width: 100%; } .boxed .wrapper-class { left: 0 !important; } .boxed #zozo_wrapper { position: relative; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); } .fullwidth .container { width: 100%; max-width: 1200px; } body.wide .container { padding: 0px 15px; width: 100%; } #zozo_wrapper { width: 100%; } .bg-style.image-left .vc-side-content-wrapper, .bg-style.image-right .vc-side-content-wrapper { padding: 100px 0 100px 45px; } .bg-style.image-left .container-fluid .vc-side-content-wrapper, .bg-style.image-right .container-fluid .vc-side-content-wrapper { padding: 100px 45px 100px 0; } /* Hidden Footer Boxed Layout */ body.boxed .footer-section.footer-style-hidden { margin: 0 auto; max-width: 1200px; } .two-col-right #single-sidebar-container #primary, .two-col-left #single-sidebar-container #sidebar, .three-col-right #single-sidebar-container, .three-col-right #single-sidebar-container #primary, .three-col-middle #single-sidebar-container #primary, .three-col-middle #secondary-sidebar, .three-col-left #single-sidebar-container #sidebar, .three-col-left #secondary-sidebar { float: left; } .two-col-right #single-sidebar-container #sidebar, .two-col-left #single-sidebar-container #primary, .three-col-right #single-sidebar-container #sidebar, .three-col-right #secondary-sidebar, .three-col-middle #single-sidebar-container, .three-col-middle #single-sidebar-container #sidebar, .three-col-left #single-sidebar-container, .three-col-left #single-sidebar-container #primary { float: right; } .site-content { padding-top: 75px; padding-bottom: 75px; } .main-section { background: #fff; } .rev_slider-active.rev-position-header-below .main-section { border-top: none; } .main-col-small, .main-col-full, .content-col-small, .content-col-full, .pm-sidebar, .sec-sidebar { padding-left: 15px; padding-right: 15px; } .main-col-small { width: 80%; } .main-col-full { width: 100%; } .content-col-small { width: 75%; } .content-col-full { width: 100%; } .pm-sidebar { width: 24%; } .sec-sidebar { width: 19%; } .sidebar { padding-top: 75px; padding-bottom: 40px; } .grey-wrapper { background-color: #f7f7f7; } .light-wrapper { background-color: #fff; } .dark-wrapper { background-color: #171717; } .image-left .vc-zozo-image-wrapper, .image-right .vc-zozo-image-wrapper { background-position: center; } /* ================================================================ * FOOTER * ================================================================ */ .footer-section { background: #f2f2f2; position:relative; } .footer-copyright-section { background: #f7f7f7; padding: 25px 0; } .footer-widgets-section { padding: 70px 0; } .footer-hidden .wrapper-inner { position: relative; z-index: 10; } .footer-section.footer-style-hidden { bottom: 0; left: 0; position: fixed; right: 0; z-index: -1; overflow-y: auto; } .footer-sticky .footer-section.footer-style-sticky .footer-copyright-section { bottom: 0; left: 0; position: fixed; right: 0; z-index: 99; } .footer-copyright-section p { margin-top: 8px; text-transform:uppercase; font-size:13px; } /*Copyright and back to top*/ .footer-copyright-section p, .zozo-footer-nav.navbar-nav > li > a { color: #333; font-size: 14px; margin: 0; line-height: 38px; } .zozo-footer-nav.navbar-nav { width:100%; text-align:right; } .zozo-footer-nav.navbar-nav > li { margin-right: 8px; position: relative; float:none; display:inline-block; } .zozo-footer-nav.navbar-nav > li:after { color: #7f7f7f; content: "/"; position: absolute; right: -8px; top: 6px; } .zozo-footer-nav.navbar-nav > li:last-child:after { content: none; } .zozo-footer-nav.navbar-nav > li > a { padding: 0; } .zozo-footer-nav.navbar-nav > li > a:hover,.zozo-footer-nav.navbar-nav > li > a:focus { color: #333; background: transparent; } .footer-backtotop a { background-color: #333; font-size: 11px; color: #fff; height: 30px; width: 30px; line-height: 30px; text-align: center; display: inline-block; margin-top: 3px; border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; padding-right: 1px; } .footer-backtotop a:hover { color:#fff; } .footer-top-position{ left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; } .footer-widgets-section .widget-title:after{ border-bottom: 1px dashed #555555!important; background:none !important; height: 1px; } /*Copyright and back to top - Center */ .footer-copyright-center .zozo-footer-nav { width:100%; } .footer-copyright-center .zozo-footer-nav > li { float:none; display:inline-block; margin-bottom: 5px; } /* Dark Footer */ .footer-section.footer-skin-dark, .footer-skin-dark .footer-backtotop a { background: #202020; } .footer-section.footer-skin-dark .zozo-social-icons li a, .footer-section.footer-skin-dark .footer-copyright-section, .footer-skin-dark .footer-widgets .form-control { background: #2e2e2e; } .footer-skin-dark .footer-widgets .form-control { border-color: #2e2e2e; } .footer-section.footer-skin-dark .footer-widgets .widget h3.widget-title, .footer-section.footer-skin-dark .zozo-counter-count > .counter { color:#fff; } .footer-section.footer-skin-dark .footer-widgets .widget, .footer-section.footer-skin-dark .latest-posts-menu .entry-date, .footer-section.footer-skin-dark caption { color: #7f7f7f; } .footer-section.footer-skin-dark .widget.widget_recent_entries li a, .footer-section.footer-skin-dark .widget.widget_recent_comments li .comment-author-link a, .footer-section.footer-skin-dark .widget.zozo_category_posts_widget li a, .footer-section.footer-skin-dark .widget.widget_categories li a, .footer-section.footer-skin-dark .widget.widget_archive li a, .footer-section.footer-skin-dark .widget.widget_meta li a, .footer-section.footer-skin-dark .widget.widget_nav_menu li a, .footer-section.footer-skin-dark .widget li .tweet-user-name a, .footer-section.footer-skin-dark .widget.zozo_popular_posts_widget .posts-title > a, .footer-section.footer-skin-dark .zozo-tabs-widget a, .footer-section.footer-skin-dark .widget.widget_pages li > a { color: #7c7c7c; } .footer-section.footer-skin-dark p.subscribe-desc, .footer-section.footer-skin-dark .footer-copyright-section p, .footer-section.footer-skin-dark .zozo-footer-nav.navbar-nav > li > a { color:#fff; } .footer-section.footer-skin-dark .footer-widgets .widget h3, .footer-section.footer-skin-dark .widget.zozo_popular_posts_widget li.posts-item, .footer-section.footer-skin-dark .widget .tweet-item, .footer-section.footer-skin-dark .zozo-tabs-widget .tab-content > .tab-pane, .footer-section.footer-skin-dark .zozo-tabs-widget .nav-tabs li.active h6 a, .footer-section.footer-skin-dark .nav-tabs, .footer-section.footer-skin-dark .zozo-tabs-widget .nav-tabs li h6 a:hover, .footer-section.footer-skin-dark .widget-posts-list li { border-color: #333; } .footer-section.footer-skin-dark .footer-copyright-section { border-color:#111; } .footer-section.footer-skin-dark .zozo-tabs-widget .tab-content > .tab-pane, .footer-section.footer-skin-dark .zozo-tabs-widget .nav-tabs li.active h6 a, .footer-section.footer-skin-dark .zozo-tabs-widget .nav-tabs li h6 a:hover { background: transparent; } /* ================================================================ * PARALLAX * ================================================================ */ .zozo-parallax-header { text-align: center; clear: both; margin-bottom: 60px; } .zozo-parallax-header:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .parallax-header { text-align: center; } .fullwidth-section { position: relative; z-index: 1; } .fullwidth-section.no-bg-image .parallax-page-inner, .zozo-fullwidth-box.normal-background .fullwidth-page-inner { padding-top: 35px; padding-bottom: 35px; } .fullwidth-section.no-bg-image { padding-top: 70px; margin-top: -70px; } .fullwidth-section.parallax-background .parallax-page-inner, .zozo-fullwidth-box.parallax-background .fullwidth-page-inner { padding-top: 100px; padding-bottom: 100px; } .parallax-background.parallax-section .parallax-page-inner { background-attachment: fixed !important; background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; } .parallax-overlay.parallax-overlay-pattern:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; z-index: -1; } .parallax-overlay.parallax-overlay-pattern { position: relative; z-index: 100; } .parallax-overlay.parallax-overlay-pattern.pattern-1:before { background: url(images/patterns/pattern-1.png) top left repeat; } .parallax-overlay.parallax-overlay-pattern.pattern-2:before { background: url(images/patterns/pattern-2.png) top left repeat; } .parallax-overlay.parallax-overlay-pattern.pattern-3:before { background: url(images/patterns/pattern-3.png) top left repeat; } .parallax-overlay.parallax-overlay-pattern.pattern-4:before { background: url(images/patterns/pattern-4.png) top left repeat; } .parallax-overlay.parallax-overlay-pattern.pattern-5:before { background: url(images/patterns/pattern-5.png) top left repeat; } .zozo-fullwidth-box { background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; } .parallax-background .parallax-bg-overlay { background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; } .parallax-section-container { position: relative; z-index: 10; } .parallax-background .parallax-header, .parallax-background .parallax-desc, .parallax-background .parallax-content, .parallax-background .parallax-content p, .parallax-background .parallax-content .team-member-desc, .parallax-background .parallax-content .zozo-tabs .nav-tabs > li > a { color: #fff; } .parallax-background .parallax-content a:hover, .parallax-background .parallax-content a:active, .parallax-background .parallax-content a:focus { color: #fff; } .parallax-background .parallax-content .portfolio-mask a:hover, .parallax-background .parallax-content .portfolio-mask a:active, .parallax-background .parallax-content .portfolio-mask a:focus { color: #333; } /* Overlay */ .bg-overlay-dark, .bg-overlay-light, .bg-overlay-primary { position: relative; } .bg-overlay-dark:before, .bg-overlay-light:before, .bg-overlay-primary:before { background: rgba(0, 0, 0, 0.5); content: ""; position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; bottom: 0; z-index: 1; } .bg-overlay-light:before { background: rgba(255, 255, 255, 0.5); } .zozo-vc-main-row-inner { position: relative; width:100%; z-index: 31; } .vc_row .upb_row_bg { z-index: 1; } /* ================================================================ * REVOLUTION SLIDER * ================================================================ */ .zozo-revslider-section { background:#2e2e2e; position: relative; z-index: 30; } .rev_slider_wrapper .slider-title > h2, .rev_slider_wrapper .slider-title { font-size: 65px; font-weight: 700; line-height: 75px; margin: 0; text-transform: uppercase; } .rev_slider_wrapper .slider-sub-title { font-size: 40px; margin-bottom: 22px; line-height: 52px; font-weight: 700; } .rev_slider_wrapper .slider-desc { font-size: 15px; line-height: 25px; font-weight: 300; color: #000; } .slider-h4 { font-size: 24px; font-weight: 500; line-height: 31px; } .h2_white, .h2_white h2 { color: #fff; text-transform: uppercase; letter-spacing: 1px; } .logo-bordered-white { border: 5px solid #fff; padding: 15px; } .italic-white { color: #fff; font-style: italic; font-size: 17px; } .text-white { color: #fff; } .text-black { color: #000; } /* ================================================================ * ICON STYLES * ================================================================ */ /* Icon Pattern */ .zozo-icon.icon-pattern { background-color: rgba(0, 0, 0, 0.5); color: #fff; background-position: top center; background-repeat: repeat; } .zozo-icon.icon-pattern.pattern-1 { background-image: url(images/pattern-1.png); } .zozo-icon.icon-pattern.pattern-2 { background-image: url(images/pattern-2.png); } .zozo-icon.icon-pattern.pattern-3 { background-image: url(images/pattern-3.png); } .zozo-icon.icon-pattern.pattern-4 { background-image: url(images/pattern-4.png); } .zozo-icon.icon-pattern.pattern-5 { background-image: url(images/pattern-5.png); } /* ================================================================ * OWL CAROUSEL * ================================================================ */ .zozo-content-carousel-wrapper .content-carousel-slider .owl-item { overflow: hidden; } .owl-carousel .owl-wrapper-outer { z-index: 100; } .owl-carousel.owl-theme .owl-controls .owl-nav { margin-top: 0; } .owl-carousel.owl-theme .owl-controls .owl-nav div { text-align: center; font-size: 16px; color:#fff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); line-height: 30px; margin: 0; overflow: hidden; padding: 0; height: 30px; width: 30px; position: absolute; z-index: 101; top: -45px; right: 0; } .owl-carousel.owl-theme .owl-controls .owl-nav div:hover { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } .owl-carousel.owl-theme .owl-controls .owl-nav .owl-prev { margin-right: 15px; right: 20px; } .owl-carousel.owl-theme .owl-controls .owl-nav div:hover { color: #fff; } .owl-carousel.owl-theme .owl-dots { text-align: center; margin-top: 15px; } .owl-carousel.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-carousel.owl-theme .owl-controls .owl-dots span { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;-ms-border-radius: 50%; -o-border-radius: 50%; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; display: block; height: 10px; margin: 5px 10px; width: 10px; background:#ccc; } .owl-carousel.owl-theme .owl-controls .owl-dots .owl-dot.active span { box-shadow: 0 0 0 7px #fff; -webkit-box-shadow: 0 0 0 7px #fff; -moz-box-shadow: 0 0 0 7px #fff; -ms-box-shadow: 0 0 0 7px #fff; -o-box-shadow: 0 0 0 7px #fff; } .owl-slides-container { position: relative; } .owl-carousel .itemsScale .owl-item img { width: 100%; } .zozo-client-slider-wrapper .owl-carousel .owl-item img { text-align: center; margin: 0 auto; width: auto; } .widget .owl-carousel.owl-theme .owl-controls .owl-nav div{ top:0px; } /* ================================================================ * TEAM SECTION * ================================================================ */ .team-item-img > img { width: 100%; } .team-member-desc { margin-bottom: 15px; } .entry-content .team-member-desc p { margin-bottom: 10px; } .zozo-team-social-list.zozo-social-icons li { margin: 0 10px; } .zozo-team-social-list.zozo-social-icons li:first-child { margin-left: 0; } .zozo-team-social-list.zozo-social-icons li:last-child { margin-right: 0; } .zozo-team-social-list.zozo-social-icons.soc-icon-transparent i { font-size: 13px; line-height: 16px; } .typo-light .zozo-team-social-list.zozo-social-icons.soc-icon-transparent i { color: #fff; } .team-box_type .team-member-name { font-size: 24px; font-weight: 500; margin-bottom: 0; } .team-member-designation { font-size: 14px; } .team-content { text-align: center; padding: 30px 15px 15px; border-top: 5px solid; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12); -ms-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12); -o-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12); } .team-carousel-slider .team-content { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; background:#f7f7f7; } .zozo-team-social { margin-bottom:15px; } .team-item .zozo-social-icons li a { width: auto; } /* Team Center */ .team-item.text-center { text-align: center; } .team-item.text-center img { margin: 0 auto; } .team-item.text-center .team-member-name:after { left: 0; right: 0; margin: 0 auto; } /* Team Left */ .team-item.text-left, .team-item.text-left .team-content { text-align: left; } .team-item.text-left img { margin: 0 auto; width: 100%; } .team-item.text-left .team-member-name:after { left: 0; right: auto; margin: 0; } /* Team Right */ .team-item.text-right, .team-item.text-right .team-content { text-align: right; } .team-item.text-right img { margin: 0 auto; width: 100%; } .team-item.text-right .team-member-name:after { left: auto; right: 0; margin: 0 auto; } /* ========= Team List ======= */ .team-list-inner .team-item { margin-bottom: 40px; } .team-list-inner .team-item-img { margin-bottom: 0; } .team-list-inner .team-member-name { margin-top: 0; margin-bottom: 15px; } .team-list-inner .team-member-name:after { content: none; display: none; } .team-list-inner .zozo-circle-counter-wrapper { margin-top: 28px; } .team-list-inner .zozo-circle-counter-wrapper .circle-counter-title { margin-top: 10px; } /* Team Single */ .team-single { padding: 30px 0; } .team-single .team-image { margin-bottom: 50px; } .team-single .team-member-name:after { left: 0; right: auto; bottom: -20px; } .team-single .team-member-name { margin-top: 0; } .team-single .owl-dots { margin: 30px 0 26px; } .team-single .zozo-team-social { padding-bottom: 15px; } .team-single .zozo-team-social .zozo-social-icons li { margin: 0 3px; } .team-single .zozo-team-social .zozo-social-icons li a { width: 30px; height: 30px; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); } .team-single .zozo-team-social .zozo-social-icons li a i { line-height: 30px; } .team-single .team-content { text-align:left; padding:25px; } .team-single .zozo-team-social-list.zozo-social-icons.soc-icon-transparent i { color:#333; } .zozo-circle-counter-wrapper { margin-top: 18px; } /* ================================================================ * TESTIMONIALS SECTION * ================================================================ */ .testimonial-grid-inner { clear: both; } .testimonial-item .testimonial-content blockquote:before, .testimonial-item .testimonial-content blockquote:after { content: none; } .testimonial-content blockquote { font-size:15px; } .testimonial-item .testimonial-content blockquote, .testimonial-item .testimonial-content blockquote p { font-style: normal; font-weight: 400; letter-spacing: unset; margin-bottom: 12px; padding: 0; } .testimonial-item .testimonial-img > img, .testimonial-carousel-slider .owl-item .testimonial-img img { width: auto; max-width: 100%; box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -ms-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -o-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; margin: 0 auto 18px; } .testimonial-item .author-info-box { text-align: center; margin-bottom: 15px; } .testimonial-item .author-details > p { margin-bottom: 0; } .typo-dark .testimonial-item .author-details > p.author-designation-info { color: #7f7f7f; font-style: italic; } .author-details > p.author-designation-info .testimonial-author-designation { margin-right: 2px; } .author-details > p.author-designation-info .testimonial-author-designation:after { content: ","; } .testimonial-item .author-details .testimonial-author-name > a { font-size: 24px; font-weight: 500; text-transform: capitalize; } .typo-light .testimonial-item .author-details .testimonial-author-name > a { color:#fff; } .typo-light .testimonial-item .author-details .testimonial-author-name > a:hover, .typo-light .testimonial-item .author-details .testimonial-author-name > a:focus { opacity:0.5; } /* STYLE - DEFAULT */ .testimonial-item.tstyle-default .testimonial-img > img { max-width:75px; margin: 0 20px 0 0; } .testimonial-item.tstyle-default .author-info-box > div { display:inline-block; vertical-align:middle; } .testimonial-item.tstyle-default .testimonial-content, .testimonial-item.tstyle-no-border .testimonial-content { margin-bottom: 15px; } .testimonial-item.tstyle-default .testimonial-content blockquote > p { margin-bottom:0; } .testimonial-item.tstyle-default .author-details > p { text-align:left; } .testimonial-item.tstyle-default .testimonial-author-name { text-transform:uppercase; } .testimonial-item.tstyle-default blockquote > p { font-style:italic; text-align: center; } .testimonial-item.tstyle-default .testimonial-rating { text-align: center; } /* Left Align */ .testimonials-left .testimonial-item.tstyle-default blockquote > p, .testimonials-left .testimonial-item.tstyle-default .testimonial-rating, .testimonials-left .testimonial-item .author-info-box { text-align:left; } /* STYLE - BORDER */ .testimonial-item.tstyle-border blockquote > p, .testimonial-item.tstyle-no-border blockquote > p { text-align: center; } .testimonial-item.tstyle-no-border .testimonial-rating { text-align: center; margin:10px 0; } .testimonial-item.tstyle-border .testimonial-rating { text-align:right; } .testimonial-item.tstyle-border .testimonial-content { background:#f7f7f7; } .testimonial-item.tstyle-border .testimonial-content, .testimonial-item.tstyle-no-border .testimonial-content { padding: 15px; margin-left: 1px; margin-bottom: 15px; border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; position: relative; } .testimonial-item.tstyle-border .testimonial-content:before { border: 10px solid; border-color: #e1e1e1 transparent transparent; bottom: -20px; content: ""; display: block; height: 0; position: absolute; width: 0; } .testimonial-item.tstyle-border .testimonial-content:before { border-top-color: #f7f7f7; } .testimonial-item.tstyle-border .testimonial-content:before, .testimonial-item.tstyle-border .testimonial-content:after { left: 0; margin: 0 auto; right: 0; } .testimonial-item.tstyle-border .testimonial-content:after { border: 10px solid; border-color: #f7f7f7 transparent transparent; bottom: -18px; content: ""; display: block; height: 0; position: absolute; width: 0; } .testimonial-item.tstyle-border .testimonial-content blockquote, .testimonial-item.tstyle-no-border .testimonial-content blockquote { padding: 0 30px; } .testimonial-item.tstyle-border .testimonial-content blockquote:before, .testimonial-item.tstyle-no-border .testimonial-content blockquote:before, blockquote:before { background: none; content: open-quote; font-size: 50px; font-weight: bold; left: 0; line-height: 1; position: absolute; top: 0; } .testimonial-item.tstyle-border .testimonial-content blockquote:after, .testimonial-item.tstyle-no-border .testimonial-content blockquote:after, blockquote:after { content: close-quote; font-size: 50px; font-weight: bold; line-height: 0; vertical-align: bottom; position: absolute; right: 0; } .testimonial-item.tstyle-no-border .testimonial-content blockquote:after, blockquote:after { right: 0; bottom: 0; } /* NO - BORDER */ .testimonial-item.tstyle-no-border .testimonial-content { border: none; margin-bottom: 0; padding:0 15px; } .testimonial-item.tstyle-no-border .testimonial-content blockquote { margin-bottom: 0; } .testimonial-item.tstyle-no-border .testimonial-content blockquote:before, .testimonial-item.tstyle-no-border .testimonial-content blockquote:after { content:none; } .testimonial-item.tstyle-no-border blockquote > p { font-size: 15px; font-style: normal; } .testimonial-item.tstyle-no-border .testimonial-author-name { text-transform:uppercase; } /* STYLE BORDER 2*/ .testimonial-item.tstyle-border2 { background: rgba(0, 0, 0, 0.05); border-radius: 5px; margin-left: 40px; padding: 20px 20px 20px 60px; position: relative; } .testimonial-item.tstyle-border2 .testimonial-img { bottom: 20px; left: -35px; position: absolute; padding: 4px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12); -ms-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12); -o-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12); border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; display: inline-block; background: #fff; } .testimonial-item.tstyle-border2 .testimonial-img > img { max-width: 70px; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; display: inline-block; margin-bottom: 0; } .testimonial-item.tstyle-border2 .author-details > p { text-align: left; } /* TESTIMONIALS GRID */ .zozo-testimonial-grid-wrapper .testimonial-item { margin-bottom: 30px; } .testimonials-left .testimonial-item .testimonial-author-wrapper { float: right; } .testimonials-right .testimonial-item .testimonial-author-wrapper { float: left; } /* TESTIMONIALS SINGLE */ .testimonial-single .testimonial-item.tstyle-border .testimonial-content blockquote { padding: 0 40px; } .testimonial-single .testimonial-item.tstyle-border blockquote > p, .testimonial-single .testimonial-item .author-info-box { text-align: left; } .testimonial-single .testimonial-item.tstyle-border .testimonial-content::before, .testimonial-single .testimonial-item.tstyle-border .testimonial-content::after { right: auto; left: 35px; } .testimonial-single .testimonial-item .author-info-box .testimonial-img { float: left; margin-right: 15px; } .testimonial-archives .zozo_testimonial { border-bottom: 1px solid #e1e1e1; margin-bottom: 30px; } .testimonial-archives .zozo_testimonial:last-child { border-bottom: none; } /* ================================================================ * TWITTER SECTION * ================================================================ */ .zozo-twitter-slider-wrapper { margin-top: 100px; position: relative; } .zozo-twitter-slider-wrapper:before { content: "\f099"; font-family: FontAwesome; font-style: normal; font-weight: normal; color: #fff; height: 48px; width: 48px; line-height: 48px; position: absolute; right: 0; left: 0; top: -80px; text-align: center; margin: 0 auto; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; } .zozo-twitter-slider-wrapper .tweet-list span { display: block; text-align: center; font-size: 20px; } .zozo-twitter-slider-wrapper .tweet-list span.status { margin-bottom: 10px; } .zozo-twitter-slider-wrapper .tweet-list span.meta { font-size: 17px; font-style: italic; margin-bottom: 20px; } /* ================================================================ * PRICING TABLE * ================================================================ */ .zozo-pricing-table-wrapper { border: 2px solid #202020; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; text-align: center; position: relative; } .zozo-pricing-item .pricing-box .pricing-head { margin-bottom: 90px; position:relative; } .zozo-pricing-item .pricing-box .pricing-head h4 { background: #333; color: #fff; font-size: 30px; font-weight: 700; padding: 20px 0 80px; margin-bottom:20px; text-transform: uppercase; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; } .zozo-pricing-item .pricing-cost-wrapper .pricing-cost h3 { font-size: 45px; color: #fff; line-height:45px; margin:0; } .zozo-pricing-item .pricing-bottom .pricing-cost-wrapper .pricing-cost h3 { color: inherit; } .zozo-pricing-item .pricing-cost-wrapper .pricing-cost .pricing-duration { font-size:14px; } .zozo-pricing-item .pricing-bottom .pricing-cost-wrapper { margin-bottom: 30px; } .zozo-pricing-item .pricing-bottom .pricing-cost-wrapper .pricing-cost h3 { font-weight: 500; } .zozo-pricing-item .pricing-features { padding: 0 30px 0; margin-bottom: 25px; } .zozo-pricing-item .pricing-features ul { list-style: none; padding: 0; margin:0; } .zozo-pricing-item .pricing-features ul > li { border-bottom: 1px solid #eee; padding: 10px 0; width: 100%; } .zozo-pricing-item .pricing-features li.inactive { color: #9c9c9c; } .zozo-pricing-item .pricing-cost-wrapper { background: #333; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; bottom: -60px; display: block; height: 120px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 130px; border-left: 5px solid #fff; border-right: 5px solid #fff; } .zozo-pricing-item .pricing-cost-wrapper .pricing-cost { color: #fff; display: inline-block; left: 0; position: absolute; right: 0; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .zozo-pricing-item .pricing-bottom { overflow: hidden; margin-bottom:25px; } .zozo-pricing-item .pricing-bottom .btn.btn-default { font-size: 22px; font-weight: 700; padding: 15px 35px; } .zozo-pricing-item .pricing-ribbon-wrapper { height: 88px; overflow: hidden; position: absolute; right: -4px; top: -3px; width: 85px; } .zozo-pricing-item .pricing-ribbon-wrapper .pricing-ribbon { box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); font-size: 12px; left: -5px; color: #333; padding: 5px 0; position: relative; text-align: center; top: 15px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 120px; text-transform: uppercase; } .zozo-pricing-item .pricing-ribbon-wrapper .pricing-ribbon:before, .zozo-pricing-item .pricing-ribbon-wrapper .pricing-ribbon:after { border-left: 3px solid rgba(0, 0, 0, 0); border-right: 3px solid rgba(0, 0, 0, 0); border-top: 3px solid #6e8900; bottom: -3px; content: ""; position: absolute; } .zozo-pricing-item .pricing-ribbon-wrapper .pricing-ribbon:before { left: -5px; } .zozo-pricing-item .pricing-ribbon-wrapper .pricing-ribbon:after { right: 0; } .zozo-pricing-item .pricing-icon-wrapper > i { background-color: #f5f5f5; border: 2px solid #e1e1e1; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1) inset; -ms-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1) inset; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; display: block; font-size: 32px; height: 100px; line-height: 100px; margin: 0 auto 20px; padding: 0; text-align: center; transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; width: 100px; transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; -webkit-transform: none; } .zozo-pricing-table-wrapper:hover .pricing-icon-wrapper > i { transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg); -ms-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg); -moz-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg); -o-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg); -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg); transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; } .pricing-video-wrapper { position:relative; } /*FEATURED STYLES */ .zozo-pricing-table-wrapper.featured-item { margin-top: -10px; } .zozo-pricing-table-wrapper.featured-item .zozo-pricing-item .pricing-features, .zozo-pricing-table-wrapper.featured-item .zozo-pricing-item .pricing-bottom { margin-bottom: 30px; } .zozo-pricing-table-wrapper.featured-item .zozo-pricing-item .pricing-box .pricing-head h4 { padding: 30px 0 80px; } /* ================================================================ * FEATURES LIST * ================================================================ */ .zozo-features-list-wrapper .features-list-inner { margin-bottom: 20px; position: relative; } .zozo-features-list-wrapper.vc-features-list:last-child .features-list-inner { margin-bottom: 0; } .zozo-features-list-wrapper .features-list-inner .features-icon { display: inline-block; font-size: 30px; left: 0; line-height: 10px; position: absolute; top: 0; } .zozo-features-list-wrapper .features-list-inner.list-text-right .features-icon { right: 0; left: auto; } .zozo-features-list-wrapper .features-list-inner.list-text-right { text-align: right; } .zozo-features-list-wrapper .features-list-inner .list-desc { margin-left: 35px; } .zozo-features-list-wrapper .features-list-inner.list-text-right .list-desc { margin-right: 35px; margin-left: 0; } /* ================================================================ * RESPONSIVE VIDEO * ================================================================ */ .vc_row.zozo-vc-video-bg-wrapper { position: relative; overflow: hidden; } .video-bg-wrapper { bottom: 0; left: 0; position: absolute; right: 0; top: 0; height: 100%; } .video-player .zozo-yt-player, .video-bg .zozo-yt-player { height: 100%; } .video-bg .mb_YTVPBar { opacity: 1; } .video-bg .mb_YTVPBar:hover .buttonBar, .video-bg .mb_YTVPBar .buttonBar { background: none repeat scroll 0 0 rgba(0, 0, 0, 1); top: -25px; } .video-bg .mb_YTVPProgress { top: -33px; height: 8px; } .video-bg .mb_YTVPLoaded { height: 8px; } .video-bg .mb_YTVTime { height: 100%; } .video-bg .mb_YTVTime:after { background: #a4a4a4; bottom: 0; content: ""; height: 10px; position: absolute; right: -2px; width: 4px; } .video-bg .buttonBar span { color: #a4a4a4; } .zozo-video-controls #video-play { border: 3px solid #fff; color:#fff; border-radius: 50%; display: inline-block; height: 55px; left: 0; line-height: 49px; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 50%; width: 55px; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } /* ================================================================ * SOCIAL ICONS * ================================================================ */ @-webkit-keyframes zoslideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-5px); transform: translateX(-5px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes zoslideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-5px); -ms-transform: translateX(-5px); transform: translateX(-5px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .zozo-social-icons { padding: 0; margin: 0; list-style: none; } .zozo-social-icons li { display: inline-block; margin: 10px 3px; } .fullwidth-menu-section .zozo-social-icons li { margin: 17px 3px; } .zozo-social-icons li a { width: 30px; height: 30px; display: block; background: #434343; } .zozo-social-icons.soc-icon-transparent li a { height: auto; background: transparent !important; } .zozo-social-icons i { color: #fff; display: block; text-align: center; font-size: 14px; line-height: 30px; } .zozo-social-icons.soc-icon-transparent i { color: #333; } .soc-icon-circle li a, .soc-icon-square li a, .soc-icon-rounded li a { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .soc-icon-circle li a { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; display: block; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; } .soc-icon-circle li a:hover { transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; } .soc-icon-flat li a { background-color: #333333; display: block; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; } .soc-icon-flat li a:hover { transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; } .soc-icon-rounded li a { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } /* SOCIAL ICON LARGE */ .soc-icon-size-large.zozo-social-icons i { font-size: 18px; line-height: 50px; } .soc-icon-size-large.zozo-social-icons li a { height: 50px; width: 50px; } .zozo-social-icons.soc-icon-transparent li.facebook a:hover, .zozo-social-icons.soc-icon-transparent li.facebook a:hover i, .zozo-social-share-wrapper .zozo-social-share-icons li.facebook a:hover { color: #3B5998; background: none; } .zozo-social-icons li.facebook a:hover { background-color: #3B5998; } .zozo-social-share-icons li.facebook a:hover { background-color: #3B5998; border-color: #3B5998; } .zozo-social-icons.soc-icon-transparent li.twitter a:hover, .zozo-social-icons.soc-icon-transparent li.twitter a:hover i, .zozo-social-share-wrapper .zozo-social-share-icons li.twitter a:hover { color: #55ACEE; background: none; } .zozo-social-icons li.twitter a:hover { background-color: #55ACEE; } .zozo-social-share-icons li.twitter a:hover { background-color: #55ACEE; border-color: #55ACEE; } .zozo-social-icons.soc-icon-transparent li.linkedin a:hover, .zozo-social-icons.soc-icon-transparent li.linkedin a:hover i, .zozo-social-share-wrapper .zozo-social-share-icons li.linkedin a:hover { color: #007ab5; background: none; } .zozo-social-icons li.linkedin a:hover { background-color: #007ab5; } .zozo-social-share-icons li.linkedin a:hover { background-color: #007ab5; border-color: #007ab5; } .zozo-social-icons.soc-icon-transparent li.pinterest a:hover, .zozo-social-icons.soc-icon-transparent li.pinterest a:hover i, .zozo-social-share-wrapper .zozo-social-share-icons li.pinterest a:hover { color: #c91921; background: none; } .zozo-social-icons li.pinterest a:hover { background-color: #c91921; } .zozo-social-share-icons li.pinterest a:hover { background-color: #c91921; border-color: #c91921; } .zozo-social-icons.soc-icon-transparent li.google-plus a:hover, .zozo-social-icons.soc-icon-transparent li.google-plus a:hover i, .zozo-social-share-wrapper .zozo-social-share-icons li.google-plus a:hover { color: #dd4937; background: none; } .zozo-social-icons li.google-plus a:hover { background-color: #dd4937; } .zozo-social-share-icons li.google-plus a:hover { background-color: #dd4937; border-color: #dd4937; } .zozo-social-icons.soc-icon-transparent li.youtube a:hover, .zozo-social-icons.soc-icon-transparent li.youtube a:hover i { color: #e22b26; background: none; } .zozo-social-icons li.youtube a:hover { background-color: #e22b26; } .zozo-social-icons.soc-icon-transparent li.rss a:hover, .zozo-social-icons.soc-icon-transparent li.rss a:hover i { color: #f75f0b; background: none; } .zozo-social-icons li.rss a:hover { background-color: #f75f0b; } .zozo-social-icons.soc-icon-transparent li.tumblr a:hover, .zozo-social-icons.soc-icon-transparent li.tumblr a:hover i, .zozo-social-share-wrapper .zozo-social-share-icons li.tumblr a:hover { color: #34465d; background: none; } .zozo-social-icons li.tumblr a:hover { background-color: #34465d; } .zozo-social-share-icons li.tumblr a:hover { background-color: #34465d; border-color: #34465d; } .zozo-social-icons.soc-icon-transparent li.reddit a:hover, .zozo-social-icons.soc-icon-transparent li.reddit a:hover i, .zozo-social-share-wrapper .zozo-social-share-icons li.reddit a:hover { color: #FF4500; background: none; } .zozo-social-icons li.reddit a:hover { background-color: #FF4500; } .zozo-social-share-icons li.reddit a:hover { background-color: #FF4500; border-color: #FF4500; } .zozo-social-icons.soc-icon-transparent li.dribbble a:hover, .zozo-social-icons.soc-icon-transparent li.dribbble a:hover i { color: #ea4886; background: none; } .zozo-social-icons li.dribbble a:hover { background-color: #ea4886; } .zozo-social-icons.soc-icon-transparent li.vimeo a:hover, .zozo-social-icons.soc-icon-transparent li.vimeo a:hover i, .zozo-social-share-wrapper .zozo-social-share-icons li.vimeo a:hover { color: #17B3E8; background: none; } .zozo-social-icons li.vimeo a:hover { background-color: #17B3E8; } .zozo-social-icons.soc-icon-transparent li.digg a:hover, .zozo-social-icons.soc-icon-transparent li.digg a:hover i, .zozo-social-share-wrapper .zozo-social-share-icons li.digg a:hover { color: #1b5891; background: none; } .zozo-social-icons li.digg a:hover { background-color: #1b5891; } .zozo-social-share-icons li.digg a:hover { background-color: #1b5891; border-color: #1b5891; } .zozo-social-icons.soc-icon-transparent li.flickr a:hover, .zozo-social-icons.soc-icon-transparent li.flickr a:hover i { color: #ff0082; background: none; } .zozo-social-icons li.flickr a:hover { background-color: #ff0082; } .zozo-social-icons.soc-icon-transparent li.instagram a:hover, .zozo-social-icons.soc-icon-transparent li.instagram a:hover i { color: #9A6851; background: none; } .zozo-social-icons li.instagram a:hover { background-color: #9A6851; } .zozo-social-icons.soc-icon-transparent li.skype a:hover, .zozo-social-icons.soc-icon-transparent li.skype a:hover i { color: #00a9f1; background: none; } .zozo-social-icons li.skype a:hover { background-color: #00a9f1; } .zozo-social-icons.soc-icon-transparent li.blogger a:hover, .zozo-social-icons.soc-icon-transparent li.blogger a:hover i, .zozo-social-share-wrapper .zozo-social-share-icons li.blogger a:hover { color: #ff9334; background: none; } .zozo-social-icons li.blogger a:hover { background-color: #ff9334; } .zozo-social-share-icons li.blogger a:hover { background-color: #ff9334; border-color: #ff9334; } .zozo-social-icons.soc-icon-transparent li.yahoo a:hover, .zozo-social-icons.soc-icon-transparent li.yahoo a:hover i { color: #65106d; background: none; } .zozo-social-icons li.yahoo a:hover { background-color: #65106d; } .zozo-social-share-icons { padding: 0; margin: 0; list-style: none; } .zozo-social-share-icons li a:hover { transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; } .zozo-subscribe-socials .zozo-social-icons { padding-left: 10px; } /* ================================================================ * BLOG * ================================================================ */ /* ---- Sticky Post ---- */ .sticky { } #sc-posts-infinite-container, #archive-posts-container { position: relative; } .entry-content p, .entry-summary p { margin-bottom: 10px; } p:last-child { margin-bottom: 0; } .entry-thumbnail { position: relative; } .entry-header { margin-bottom: 15px; } .entry-footer { margin-top: 10px; } .entry-meta { padding: 0; margin: 8px 0 0; list-style: none; width: 100%; } .entry-meta i { margin-right: 3px; } .entry-meta-wrapper .entry-meta .meta-name { padding-right: 7px; } .entry-meta-wrapper .entry-meta i, .entry-meta-wrapper .entry-meta .meta-name { font-size: 12px; padding-right: 5px; } /* New */ .entry-meta li, .entry-meta a { color: #333; } .typo-dark .entry-meta li, .typo-dark .entry-meta a { color: #7f7f7f; } .entry-footer .read-more { float: left; } .entry-footer .social-share-container { float: right; } .zozo-social-share-icons li { float: none; display: inline-block; margin: 0 3px 5px; } .large-layout .large-posts .zozo-social-share-icons li:first-child { margin-left: 0; } .zozo-social-share-box .zozo-social-share-icons li a { font-size: 13px; height: 30px; width: 30px; line-height: 31px; /*background: transparent;*/ color: #7f7f7f; background:#fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; display: block; box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -ms-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -o-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12); text-align: center; } .zozo-social-share-box .zozo-social-share-icons li a:hover { color: #fff; } .large-posts { border-bottom: 1px dashed #e1e1e1; margin-bottom: 50px; padding-bottom: 40px; } .large-posts { border-bottom: 1px solid #eee; margin-bottom: 50px; padding-bottom: 50px; } .large-posts:last-child { margin-bottom: 0; } .large-posts .posts-content-container .entry-meta-wrapper { float:none; padding: 0 0 15px; } /* ============ Blog List ============ */ .list-posts { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #eee; } .list-layout .list-posts .post-featured-image { float: left; margin-right: 20px; position: relative; width: 300px; margin-bottom: 0; } .list-layout .list-posts .posts-content-container { overflow:hidden; } .list-posts:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .list-layout .list-posts .entry-thumbnail-wrapper { height: 275px; overflow: hidden; position: relative; width: 300px; } .list-layout .list-posts .entry-thumbnail-wrapper .entry-thumbnail { left: 50%; margin-bottom: 0; position: absolute; top: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .list-layout .list-posts .entry-thumbnail-wrapper .entry-thumbnail img { left: 50%; max-width: none; position: relative; width: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .list-layout .list-posts .owl-item .blog-gallery-item { overflow: hidden; width: 100%; } .related-post-item { background: #f7f7f7; margin-bottom: 1px; } .related-post-item .entry-thumbnail { margin-bottom: 0; } .related-post-item .related-content-wrapper { padding: 20px; } .related-post-item .related-content-wrapper h5 { margin-top: 0; text-transform: uppercase; } .related-post-item .related-content-wrapper h5 a { color: #333; } /* ============ Blog Metro ============ */ .metro-posts .post-metro-inner-wrapper { position: relative; overflow: hidden; position: relative; } .metro-posts .post-metro-inner-wrapper .post-metro-image:after { background: linear-gradient(to bottom, #000 0%, transparent 50%); background: -webkit-linear-gradient(bottom, #000 0%, transparent 50%); background: -moz-linear-gradient(bottom, #000 0%, transparent 50%); background: -ms-linear-gradient(bottom, #000 0%, transparent 50%); background: -o-linear-gradient(bottom, #000 0%, transparent 50%); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .metro-posts .post-metro-inner-wrapper .post-metro-image img { width:100%; } .metro-posts .post-metro-inner-wrapper .post-metro-image:after, .metro-posts .post-metro-inner-wrapper .post-metro-image img, .metro-posts .post-metro-overlay { -webkit-transition: all 0.3s cubic-bezier(0.57, 0.21, 0.69, 1); -moz-transition: all 0.3scubic-bezier(0.57, 0.21, 0.69, 1); -ms-transition: all 0.3s cubic-bezier(0.57, 0.21, 0.69, 1); -o-transition: all 0.3s cubic-bezier(0.57, 0.21, 0.69, 1); transition: all 0.3s cubic-bezier(0.57, 0.21, 0.69, 1); } .metro-posts .post-metro-overlay { color: #fff; position: absolute; bottom: 0; width: 75%; backface-visibility: hidden; padding:15px; } .metro-col-4 .metro-posts .post-metro-overlay { width: 100%; } .metro-posts .post-metro-overlay .entry-header { margin:0; } .metro-posts .post-metro-overlay h2.entry-title { color:#fff; font-size:17px; line-height:28px; font-weight:800; margin:0; } /* Hover */ .metro-posts:hover .post-metro-inner-wrapper .post-metro-image:after, .metro-posts:hover .post-metro-overlay { opacity:0; visibility:hidden; } .metro-posts:hover .post-metro-inner-wrapper .post-metro-image img { transform:scale(1.1); } .metro-posts:hover .post-metro-overlay { transform: translateY(50%); } /* Single Post Gallery Slider */ .blog-single-carousel-slider { position: relative; } /* Gallery Post */ .post-featured-image.featured-gallery-slider { position: relative; } .featured-gallery-slider .owl-carousel.owl-theme .owl-controls .owl-nav div { opacity: 0; background: #fff none repeat scroll 0 0; color: #333; line-height: 30px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } article.post:hover .featured-gallery-slider .owl-carousel.owl-theme .owl-controls .owl-nav div { opacity: 1; } .featured-gallery-slider .owl-carousel.owl-theme .owl-controls .owl-nav div:hover { color: #fff; background:#333; } .featured-gallery-slider .owl-carousel.owl-theme .owl-controls .owl-prev { left: 20px; right: auto; } .featured-gallery-slider .owl-carousel.owl-theme .owl-controls .owl-next { right: 20px; } /* Blog Hover Style */ article.post .post-inner-wrapper .post-featured-image a, article.post:hover .post-inner-wrapper .post-featured-image a, article.post .post-inner-wrapper .post-featured-image a:after, article.post:hover .post-inner-wrapper .post-featured-image a:after, .latest-posts-slider .post-featured-image a:after, article.post .post-inner-wrapper .post-featured-image a:before, article.post:hover .post-inner-wrapper .post-featured-image a:before, .related-post-item .entry-thumbnail .post-img, .related-post-item .entry-thumbnail .post-img:before, .related-post-item .entry-thumbnail .post-img:after, .epl-listing-post .property-box .epl-blog-image, .epl-listing-post .property-box .epl-blog-image:after, .epl-listing-post .property-box .epl-blog-image:before { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } article.post .post-inner-wrapper .post-featured-image a, .related-post-item .entry-thumbnail .post-img, .epl-listing-post .property-box .epl-blog-image { position: relative; display: block; overflow: hidden; } .post-inner-wrapper .post-featured-image { margin-bottom: 25px; } article.post .post-inner-wrapper .post-featured-image a:after, .latest-posts-slider .post-featured-image a:after, .related-post-item .entry-thumbnail .post-img:after, .epl-listing-post .property-box .epl-blog-image:after { content: ""; left: 0; right: 0; top: 0; margin: 0 auto; position: absolute; width: 100%; height: 100%; opacity: 0; } article.post:hover .post-inner-wrapper .post-featured-image.only-image a:after, .latest-posts-slider:hover .post-featured-image a:after, article.post:hover .post-inner-wrapper .post-featured-image.featured-gallery-slider .blog-gallery-item a:after, .related-post-item:hover .entry-thumbnail .post-img:after, .epl-listing-post:hover .property-box .epl-blog-image:after { opacity: 1; } article.post .post-inner-wrapper .post-featured-image a:before, .latest-posts-slider .post-featured-image a:before, .related-post-item .entry-thumbnail .post-img:before, .epl-listing-post .property-box .epl-blog-image:before { background: #333; border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-bottom: 2px solid rgba(0, 0, 0, 0.2); color: #222; content: none; font-family: "Flaticon"; height: 50px; left: 50%; line-height: 50px; font-size: 22px; position: absolute; text-align: center; width: 50px; z-index: 2; opacity: 0; top: 45%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } article.post:hover .post-inner-wrapper .post-featured-image.only-image a:before, .latest-posts-slider:hover .post-featured-image a:before, article.post:hover .post-inner-wrapper .post-featured-image.featured-gallery-slider .blog-gallery-item a:before, .related-post-item:hover .entry-thumbnail .post-img:before, .epl-listing-post:hover .property-box .epl-blog-image:before { opacity: 1; top: 50%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } /* Blog Video/ Audio */ .post.format-video.has-post-thumbnail .post-featured-image.only-image .entry-thumbnail-wrapper:before, .post.format-audio.has-post-thumbnail .post-featured-image.only-image .entry-thumbnail-wrapper:before { content: ""; display: block; position: absolute; background: url(images/video-play.png) no-repeat center center; margin: 0; padding: 0; cursor: pointer; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); left: 0; right: 0; height: 48px; z-index: 1; } .post.format-video.has-post-thumbnail .post-featured-image.only-image .entry-thumbnail-wrapper, .post.format-audio.has-post-thumbnail .post-featured-image.only-image .entry-thumbnail-wrapper { position: relative; } /* Blog Post Featured Image Slider */ .featured-carousel-slider { background: #fff; } .featured-carousel-slider.slider-dots-active { padding-bottom: 60px; } .featured-item, .featured-item:hover .featured-caption { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .featured-item { position: relative; } .featured-item:hover .featured-caption { opacity: 1; } .featured-caption { position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.7); opacity: 0; } .featured-caption .featured-caption-inner { color: #fff; padding: 0 15px; text-align: center; width: 100%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .featured-caption .featured-caption-inner .featured-post-title { margin: 20px 0 15px; } .featured-caption .featured-caption-inner .featured-post-title a { color: #fff; text-transform: uppercase; } .featured-caption .featured-caption-inner .featured-description { color: #ccc; margin: 0 0 10px; padding: 0 27px; } .featured-caption .featured-caption-inner .post-category a:hover, .featured-caption .featured-caption-inner .post-category a:focus { color: #fff; } .featured-caption .featured-caption-inner .read-more a:hover, .featured-caption .featured-caption-inner .read-more a:focus { color: #fff; text-decoration: underline; } .featured-carousel-slider.owl-carousel.owl-theme .owl-controls .owl-nav div { border: 0px; height: 50px; width: 50px; line-height: 49px; background: #222; font-size: 30px; border-radius: 0px; top: 50%; opacity: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .featured-carousel-slider.owl-carousel.owl-theme.slider-dots-active .owl-controls .owl-nav div { margin-top: -30px; } .featured-carousel-slider.owl-carousel.owl-theme .owl-controls .owl-nav .owl-prev { left: 0; right: auto; } .featured-carousel-slider.owl-carousel.owl-theme:hover .owl-controls .owl-nav div { opacity: 1; } .featured-carousel-slider.owl-carousel.owl-theme .owl-controls .owl-dots { background: #fff; position: absolute; left: 0; right: 0; bottom: 14px; } /* ============ Blog Grid ============ */ .grid-posts { margin-bottom: 30px; } .grid-posts .post-inner-wrapper { box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12); -ms-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12); -o-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12); } .grid-posts .post-inner-wrapper .post-featured-image, .latest-posts-slider .post-inner-wrapper .post-featured-image { margin-bottom: 0; } .grid-posts .posts-content-container, .latest-posts-slider .posts-content-container { border-top: 5px solid; overflow: hidden; padding: 20px 15px 0; background:#fff; } .grid-posts .posts-content-container .entry-meta-wrapper, .latest-posts-slider .posts-content-container .entry-meta-wrapper { border-top: 1px solid #eee; } .grid-col-2 .grid-posts { width: 49%; width: calc( 50% - 15px); width: -webkit-calc( 50% - 15px); } .grid-col-3 .grid-posts { width: 32%; width: calc( 33.3333% - 20px); width: -webkit-calc( 33.3333% - 20px); } .grid-col-4 .grid-posts { width: 24%; width: calc( 25% - 23px); width: -webkit-calc( 25% - 23px); } .parallax-content .grid-layout { margin-bottom: 0px; } .blog .zozo-posts-container h2.entry-title{ position:relative; } .blog .zozo-posts-container h2.entry-title a:after{ background: #999; left: 12px; } /* LATEST POST SLIDER */ .latest-posts-slider .post-inner-wrapper { border: 1px solid #eee; } .latest-posts-slider .entry-meta-top-wrapper { padding: 0 15px; } .latest-posts-slider .entry-header { padding: 0 15px; } /* New */ .posts-content-container .entry-summary { margin-bottom:15px; } .posts-content-container .entry-meta-wrapper { float: left; padding: 15px 0; width: 100%; } .entry-meta-wrapper .entry-meta { float:left; width:auto; margin:0; } .entry-meta-wrapper .read-more { float:right; } .owl-carousel .owl-item .post-author .avatar, .post-author .avatar { border-radius: 50%; display: inline-block; margin-right: 10px; max-width: 20px; } .post-author .post-author-name { display: inline-block; margin:0; } .entry-meta-wrapper .entry-meta .sticky-post, .entry-meta-wrapper .entry-meta .post-author { float: left; display: inline-block; margin-right: 10px; } .entry-meta-wrapper .comments-link { float:right; } .entry-meta-wrapper .comments-link > a { padding-left:5px; color:#333; } .entry-meta-wrapper .read-more .btn-more.read-more-link { border: none; color: #333; display: block; font-size: 13px; font-weight: 600; text-decoration: none; } .entry-meta-wrapper .read-more .btn-more.read-more-link:after { content: "\f054"; color: inherit; font-family: FontAwesome; font-size: 8px; font-weight: 100; margin-left: 8px; } .related-posts-wrapper { margin-top:50px; } .related-post-more { margin-top: 10px; } .related-post-more .btn-more.read-more-link { font-size: 11px; font-weight: bold; text-transform: uppercase; } .post .btn-more.read-more-link:hover, .post .btn-more.read-more-link:active, .post .btn-more.read-more-link:focus { color: #333; } .grid-layout .entry-header { margin-bottom:5px; } .grid-layout .post h2.entry-title { font-size: 20px; font-weight: 700; line-height: 24px; margin-bottom: 15px; } .grid-layout.grid-col-4 .post h2.entry-title { font-size: 18px; line-height: 20px; } .grid-layout .grid-posts .entry-meta i, .grid-layout .grid-posts .entry-meta .meta-name { font-size: 12px; padding-right: 5px; color: #444; } .grid-layout.grid-col-3 .grid-posts .entry-meta .meta-name, .grid-layout.grid-col-4 .grid-posts .entry-meta .meta-name { display: none; } .grid-layout.grid-col-3 .grid-posts .entry-meta li, .grid-layout.grid-col-4 .grid-posts .entry-meta li { margin-right: 20px; } /* New */ .grid-layout.grid-col-3 .grid-posts .entry-meta li:last-child, .grid-layout.grid-col-4 .grid-posts .entry-meta li:last-child{ margin-right: 0; } .post.format-quote.grid-posts .posts-inner-container, .post.format-quote.timeline-posts .posts-inner-container { padding: 0; border: none; } .post.format-quote.grid-posts .posts-content-container, .post.format-quote.timeline-posts .posts-content-container { padding: 15px; } .post.format-quote.grid-posts .zozo-social-share-icons li a, .post.format-quote.timeline-posts .zozo-social-share-icons li a { color: #fff; border-color: #fff; } .quote-format blockquote:after { content:""; } h2.entry-title { margin-bottom: 10px; margin-top: 0; text-transform:capitalize; } h2.entry-title a { color: #333; } .btn.btn-more i { padding-left: 10px; padding-right: 0px; } .grid-posts .entry-thumbnail.quote-image { margin-bottom: 0; } .grid-posts .entry-thumbnail.quote-image img { width: 100%; } .grid-posts .entry-thumbnail.image-format { position: relative; } .entry-thumbnail.blog-medium-image { padding: 0; margin-right: 30px; } .medium-posts .audio-player.blog-medium-image { padding: 5px 20px; } .parallax-content .entry-thumbnail, .parallax-content .audio-player, .parallax-content .video-player { margin-bottom: 10px; } .large-posts .entry-thumbnail, .large-posts .audio-player, .large-posts .video-player { margin-bottom: 20px; } .medium-posts .entry-thumbnail, .list-posts .audio-player, .medium-posts .video-player { margin-bottom: 0; } .timeline-posts .entry-thumbnail.image-format { margin-bottom: 0; } .grid-layout.grid-col-4 .audio-player .mejs-container .mejs-time.mejs-currenttime-container, .grid-layout.grid-col-4 .audio-player .mejs-container .mejs-time.mejs-duration-container { display: none; } .entry-thumbnail img { width: 100%; } .entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption { max-width: 100%; } .quote-author { text-align: center; } .entry-meta li { display: inline-block; margin: 0 10px 0 0; } .entry-meta li.category { float: right; margin: 0 0 5px; } .entry-meta li.divider { margin: 0 8px; position: relative; } .entry-meta .author a { text-transform: capitalize; } .entry-meta li.divider:before { background-color: #d9d9d9; bottom: 0; content: ""; height: 15px; left: -8px; margin: auto; position: absolute; top: 0; width: 1px; } .archive-header .category-image img { width: 100%; } .archive-header { margin-bottom: 15px; } .single-post .entry-header .entry-title { margin-bottom: 10px; } .tags-title, .sharing-title { font-size: 12px; display: inline-block; padding-right: 10px; } .post-tags > a { color: #333; } .post-tags > a:hover, .post-tags > a:active, .post-tags > a:focus { color: #fff; } /* Blockquote */ .post blockquote { padding: 12px 0 12px 25px; color: #7f7f7f; font-family: georgia; font-size: 20px; font-weight: normal; margin: 10px; } .post blockquote:after { height: 100%; content: ""; left: 0; width: 3px; } .post blockquote:before { content: none; } .post blockquote p { line-height: 30px; } .post .quote-format blockquote > blockquote { padding:0; margin:0; } .post .quote-format blockquote > blockquote:after { content:none; } /* Blockquote Reverse */ .post blockquote.blockquote-reverse { padding: 12px 25px 12px 0; display: block; } .post blockquote.blockquote-reverse:after { left: auto; right: 0; } .pagination { width: 100%; text-align: center; padding: 50px 0 20px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; } .pagination > li { display: inline-block; margin: 0 4px; } .pagination > li > a, .pagination > li > span { border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important; -o-border-radius: 0!important; -ms-border-radius: 0!important; background: #fff; box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -ms-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -o-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border: none; color: #333; padding: 0; margin: 0; text-align: center; height: 40px; line-height: 40px; width: 40px; } .pagination > li > span.dots,.pagination > li > span.dots:hover { box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; background:transparent; color: #333; } .pagination > li > .page-numbers.current { border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important; -o-border-radius: 0!important; -ms-border-radius: 0!important; color:#ffffff !important; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; } .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { background: transparent; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background: transparent; } .pagination > li > a.prev, .pagination > li > a.next { width: 40px; height: 40px; overflow: hidden; padding: 2px; position: relative; color: #333; background:#fff; z-index: 1; } .pagination > li > a.prev { margin-right: 10px; } .pagination > li > a.next { margin-left: 0px; } .pagination > li > a.prev:hover, .pagination > li > a.prev:active, .pagination > li > a.prev:focus, .pagination > li > a.next:hover, .pagination > li > a.next:active, .pagination > li > a.next:focus, .pagination > li > span.current, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #fff; } .pagination > li > a.prev:hover:after, .pagination > li > a.prev:active:after, .pagination > li > a.prev:focus:after, .pagination > li > a.next:hover:after, .pagination > li > a.next:active:after, .pagination > li > a.next:focus:after { color: #fff; } /* ==== 404 Page ==== */ .content-404page { text-align: center; } .content-404page .title-one { margin: 15px 0px 30px; } .post-404 .entry-content { background: #f7f7f7; padding: 30px 20px 30px; } .content-404page .title-two { font-size: 125px; text-align: center; line-height: 1; margin-bottom: 26px; } .content-404page .img-responsive { display:inline-block; margin-bottom:50px; } .search-404page { margin: 20px 15px; } .title-404 { font-size: 50px; font-weight: 100; margin-bottom: 32px; text-transform: lowercase; } .content-404page .title-three { font-weight: 300; margin-bottom: 37px; font-size: 20px; } .zozo-search-page.search-page-form { margin-bottom: 80px; } .zozo-search-no-results h1.entry-title { margin-bottom: 0; } .zozo-search-no-results .entry-header { margin-bottom: 30px; } .zozo-searchresults.search-results-item { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #e1e1e1; } .zozo-searchresults h1 { font-weight: 300; } .zozo-searchresults.search-results-item .entry-thumbnail img { width: auto; max-width: 300px; float: left; margin-right: 20px; } .author-info { background-color: #f7f7f7; margin-top: 40px; margin-bottom: 20px; padding: 30px; width: 100%; } .author-name a { text-transform: capitalize; font-weight: 500; } .page-title-header .author-name { text-transform: capitalize; } .author-description { margin-top: 5px; font-size: 14px; color: #7f7f7f; margin-left: 95px; } .author-info-container { position: relative; } .author-title h4 { margin: 0; } .author-avatar { float: left; } .author-avatar img { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; } .author-info-container .author-avatar, .author-info-page .author-avatar, .comment-container .avatar { margin-right: 20px; } .author-info-container .author-name { font-size: 20px; font-weight: 400; } .author-info-page { background-color: #f7f7f7; padding: 30px; margin: 20px 0 40px; } .author-links { margin-left: 95px; } .author-links .zozo-social-share-icons li:first-child { margin-left: 0; } .author-links .author-social { list-style: none; padding: 0; margin: 15px 0 0; } .zozo-social-share-box .author-social li a { border: 0 none; color: #fff; line-height: 29px; } .form-allowed-tags { word-break: break-all; } .form-allowed-tags code { background: none; color: inherit; } .grid-posts .author-img { display: none; } .tags-share-section { border-top: 1px solid #eee; clear: both; margin-top: 20px; padding: 20px 0; } .tags-share-section .share-options { text-align: right; } .tags-share-section .zozo-social-share-box { float: none; display: inline-block; } .vimeo-inner { max-width: 100% !important; } .comments-title h4, .no-comments { color: #000000; } .comment-avatar img { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; } .comment-respond label { display: block; } .comment-reply-title { text-transform: capitalize; } .comment-status-text { color: #5d5d5d; font-size: 14px; min-height: 75px; } .comment-status-text .reply .edit { padding-right: 8px; } #comment { width: 100%; } .comments-section { padding-top: 20px; padding-bottom: 20px; } .comment-respond { margin-bottom: 60px; } .comments-title { margin-bottom: 15px; } .bypostauthor { } .zozo-all-comments { } .zozo-all-comments ul.children { list-style: none; padding-left: 100px; } .zozo-all-comments ul.children li .comment-container { position: relative; } .comment-container { border-bottom: 1px dashed #e1e1e1; padding: 30px 0; } .comment-container a { color: #9d9d9d; } .comment-avatar { float: left; } .time-diff { text-transform: capitalize; } .comment-list .author-name { display: inline-block; text-transform: capitalize; padding-right: 30px; margin-top: 0; } .comment-list .date { color: #9d9d9d; } .comment-list .edit { padding-right: 15px; } .comment-form .form-group { margin-bottom: 17px; } .comment-form input.form-control, .comment-form textarea, .comment-form textarea.form-control { font-size: 14px; color: #4e4e4e; padding: 5px 10px; } .comment-form .form-control::-moz-placeholder { color: #4e4e4e; } .comment-form .form-control:-ms-input-placeholder { color: #4e4e4e; } .comment-form .form-control::-webkit-input-placeholder { color: #4e4e4e; } .comment-respond .form-submit { margin-top: 10px; width: 33.3333%; padding: 0 15px 0 0; } .comment-container span, .comment-container a { color: #9d9d9d; } .comment-container span i, .comment-container a i { margin-right: 8px; } .comment-container .reply { float: right; margin-top: -24px; } #infscr-loading { position: absolute; bottom: -20px; left: 0; right: 0; margin: auto; width: 100%; text-align: center; background: none; padding: 8px 5px; color: #fff; } #infscr-loading img { margin: 0 auto; } .all-loaded { background: #eaeaea; color: #000; padding: 15px; } .pagination.infinite-scroll { display: none; } .zozo-hr-line { border-color: #eaeaea; } .video-player { background: #000000; } .video-player .mejs-container, .wp-video-shortcode, .mejs-overlay { width: 100% !important; margin: 0 auto; } .wp-video-shortcode { max-width: 100%; } .wp-video { width: 100% !important; } .youtube-inner { max-width: 100% !important; } .timeline-layout { position: relative; float: left; width: 100%; } .timeline-layout.clearfix:after { background: none repeat scroll 0 0 #E3E3E3; bottom: 0; clear: none; content: ""; display: block; height: 99%; left: 0; margin: auto; position: absolute; right: 0; top: 44px; visibility: visible; width: 2px; } .sc-timeline-title { display: inline-block; padding: 4px 12px; background: #EDEDED; position: relative; z-index: 99; margin-top: 10px; } .sc-blog-timeline-date { clear: both; text-align: center; } .timeline-icon { text-align: center; font-size: 35px; } .timeline-posts { width: 50%; position: relative; } .timeline-posts .posts-inner-container { padding: 15px; border: 1px solid #e3e3e3; margin-bottom: 10px; position: relative; width: 92%; min-height: 220px; } .timeline-posts.pull-right .posts-inner-container { float: right; } .timeline-posts.pull-left { clear: left; margin-top: 10px; } .timeline-posts.pull-right { clear: right; margin-top: 50px; } .timeline-posts.pull-left .sc-blog-timeline-arrow:after, .timeline-posts.pull-left .sc-blog-timeline-arrow:before, .timeline-posts.pull-right .sc-blog-timeline-arrow:after, .timeline-posts.pull-right .sc-blog-timeline-arrow:before { top: 25px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; } .timeline-posts.pull-left .sc-blog-timeline-arrow:after, .timeline-posts.pull-left .sc-blog-timeline-arrow:before { left: 100%; } .timeline-posts.pull-left .sc-blog-timeline-arrow:after, .timeline-posts.pull-left .sc-blog-timeline-arrow:before { border-left-color: #E0E0E0; } .timeline-posts.pull-left .sc-blog-timeline-arrow:after, .timeline-posts.pull-right .sc-blog-timeline-arrow:after { border-color: transparent; border-width: 5px; margin-top: -5px; } .timeline-posts.pull-right .sc-blog-timeline-arrow:after, .timeline-posts.pull-right .sc-blog-timeline-arrow:before { right: 100%; } .timeline-posts.pull-right .sc-blog-timeline-arrow:after, .timeline-posts.pull-right .sc-blog-timeline-arrow:before { border-right-color: #E0E0E0; } .timeline-posts.pull-left .sc-blog-timeline-arrow:before, .timeline-posts.pull-right .sc-blog-timeline-arrow:before { border-width: 11px; margin-top: -11px; } .timeline-posts.pull-left:after, .timeline-posts.pull-right:after { background: none repeat scroll 0 0 #E0E0E0; border-radius: 50%; content: ""; display: block; height: 18px; position: absolute; top: 15px; width: 18px; z-index: 10; } .timeline-posts.pull-left:after { right: -9px; } .timeline-posts.pull-right:after { left: -9px; } .zozo-form-success, .zozo-form-error { padding: 10px; display: none; } .entry-content .zozo-form-success, .entry-content .zozo-form-error { margin-bottom: 15px; } .zozo-form-success i, .zozo-form-error i { padding-right: 10px; } /* Related Posts */ .related-portfolio-slider-section { margin:0 0 60px; } ul.related-posts { list-style: none; padding: 0; } /*Latest Posts*/ .latest-posts-layout .post { margin-bottom: 50px; } .latest-posts-layout .post:last-child, .latest-posts-layout .post-featured-image, .latest-posts-layout .posts-content-container .entry-summary { margin-bottom: 0; } .latest-posts-layout .post-featured-image { max-width: 100px; float: left; margin-right: 15px; } .latest-posts-layout .posts-content-container { overflow: hidden; padding: 0; } .latest-posts-layout .posts-content-container .entry-header { margin-bottom: 10px; display: none; } .latest-posts-layout .posts-content-container h2.entry-title { font-size: 18px; font-weight: 400; margin-bottom: 0; line-height: 18px; } .latest-posts-layout .posts-content-container .entry-summary > p { margin-bottom: 5px; } .latest-posts-layout .posts-content-container .entry-meta-wrapper { padding:0; } .latest-posts-layout .entry-meta { margin: 0; width:100%; } .latest-posts-layout .entry-meta .read-more { float: right; margin-right: 10px; } .latest-posts-layout .entry-meta .read-more > a:after { content: "\f105"; font-size: 14px; font-family: FontAwesome; font-style: normal; font-weight: 700; padding-left: 5px; } /* ================================================================ * VC Progress Bar * ================================================================ */ .bar-style-tooltip .tooltip { opacity: 1; font-family: inherit; } .bar-style-tooltip .tooltip .tooltip-inner { color: #fff; padding: 6px 10px; border-radius: 0px; -webkit-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; } .bar-style-tooltip .tooltip.top { min-width: 52px; top: 0; right: -26px; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } /* ================================================================ * CONTACT US * ================================================================ */ input, .input, input.form-control, select, select.form-control { background: #fff; border: none; border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; font-size: 12px; height: 40px; line-height: inherit; /*-webkit-appearance: none;*/ box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 10px 0 rgba(0, 0, 0, 0.06); -webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 10px 0 rgba(0, 0, 0, 0.06); -moz-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 10px 0 rgba(0, 0, 0, 0.06); -ms-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 10px 0 rgba(0, 0, 0, 0.06); -o-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 10px 0 rgba(0, 0, 0, 0.06); } .form-group { margin-bottom:28px; } textarea,textarea.form-control,.woocommerce form .form-row textarea { border: 1px solid #e1e1e1; border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-appearance: none; box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 10px 0 rgba(0, 0, 0, 0.06); -webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 10px 0 rgba(0, 0, 0, 0.06); -moz-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 10px 0 rgba(0, 0, 0, 0.06); -ms-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 10px 0 rgba(0, 0, 0, 0.06); -o-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 10px 0 rgba(0, 0, 0, 0.06); } .form-style-transparent input, .form-style-transparent .input, .form-style-transparent input.form-control, .form-style-transparent textarea { color: #4e4e4e; border-top:none; border-right:none; border-left:none; border-bottom:1px solid; } .typo-light .form-style-transparent input, .typo-light .form-style-transparent .input, .typo-light .form-style-transparent input.form-control, .typo-light .form-style-transparent textarea { color: #fff; } .form-style-transparent .input-group input.form-control, .form-style-transparent .input-group input.form-control:focus { border-right-color: transparent !important; } .form-style-transparent textarea.form-control, .form-style-transparent input.form-control, .bg-skin-dark .form-style-transparent textarea.form-control, .bg-skin-dark .form-style-transparent input.form-control { background: transparent !important; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; } .form-style-transparent .has-error .form-control:focus, .form-style-transparent .has-success .form-control:focus { -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; } input[type="file"]:focus, input[type="checkbox"]:focus, input[type="radio"]:focus { outline: none; } input[type="radio"], input[type="checkbox"] { display: inline-block; height: auto; } .form-control, .form-control:focus { box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; } .post-password-form label, .post-password-form input { display: inline-block; } input, input.form-control, textarea, textarea.form-control, .gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], .gform_wrapper textarea { font-size: 14px; } .typo-default .form-control::-moz-placeholder { color: #4e4e4e; text-transform: capitalize; } .typo-default .form-control:-ms-input-placeholder { color: #4e4e4e; text-transform: capitalize; } .typo-default .form-control::-webkit-input-placeholder { color: #4e4e4e; text-transform: capitalize; } .typo-light .form-control::-moz-placeholder { color: #e1e1e1; } .typo-light .form-control:-ms-input-placeholder { color: #e1e1e1; } .typo-light .form-control::-webkit-input-placeholder { color: #e1e1e1; } .typo-dark .form-control::-moz-placeholder { color: #4e4e4e; text-transform: capitalize; } .typo-dark .form-control:-ms-input-placeholder { color: #4e4e4e; text-transform: capitalize; } .typo-dark .form-control::-webkit-input-placeholder { color: #4e4e4e; text-transform: capitalize; } .has-error .input-group-addon, .has-success .input-group-addon { background-color: transparent; } .has-error .zozo-input-group-addon .input-group-addon, .has-error .zozo-input-group-addon .form-control, .has-error textarea.form-control:focus, .has-error .zozo-input-group-addon input:focus, .has-error textarea:focus, .has-error .zozo-input-group-addon .form-control:focus { border-color: #a94442; } textarea:focus, .form-group textarea.form-control:focus { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; } .typo-light .contact-form-wrapper .bg-success { background-color: transparent; } .form-style-flat input, .form-style-flat .input, .form-style-flat input.form-control, .form-style-flat select, .form-style-flat select.form-control, .form-style-flat textarea.form-control { background: rgba(0, 0, 0, 0.05); border: 1px solid transparent; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; } .form-style-flat input, .form-style-flat .input, .form-style-flat input.form-control, .form-style-flat select, .form-style-flat select.form-control, .form-style-flat textarea.form-control, .form-style-flat .btn.zozo-submit { border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; } /* ============ CONTACT INFO ============== */ /* Default */ .contact-widget-title { font-size: 40px; } .contact-widget-title, .contact-info-container h5 { line-height: 1.3; margin-bottom: 18px; } .contact-info-container h5 { font-size: 24px; } .contact-info-inner h5 a:hover { color: #333; } .typo-light .contact-info-inner h5 a:hover { color: #fff; } .contact-info-inner .zozo-social-icons li a { height: 60px; width: 60px; line-height: 60px; font-size: 25px; } .contact-info-inner .zozo-social-icons li a i { line-height: 60px; font-size: 25px; } .zozo-social-icons.social-style-bordered li a { background: transparent; border: 1px solid #e1e1e1; } .zozo-social-icons.social-style-bordered li a i { color: #7f7f7f; } .typo-light .zozo-social-icons.social-style-bordered li a i { color: #fff; } .zozo-social-icons.social-style-bordered li a:hover i { color: #fff; } /* Show Divider */ .show-separator .contact-widget-title, .show-separator.contact-info-container h5 { line-height: 1.2; margin-bottom: 15px; } .show-separator .contact-widget-desc { border-bottom: 1px solid #e1e1e1; margin-bottom: 15px; padding-bottom: 15px; } /* Contact Info 2 */ .contact-info-container.contact-info-style2 .contact-widget-title { margin-top: 0; } .contact-info-container.contact-info-style2 h6 { color: #333; display: inline-block; padding: 6px 10px; font-weight: 300; text-transform: uppercase; } .contact-info-container.contact-info-style2 h5 { font-size: 14px; margin-top: 0; margin-bottom: 10px; color: #7f7f7f; } .typo-light .contact-info-container.contact-info-style2 h5 { color: #fff; } .typo-dark .contact-info-container.contact-info-style2 h5 { color: #333; } .contact-info-container.contact-info-style2 .zozo-social-icons li a { height: 30px; width: 30px; line-height: 30px; } .contact-info-container.contact-info-style2 .zozo-social-icons li a i { line-height: 30px; font-size: 14px; } /* ----------- CONTACT FORM 7 ------------- */ .wpcf7 input { height: 40px; width: 100%; padding-top: 6px; padding-bottom: 6px; } .wpcf7 textarea { max-height: 110px; width: 100%; padding-top: 6px; } .wpcf7 .height-large { max-height: none; } .wpcf7 p { font-weight: bold; } .wpcf7 input[type="submit"] { width: auto; height: auto; padding: 8px 30px; border:none; box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -ms-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -o-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } .wpcf7 input[type="submit"]:hover{ box-shadow:0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -webkit-0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -moz-0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -ms-0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -o-0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } .wpcf7 .btn-wide input[type="submit"] { width: 100%; max-width: 205px; } .wpcf7 input[type="file"] { padding-left: 0; } .wpcf7 input[type="radio"], .wpcf7 input[type="checkbox"] { height: auto; width: auto; display: inline-block; } .wpcf7 p { font-weight: 700; font-size: 13px; color: #7f7f7f; } .wpcf7 textarea, .wpcf7 input, .wpcf7 select { background:#fff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border:1px solid transparent; font-weight: normal; padding-left: 10px; margin-bottom: 20px; } .wpcf7 input.wpcf7-file { border:none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; padding:0; } .wpcf7 input[type="submit"] { margin-bottom: 0; } span.wpcf7-form-control-wrap { display: block; position: relative; } span.wpcf7-not-valid-tip { bottom: 0; font-size: 13px; font-weight: normal; left: 0; /*position: absolute;*/ } .wpcf7 input::-moz-placeholder, .wpcf7 textarea::-moz-placeholder { color: #888; opacity: 1; } .wpcf7 input:-ms-input-placeholder, .wpcf7 textarea:-ms-input-placeholder { color: #888; } .wpcf7 input::-webkit-input-placeholder, .wpcf7 textarea::-webkit-input-placeholder { color: #888; } span.wpcf7-not-valid-tip { font-size: 13px; font-weight: normal; } div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok { border: 0px; color: #da0000; margin-left: 0; padding: 0; } div.wpcf7-mail-sent-ok { color: #398f14; } .wpcf7 select[multiple], .wpcf7 select[size] { width: 100%; } .wpcf7-form-control-wrap label { width: 100%; } .wpcf7 input.btn-block[type="submit"] { width: 100%; } /* Appointment Form */ .selectbox-arrow select { color: #888; outline: none; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; padding: 5px; background: transparent url("images/arrow-bottom.png") no-repeat scroll 100% 0px; } .selectbox-arrow input { background: transparent; } .selectbox-arrow input::-moz-placeholder, .selectbox-arrow textarea::-moz-placeholder { color: #888; } .selectbox-arrow input::-webkit-input-placeholder, .selectbox-arrow textarea::-webkit-input-placeholder { color: #888; } .selectbox-arrow input:-ms-input-placeholder, .selectbox-arrow textarea:-ms-input-placeholder { color: #888; } .wpcf7 h6, .wpcf7 h5 { margin-bottom: 0; } .wpcf7 h6 label, .wpcf7 .label-full label { background: #f1f1f1 none repeat scroll 0 0; display: block; padding: 12px; margin-top: 15px; font-size: inherit; font-weight: inherit; } .checkbox-full .wpcf7-list-item { display: block; margin: 9px 0; } .checkbox-full .wpcf7-list-item input[type="checkbox"] { margin: 7px 8px 0 0; float: left; } /* Short Appointment Form */ .widget .wpcf7 textarea, .widget .wpcf7 input, .widget .wpcf7 select { margin-bottom: 10px; } /* ----------- GRAVITY FORM ------------- */ .gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], .gform_wrapper textarea { height: 35px; padding: 10px; } .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background-color: transparent; border: none; margin-bottom: 0 !important; padding: 0 !important; } .gform_wrapper li.gfield.gfield_error.gfield_contains_required { margin-bottom: 0 !important; margin-top: 0; padding-left: 0 !important; } .gform_wrapper .top_label .gfield_error { width: 100%; } .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container { margin-top: 10px; } .gform_wrapper .top_label .gfield_error .ginput_container { max-width: 100%; } .gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title { font-weight: inherit; } .gform_wrapper .top_label .gfield_label { font-weight: 600; color: #7f7f7f; font-size: 13px; } .gform_wrapper .gfield_error .gfield_label, .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, .gform_wrapper li.gfield_error ul.gfield_checkbox, .gform_wrapper li.gfield_error ul.gfield_radio { color: #7f7f7f; } .gform_confirmation_message { color: green; } .gform_wrapper div.validation_error { border: 0px; padding-bottom: 0; font-weight: inherit; font-size: 13px; color: #da0000; margin-bottom: 0; } .gform_wrapper .validation_message { color: #da0000; font-weight: inherit; } .gform_wrapper li.gfield_error input[type="email"], .gform_wrapper li.gfield_error input[type="number"], .gform_wrapper li.gfield_error input[type="password"], .gform_wrapper li.gfield_error input[type="tel"], .gform_wrapper li.gfield_error input[type="text"], .gform_wrapper li.gfield_error input[type="url"], .gform_wrapper li.gfield_error textarea { border-color: #e1e1e1; } .gmap_canvas img { max-width: none; } /* VC Post Grid */ .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_date > div { font-style: italic; } /* ================================================================ * MAILCHIMP * ================================================================ */ .form-style-transparent input { color: #fff; } /* .form-style-transparent .form-control::-moz-placeholder { color: #e1e1e1; } .form-style-transparent .form-control::-webkit-input-placeholder { color: #e1e1e1; } .form-style-transparent .form-control:-ms-input-placeholder { color: #e1e1e1; }*/ .typo-dark .form-style-transparent .form-control::-moz-placeholder { color: #333; } .typo-dark .form-style-transparent .form-control::-webkit-input-placeholder { color: #333; } .typo-dark .form-style-transparent .form-control:-ms-input-placeholder { color: #333; } .zozo-form-group-addon .input-group-addon { padding: 0; margin: 0; border: none; } .form-btn-inline .zozo-form-group-addon .input-group-addon .btn { border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; height: 100%; margin: 0; padding: 0 12px; height: 40px; line-height: 40px; } .mailchimp-email.zozo-form-group-addon .form-control-feedback { line-height: 40px; height: 40px; right: -30px; } .form-control-feedback { line-height: 40px; pointer-events: auto; } .form-btn-right .mailchimp-email.zozo-form-group-addon .input-group-addon { padding-left: 15px; } .form-btn-right .input-group .form-control { border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; } /* ================================================================ * DOMAIN SEARCH FORM * ================================================================ */ .form-domain-view .zozo-form-group-addon .input-text.form-control { max-width: 85%; } .form-domain-view .zozo-form-group-addon .input-select { max-width: 15%; display: table-cell; box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none; padding: 6px 8px; float: left; margin-bottom: 0; position: relative; width: 100%; z-index: 2; } .form-domain-view .form-btn-inline .zozo-form-group-addon .input-select { border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; -o-border-bottom-left-radius: 0; -ms-border-bottom-left-radius: 0; border-top-left-radius: 0; -moz-border-top-left-radius: 0; -webkit-border-top-left-radius: 0; -o-border-top-left-radius: 0; -ms-border-top-left-radius: 0; border-left-color: transparent; } .form-domain-view .form-btn-right .zozo-form-group-addon .input-text.form-control { max-width: 85%; margin-right: 2.5%; } .form-domain-view .form-btn-right .zozo-form-group-addon .input-select { margin-right: 2.5%; } /* ================================================================ * PORTFOLIO * ================================================================ */ /* PORTFOLIO FILTERS */ .zozo-isotope-filters .zozo-smartmenu li.smartmenu-filter > a.disabled { display: none; } .zozo-isotope-filters .zozo-smartmenu li .smart-sub-menu.portfolio-sub-filter { display: block; padding: 0; margin: 0; list-style: none; } .portfolio-tabs { margin: 0 0 50px; padding: 0; list-style: none; } .smartmenu-filter > a span.sub-arrow { position: absolute; left: auto; right: 4px; width: 34px; height: 24px; overflow: hidden; text-align: center; text-shadow: none; } .smartmenu-filter > a.highlighted span.sub-arrow:before { display: block; content: '-'; } .portfolio-tabs .smart-sub-menu.portfolio-sub-filter > li { padding-left: 10px; padding-right: 10px; display: inline-block; margin-bottom:15px; } .portfolio-tabs .smart-sub-menu.portfolio-sub-filter > li > a { position:relative; } /* DEFAULT STYLE */ .portfolio-tabs.default-filter .smart-sub-menu.portfolio-sub-filter > li > a:after { content: ""; height: 3px; left: 0; margin: 0 auto; position: absolute; right: auto; bottom: 0; transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s; width: 0; } .portfolio-tabs.default-filter .smart-sub-menu.portfolio-sub-filter > li > a.active:after { width:100%; } /* ARROW STYLE */ .portfolio-tabs.arrow-style-filter .smart-sub-menu.portfolio-sub-filter > li > a, .portfolio-tabs.default-filter .smart-sub-menu.portfolio-sub-filter > li > a { padding:4px 16px; background:#202020; box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -ms-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -o-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s; color:#fff; display: block; } .portfolio-tabs.arrow-style-filter .smart-sub-menu.portfolio-sub-filter > li > a { border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px; } .portfolio-tabs.default-filter .smart-sub-menu.portfolio-sub-filter > li > a:hover, .portfolio-tabs.default-filter .smart-sub-menu.portfolio-sub-filter > li > a.active, .portfolio-tabs.arrow-style-filter .smart-sub-menu.portfolio-sub-filter > li > a:hover, .portfolio-tabs.arrow-style-filter .smart-sub-menu.portfolio-sub-filter > li > a.active { box-shadow:0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow:0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow:0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow:0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -o-box-shadow:0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } .portfolio-tabs.arrow-style-filter .smart-sub-menu.portfolio-sub-filter li a:after { background: inherit; border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%; content: ""; height: 15px; left: 0; margin: 0 auto; position: absolute; right: 0; bottom: 0; transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg); transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s; width: 15px; z-index: -1; } .portfolio-tabs.arrow-style-filter .smart-sub-menu.portfolio-sub-filter li a.active:after { border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0; bottom: -5px; z-index: 1; } .portfolio-tabs.arrow-style-filter.arrow-left .smart-sub-menu.portfolio-sub-filter li a:after { border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0; bottom: auto; left: 5px; right: auto; top: 12px; } .portfolio-tabs.arrow-style-filter.arrow-left .smart-sub-menu.portfolio-sub-filter li a.active:after { left:-5px; z-index:1; } .portfolio-tabs.arrow-style-filter.arrow-right .smart-sub-menu.portfolio-sub-filter li a:after { border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0; bottom: auto; left: auto; right: 5px; top: 12px; } .portfolio-tabs.arrow-style-filter.arrow-right .smart-sub-menu.portfolio-sub-filter li a.active:after { right:-5px; z-index:1; } /* TRANSPARENT STYLE */ .portfolio-tabs.transparent-filter .smart-sub-menu.portfolio-sub-filter > li > a { color:#333; } .portfolio-tabs.transparent-filter .smart-sub-menu.portfolio-sub-filter > li > a:after { content: "/"; color:#eee; position: absolute; right: -15px; top: 50%; transform: translateY(-50%); } .portfolio-tabs.transparent-filter .smart-sub-menu.portfolio-sub-filter > li:last-child > a:after { content:none; } /* PORTFOLIO IMAGE HOVER */ .portfolio-item .portfolio-img > img { -webkit-transition: all 350ms ease;-moz-transition: all 350ms ease;-ms-transition: all 350ms ease;-o-transition: all 350ms ease;transition: all 350ms ease; } /* ZOOM IN */ .portfolio-item:hover .portfolio-img.zoomin > img { transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); } /* ZOOM OUT */ .portfolio-item .portfolio-img.zoomout > img { transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); } .portfolio-item:hover .portfolio-img.zoomout > img { transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); } /* ROTATE */ .portfolio-item:hover .portfolio-img.rotate > img { transform:rotate(10deg) scale(1.4); -webkit-transform:rotate(10deg) scale(1.4); -moz-transform:rotate(10deg) scale(1.4); -ms-transform:rotate(10deg) scale(1.4); -o-transform:rotate(10deg) scale(1.4); } /* PUSH */ .portfolio-item:hover .portfolio-img.push-left > img { transform: translateX(-9%); -webkit-transform: translateX(-9%); -moz-transform: translateX(-9%); -ms-transform: translateX(-9%); -o-transform: translateX(-9%); } .portfolio-item:hover .portfolio-img.push-right > img { transform: translateX(9%); -webkit-transform: translateX(9%); -moz-transform: translateX(9%); -ms-transform: translateX(9%); -o-transform: translateX(9%); } .portfolio-item:hover .portfolio-img.push-top > img { transform: translateY(-9%); -webkit-transform: translateY(-9%); -moz-transform: translateY(-9%); -ms-transform: translateY(-9%); -o-transform: translateY(-9%); } .portfolio-item:hover .portfolio-img.push-bottom > img { transform: translateY(9%); -webkit-transform: translateY(9%); -moz-transform: translateY(9%); -ms-transform: translateY(9%); -o-transform: translateY(9%); } /* PORTFOLIO OVERLAY STYLES */ .portfolio-overlay { position: absolute; left: 0; right: 0; top: 0; opacity: 0; width: 100%; height: 100%; text-align: center; bottom: 0; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; z-index:1; } .portfolio-item:hover .portfolio-overlay, .portfolio-item .portfolio-overlay.zoomout { opacity: 1; } /* ZOOM IN & ZOOM OUT */ .portfolio-overlay.zoomin, .portfolio-item:hover .portfolio-overlay.zoomout { transform:scale(0); } .portfolio-item:hover .portfolio-overlay.zoomin { transform:scale(1); } /* MASK STYLES */ .portfolio-item .portfolio-mask { position:absolute; left: 0; position: absolute; right: 0; text-align: center; color:#fff; padding:15px; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%); width: 100%; visibility:hidden; opacity:0; z-index:1; } .portfolio-item:hover .portfolio-mask { visibility:visible; opacity:1; } .overlay-full .portfolio-title a,.overlay-full .portfolio-cat a,.default-grid-style .portfolio-title a { color:#fff; } .portfolio-cat > a { color:#333; } .portfolio-title a:hover,.overlay-full .portfolio-cat a:hover { opacity:0.7; color:#fff; } .portfolio-title { margin: 0 auto 15px; width: 80%; } /* OVERLAY CONTENT STYLE */ .portfolio-item .overlay-content .portfolio-title a:hover { opacity:0.8; } .portfolio-item .overlay-content .portfolio-mask { background:#fff; color:#333; box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -ms-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -o-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } .portfolio-item .overlay-content .position-top .portfolio-title > p, .portfolio-item .overlay-content .position-bottom .portfolio-title > p { display:none; } .portfolio-item .overlay-content .portfolio-title, .portfolio-item .overlay-content .portfolio-title > h4 { margin-bottom:0; } .portfolio-item .overlay-content .overlay-buttons { position: absolute; margin:0; } .portfolio-item .overlay-content .position-left, .portfolio-item .overlay-content .position-right { width:50%; height:100%; } .portfolio-item .overlay-content .position-right .overlay-buttons > li, .portfolio-item .overlay-content .position-left .overlay-buttons > li { display: block; } .portfolio-item .overlay-content .position-bottom .overlay-buttons, .portfolio-item .overlay-content .position-center .overlay-buttons { top:-25px; right:15px; } .portfolio-item .overlay-content .position-top .overlay-buttons { bottom:-25px; right:15px; } .portfolio-item .overlay-content .position-right .overlay-buttons { left:-25px; top:15px; } .portfolio-item .overlay-content .position-left .overlay-buttons { right:-25px; top:15px; } /* MASK POSITIONS */ .zozo-img-wrapper .overlay-mask.position-top, .zozo-img-wrapper .overlay-mask.position-bottom, .zozo-img-wrapper .overlay-mask.position-top-right, .zozo-img-wrapper .overlay-mask.position-top-left, .zozo-img-wrapper .overlay-mask.position-bottom-left, .zozo-img-wrapper .overlay-mask.position-bottom-right { transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; -webkit-transform: none; } .zozo-img-wrapper .overlay-mask.position-right .portfolio-title, .zozo-img-wrapper .overlay-mask.position-left .portfolio-title, .zozo-img-wrapper .overlay-mask.position-top-right .portfolio-title, .zozo-img-wrapper .overlay-mask.position-top-left .portfolio-title, .zozo-img-wrapper .overlay-mask.position-bottom-left .portfolio-title, .zozo-img-wrapper .overlay-mask.position-bottom-right .portfolio-title { width:100%; } .zozo-img-wrapper .overlay-mask.position-right { right: 0; left: auto; text-align: right; } .zozo-img-wrapper .overlay-mask.position-left { right: auto; left: 0; text-align: left; } .zozo-img-wrapper .overlay-mask.position-top { top: 0; bottom: auto; } .zozo-img-wrapper .overlay-mask.position-bottom { bottom: 0; top: auto; } .zozo-img-wrapper .overlay-mask.position-top-right { top: 0; bottom: auto; right: 0; left: auto; text-align: right; } .zozo-img-wrapper .overlay-mask.position-top-left { top: 0; bottom: auto; right: auto; left: 0; text-align: left; } .zozo-img-wrapper .overlay-mask.position-bottom-right { bottom: 0; top: auto; right: 0; left: auto; text-align: right; } .zozo-img-wrapper .overlay-mask.position-bottom-left { bottom: 0; top: auto; right: auto; left: 0; text-align: left; } /* HOVER STYLES */ .portfolio-item .portfolio-cat, .portfolio-item .portfolio-title > h4, .portfolio-item .portfolio-title > p { -webkit-transition: all 350ms ease;-moz-transition: all 350ms ease;-ms-transition: all 350ms ease;-o-transition: all 350ms ease;transition: all 350ms ease; } .portfolio-cat, .portfolio-title > h4, .portfolio-title > p { bottom: -30px; position: relative; opacity:0; } .portfolio-cols-4 .portfolio-title > h4 { font-size: 18px; } .portfolio-item:hover .portfolio-cat{ -webkit-transition-duration: 0.1s; /* Safari */ -moz-transition-duration: 0.1s; -ms-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s; } .portfolio-item:hover .portfolio-title > h4 { -webkit-transition-duration: 0.2s; /* Safari */ -moz-transition-duration: 0.2s; -ms-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } .portfolio-item:hover .portfolio-title > p { -webkit-transition-duration: 0.3s; /* Safari */ -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .portfolio-item:hover .portfolio-cat, .portfolio-item:hover .portfolio-title > h4, .portfolio-item:hover .portfolio-title > p{ opacity:1; bottom:0; } /* OVERLAY BUTTONS */ .zozo-img-wrapper .overlay-buttons,.overlay-buttons { margin: 0; position: relative; padding:0; z-index: 9; } .overlay-buttons > li { display: inline-block; padding: 0; } .overlay-buttons > li > a, .portfolio-mask > a { background: #fff; color: #333; border-radius: 50%; display: inline-block; font-size: 14px; font-weight: normal; height: 35px; line-height: 40px; margin:7.5px; text-align: center; width: 35px; box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -ms-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -o-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } .portfolio-carousel-slider .overlay-buttons > li > a { line-height: 36px; } .overlay-buttons > li > a:hover, .portfolio-mask > a:hover { background: #333; color: #fff; box-shadow:0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow:0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow:0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow:0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -o-box-shadow:0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } /* BUTTON ANIMATIONS */ .zozo-img-wrapper:hover .overlay-buttons.fade-up, .portfolio-item:hover .portfolio-mask > a { -webkit-animation: fadeInUp 0.3s linear both; -moz-animation: fadeInUp 0.3s linear both; -o-animation: fadeInUp 0.3s linear both; -ms-animation: fadeInUp 0.3s linear both; animation: fadeInUp 0.3s linear both; } .zozo-img-wrapper:hover .overlay-buttons.fade-right { -webkit-animation: fadeInRight 0.3s linear both; -moz-animation: fadeInRight 0.3s linear both; -o-animation: fadeInRight 0.3s linear both; -ms-animation: fadeInRight 0.3s linear both; animation: fadeInRight 0.3s linear both; } .zozo-img-wrapper:hover .overlay-buttons.fade-down { -webkit-animation: fadeInDown 0.3s linear both; -moz-animation: fadeInDown 0.3s linear both; -o-animation: fadeInDown 0.3s linear both; -ms-animation: fadeInDown 0.3s linear both; animation: fadeInDown 0.3s linear both; } .zozo-img-wrapper:hover .overlay-buttons.fade-left { -webkit-animation: fadeInLeft 0.3s linear both; -moz-animation: fadeInLeft 0.3s linear both; -o-animation: fadeInLeft 0.3s linear both; -ms-animation: fadeInLeft 0.3s linear both; animation: fadeInLeft 0.3s linear both; } .zozo-img-wrapper:hover .overlay-buttons.zoom-in { -webkit-animation: zoomIn 0.3s linear both; -moz-animation: zoomIn 0.3s linear both; -o-animation: zoomIn 0.3s linear both; -ms-animation: zoomIn 0.3s linear both; animation: zoomIn 0.3s linear both; } .zozo-img-wrapper:hover .overlay-buttons.rotate-in { -webkit-animation: rotateIn 0.3s linear both; -moz-animation: rotateIn 0.3s linear both; -o-animation: rotateIn 0.3s linear both; -ms-animation: rotateIn 0.3s linear both; animation: rotateIn 0.3s linear both; } .zozo-img-wrapper:hover .overlay-buttons.flip-x { -webkit-animation: flipInX 0.6s linear 0.3s both; -moz-animation: flipInX 0.6s linear 0.3s both; -o-animation: flipInX 0.6s linear 0.3s both; -ms-animation: flipInX 0.6s linear 0.3s both; animation: flipInX 0.6s linear 0.3s both; } .zozo-img-wrapper:hover .overlay-buttons.flip-y { -webkit-animation: flipInY 0.6s linear 0.3s both; -moz-animation: flipInY 0.6s linear 0.3s both; -o-animation: flipInY 0.6s linear 0.3s both; -ms-animation: flipInY 0.6s linear 0.3s both; animation: flipInY 0.6s linear 0.3s both; } .portfolio-item .post-inside-wrapper { display: block; } .portfolio-item:hover .post-inside-wrapper .portfolio-content { -webkit-transition: all 350ms ease; -moz-transition: all 350ms ease; -ms-transition: all 350ms ease; -o-transition: all 350ms ease; transition: all 350ms ease; } .portfolio-item:hover .post-inside-wrapper .portfolio-content { box-shadow: 0 14px 45px rgba(0, 0, 0, 0.25), 0 10px 18px rgba(0, 0, 0, 0.22); -webkit-box-shadow: 0 14px 45px rgba(0, 0, 0, 0.25), 0 10px 18px rgba(0, 0, 0, 0.22); -moz-box-shadow: 0 14px 45px rgba(0, 0, 0, 0.25), 0 10px 18px rgba(0, 0, 0, 0.22); -ms-box-shadow: 0 14px 45px rgba(0, 0, 0, 0.25), 0 10px 18px rgba(0, 0, 0, 0.22); -o-box-shadow: 0 14px 45px rgba(0, 0, 0, 0.25), 0 10px 18px rgba(0, 0, 0, 0.22); } .post-inside-wrapper.animate_when_almost_visible { opacity: 0; } .portfolio-item img { width: 100%; } .portfolio-content, .portfolio-img { position: relative; overflow:hidden; } .portfolio-grid-media-item { display: block; width: 100%; } /* Classic */ .style-classic .portfolio-inner-wrapper { background-color: #f5f5f5; padding: 20px; } .style-classic .portfolio-inner-wrapper a { color:#333; } .style-classic .portfolio-rating { padding-top: 3px; } .portfolio-content a.classic-img-link { position: relative; display: block; overflow: hidden; } .portfolio-content:hover a.classic-img-link:after { opacity: 1; } /* Style 1 */ .style-style_one .post-inside-wrapper { background-color: #f7f7f7; padding: 15px; position:relative; } .bg-skin-dark .style-style_one .post-inside-wrapper { background-color: #333; border-color: #333; } .style-style_one.portfolio-item:hover .post-inside-wrapper .portfolio-content, .style-style_two.portfolio-item:hover .post-inside-wrapper .portfolio-content { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; } .style-style_one.portfolio-item:hover .post-inside-wrapper, .style-style_two.portfolio-item:hover .post-inside-wrapper { box-shadow: 0 14px 45px rgba(0, 0, 0, 0.25), 0 10px 18px rgba(0, 0, 0, 0.22); -webkit-box-shadow: 0 14px 45px rgba(0, 0, 0, 0.25), 0 10px 18px rgba(0, 0, 0, 0.22); -moz-box-shadow: 0 14px 45px rgba(0, 0, 0, 0.25), 0 10px 18px rgba(0, 0, 0, 0.22); -ms-box-shadow: 0 14px 45px rgba(0, 0, 0, 0.25), 0 10px 18px rgba(0, 0, 0, 0.22); -o-box-shadow: 0 14px 45px rgba(0, 0, 0, 0.25), 0 10px 18px rgba(0, 0, 0, 0.22); -webkit-transition: all 350ms ease; -moz-transition: all 350ms ease; -ms-transition: all 350ms ease; -o-transition: all 350ms ease; transition: all 350ms ease; } .style-style_one .portfolio-content, .style-style_one .portfolio-img { position: static; } .portfolio-title, .style-style_one .portfolio-title, .style-style_two .portfolio-title { margin: 0; width: 100%; } .style-classic .portfolio-cat, .style-list_style .portfolio-cat, .style-list_style .portfolio-title > h4, .style-style_one .portfolio-cat, .style-style_one .portfolio-title > h4, .style-style_one .portfolio-title > p, .style-style_two .portfolio-cat, .style-style_two .portfolio-title > h4, .style-style_two .portfolio-title > p { width:100%; position:static; opacity:1; } .style-style_one .portfolio-bottom { padding: 15px 0 0; } .style-list_style .portfolio-title a, .style-style_one .overlay-full .portfolio-title a, .style-style_one .overlay-full .portfolio-cat a { color: #333; } /* Style 2 */ .style-style_two .portfolio-bottom { padding: 20px; position:relative; color:#fff; z-index:9; } .style-style_two .portfolio-title a, .style-style_two .portfolio-bottom p, .style-style_two .portfolio-cat > a { color:#fff; } .style-style_two .portfolio-title a:hover,.style-style_two .portfolio-title a:hover, .style-style_two .portfolio-cat > a:hover,.style-style_two .portfolio-cat > a:focus { color: #fff; opacity: 0.7; } /* ---------- Portfolio Gallary -------- */ .portfolio-item-gallery-format .owl-carousel { z-index:auto; } .portfolio-item-gallery-format.portfolio-item .portfolio-mask { z-index: 10; } .portfolio-carousel-slider .owl-prev.style-light, .blog-carousel-slider .owl-prev.style-light { left:15px; } .portfolio-carousel-slider .owl-next.style-light, .blog-carousel-slider .owl-next.style-light { right:15px; } .portfolio-carousel-slider .owl-prev.style-light, .portfolio-carousel-slider .owl-next.style-light, .blog-carousel-slider .owl-prev.style-light, .blog-carousel-slider .owl-next.style-light { color: #ffffff; font-size: 25px; height: 40px; line-height: 40px; position: absolute; text-align: center; width: 40px; z-index: 999; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; } .portfolio-carousel-slider .owl-prev.style-light:hover, .portfolio-carousel-slider .owl-next.style-light:hover, .blog-carousel-slider .owl-prev.style-light:hover, .blog-carousel-slider .owl-next.style-light:hover { opacity:0.8; cursor:pointer; } .portfolio-item:hover .portfolio-carousel-slider .owl-prev.style-light, .portfolio-item:hover .portfolio-carousel-slider .owl-next.style-light, .blog-carousel-slider:hover .owl-next.style-light,.blog-carousel-slider:hover .owl-next.style-light { background: #fff; color: #333; } /* ---------- List Style -------- */ .portfolio-item.style-list_style:hover .post-inside-wrapper .portfolio-content { box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; } .style-list_style .portfolio-title { width:100%; } .style-list_style .portfolio-content { padding:15px; background-color:#f7f7f7; } /* ============ Portfolio Single ============ */ .portfolio-single-media{ margin-bottom: 30px; } .portfolio-single .portfolio-custom-text { padding-bottom: 10px; padding-top: 10px; } .portfolio-single .portfolio-sharing { margin-top: 0px; } /* Social Icons */ .portfolio-single .zozo-social-share-box .zozo-social-share-icons li a, .portfolio-single .zozo-social-share-box .zozo-social-share-icons li.facebook a:hover i{ color:#fff; } .portfolio-single .zozo-social-share-box .zozo-social-share-icons li.facebook a:hover{ background-color:#3E5B98; border-color:#3E5B98; color:#fff; } .portfolio-single .zozo-social-share-box .zozo-social-share-icons li.twitter a:hover{ background-color:#4CA6DE; border-color:#4CA6DE; color:#fff; } .portfolio-single .zozo-social-share-box .zozo-social-share-icons li.linkedin a:hover, .portfolio-single .zozo-social-share-wrapper .zozo-social-share-icons li.linkedin a:hover{ background-color:#3371B8; border-color:#3371B8; color:#fff; } .portfolio-single .zozo-social-share-box .zozo-social-share-icons li.google-plus a:hover{ background-color:#D93F2D; border-color:#D93F2D; color:#fff; } .portfolio-single .zozo-social-share-box .zozo-social-share-icons li.email a:hover{ background-color:#CA3A27; border-color:#CA3A27; color:#fff; } /* ============ Portfolio Slider ============ */ .portfolio-slider-item .portfolio-title, .portfolio-slider-item .portfolio-title > h4 { color: #FFFFFF; margin-bottom: 10px; } .latest-portfolio-slider-section { padding: 30px 0 60px; } /* Portfolio Single */ .portfolio-single .portfolio-desc-title, .portfolio-single .portfolio-info-title { text-transform: uppercase; } .portfolio-image img { width:100%; } .portfolio-single .portfolio-box p { margin-bottom: 10px; } .single-portfolio-slider.owl-carousel.owl-theme .owl-controls .owl-nav div { background: rgba(0, 0, 0, 0) linear-gradient(to left, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0) 100%) repeat-x scroll 0 0; color: #fff; font-size: 36px; height: 100%; line-height: 100%; top: 0; transform: none; width: 10%; } .single-portfolio-slider.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev{ background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0) 100%) repeat-x scroll 0 0; right: auto; left: 0; } .single-portfolio-slider.owl-carousel.owl-theme .owl-controls .owl-nav div i { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .portfolio-single .zozo-social-share-box .zozo-social-share-icons li a{ border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; } .portfolio-single .portfolio-info-title, .portfolio-single .portfolio-desc-title { margin: 0 0 12px; padding: 14px 0; text-transform: uppercase; position: relative; } .portfolio-single .portfolio-info-title::before, .portfolio-single .portfolio-desc-title::before{ bottom: 0; content: ""; display: block; height: 2px; left: 0; margin: -2px auto; position: absolute; width: 40px; background: #e1e1e1; } .portfolio-single-media .zozo-fit-video .fluid-width-video-wrapper { height:500px; } /* Portfolio stack */ .portfolio-stack-gallery .portfolio-img { margin-bottom: 30px; } .portfolio-stack-gallery .portfolio-img:last-child { margin-bottom: 0; } /* Portfolio Details */ .portfolio-single-details { margin-bottom: 30px; } .sticky-sidebar .portfolio-excerpt-block { margin-bottom: 30px; } .portfolio-details .portfolio-box strong { margin-right:5px; } .portfolio-single-details .portfolio-custom-link, .portfolio-single-details .portfolio-sharing { margin-top:30px; } .portfolio-single-wrapper { margin-bottom:60px; } /* ================================================================ * SECONDARY MENU * ================================================================ */ #zozo_wrapper { position: relative; } .secondary_menu { position: fixed; background: #2B2B2B; -o-box-shadow: 0 -10px 25px -1px rgba(0, 0, 0, 0.5); z-index: 9999; } .side_right_menu_active .secondary_menu { box-shadow: 0 -10px 25px -1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 -10px 25px -1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 -10px 25px -1px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 -10px 25px -1px rgba(0, 0, 0, 0.5); } .secondary_menu .secondary-menu-inner { padding:50px; } .secondary_menu.top { width: 100%; } /* secondary menu right and left */ .side_right_menu_active, .side_left_menu_active { overflow: hidden; } .side_right_menu_active .footer-section.footer-style-hidden, .side_left_menu_active .footer-section.footer-style-hidden, .side_right_menu_active .is-sticky .header-main-section,.side_right_menu_active .is-sticky .header-main-section { position:static!important; } .secondary_menu.right { width: 25%; right: -25%; height: 100%; } .secondary_menu.left { width: 25%; left: -25%; height: 100%; } .side_left_menu_active #zozo_wrapper:after,.side_right_menu_active #zozo_wrapper:after, .side_left_menu_active .footer-section:after,.side_right_menu_active .footer-section:after { background: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%, transparent 100%); background: -moz-linear-gradient(left, rgba(0,0,0,0.8) 0%, transparent 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0.8) 0%, transparent 100%); background: -o-linear-gradient(left, rgba(0,0,0,0.8) 0%, transparent 100%); bottom: 0; content: ""; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 99; } .side_right_menu_active #zozo_wrapper:after, .side_right_menu_active .footer-section:after { background: linear-gradient(to right, rgba(0,0,0,0.8) 0%, transparent 100%); background: -webkit-linear-gradient(right, rgba(0,0,0,0.8) 0%, transparent 100%); background: -moz-linear-gradient(right, rgba(0,0,0,0.8) 0%, transparent 100%); background: -ms-linear-gradient(right, rgba(0,0,0,0.8) 0%, transparent 100%); background: -o-linear-gradient(right, rgba(0,0,0,0.8) 0%, transparent 100%); } /* secondary menu close */ .secondary_menu_close { background-color: #0099cc; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); color: #ffffff; font-size: 14px; height: 40px; left: 20px; opacity:0; line-height: 40px; position: absolute; text-align: center; top: 20%; width: 40px; transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; } .side_right_menu_active .secondary_menu_close { left: -20px; opacity: 1; } /* secondary menu left close */ .secondary_menu.left .secondary_menu_close { right: 20px; left: auto; } .side_left_menu_active .secondary_menu.left .secondary_menu_close { right: -20px; opacity: 1; } .secondary_menu_close:hover,.secondary_menu_close:focus { color:#fff; opacity:0.8; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } /* secondary menu widgets */ .secondary_menu .widget { margin-bottom:60px; } .secondary_menu .widget_nav_menu .menu { margin: 0; } .secondary_menu .widget_nav_menu ul li.menu-item { margin: 0; padding: 10px 0; } .secondary_menu .widget_text { color: #777777; } .secondary_menu .call-to-action-inner { background: transparent; border: none; padding: 10px 0; } .secondary_menu .call-to-action-inner .btn { padding-top: 7px; padding-bottom: 7px; } /* Secondry menu widget */ .secondary_menu h1,.secondary_menu h2,.secondary_menu h3,.secondary_menu h4,.secondary_menu h5,.secondary_menu h6 { color:#fff; } .secondary_menu .widget.widget_recent_entries li a, .secondary_menu.widget.widget_recent_comments li .comment-author-link a, .secondary_menu .widget.zozo_category_posts_widget li a, .secondary_menu .widget.widget_categories li a, .secondary_menu .widget.widget_archive li a, .secondary_menu .widget.widget_meta li a, .secondary_menu .widget.widget_nav_menu li a, .secondary_menu .widget li .tweet-user-name a, .secondary_menu .widget.zozo_popular_posts_widget .posts-title > a, .secondary_menu .zozo-tabs-widget a, .secondary_menu .widget.widget_pages li > a { color: #fff; } .secondary_menu .footer-widgets .widget h3, .secondary_menu .widget.zozo_popular_posts_widget li.posts-item, .secondary_menu .widget .tweet-item, .secondary_menu .zozo-tabs-widget .tab-content > .tab-pane, .secondary_menu .zozo-tabs-widget .nav-tabs li.active h6 a, .secondary_menu .nav-tabs, .secondary_menu .zozo-tabs-widget .nav-tabs li h6 a:hover, .secondary_menu .widget-posts-list li, .secondary_menu table th,.secondary_menu table td { border-color: #333; } /* ================================================================ * TABS * ================================================================ */ .animated .zozo-tabs .tab-content > .active, .animated .zozo-accordion .panel-collapse.collapse.in { visibility: hidden; } .animated.visible .zozo-tabs .tab-content > .active, .animated.visible .zozo-accordion .panel-collapse.collapse.in { visibility: visible; } .zozo-left-vertical .tab-content > .tab-pane, .zozo-right-vertical .tab-content > .tab-pane { padding: 0; } .tabs-left, .tabs-right { border-bottom: none; } .nav-tabs.tabs-left > li, .nav-tabs.tabs-right > li { float: none; } .nav-tabs.tabs-right > li > a { margin-right: 0; } .nav-tabs > li:last-child > a { margin: 0; } .zozo-tabs ul li a i { padding-right: 10px; } .zozo-tabs .nav-tabs > li > a { cursor: pointer; background: #f7f7f7; padding: 10px 20px 11px; color: #1e1e1e; text-transform: capitalize; -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -ms-border-radius: 2px 2px 0 0; -o-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; } .nav-tabs > li > a:hover { border-color: #fff; border-bottom-color: #e1e1e1; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover, .nav-tabs > li.active > a:focus { color: #fff; } .zozo-tab-horizontal .nav-tabs { border: 0px; } .zozo-tab-horizontal .nav-tabs > li { float: none; display: table-cell; } .zozo-tab-horizontal .nav-tabs > li.active a { border-color: #e1e1e1; border-bottom-color: transparent; } .zozo-tab-horizontal .tab-content { margin-top: -1px; border-top: 1px solid; border-bottom: 1px solid; border-color: #e1e1e1; padding: 20px 0; } .tab-content > .tab-pane p:last-child { margin-bottom: 0px; } /* Tab Vertical Left & Right */ .zozo-left-vertical .nav-tabs { float: left; padding-right: 20px; } .zozo-left-vertical .nav-tabs > li > a { margin-right: 0; } .zozo-left-vertical .nav-tabs > li > a, .zozo-right-vertical .nav-tabs > li > a { padding: 10px 20px 11px; border: 1px solid transparent; border-right-color: #e1e1e1; margin-bottom: -2px; -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; -ms-border-radius: 2px 0 0 2px; -o-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; } .zozo-left-vertical .nav-tabs > li.active > a { border-color: #e1e1e1; border-right-color: transparent; } /* Right Tab */ .zozo-right-vertical .nav-tabs.tabs-right { float: right; padding-left: 20px; } .zozo-right-vertical .nav-tabs.tabs-right li { margin-bottom: 1px; } .zozo-right-vertical .nav-tabs.tabs-right > li > a { border: 1px solid transparent; border-left-color: #e1e1e1; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -ms-border-radius: 0 2px 2px 0; -o-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; } .zozo-right-vertical .nav-tabs.tabs-right > li.active > a { border-color: #e1e1e1; border-left-color: transparent; } /* ================================================================ * ACCORDION * ================================================================ */ /* Accordion Default */ .panel-group { margin-bottom: 0; } .zozo-accordion-default .zozo-accordion-panel.panel { border: 0px; } .zozo-accordion-default .zozo-accordion-panel.panel.panel-default { margin: 0; } .zozo-accordion.zozo-accordion-default .panel-title a { padding: 9px 0px; font-weight: 600; border-bottom: 1px solid #e1e1e1; line-height: 30px; } .zozo-accordion.zozo-accordion-default .panel-title a.collapsed { color: #333; } .zozo-accordion.zozo-accordion-default .panel-body { padding: 15px 0; } .zozo-accordion.zozo-accordion-default .panel-title a:after { content: none; display: none; } /* Accordion classic */ .zozo-accordion.zozo-accordion-classic { padding: 5px 20px; border: 1px solid #e1e1e1; } .zozo-accordion-classic .zozo-accordion-panel.panel.panel-default { margin: 0; border: 0px; border-bottom: 1px solid #e1e1e1; } .zozo-accordion-classic .zozo-accordion-panel.panel.panel-default:last-child { border-bottom: 0px; } .zozo-accordion.zozo-accordion-classic .panel-title a { border: 0px; line-height: 30px; padding: 9px 0px; border-bottom: 1px solid #e1e1e1; } .zozo-accordion.zozo-accordion-classic .panel-title a.collapsed { border-bottom: 0px; color: #333; } .zozo-accordion.zozo-accordion-classic .panel-body { padding: 15px 0; } /* =============== Blockquote =============== */ blockquote.blockquote-reverse:before { left: auto; right: 0; } /* ================================================================ * CLIENT SLIDER * ================================================================ */ .zozo-client-slider-wrapper .owl-carousel.owl-theme .owl-dots { margin-top: 20px; } .zozo-client-grid { margin:0 -15px; } .zozo-client-grid .client-item { text-align: center; margin-bottom:15px; } .zozo-client-grid img { margin: 0 auto; padding:15px; } /* Client Grid Column*/ .client-columns-4 .client-grid-spacer .client-item, .client-columns-3 .client-grid-spacer .client-item, .client-columns-2 .client-grid-spacer .client-item { margin-bottom: 30px; } .client-columns-4 .client-grid-spacer .client-item:nth-last-child(4), .client-columns-4 .client-grid-spacer .client-item:nth-last-child(3), .client-columns-4 .client-grid-spacer .client-item:nth-last-child(2), .client-columns-4 .client-grid-spacer .client-item:nth-last-child(1), .client-columns-3 .client-grid-spacer .client-item:nth-last-child(3), .client-columns-3 .client-grid-spacer .client-item:nth-last-child(2), .client-columns-3 .client-grid-spacer .client-item:nth-last-child(1), .client-columns-2 .client-grid-spacer .client-item:nth-last-child(2), .client-columns-2 .client-grid-spacer .client-item:nth-last-child(1) { margin-bottom: 0; } /* ================================================================ * WIDGETS * ================================================================ */ .widget { margin-bottom: 15px; } .sidebar .widget { margin-bottom: 60px; } .widget-title { border-bottom: 1px solid #e1e1e1; } .sidebar .widget-title { margin-top: 0; } .widget.widget_search { padding: 0; border: none; } .widget.widget_search .widget-title { display: none; } .widget input, .widget select, .widget textarea { width: 100%; } .widget ul { padding: 0px; list-style: none; margin-bottom: 0; } .widget ul ul { padding-left:20px; } .widget li { list-style: none; line-height: 26px; } .widget.widget_recent_entries li a, .widget.widget_recent_comments li .comment-author-link a, .widget.zozo_category_posts_widget li a, .widget.widget_categories li a, .widget.widget_archive li a, .widget.widget_meta li a, .widget.widget_nav_menu li a, .widget.widget_edd_categories_tags_widget li a { color: #7f7f7f; } .widget.widget_recent_entries li a:hover, .widget.widget_recent_comments li a:hover, .widget.zozo_category_posts_widget li a:hover, .widget.widget_categories li a:hover, .widget.widget_archive li a:hover, .widget.widget_meta li a:hover, .widget.widget_nav_menu li a:hover, .widget.widget_edd_categories_tags_widget li a:hover { color: #333; } .widget_archive li, .widget_categories li, .widget_meta li, .widget_pages li, .widget_nav_menu li { margin: 10px 0; } .widget_rss li { margin: 12px 0; } /*Latest post*/ .widget.zozo_popular_posts_widget li.posts-item { border-bottom: 1px solid #eee; margin-bottom: 10px; padding: 15px 0; } .widget.zozo_popular_posts_widget li.posts-item:last-child { border: none; margin-bottom: 0; } .sidebar .zozo-latest-posts .posts-title { font-size: 15px; font-weight: 700; margin-bottom: 8px; text-transform: uppercase; } .sidebar .zozo-latest-posts .posts-title a { color:#333333; } .sidebar .zozo-latest-posts .latest-post-img { height: 65px; width: 65px; } .sidebar .zozo-latest-posts p { font-size: 12px; line-height: 20px; margin-bottom: 5px; } /*Counter Widget*/ .sidebar .zozo-count-number .zozo-counter-count { line-height: 16px; color: #7f7f7f; } .sidebar .zozo-count-number .zozo-counter-count > .counter { color: #333333; padding-left: 10px; } .posts-item, .cat-posts-item { margin: 5px 0; } .widget_recent_entries li { margin-bottom: 10px; } .widget_recent_entries .post-date { display: block; } .widget_recent_entries li:first-child { border-top: 0; } .posts-item:last-child { margin-bottom: 0; } .posts-title { margin-top: 0; } .widget_nav_menu ul li.menu-item .sub-menu { margin-top: 5px; } .latest-posts-menu .entry-summary { margin-bottom:10px; } .latest-posts-menu .entry-date { font-size: 13px; color: #7f7f7f; } .latest-posts-menu .entry-date i { padding-right: 5px; } .latest-post-img { float: left; height: 50px; margin: 0 10px 0 0; width: 50px; } .latest-post-content { overflow:hidden; } /* Call To Action */ .zozo_call_to_action_widget { padding: 0; } .call-to-action-inner { padding: 2px 0px 12px; } .call-to-action-inner h2 { margin: 0 0 10px; } .call-btn-col { padding-top: 3px; } .zozo-call-action .call-action-text { border-bottom: 0px; line-height: 25px; margin-top: 0; } .zozo_flickr_widget, .zozo_instagram_widget { overflow: hidden; } .flickr_photo_item, .instagram-item { margin: 0; padding: 0; float: left; max-width: 33.3%; width: 100%; } .flickr_photo_item.image-thumbnail, .instagram-item.image-thumbnail { width: 20%; } .flickr_photo_item.image-medium, .instagram-item.image-medium { width: 25%; } .flickr_photo_item.image-large, .instagram-item.image-large { width: 33.33%; } .flickr_photo_item img, .instagram-item img { width: 100%; padding: 0 2px 2px 0; } .flickr_photo_item:hover { opacity: 0.7; } .widget.zozo_tabs_widget { border: none; padding: 0; } .zozo-tabs-widget .tab-content > .tab-pane { border-width: 0 1px 1px; border-style: solid; border-color: #ddd; padding: 14px 16px; background: #fff; float: left; width: 100%; } .zozo-tabs-widget .nav-tabs li h6 { margin: 0; padding: 0; } .zozo-tabs-widget .nav-tabs li h6 a { display: block; border: 1px solid; border-color: transparent; border-bottom: 0px; padding: 10px 15px; text-transform: uppercase; border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; -o-border-radius: 2px 2px 0 0; -ms-border-radius: 2px 2px 0 0; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } .zozo-tabs-widget .nav-tabs li.active h6 a { background: #fff; border-color: #ddd; } .zozo_tabs_widget .tab-content ul { float: none; } .zozo-tabs-widget .nav-tabs li h6 a:hover { background-color: #fff; border-color: #ddd #ddd transparent; } .zozo-tabs-widget img { max-width: 60px; } .widget-posts-list li { padding-bottom: 15px; border-bottom: 1px solid; border-color: #DFDFDF; margin-bottom: 15px; clear: both; overflow: hidden; display: table; width: 100%; } .tab-content .widget-posts-list li { padding-left: 0; } ul.widget-posts-list { margin-bottom: 0; } .widget-posts-list li:last-child { margin-bottom: 0; padding-bottom: 0; } .widget-posts-list li:last-child { border-bottom: none; } .widget-posts-list .widget-entry-image { display: table-cell; vertical-align: top; padding: 0 10px 0 0; width: 60px; } .widget-posts-list .widget-entry-content h6 { margin-top: 0; } #tab-comments .widget-posts-list .widget-entry-image { padding-top: 0; } .widget-posts-list .widget-entry-meta i { padding-right: 4px; } .widget-entry-content { display: inline-block; } .widget-title { text-transform: uppercase; } .tagcloud { padding-top: 5px; } .tagcloud a { border-radius: 0; color: #fff; display: inline-block; font-size: 11px !important; letter-spacing: 1px; margin-bottom: 5px; padding: 0 15px; text-transform: capitalize; box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -ms-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -o-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } .tagcloud a:hover { color: #FFFFFF; } /* Facebook Widget */ .fbCustom .fb_iframe_widget span { width: 100% !important; } .fb-like-box, .fb-like-box .fb_iframe_widget iframe { width: 100%; } .zozo_facebook_like_box { padding-top: 10px; } /* Twitter */ .widget .tweet-item { padding-bottom: 20px; position: relative; } .widget .tweet-item p { margin-bottom: 0; } .widget li .tweet-user-name a { font-size: 13px; text-decoration: none !important; padding-left: 40px; color: #333; } .widget .tweet-item a { text-decoration: underline; font-size: 10px; margin-right: 5px; } .widget .tweet-item { position: relative; padding: 10px 0 15px; } .widget .tweet-item:nth-child(2n+1) { border-bottom: 1px solid #eee; } .widget .tweet-item p { font-size: 13px; padding-top: 5px; } .widget .tweet-time { color: #7f7f7f; position: relative; padding-left: 6px; font-size: 8px; } .widget .tweet-item h5 { line-height: 30px; } .widget .tweet-item h5:before { color: #fff; content: "\f099"; display: block; font-family: "FontAwesome"; font-size: 14px; height: 30px; left: 0; line-height: 30px; position: absolute; text-align: center; width: 30px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; } .widget .tweet-time:before { background: #7f7f7f; content: ""; cursor: pointer; height: 17px; left: -2px; position: absolute; top: -2px; width: 2px; } .widget .tweet-item a { font-size: 16px; } .footer-widgets .widget.zozo_social_link_widget { margin-bottom: 0; } /* Car Sevice Widget */ .widget .menu-services-menu-container ul li a { background: #f1f1f1 none repeat scroll 0 0; display: block; padding: 10px 12px; } .widget .menu-services-menu-container ul li a::before { left: auto; right: 16px; top: 9px; } .widget .menu-services-menu-container ul li.current-menu-item a, .widget .menu-services-menu-container ul li a:hover, .widget .menu-services-menu-container ul li.current-menu-item a:hover { color: #fff; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } /* Footer services */ .footer-widgets .widget.widget_nav_menu li a:before { content:none; } .footer-widgets .widget .menu-services-menu-container ul li a, .footer-widgets .widget .menu-services-menu-container ul li a:hover, .footer-widgets .widget .menu-services-menu-container ul li.current-menu-item a, .footer-widgets .widget .menu-services-menu-container ul li.current-menu-item a:hover { background: transparent; display: block; padding: 0; } /* List Simple */ .list.simple li { margin-bottom: 4px; } .list.simple span { min-width: 40%; float: left; font-weight: 900; } /* VC Gallery */ .widget .wpb_gallery.wpb_content_element, .widget .slick-slider { margin-bottom: 0; } /* ================================================================ * PLUGINS * ================================================================ */ /* Events List Widgets */ .widget.tribe-events-list-widget ol { padding-left: 0; } .widget .tribe-events-list-widget-events h4.entry-title { font-size: 16px; line-height: 20px; margin: 0 0 10px; text-transform: uppercase; } .widget .tribe-events-list-widget-events h4.entry-title a { color: #333; } .tribe-events-list-widget ol li { margin-bottom: 0; } .tribe-events-adv-list-widget .tribe-events-widget-link a, .tribe-events-back a, .tribe-events-list-widget .tribe-events-widget-link a, ul.tribe-events-sub-nav a { font-weight: normal; } .widget .ecs-event { padding: 10px; background: #f1f1f1; margin-bottom: 20px; } .widget .ecs-event-list img { margin-bottom: 5px !important; } .widget .ecs-event-list h4.entry-title.summary { font-size: 16px; margin-bottom: 0; } .widget .ecs-event p:last-child { margin-bottom: 0; } /* ================================================================ * FOOTER WIDGETS * ================================================================ */ .footer-widgets .widget h3 { background: none; margin: 0 0 25px; text-transform: uppercase; letter-spacing:1px; font-weight:700; /*border-bottom: 1px solid #e1e1e1;*/ } .footer-widgets .widget h3.widget-title { color: #333; } .footer-widgets .widget { margin-bottom: 10px; border: none; } .footer-widgets .widget, .footer-widgets .widget p .footer-widgets .widget .zozo-count-number h3 { color: #7f7f7f; } .footer-widgets .widget .zozo-mailchimp-form .form-control { background: transparent; border: 1px solid #e1e1e1; font-size: 12px; height: 40px; line-height: 40px; min-height: 40px; padding: 8px 12px; width: 100%; } .footer-skin-dark .footer-widgets .widget .zozo-mailchimp-form .form-control { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; background: #2e2e2e; border-color: #2e2e2e; color:#7c7c7c; } .footer-widgets .widget .zozo-count-number h3 { margin-bottom: 0; border-bottom: none; } .footer-widgets .widget .zozo-mailchimp-form { margin-bottom: 10px; } .footer-widgets .widget .tagcloud a:hover { color: #fff; } .footer-widgets .widget .zozo-call-action a.btn-call-action:hover, .footer-widgets .widget a.btn:hover { color: #fff; } /* Popular Post */ .footer-widgets .widget.zozo_popular_posts_widget li.posts-item { margin: 0; padding: 10px 0; } .footer-widgets .widget.zozo_popular_posts_widget li.posts-item .posts-title { margin-bottom: 5px; } .zozo_popular_posts_widget .posts-title > a { color:#333; } /* counter */ /*.footer-widgets .widget h3.zozo-counter-count { line-height:2; letter-spacing:1px; } .footer-widgets.col-xs-12 .zozo-social-icons { display: block; text-align: center; } .footer-widgets.col-xs-12 .zozo-social-icons li > a { height: 50px; line-height: 50px; width: 50px; } .footer-widgets.col-xs-12 .zozo-social-icons i { font-size: 20px; line-height: 50px; }*/ /* ================================================================ * TIME TABLE * ================================================================ */ .time-table .table > tbody > tr > td, .time-table .table > tbody > tr > th, .time-table .table > tfoot > tr > td, .time-table .table > tfoot > tr > th, .time-table .table > thead > tr > td, .time-table .table > thead > tr > th { padding: 20px 8px; text-align: center; vertical-align: middle; text-transform: capitalize; } .time-table .table.table-bordered > tbody > tr > td, .time-table .table.table-bordered > tbody > tr > th, .time-table .table.table-bordered > tfoot > tr > td, .time-table .table.table-bordered > tfoot > tr > th, .time-table .table.table-bordered > thead > tr > td, .time-table .table.table-bordered > thead > tr > th { border-color: #EDEDED; } .time-table .table > thead { color: #fff; } .time-table .table > thead > tr > th { border: none; } .time-table .table > thead > tr > th, .time-table .table > tbody > tr > td:first-child { font-size: 18px; font-weight: 700; } /* ================================================================ * CUSTOM CSS * ================================================================ */ a:hover, a:active, a:focus { color: #333; } .btn.btn-search:hover, .btn.btn-search:active, .btn.btn-search:focus { color: #474747; } /* ================================================================ * WORDPRESS GALLERIES * ================================================================ */ .gallery { margin-bottom: 20px; clear: both; overflow: hidden; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail { display: table; margin: 0 auto 20px; } .gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item { text-align: center; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px); } .gallery-columns-3 .gallery-item { max-width: 31.333%; max-width: -webkit-calc(33.333% - 4px); max-width: calc(33.333% - 4px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1), .gallery-columns-4.gallery-size-thumbnail figure.gallery-item:nth-of-type(4n+1), .gallery-columns-5.gallery-size-thumbnail figure.gallery-item:nth-of-type(5n+1) { clear: left; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); box-sizing: border-box; color: #fff; font-size: 14px; line-height: 1.3; margin: 0; max-height: 50%; opacity: 0; padding: 2px 8px; position: absolute; bottom: 0; left: 0; text-align: left; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; width: 100%; } .gallery-caption:before { box-shadow: 0 -10px 15px #000 inset; -moz-box-shadow: 0 -10px 15px #000 inset; -webkit-box-shadow: 0 -10px 15px #000 inset; -o-box-shadow: 0 -10px 15px #000 inset; -ms-box-shadow: 0 -10px 15px #000 inset; content: ""; height: 100%; min-height: 49px; position: absolute; left: 0; top: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /* ================================================================ * EVENTS CALENDAR * ================================================================ */ #tribe-events .tribe-events-button, .tribe-events-button, #tribe-bar-form .tribe-bar-submit input[type="submit"] { border: 0 none; border-radius: 3px; color: #333; font-size: 13px; font-weight: normal; letter-spacing: 0; line-height: 22px; padding: 9px 12px; text-transform: capitalize; width: auto; } #tribe-bar-form .tribe-bar-submit input[type="submit"]:hover, #tribe-events .tribe-events-button:hover, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, #tribe-bar-form .tribe-bar-submit input[type="submit"]:hover, #tribe-bar-form .tribe-bar-submit input[type="submit"]:active, #tribe-bar-form .tribe-bar-submit input[type="submit"]:focus { color: #fff; } .events-list .tribe-events-loop, .single-tribe_organizer .tribe-events-loop, .single-tribe_venue .tribe-events-loop, .tribe-events-day .tribe-events-loop { max-width: none; } #tribe-bar-form { background: transparent; border: 1px solid #e1e1e1; } /*.tribe-bar-views-inner, #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a, #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option.tribe-bar-active a:hover { background: #ededed; }*/ #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a:hover { background: transparent; } #tribe-bar-form label { margin-bottom: 10px; font-size: 14px; text-transform: capitalize; } #tribe-bar-form input[type="text"] { border: 1px solid #e1e1e1; padding: 5px 10px; font-size: 14px; height: 40px; font-weight: normal; border-radius: 3px; -webkit-border-radius: 3px; } .tribe-events-list .tribe-events-event-cost span { color: #333; padding: 9px 12px; line-height: 22px; border-radius: 3px; font-weight: normal; } .single-tribe_events .tribe-events-schedule .tribe-events-divider { vertical-align: middle; } .tribe-bar-date-filter, .tribe-bar-search-filter { width: 50%; } .tribe-bar-submit { margin: 0 15px 18px; padding: 0; } .tribe-bar-views-inner, #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a, #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option.tribe-bar-active a:hover { background: transparent; } /*.tribe-events-list .type-tribe_events h2 a, .tribe-events-list-event-title.entry-title.summary a, .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"] > a, #tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type="submit"], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] > a { color: #333; }*/ #tribe-events-content table.tribe-events-calendar { border: 1px solid #e1e1e1; } .tribe-events-meta-group .tribe-events-single-section-title { border-bottom: 1px solid #e1e1e1; text-transform: uppercase; margin: 5px 0 15px; } .tribe-events-event-meta .column, .tribe-events-event-meta .tribe-events-meta-group { padding: 0 20px; margin-bottom: 10px; } .single-tribe_events #tribe-events-content .tribe-events-event-meta dt { font-weight: 600; padding-bottom: 7px; margin-top: 20px; } .tribe-events-notices { float: left; width: 100%; } /* TRIBE EVENT TITLE */ .tribe-events-list h2.tribe-events-page-title, h2.tribe-events-page-title { font-size: 28px; font-weight: 500; line-height: 40px; margin: 0 0 45px; position: relative; text-transform: uppercase; } h2.tribe-events-page-title:after { bottom: -25px; content: ""; display: block; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 40px; } .tribe-events-calendar thead th { background: #333; } .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"] > a { background: #f7f7f7; color: #333; } /* LIST VIEW */ .tribe-events-list .type-tribe_events { border-bottom: 1px dashed #e1e1e1; padding-bottom: 30px; } .tribe-events-list .time-details { color: #7c7c7c; margin: 10px 0 20px; } .tribe-events-event-meta address.tribe-events-address, .tribe-events-list .tribe-events-venue-details { font-style: normal; } .tribe-events-list-separator-month span { padding: 0 15px; font-weight: 300; } .tribe-events-list-separator-month:after { border-bottom: 4px double #e1e1e1; } /* DAY VIEW */ .tribe-events-day .tribe-events-day-time-slot h5 { padding: 20px 0; background: #F7F7F7; border: 1px solid #e1e1e1; color: #333; } .tribe-events-day .tribe-events-day-time-slot .type-tribe_events { margin-left: 0; } .single-tribe_events .tribe-events-meta-group .tribe-events-venue-map { margin: 20px 0 10px; } /* Events calender Single */ .single-tribe_events .tribe-events-event-meta { background: #f7f7f7; border: 1px solid #e1e1e1; } /* The Events Calender Shortcode */ .ecs-event-list { padding-left: 0; list-style: none; } .zozo-events-list-wrapper.style-list .ecs-event { margin-bottom: 20px; } .zozo-events-list-wrapper.style-list .ecs-event:last-child { margin-bottom: 0; } .ecs-event .ecs-event-inner { padding: 15px; background: #f7f7f7; border: 1px solid #e1e1e1; } .skin-transparent .ecs-event .ecs-event-inner { background: none; border: 1px solid #7c7c7c; } .ecs-event .event-title { margin: 0 0 15px; } .ecs-event-list h4.entry-title.summary { font-size: 20px; line-height: 30px; margin-top: 0; } .zozo-events-list-wrapper.style-list .ecs-event-list img { margin-right: 20px; margin-bottom: 0; float: left; } .zozo-events-list-wrapper.style-grid .ecs-event-list img { margin-bottom: 15px; } .zozo-events-list-wrapper.style-grid .ecs-clearfix { margin-bottom: 30px; } .ecs-event-list .duration { font-style: italic; font-size: 13px; } .ecs-event-list .duration.time { vertical-align: top; } /* Ultimate Addon */ .uvc-heading-spacer.line_with_icon .aio-icon { vertical-align: top; } .ult-carousel-wrapper .animated, .icon_list_item .animated { visibility: visible; } .flip-pad-tb-30 .ifb-flip-box-section { padding-top: 30px; padding-bottom: 30px; } .flip-box-wrap, .wpb_row .wpb_column .wpb_wrapper .flip-box-wrap { margin-bottom: 0!important; } .smile-icon-timeline-wrap .timeline-separator-text .sep-text { color: inherit; padding: 5px 14px; } .vc_row .ult-vc-seperator { z-index: 9; } .vc_row .ult-easy-separator-wrapper { z-index: 50; } .bg-style.bg-normal .ult-vc-seperator svg { fill: inherit; } .uvc-type-wrap .ultimate-ticker-down-prefix, .uvc-type-wrap .ultimate-ticker-down-suffix, .uvc-type-wrap .ultimate-ticker-prefix, .uvc-type-wrap .ultimate-ticker-suffix, .ultimate-vticker.ticker, .ultimate-vticker.ticker-down { vertical-align: middle; } .stats-desc .stats-text > h4 { margin-bottom: 0; } .info-circle-wrapper .info-c-full h3 { margin-bottom: 15px; } /*Feature Page*/ .feature-carousel .zozo-feature-box.feature-box-style, .feature-carousel .ult-carousel-wrapper { margin-bottom: 0; } .wpb_column.bg-position-left, .wpb_row.bg-position-left, .bg-position-left .vc_column-inner { background-position: left center!important; } .wpb_column.bg-position-bottom .vc_column-inner, .wpb_row.bg-position-bottom, .bg-position-bottom .vc_column-inner { background-position: bottom center!important; } .wpb_column.bg-position-center, .wpb_row.bg-position-center, .bg-position-center .vc_column-inner { background-position: center center!important; background-repeat: no-repeat; } .wpb_column.bg-position-right,.bg-position-right, .wpb_row.bg-position-right, .bg-position-right .vc_column-inner { background-position: right center!important; } /* VC blog masonry Grid box */ .vc_gitem_row .vc_gitem-col { padding: 10px 15px; } /* List Item Hexagon */ .smile_icon_list.hexagon li .icon_list_icon { color: #333; } .icon_description:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .icon_description:after, .icon_description:before { content: ""; display: table; } .icon_description_text { margin-top: 10px; } /* Creative Links */ .wpb_single_image .vc_figure { max-width: 100%; } /* Ultimate Addon Pricing */ /* Pricing Btn : hover */ .ult_pricing_table_wrap.ult-cs-custom .ult_pricing_table .ult_price_link .ult_price_action_button:hover, .ult_pricing_table_wrap.ult-cs-custom .ult_pricing_table .ult_price_link .ult_price_action_button:active, .ult_pricing_table_wrap.ult-cs-custom .ult_pricing_table .ult_price_link .ult_price_action_button:focus { background: #000; } /* Pricing Hightlight Bg */ .ult_pricing_table_wrap.ult-cs-custom .ult_pricing_table .ult_price_body_block, .ult_pricing_table_wrap.ult-cs-custom .ult_pricing_table .ult_pricing_heading { color: #fff; } /* Pricing Hightlight Bg : hover */ .ult_pricing_table_wrap.ult-cs-custom:hover .ult_pricing_table .ult_price_body_block, .ult_pricing_table_wrap.ult-cs-custom:hover .ult_pricing_table .ult_pricing_heading { background: #000; } /* Pricing Style 3 */ .ult_pricing_table_wrap.ult-cs-custom.ult_design_3 .ult_pricing_table { background: #F7F7F7; color: #fff; } .ult_pricing_table_wrap.ult-cs-custom.ult_design_3 .ult_pricing_table ul li { border-bottom: 1px solid #e1e1e1; color: #777 !important; } /* Pricing Style 4 */ .ult_pricing_table_wrap.ult-cs-custom.ult_design_4 .ult_pricing_table { border-top-color: #000; } .ult_pricing_table_wrap.ult-cs-custom.ult_design_4 .ult_pricing_table .ult_price_link .ult_price_action_button:hover, .ult_pricing_table_wrap.ult-cs-custom.ult_design_4 .ult_pricing_table .ult_price_link .ult_price_action_button:active, .ult_pricing_table_wrap.ult-cs-custom.ult_design_4 .ult_pricing_table .ult_price_link .ult_price_action_button:focus { background: #000; } /* ================================================================ * MODAL BOX * ================================================================ */ .zozo-vc-modal-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 1001; background: rgba(0, 0, 0, 0.9); opacity:0; visibility: hidden; -webkit-transition: opacity .5s, visibility .5s; -moz-transition: opacity .5s, visibility .5s; -o-transition: opacity .5s, visibility .5s; -ms-transition: opacity .5s, visibility .5s; transition: opacity .5s, visibility .5s; } .zozo-modal-body-closing .zozo-vc-modal-overlay { opacity:0; visibility: hidden; } .zozo-vc-modal-overlay-close { position: absolute; right: 5px; top: 5px; overflow: hidden; z-index: 9999; color: #fff; font-size: 10px; font-weight: bold; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; transition: all 0.3s ease-in-out 0.2s; -moz-transition: all 0.3s ease-in-out 0.2s; -webkit-transition: all 0.3s ease-in-out 0.2s; -o-transition: all 0.3s ease-in-out 0.2s; cursor: pointer; } .zozo-vc-modal-overlay-close:hover { background: #222; } .zozo_vc_modal { width: 400px; max-width: 100%; transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; z-index: 99; display: block; margin: 0 auto; position: relative; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-perspective: 1200px; -o-perspective: 1200px; -moz-perspective: 1200px; -ms-perspective: 1200px; perspective: 1200px; backface-visibility: hidden; } .zozo_modal-auto-top .zozo_vc_modal { margin: 35px auto; top: 0; -webkit-transform: translate(0); -o-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } .zozo_modal-auto-top.zozo-modal-open { display: block; overflow: auto; overflow-y: scroll; } .zozo_vc_modal .zozo_vc_modal-content { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; background: #fff; overflow: hidden; padding: 20px; } .zozo_vc_modal.vc-modal-small { width: 40%; } .zozo_vc_modal.vc-modal-medium { width: 60%; } .zozo_vc_modal.vc-modal-large { width: 90%; } .zozo_vc_modal.vc-modal-block { width: auto; max-width: 80%; display: table; } .zozo-vc-modal-overlay.zozo-modal-open { opacity: 1; visibility: visible; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -o-transition: opacity .5s; -ms-transition: opacity .5s; transition: opacity .5s; } .zozo-vc-modal-overlay .zozo_vc_modal-content { opacity: .4; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); -webkit-transition: -webkit-transform .5s,opacity .5s; -moz-transition: -moz-transform .5s,opacity .5s; -o-transition: -o-transform .5s,opacity .5s; -ms-transition: -ms-transform .5s,opacity .5s; transition: transform .5s,opacity .5s; } .zozo-vc-modal-overlay.zozo-modal-open .zozo_vc_modal-content { opacity: 1; } .zozo-vc-modal-overlay.zozo-modal-close .zozo_vc_modal-content { -webkit-transform: translateY(25%); -moz-transform: translateY(25%); -o-transform: translateY(25%); -ms-transform: translateY(25%); transform: translateY(25%); } .zozo-vc-modal-hide .zozo-modal-checkbox { display: none; } .zozo-vc-modal-hide input.zozo-modal-checkbox + span { background: url("images/checkbox-button.png") no-repeat center bottom; display: inline-block; float: left; height: 16px; margin-right: 8px; width: 16px; } .zozo-vc-modal-hide input.zozo-modal-checkbox:checked + span { background-position: center top; } .zozo-vc-modal-hide input.zozo-modal-checkbox + span { margin-top: 5px; } /* ================================================================ * SITEMAP * ================================================================ */ .sitemap-wrapper ul { list-style: none; padding-left: 20px; } .sitemap-wrapper ul.sitemap-nav { padding-left: 0; } .sitemap-wrapper ul li a { color: #333; padding-left: 15px; position: relative; text-transform: capitalize; } .sitemap-wrapper ul li a::after { content: "\f105"; font-family: FontAwesome; left: 0; position: absolute; } .sitemap-wrapper .sitemap-pages h6.parallax-title { margin-top: 0; } .sitemap-wrapper h6.parallax-title { margin-top: 20px; margin-bottom: 20px; } .sitemap-wrapper .parallax-title::after { bottom: -7px; } /* ================================================================ * SPACINGS * ================================================================ */ .padding-none{padding:0!important}.padding-top-none{padding-top:0!important}.padding-bottom-none{padding-bottom:0!important}.padding-left-none{padding-left:0!important}.padding-right-none{padding-right:0!important}.padding-top-10{padding-top:10px}.padding-top-20{padding-top:20px}.padding-top-30{padding-top:30px}.padding-top-40{padding-top:40px}.padding-top-50{padding-top:50px}.padding-top-60{padding-top:60px}.padding-top-70{padding-top:70px}.padding-top-75{padding-top:75px}.padding-top-80{padding-top:80px}.padding-top-90{padding-top:90px}.padding-top-100{padding-top:100px}.padding-top-110{padding-top:110px}.padding-bottom-10{padding-bottom:10px}.padding-bottom-20{padding-bottom:20px}.padding-bottom-30{padding-bottom:30px}.padding-bottom-40{padding-bottom:40px}.padding-bottom-50{padding-bottom:50px}.padding-bottom-60{padding-bottom:60px}.padding-bottom-70{padding-bottom:70px}.padding-bottom-75{padding-bottom:75px}.padding-bottom-80{padding-bottom:80px}.padding-bottom-90{padding-bottom:90px}.padding-bottom-100{padding-bottom:100px}.padding-bottom-110{padding-bottom:110px}.padding-10{padding:10px}.padding-20{padding:20px}.padding-30{padding:30px}.padding-40{padding:40px}.padding-50{padding:50px}.padding-60{padding:60px}.padding-70{padding:70px}.padding-75{padding:75px}.padding-80{padding:80px}.padding-90{padding:90px}.padding-100{padding:100px}.padding-110{padding:110px}.padding-tb-10{padding-top:10px;padding-bottom:10px}.padding-tb-20{padding-top:20px;padding-bottom:20px}.padding-tb-30{padding-top:30px;padding-bottom:30px}.padding-tb-40{padding-top:40px;padding-bottom:40px}.padding-tb-50{padding-top:50px;padding-bottom:50px}.padding-tb-60{padding-top:60px;padding-bottom:60px}.padding-tb-70{padding-top:70px;padding-bottom:70px}.padding-tb-75{padding-top:75px;padding-bottom:75px}.padding-tb-80{padding-top:80px;padding-bottom:80px}.padding-tb-90{padding-top:90px;padding-bottom:90px}.padding-tb-100{padding-top:100px;padding-bottom:100px}.padding-tb-110{padding-top:110px;padding-bottom:110px}.padding-lr-10{padding-left:10px;padding-right:10px}.padding-lr-20{padding-left:20px;padding-right:20px}.padding-lr-30{padding-left:30px;padding-right:30px}.padding-lr-40{padding-left:40px;padding-right:40px}.padding-lr-50{padding-left:50px;padding-right:50px}.padding-lr-60{padding-left:60px;padding-right:60px}.padding-lr-70{padding-left:70px;padding-right:70px}.padding-lr-75{padding-left:75px;padding-right:75px}.padding-lr-80{padding-left:80px;padding-right:80px}.padding-lr-90{padding-left:90px;padding-right:90px}.padding-lr-100{padding-left:100px;padding-right:100px}.padding-lr-110{padding-left:110px;padding-right:110px}.margin-none{margin:0!important}.margin-top-none{margin-top:0!important}.margin-bottom-none{margin-bottom:0!important}.margin-left-none{margin-left:0!important}.margin-right-none{margin-right:0!important}.margin-top-1{margin-top:1px}.margin-top-2{margin-top:2px}.margin-top-3{margin-top:3px}.margin-top-4{margin-top:4px}.margin-top-5{margin-top:5px}.margin-top-6{margin-top:6px}.margin-top-7{margin-top:7px}.margin-top-8{margin-top:8px}.margin-top-9{margin-top:9px}.margin-top-10{margin-top:10px}.margin-top-15{margin-top:15px}.margin-top-20{margin-top:20px}.margin-top-25{margin-top:25px}.margin-top-30{margin-top:30px}.margin-top-35{margin-top:35px}.margin-top-40{margin-top:40px}.margin-top-50{margin-top:50px}.margin-top-60{margin-top:60px}.margin-top-70{margin-top:70px}.margin-top-75{margin-top:75px}.margin-top-80{margin-top:80px}.margin-top-90{margin-top:90px}.margin-top-100{margin-top:100px}.margin-top-110{margin-top:110px}.margin-top-125{margin-top:125px}.margin-top-130{margin-top:130px}.margin-top-150{margin-top:150px}.margin-bottom-10{margin-bottom:10px!important}.margin-bottom-20{margin-bottom:20px}.margin-bottom-30{margin-bottom:30px}.margin-bottom-40{margin-bottom:40px}.margin-bottom-50{margin-bottom:50px}.margin-bottom-60{margin-bottom:60px}.margin-bottom-70{margin-bottom:70px}.margin-bottom-75{margin-bottom:75px!important}.margin-bottom-80{margin-bottom:80px}.margin-bottom-90{margin-bottom:90px}.margin-bottom-100{margin-bottom:100px}.margin-bottom-110{margin-bottom:110px}.margin-10{margin:10px}.margin-20{margin:20px}.margin-30{margin:30px}.margin-40{margin:40px}.margin-50{margin:50px}.margin-60{margin:60px}.margin-70{margin:70px}.margin-75{margin:75px}.margin-80{margin:80px}.margin-90{margin:90px}.margin-100{margin:100px}.margin-110{margin:110px}.margin-tb-10{margin-top:10px;margin-bottom:10px}.margin-tb-20{margin-top:20px;margin-bottom:20px}.margin-tb-30{margin-top:30px;margin-bottom:30px}.margin-tb-40{margin-top:40px;margin-bottom:40px}.margin-tb-50{margin-top:50px;margin-bottom:50px}.margin-tb-60{margin-top:60px;margin-bottom:60px}.margin-tb-70{margin-top:70px;margin-bottom:70px}.margin-tb-75{margin-top:75px;margin-bottom:75px}.margin-tb-80{margin-top:80px;margin-bottom:80px}.margin-tb-90{margin-top:90px;margin-bottom:90px}.margin-tb-100{margin-top:100px;margin-bottom:100px}.margin-tb-110{margin-top:110px;margin-bottom:110px}.margin-lr-10{margin-left:10px;margin-right:10px}.margin-lr-20{margin-left:20px;margin-right:20px}.margin-lr-30{margin-left:30px;margin-right:30px}.margin-lr-40{margin-left:40px;margin-right:40px}.margin-lr-50{margin-left:50px;margin-right:50px}.margin-lr-60{margin-left:60px;margin-right:60px}.margin-lr-70{margin-left:70px;margin-right:70px}.margin-lr-75{margin-left:75px;margin-right:75px}.margin-lr-80{margin-left:80px;margin-right:80px}.margin-lr-90{margin-left:90px;margin-right:90px}.margin-lr-100{margin-left:100px;margin-right:100px}.margin-lr-110{margin-left:110px;margin-right:110px} .padding-right-30{padding-right: 30px;} .padding-left-50{padding-left: 50px;} .margin-top-minus-150{margin-top: -150px;} /* ================================================================ * BACK TO TOP * ================================================================ */ #zozo-backtotop { border-radius: 50%; bottom: 25px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); color: #fff; font-size: 9px; font-weight: bold; height: 35px; line-height: 35px; right: 50px; text-align: center; width: 35px; } #zozo-backtotop:hover { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } /* ================================================================ * DARK SKINS * ================================================================ */ /* =================== * HEADER =================== */ /* DARK */ .header-section.header-skin-dark .header-top-section, .header-section.header-skin-dark .header-logo-section, .header-section.header-skin-dark .header-main-section, .header-section.header-skin-dark .is-sticky .header-main-section, .header-section.header-skin-dark .dropdown-menu, .header-section.header-skin-dark .sub-menu, .header-section.header-skin-dark .woo-cart-contents, .header-section.header-skin-dark .header-toggle-content, .header-section.header-skin-dark .header-toggle-section, .header-section.header-skin-dark .header-sidenav-section, .header-skin-dark.mobile-header-section, .is-sticky .header-skin-dark.header-transparent.mobile-header-section, .is-sticky .header-skin-dark.header-semi-transparent.mobile-header-section, .header-section.header-skin-dark .header-main-section.header-toggle-visible, .header-section.header-skin-dark.header-transparent .header-main-section.header-toggle-visible, .header-section.header-transparent.header-menu-skin-dark .header-main-section.header-toggle-visible { background: #202020; } .header-top-section.header-top-dark { background:#2e2e2e; } .header-section.header-skin-dark, .header-section.header-skin-dark .header-main-section a, .header-section.header-skin-dark .header-logo-section a, .header-section.header-skin-dark .header-toggle-section a, .header-section.header-skin-dark .header-details-box .header-details-icon > i, .header-skin-dark.mobile-header-section a, .header-skin-dark .cart-total, .header-skin-dark .zozo-megamenu-title, .header-skin-dark .zozo-main-nav > li > a { color: #fff; } .header-skin-dark.mobile-header-section .mobile-menu-item a.menu-bars-link span, .header-skin-dark.mobile-header-section .mobile-menu-item a.menu-bars-link span:before, .header-skin-dark.mobile-header-section .mobile-menu-item a.menu-bars-link span:after, .header-skin-dark.header-section a.menu-bars-link span, .header-skin-dark.header-section a.menu-bars-link span:before, .header-skin-dark.header-section a.menu-bars-link span:after { background: #fff; } .header-skin-dark .header-top-section, .header-section.header-skin-dark .woo-cart-contents, .header-section.header-skin-dark .woo-cart-contents .woo-cart-item, .header-section.header-skin-dark.header-fullwidth-menu .header-logo-section, .header-section.header-skin-dark .header-toggle-section, .header-section.header-skin-dark .header-sidenav-section .zozo-vertical-side-bar .main-bar-item .zozo-main-nav > li > a, .header-section.header-skin-dark .header-sidenav-section .zozo-vertical-side-bar .zozo-main-nav.navbar-nav .dropdown-menu a, .header-section.header-skin-dark .zozo-main-nav .zozo-megamenu-submenu li:before, .header-section.header-skin-dark .dropdown-menu li:before, .header-section.header-skin-dark .header-details-box .header-details-icon > i { border-color: #333333; } .header-section.header-skin-dark .form-control, .header-section.header-skin-dark .woo-cart-item a.remove.remove-cart-item { background: #434343; border-color: #7c7c7c; color: #fff; } .header-section.header-skin-dark .header-top-section .top-menu-navigation .navbar-nav > li:after, .header-section.header-skin-dark.type-header-3 .header-main-section .zozo-main-bar:before, { background: #7c7c7c; } /* TRANSPARENT */ .header-section.header-transparent .header-top-section, .header-section.header-transparent .header-top-section a, .header-section.header-semi-transparent .header-top-section, .header-section.header-semi-transparent .header-top-section a { color: #333; } .header-top-section.header-top-transparent, .header-section.header-transparent .header-top-section, .header-section.header-transparent .header-logo-section, .header-section.header-transparent .header-main-section, .header-section.header-transparent .header-top-section .form-control, .header-transparent.mobile-header-section { background: transparent; } .header-section.header-transparent .header-top-section, .header-section.header-transparent .header-main-section, .header-section.header-transparent .header-top-section .form-control, .header-section.header-transparent.header-fullwidth-menu .header-logo-section .header-section.header-semi-transparent .header-top-section, .header-section.header-semi-transparent .header-top-section, .header-section.header-semi-transparent .header-main-section, .header-section.header-semi-transparent .header-top-section .form-control, .header-section.header-semi-transparent.header-fullwidth-menu .header-logo-section, .header-section.header-skin-dark.header-transparent .header-details-box .header-details-icon > i { border-color: rgba(0, 0, 0, 0.05); } .header-section.header-transparent .header-top-section .top-menu-navigation .navbar-nav > li:after, .header-section.header-semi-transparent .header-top-section .top-menu-navigation .navbar-nav > li:after, .header-section.header-transparent.type-header-3 .header-main-section .zozo-main-bar:before, .header-section.header-semi-transparent.type-header-3 .header-main-section .zozo-main-bar:before { background: rgba(0, 0, 0, 0.2); } /* TRANSPARENT - DARK */ .header-section.header-skin-dark.header-transparent .header-top-section, .header-section.header-skin-dark.header-transparent .header-top-section a, .header-section.header-skin-dark.header-semi-transparent .header-top-section, .header-section.header-skin-dark.header-semi-transparent .header-top-section a { color: #fff; } .header-section.header-skin-dark.header-transparent .header-top-section, .header-section.header-skin-dark.header-transparent .header-main-section, .header-section.header-skin-dark.header-transparent .header-top-section .form-control, .header-section.header-skin-dark.header-transparent.header-fullwidth-menu .header-logo-section , .header-section.header-skin-dark.header-semi-transparent .header-top-section, .header-section.header-skin-dark.header-semi-transparent .header-main-section, .header-section.header-skin-dark.header-semi-transparent .header-top-section .form-control, .header-section.header-skin-dark.header-semi-transparent.header-fullwidth-menu .header-logo-section, .header-section.header-skin-dark.header-semi-transparent .header-details-box .header-details-icon > i { border-color: rgba(255, 255, 255, 0.1); } .header-section.header-skin-dark.header-transparent .header-top-section .top-menu-navigation .navbar-nav > li:after, .header-section.header-skin-dark.header-semi-transparent .header-top-section .top-menu-navigation .navbar-nav > li:after, .header-section.header-skin-dark.header-transparent.type-header-3 .header-main-section .zozo-main-bar:before, .header-section.header-skin-dark.header-semi-transparent.type-header-3 .header-main-section .zozo-main-bar:before { background: rgba(255, 255, 255, 0.2); } /* SEMI TRANSPARENT - LIGHT*/ .header-section.header-semi-transparent .header-top-section, .header-section.header-semi-transparent .header-logo-section, .header-section.header-semi-transparent .header-main-section, .header-semi-transparent.mobile-header-section, .header-section.header-semi-transparent.header-menu-skin-light .header-main-section { background: rgba(255, 255, 255, 0.7); } .header-section.header-semi-transparent .header-main-section.header-toggle-visible { background: #fff; } /* SEMI TRANSPARENT - DARK*/ .header-section.header-skin-dark.header-semi-transparent .header-top-section, .header-section.header-skin-dark.header-semi-transparent .header-logo-section, .header-section.header-skin-dark.header-semi-transparent .header-main-section, .header-skin-dark.header-semi-transparent.mobile-header-section, .header-section.header-semi-transparent.header-menu-skin-dark .header-main-section { background: rgba(0, 0, 0, 0.7); } .header-section.header-skin-dark.header-semi-transparent .header-main-section.header-toggle-visible { background: #202020; } /* MENU - LIGHT SKIN*/ .header-section.header-menu-skin-light .header-main-section, .header-section.header-menu-skin-light .is-sticky .header-main-section, .header-section.header-menu-skin-light .header-main-section .dropdown-menu, .header-section.header-menu-skin-light .header-main-section .sub-menu, .header-section.header-menu-skin-light .header-main-section .woo-cart-contents, .header-section.header-menu-skin-light .header-main-section .header-toggle-content, .header-section.header-menu-skin-light .header-main-section .header-toggle-section, .header-section.header-menu-skin-light .header-main-section .header-sidenav-section, .header-section.header-menu-skin-light .header-main-section .form-control, .header-sectiont.header-skin-light.header-transparent .is-sticky .header-main-section, .header-section.header-transparent.header-menu-skin-light .header-main-section { background: #fff; } .header-section.header-menu-skin-light .header-main-section .woo-cart-item a.remove.remove-cart-item { background: #f5f5f5; } .header-section.header-menu-skin-light .header-main-section, .header-section.header-menu-skin-light .header-main-section a, .header-section.header-menu-skin-light .header-main-section .woo-cart-item a.remove.remove-cart-item { color: #333; } .header-section.header-menu-skin-light a.menu-bars-link span, .header-section.header-menu-skin-light a.menu-bars-link span:before, .header-section.header-menu-skin-light a.menu-bars-link span:after { background: #333; } .header-section.header-menu-skin-light .header-main-section .woo-cart-contents, .header-section.header-menu-skin-light .header-main-section .woo-cart-contents .woo-cart-item, .header-section.header-menu-skin-light .header-main-section .header-toggle-section, .header-section.header-menu-skin-light .header-main-section .form-control, .header-section.header-menu-skin-light .zozo-main-nav .zozo-megamenu-submenu li:before, .header-section.header-menu-skin-light .dropdown-menu li:before { border-color: #7c7c7c; } .header-section.header-menu-skin-light .header-main-section .form-control::-moz-placeholder { color: #333; } .header-section.header-menu-skin-light .header-main-section .form-control:-ms-input-placeholder { color: #333; } .header-section.header-menu-skin-light .header-main-section .form-control::-webkit-input-placeholder { color: #333; } .header-section.header-menu-skin-light .header-main-section .zozo-social-icons.soc-icon-transparent i { color: #333; } /* MENU - DARK SKIN*/ .header-section.header-menu-skin-dark .header-main-section, .header-section.header-menu-skin-dark .is-sticky .header-main-section, .header-section.header-menu-skin-dark .header-main-section .dropdown-menu, .header-section.header-menu-skin-dark .header-main-section .dropdown-menu > li, .header-section.header-menu-skin-dark .header-main-section .sub-menu, .header-section.header-menu-skin-dark .header-main-section .sub-menu > li, .header-section.header-menu-skin-dark .header-main-section .zozo-megamenu, .header-section.header-menu-skin-dark .header-main-section .zozo-megamenu-wrapper, .header-section.header-menu-skin-dark .header-main-section .woo-cart-contents, .header-section.header-menu-skin-dark .header-main-section .header-toggle-content, .header-section.header-menu-skin-dark .header-main-section .header-toggle-section, .header-section.header-menu-skin-dark .header-main-section .header-sidenav-section, .header-section.header-menu-skin-dark .header-main-section .form-control , .header-section.header-transparent.header-menu-skin-dark .header-main-section { background: #202020; } .header-section.header-menu-skin-dark .header-main-section .woo-cart-item a.remove.remove-cart-item, .header-dropdown-skin-dark .header-main-section .woo-cart-item a.remove.remove-cart-item { background: #333; } .header-section.header-menu-skin-dark .header-main-section, .header-section.header-menu-skin-dark .header-main-section a, .header-section.header-menu-skin-dark .header-main-section .woo-cart-item a.remove.remove-cart-item, .header-section.header-menu-skin-dark .header-main-section .cart-total, .header-section.header-menu-skin-dark .header-main-section .zozo-megamenu-title { color: #FFF; } .header-section.header-menu-skin-dark .header-main-section .woo-cart-contents, .header-section.header-menu-skin-dark .header-main-section .woo-cart-contents .woo-cart-item, .header-section.header-menu-skin-dark .header-main-section .header-toggle-section, .header-section.header-menu-skin-dark .header-main-section .form-control, .header-section.header-menu-skin-dark .header-main-section .zozo-main-nav .zozo-megamenu-submenu li:before, .header-section.header-menu-skin-dark .header-main-section .dropdown-menu li:before { border-color: #444444; } .header-section.header-menu-skin-dark .header-main-section .form-control::-moz-placeholder { color: #fff; } .header-section.header-menu-skin-dark .header-main-section .form-control:-ms-input-placeholder { color: #fff; } .header-section.header-menu-skin-dark .header-main-section .form-control::-webkit-input-placeholder { color: #fff; } .header-section.header-menu-skin-dark .zozo-social-icons.soc-icon-transparent i { color: #fff; } /* Dropdown Light */ .header-dropdown-skin-light .header-main-section .dropdown-menu, .header-dropdown-skin-light .header-main-section .sub-menu, .header-dropdown-skin-light .header-main-section .zozo-megamenu-wrapper, .header-dropdown-skin-light .header-main-section .woo-cart-contents, .header-dropdown-skin-light.header-menu-skin-light .header-main-section .dropdown-menu, .header-dropdown-skin-light.header-menu-skin-light .header-main-section .sub-menu, .header-dropdown-skin-light.header-menu-skin-light .header-main-section .zozo-megamenu-wrapper, .header-dropdown-skin-light.header-menu-skin-light .header-main-section .woo-cart-contents { background: #fff; } .header-dropdown-skin-light .header-main-section .dropdown-menu a, .header-dropdown-skin-light .header-main-section .sub-menu a, .header-dropdown-skin-light .header-main-section .zozo-megamenu a, .header-dropdown-skin-light .header-main-section .zozo-megamenu-wrapper a, .header-dropdown-skin-light .header-main-section .woo-cart-contents a, .header-dropdown-skin-light .header-main-section .woo-cart-item a.remove.remove-cart-item, .header-dropdown-skin-light .header-main-section .cart-total, .header-dropdown-skin-light .header-main-section .zozo-megamenu-title, .header-dropdown-skin-light .dropdown-menu > li.dropdown:after, .header-dropdown-skin-light .sub-menu > li.dropdown:after { color:#333; } /* Dropdown Dark */ .header-dropdown-skin-dark .header-main-section .dropdown-menu, .header-dropdown-skin-dark .header-main-section .sub-menu, .header-dropdown-skin-dark .header-main-section .zozo-megamenu-wrapper, .header-dropdown-skin-dark .header-main-section .woo-cart-contents, .header-dropdown-skin-dark.header-menu-skin-light .header-main-section .dropdown-menu, .header-dropdown-skin-dark.header-menu-skin-light .header-main-section .sub-menu, .header-dropdown-skin-dark.header-menu-skin-light .header-main-section .zozo-megamenu-wrapper, .header-dropdown-skin-dark.header-menu-skin-light .header-main-section .woo-cart-contents { background: #202020; } .header-dropdown-skin-dark.header-menu-skin-light .header-main-section .woo-cart-item a.remove.remove-cart-item { background:#333; color:#fff; } .header-dropdown-skin-dark .header-main-section .dropdown-menu a, .header-dropdown-skin-dark .header-main-section .sub-menu a, .header-dropdown-skin-dark .header-main-section .zozo-megamenu a, .header-dropdown-skin-dark .header-main-section .zozo-megamenu-wrapper a, .header-dropdown-skin-dark .header-main-section .woo-cart-contents, .header-dropdown-skin-dark .header-main-section .woo-cart-contents a, .header-dropdown-skin-dark .header-main-section .woo-cart-item a.remove.remove-cart-item, .header-dropdown-skin-dark .header-main-section .cart-total, .header-dropdown-skin-dark .header-main-section .zozo-megamenu-title, .header-dropdown-skin-dark .dropdown-menu > li.dropdown:after, .header-dropdown-skin-dark .sub-menu > li.dropdown:after { color:#fff; } /* Dark Skin */ body.theme-skin-dark, .theme-skin-dark .main-section { background: #333; border-color: #7c7c7c; color: #fff; } .theme-skin-dark h1,.theme-skin-dark h2,.theme-skin-dark h3,.theme-skin-dark h4,.theme-skin-dark h5,.theme-skin-dark h6,.theme-skin-dark .h1,.theme-skin-dark .h2,.theme-skin-dark .h3,.theme-skin-dark .h4,.theme-skin-dark .h5,.theme-skin-dark .h6 { color: #fff; } .theme-skin-dark hr, .theme-skin-dark legend { border-color: #7c7c7c; } .theme-skin-dark a:hover, .theme-skin-dark a:active, .theme-skin-dark a:focus, .bg-skin-dark a:hover, .bg-skin-dark a:active, .bg-skin-dark a:focus { color: #fff; } .theme-skin-dark .bg-style.dark-wrapper { background: #000; } .theme-skin-dark .grey-wrapper, .bg-style.dark-grey-wrapper { background: #222; } .theme-skin-dark input, .theme-skin-dark .input, .theme-skin-dark input.form-control, .theme-skin-dark select, .theme-skin-dark select.form-control, .theme-skin-dark textarea, .bg-skin-dark input, .bg-skin-dark .input, .bg-skin-dark input.form-control, .bg-skin-dark select, .bg-skin-dark select.form-control, .bg-skin-dark textarea { background: #2e2e2e; } .theme-skin-dark table th, .theme-skin-dark table td, .bg-skin-dark table th, .bg-skin-dark table td { border-color: #7c7c7c; } /* Page Title */ .theme-skin-dark .page-title-section { border-color: #7c7c7c; } /* Feature Box */ .theme-skin-dark .zozo-feature-box.feature-box-style.style-overlay-box .grid-box-inner, .bg-skin-dark .zozo-feature-box.feature-box-style.style-overlay-box .grid-box-inner { border: 1px solid #7c7c7c; } .theme-skin-dark .grid-item .grid-box-inner .grid-overlay-top, .bg-skin-dark .grid-item .grid-box-inner .grid-overlay-top { background: #2e2e2e; } .theme-skin-dark .grid-overlay-top .grid-title, .bg-skin-dark .grid-overlay-top .grid-title { color: #fff; } .theme-skin-dark .style-sep-yes .grid-item .grid-button, .bg-skin-dark .style-sep-yes .grid-item .grid-button { border-top-color: #7c7c7c; } .theme-skin-dark .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape, .theme-skin-dark .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape, .bg-skin-dark .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape, .bg-skin-dark .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape { background-color: #2e2e2e; } .theme-skin-dark .zozo-feature-box.style-box-with-bg .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape, .theme-skin-dark .zozo-feature-box.style-box-with-bg .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape, .bg-skin-dark .zozo-feature-box.style-box-with-bg .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape, .bg-skin-dark .zozo-feature-box.style-box-with-bg .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape { background-color: #333; } .theme-skin-dark .zozo-feature-box.style-box-with-bg, .bg-skin-dark .zozo-feature-box.style-box-with-bg { background-color: #2e2e2e; } /* Services Box */ .theme-skin-dark .zozo-vc-service-box .service-box-inner, .bg-skin-dark .zozo-vc-service-box .service-box-inner { background: #2e2e2e; border: 1px solid #7c7c7c; } .theme-skin-dark .zozo-vc-service-box .service-box-content h4, .bg-skin-dark .zozo-vc-service-box .service-box-content h4 { border-bottom-color: #7c7c7c; } /* Pricing Table */ .theme-skin-dark .zozo-pricing-table-wrapper, .bg-skin-dark .zozo-pricing-table-wrapper { background: #2e2e2e; } .theme-skin-dark .zozo-pricing-item .pricing-icon-wrapper > i, .bg-skin-dark .zozo-pricing-item .pricing-icon-wrapper > i { background-color: #2e2e2e; border-color: #7c7c7c; } /* Accordion */ .typo-light .vc_tta-accordion.vc_tta-style-default .vc_tta-panel-title > a, .typo-light .zozo-accordion.zozo-accordion-default .panel-title a { border-bottom-color: #7c7c7c; color: #fff; } .typo-light .zozo-accordion .panel-title a.collapsed { color: #fff; } /* Progress Bar */ .theme-skin-dark .vc_progress_bar .vc_single_bar, .bg-skin-dark .vc_progress_bar .vc_single_bar { background: #7c7c7c; } /* Testimonials Slider */ .theme-skin-dark .testimonial-item.tstyle-border2 .testimonial-img, .bg-skin-dark .testimonial-item.tstyle-border2 .testimonial-img { background: #333; border-color: #7c7c7c; } .theme-skin-dark .testimonial-item.tstyle-border2, .bg-skin-dark .testimonial-item.tstyle-border2 { border-color: #7c7c7c; } .theme-skin-dark .testimonial-item.tstyle-border .testimonial-content:after { border-color: #333 transparent transparent; } .bg-style.dark-grey-wrapper .testimonial-item.tstyle-border .testimonial-content:after { border-color: #222 transparent transparent; } .bg-style.dark-wrapper .testimonial-item.tstyle-border .testimonial-content:after { border-color: #000 transparent transparent; } .bg-skin-dark .testimonial-item.tstyle-border .testimonial-content, .theme-skin-dark .testimonial-item.tstyle-border .testimonial-content { background:#2e2e2e; } .bg-skin-dark .testimonial-item.tstyle-border .testimonial-content:after, .theme-skin-dark .testimonial-item.tstyle-border .testimonial-content:after { border-color: #2e2e2e transparent transparent; } .bg-skin-dark .testimonial-item.tstyle-border .testimonial-content:before, .theme-skin-dark .testimonial-item.tstyle-border .testimonial-content:before { border-top-color: #2e2e2e; } /* Contact Form */ .theme-skin-dark .input, .theme-skin-dark input.form-control, .theme-skin-dark select, .theme-skin-dark select.form-control, .theme-skin-dark .form-control, .bg-skin-dark .input, .bg-skin-dark input.form-control, .bg-skin-dark select, .bg-skin-dark select.form-control, .bg-skin-dark .form-control { background: #202020; color: #fff; } .zozo-input-submit .form-group{ margin-bottom:0px; } /* Contact Form 7 */ .theme-skin-dark .wpcf7 textarea, .theme-skin-dark .wpcf7 .wpcf7-text, .bg-skin-dark .wpcf7 textarea, .bg-skin-dark .wpcf7 .wpcf7-text, .theme-skin-dark .wpcf7-form-control, .bg-skin-dark .wpcf7-form-control { background: #202020; color: #fff; } .theme-skin-dark .wpcf7 .wpcf7-form-control::-moz-placeholder { color: #fff; opacity: 1; } .theme-skin-dark .wpcf7 .wpcf7-form-control:-ms-input-placeholder { color: #fff; } .theme-skin-dark .wpcf7 .wpcf7-form-control::-webkit-input-placeholder { color: #fff; } .bg-skin-dark .wpcf7 .wpcf7-form-control::-moz-placeholder { color: #fff; opacity: 1; } .bg-skin-dark .wpcf7 .wpcf7-form-control:-ms-input-placeholder { color: #fff; } .bg-skin-dark .wpcf7 .wpcf7-form-control::-webkit-input-placeholder { color: #fff; } /* Blog */ .theme-skin-dark .grid-posts, .bg-skin-dark .grid-posts { background: #2e2e2e; } .theme-skin-dark h2.entry-title a, .bg-skin-dark h2.entry-title a { color: #fff; } .theme-skin-dark .list-posts, .bg-skin-dark .list-posts { border-color: #7c7c7c; } .theme-skin-dark .post .btn-more.read-more-link:hover, .theme-skin-dark .post .btn-more.read-more-link:active, .theme-skin-dark .post .btn-more.read-more-link:focus, .bg-skin-dark .post .btn-more.read-more-link:hover, .bg-skin-dark .post .btn-more.read-more-link:active, .bg-skin-dark .post .btn-more.read-more-link:focus { color: #fff; } /*Day Counter */ .theme-skin-dark .countdown-section, .bg-skin-dark .countdown-section { background: #2e2e2e; } /* VC Post Masonry grid */ .theme-skin-dark .vc_grid-item .vc_gitem-zone, .bg-skin-dark .vc_grid-item .vc_gitem-zone, .theme-skin-dark .vc_grid-item .vc_grid-item-mini, .bg-skin-dark .vc_grid-item .vc_grid-item-mini { background: #2e2e2e!important; } /*Vc Tab */ .theme-skin-dark .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab > a, .bg-skin-dark .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab > a, .theme-skin-dark .vc_tta-color-white.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels, .bg-skin-dark .vc_tta-color-white.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels { background: #2e2e2e; border-color: #7c7c7c; color: #fff; } .theme-skin-dark .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab > a, .bg-skin-dark .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab > a { background: #2e2e2e; color: #fff; } .theme-skin-dark .vc_tta.vc_general .vc_tta-tab.vc_active > a, .bg-skin-dark .vc_tta.vc_general .vc_tta-tab.vc_active > a { color: #333; } /*Zozo tab */ .theme-skin-dark .nav-tabs, .theme-skin-dark .zozo-tabs-widget .tab-content > .tab-pane, .theme-skin-dark .widget-posts-list li, .theme-skin-dark .zozo-tabs-widget .nav-tabs li.active h6 a, .theme-skin-dark .zozo-tabs-widget .nav-tabs li h6 a:hover, .bg-skin-dark .nav-tabs, .bg-skin-dark .zozo-tabs-widget .tab-content > .tab-pane, .bg-skin-dark .widget-posts-list li, .bg-skin-dark .zozo-tabs-widget .nav-tabs li.active h6 a, .bg-skin-dark .zozo-tabs-widget .nav-tabs li h6 a:hover { border-color: #7c7c7c; } .theme-skin-dark .zozo-tabs-widget .nav-tabs li.active h6 a, .bg-skin-dark .zozo-tabs-widget .nav-tabs li.active h6 a { background: #333; } .theme-skin-dark .vc_tta-controls-align-left .vc_tta-tabs-list, .theme-skin-dark .vc_tta-controls-align-right .vc_tta-tabs-list, .bg-skin-dark .vc_tta-controls-align-left .vc_tta-tabs-list, .bg-skin-dark .vc_tta-controls-align-right .vc_tta-tabs-list { border-color: #7c7c7c; } /* Vc Pricing Table */ .ult_pricing_table_wrap.ult_design_1 .ult_pricing_table .ult_price_link { background: #2e2e2e; } /* Contact Info */ .theme-skin-dark .zozo-social-icons.social-style-bordered li a, .bg-skin-dark .zozo-social-icons.social-style-bordered li a { border-color: #7c7c7c; } /* Widget */ .theme-skin-dark .widget-title { border-color: #7c7c7c; color: #fff; } .theme-skin-dark .widget.widget_recent_entries li a, .theme-skin-dark .widget.widget_recent_comments li .comment-author-link a, .theme-skin-dark .widget.zozo_category_posts_widget li a, .theme-skin-dark .widget.widget_categories li a, .theme-skin-dark .widget.widget_archive li a, .theme-skin-dark .widget.widget_meta li a, .theme-skin-dark .widget.widget_nav_menu li a, .theme-skin-dark .widget.widget_edd_categories_tags_widget li a { color: #fff; } /*Footer*/ .footer-skin-dark .zozo-footer-nav.navbar-nav > li > a:hover,.footer-skin-dark .zozo-footer-nav.navbar-nav > li > a:focus { color: #fff; } .footer-skin-dark .zozo-social-icons.soc-icon-transparent i { color: #fff; } /* Woocommerce Widget */ .theme-skin-dark .widget_product_categories .product-categories li a, .theme-skin-dark .woocommerce ul.product_list_widget li a { color: #fff; } .theme-skin-dark .widget_product_categories .product-categories li .count { background: #2e2e2e; } .theme-skin-dark.woocommerce ul.product_list_widget li, .theme-skin-dark.woocommerce-page ul.product_list_widget li, .theme-skin-dark .widget .woocommerce-product-search .search-field { border-color: #7c7c7c; } .theme-skin-dark.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .theme-skin-dark.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle { background: #fff; } /* Events Calender */ .theme-skin-dark .ecs-event .ecs-event-inner, .bg-skin-dark .ecs-event .ecs-event-inner { background: #2e2e2e; border-color: #7c7c7c; } /* Shop - Woo-commerce */ .theme-skin-dark .woo-dropdown > li, .theme-skin-dark .woo-sort-ordering > li, .theme-skin-dark .woo-dropdown > li .order-sub-dropdown { background: #2e2e2e; border-color: #7c7c7c; color: #ffffff; } .theme-skin-dark .woo-dropdown > li strong { color: #ffffff; } .theme-skin-dark .woo-dropdown > li:before { background: #7c7c7c; } .theme-skin-dark.woocommerce .star-rating:before, .theme-skin-dark.woocommerce-page .star-rating:before { color: #7c7c7c; } .theme-skin-dark.woocommerce ul.products li.product, .theme-skin-dark.woocommerce-page ul.products li.product, .theme-skin-dark ul.products li.product { background: #2e2e2e; } .theme-skin-dark.woocommerce ul.products li.product h3 > a, .theme-skin-dark ul.products li.product h3 > a { color: #fff; } .theme-skin-dark .wcmp-product, .theme-skin-dark .wpb_row .wpb_column .wpb_wrapper .wcmp-product { border-color: #7c7c7c; } .theme-skin-dark.woocommerce #content nav.woocommerce-pagination ul li a, .theme-skin-dark.woocommerce nav.woocommerce-pagination ul li a, .theme-skin-dark.woocommerce-page #content nav.woocommerce-pagination ul li a, .theme-skin-dark.woocommerce-page nav.woocommerce-pagination ul li a, .theme-skin-dark.woocommerce #content nav.woocommerce-pagination ul li span, .theme-skin-dark.woocommerce nav.woocommerce-pagination ul li span, .theme-skin-dark.woocommerce-page #content nav.woocommerce-pagination ul li span, .theme-skin-dark.woocommerce-page nav.woocommerce-pagination ul li span { color: #fff; } .theme-skin-dark.woocommerce #content nav.woocommerce-pagination ul li a:focus, .theme-skin-dark.woocommerce #content nav.woocommerce-pagination ul li a:hover, .theme-skin-dark.woocommerce #content nav.woocommerce-pagination ul li span.current, .theme-skin-dark.woocommerce nav.woocommerce-pagination ul li a:focus, .theme-skin-dark.woocommerce nav.woocommerce-pagination ul li a:hover, .theme-skin-dark.woocommerce nav.woocommerce-pagination ul li span.current, .theme-skin-dark.woocommerce-page #content nav.woocommerce-pagination ul li a:focus, .theme-skin-dark.woocommerce-page #content nav.woocommerce-pagination ul li a:hover, .theme-skin-dark.woocommerce-page #content nav.woocommerce-pagination ul li span.current, .theme-skin-dark.woocommerce-page nav.woocommerce-pagination ul li a:focus, .theme-skin-dark.woocommerce-page nav.woocommerce-pagination ul li a:hover, .theme-skin-dark.woocommerce-page nav.woocommerce-pagination ul li span.current { color: #333; } /* Woo-commerce Single */ .theme-skin-dark.woocommerce #content div.product div.images img, .theme-skin-dark.woocommerce div.product div.images img, .theme-skin-dark.woocommerce-page #content div.product div.images img, .theme-skin-dark.woocommerce-page div.product div.images img { border-color: #7c7c7c; } .theme-skin-dark .product-meta-info-wrapper .product-meta-item { border-color: #7c7c7c; background: #2e2e2e; } .theme-skin-dark .zozo-social-share-box .zozo-social-share-icons li a, .theme-skin-dark .zozo-social-share-box .zozo-social-share-icons li a { border-color: #7c7c7c; color: #fff; } .theme-skin-dark.woocommerce #content div.product .woocommerce-tabs .panel, .theme-skin-dark.woocommerce div.product .woocommerce-tabs .panel, .theme-skin-dark.woocommerce-page #content div.product .woocommerce-tabs .panel, .theme-skin-dark.woocommerce-page div.product .woocommerce-tabs .panel { border-color: #7c7c7c; background: #333; } .theme-skin-dark.woocommerce #reviews #comments ol.commentlist li .comment-text, .theme-skin-dark.woocommerce-page #reviews #comments ol.commentlist li .comment-text { border-color: #7c7c7c; } .theme-skin-dark.woocommerce #review_form #respond textarea { color: #fff; } .theme-skin-dark.woocommerce div.product .woocommerce-tabs ul.tabs li a { color: #fff; } .theme-skin-dark.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .theme-skin-dark.woocommerce div.product .woocommerce-tabs ul.tabs li.active, .theme-skin-dark.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active, .theme-skin-dark.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active { background: #333; border-color: #7c7c7c; } .theme-skin-dark.woocommerce .woocommerce-error, .theme-skin-dark.woocommerce .woocommerce-info, .theme-skin-dark.woocommerce .woocommerce-message, .theme-skin-dark.woocommerce-page .woocommerce-error, .theme-skin-dark.woocommerce-page .woocommerce-info, .theme-skin-dark.woocommerce-page .woocommerce-message { background: #2e2e2e; color: #fff; border-color: #7c7c7c; } /*Woocommerce Cart */ .theme-skin-dark.woocommerce-page .shop_table.cart thead, .theme-skin-dark.woocommerce .shop_table.cart thead { background: #2e2e2e none repeat scroll 0 0; } .theme-skin-dark.woocommerce table.shop_table, .theme-skin-dark.woocommerce-page table.shop_table, .theme-skin-dark.woocommerce table.shop_table td, .theme-skin-dark.woocommerce-page table.shop_table td, .theme-skin-dark.woocommerce #content table.cart img, .theme-skin-dark.woocommerce table.cart img, .theme-skin-dark.woocommerce-page #content table.cart img, .theme-skin-dark.woocommerce-page table.cart img { border-color: #7c7c7c; } .theme-skin-dark.woocommerce #content table.cart td.actions .coupon .input-text, .theme-skin-dark.woocommerce table.cart td.actions .coupon .input-text, .theme-skin-dark.woocommerce-page #content table.cart td.actions .coupon .input-text, .theme-skin-dark.woocommerce-page table.cart td.actions .coupon .input-text { border-color: #7c7c7c; } .theme-skin-dark.woocommerce table.shop_table thead, .theme-skin-dark.woocommerce-page table.shop_table thead, .theme-skin-dark.woocommerce table.shop_table th, .theme-skin-dark.woocommerce-page table.shop_table th { color: #fff; border-color: #7c7c7c; } .theme-skin-dark .woo-cart-totals-container tr td, .theme-skin-dark .payment_box p { color: #fff; } .theme-skin-dark .select2-drop-active, .theme-skin-dark .select2-container .select2-choice { border-color: #7c7c7c; background: #2e2e2e; color: #fff; } .theme-skin-dark .woocommerce #order_review .shop_table thead tr th, .theme-skin-dark .woocommerce #order_review .shop_table .cart_item:last-child td, .theme-skin-dark .woocommerce-checkout #payment ul.payment_methods, .theme-skin-dark .woocommerce #order_review .payment_methods.methods > li { border-color: #7c7c7c; } .theme-skin-dark .select2-results { background: #2e2e2e; } .theme-skin-dark .select2-results .select2-highlighted { background: #000; color: #fff; } .theme-skin-dark .shop_table.cart td.product-name > a { color: #fff; } .theme-skin-dark .zozo-woocommerce-thank-you .order_info, .theme-skin-dark .woocommerce .order_details li { border-color: #7c7c7c; } .theme-skin-dark .woocommerce .widget_shopping_cart .cart_list li a.remove, .theme-skin-dark .woocommerce.widget_shopping_cart .cart_list li a.remove { background: #2e2e2e; } /* Woocommerce Beta */ .theme-skin-dark .woocomposer_list ul.wcmp-product-list li, .bg-skin-dark .woocomposer_list ul.wcmp-product-list li { border-color: #7c7c7c; } /* BuddyPress */ .theme-skin-dark #buddypress #whats-new-form, .theme-skin-dark #buddypress #item-body form#whats-new-form, .theme-skin-dark #buddypress ul.item-list li, .theme-skin-dark #buddypress ul.item-list li, .theme-skin-dark #buddypress .activity-list li.load-more, .theme-skin-dark #buddypress .activity-list li.load-newest { background: #2e2e2e; border-color: #7c7c7c; } .theme-skin-dark #buddypress form#whats-new-form #whats-new-avatar, .theme-skin-dark #buddypress ul.item-list li img.avatar, .theme-skin-dark #buddypress div#item-header img.avatar, .theme-skin-dark #buddypress ul.item-list li img.avatar { background: #333; border-color: #7c7c7c; } .theme-skin-dark #buddypress div.item-list-tabs ul li a, .theme-skin-dark #buddypress div.item-list-tabs ul li span { background: #2e2e2e; border-color: #7c7c7c; color: #fff; } .theme-skin-dark #buddypress table.forum tr td.label, .theme-skin-dark #buddypress table.messages-notices tr td.label, .theme-skin-dark #buddypress table.notifications tr td.label, .theme-skin-dark #buddypress table.notifications-settings tr td.label, .theme-skin-dark #buddypress table.profile-fields tr td.label, .theme-skin-dark #buddypress table.wp-profile-fields tr td.label { border-color: #7c7c7c; color: #fff; } .theme-skin-dark #buddypress .standard-form input:focus, .theme-skin-dark #buddypress .standard-form select:focus, .theme-skin-dark #buddypress .standard-form textarea:focus { background: #2e2e2e; } .theme-skin-dark .bp-avatar-nav ul.avatar-nav-items li.current, .theme-skin-dark .bp-avatar-nav ul { border-color: #7c7c7c; } .theme-skin-dark #buddypress form#whats-new-form textarea { color: #fff; } /* BB Press */ .theme-skin-dark #bbpress-forums li.bbp-header { background: #2e2e2e; } .theme-skin-dark #bbpress-forums, .theme-skin-dark #bbpress-forums ul.bbp-lead-topic, .theme-skin-dark #bbpress-forums ul.bbp-topics, .theme-skin-dark #bbpress-forums ul.bbp-forums, .theme-skin-dark #bbpress-forums ul.bbp-replies, .theme-skin-dark #bbpress-forums ul.bbp-search-results, .theme-skin-dark #bbpress-forums li.bbp-body ul.forum, .theme-skin-dark #bbpress-forums li.bbp-body ul.topic { border-color: #7c7c7c; } .theme-skin-dark #bbpress-forums div.odd, .theme-skin-dark #bbpress-forums ul.odd, .theme-skin-dark #bbpress-forums li.bbp-footer, .theme-skin-dark #bbpress-forums fieldset.bbp-form, .theme-skin-dark #bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content { border-color: #7c7c7c; } .theme-skin-dark #bbpress-forums .bbp-body .bbp-forum-title, .theme-skin-dark #bbpress-forums .bbp-body .bbp-topic-permalink, .theme-skin-dark li.bbp-forum-freshness a, .theme-skin-dark li.bbp-topic-freshness a, .theme-skin-dark #bbpress-forums div.bbp-topic-content a, .theme-skin-dark #bbpress-forums div.bbp-reply-content a, .theme-skin-dark #bbpress-forums #bbp-single-user-details #bbp-user-navigation a { color: #fff; } .theme-skin-dark div.bbp-template-notice, .theme-skin-dark div.indicator-hint, .theme-skin-dark div.bbp-template-notice.info { border-color: #7c7c7c; background: #2e2e2e; color: #fff; } div.bbp-template-notice a, div.bbp-template-notice a:hover { color: #fff; } .theme-skin-dark #bbpress-forums div.even, .theme-skin-dark #bbpress-forums ul.even { background: #2e2e2e; } .theme-skin-dark .quicktags-toolbar { background: #2e2e2e } .theme-skin-dark #bbpress-forums div.bbp-the-content-wrapper input:hover, .theme-skin-dark #bbpress-forums div.bbp-the-content-wrapper input:focus { background: #222; color: #fff; } .theme-skin-dark .bbp-pagination-links a, .theme-skin-dark .bbp-pagination-links span.current { border-color: #7c7c7c; } .theme-skin-dark #bbpress-forums div.even, .theme-skin-dark #bbpress-forums div.bbp-reply-header { border-color: #7c7c7c; background: #2e2e2e; } .theme-skin-dark #buddypress .dir-search input[type="search"], .theme-skin-dark #buddypress .dir-search input[type="text"], .theme-skin-dark #buddypress .groups-members-search input[type="search"], .theme-skin-dark #buddypress .groups-members-search input[type="text"], .theme-skin-dark #buddypress .standard-form input[type="color"], .theme-skin-dark #buddypress .standard-form input[type="date"], .theme-skin-dark #buddypress .standard-form input[type="datetime-local"], .theme-skin-dark #buddypress .standard-form input[type="datetime"], .theme-skin-dark #buddypress .standard-form input[type="email"], .theme-skin-dark #buddypress .standard-form input[type="month"], .theme-skin-dark #buddypress .standard-form input[type="number"], .theme-skin-dark #buddypress .standard-form input[type="password"], .theme-skin-dark #buddypress .standard-form input[type="range"], .theme-skin-dark #buddypress .standard-form input[type="search"], .theme-skin-dark #buddypress .standard-form input[type="tel"], .theme-skin-dark #buddypress .standard-form input[type="text"], .theme-skin-dark #buddypress .standard-form input[type="time"], .theme-skin-dark #buddypress .standard-form input[type="url"], .theme-skin-dark #buddypress .standard-form input[type="week"], .theme-skin-dark #buddypress .standard-form select, .theme-skin-dark #buddypress .standard-form textarea, .theme-skin-dark #buddypress div.dir-search input[type="text"], .theme-skin-dark #buddypress li.groups-members-search input[type="text"] { border-color: #7c7c7c; color: #fff; } .theme-skin-dark #buddypress table.notification-settings, .theme-skin-dark #buddypress table.profile-settings, .theme-skin-dark #buddypress table.notifications { border-color: #7c7c7c; } .theme-skin-dark #buddypress table.notification-settings th { background: #2e2e2e; } .theme-skin-dark #buddypress table.forum thead tr, .theme-skin-dark #buddypress table.messages-notices thead tr, .theme-skin-dark #buddypress table.notifications thead tr, .theme-skin-dark #buddypress table.notifications-settings thead tr, .theme-skin-dark #buddypress table.profile-fields thead tr, .theme-skin-dark #buddypress table.profile-settings thead tr, .theme-skin-dark #buddypress table.wp-profile-fields thead tr { background: #2e2e2e; } /*Events Calender*/ .theme-skin-dark #tribe-bar-form, .theme-skin-dark #tribe-bar-form input[type="text"] { border-color: #7c7c7c; } .theme-skin-dark .tribe-events-calendar thead th { background: #000; } .theme-skin-dark #tribe-events-content table.tribe-events-calendar, .theme-skin-dark #tribe-events-content .tribe-events-calendar td, .theme-skin-dark.events-archive.events-gridview #tribe-events-content table .type-tribe_events, .theme-skin-dark .tribe-events-viewmore { border-color: #7c7c7c; } .theme-skin-dark .tribe-events-calendar div[id*="tribe-events-daynum-"], .theme-skin-dark .tribe-events-calendar div[id*="tribe-events-daynum-"] a, .theme-skin-dark #tribe-events-content .tribe-events-calendar td:hover { background: #2e2e2e; } .theme-skin-dark .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"], .theme-skin-dark .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"] > a { background: #222; color: #fff; } .theme-skin-dark #tribe-events-content .tribe-events-calendar td.tribe-events-othermonth { background: #222; } .theme-skin-dark .entry-title a, .theme-skin-dark .related-content-wrapper h5 .post-link, .theme-skin-dark #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a { color: #fff; } .theme-skin-dark .recurring-info-tooltip, .theme-skin-dark .tribe-events-calendar .tribe-events-tooltip, .theme-skin-dark .tribe-events-week .tribe-events-tooltip { background: #333; color: #fff; } /* List view */ .theme-skin-dark .tribe-events-list-separator-month span { background: #333; } .theme-skin-dark .tribe-events-list .time-details { color: #fff; } /* Day View */ .theme-skin-dark .tribe-events-day .tribe-events-day-time-slot h5 { border-color: #7c7c7c; background: #2e2e2e; color: #fff; } /* Single */ .theme-skin-dark .tribe-events-list-separator-month:after, .theme-skin-dark .tribe-events-list .type-tribe_events { border-color: #7c7c7c; } .theme-skin-dark.single-tribe_events .tribe-events-event-meta { background: #2e2e2e; border-color: #7c7c7c; } .theme-skin-dark .tribe-events-meta-group .tribe-events-single-section-title { border-color: #7c7c7c; } .theme-skin-dark.events-list #tribe-events-footer, .theme-skin-dark.single-tribe_events #tribe-events-footer, .theme-skin-dark .tribe-events-day #tribe-events-footer, .theme-skin-dark .tribe-events-map #tribe-events-footer, .theme-skin-dark .tribe-events-photo #tribe-events-footer { border-color: #7c7c7c; } /* ================================================================ * STICKY SIDEBAR * ================================================================ */ .sticky-sidebar-parent > .row .pf-sidebar-col-left { padding-right: 25px; } .sticky-sidebar-parent > .row .pf-sidebar-col-right { padding-left: 25px; } /* dont Touch */ /* ================================================================ * RETINA STYLES * ================================================================ */ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .zozo-logo .navbar-brand img.zozo-standard-logo, .zozo-logo .navbar-brand h1.standard-text-logo, .zozo-mobile-logo .navbar-brand img.zozo-standard-logo, .zozo-mobile-logo .navbar-brand h1.standard-text-logo { display: none; } .zozo-logo .navbar-brand img.zozo-retina-logo, .zozo-logo .navbar-brand h1.retina-text-logo, .zozo-mobile-logo .navbar-brand img.zozo-retina-logo, .zozo-mobile-logo .navbar-brand h1.retina-text-logo { display: inline-block; } } /* dont Touch */ /* CSS Animations */ html:not(.no-cssanimations) .animate_when_almost_visible { opacity: 0; -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } html:not(.no-cssanimations) .animate_when_almost_visible.start_animation:not(.zoom-reverse).top-t-bottom { -webkit-animation-name: anim_toptbot; -moz-animation-name: anim_toptbot; -o-animation-name: anim_toptbot; animation-name: anim_toptbot; opacity: 1; } html:not(.no-cssanimations) .animate_when_almost_visible.start_animation:not(.zoom-reverse).bottom-t-top { -webkit-animation-name: anim_botttop; -moz-animation-name: anim_botttop; -o-animation-name: anim_botttop; animation-name: anim_botttop; opacity: 1; } html:not(.no-cssanimations) .animate_when_almost_visible.start_animation:not(.zoom-reverse).left-t-right { -webkit-animation-name: anim_ltr; -moz-animation-name: anim_ltr; -o-animation-name: anim_ltr; animation-name: anim_ltr; opacity: 1; } html:not(.no-cssanimations) .animate_when_almost_visible.start_animation:not(.zoom-reverse).right-t-left { -webkit-animation-name: anim_rtl; -moz-animation-name: anim_rtl; -o-animation-name: anim_rtl; animation-name: anim_rtl; opacity: 1; } html:not(.no-cssanimations) .animate_when_almost_visible.start_animation:not(.zoom-reverse).zoom-in { -webkit-animation-name: anim_zoomin; -moz-animation-name: anim_zoomin; -o-animation-name: anim_zoomin; animation-name: anim_zoomin; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } html:not(.no-cssanimations) .animate_when_almost_visible.start_animation:not(.zoom-reverse).zoom-out { -webkit-animation-name: zoom-out; -moz-animation-name: zoom-out; -o-animation-name: zoom-out; animation-name: zoom-out; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } html:not(.no-cssanimations) .animate_when_almost_visible.zoom-reverse { -webkit-animation-name: zoom-reverse; -moz-animation-name: zoom-reverse; -o-animation-name: zoom-reverse; animation-name: zoom-reverse; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -o-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); opacity: 0; } html:not(.no-cssanimations) .animate_when_almost_visible[data-speed="100"] { -webkit-animation-duration: 0.1s; -moz-animation-duration: 0.1s; -o-animation-duration: 0.1s; animation-duration: 0.1s; } html:not(.no-cssanimations) .animate_when_almost_visible[data-speed="200"] { -webkit-animation-duration: 0.2s; -moz-animation-duration: 0.2s; -o-animation-duration: 0.2s; animation-duration: 0.2s; } html:not(.no-cssanimations) .animate_when_almost_visible[data-speed="300"] { -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -o-animation-duration: 0.3s; animation-duration: 0.3s; } html:not(.no-cssanimations) .animate_when_almost_visible[data-speed="500"] { -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; } html:not(.no-cssanimations) .animate_when_almost_visible[data-speed="600"] { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; } html:not(.no-cssanimations) .animate_when_almost_visible[data-speed="700"] { -webkit-animation-duration: 0.7s; -moz-animation-duration: 0.7s; -o-animation-duration: 0.7s; animation-duration: 0.7s; } html:not(.no-cssanimations) .animate_when_almost_visible[data-speed="800"] { -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; -o-animation-duration: 0.8s; animation-duration: 0.8s; } html:not(.no-cssanimations) .animate_when_almost_visible[data-speed="900"] { -webkit-animation-duration: 0.9s; -moz-animation-duration: 0.9s; -o-animation-duration: 0.9s; animation-duration: 0.9s; } html:not(.no-cssanimations) .animate_when_almost_visible[data-speed="1000"] { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; } /* Top to bottom keyframes */ @-webkit-keyframes anim_toptbot { 0% { -webkit-transform: translate3d(0, -100px, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); opacity: 1; } } @-moz-keyframes anim_toptbot { 0% { -moz-transform: translate3d(0, -100px, 0); opacity: 0; } 100% { -moz-transform: translate3d(0, 0, 0); opacity: 1; } } @-o-keyframes anim_toptbot { 0% { -o-transform: translate3d(0, -100px, 0); opacity: 0; } 100% { -o-transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes anim_toptbot { 0% { transform: translate3d(0, -100px, 0); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } } /* Bottom to top keyframes */ @-webkit-keyframes anim_botttop { 0% { -webkit-transform: translate3d(0, 100px, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); opacity: 1; } } @-moz-keyframes anim_botttop { 0% { -moz-transform: translate3d(0, 100px, 0); opacity: 0; } 100% { -moz-transform: translate3d(0, 0, 0); opacity: 1; } } @-o-keyframes anim_botttop { 0% { -o-transform: translate3d(0, 100px, 0); opacity: 0; } 100% { -o-transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes anim_botttop { 0% { transform: translate3d(0, 100px, 0); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } } /* Left to right keyframes */ @-webkit-keyframes anim_ltr { 0% { -webkit-transform: translate3d(-100px, 0, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); opacity: 1; } } @-moz-keyframes anim_ltr { 0% { -moz-transform: translate3d(-100px, 0, 0); opacity: 0; } 100% { -moz-transform: translate3d(0, 0); opacity: 1; } } @-o-keyframes anim_ltr { 0% { -o-transform: translate3d(-100px, 0); opacity: 0; } 100% { -o-transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes anim_ltr { 0% { transform: translate3d(-100px, 0, 0); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } } /* Right to left keyframes */ @-webkit-keyframes anim_rtl { 0% { -webkit-transform: translate3d(100px, 0, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); opacity: 1; } } @-moz-keyframes anim_rtl { 0% { -moz-transform: translate3d(100px, 0, 0); opacity: 0; } 100% { -moz-transform: translate3d(0, 0, 0); opacity: 1; } } @-o-keyframes anim_rtl { 0% { -o-transform: translate3d(100px, 0, 0); opacity: 0; } 100% { -o-transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes anim_rtl { 0% { transform: translate3d(100px, 0, 0); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } } /* Appear from center in keyframes */ @-webkit-keyframes anim_zoomin { 0% { -webkit-transform: scale(0.5); opacity: 0.1; } 100% { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes anim_zoomin { 0% { -moz-transform: scale(0.5); opacity: 0.1; } 100% { -moz-transform: scale(1); opacity: 1; } } @-o-keyframes anim_zoomin { 0% { -o-transform: scale(0.5); opacity: 0.1; } 100% { -o-transform: scale(1); opacity: 1; } } @keyframes anim_zoomin { 0% { transform: scale(0.5); opacity: 0.1; } 100% { transform: scale(1); opacity: 1; } } /* Appear from center out keyframes */ @-webkit-keyframes zoom-out { 0% { -webkit-transform: scale(1.5); opacity: 0.1; } 100% { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes zoom-out { 0% { -moz-transform: scale(1.5); opacity: 0.1; } 100% { -moz-transform: scale(1); opacity: 1; } } @-o-keyframes zoom-out { 0% { -o-transform: scale(1.5); opacity: 0.1; } 100% { -o-transform: scale(1); opacity: 1; } } @keyframes zoom-out { 0% { transform: scale(1.5); opacity: 0.1; } 100% { transform: scale(1); opacity: 1; } } /* Disappear from center keyframes */ @-webkit-keyframes zoom-reverse { 0% { -webkit-transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.5); opacity: 0; } } @-moz-keyframes zoom-reverse { 0% { -moz-transform: scale(1); opacity: 1; } 100% { -moz-transform: scale(0.5); opacity: 0; } } @-o-keyframes zoom-reverse { 0% { -o-transform: scale(1); opacity: 1; } 100% { -o-transform: scale(0.5); opacity: 0; } } @keyframes zoom-reverse { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.5); opacity: 0; } } /*********************** Visual Composer CSS ***********************/ /* ================================= Visual Composer CSS ================================= */ /* Section Styles */ .typo-light, .typo-light h1, .typo-light h2, .typo-light h3, .typo-light h4, .typo-light h5, .typo-light h6, .typo-light p, .typo-light a:hover, .typo-light a.btn:hover { color: #fff; } .typo-dark, .typo-dark h1, .typo-dark h2, .typo-dark h3, .typo-dark h4, .typo-dark h5, .typo-dark h6, .typo-dark p, .typo-light a.btn { color: #333; } /* ================================================================ * CONTENT CAROUSEL * ================================================================ */ .zozo-content-carousel-wrapper .content-carousel-slider .owl-item { overflow: hidden; } .vc_row .vc_images_carousel .vc_carousel-indicators .vc_active { background: none; } /* ================================================================ * SERVICES BOX * ================================================================ */ .zozo-vc-service-box { margin: 0 auto; } .zozo-vc-service-box * { transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; } .zozo-vc-service-box .service-box-inner { border: 1px solid #fff; position: relative; display: inline-block; height: 160px; margin: 0 auto 15px; max-width: 160px; width: 100%; } .zozo-vc-service-box.service-box-circle .service-box-inner { border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; } .zozo-vc-service-box.service-box-rounded .service-box-inner { border-radius: 25px; -ms-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px; -webkit-border-radius: 25px; position:relative; margin-bottom:12px; } .zozo-vc-service-box .service-box-inner .service-ribbon-text { border-radius: 50%; height: 40px; color: #333; line-height: 40px; position: absolute; right: -15px; top: -15px; width: 40px; } .zozo-vc-service-box.service-box-circle .service-box-inner .service-ribbon-text { right: 15px; top: 15px; } .zozo-vc-service-box .service-box-content { left: 0; padding: 50px; position: relative; right: 0; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .zozo-vc-service-box .service-box-inner:after { background: #fff; border-radius: 50%; content: ""; height: 100%; left: 0; position: absolute; right: 0; top: 0; transform: scale(0.94); -webkit-transform: scale(0.94); -moz-transform: scale(0.94); -ms-transform: scale(0.94); -o-transform: scale(0.94); transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; width: 100%; z-index:-1; } .zozo-vc-service-box:hover .service-box-inner:after { transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); opacity:0; } .zozo-vc-service-box .service-box-content i { font-size:60px; color:#000; } .zozo-vc-service-box:hover .service-box-content i { color:#fff; } .zozo-vc-service-box .service-desc { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; bottom: 90%; opacity:0; left: 0; margin: 0 auto 8px; max-width: 220px; min-width: 200px; padding: 10px; position: absolute; right: 0; width: 100%; } .zozo-vc-service-box:hover .service-desc { opacity:1; bottom:100%; } .zozo-vc-service-box .service-desc:after { background: inherit; bottom: -4px; content: ""; height: 10px; left: 0; margin: 0 auto; position: absolute; right: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); width: 10px; } /* ================================================================ * VC Button Styles * ================================================================ */ .vc_general.vc_btn3, .vc_general.vc_btn3.vc_btn3-color-black.vc_btn3-style-outline, .typo-dark .vc_general.vc_btn3.vc_btn3-style-transparent:hover, .typo-dark .vc_general.vc_btn3.vc_btn3-style-transparent:focus, .typo-dark .vc_general.vc_btn3.vc_btn3-style-transparent:active, .ubtn.ubtn-center-dg-bg .ubtn-hover, .ubtn.ubtn-top-bg .ubtn-hover, .ubtn.ubtn-bottom-bg .ubtn-hover, .ubtn.ubtn-left-bg .ubtn-hover, .ubtn.ubtn-right-bg .ubtn-hover, .ubtn.ubtn-center-hz-bg .ubtn-hover, .ubtn.ubtn-center-vt-bg .ubtn-hover { color: #333333; } .vc_general.vc_btn3.vc_btn3-style-default:hover, .vc_general.vc_btn3.vc_btn3-style-default:focus, .vc_general.vc_btn3.vc_btn3-style-default:active, .vc_btn3.vc_btn3-size-md.vc_btn3-style-outline:hover, .vc_btn3.vc_btn3-size-md.vc_btn3-style-outline:focus, .vc_btn3.vc_btn3-size-md.vc_btn3-style-outline:active, .typo-light .vc_general.vc_btn3.vc_btn3-style-transparent:hover, .typo-light .vc_general.vc_btn3.vc_btn3-style-transparent:focus, .typo-light .vc_general.vc_btn3.vc_btn3-style-transparent:active, .vc_general.vc_btn3.vc_btn3-color-black, .typo-dark .vc_btn3.vc_btn3-color-black.vc_btn3-style-outline:hover, .typo-dark .vc_btn3.vc_btn3-color-black.vc_btn3-style-outline:focus { color: #fff; } .vc_btn3.vc_btn3-size-md { line-height: 22px; padding: 10px 30px 8px; } .vc_general.vc_btn3.vc_btn3-style-transparent, .vc_general.vc_btn3.vc_btn3-color-primary-bg.vc_btn3-style-transparent, .vc_general.vc_btn3.vc_btn3-color-primary-bg.vc_btn3-style-transparent:hover, .vc_general.vc_btn3.vc_btn3-color-primary-bg.vc_btn3-style-transparent:focus, .vc_general.vc_btn3.vc_btn3-color-primary-bg.vc_btn3-style-transparent:active { padding: 0; background: transparent; text-decoration: underline; } .vc_general.vc_btn3:focus, .vc_general.vc_btn3:hover { border:none; } .bg-style.bg-normal .vc_general.vc_btn3.vc_btn3-style-transparent { color: #333; } .typo-light.bg-style.bg-normal .vc_general.vc_btn3.vc_btn3-style-transparent { color: #fff; } /* ================================================================ * CALL TO ACTION * ================================================================ */ .vc_general.vc_cta3.vc_cta3-style-custom { background: transparent; border: none; } .vc_general.vc_cta3.vc_cta3-style-default { padding: 0; } .vc_general.vc_cta3.vc_cta3-actions-right .vc_cta3-content, .vc_general.vc_cta3.vc_cta3-actions-right .vc_cta3-actions { display: inline-block; vertical-align: middle; } .vc_general.vc_cta3.vc_cta3-style-custom.no-padding, .vc_general.vc_cta3.vc_cta3-style-custom.vc_cta3-align-center.no-padding { padding: 0; margin-bottom: 15px; } .vc_general.vc_cta3.vc_cta3-align-left .vc_cta3_content-container { text-align: left; } .vc_general.vc_cta3.vc_cta3-align-right .vc_cta3_content-container { text-align: right; } .vc_general.vc_cta3.vc_cta3-align-center .vc_cta3_content-container { text-align: center; } .vc_general.vc_cta3.vc_cta3-align-center .vc_cta3_content-container .vc_cta3-content, .vc_general.vc_cta3.vc_cta3-actions-right .vc_cta3-actions, .vc_general.vc_cta3 .vc_cta3_content-container .vc_btn3-inline { transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; } .vc_general.vc_cta3.vc_cta3-align-center .vc_cta3_content-container .vc_cta3-content { padding-right: 0; } .vc_general.vc_cta3.vc_cta3-align-center .vc_cta3_content-container .vc_btn3-inline .vc_btn3-style-transparent { padding-left: 5px; } .vc_general.vc_cta3.vc_cta3-align-center .vc_cta3_content-container .vc_btn3-inline .vc_btn3-style-transparent { border:none; } .vc_general.vc_cta3.vc_cta3-align-center:hover .vc_cta3_content-container .vc_btn3-inline .vc_btn3-style-transparent { padding-left: 15px; } .vc_general.vc_cta3 .vc_cta3_content-container h2 { font-size: 22px; font-weight: 300; letter-spacing: 1px; margin-bottom: 0; text-transform: uppercase; } .vc_general.vc_cta3 .vc_cta3_content-container h4 { line-height: 1.7; text-transform: capitalize; } .vc_btn3.vc_btn3-style-custom { border: none; line-height: 22px; outline: none; padding: 9px 20px; color: #333333!important; border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; } .vc_btn3-inline .vc_btn3.vc_btn3-style-custom { font-size: 34px; background: none!important; color: #000!important; font-weight: 500; line-height: 50px; padding: 0; text-decoration: underline; } .vc_general.vc_cta3 .vc_btn3.vc_btn3-size-md { line-height: 18px; } .vc_general.vc_cta3 .vc_cta3-actions .vc_general.vc_btn3.vc_btn3-style-transparent { background: none; font-size: 22px; font-weight: 500; text-decoration: underline; text-transform: uppercase; } .vc_general.vc_cta3 .vc_cta3-actions .vc_general.vc_btn3.vc_btn3-style-transparent.vc_btn3-size-xs { font-size: 18px; line-height: 23px; margin-bottom: 10px; } .vc_general.vc_cta3 h2 { margin-bottom: 10px; } .vc_btn3-container.vc_btn3-inline { margin-bottom: 0; } /* ================================================================ * Vc Icons * ================================================================ */ .zozo-vc-icons { margin-bottom: 20px; } /* ================================================================ * Feature Box * ================================================================ */ .zozo-feature-box.feature-box-style { margin-bottom: 30px; } .grid-item, .grid-item * { transition: 0.4s all ease-in-out; -ms-transition: 0.4s all ease-in-out; -moz-transition: 0.4s all ease-in-out; -o-transition: 0.4s all ease-in-out; -webkit-transition: 0.4s all ease-in-out; } .grid-item .grid-title { margin-bottom:12px; } .grid-item a > .grid-title { color:#333; } .typo-light .grid-item a > .grid-title { color:#fff; } .grid-item .grid-title.grid-title-bottom { margin: 15px 0 0; } .grid-item .grid-desc p:last-child { margin-bottom: 0; } /*Icon shape */ .zozo-icon { height: auto; width: auto; border: none; } .zozo-icon.icon-bg.icon-shape, .zozo-icon.icon-border-bg.icon-shape, .zozo-icon.icon-border-bg-space.icon-shape { color: #fff; } .zozo-icon.icon-shape.icon-small { height: 35px; line-height: 35px; width: 35px; } .zozo-icon.icon-shape.icon-normal { height: 50px; line-height: 50px; width: 50px; } .zozo-icon.icon-shape.icon-medium { height: 60px; line-height: 60px; width: 60px; } .zozo-icon.icon-shape.icon-large { height: 80px; line-height: 80px; width: 80px; } .zozo-icon.icon-shape.icon-exlarge { height: 100px; line-height: 100px; width: 100px; } /* Default box */ .zozo-feature-box.style-default-box .grid-icon-wrapper, .zozo-feature-box.style-default-box .grid-content-wrapper { display: table-cell; vertical-align: middle; } .zozo-feature-box.style-default-box .grid-icon-wrapper { vertical-align: top; position:relative; } /* ICON LINE */ .zozo-feature-box.style-default-box .grid-icon-wrapper i { position:relative; } .zozo-feature-box.style-default-box .grid-icon-wrapper i.icon-shape:after { background-color: #eee; content: ""; height: 90%; position: absolute; right: -14px; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); bottom:0; width: 1px; } .zozo-feature-box.style-default-box .grid-text-center .grid-icon-wrapper i.icon-shape:after { content:none; } .zozo-feature-box.style-default-box .grid-icon-wrapper i.icon-light.icon-shape:after { background-color: #f7f7f7; } .zozo-feature-box.style-default-box .grid-text-right .grid-icon-wrapper i:after { left:-16px; right:auto; } .zozo-feature-box.style-default-box .grid-text-left .grid-icon-wrapper { padding: 0 30px 0 0; } .zozo-feature-box.style-default-box .grid-text-center .grid-icon-wrapper, .zozo-feature-box.style-default-box .grid-text-center .grid-content-wrapper { display: inline-block; } .zozo-feature-box.style-default-box .grid-icon-shape.grid-text-right .grid-icon-wrapper { float: right; padding: 0 0 0 30px; } .zozo-feature-box.style-default-box .grid-icon-shape.grid-text-right .grid-icon-wrapper:after { left: 15px; right: 0; } .zozo-feature-box.style-default-box .grid-item .grid-title { margin-bottom: 22px; } .zozo-feature-box.style-default-box { margin-bottom:30px; } .zozo-feature-box.style-default-box:last-child .grid-box-inner { margin-bottom: 0; } /* Default box - space */ .zozo-feature-box.style-default-box .grid-item .grid-icon-shape .grid-title { margin: 0 0 12px 0; } .zozo-feature-box.style-default-box:last-child .grid-box-inner.grid-icon-shape { margin-bottom: 0; } /* Default box - Image */ .zozo-feature-box.style-default-box .grid-image-wrapper { display: inline-block; vertical-align: top; } .zozo-feature-box.style-default-box .grid-text-right .grid-image-wrapper { float: right; } .zozo-feature-box.style-default-box .grid-image-wrapper { min-width: 40px; vertical-align: top; float: left; } .zozo-feature-box.style-default-box .grid-text-center .grid-image-wrapper { display: inline-block; float: none; } .zozo-feature-box.style-default-box .grid-text-left.grid-box-image .grid-content-wrapper { padding-left: 15px; } .zozo-feature-box.style-default-box .grid-text-right.grid-box-image .grid-content-wrapper { padding-right: 15px; } /*Alignment Center */ .grid-item .grid-text-center { text-align: center; } /* Alignment Right & Left */ .grid-item .grid-text-right, .grid-item .grid-text-right .grid-content-wrapper { text-align: right; } .grid-item .grid-button { margin-top: 10px; } .grid-item .grid-button > .btn { margin-top:20px; } .style-sep-yes .grid-item .grid-button { border-top: 1px solid #eee; padding-top: 10px; } /* Icons */ .grid-item .grid-icon-wrapper { margin-bottom: 15px; } .grid-item .zozo-icon { text-align: center; display: inline-block; position:relative; } /*LIGHT*/ .zozo-feature-box .grid-item .grid-icon-wrapper .grid-icon.icon-none.icon-skin-light, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-color .grid-icon.icon-none.icon-skin-dark { color: #fff; } /*DARK*/ .zozo-feature-box .grid-item .grid-icon-wrapper .grid-icon.icon-none.icon-skin-dark, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-color .grid-icon.icon-none.icon-skin-light { color: #333; } /* Icon Circle */ .zozo-fa-icon-circle, .zozo-icon.icon-circle { border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; } /* Icon Rounded */ .zozo-icon.icon-rounded { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; } /* Icon Light */ .zozo-icon.icon-light.icon-shape { background-color: #f7f7f7; } /* Icon Dark */ .zozo-icon.icon-dark.icon-shape { background-color: #2e2e2e; color: #fff; } /* Icon Transparent */ .zozo-icon.icon-transparent { background-color: transparent; } /* Icon Bordered */ .zozo-icon.icon-bordered { border: 1px solid #eee; } .zozo-icon.icon-bg.icon-shape .zozo-icon.icon-border-bg.icon-shape { color: #333; } .zozo-icon.icon-border-bg.icon-shape { border: 1px solid; } /* Icon Bordered w/ Background Alt Style */ .zozo-icon.icon-border-bg-space.icon-shape { position: relative; margin-bottom:10px; } .zozo-icon.icon-border-bg-space.icon-shape:after { content: ""; height: 100%; left: 0; position: absolute; top: 0; transform: scale(1.15); -ms-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15); -webkit-transform: scale(1.15); border-radius: inherit; -ms-border-radius: inherit; -moz-border-radius: inherit; -o-border-radius: inherit; -webkit-border-radius: inherit; transition: 0.4s all ease-in-out; -ms-transition: 0.4s all ease-in-out; -moz-transition: 0.4s all ease-in-out; -o-transition: 0.4s all ease-in-out; -webkit-transition: 0.4s all ease-in-out; width: 100%; } /* Icon Extra Large */ .zozo-icon.icon-exlarge { font-size: 3.2em; } /* Icon Large */ .zozo-icon.icon-large { font-size: 2.5em; } /* Icon Medium */ .zozo-icon.icon-medium { font-size: 2em; } /* Icon Normal */ .zozo-icon.icon-normal { font-size: 1.5em; } /* Icon Small */ .zozo-icon.icon-small { font-size: 1em; } /* Icon color */ .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-color .grid-icon.icon-shape, .typo-light .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-color .grid-icon.icon-shape { color: #333; } /* Icon Hover Color Styles */ .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-color .grid-icon.icon-shape, .typo-light .zozo-feature-box .grid-item:hover .grid-icon-wrapper .grid-icon.icon-none { color: #fff; } .zozo-feature-box .grid-item:hover .grid-icon-wrapper .grid-icon.icon-none, .zozo-feature-box .grid-item:hover .grid-icon-wrapper .grid-icon.icon-shape.icon-transparent, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-color .grid-icon.icon-shape.icon-bordered, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-color .zozo-icon.icon-light.icon-shape { color: #333; } /* Icon Hover Bg color */ .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg .zozo-icon.icon-shape, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg .grid-icon.icon-pattern, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg .zozo-icon.icon-border-bg, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg .zozo-icon.icon-border-bg-space, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-br .zozo-icon.icon-shape, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-br .grid-icon.icon-pattern, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-br .zozo-icon.icon-border-bg, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-br .zozo-icon.icon-border-bg-space, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-br .zozo-icon.icon-dark.icon-shape { background-color: #F5F5F5; } .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg .zozo-icon.icon-bordered, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg .zozo-icon.icon-light.icon-shape, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-br .zozo-icon.icon-bordered, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-br .zozo-icon.icon-light.icon-shape { background: #333; } /* Icon Hover border-color */ .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-br .grid-icon, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-br .grid-icon, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-br-icon .grid-icon, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-br-icon .grid-icon, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape.icon-bordered { border-color: #eee; } /* Icon Hover border-color & Icon Color */ .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-br-icon .zozo-icon.icon-shape { color: #fff; } .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-br-icon .zozo-icon.icon-shape.icon-light, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-br-icon .zozo-icon.icon-shape.icon-bordered { color: #333; } /* Icon Hover Icon & Bg Color */ .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape.icon-dark, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape.icon-bordered, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape.icon-dark, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape.icon-pattern, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape.icon-light, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape.icon-bordered { color: #333; } .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape.icon-pattern, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape.icon-light { color: #fff; } .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape { background-color: #333; } /* Icon Shape On Color Bg */ .bg-style.bg-normal .zozo-icon.icon-border-bg-space.icon-shape:after { box-shadow: 0 0 0 2px #fff; } .bg-style.bg-normal .zozo-icon.icon-bg.icon-shape, .bg-style.bg-normal .zozo-icon.icon-border-bg.icon-shape, .bg-style.bg-normal .zozo-icon.icon-border-bg-space.icon-shape { background-color: #fff; border-color: #fff; } .bg-style.bg-normal .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg .zozo-icon, .bg-style.bg-normal .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-br .zozo-icon { background: #333; } .bg-style.bg-normal .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .zozo-icon { color: #fff; } .bg-style.bg-normal .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-color .grid-icon.icon-shape { color: #333; } /* Icon hove Border Space */ .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-br .zozo-icon.icon-border-bg-space:after, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-br .zozo-icon.icon-border-bg-space:after, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-br-icon .zozo-icon.icon-border-bg-space:after { box-shadow: 0 0 0 2px #F5F5F5; } .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .zozo-icon.icon-border-bg-space:after { box-shadow: 0 0 0 2px #333; } .bg-style.bg-normal .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-br .zozo-icon.icon-border-bg-space:after, .bg-style.bg-normal .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-br .zozo-icon.icon-border-bg-space:after, .bg-style.bg-normal .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .zozo-icon.icon-border-bg-space:after { box-shadow: 0 0 0 2px #333; } /* ================================================================ * Feature Box With Background * ================================================================ */ .zozo-feature-box.style-box-with-bg { background-color: #f5f5f5; } .zozo-feature-box.style-outline-box .grid-item { padding: 20px; } .zozo-feature-box.style-box-with-bg .grid-text-right .grid-icon-wrapper, .zozo-feature-box.style-outline-box .grid-text-right .grid-icon-wrapper { text-align: right; } .zozo-feature-box.style-box-with-bg .grid-text-left .grid-icon-wrapper, .zozo-feature-box.style-outline-box .grid-text-left .grid-icon-wrapper { text-align: left; } .zozo-feature-box.style-box-with-bg .zozo-icon.icon-light.icon-shape { background: #fff; } /* New */ .zozo-feature-box.feature-box-style.style-info-box.style-box-with-bg .grid-box-inner{ padding:20px; } /* ================================================================ * Feature Box Outlined Box * ================================================================ */ .zozo-feature-box.style-outline-box .grid-item { border: 1px solid #eee; } .zozo-feature-box.style-outline-box .grid-item:hover { border-color: transparent; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); } /* ================================================================ * Title Top and Icon Box * ================================================================ */ .feature-box-style.style-title-top-icon .grid-icon-box-title { margin-bottom: 15px; position: relative; } .feature-box-style.style-title-top-icon .grid-icon-box-left { text-align: left; } .feature-box-style.style-title-top-icon .grid-icon-box-right { text-align: right; } .feature-box-style.style-title-top-icon .grid-icon-box-center { text-align: center; } .feature-box-style.style-title-top-icon .grid-icon-box-left .grid-icon-box-title .grid-icon-wrapper, .feature-box-style.style-title-top-icon .grid-icon-box-left .grid-icon-box-title .grid-image-wrapper { display: table-cell; padding-right: 15px; } /* ICON LINE */ .feature-box-style.style-title-top-icon .grid-icon-box-title .grid-icon-wrapper i { position:relative; } .feature-box-style.style-title-top-icon .grid-icon-box-title .grid-icon-wrapper i.icon-shape:after { background-color: #cacaca; content: ""; height: 90%; position: absolute; right: -15px; top: 5px; bottom:0; width: 1px; } .feature-box-style.style-title-top-icon .grid-icon-box-title > a, .feature-box-style.style-title-top-icon .grid-icon-box-title .grid-title { display: table-cell; margin-bottom: 0; vertical-align: middle; padding-left:15px; } .feature-box-style.style-title-top-icon .grid-icon-box-right .grid-icon-box-title .grid-title { padding: 0 15px 0 0; } .feature-box-style.style-title-top-icon .grid-icon-box-right .grid-icon-box-title .grid-icon-wrapper i.icon-shape:after { left:-15px; right:auto; } .feature-box-style.style-title-top-icon .grid-icon-box-center .grid-icon-box-title .grid-title, .feature-box-style.style-title-top-icon .grid-icon-box-center .grid-icon-box-title .grid-icon-wrapper, .feature-box-style.style-title-top-icon .grid-icon-box-center .grid-icon-box-title .grid-image-wrapper { display: block; } .feature-box-style.style-title-top-icon .grid-icon-box-right .grid-icon-box-title { float: right; } .feature-box-style.style-title-top-icon .grid-icon-box-right .grid-icon-box-title .grid-icon-wrapper, .feature-box-style.style-title-top-icon .grid-icon-box-right .grid-icon-box-title .grid-image-wrapper { padding: 0 0 0 15px; display: table-cell; } /* ================================================================ * Overlay Feature box * ================================================================ */ .zozo-feature-box.feature-box-style.style-overlay-box .grid-box-inner { border: 1px solid #eee; overflow: hidden; max-width: 320px; margin: 0 auto; position: relative; } .grid-item .grid-box-inner .grid-overlay-top .grid-icon-wrapper .grid-icon { overflow: visible; } .icon-bottom-line .grid-icon-wrapper { position:relative; margin-bottom:30px; } .grid-item .grid-box-inner .grid-overlay-top .grid-icon-wrapper .grid-icon:after, .icon-bottom-line .grid-icon-wrapper:after { content: ""; display: block; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; bottom: -15px; width: 40px; } .grid-item .grid-box-inner .grid-overlay-top .grid-title { margin-top: 25px; } .grid-item .grid-box-inner .grid-overlay-top .grid-title { margin-bottom: 0; } .grid-item .grid-box-inner .grid-overlay-top .grid-title.grid-title-top { margin-bottom: 15px; position:relative; } .grid-item .grid-box-inner .grid-overlay-top { background: #ffffff; height: 100%; left: 0; bottom: 20px; position: absolute; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; width: 100%; z-index: 9; } .grid-overlay-top .grid-icon-wrapper i.zozo-icon.icon-none { font-size: 65px; width: auto; } .grid-item .grid-box-inner .grid-overlay-top .grid-overlay-info { position: absolute; left: 0; right: 0; top: 50%; padding: 20px 15px; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .grid-item:hover .grid-box-inner .grid-overlay-top { transform: translateY(-100%); -ms-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -webkit-transform: translateY(-100%); } .grid-item .grid-box-inner .grid-overlay-bottom { color: #333333; height: 100%; padding: 25px 15px 20px; position: relative; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transform: translateY(100%); -ms-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); -webkit-transform: translateY(100%); width: 100%; } .grid-item:hover .grid-box-inner .grid-overlay-bottom { transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0); } .feature-box-style.style-overlay-box .overlay-box-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 35; } /* DARK TRANSPARENT BOX */ .grid-overlay-info .grid-icon { line-height: 1; } .dark-transparent-box.zozo-feature-box.feature-box-style.style-overlay-box .grid-box-inner { background: rgba(0, 0, 0, 0.6); border: none; } .grid-item .grid-box-inner .grid-overlay-top, .theme-skin-dark .grid-item .grid-box-inner .grid-overlay-top, .bg-skin-dark .grid-item .grid-box-inner .grid-overlay-top { background:none; bottom:0; } .dark-transparent-box.zozo-feature-box .grid-overlay-top .grid-title { color:#fff; } /* Overlay box hover Styles */ .zozo-feature-box.style-overlay-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape.icon-light, .zozo-feature-box.style-overlay-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape.icon-light { background: #333; color: #fff; } .zozo-feature-box.style-overlay-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape.icon-dark, .zozo-feature-box.style-overlay-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape.icon-dark { background: #f5f5f5; } /* Image Grid Box - Title And Image On Top & Default box */ /*.zozo-feature-box.style-title-top-icon .grid-icon-box-left .grid-image-wrapper img, .zozo-feature-box.style-title-top-icon .grid-icon-box-right .grid-image-wrapper img, .zozo-feature-box.style-default-box .grid-text-right .grid-image-wrapper img, .zozo-feature-box.style-default-box .grid-text-left .grid-image-wrapper img { max-width: 50px; }*/ .zozo-feature-box .grid-text-right .grid-image-wrapper { text-align: right; } .zozo-feature-box .grid-text-center .grid-image-wrapper { text-align: center; } .zozo-feature-box.style-overlay-box .zozo-image-wrapper.img-circle { margin-bottom: 0; } .top-border-style { background: #fff; padding: 15px; position: relative; } .bg-skin-dark .top-border-style { background: rgba(0, 0, 0, 1) url("images/header-dark-bg.jpg") repeat; } .top-border-style:after { border:4px solid; border-bottom:none; content: ""; height: 100px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } /* Image Filters */ .grid-image-wrapper { position: relative; overflow: hidden; margin-bottom: 28px; } .style-default-box .grid-text-left .grid-image-wrapper { margin-bottom: 0; } .grid-image-wrapper.img-size-small img { width: auto; } .zozo-img-filter-grayscale img { filter: url("data:image/svg+xml;utf8,#grayscale"); */ /* Firefox 3.5+, IE10 */ filter: gray; -webkit-filter: grayscale(100%); -webkit-backface-visibility: hidden; /* Fix for transition flickering */ transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; } .zozo-img-filter-grayscale:hover img { /*filter: url("data:image/svg+xml;utf8,#grayscale"); */ filter: none; filter: grayscale(0); -webkit-filter: grayscale(0); } /* Hover Effects */ .zozo-image-wrapper.img-circle { max-width: 80%; margin: 0 auto 20px; display: inline-block; } .zozo-feature-box img, .zozo-img-hover img { transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; width: 100%; } .zozo-img-hover-grow:hover img { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); } .zozo-img-hover-grow:hover .grid-shape-angled .zozo-image-wrapper img.img-angled { transform: skewY(-3deg) scale(1.2); -ms-transform: skewY(-3deg) scale(1.2); -webkit-transform: skewY(-3deg) scale(1.2); -o-transform: skewY(-3deg) scale(1.2); -moz-transform: skewY(-3deg) scale(1.2); } .zozo-img-hover-grow-rotate:hover img { transform: scale(1.2) rotate(3deg); -ms-transform: scale(1.2) rotate(3deg); -webkit-transform: scale(1.2) rotate(3deg); -o-transform: scale(1.2) rotate(3deg); -moz-transform: scale(1.2) rotate(3deg); } .zozo-img-hover-grow-rotate:hover .grid-shape-angled .zozo-image-wrapper img.img-angled { transform: skewY(-3deg) rotate(2deg) scale(1.2); -ms-transform: skewY(-3deg) rotate(2deg) scale(1.2); -webkit-transform: skewY(-3deg) rotate(2deg) scale(1.2); -o-transform: skewY(-3deg) rotate(2deg) scale(1.2); -moz-transform: skewY(-3deg) rotate(2deg) scale(1.2); } .zozo-img-hover-blurr img, .zozo-img-hover-blurr-invert img { transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; } .zozo-img-hover-blurr:hover img { filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); } .zozo-img-hover-blurr-invert img { filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); } .zozo-img-hover-blurr-invert:hover img { filter: blur(0px); -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); } .zozo-img-hover-fade-in .zozo-image-wrapper { background: #000; } .zozo-img-hover-fade-in img { opacity: 0.5; -moz-opacity: 0.5; -webkit-opacity: 0.5; } .zozo-img-hover-fade-in:hover img { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } .zozo-img-hover-fade-out:hover .zozo-image-wrapper { background: #000; } .zozo-img-hover-fade-out:hover img { opacity: 0.6; -moz-opacity: 0.6; -webkit-opacity: 0.6; } .zozo-img-hover-sepia:hover img { -webkit-filter: sepia(100%); filter: sepia(100%); } /*.wpb_single_image .vc_single_image-wrapper { display: block; }*/ .ult-carousel-wrapper .wpb_single_image .vc_single_image-wrapper { display: inline-block; } /*Side Container styles*/ .vc-zozo-section { padding: 100px 0; margin-bottom: 0; } .wpb_row.vc_row { margin-bottom: 0; } .vc-zozo-section.bg-style.image-right, .vc-zozo-section.bg-style.image-left { padding: 0; } .vc_row.bg-style.image-left, .vc_row.bg-style.image-right { background-image: none !important; } .bg-style.image-left .vc-side-image-wrapper, .bg-style.image-right .vc-side-image-wrapper { padding-left: 0; padding-right: 0; } /*Accordion*/ .vc_tta.vc_general.vc_tta-accordion { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } .vc_tta.vc_general .vc_tta-panel-title { font-size: 14px; font-weight: 600; } .vc_tta.vc_general .vc_tta-panel-heading { border:1px solid rgba(0,0,0,0.1); border-right:none; border-left:none; margin-bottom:-1px; border-radius:0!important; } /* VC TABS */ .vc_tta.vc_general .vc_tta-panel-body { padding: 20px; } /* Classic + Flat */ .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab > a, .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab > a:focus, .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab > a:hover { background-color: transparent; color: #333; } .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab.vc_active > a { border:1px solid #eee; background-color: transparent; border-bottom: 2px solid; color: #333; } .vc_tta-color-white.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels { background: #fff; } /* VC OUTLINE TAB */ /* VC FAQ */ .vc_toggle_title > h4 { font-size: 16px; line-height: 21px; } .vc_toggle_square .vc_toggle_icon, .vc_toggle_square .vc_toggle_icon::before, .vc_toggle_square .vc_toggle_icon::after { -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } /* VC Gallery Slider */ .wpb_column .wpb_gallery.wpb_content_element { margin-bottom: 0; } .wpb_gallery .flexslider { margin-bottom: 40px; } /* Ultimate VC Addons - Flip Boxes */ .flip-box-wrap .ifb-flip-box-section { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } /* VC call to action transparent */ .vc_cta3-container:last-child { margin-bottom:0; } .bg-style.bg-normal .vc_cta3-actions .vc_general.vc_btn3.vc_btn3-color-primary-bg.vc_btn3-style-transparent { color: #333; } .vc_btn3.vc_btn3-color-white.vc_btn3-style-transparent, .vc_btn3.vc_btn3-color-white.vc_btn3-style-transparent:hover { color: #fff; } .vc_btn3.vc_btn3-color-default.vc_btn3-style-transparent, .vc_btn3.vc_btn3-color-default.vc_btn3-style-transparent:hover { color: #f7f7f7; } .vc_btn3.vc_btn3-color-primary.vc_btn3-style-transparent, .vc_btn3.vc_btn3-color-primary.vc_btn3-style-transparent:hover { color: #0088cc; } .vc_btn3.vc_btn3-color-info.vc_btn3-style-transparent, .vc_btn3.vc_btn3-color-info.vc_btn3-style-transparent:hover { color: #58b9da; } .vc_btn3.vc_btn3-color-success.vc_btn3-style-transparent, .vc_btn3.vc_btn3-color-success.vc_btn3-style-transparent:hover { color: #6ab165; } .vc_btn3.vc_btn3-color-warning.vc_btn3-style-transparent, .vc_btn3.vc_btn3-color-warning.vc_btn3-style-transparent:hover { color: #ff9900; } .vc_btn3.vc_btn3-color-danger.vc_btn3-style-transparent, .vc_btn3.vc_btn3-color-danger.vc_btn3-style-transparent:hover { color: #ff675b; } /* ================================================================ * NEW STYLES * ================================================================ */ /* ================================================================ * PORTFOLIO * ================================================================ */ .portfolio-content a.classic-img-link:after, .portfolio-content:hover a.classic-img-link:after, .portfolio-content a.classic-img-link:before, .portfolio-content:hover a.classic-img-link:before { -webkit-transition: all 350ms ease; -moz-transition: all 350ms ease; -ms-transition: all 350ms ease; -o-transition: all 350ms ease; transition: all 350ms ease; } .portfolio-item h4, .portfolio-item h5 { margin-bottom: 5px; text-transform: uppercase; } /* Filter Type Icon */ .portfolio-tabs.icon_type { position: relative; overflow-x: hidden; } .portfolio-tabs.icon_type::after { content: ""; height: 4px; position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .portfolio-tabs.icon_type li { margin: 0; } .portfolio-tabs.icon_type li a { font-size: 16px; font-weight: 700; letter-spacing: 1px; padding: 0; margin: 0 8px; text-transform: uppercase; border: none; } .portfolio-tabs.icon_type li a > span { font-weight: 700; } .portfolio-tabs.icon_type li a i { margin-right: 10px; } .portfolio-tabs.icon_type.text-center li, .portfolio-tabs.icon_type.text-right li { background: #fff; position: relative; z-index: 1; margin: 0 -2px; } .portfolio-tabs.icon_type.text-center li a, .portfolio-tabs.icon_type.text-right li a { margin: 0 10px; } .portfolio-tabs.icon_type.text-center::after, .portfolio-tabs.icon_type.text-right::after { left: 0; right: 0; } /* Portfolio list */ .list_style .portfolio-custom-text { font-size: 12px; text-transform: uppercase; font-weight: 600; } .list_style .portfolio-list-left .btn { margin-top: 30px; } .style-list_style:last-child { padding-bottom: 0; border-bottom: none; } /* Portfolio list hover */ .portfolio-list-wrapper .pf-icon-zoom { display: block; overflow: hidden; position: relative; } .portfolio-list-wrapper .pf-icon-zoom:after { background: rgba(0, 0, 0, 0.8); transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; content: ""; height: 100%; left: 0; position: absolute; top: 0; opacity: 0; width: 100%; } .portfolio-list-wrapper:hover .pf-icon-zoom:after { opacity: 1; } /* ================================================================ * Title * ================================================================ */ .parallax-header.content-style-inline { float: left; margin-bottom: 40px; text-align: left; } .parallax-header.content-style-inline .parallax-title { display: inline-block; padding-right: 40px; margin: 0 40px 20px 0; float: left; } .parallax-header.content-style-inline .parallax-title::after { width: 3px; height: 100%; left: auto; top: 0; right: 0; -webkit-transform: skewX(-15deg); -moz-transform: skewX(-15deg); -ms-transform: skewX(-15deg); -o-transform: skewX(-15deg); transform: skewX(-15deg); } .parallax-header.content-style-inline .parallax-desc { text-align: left; float: none; margin-top: -5px; margin-bottom: 0; max-width: 100%; } /* Alignment */ .parallax-desc.text-left, .parallax-desc.text-right { float: none; } .parallax-header.content-style-inline .parallax-title.text-right { float: right; } .parallax-header.content-style-inline .parallax-title.text-right::after { left: 0; right: auto; } .parallax-header.content-style-inline .parallax-title.text-right { display: inline-block; padding-right: 0; padding-left: 40px; margin: 0 40px 20px 0; margin: 0 0 20px 40px; } .parallax-header.content-style-inline .parallax-desc.text-right { text-align: right; } .parallax-header.content-style-inline .parallax-title.text-center:after { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .parallax-header.content-style-inline .parallax-desc.text-center { text-align: center; } /* Title Style Blockquote */ .parallax-header.content-style-blockquote { display: table; height: 100%; margin-bottom: 40px; } .parallax-header.content-style-blockquote .parallax-title { display: table-cell; float: none; margin: 0 40px 0 0; padding-right: 40px; vertical-align: middle; } .parallax-header.content-style-blockquote .parallax-title::after{ content: none; } .parallax-desc.blockquote-style{ max-width: none; margin: 0 auto; } .blockquote-style blockquote, .blockquote-style .blockquote-reverse { border-left: 5px solid #eee; font-family: georgia; font-size: 14px; font-weight: normal; letter-spacing: inherit; line-height: 30px; margin-bottom: 0; } .blockquote-style blockquote:after, .blockquote-style blockquote:before, .blockquote-style .blockquote-reverse:after, .blockquote-style .blockquote-reverse:before{ content: none; } /* ================================================================ * Team * ================================================================ */ .team-style_two .team-item-img { margin-bottom: 15px; } .team-style_two .team-item-img img { margin: 0 auto; width: auto; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; max-width:80px; } .team-style_two .team-item .team-content { background: transparent; color: unset; padding:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; border:none; } .team-style_two .team-member-designation,.team-style_two .team-member-desc { font-weight:400; } .team-style_two .team-member-name { font-weight: 500; margin-bottom: 0; } .team-style_two .team-member-designation { color:#7f7f7f; } .team-style_two .zozo-team-social { margin-top: 6px; } .team-style_two .zozo-team-social-list.zozo-social-icons.soc-icon-transparent i { color: unset; } /* Alignment */ .team-style_two .text-left .team-item-img img, .team-style_two .text-right .team-item-img img { width: auto; margin: 0; display: inline-block; } /* ================================================================ * Client Slider * ================================================================ */ .zozo-client-slider-wrapper.style-hover_syle .owl-item { overflow: hidden; } .zozo-client-slider-wrapper.style-hover_syle .owl-item img { filter: url("data:image/svg+xml;utf8,#grayscale"); /* for Webkit browsere, Chrome 19+, Safari 6+ ... */ -webkit-filter: grayscale(100%); filter: gray; -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .zozo-client-slider-wrapper.style-hover_syle .owl-item:hover img { filter: url("data:image/svg+xml;utf8,#grayscale"); /* for Webkit browsere, Chrome 19+, Safari 6+ ... */ -webkit-filter: grayscale(0%); filter: gray; opacity: 1; -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-animation: clientSlider 550ms forwards; -moz-animation: clientSlider 550ms forwards; -ms-animation: clientSlider 550ms forwards; -o-animation: clientSlider 550ms forwards; animation: clientSlider 550ms forwards; } @-webkit-keyframes clientSlider { 49% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); } 50% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); } 51% { opacity: 1; } } @-moz-keyframes clientSlider { 49% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); } 50% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); } 51% { opacity: 1; } } @-ms-keyframes clientSlider { 49% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); } 50% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); } 51% { opacity: 1; } } @-o-keyframes clientSlider { 49% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); } 50% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); } 51% { opacity: 1; } } @keyframes clientSlider { 49% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); } 50% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); } 51% { opacity: 1; } } /* ================================================================ * Counter * ================================================================ */ /* Default */ .zozo-counter-wrapper.counter-default { text-align: center; } .zozo-counter-wrapper.counter-default .counter-icon { margin-bottom:25px; } .zozo-counter-wrapper.counter-default .counter-info .counter-title h3 { font-size: 24px; line-height: 23px; } /* Counter Style 2 */ .zozo-counter-wrapper.counter-style-1 { text-align: right; position: relative; } .counter-style-1 .zozo-counter-count { font-size: 92px; line-height: 92px; margin: 0 !important; } .counter-style-1 .counter.zozo-counter-count::after { content: none; } .counter-style-1 .counter-info .counter-title h3 { font-size: 35px; margin: 2px 0 0; text-transform: uppercase; font-weight:700; } .counter-style-1 .counter-info .counter-title span { display: block; color: #ababab; font-size: 20px; line-height: 20px; margin-top: 5px; } .counter-style-1 .zozo-counter .counter-icon { bottom: 0; position: absolute; } .counter-style-1 .zozo-counter .counter-icon > i { font-size: 100px; line-height: 100px; } /* Alignment */ .counter-style-1.counter-icon-top .zozo-counter .counter-icon > i, .counter-style-1.counter-icon-bottom .zozo-counter .counter-icon > i { bottom: auto; position: relative; text-align: right; top: 0; } .counter-style-1.counter-icon-top .zozo-counter .counter-icon > i { margin-bottom: 10px; } .counter-style-1.counter-icon-bottom .zozo-counter .counter-icon > i { margin-top: 10px; } /* ================================================================ * Widget * ================================================================ */ .widget .widget-title { position: relative; overflow: hidden; margin-bottom: 25px; line-height: 20px; border: none; } /* Services menu */ .menu-service-menu-container li { margin: 0; } .menu-service-menu-container li a { border: 1px solid rgba(0, 0, 0, 0.05); padding: 10px 30px 10px 50px; display: block; } .menu-service-menu-container li a:before { top: 10px !important; left: 10px !important; } .menu-service-menu-container li a:hover, .menu-service-menu-container li a:focus, .menu-service-menu-container li a.active { color: #fff !important; } /* Map */ .wpb_gmaps_widget .wpb_wrapper { padding:0; } /* VC Chart */ .vc_chart.vc_round-chart .vc_chart-with-legend { display: block; margin: 0 auto; text-align: center; width:70%; } .vc_chart.vc_round-chart .vc_chart-legend { display: inline-block; text-align: center; width: 100%; } /* Updated */ .vc-match-height-content > .vc_column-inner, .vc-inner-match-height-content > .vc_column-inner { height: 100% !important; } .wpb_wrapper .ubtn-ctn-left > *:last-child, .wpb_column .wpb_wrapper > *:last-child { margin-bottom:0px !important; } .wpb_column .wpb_gallery.wpb_content_element { margin-bottom:40px !important; } .ultimate-vticker.ticker { vertical-align:middle !important; } /*********************** Woocommerce CSS ***********************/ /* ================================================================ * WOOCOMMERCE * ================================================================ */ /* CATALOG MODE */ .woocommerce.woo-enable-catalog-mode div.product form.cart { display: none !important; } .woocommerce.woo-enable-catalog-mode .header-top-cart { display: none !important; } /* WOOCOMMERCE HEADER TOP CART */ .header-section .cart-icon, .header-section .woo-cart, .header-section .woo-cart-item, .mobile-cart-link { position:relative; } .header-section .woo-cart { float:left; } .header-section .cart-count, .mobile-cart-item .cart-count { color: #fff; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; font-size: 10px; height: 15px; line-height: 15px; position: absolute; right: -6px; text-align: center; top: -10px; width: 15px; } .header-section .woo-cart-contents, .mobile-cart-wrapper .woo-cart-contents { background: #ffffff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); left:0; right:auto; opacity: 0; text-align: left; padding: 15px; position: absolute; transition: opacity 0.2s ease 0s; -ms-transition: opacity 0.2s ease 0s; -moz-transition: opacity 0.2s ease 0s; -o-transition: opacity 0.2s ease 0s; -webkit-transition: opacity 0.2s ease 0s; visibility: hidden; width: 280px; height:auto; margin:0 auto; line-height:normal; top:100%; z-index:999; } .woo-cart-empty { text-align:center; } .header-section .zozo-top-right .woo-cart-contents, .header-section .navbar-right .woo-cart-contents { left:auto; right:-15px; } .header-section .woo-cart:hover .woo-cart-contents { visibility:visible; opacity:1; } .header-section .woo-cart-item, .mobile-cart-wrapper .woo-cart-item { padding-top: 8px; padding-bottom: 8px; position: relative; } .mobile-cart-wrapper .woo-cart-item { border-color:#e1e1e1; } .woo-cart-contents .woo-cart-item .ajax-loading { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../../images/woo-ajax-loader.gif) no-repeat scroll center center/16px 16px #fff; opacity: 0.6; filter: alpha(opacity=60); } .header-section .woo-cart-item img, .mobile-cart-wrapper .woo-cart-item img { float: left; margin-right: 10px; max-width: 60px; } .header-section .woo-cart-item .cart-item-content h5 { margin: 0 0 10px; font-size: 14px; } .header-section .woo-cart-item .cart-product-quantity { font-weight:700; font-size:12px; } .header-section .woo-cart-item .cart-product-quantity > span { color:inherit; } .header-section .woo-cart-item .cart-item-content .cart-product-title { margin-top: 0; text-transform: capitalize; color:inherit; } .header-section .woo-cart-total .cart-total span.amount { padding-left: 5px; } .header-section .woo-cart-item a.remove.remove-cart-item, .mobile-cart-wrapper .woo-cart-item a.remove.remove-cart-item { border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; color: #a6a6a6; font-size: 18px; height: 20px; line-height: 22px; position: absolute; right: 0; text-align: center; top: 50%; background-color:#f7f7f7; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 20px; } .header-section .woo-cart-item a.remove-cart-item:hover, .header-section .woo-cart-item a.remove-cart-item:focus, .header-section.header-skin-dark .woo-cart-item a.remove.remove-cart-item:hover, .header-section.header-skin-dark .woo-cart-item a.remove.remove-cart-item:focus, .header-dropdown-skin-dark .woo-cart-item a.remove.remove-cart-item:hover, .header-dropdown-skin-dark .woo-cart-item a.remove.remove-cart-item:focus, .mobile-cart-wrapper .woo-cart-item a.remove.remove-cart-item:hover, .mobile-cart-wrapper .woo-cart-item a.remove.remove-cart-item:focus, .header-section.header-menu-skin-light .header-main-section .woo-cart-item a.remove.remove-cart-item:hover, .header-section.header-menu-skin-light .header-main-section .woo-cart-item a.remove.remove-cart-item:focus { background: #ac2925; color: #ffffff!important; } .header-section .woo-cart-total > .cart-total { margin:15px 0; } .header-section .woo-cart-contents .woo-cart-links { margin-left: -15px; margin-right: -15px; line-height: 30px; } .header-section .woo-cart .cart-link a, .header-section .woo-cart .checkout-link a { color: #fff; } .header-section .woo-cart .cart-link a:hover, .header-section .woo-cart .checkout-link a:hover { color: #fff!important; } .header-section .woo-cart-links .cart-link, .mobile-cart-wrapper .woo-cart-links .cart-link { float: left; padding-left: 15px; } .header-section .woo-cart-links .checkout-link, .mobile-cart-wrapper .woo-cart-links .checkout-link { float: right; padding-right: 15px; } .mobile-cart-wrapper .woo-cart-links .cart-link, .mobile-cart-wrapper .woo-cart-links .checkout-link { padding:0; } .header-section .woo-cart-links .cart-link .btn, .header-section .woo-cart-links .checkout-link .btn { padding:8px 28px; } /* WOOCOMMERCE PRODUCT FILTERING (ORDER BY,SORTING,COUNTING) */ .woo-dropdown, .woo-sort-ordering { cursor: pointer; float: left; margin: 0 10px 30px 0; padding: 0; width: 245px; } .woo-sort-ordering { width: 30px; } .woo-dropdown > li:after { content: "\f10a"; font-family: "Flaticon"; line-height: 33px; position: absolute; right: 9px; top: 0; } .woo-dropdown > li, .woo-sort-ordering > li { background: #f7f7f7; color: #7f7f7f; display: block; line-height: 28px; padding: 4px 0; position: relative; text-indent: 13px; } .woo-dropdown > li strong { color: #333; font-weight:300; } .woo-dropdown > li .order-sub-dropdown { background:#fff; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12); -ms-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12); -o-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12); opacity:0; list-style: outside none none; padding: 0; position: absolute; width: 100%; left:0; right:0; top:36px; z-index: 100; visibility:hidden; } .woo-dropdown > li:hover .order-sub-dropdown { opacity:1; visibility:visible; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; } .woo-dropdown > li .order-sub-dropdown > li strong { display:block; } .woo-sort-ordering > li { text-indent: 4px; } /* WOOCOMMERCE PRODUCT */ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s;-ms-transition: all 0.4s ease-in 0s; margin: 0 3% 40px 0; background:#fff; } .woocommerce ul.products li.product .product-box-wrapper, .woocommerce-page ul.products li.product .product-box-wrapper { box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12); -ms-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12); -o-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12); } .product .product-img-box { background: #f5f5f5; border-bottom:5px solid ; } .woocommerce ul.products li.product .product-details-wrapper,.woocommerce-page ul.products li.product .product-details-wrapper { padding:15px 0 0; } .woocommerce ul.products li.product .product-info,.woocommerce-page ul.products li.product .product-info { border-top: 1px solid #eee; float:left; width:100%; padding: 0 15px; } .product-info .price, .product-info .zozo-woo-rating { float: left; text-align: center; width: 50%; padding: 10px 0; } .product-info .price { border-left: 1px solid #eee; float: right; } .woocommerce ul.products li.product:hover:before, .woocommerce-page ul.products li.product:hover:before { width:66.6%; } .woocommerce ul.products.products-2 li.product, .woocommerce-page ul.products.products-2 li.product { width: 49%; } .woocommerce ul.products.products-3 li.product, .woocommerce-page ul.products.products-3 li.product { width: 30%; } .woocommerce ul.products.products-3 li.product, .woocommerce-page ul.products.products-3 li.product { margin: 0 5% 50px 0; } .woocommerce ul.products.products-4 li.product, .woocommerce-page ul.products.products-4 li.product { width: 22.5%; } .woocommerce ul.products.products-5 li.product, .woocommerce-page ul.products.products-5 li.product { width: 18.4%; } ul.products.products-2 li.product:nth-child(2n) { margin-right: 0; } ul.products.products-3 li.product:nth-child(3n) { margin-right: 0; } ul.products.products-4 li.product:nth-child(4n) { margin-right: 0; } ul.products.products-5 li.product:nth-child(5n) { margin-right: 0; } .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img { margin: 0; } .woocommerce ul.products li.product .product-img-box { position:relative; } .woocommerce ul.products li.product h5.product-category-title { margin: 0; padding: 0 15px; } .woocommerce ul.products li.product h5.product-category-title a, .woocommerce ul.products li.product h5.product-category-title { font-weight:300; color: #7c7c7c; font-size: 12px; } .woocommerce ul.products li.product:hover h5.product-category-title a, .woocommerce ul.products li.product:hover h5.product-category-title { color:#a7a7a7; } .woocommerce ul.products li.product h3 > a { color: #333; font-size: 20px; font-weight: 500; text-transform: capitalize; } .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 { margin-bottom: 10px; padding: 0 15px; } .woocommerce ul.products li.product-category.product h3, .woocommerce-page ul.products li.product-category.product h3 { padding-left: 15px; padding-right: 15px; text-align: center; } .woocommerce ul.products li.product-category.product h3 mark.count, .woocommerce-page ul.products li.product-category.product h3 mark.count { background: transparent; } .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ margin-bottom:0; } .woocommerce .price > .amount, .woocommerce-page .price > .amount, .price ins > .amount { font-size: 16px; font-weight:600; } .price del > .amount:after { width: 100%; position: absolute; height: 1px; background: #000; left: 0; right: 0; top: 50%; content: ""; } .woocommerce-page.single-product .entry-summary .price del .amount{ font-size: 20px; } .woocommerce div.product p.price del, .woocommerce div.product span.price del,.woocommerce ul.products li.product .price del,.price del > .amount{ color: #7f7f7f; display: inline-block; position: relative; } .woocommerce ul.products li.product .price del{ opacity: 1; padding-right: 10px; } .woocommerce .price ins, .woocommerce-page .price ins { text-decoration: none; } .product-buttons-overlay { bottom: 0; height: 100%; position: absolute; top: 0; left:0; width: 100%; background: transparent; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .woo-latest-slider-item .product-buttons-overlay{ opacity:0; } .woo-latest-slider-item:hover .product-buttons-overlay{ background: rgba(0,0,0,0.5); opacity:1; } .woo-latest-slider-item .product-buttons-overlay .product-buttons a{ font-size: 0px; } .woo-latest-slider-item .product-buttons-overlay .product-buttons a:after{ color: inherit; content: "\f106"; font-family: "Flaticon"; font-size: 16px; left: 0; top:50%; position: absolute; right: 0; text-align: center; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .woo-latest-slider-item .product-buttons-overlay .product-buttons a:hover:after, .woo-latest-slider-item .product-buttons-overlay .product-buttons a:focus:after{ color: #fff; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { display: block; font-size: inherit; margin-bottom: 0; padding: 8px 30px; text-align: center; float:right; } .product-buttons-overlay .product-buttons { left: auto; position: absolute; right: 15px; text-align: right; top: 100%; visibility:hidden; opacity:0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .woocommerce ul.products li:hover .product-buttons { margin-top:-17px; opacity:1; visibility:visible; } .woocommerce ul.products li .product-buttons a { padding: 0; position: relative; color: #333; background:#fff; border: none; font-size: 0px; line-height: 35px; width: 35px; height: 35px; margin:0 7.5px; float:none; display:inline-block; box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -ms-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -o-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .woocommerce ul.products li .product-buttons a.added_to_cart.wc-forward { display: none; } .woocommerce ul.products li.product .product-buttons a.woo-show-details:hover, .woocommerce .product-buttons > a.add_to_cart_button:hover{ background: #000; color: #fff; } .woocommerce ul.products li .product-buttons a.woo-show-details:after, .product-buttons > a.add_to_cart_button:after { content: "\e269"; color: inherit; position: absolute; font-size:15px; text-align: center; left:0; right:0; } .woocommerce ul.products li .product-buttons a:after { font-size: 18px; } .product-buttons > a.add_to_cart_button:after { content: "\f141"; font-family: "Flaticon"; } .woocommerce ul.products li .product-buttons a.woo-show-details:after{ content: "\f106"; font-family: "Flaticon"; } .woocommerce #respond input#submit.loading::after, .woocommerce a.button.loading::after, .woocommerce button.button.loading::after, .woocommerce input.button.loading::after{ left: auto; right: 8px; top: 0; } .woocommerce #respond input#submit.added::after, .woocommerce a.button.added::after, .woocommerce button.button.added::after, .woocommerce input.button.added::after { margin:0; } .woocommerce a.added_to_cart{ display: none; } .woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover { color: #fff; } .woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover { text-shadow: none; color: #fff; } .woocommerce #content div.product form.cart, .woocommerce div.product form.cart, .woocommerce-page #content div.product form.cart, .woocommerce-page div.product form.cart { margin: 15px 0; } .woocommerce #content div.product form.cart div.quantity, .woocommerce div.product form.cart div.quantity, .woocommerce-page #content div.product form.cart div.quantity, .woocommerce-page div.product form.cart div.quantity { margin-bottom: 20px; width:100%; } .product_meta > span { padding-right: 15px; } .single-product .zozo-woo-social-share-box.zozo-social-share-box > span { float: left; padding-right: 10px; } .woocommerce-page.single-product .zozo-social-share-icons{ display: inline-block; } .woocommerce-page.single-product .zozo-woo-social-share-box.zozo-social-share-box{ margin-top: 10px; } /* VARIABLE PRODUCT */ .woocommerce #content div.product form.cart .variations td, .woocommerce div.product form.cart .variations td, .woocommerce-page #content div.product form.cart .variations td, .woocommerce-page div.product form.cart .variations td { border: none; } .woocommerce #content div.product form.cart .variations label, .woocommerce div.product form.cart .variations label, .woocommerce-page #content div.product form.cart .variations label, .woocommerce-page div.product form.cart .variations label { padding-top: 20px; } .variations .reset_variations { padding-top: 8px; } .single_variation{ line-height: inherit; margin-bottom: 15px; } /* WOOCOMMERCE SINGLE PAGE */ .single-product-image-wrapper{ position: relative; display: inline; } .woocommerce div.product.sale > .images { position: relative; } .woocommerce #content div.product div.images img, .woocommerce div.product div.images img, .woocommerce-page #content div.product div.images img, .woocommerce-page div.product div.images img { border:1px solid #e1e1e1; } .woocommerce div.product p.price { margin-bottom: 15px; } .woocommerce-page.single-product .entry-summary .price .amount { font-size: 27px; } .woocommerce #content div.product form.cart .button, .woocommerce div.product form.cart .button, .woocommerce-page #content div.product form.cart .button, .woocommerce-page div.product form.cart .button { padding: 8px 30px; } /* WOOCOMMERCE CUSTOM PRODUCT META */ .product-meta-info-wrapper .product-meta-item { background: #f7f7f7; margin-bottom: 5px; padding: 15px 10px; text-align: center; } .product-meta-info-wrapper .product-meta-item i { color: #7c7c7c; font-size: 40px; line-height: 39px; } .product-meta-item .icomoon2-medal2 { position: relative; } .product-meta-item .icomoon2-medal2:after { background: #cccccc; bottom: 0; content: ""; height: 15px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 6px; width: 5px; } .single-product .product-meta-content .product-meta-title { font-size: 12px; color: #7f7f7f; margin-bottom: 0; } .single-product .product-meta-content .product-meta-value { margin: 0; font-size: 13px; } .widget .woocommerce-product-search .search-field { border: 1px solid #e1e1e1; height: 40px; margin-bottom: 10px; padding-left: 5px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; } .widget .woocommerce-product-search > input[type="submit"] { width: auto; margin-top: 10px; } /* WOOCOMMERCE TABS */ .woocommerce div.product .woocommerce-tabs ul.tabs::before { border: none; } .woocommerce #content div.product .woocommerce-tabs ul.tabs, .woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs { padding: 0; margin: 0; overflow:visible; } .woocommerce-tabs .panel { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; } .woocommerce #content div.product .woocommerce-tabs .panel, .woocommerce div.product .woocommerce-tabs .panel, .woocommerce-page #content div.product .woocommerce-tabs .panel, .woocommerce-page div.product .woocommerce-tabs .panel { padding: 20px; border-width: 1px ; border-color: #e1e1e1; margin-top: -1px; background:none; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li { min-width: 145px; text-align:center; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; background: transparent; border: 0px; margin: 0; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active { border:1px solid #e1e1e1; color: #333; position:relative; z-index:1; overflow:visible; border-bottom: 0px; border-bottom:2px solid; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before { border: none; width: 0; height: 0; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before { box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; -ms-box-shadow:none; } .woocommerce-tabs .panel h2 { font-size: 19px; margin: 0 0 10px; } .woocommerce #reviews h3, .woocommerce-page #reviews h3 { font-size: 19px; margin-bottom: 15px; } .woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce-page #reviews #comments ol.commentlist li .comment-text { border: none; background:#f7f7f7; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; } .woocommerce #reviews #comments ol.commentlist li img.avatar, .woocommerce-page #reviews #comments ol.commentlist li img.avatar{ padding:0; border:none; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong, .woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta strong{ text-transform: capitalize; } .woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button { color: #fff; text-align: center; line-height: 23px; padding: 8px 30px; font-size: 13px; -webkit-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -ms-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -o-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); font-weight: normal; height: auto; } .woocommerce #review_form #respond .form-submit input:hover, .woocommerce #review_form #respond .form-submit input:active, .woocommerce #review_form #respond .form-submit input:focus, .woocommerce-page #review_form #respond .form-submit input:hover, .woocommerce-page #review_form #respond .form-submit input:active, .woocommerce-page #review_form #respond .form-submit input:focus { color: #fff; } .related.products h2 { font-size: 19px; } /* ONSALE BUTTON */ .woocommerce span.onsale, .woocommerce-page span.onsale, .woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale,.three-col-left.woocommerce ul.products.products-2 span.onsale, .three-col-left.woocommerce-page ul.products.products-2 span.onsale, .three-col-middle.woocommerce ul.products.products-2 span.onsale, .three-col-middle.woocommerce-page ul.products.products-2 span.onsale, .three-col-right.woocommerce ul.products.products-2 span.onsale, .three-col-right.woocommerce-page ul.products.products-2 span.onsale { -webkit-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; line-height: 24px; margin: 0; padding: 0; right: 15px; top: 15px; bottom: auto; width: 60px; min-height: 24px; font-size: 10px; text-transform: uppercase; z-index:1; } .woocommerce-page.single-product span.onsale, .woocommerce-page.single-product span.onsale, .woocommerce-page.single-product ul.products li.product .onsale, .woocommerce-page.single-product ul.products li.product .onsale{ left: auto; right: 15px; top: 30px; } .woocommerce span.onsale, .woocommerce-page span.onsale, .woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale { background:#90c963; } .woocommerce span.onsale:after, .woocommerce-page span.onsale:after, .woocommerce ul.products li.product .onsale:after, .woocommerce-page ul.products li.product .onsale:after { border-top-color: #90C963; } /* WOOCOMMERCE MESSAGE BOXES */ .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-error, .woocommerce-page .woocommerce-info, .woocommerce-page .woocommerce-message { background: #f7f7f7; line-height: 40px; } .woocommerce #content div.product p.stock, .woocommerce div.product p.stock, .woocommerce-page #content div.product p.stock, .woocommerce-page div.product p.stock { font-weight: 700; font-size: 13px; margin: 2px 0 10px; clear: both; } .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-error:before, .woocommerce-page .woocommerce-info:before, .woocommerce-page .woocommerce-message:before { height: auto; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button { position: relative; padding: 9px 35px 9px 15px; } .woocommerce .woocommerce-message .button:after, .woocommerce .woocommerce-error .button:after, .woocommerce .woocommerce-info .button:after { content: "\f141"; font-family: "Flaticon"; position: absolute; right: 14px; } /* WOOCOMMERCE STAR RATING */ .woocommerce .products .product-info .star-rating, .woocommerce-page .products .product-info .star-rating { clear: both; height: 25px; line-height: 29px; margin: 0; } .footer-widgets .widget div.star-rating { line-height: initial; font-family: star; height:11px; font-size:10px; } .woocommerce .star-rating:before, .woocommerce-page .star-rating:before { content: "\53\53\53\53\53"; color: #CDCBCC; } .woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before { color: #ffc600; } .two-col-right .products .product-info .star-rating, .two-col-left .products .product-info .star-rating, .three-col-right .products .product-info .star-rating, .three-col-middle .products .product-info .star-rating, .three-col-left .products .product-info .star-rating { float: none; } .comment-form-rating .stars a:hover, .comment-form-rating .stars a:active, .comment-form-rating .stars a:focus { color:#ffc600; } /* WOOCOMMERCE CART */ .woocommerce table.shop_table { margin-bottom:0; } .woocommerce table.shop_table, .woocommerce-page table.shop_table, .woocommerce table.shop_table td, .woocommerce-page table.shop_table td { border-color: #e1e1e1; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; } .woocommerce table.shop_table thead, .woocommerce-page table.shop_table thead { background-color: #f7f7f7; height: 50px; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th { color:#333; } .woocommerce table.shop_table td.product-thumbnail { width: 95px; } .woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img { width: 90px; border: 1px solid #e3e3e3; } .shop_table.cart td.product-name > a { color: #333; } .shop_table.cart td.product-price .amount, .shop_table.cart td.product-subtotal .amount { font-size: 17px; font-weight: 600; } .woocommerce #content table.cart a.remove, .woocommerce table.cart a.remove, .woocommerce-page #content table.cart a.remove, .woocommerce-page table.cart a.remove { line-height: 30px; width: 26px; height: 26px; color: #fff; float: right; } .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text { width: 30%; border-color:transparent; } .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon { width:50%; } .woocommerce #content table.cart td.actions .coupon .button, .woocommerce table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .coupon .button { float:left; } .woocommerce-cart table.cart td.actions .coupon .input-text { margin: 0 15px 0 0; } .woocommerce table.shop_table td{ padding: 12px; } .woocommerce-shipping-calculator .shipping-calculator-form { display: block !important; padding-top: 15px; } .woocommerce form .form-row, .woocommerce-page form .form-row { padding: 0; margin-bottom: 10px; } .woo-cart-collaterals-container,.woo-cart-totals-container { margin-top: 35px; } .shipping label { display:inline; } .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before { content:none; } /* WOOCOMMERCE CHECKOUT */ .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register, .woocommerce-page form.checkout_coupon, .woocommerce-page form.login, .woocommerce-page form.register { background: #fff; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; } .zozo-woocommerce-thank-you .order_info { margin-top: 20px; padding: 30px; border: 1px solid #e1e1e1; } .woocommerce #order_review table.shop_table thead, .woocommerce-page #order_review table.shop_table thead, .woocommerce #order_review .order-total { background-color: transparent; } .woocommerce-checkout-review-order table.shop_table td:last-child{ padding-right: 15px; } .woocommerce-checkout-review-order table.shop_table th, .woocommerce-checkout-review-order .woocommerce table.shop_table td{ padding-left:15px; } .woocommerce-checkout-review-order .shop_table.woocommerce-checkout-review-order-table .cart_item .product-name{ padding-left: 0; } .woocommerce #order_review .shop_table thead tr th, .woocommerce #order_review .shop_table .cart_item td { padding:15px; background:transparent; } #ship-to-different-address .checkbox { display: inline-block; font-size: 32px; font-weight: 500; } #ship-to-different-address { width: 100%; } #ship-to-different-address .input-checkbox { float: right; margin-top: 25px; } .woocommerce-checkout input, .woocommerce-checkout input.form-control, .woocommerce-checkout textarea, .woocommerce-checkout textarea.form-control, .woocommerce-cart input, .woocommerce-cart input.form-control, .woocommerce-cart textarea, .woocommerce-cart textarea.form-control { padding: 8px 10px; border: 1px solid transparent; background: transparent; } .woocommerce-cart .toggle-search-form input.form-control{ border:0; padding:0; } .select2-drop-active, .select2-container .select2-choice { border-color: transparent; padding: 5px 10px; box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 10px 0 rgba(0, 0, 0, 0.06); -webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 10px 0 rgba(0, 0, 0, 0.06); -moz-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 10px 0 rgba(0, 0, 0, 0.06); -ms-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 10px 0 rgba(0, 0, 0, 0.06); -o-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 10px 0 rgba(0, 0, 0, 0.06); } .payment_methods label{ font-weight: 600; font-size: 13px; } .woocommerce-checkout form .form-row label.inline { float: left; line-height: 40px; width: 100%; } .woocommerce-checkout .inline > input { float: left; margin-right: 5px; } .woocommerce #content .quantity, .woocommerce .quantity, .woocommerce-page #content .quantity, .woocommerce-page .quantity{ width:100%; } .woocommerce #order_review table.shop_table, .woocommerce-page #order_review table.shop_table { margin-right: 15px; width: 100%; } .order-total > th{ line-height: 26px; } .product-total, .woocommerce table.shop_table td:last-child { text-align: right; } .woocommerce #order_review table.shop_table tfoot td, .woocommerce #order_review table.shop_table tfoot th, .woocommerce-page #order_review table.shop_table tfoot td, .woocommerce-page #order_review table.shop_table tfoot th,.woocommerce #order_review table.shop_table th, .woocommerce-page #order_review table.shop_table th{ font-weight:300; background:transparent; font-size:16px; } .single-sidebar-container .woocommerce-checkout-payment{ width: 100%; float: left; margin: 30px 0 0; } .woocommerce #payment ul.payment_methods li input, .woocommerce-page #payment ul.payment_methods li input { display: inline-block; } .woocommerce-checkout #payment div.payment_box { padding: 10px 31px; } .payment_box p { color: #333; } .woocommerce #payment, .woocommerce-page #payment { background:none; } .payment_methods.methods { border:1px solid #e3e3e3; } .woocommerce #payment div.payment_box:after, .woocommerce-page #payment div.payment_box:after,.woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box { box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; -ms-box-shadow:none; background: #f7f7f7; border: none; margin: 0; } #add_payment_method #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { content:none; } .woocommerce #order_review .payment_methods.methods{ padding:0; } .woocommerce-checkout #payment .form-row.place-order { padding: 20px 0 0; } .checkout #payment { margin-bottom: 75px; } .woocommerce-checkout #payment ul.payment_methods{ border-color: #e1e1e1; } .woocommerce #order_review .payment_methods.methods > li { border-bottom:1px solid #e1e1e1; padding: 18px 20px; } .woocommerce #order_review .payment_methods.methods > li:last-child{ border-bottom: 0px; } .woocommerce #payment ul.payment_methods li img, .woocommerce-page #payment ul.payment_methods li img { margin-right: 5px; } .checkout_coupon .form-row-last { text-align: right; } .woocommerce-checkout #payment .payment_method_paypal .about_paypal{ padding-left: 15px; } /* WOOCOMMERCE ORDER RECIEVED */ .zozo-woocommerce-thank-you .order_info { margin: 20px 0 18px; padding: 20px 0px; border: 1px solid #e1e1e1; } .zozo-woocommerce-thank-you .thank-you-title,.zozo-woocommerce-thank-you h2,.woo-order-customer-info h2,.zozo-woocommerce-order-details h2 { font-size: 32px; line-height: 42px; } .zozo-woocommerce-thank-you .thank-you-title{ margin-bottom:0; } .zozo-woocommerce-thank-you h3.thank-you-text{ margin-top:5px; } .woocommerce .order_details li{ border-right:1px solid #e1e1e1; text-transform:capitalize; margin: 0px 20px; } .woocommerce .order_details li > strong{ font-size:16px; font-weight:300; } .woocommerce .order_details li.total, .woocommerce-page .order_details li.total{ border-right:none; } .woocommerce .order_details li.method, .woocommerce-page .order_details li.method{ margin-top: 18px; width: 100%; } .woocommerce table.shop_table.order_details, .woocommerce-page table.shop_table.order_details{ padding: 20px; } .woocommerce .zozo-woocommerce-order-details table.shop_table thead{ background:none; height:auto; } .woocommerce .zozo-woocommerce-order-details table.shop_table tfoot td, .woocommerce .zozo-woocommerce-order-details table.shop_table tfoot th, .woocommerce-page .zozo-woocommerce-order-details table.shop_table tfoot td, .woocommerce-page .zozo-woocommerce-order-details table.shop_table tfoot th,.woocommerce .zozo-woocommerce-order-details table.shop_table thead th { border:none; font-weight:300; font-size:16px; } #order_review_heading { margin-top: 40px; } .woo-cart-totals-container tr th{ padding-left: 0; font-size: 13px; line-height: 26px; } .woo-cart-totals-container tr td{ text-align: right; padding-right: 0; color: #7f7f7f; } /* WOOCOMMERCE PAGINATION */ .woocommerce #content nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul, .woocommerce-page #content nav.woocommerce-pagination ul, .woocommerce-page nav.woocommerce-pagination ul { border: none; } .woocommerce #content nav.woocommerce-pagination ul li, .woocommerce nav.woocommerce-pagination ul li, .woocommerce-page #content nav.woocommerce-pagination ul li, .woocommerce-page nav.woocommerce-pagination ul li { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); margin: 0 4px; border: none; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.page-numbers.current { padding: 0; color:#333; display:inline-block; line-height: 40px; width: 40px; position: relative; } .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.page-numbers.current { color: #fff; } .woocommerce nav.woocommerce-pagination ul li span.woo-page-prev, .woocommerce nav.woocommerce-pagination ul li span.woo-page-next { font-size:0; padding: 0; line-height: 0; } .woocommerce-page nav.woocommerce-pagination ul li a.prev:before,.woocommerce-page nav.woocommerce-pagination ul li a.next:before { content: "\f104"; font-family: FontAwesome; font-size: 18px; left: 0; right: 0; margin: 0 auto; position: absolute; } .woocommerce-page nav.woocommerce-pagination ul li a.next:before { content: "\f105"; } /* LATEST PRODUCT SLIDER */ .woo-latest-slider-item { background: #f7f7f7; margin-bottom:1px; border:1px solid #eee; } .zozo-woo-latest-slider .woo-latest-product-box{ position:relative; overflow:hidden; background:#fff; padding:15px; z-index:1; } .zozo-woo-latest-slider .woo-latest-product-box .product-buttons-overlay .product-buttons { left: 0; opacity: 1; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); visibility: visible; } .zozo-woo-latest-slider .woo-latest-product-content{ border-top:4px solid; padding: 15px; text-align: center; } .zozo-woo-latest-slider .woo-latest-product-content .latest-product-title{ margin: 5px 0; } .woo-latest-product-content ins, .woo-latest-product-content del{ margin: 0 5px; text-decoration: none; } .wcmp-product .wcmp-product-image .wcmp-add-to-cart a, .wcmp-product .wcmp-product-image .wcmp-quick-view a{ color: #333; } /* ================================================================ * WOOCOMMERCE WIDGETS * ================================================================ */ .woocommerce .widget_price_filter .ui-slider .ui-slider-handle:last-child, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle:last-child{ margin-left:-10px; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-slider-horizontal, .woocommerce-page .widget_price_filter .price_slider_wrapper .ui-slider-horizontal { background: #7c7c7c; position: relative; } .widget_price_filter .price_label { font-size: 14px; font-weight: 500; line-height: 34px; } .widget_price_filter .price_label > span { font-weight: 700; } .woocommerce .widget_price_filter .ui-slider-horizontal, .woocommerce-page .widget_price_filter .ui-slider-horizontal { height: 2px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle { border:0px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; box-shadow:0 3px 8px rgba(0, 0, 0, 0.08), 0 4px 5px rgba(0, 0, 0, 0.02), 0 12px 10px rgba(0, 0, 0, 0.04), 0 2px 5px rgba(0, 0, 0, 0.05); -webkit-box-shadow:0 3px 8px rgba(0, 0, 0, 0.08), 0 4px 5px rgba(0, 0, 0, 0.02), 0 12px 10px rgba(0, 0, 0, 0.04), 0 2px 5px rgba(0, 0, 0, 0.05); -moz-box-shadow:0 3px 8px rgba(0, 0, 0, 0.08), 0 4px 5px rgba(0, 0, 0, 0.02), 0 12px 10px rgba(0, 0, 0, 0.04), 0 2px 5px rgba(0, 0, 0, 0.05); -o-box-shadow:0 3px 8px rgba(0, 0, 0, 0.08), 0 4px 5px rgba(0, 0, 0, 0.02), 0 12px 10px rgba(0, 0, 0, 0.04), 0 2px 5px rgba(0, 0, 0, 0.05); width: 15px; height: 15px; top: -7px; background: #333; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle{ margin-left: 0; } .woocommerce .widget_price_filter .price_slider_amount, .woocommerce .widget_price_filter .ui-slider{ margin-top: 25px; } .woocommerce .widget_price_filter .ui-slider{ margin-left: 0; margin-right: 0; } .woocommerce .widget_price_filter .price_slider_amount .button:hover, .woocommerce-page .widget_price_filter .price_slider_amount .button:hover { color:#fff; } /* PRODUCT CATEGORIES */ .widget_product_categories .product-categories li .count{ background: none repeat scroll 0 0 #cccccc; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; font-weight: 400; height: 23px; position: absolute; top: 0; right: 0; line-height: 22px; text-align: center; width: 23px; color: #ffffff; margin-top: 1px; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li, .woocommerce-page ul.cart_list li, .woocommerce-page ul.product_list_widget li { padding: 0 0 15px; margin: 15px 0 0; min-height: 65px; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img, .woocommerce-page ul.product_list_widget li img { width: 60px; float: left; margin-right:10px; min-height:60px; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a, .woocommerce-page ul.cart_list li a, .woocommerce-page ul.product_list_widget li a { line-height: normal; display: block; } .woocommerce ul.product_list_widget li, .woocommerce-page ul.product_list_widget li{ border-bottom:1px solid #eee; position:relative; } .woocommerce ul.product_list_widget li:last-child, .woocommerce-page ul.product_list_widget li:last-child { border:none; } .widget_product_categories .product-categories li a { text-transform: capitalize; color:#7f7f7f; } .widget_product_categories .product-categories li{ margin-bottom:20px; position:relative; } /* CART WIDGET */ .woocommerce .widget_shopping_cart .total, .woocommerce-page .widget_shopping_cart .total, .woocommerce-page.widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { border: none; margin-top: 5px; } .woocommerce ul.product_list_widget li a{ color:#7f7f7f; font-weight: 500; position:relative; } .product_list_widget .amount{ font-weight:600; } .product_list_widget ins { text-decoration: none; } .product_list_widget del, .product_list_widget del > span.amount { color: #7f7f7f; opacity: .7; } .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li{ padding-left: 0; padding-right: 20px; } .woocommerce.widget_shopping_cart .cart_list li a.remove { left: auto; right: 0; background:#f7f7f7; line-height: 1; } .woocommerce.widget_shopping_cart .cart_list li a.remove:hover, .theme-skin-dark .woocommerce.widget_shopping_cart .cart_list li a.remove:hover { background:red; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{ margin-left: 0; } .sidebar .product-categories li a { color: #7f7f7f7; } /* WIDGET DARK */ .footer-skin-dark .woocommerce ul.product_list_widget li, .footer-skin-dark .woocommerce-page ul.product_list_widget li { border-color:#333; } /* WOO SLIDER (BETA) */ .wooproduct.slick-slide .woocommerce span.onsale::before, .wooproduct.slick-slide .woocommerce span.onsale::after { display: none; } .wpb_column .wpb_wrapper .wcmp-product .wcmp-product-desc { margin-bottom:0; padding:15px 0; } .wcmp-product.wcmp-style03 .wcmp-product-desc .wcmp-add-to-cart a.added_to_cart { border-radius: 4px; display: inline-block; font-size: 14px; padding: 9px 12px; margin:0; } .woocomposer_carousel .slick-slider { margin-bottom: 0; } .wpb_row .wpb_column .wpb_wrapper .woocomposer_carousel { margin-bottom: 0; } .woocomposer_carousel .slick-dots li button::before{ left: -4px; top: -4px; z-index: 1; } .wpb_row .wpb_column .wpb_wrapper .wcmp-product .wcmp-product-desc h2 { font-size: 18px; font-weight: 400; } /*********************** Responsive CSS ***********************/ /* ================================= Responsive CSS ================================= */ /* 980 - 1240 Styles */ @media only screen and (max-width: 1240px) and (min-width: 992px) { .content-col-small { width: 70%; } .pm-sidebar { width: 30%; } .sec-sidebar { width: 20%; } .owl-carousel.owl-theme .owl-controls .owl-buttons .owl-next, .owl-carousel.owl-theme .owl-controls .owl-buttons .owl-prev { margin: 0; } #content { padding-left: 0; padding-right: 0; } .latest-post-img { margin-right: 8px; width: 50px; height: 50px; } /* Fearured Post Slider */ .featured-carousel-4 .featured-caption .featured-caption-inner .featured-description, .featured-carousel-3 .featured-caption .featured-caption-inner .featured-description{ display: none; } } @media only screen and (max-width:1199px) and (min-width:992px) { /* Spacings */ .padding-md-none{padding:0!important}.padding-md-top-none{padding-top:0!important}.padding-md-bottom-none{padding-bottom:0!important}.padding-md-left-none{padding-left:0!important}.padding-md-right-none{padding-right:0!important}.padding-md-top-10{padding-top:10px}.padding-md-top-20{padding-top:20px}.padding-md-top-30{padding-top:30px}.padding-md-top-40{padding-top:40px}.padding-md-top-50{padding-top:50px}.padding-md-top-60{padding-top:60px}.padding-md-top-70{padding-top:70px}.padding-md-top-75{padding-top:75px}.padding-md-top-80{padding-top:80px}.padding-md-top-90{padding-top:90px}.padding-md-top-100{padding-top:100px}.padding-md-top-110{padding-top:110px}.padding-md-bottom-10{padding-bottom:10px}.padding-md-bottom-20{padding-bottom:20px}.padding-md-bottom-30{padding-bottom:30px}.padding-md-bottom-40{padding-bottom:40px}.padding-md-bottom-50{padding-bottom:50px}.padding-md-bottom-60{padding-bottom:60px}.padding-md-bottom-70{padding-bottom:70px}.padding-md-bottom-75{padding-bottom:75px}.padding-md-bottom-80{padding-bottom:80px}.padding-md-bottom-90{padding-bottom:90px}.padding-md-bottom-100{padding-bottom:100px}.padding-md-bottom-110{padding-bottom:110px}.padding-md-10{padding:10px}.padding-md-20{padding:20px}.padding-md-30{padding:30px}.padding-md-40{padding:40px}.padding-md-50{padding:50px}.padding-md-60{padding:60px}.padding-md-70{padding:70px}.padding-md-75{padding:75px}.padding-md-80{padding:80px}.padding-md-90{padding:90px}.padding-md-100{padding:100px}.padding-md-110{padding:110px}.padding-md-tb-10{padding-top:10px;padding-bottom:10px}.padding-md-tb-20{padding-top:20px;padding-bottom:20px}.padding-md-tb-30{padding-top:30px;padding-bottom:30px}.padding-md-tb-40{padding-top:40px;padding-bottom:40px}.padding-md-tb-50{padding-top:50px;padding-bottom:50px}.padding-md-tb-60{padding-top:60px;padding-bottom:60px}.padding-md-tb-70{padding-top:70px;padding-bottom:70px}.padding-md-tb-75{padding-top:75px;padding-bottom:75px}.padding-md-tb-80{padding-top:80px;padding-bottom:80px}.padding-md-tb-90{padding-top:90px;padding-bottom:90px}.padding-md-tb-100{padding-top:100px;padding-bottom:100px}.padding-md-tb-110{padding-top:110px;padding-bottom:110px}.padding-md-lr-10{padding-left:10px;padding-right:10px}.padding-md-lr-20{padding-left:20px;padding-right:20px}.padding-md-lr-30{padding-left:30px;padding-right:30px}.padding-md-lr-40{padding-left:40px;padding-right:40px}.padding-md-lr-50{padding-left:50px;padding-right:50px}.padding-md-lr-60{padding-left:60px;padding-right:60px}.padding-md-lr-70{padding-left:70px;padding-right:70px}.padding-md-lr-75{padding-left:75px;padding-right:75px}.padding-md-lr-80{padding-left:80px;padding-right:80px}.padding-md-lr-90{padding-left:90px;padding-right:90px}.padding-md-lr-100{padding-left:100px;padding-right:100px}.padding-md-lr-110{padding-left:110px;padding-right:110px}.margin-md-none{margin:0!important}.margin-md-top-none{margin-top:0!important}.margin-md-bottom-none{margin-bottom:0!important}.margin-md-left-none{margin-left:0!important}.margin-md-right-none{margin-right:0!important}.margin-md-top-10{margin-top:10px}.margin-md-top-20{margin-top:20px}.margin-md-top-30{margin-top:30px}.margin-md-top-40{margin-top:40px}.margin-md-top-50{margin-top:50px}.margin-md-top-60{margin-top:60px}.margin-md-top-70{margin-top:70px}.margin-md-top-75{margin-top:75px}.margin-md-top-80{margin-top:80px}.margin-md-top-90{margin-top:90px}.margin-md-top-100{margin-top:100px}.margin-md-top-110{margin-top:110px}.margin-md-bottom-10{margin-bottom:10px}.margin-md-bottom-20{margin-bottom:20px}.margin-md-bottom-30{margin-bottom:30px}.margin-md-bottom-40{margin-bottom:40px}.margin-md-bottom-50{margin-bottom:50px}.margin-md-bottom-60{margin-bottom:60px}.margin-md-bottom-70{margin-bottom:70px}.margin-md-bottom-75{margin-bottom:75px}.margin-md-bottom-80{margin-bottom:80px}.margin-md-bottom-90{margin-bottom:90px}.margin-md-bottom-100{margin-bottom:100px}.margin-md-bottom-110{margin-bottom:110px}.margin-md-10{margin:10px}.margin-md-20{margin:20px}.margin-md-30{margin:30px}.margin-md-40{margin:40px}.margin-md-50{margin:50px}.margin-md-60{margin:60px}.margin-md-70{margin:70px}.margin-md-75{margin:75px}.margin-md-80{margin:80px}.margin-md-90{margin:90px}.margin-md-100{margin:100px}.margin-md-110{margin:110px}.margin-md-tb-10{margin-top:10px;margin-bottom:10px}.margin-md-tb-20{margin-top:20px;margin-bottom:20px}.margin-md-tb-30{margin-top:30px;margin-bottom:30px}.margin-md-tb-40{margin-top:40px;margin-bottom:40px}.margin-md-tb-50{margin-top:50px;margin-bottom:50px}.margin-md-tb-60{margin-top:60px;margin-bottom:60px}.margin-md-tb-70{margin-top:70px;margin-bottom:70px}.margin-md-tb-75{margin-top:75px;margin-bottom:75px}.margin-md-tb-80{margin-top:80px;margin-bottom:80px}.margin-md-tb-90{margin-top:90px;margin-bottom:90px}.margin-md-tb-100{margin-top:100px;margin-bottom:100px}.margin-md-tb-110{margin-top:110px;margin-bottom:110px}.margin-md-lr-10{margin-left:10px;margin-right:10px}.margin-md-lr-20{margin-left:20px;margin-right:20px}.margin-md-lr-30{margin-left:30px;margin-right:30px}.margin-md-lr-40{margin-left:40px;margin-right:40px}.margin-md-lr-50{margin-left:50px;margin-right:50px}.margin-md-lr-60{margin-left:60px;margin-right:60px}.margin-md-lr-70{margin-left:70px;margin-right:70px}.margin-md-lr-75{margin-left:75px;margin-right:75px}.margin-md-lr-80{margin-left:80px;margin-right:80px}.margin-md-lr-90{margin-left:90px;margin-right:90px}.margin-md-lr-100{margin-left:100px;margin-right:100px}.margin-md-lr-110{margin-left:110px;margin-right:110px} } @media only screen and (max-width:1199px) { /* Spacings */ .padding-md-all-none{padding:0!important}.padding-md-all-top-none{padding-top:0!important}.padding-md-all-bottom-none{padding-bottom:0!important}.padding-md-all-left-none{padding-left:0!important}.padding-md-all-right-none{padding-right:0!important}.padding-md-all-top-10{padding-top:10px}.padding-md-all-top-20{padding-top:20px}.padding-md-all-top-30{padding-top:30px}.padding-md-all-top-40{padding-top:40px}.padding-md-all-top-50{padding-top:50px}.padding-md-all-top-60{padding-top:60px}.padding-md-all-top-70{padding-top:70px}.padding-md-all-top-75{padding-top:75px}.padding-md-all-top-80{padding-top:80px}.padding-md-all-top-90{padding-top:90px}.padding-md-all-top-100{padding-top:100px}.padding-md-all-top-110{padding-top:110px}.padding-md-all-bottom-10{padding-bottom:10px}.padding-md-all-bottom-20{padding-bottom:20px}.padding-md-all-bottom-30{padding-bottom:30px}.padding-md-all-bottom-40{padding-bottom:40px}.padding-md-all-bottom-50{padding-bottom:50px}.padding-md-all-bottom-60{padding-bottom:60px}.padding-md-all-bottom-70{padding-bottom:70px}.padding-md-all-bottom-75{padding-bottom:75px}.padding-md-all-bottom-80{padding-bottom:80px}.padding-md-all-bottom-90{padding-bottom:90px}.padding-md-all-bottom-100{padding-bottom:100px}.padding-md-all-bottom-110{padding-bottom:110px}.padding-md-all-10{padding:10px}.padding-md-all-20{padding:20px}.padding-md-all-30{padding:30px}.padding-md-all-40{padding:40px}.padding-md-all-50{padding:50px}.padding-md-all-60{padding:60px}.padding-md-all-70{padding:70px}.padding-md-all-75{padding:75px}.padding-md-all-80{padding:80px}.padding-md-all-90{padding:90px}.padding-md-all-100{padding:100px}.padding-md-all-110{padding:110px}.padding-md-all-tb-10{padding-top:10px;padding-bottom:10px}.padding-md-all-tb-20{padding-top:20px;padding-bottom:20px}.padding-md-all-tb-30{padding-top:30px;padding-bottom:30px}.padding-md-all-tb-40{padding-top:40px;padding-bottom:40px}.padding-md-all-tb-50{padding-top:50px;padding-bottom:50px}.padding-md-all-tb-60{padding-top:60px;padding-bottom:60px}.padding-md-all-tb-70{padding-top:70px;padding-bottom:70px}.padding-md-all-tb-75{padding-top:75px;padding-bottom:75px}.padding-md-all-tb-80{padding-top:80px;padding-bottom:80px}.padding-md-all-tb-90{padding-top:90px;padding-bottom:90px}.padding-md-all-tb-100{padding-top:100px;padding-bottom:100px}.padding-md-all-tb-110{padding-top:110px;padding-bottom:110px}.padding-md-all-lr-10{padding-left:10px;padding-right:10px}.padding-md-all-lr-20{padding-left:20px;padding-right:20px}.padding-md-all-lr-30{padding-left:30px;padding-right:30px}.padding-md-all-lr-40{padding-left:40px;padding-right:40px}.padding-md-all-lr-50{padding-left:50px;padding-right:50px}.padding-md-all-lr-60{padding-left:60px;padding-right:60px}.padding-md-all-lr-70{padding-left:70px;padding-right:70px}.padding-md-all-lr-75{padding-left:75px;padding-right:75px}.padding-md-all-lr-80{padding-left:80px;padding-right:80px}.padding-md-all-lr-90{padding-left:90px;padding-right:90px}.padding-md-all-lr-100{padding-left:100px;padding-right:100px}.padding-md-all-lr-110{padding-left:110px;padding-right:110px}.margin-md-all-none{margin:0!important}.margin-md-all-top-none{margin-top:0!important}.margin-md-all-bottom-none{margin-bottom:0!important}.margin-md-all-left-none{margin-left:0!important}.margin-md-all-right-none{margin-right:0!important}.margin-md-all-top-10{margin-top:10px}.margin-md-all-top-20{margin-top:20px}.margin-md-all-top-30{margin-top:30px}.margin-md-all-top-40{margin-top:40px}.margin-md-all-top-50{margin-top:50px}.margin-md-all-top-60{margin-top:60px}.margin-md-all-top-70{margin-top:70px}.margin-md-all-top-75{margin-top:75px}.margin-md-all-top-80{margin-top:80px}.margin-md-all-top-90{margin-top:90px}.margin-md-all-top-100{margin-top:100px}.margin-md-all-top-110{margin-top:110px}.margin-md-all-bottom-10{margin-bottom:10px}.margin-md-all-bottom-20{margin-bottom:20px}.margin-md-all-bottom-30{margin-bottom:30px}.margin-md-all-bottom-40{margin-bottom:40px}.margin-md-all-bottom-50{margin-bottom:50px}.margin-md-all-bottom-60{margin-bottom:60px}.margin-md-all-bottom-70{margin-bottom:70px}.margin-md-all-bottom-75{margin-bottom:75px}.margin-md-all-bottom-80{margin-bottom:80px}.margin-md-all-bottom-90{margin-bottom:90px}.margin-md-all-bottom-100{margin-bottom:100px}.margin-md-all-bottom-110{margin-bottom:110px}.margin-md-all-10{margin:10px}.margin-md-all-20{margin:20px}.margin-md-all-30{margin:30px}.margin-md-all-40{margin:40px}.margin-md-all-50{margin:50px}.margin-md-all-60{margin:60px}.margin-md-all-70{margin:70px}.margin-md-all-75{margin:75px}.margin-md-all-80{margin:80px}.margin-md-all-90{margin:90px}.margin-md-all-100{margin:100px}.margin-md-all-110{margin:110px}.margin-md-all-tb-10{margin-top:10px;margin-bottom:10px}.margin-md-all-tb-20{margin-top:20px;margin-bottom:20px}.margin-md-all-tb-30{margin-top:30px;margin-bottom:30px}.margin-md-all-tb-40{margin-top:40px;margin-bottom:40px}.margin-md-all-tb-50{margin-top:50px;margin-bottom:50px}.margin-md-all-tb-60{margin-top:60px;margin-bottom:60px}.margin-md-all-tb-70{margin-top:70px;margin-bottom:70px}.margin-md-all-tb-75{margin-top:75px;margin-bottom:75px}.margin-md-all-tb-80{margin-top:80px;margin-bottom:80px}.margin-md-all-tb-90{margin-top:90px;margin-bottom:90px}.margin-md-all-tb-100{margin-top:100px;margin-bottom:100px}.margin-md-all-tb-110{margin-top:110px;margin-bottom:110px}.margin-md-all-lr-10{margin-left:10px;margin-right:10px}.margin-md-all-lr-20{margin-left:20px;margin-right:20px}.margin-md-all-lr-30{margin-left:30px;margin-right:30px}.margin-md-all-lr-40{margin-left:40px;margin-right:40px}.margin-md-all-lr-50{margin-left:50px;margin-right:50px}.margin-md-all-lr-60{margin-left:60px;margin-right:60px}.margin-md-all-lr-70{margin-left:70px;margin-right:70px}.margin-md-all-lr-75{margin-left:75px;margin-right:75px}.margin-md-all-lr-80{margin-left:80px;margin-right:80px}.margin-md-all-lr-90{margin-left:90px;margin-right:90px}.margin-md-all-lr-100{margin-left:100px;margin-right:100px}.margin-md-all-lr-110{margin-left:110px;margin-right:110px} /* Wp Locator */ .wpsl-search .wpsl-dropdown{ min-width: auto; } } /* ---------- MAX 1024px ---------- */ @media only screen and (max-width:1024px) and (min-width:992px) { /* ------- Button Styles ------- */ .btn.btn-wide { width: auto; } .submit .btn.btn-wide { width: 100%; } /* ------- Woocommerce ------- */ .product-details-wrapper, .product-buttons-wrapper { padding-left: 10px; padding-right: 10px; } .product-meta-info-wrapper { text-align: center; } .product-meta-info-wrapper .product-meta-item i { float: none; display: block; margin: 0 0 8px; } } /* 1024 - Styles */ @media only screen and (max-width: 1024px) { /* Mobile Header */ .mhv-tablet-land .header-section { display: none; } .mhv-tablet-land .mobile-header-section { display: block; } .widget-entry-content { width: 100%; float: none; } .zozo-main-nav.navbar-nav li .dropdown-menu .sub-menu { right: 100%; left: auto; } .mhv-tablet-land #zozo_wrapper { margin: 0; } .trans-h-semi-transparent.mhv-tablet-land .page-title-section .page-title-captions, .trans-h-transparent.mhv-tablet-land .page-title-section .page-title-captions{ margin:0 auto; } /* Fearured Post Slider */ .featured-carousel-4 .featured-caption .featured-caption-inner .featured-description, .featured-carousel-3 .featured-caption .featured-caption-inner .featured-description{ display: none; } /* Sliding bar */ .no-mobile-slidingbar .sliding-bar-section { display: none; overflow: hidden; } /* EDD */ .style-list .edd_download_image { width: 100%; margin: 0 auto; float: none; } .style-list .edd_download_columns_1 .edd_download_inner .edd_download_title { margin-top: 10px; } /*woo commerce */ .slick-slider button.slick-next { right: -15px; } .slick-slider button.slick-prev { left: -15px; } /* Portfolio */ .portfolio-tabs { margin: 0 -10px 20px; } .portfolio-tabs.icon_type::after{ content: none; display: none; } .style-list_style{ padding: 20px 0; } .portfolio-list-left { margin-bottom: 20px; } } /* Min &992 - Styles */ @media only screen and (min-width: 992px){ /*Header 7 (Header Centeres logo)*/ /*Team Section*/ .team-clearfix { margin-bottom: 30px; } } /* Min &768 - Styles */ @media only screen and (min-width: 768px) { /*Header 10 (Vertical Header)*/ /* WooCommerce */ .three-col-right.woocommerce.woocommerce-page ul.products.products-2 .product-buttons a, .three-col-middle.woocommerce.woocommerce-page ul.products.products-2 .product-buttons a, .three-col-left.woocommerce.woocommerce-page ul.products.products-2 .product-buttons a { height: 50px; width: 50px; } .three-col-right.woocommerce.woocommerce-page ul.products .product-buttons a, .three-col-middle.woocommerce.woocommerce-page ul.products .product-buttons a, .three-col-left.woocommerce.woocommerce-page ul.products .product-buttons a { height: 30px; width: 30px; } .three-col-left.woocommerce ul.products.products-2 .product-buttons a:after, .three-col-middle.woocommerce ul.products.products-2 .product-buttons a:after, .three-col-right.woocommerce ul.products.products-2 .product-buttons a:after{ font-size: 21px; line-height: 50px; } .three-col-left.woocommerce ul.products .product-buttons a:after, .three-col-middle.woocommerce ul.products .product-buttons a:after, .three-col-right.woocommerce ul.products .product-buttons a:after { font-size: 14px; line-height: 30px; } .three-col-left.woocommerce ul.products.products-2 li.product h3.product-title a, .three-col-middle.woocommerce ul.products.products-2 li.product h3.product-title a, .three-col-right.woocommerce ul.products.products-2 li.product h3.product-title a{ font-size: 18px; } .three-col-left.woocommerce ul.products li.product h3.product-title a, .three-col-middle.woocommerce ul.products li.product h3.product-title a, .three-col-right.woocommerce ul.products li.product h3.product-title a{ font-size: 14px; } .three-col-left.woocommerce ul.products span.onsale, .three-col-left.woocommerce-page ul.products span.onsale, .three-col-middle.woocommerce ul.products span.onsale, .three-col-middle.woocommerce-page ul.products span.onsale, .three-col-right.woocommerce ul.products span.onsale, .three-col-right.woocommerce-page ul.products span.onsale { width: 40px; min-height: 18px; line-height: 17px; top: 5px; right: 5px; } .three-col-left.woocommerce ul.products span.onsale:before, .three-col-left.woocommerce-page ul.products span.onsale:before, .three-col-middle.woocommerce ul.products span.onsale:before, .three-col-middle.woocommerce-page ul.products span.onsale:before, .three-col-right.woocommerce ul.products span.onsale:before, .three-col-right.woocommerce-page ul.products span.onsale:before { border-width: 9px 17px 9px 0; } .three-col-left.woocommerce ul.products span.onsale:after, .three-col-left.woocommerce-page ul.products span.onsale:after, .three-col-middle.woocommerce ul.products span.onsale:after, .three-col-middle.woocommerce-page ul.products span.onsale:after, .three-col-right.woocommerce ul.products span.onsale:after, .three-col-right.woocommerce-page ul.products span.onsale:after { height: 5px; width: 5px; top: 6px; } /* Isotope Portfolio Filters */ .zozo-isotope-filters .zozo-smartmenu li .smart-sub-menu.portfolio-sub-filter { display: block !important; } } /* ---------- MAX 1024px ---------- */ @media only screen and (max-width:1024px) and (min-width:768px) { /* Blog grid */ .grid-layout.grid-col-2 .grid-posts, .grid-layout.grid-col-3 .grid-posts, .grid-layout.grid-col-4 .grid-posts{ width: 49%; width: calc( 50% - 15px ); width: -webkit-calc( 50% - 15px ); width: -moz-calc( 50% - 15px ); width: -ms-calc( 50% - 15px ); width: -o-calc( 50% - 15px ); } .three-col-middle .grid-layout.grid-col-2 .grid-posts, .three-col-right .grid-layout.grid-col-2 .grid-posts, .three-col-left .grid-layout.grid-col-2 .grid-posts, .three-col-middle .grid-layout.grid-col-3 .grid-posts, .three-col-right .grid-layout.grid-col-3 .grid-posts, .three-col-left .grid-layout.grid-col-3 .grid-posts, .three-col-middle .grid-layout.grid-col-4 .grid-posts, .three-col-right .grid-layout.grid-col-4 .grid-posts, .three-col-left .grid-layout.grid-col-4 .grid-posts{ width: 100%; } } /* ---------- MAX 979px to 768px ---------- */ @media only screen and (max-width:991px) and (min-width:768px) { /* HEADER CENTER */ .header-section .header-main-section { height:auto!important; } .navbar-header, .navbar-header.zozo-logo a.navbar-brand { float:none!important; text-align:center; } .zozo-header-main-bar .navbar-nav.navbar-right, .zozo-header-main-bar .navbar-nav.navbar-right > li, .zozo-header-main-bar .navbar-nav.navbar-left, .zozo-header-main-bar .navbar-nav.navbar-left > li, .header-section.type-header-3 .is-sticky .header-main-section .navbar-header, .header-section.type-header-3 .is-sticky .header-main-section .navbar-header .navbar-brand, .header-section.type-header-3 .is-sticky .header-main-section .zozo-header-main-bar .zozo-main-bar, .header-section.type-header-3 .is-sticky .header-main-section .zozo-header-main-bar .zozo-main-bar > li, .zozo-header-logo-bar .navbar-nav.navbar-right, .zozo-header-logo-bar .navbar-nav.navbar-right > li, .zozo-header-logo-bar .navbar-nav.navbar-right .logo-bar-item { float: none !important; text-align: center; } .type-header-9 .navbar-header, .type-header-9 .navbar-header.zozo-logo a.navbar-brand { float:left!important; text-align:unset; } .type-header-9 .zozo-header-main-bar .navbar-nav.navbar-right, .type-header-9 .zozo-header-main-bar .navbar-nav.navbar-right > li { float:right!important; } .type-header-7 .zozo-main-nav, .type-header-8 .zozo-main-nav { text-align:center; width:100%; } .type-header-7 .zozo-main-nav > li, .type-header-8 .zozo-main-nav > li { float:none; display:inline-block; } .type-header-7 .navbar-right.zozo-main-bar > li, .type-header-8 .navbar-right.zozo-main-bar > li { display: inline-block; float: none !important; text-align: center; vertical-align:middle; } .header-section.type-header-7 .navbar-header, .header-section.type-header-8 .navbar-header { position:static; } /* Bottom Spacing */ .wpb_row .wpb_column.vc_col-sm-6, .wpb_row .wpb_column.vc_col-sm-12 { margin-bottom: 30px; } .wpb_row .wpb_column.vc_col-sm-6:nth-last-child(1), .wpb_row .wpb_column.vc_col-sm-6:nth-last-child(2), .wpb_row .wpb_column.vc_col-sm-4 { margin-bottom: 0; } .wpb_row .wpb_column.vc_col-sm-12:last-child { margin-bottom: 0; } /* Spacings */ .padding-sm-none{padding:0!important}.padding-sm-top-none{padding-top:0!important}.padding-sm-bottom-none{padding-bottom:0!important}.padding-sm-left-none{padding-left:0!important}.padding-sm-right-none{padding-right:0!important}.padding-sm-top-10{padding-top:10px}.padding-sm-top-20{padding-top:20px}.padding-sm-top-30{padding-top:30px}.padding-sm-top-40{padding-top:40px}.padding-sm-top-50{padding-top:50px}.padding-sm-top-60{padding-top:60px}.padding-sm-top-70{padding-top:70px}.padding-sm-top-75{padding-top:75px}.padding-sm-top-80{padding-top:80px}.padding-sm-top-90{padding-top:90px}.padding-sm-top-100{padding-top:100px}.padding-sm-top-110{padding-top:110px}.padding-sm-bottom-10{padding-bottom:10px}.padding-sm-bottom-20{padding-bottom:20px}.padding-sm-bottom-30{padding-bottom:30px}.padding-sm-bottom-40{padding-bottom:40px}.padding-sm-bottom-50{padding-bottom:50px}.padding-sm-bottom-60{padding-bottom:60px}.padding-sm-bottom-70{padding-bottom:70px}.padding-sm-bottom-75{padding-bottom:75px}.padding-sm-bottom-80{padding-bottom:80px}.padding-sm-bottom-90{padding-bottom:90px}.padding-sm-bottom-100{padding-bottom:100px}.padding-sm-bottom-110{padding-bottom:110px}.padding-sm-10{padding:10px}.padding-sm-20{padding:20px}.padding-sm-30{padding:30px}.padding-sm-40{padding:40px}.padding-sm-50{padding:50px}.padding-sm-60{padding:60px}.padding-sm-70{padding:70px}.padding-sm-75{padding:75px}.padding-sm-80{padding:80px}.padding-sm-90{padding:90px}.padding-sm-100{padding:100px}.padding-sm-110{padding:110px}.padding-sm-tb-10{padding-top:10px;padding-bottom:10px}.padding-sm-tb-20{padding-top:20px;padding-bottom:20px}.padding-sm-tb-30{padding-top:30px;padding-bottom:30px}.padding-sm-tb-40{padding-top:40px;padding-bottom:40px}.padding-sm-tb-50{padding-top:50px;padding-bottom:50px}.padding-sm-tb-60{padding-top:60px;padding-bottom:60px}.padding-sm-tb-70{padding-top:70px;padding-bottom:70px}.padding-sm-tb-75{padding-top:75px;padding-bottom:75px}.padding-sm-tb-80{padding-top:80px;padding-bottom:80px}.padding-sm-tb-90{padding-top:90px;padding-bottom:90px}.padding-sm-tb-100{padding-top:100px;padding-bottom:100px}.padding-sm-tb-110{padding-top:110px;padding-bottom:110px}.padding-sm-lr-10{padding-left:10px;padding-right:10px}.padding-sm-lr-20{padding-left:20px;padding-right:20px}.padding-sm-lr-30{padding-left:30px;padding-right:30px}.padding-sm-lr-40{padding-left:40px;padding-right:40px}.padding-sm-lr-50{padding-left:50px;padding-right:50px}.padding-sm-lr-60{padding-left:60px;padding-right:60px}.padding-sm-lr-70{padding-left:70px;padding-right:70px}.padding-sm-lr-75{padding-left:75px;padding-right:75px}.padding-sm-lr-80{padding-left:80px;padding-right:80px}.padding-sm-lr-90{padding-left:90px;padding-right:90px}.padding-sm-lr-100{padding-left:100px;padding-right:100px}.padding-sm-lr-110{padding-left:110px;padding-right:110px}.margin-sm-none{margin:0!important}.margin-sm-top-none{margin-top:0!important}.margin-sm-bottom-none{margin-bottom:0!important}.margin-sm-left-none{margin-left:0!important}.margin-sm-right-none{margin-right:0!important}.margin-sm-top-10{margin-top:10px}.margin-sm-top-20{margin-top:20px}.margin-sm-top-30{margin-top:30px}.margin-sm-top-40{margin-top:40px}.margin-sm-top-50{margin-top:50px}.margin-sm-top-60{margin-top:60px}.margin-sm-top-70{margin-top:70px}.margin-sm-top-75{margin-top:75px}.margin-sm-top-80{margin-top:80px}.margin-sm-top-90{margin-top:90px}.margin-sm-top-100{margin-top:100px}.margin-sm-top-110{margin-top:110px}.margin-sm-bottom-10{margin-bottom:10px}.margin-sm-bottom-20{margin-bottom:20px}.margin-sm-bottom-30{margin-bottom:30px}.margin-sm-bottom-40{margin-bottom:40px}.margin-sm-bottom-50{margin-bottom:50px}.margin-sm-bottom-60{margin-bottom:60px}.margin-sm-bottom-70{margin-bottom:70px}.margin-sm-bottom-75{margin-bottom:75px}.margin-sm-bottom-80{margin-bottom:80px}.margin-sm-bottom-90{margin-bottom:90px}.margin-sm-bottom-100{margin-bottom:100px}.margin-sm-bottom-110{margin-bottom:110px}.margin-sm-10{margin:10px}.margin-sm-20{margin:20px}.margin-sm-30{margin:30px}.margin-sm-40{margin:40px}.margin-sm-50{margin:50px}.margin-sm-60{margin:60px}.margin-sm-70{margin:70px}.margin-sm-75{margin:75px}.margin-sm-80{margin:80px}.margin-sm-90{margin:90px}.margin-sm-100{margin:100px}.margin-sm-110{margin:110px}.margin-sm-tb-10{margin-top:10px;margin-bottom:10px}.margin-sm-tb-20{margin-top:20px;margin-bottom:20px}.margin-sm-tb-30{margin-top:30px;margin-bottom:30px}.margin-sm-tb-40{margin-top:40px;margin-bottom:40px}.margin-sm-tb-50{margin-top:50px;margin-bottom:50px}.margin-sm-tb-60{margin-top:60px;margin-bottom:60px}.margin-sm-tb-70{margin-top:70px;margin-bottom:70px}.margin-sm-tb-75{margin-top:75px;margin-bottom:75px}.margin-sm-tb-80{margin-top:80px;margin-bottom:80px}.margin-sm-tb-90{margin-top:90px;margin-bottom:90px}.margin-sm-tb-100{margin-top:100px;margin-bottom:100px}.margin-sm-tb-110{margin-top:110px;margin-bottom:110px}.margin-sm-lr-10{margin-left:10px;margin-right:10px}.margin-sm-lr-20{margin-left:20px;margin-right:20px}.margin-sm-lr-30{margin-left:30px;margin-right:30px}.margin-sm-lr-40{margin-left:40px;margin-right:40px}.margin-sm-lr-50{margin-left:50px;margin-right:50px}.margin-sm-lr-60{margin-left:60px;margin-right:60px}.margin-sm-lr-70{margin-left:70px;margin-right:70px}.margin-sm-lr-75{margin-left:75px;margin-right:75px}.margin-sm-lr-80{margin-left:80px;margin-right:80px}.margin-sm-lr-90{margin-left:90px;margin-right:90px}.margin-sm-lr-100{margin-left:100px;margin-right:100px}.margin-sm-lr-110{margin-left:110px;margin-right:110px} .zozo-portfolio.masonry-style.portfolio-cols-4 .zozo-portfolio-ratings { height: auto; } .zozo-portfolio.masonry-style.portfolio-cols-4 .portfolio-caption .zozo-social-share-box li a { font-size: 16px; } /* Tab Widget */ .zozo-tabs-widget .nav-tabs li h6 a { padding: 4px 6px; } .zozo-tabs-widget .tab-content > .tab-pane { padding: 10px; } /* Client grid */ .client-item.col-sm-4:last-child { margin-bottom:0; } .client-item.col-sm-4, .client-item.col-sm-6 { margin-bottom:30px; } .client-item.col-sm-4:nth-last-child(1), .client-item.col-sm-4:nth-last-child(2), .client-item.col-sm-4:nth-last-child(3) { margin-bottom: 0; } .client-item.col-sm-6:nth-last-child(1), .client-item.col-sm-6:nth-last-child(2){ margin-bottom:0 } /* Epl Grid Listing */ .epl-listing-grid-view.epl-property-blog .property-icon-item{ margin-bottom: 10px; } } /* 991 - Styles */ @media only screen and (max-width:991px) { /* Spacings */ .padding-xs-none{padding:0!important}.padding-xs-top-none{padding-top:0!important}.padding-xs-bottom-none{padding-bottom:0!important}.padding-xs-left-none{padding-left:0!important}.padding-xs-right-none{padding-right:0!important}.padding-xs-top-10{padding-top:10px}.padding-xs-top-20{padding-top:20px}.padding-xs-top-30{padding-top:30px}.padding-xs-top-40{padding-top:40px}.padding-xs-top-50{padding-top:50px}.padding-xs-top-60{padding-top:60px}.padding-xs-top-70{padding-top:70px}.padding-xs-top-75{padding-top:75px}.padding-xs-top-80{padding-top:80px}.padding-xs-top-90{padding-top:90px}.padding-xs-top-100{padding-top:100px}.padding-xs-top-110{padding-top:110px}.padding-xs-bottom-10{padding-bottom:10px}.padding-xs-bottom-20{padding-bottom:20px}.padding-xs-bottom-30{padding-bottom:30px}.padding-xs-bottom-40{padding-bottom:40px}.padding-xs-bottom-50{padding-bottom:50px}.padding-xs-bottom-60{padding-bottom:60px}.padding-xs-bottom-70{padding-bottom:70px}.padding-xs-bottom-75{padding-bottom:75px}.padding-xs-bottom-80{padding-bottom:80px}.padding-xs-bottom-90{padding-bottom:90px}.padding-xs-bottom-100{padding-bottom:100px}.padding-xs-bottom-110{padding-bottom:110px}.padding-xs-10{padding:10px}.padding-xs-20{padding:20px}.padding-xs-30{padding:30px}.padding-xs-40{padding:40px}.padding-xs-50{padding:50px}.padding-xs-60{padding:60px}.padding-xs-70{padding:70px}.padding-xs-75{padding:75px}.padding-xs-80{padding:80px}.padding-xs-90{padding:90px}.padding-xs-100{padding:100px}.padding-xs-110{padding:110px}.padding-xs-tb-10{padding-top:10px;padding-bottom:10px}.padding-xs-tb-20{padding-top:20px;padding-bottom:20px}.padding-xs-tb-30{padding-top:30px;padding-bottom:30px}.padding-xs-tb-40{padding-top:40px;padding-bottom:40px}.padding-xs-tb-50{padding-top:50px;padding-bottom:50px}.padding-xs-tb-60{padding-top:60px;padding-bottom:60px}.padding-xs-tb-70{padding-top:70px;padding-bottom:70px}.padding-xs-tb-75{padding-top:75px;padding-bottom:75px}.padding-xs-tb-80{padding-top:80px;padding-bottom:80px}.padding-xs-tb-90{padding-top:90px;padding-bottom:90px}.padding-xs-tb-100{padding-top:100px;padding-bottom:100px}.padding-xs-tb-110{padding-top:110px;padding-bottom:110px}.padding-xs-lr-10{padding-left:10px;padding-right:10px}.padding-xs-lr-20{padding-left:20px;padding-right:20px}.padding-xs-lr-30{padding-left:30px;padding-right:30px}.padding-xs-lr-40{padding-left:40px;padding-right:40px}.padding-xs-lr-50{padding-left:50px;padding-right:50px}.padding-xs-lr-60{padding-left:60px;padding-right:60px}.padding-xs-lr-70{padding-left:70px;padding-right:70px}.padding-xs-lr-75{padding-left:75px;padding-right:75px}.padding-xs-lr-80{padding-left:80px;padding-right:80px}.padding-xs-lr-90{padding-left:90px;padding-right:90px}.padding-xs-lr-100{padding-left:100px;padding-right:100px}.padding-xs-lr-110{padding-left:110px;padding-right:110px}.margin-xs-none{margin:0!important}.margin-xs-top-none{margin-top:0!important}.margin-xs-bottom-none{margin-bottom:0!important}.margin-xs-left-none{margin-left:0!important}.margin-xs-right-none{margin-right:0!important}.margin-xs-top-10{margin-top:10px}.margin-xs-top-20{margin-top:20px}.margin-xs-top-30{margin-top:30px}.margin-xs-top-40{margin-top:40px}.margin-xs-top-50{margin-top:50px}.margin-xs-top-60{margin-top:60px}.margin-xs-top-70{margin-top:70px}.margin-xs-top-75{margin-top:75px}.margin-xs-top-80{margin-top:80px}.margin-xs-top-90{margin-top:90px}.margin-xs-top-100{margin-top:100px}.margin-xs-top-110{margin-top:110px}.margin-xs-bottom-10{margin-bottom:10px}.margin-xs-bottom-20{margin-bottom:20px}.margin-xs-bottom-30{margin-bottom:30px}.margin-xs-bottom-40{margin-bottom:40px}.margin-xs-bottom-50{margin-bottom:50px}.margin-xs-bottom-60{margin-bottom:60px}.margin-xs-bottom-70{margin-bottom:70px}.margin-xs-bottom-75{margin-bottom:75px}.margin-xs-bottom-80{margin-bottom:80px}.margin-xs-bottom-90{margin-bottom:90px}.margin-xs-bottom-100{margin-bottom:100px}.margin-xs-bottom-110{margin-bottom:110px}.margin-xs-10{margin:10px}.margin-xs-20{margin:20px}.margin-xs-30{margin:30px}.margin-xs-40{margin:40px}.margin-xs-50{margin:50px}.margin-xs-60{margin:60px}.margin-xs-70{margin:70px}.margin-xs-75{margin:75px}.margin-xs-80{margin:80px}.margin-xs-90{margin:90px}.margin-xs-100{margin:100px}.margin-xs-110{margin:110px}.margin-xs-tb-10{margin-top:10px;margin-bottom:10px}.margin-xs-tb-20{margin-top:20px;margin-bottom:20px}.margin-xs-tb-30{margin-top:30px;margin-bottom:30px}.margin-xs-tb-40{margin-top:40px;margin-bottom:40px}.margin-xs-tb-50{margin-top:50px;margin-bottom:50px}.margin-xs-tb-60{margin-top:60px;margin-bottom:60px}.margin-xs-tb-70{margin-top:70px;margin-bottom:70px}.margin-xs-tb-75{margin-top:75px;margin-bottom:75px}.margin-xs-tb-80{margin-top:80px;margin-bottom:80px}.margin-xs-tb-90{margin-top:90px;margin-bottom:90px}.margin-xs-tb-100{margin-top:100px;margin-bottom:100px}.margin-xs-tb-110{margin-top:110px;margin-bottom:110px}.margin-xs-lr-10{margin-left:10px;margin-right:10px}.margin-xs-lr-20{margin-left:20px;margin-right:20px}.margin-xs-lr-30{margin-left:30px;margin-right:30px}.margin-xs-lr-40{margin-left:40px;margin-right:40px}.margin-xs-lr-50{margin-left:50px;margin-right:50px}.margin-xs-lr-60{margin-left:60px;margin-right:60px}.margin-xs-lr-70{margin-left:70px;margin-right:70px}.margin-xs-lr-75{margin-left:75px;margin-right:75px}.margin-xs-lr-80{margin-left:80px;margin-right:80px}.margin-xs-lr-90{margin-left:90px;margin-right:90px}.margin-xs-lr-100{margin-left:100px;margin-right:100px}.margin-xs-lr-110{margin-left:110px;margin-right:110px} /* Animation */ .wpb_animate_when_almost_visible, .wpb_animate_when_almost_visible.wpb_start_animation{ animation: none!important; -webkit-animation: none!important; -ms-animation: none!important; -o-animation: none!important; opacity: 1!important; visibility:visible!important; filter: alpha(opacity=100)!important; -webkit-transform: none!important; -ms-transform: none!important; -o-transform: none!important; transform: none!important; } /* Mobile Header */ .mhv-tablet-port .header-section { display: none; } .mhv-tablet-port .mobile-header-section { display: block; } .two-col-right #single-sidebar-container #sidebar, .two-col-left #single-sidebar-container #primary, .three-col-right #single-sidebar-container #sidebar, .three-col-right #secondary-sidebar, .three-col-middle #single-sidebar-container, .three-col-middle #single-sidebar-container #sidebar, .three-col-left #single-sidebar-container, .three-col-left #single-sidebar-container #primary { float: left; } #main-wrapper, #main-wrapper #primary, #main-wrapper #sidebar, #main-wrapper #secondary-sidebar { min-height: 0; } .main-col-small, .content-col-small, .pm-sidebar, .sec-sidebar { width: 100%; } .parallax-background.parallax-section .parallax-page-inner { background-repeat: repeat !important; } .parallax-title.text-right, .parallax-desc.text-right { text-align:left; } .mhv-tablet-port #zozo_wrapper { margin:0; } .trans-h-semi-transparent.mhv-tablet-port .page-title-section .page-title-captions, .trans-h-transparent.mhv-tablet-port .page-title-section .page-title-captions{ margin:0 auto; } /* Secondary Menu */ .secondary_menu.right { width: 40%; right: -40%; } .secondary_menu.left { width: 40%; left: -40%; } /* Features Grid */ .post-tags, .tags-share-section .share-options { text-align: center; } /*Welcome section*/ .zozo-feature-box.feature-box-style.style-overlay-box .grid-box-inner{ margin:25px auto; } /*Work process*/ .zozo-vc-service-box{ margin:25px auto; } /*Pricing table*/ .zozo-pricing-table-wrapper{ max-width:320px; margin:25px auto; } /* Sticky Sidebar */ .sticky-sidebar-parent > .row { display: block; width: auto; margin-left: -15px; margin-right: -15px; } .sticky-sidebar-parent > .row > div { display: block; float: left; padding-left: 15px; padding-right: 15px; } .sticky-sidebar-parent > .row > .pf-sidebar-col-left { padding-left: 15px; padding-right: 15px; } .sticky-sidebar-parent > .row > .pf-sidebar-col-right { padding-left: 15px; padding-right: 15px; } /* ------- Disable Animations ------- */ .animated { visibility: visible !important; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } .owl-carousel.owl-theme .owl-controls .owl-buttons .owl-next, .owl-carousel.owl-theme .owl-controls .owl-buttons .owl-prev { margin: 0; } /* Tabs */ .zozo-tab-horizontal .nav-tabs, .nav-tabs.tabs-left, .nav-tabs.tabs-right{ width: 100%; } .nav-tabs.tabs-left li, .nav-tabs.tabs-right li, .zozo-tab-horizontal .nav-tabs > li{ float: left; width: 100%; } .zozo-left-vertical .nav-tabs > li > a, .zozo-tab-horizontal .nav-tabs > li a, .zozo-right-vertical .nav-tabs > li > a, .zozo-right-vertical .nav-tabs.tabs-right > li > a, .zozo-left-vertical .nav-tabs > li.active > a, .zozo-tab-horizontal .nav-tabs > li.active a, .zozo-right-vertical .nav-tabs > li.active > a{ border: 0px; } .zozo-left-vertical .nav-tabs > li > a, .zozo-right-vertical .nav-tabs > li > a, .zozo-tab-horizontal .nav-tabs > li a{ background: #f1f1f1; margin: 0; border-radius: 0px; } .zozo-right-vertical .nav-tabs.tabs-right li, .zozo-left-vertical .nav-tabs.tabs-left li, .zozo-tab-horizontal .nav-tabs > li{ margin: 0 0 5px 0; } .zozo-right-vertical .nav-tabs.tabs-right li:last-child, .zozo-left-vertical .nav-tabs.tabs-left li:last-child, .zozo-tab-horizontal .nav-tabs > li:last-child{ margin: 0; } .nav-tabs > li a, .zozo-left-vertical .nav-tabs > li > a, .zozo-right-vertical .nav-tabs > li > a, .zozo-tab-horizontal .nav-tabs > li a{ padding: 15px; font-size: 12px; } .zozo-tab-horizontal .tab-content{ border: 0px; } .zozo-tabs{ border: 1px solid #ccc; padding: 15px; padding-bottom: 0; } .zozo-right-vertical .nav-tabs.tabs-right, .zozo-left-vertical .nav-tabs{ padding: 0; float: none; } .zozo-tab-horizontal .tab-content, .zozo-left-vertical .tab-content > .tab-pane, .zozo-right-vertical .tab-content > .tab-pane{ padding: 20px 0; } .footer-widgets { margin-bottom: 15px; } /*Copyright section*/ .zozo-footer-nav.navbar-nav{ margin:0; } .zozo-footer-nav.navbar-nav > li{ display:inline-block; } .zozo-footer-nav.navbar-nav > li a{ padding:0; } /* Widget */ .textwidget > img.pull-right, .textwidget > img.pull-left { margin: 0 auto 15px; display: block; } .zozo-tabs.zozo-left-vertical, .zozo-tabs.zozo-tab-horizontal { margin-bottom: 10px; } .zozo-circle-counter-wrapper .zozo-circle-counter.circle-no-slider.columns-3 .circle-counter-item, .zozo-circle-counter-wrapper .zozo-circle-counter.circle-no-slider.columns-4 .circle-counter-item, .zozo-circle-counter-wrapper .zozo-circle-counter.circle-no-slider.columns-5 .circle-counter-item { width: 100%; } /* ------- Woocommerce ------- */ .woocommerce ul.products li.product h3 > a { font-size: 16px; } .woocommerce ul.products.products-4 li.product, .woocommerce-page ul.products.products-4 li.product, .woocommerce ul.products.products-5 li.product, .woocommerce-page ul.products.products-5 li.product { width: 30%; } .woocommerce ul.products.products-5 li.product:nth-child(3n), .woocommerce-page ul.products.products-5 li.product:nth-child(3n), .woocommerce ul.products.products-4 li.product:nth-child(3n), .woocommerce-page ul.products.products-4 li.product:nth-child(3n) { margin-right: 0; } .woocommerce ul.products.products-5 li.product:nth-child(5n), .woocommerce-page ul.products.products-5 li.product:nth-child(5n), .woocommerce ul.products.products-4 li.product:nth-child(4n), .woocommerce-page ul.products.products-4 li.product:nth-child(4n) { margin-right: 3%; } .woocommerce ul.products.products-5 li.product:last-child, .woocommerce-page ul.products.products-5 li.product:last-child, .woocommerce ul.products.products-4 li.product:last-child, .woocommerce-page ul.products.products-4 li.product:last-child { margin-right: 0; } .woocommerce ul.products.products-5 li.first, .woocommerce-page ul.products.products-5 li.first, .woocommerce ul.products.products-4 li.first, .woocommerce-page ul.products.products-4 li.first { clear: none; } .woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n) { float: left; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { clear: none; } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 48%; } .woocommerce #order_review table.shop_table, .woocommerce-page #order_review table.shop_table { width: 100%; margin: 0; } .woocommerce-checkout-payment { margin: 0; width: 100%; } .two-col-right ul.products.products-4 li.product .product-box-wrapper, .two-col-right ul.products.products-5 li.product .product-box-wrapper, .two-col-left ul.products.products-4 .product-box-wrapper, .two-col-left ul.products.products-5 .product-box-wrapper, .three-col-right ul.products.products-4 .product-box-wrapper, .three-col-right ul.products.products-5 .product-box-wrapper, .three-col-middle ul.products.products-4 .product-box-wrapper, .three-col-middle ul.products.products-5 .product-box-wrapper, .three-col-left ul.products.products-4 .product-box-wrapper, .three-col-left ul.products.products-5 .product-box-wrapper { padding: 11px 13px 5px 12px; } .woocommerce ul.products li.product .price del { padding:0; } .woocommerce .price > .amount, .woocommerce-page .price > .amount, .price ins > .amount { font-size: 13px; } /* Team Grid */ .team-grid-inner .team-item { margin-bottom: 30px; } .team-grid-inner .team-item.col-sm-6:nth-last-child(1), .team-grid-inner .team-item.col-sm-6:nth-last-child(2), .team-grid-inner .team-item.col-sm-4 { margin-bottom: 0; } /*Event grid*/ .ecs-event { margin-bottom:30px; } .ecs-event.col-sm-6:nth-last-child(1), .ecs-event.col-sm-6:nth-last-child(2), .ecs-event.col-sm-4 { margin-bottom: 0; } .ecs-clearfix.clearfix { display:none; } .zozo-events-list-wrapper.style-grid .ecs-event-list img { width:100%; } /* Team List */ .team-list-inner .team-content{ padding-top: 20px; } .team-list-inner .team-member-name{ margin-bottom: 0; } .team-list-inner .owl-carousel.owl-theme .owl-controls .owl-nav .owl-prev, .team-single .team-member-info .owl-carousel.owl-theme .owl-controls .owl-nav .owl-prev { right: 36px; } .team-list-inner .owl-carousel.owl-theme .owl-controls .owl-nav div, .team-single .team-member-info .owl-carousel.owl-theme .owl-controls .owl-nav div { height: 44px; line-height: 40px; width: 44px; margin-top: 30px; opacity: 0.3; } .team-list-inner:hover .owl-carousel.owl-theme .owl-controls .owl-nav div, .team-single:hover .team-member-info .owl-carousel.owl-theme .owl-controls .owl-nav div { opacity: 1; } /* Team Single */ .team-single .owl-dots{ margin-bottom: 0; } .team-single .team-member-info{ padding-top: 26px; } /* Comments */ .zozo-all-comments ul.children{ padding-left: 50px; } .comment-container .reply { float: none; margin-top: 10px; text-align: left; } /* Vc image */ .wpb_single_image.img-fullwidth .vc_single_image-wrapper, .wpb_single_image.img-fullwidth img { width:100%; } /*Form*/ .form-layout-two-column .form-col-left .form-group:last-child { margin-bottom: 15px; } /* Epl */ .property-details-wrapper{ position: relative; padding: 15px; } .property-gallery-wrapper{ padding: 15px 15px 0; } .epl-author-box { margin-top: 10px; width: 100%; } .zozo-epl-button-wrapper{ position: relative; left: 0; } .zozo-counter-wrapper.counter-style-1{ text-align: center; } .counter-style-1.counter-icon-top .zozo-counter .counter-icon > i, .counter-style-1.counter-icon-bottom .zozo-counter .counter-icon > i, .counter-style-1.counter-icon-left .zozo-counter .counter-icon > i { position: relative; text-align: center; } .counter-style-1.counter-icon-left .zozo-counter .counter-icon > i { margin-bottom: 10px; } } /* 767 - Styles */ @media only screen and (max-width: 767px) { /* dont Touch */ /* Mobile Header */ .header-section { display: none; } .mobile-header-section { display: block; } /* dont Touch */ #zozo_wrapper { width:100%!important; } .secondary_menu.right { right:-75%!important; } .secondary_menu.left { left:-75%!important; } .side_right_menu_active .secondary_menu.right { right:0%!important; } .side_right_menu_active .secondary_menu.left { left:0%!important; } /*Column bottom spacing*/ .wpb_row .wpb_column { margin-bottom: 30px; } .vc_grid.vc_row .vc_grid-item { margin-bottom: 35px; } .vc_grid.vc_row .vc_grid-item:last-child { margin-bottom: 0; } .vc_grid.vc_row.vc_grid-gutter-10px .vc_grid-item { padding: 0; } .vc_responsive .wpb_row .wpb_column:last-child { margin-bottom: 0; } .header-section .header-top-section, .header-section .header-top-section li { height: auto; } .trans-h-semi-transparent.mhv-mobile .page-title-section .page-title-captions, .trans-h-transparent.mhv-mobile .page-title-section .page-title-captions{ margin:0 auto; } /* Isotope Portfolio Filters */ .zozo-isotope-filters .zozo-smartmenu li.smartmenu-filter > a.disabled { display: block; background: #202020; color: #fff; display: block; padding: 4px 16px; } .smartmenu-filter a span.sub-arrow::before { font-family: "Flaticon"; content: "\f112"; display: inline-block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .smartmenu-filter a span.sub-arrow.highlighted::before { content: "\f10e"; } .zozo-smartmenu.portfolio-tabs .smart-sub-menu > li.first-element { display: block; border-bottom:1px solid #eee; } .zozo-smartmenu.portfolio-tabs .smart-sub-menu > li { display: none; } /* Client Grid */ .client-columns-6 .client-grid-spacer .client-item{ margin-bottom: 20px } .client-columns-4 .client-grid-spacer .client-item:nth-last-child(4) .client-columns-4 .client-grid-spacer .client-item:nth-last-child(3), .client-columns-4 .client-grid-spacer .client-item:nth-last-child(2), .client-columns-4 .client-grid-spacer .client-item:nth-last-child(1), .client-columns-3 .client-grid-spacer .client-item:nth-last-child(3), .client-columns-3 .client-grid-spacer .client-item:nth-last-child(2), .client-columns-3 .client-grid-spacer .client-item:nth-last-child(1), .client-columns-2 .client-grid-spacer .client-item:nth-last-child(2), .client-columns-2 .client-grid-spacer .client-item:nth-last-child(1){ margin-bottom: 30; } .client-columns-6 .client-grid-spacer .client-item:last-child, .client-columns-4 .client-grid-spacer .client-item:last-child, .client-columns-3 .client-grid-spacer .client-item:last-child, .client-columns-2 .client-grid-spacer .client-item:last-child{ margin-bottom: 0; } .client-item.col-xs-12 { margin-bottom: 30px; } .client-item.col-xs-12:last-child { margin-bottom: 0; } /* Spacings */ .padding-xs-only-none{padding:0!important}.padding-xs-only-top-none{padding-top:0!important}.padding-xs-only-bottom-none{padding-bottom:0!important}.padding-xs-only-left-none{padding-left:0!important}.padding-xs-only-right-none{padding-right:0!important}.padding-xs-only-top-10{padding-top:10px}.padding-xs-only-top-20{padding-top:20px}.padding-xs-only-top-30{padding-top:30px}.padding-xs-only-top-40{padding-top:40px}.padding-xs-only-top-50{padding-top:50px}.padding-xs-only-top-60{padding-top:60px}.padding-xs-only-top-70{padding-top:70px}.padding-xs-only-top-75{padding-top:75px}.padding-xs-only-top-80{padding-top:80px}.padding-xs-only-top-90{padding-top:90px}.padding-xs-only-top-100{padding-top:100px}.padding-xs-only-top-110{padding-top:110px}.padding-xs-only-bottom-10{padding-bottom:10px}.padding-xs-only-bottom-20{padding-bottom:20px}.padding-xs-only-bottom-30{padding-bottom:30px}.padding-xs-only-bottom-40{padding-bottom:40px}.padding-xs-only-bottom-50{padding-bottom:50px}.padding-xs-only-bottom-60{padding-bottom:60px}.padding-xs-only-bottom-70{padding-bottom:70px}.padding-xs-only-bottom-75{padding-bottom:75px}.padding-xs-only-bottom-80{padding-bottom:80px}.padding-xs-only-bottom-90{padding-bottom:90px}.padding-xs-only-bottom-100{padding-bottom:100px}.padding-xs-only-bottom-110{padding-bottom:110px}.padding-xs-only-10{padding:10px}.padding-xs-only-20{padding:20px}.padding-xs-only-30{padding:30px}.padding-xs-only-40{padding:40px}.padding-xs-only-50{padding:50px}.padding-xs-only-60{padding:60px}.padding-xs-only-70{padding:70px}.padding-xs-only-75{padding:75px}.padding-xs-only-80{padding:80px}.padding-xs-only-90{padding:90px}.padding-xs-only-100{padding:100px}.padding-xs-only-110{padding:110px}.padding-xs-only-tb-10{padding-top:10px;padding-bottom:10px}.padding-xs-only-tb-20{padding-top:20px;padding-bottom:20px}.padding-xs-only-tb-30{padding-top:30px;padding-bottom:30px}.padding-xs-only-tb-40{padding-top:40px;padding-bottom:40px}.padding-xs-only-tb-50{padding-top:50px;padding-bottom:50px}.padding-xs-only-tb-60{padding-top:60px;padding-bottom:60px}.padding-xs-only-tb-70{padding-top:70px;padding-bottom:70px}.padding-xs-only-tb-75{padding-top:75px;padding-bottom:75px}.padding-xs-only-tb-80{padding-top:80px;padding-bottom:80px}.padding-xs-only-tb-90{padding-top:90px;padding-bottom:90px}.padding-xs-only-tb-100{padding-top:100px!important;padding-bottom:100px!important}.padding-xs-only-tb-110{padding-top:110px;padding-bottom:110px}.padding-xs-only-lr-10{padding-left:10px;padding-right:10px}.padding-xs-only-lr-20{padding-left:20px;padding-right:20px}.padding-xs-only-lr-30{padding-left:30px;padding-right:30px}.padding-xs-only-lr-40{padding-left:40px;padding-right:40px}.padding-xs-only-lr-50{padding-left:50px;padding-right:50px}.padding-xs-only-lr-60{padding-left:60px;padding-right:60px}.padding-xs-only-lr-70{padding-left:70px;padding-right:70px}.padding-xs-only-lr-75{padding-left:75px;padding-right:75px}.padding-xs-only-lr-80{padding-left:80px;padding-right:80px}.padding-xs-only-lr-90{padding-left:90px;padding-right:90px}.padding-xs-only-lr-100{padding-left:100px;padding-right:100px}.padding-xs-only-lr-110{padding-left:110px;padding-right:110px}.margin-xs-only-none{margin:0!important}.margin-xs-only-top-none{margin-top:0!important}.margin-xs-only-bottom-none{margin-bottom:0!important}.margin-xs-only-left-none{margin-left:0!important}.margin-xs-only-right-none{margin-right:0!important}.margin-xs-only-top-10{margin-top:10px}.margin-xs-only-top-20{margin-top:20px}.margin-xs-only-top-30{margin-top:30px}.margin-xs-only-top-40{margin-top:40px}.margin-xs-only-top-50{margin-top:50px}.margin-xs-only-top-60{margin-top:60px}.margin-xs-only-top-70{margin-top:70px}.margin-xs-only-top-75{margin-top:75px}.margin-xs-only-top-80{margin-top:80px}.margin-xs-only-top-90{margin-top:90px}.margin-xs-only-top-100{margin-top:100px}.margin-xs-only-top-110{margin-top:110px}.margin-xs-only-bottom-10{margin-bottom:10px}.margin-xs-only-bottom-20{margin-bottom:20px!important}.margin-xs-only-bottom-30{margin-bottom:30px}.margin-xs-only-bottom-40{margin-bottom:40px}.margin-xs-only-bottom-50{margin-bottom:50px}.margin-xs-only-bottom-60{margin-bottom:60px}.margin-xs-only-bottom-70{margin-bottom:70px}.margin-xs-only-bottom-75{margin-bottom:75px}.margin-xs-only-bottom-80{margin-bottom:80px}.margin-xs-only-bottom-90{margin-bottom:90px}.margin-xs-only-bottom-100{margin-bottom:100px}.margin-xs-only-bottom-110{margin-bottom:110px}.margin-xs-only-10{margin:10px}.margin-xs-only-20{margin:20px}.margin-xs-only-30{margin:30px}.margin-xs-only-40{margin:40px}.margin-xs-only-50{margin:50px}.margin-xs-only-60{margin:60px}.margin-xs-only-70{margin:70px}.margin-xs-only-75{margin:75px}.margin-xs-only-80{margin:80px}.margin-xs-only-90{margin:90px}.margin-xs-only-100{margin:100px}.margin-xs-only-110{margin:110px}.margin-xs-only-tb-10{margin-top:10px;margin-bottom:10px}.margin-xs-only-tb-20{margin-top:20px;margin-bottom:20px}.margin-xs-only-tb-30{margin-top:30px;margin-bottom:30px}.margin-xs-only-tb-40{margin-top:40px;margin-bottom:40px}.margin-xs-only-tb-50{margin-top:50px;margin-bottom:50px}.margin-xs-only-tb-60{margin-top:60px;margin-bottom:60px}.margin-xs-only-tb-70{margin-top:70px;margin-bottom:70px}.margin-xs-only-tb-75{margin-top:75px;margin-bottom:75px}.margin-xs-only-tb-80{margin-top:80px;margin-bottom:80px}.margin-xs-only-tb-90{margin-top:90px;margin-bottom:90px}.margin-xs-only-tb-100{margin-top:100px;margin-bottom:100px}.margin-xs-only-tb-110{margin-top:110px;margin-bottom:110px}.margin-xs-only-lr-10{margin-left:10px;margin-right:10px}.margin-xs-only-lr-20{margin-left:20px;margin-right:20px}.margin-xs-only-lr-30{margin-left:30px;margin-right:30px}.margin-xs-only-lr-40{margin-left:40px;margin-right:40px}.margin-xs-only-lr-50{margin-left:50px;margin-right:50px}.margin-xs-only-lr-60{margin-left:60px;margin-right:60px}.margin-xs-only-lr-70{margin-left:70px;margin-right:70px}.margin-xs-only-lr-75{margin-left:75px;margin-right:75px}.margin-xs-only-lr-80{margin-left:80px;margin-right:80px}.margin-xs-only-lr-90{margin-left:90px;margin-right:90px}.margin-xs-only-lr-100{margin-left:100px;margin-right:100px}.margin-xs-only-lr-110{margin-left:110px;margin-right:110px} .padding-xs-only-left-none{padding-left: 0px !important;} .vc_row.vc-row-default.vc-zozo-section { margin-top:0!important; padding:75px 0!important; } .bg-style.image-left .vc-side-content-wrapper, .bg-style.image-right .vc-side-content-wrapper { padding: 100px 0 100px; } .bg-style.image-left .container-fluid .vc-side-content-wrapper, .bg-style.image-right .container-fluid .vc-side-content-wrapper { padding: 100px 0 100px; } .large-layout .zozo-social-share-box, .medium-layout .zozo-social-share-box { clear: both; float: none; text-align: center; } .share-options { float: none; margin: 10px 0 0; width: 100%; } .zozo-contact-info { padding-left:15px; } .grid-col-2 .grid-posts, .grid-col-3 .grid-posts, .grid-col-4 .grid-posts { width: 100%; } .grid-layout.grid-col-4 .audio-player .mejs-container .mejs-time.mejs-currenttime-container, .grid-layout.grid-col-4 .audio-player .mejs-container .mejs-time.mejs-duration-container { display: block; } .related-post li { margin-bottom: 15px; } .large-layout .large-posts .entry-footer .social-share-container, .medium-layout .medium-posts .entry-footer .social-share-container { width: 100%; margin: 15px 0 0; } /*Page header*/ .page-title-section .page-title-container .page-title-captions, .page-title-section .page-title-container .page-title-breadcrumbs, .page-title-section.page-titlealign-right .page-title-captions, .page-title-section.page-titlealign-right .page-title-breadcrumbs, .page-title-section.page-titlealign-default .page-title-breadcrumbs .zozo-breadcrumbs { display: block; margin: 0 auto; text-align: center; width: 100%; } .page-title-section .page-title-captions .page-entry-slogan{ margin-bottom:15px; } /*Responsive mobile section*/ .mobile-margin img{ margin:25px 0; } /*Counter section*/ .zozo-counter-wrapper .counter-item.zozo-counter{ margin:25px 0; } /*Features section*/ .zozo-feature-box .grid-item .grid-text-right.grid-box-normal.grid-box-icon-circle .grid-content-wrapper { padding:0 0 0 90px; } .zozo-feature-box .grid-box-inner.grid-text-right .grid-icon-wrapper, .grid-box-inner.grid-text-right .grid-image-wrapper { left: 0; right: auto; } .zozo-feature-box.feature-box-style.style-default-box .grid-text-right .zozo-icon { margin:0 10px 0 0; } /*Team*/ .team-grid-inner .team-item.col-xs-12, .team-grid-inner .team-item.col-xs-12:nth-last-child(2) { margin-bottom: 30px; } .team-grid-inner .team-item:last-child { margin-bottom: 0; } /*Copyright Section*/ .footer-copyright-section p, .zozo-footer-nav.navbar-nav, .footer-backtotop{ text-align:center; } /*Accordion*/ .ui-accordion.ui-widget{ margin-bottom:25px; } /* Countdown */ .zozo-daycounter-container .countdown-section { margin-bottom: 30px; } .zozo-daycounter-container .countdown-section:last-child{ margin-bottom: 0; } .zozo-daycounter-container .countdown-section .countdown-amount{ line-height: inherit; font-size: 40px; } .zozo-daycounter-container .countdown-section .countdown-period{ margin: 0; } /* Footer - Hidden Footer */ .footer-section.footer-style-hidden { position: relative; } /* Visual Composer */ .vc_images_carousel .vc_carousel-inner .vc_item .attachment-full { width: 100%; } /* Sportspress */ .sp-template-countdown .sp-countdown span:first-child { border-left: none; } /* Modal Box */ .zozo_vc_modal.vc-modal-small, .zozo_vc_modal.vc-modal-medium { width: 85%; } /* ------- Woocommerce ------- */ .header-top-cart .woo-cart .woo-cart-contents { display: none; } .woocommerce ul.products.products-2 li.product, .woocommerce-page ul.products.products-2 li.product, .woocommerce ul.products.products-3 li.product, .woocommerce-page ul.products.products-3 li.product, .woocommerce ul.products.products-4 li.product, .woocommerce-page ul.products.products-4 li.product, .woocommerce ul.products.products-5 li.product, .woocommerce-page ul.products.products-5 li.product { width: 48%; } .woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n) { float: none; } .woocommerce ul.products.products-5 li.product:nth-child(5n), .woocommerce-page ul.products.products-5 li.product:nth-child(5n), .woocommerce ul.products.products-4 li.product:nth-child(4n), .woocommerce-page ul.products.products-4 li.product:nth-child(4n) { margin-right: auto; } .woocommerce ul.products.products-5 li.product:nth-child(3n), .woocommerce-page ul.products.products-5 li.product:nth-child(3n), .woocommerce ul.products.products-4 li.product:nth-child(3n), .woocommerce-page ul.products.products-4 li.product:nth-child(3n) { margin-right: 3%; } ul.products.products-2 li.product:nth-child(2n), ul.products.products-3 li.product:nth-child(3n), ul.products.products-4 li.product:nth-child(4n), ul.products.products-5 li.product:nth-child(5n) { margin-right: auto; } .woocommerce ul.products.products-5 li.product:last-child, .woocommerce-page ul.products.products-5 li.product:last-child, .woocommerce ul.products.products-4 li.product:last-child, .woocommerce-page ul.products.products-4 li.product:last-child { margin-right: auto; } .woocommerce #content table.cart a.remove, .woocommerce table.cart a.remove, .woocommerce-page #content table.cart a.remove, .woocommerce-page table.cart a.remove { float:none; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { float: none; text-align: center; } .woocommerce #order_review table.shop_table, .woocommerce-page #order_review table.shop_table, .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon { width: 100%; } /* ------- BuddyPress ------- */ #buddypress div.dir-search { float: none; text-align: center; margin-bottom: 15px; } #buddypress div.dir-search input[type="text"] { width: 100%; } #buddypress ul.item-list li div.action { position: static; margin-top: 10px; } #buddypress ul.item-list li div.item-desc { width: 60%; } #buddypress div#item-header div#item-actions { width: 50%; } #buddypress .standard-form #basic-details-section, #buddypress .standard-form #blog-details-section, #buddypress .standard-form #profile-details-section, #buddypress .standard-form #profile-details-section { float: none; width: 100%; } /* ------- Events Calendar ------- */ .tribe-bar-mini .tribe-bar-views-inner { padding-bottom: 37px; } #tribe-bar-collapse-toggle { padding: 17px; } /* ------- BBPress ------- */ #bbpress-forums div.bbp-search-form { text-align: center; } /* Blog Post - List */ .list-posts{ margin-bottom: 30px; padding-bottom: 30px; } .list-layout .list-posts .post-featured-image { float: none; margin-right: 0; width: 100%; } .list-layout .list-posts .entry-thumbnail-wrapper { height: auto; width: 100%; } .list-layout .list-posts .entry-thumbnail-wrapper .entry-thumbnail { position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .list-layout .list-posts .entry-thumbnail-wrapper .entry-thumbnail img { left: 0; width: 100%; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .list-layout .list-posts .post-featured-image{ margin-bottom: 20px; } /* Blog Grid */ .grid-layout.grid-col-2 .grid-posts, .grid-layout.grid-col-3 .grid-posts, .grid-layout.grid-col-4 .grid-posts{ width: 100%; } /* Comments */ .zozo-all-comments ul.children{ padding-left: 20px; } /* Slidingbar */ .slidingbar-inner{ max-height: 250px; overflow-x: hidden; overflow-y: auto; } /* Property Listing Real Estate */ .epl-archive-default .property-content{ width: 100%; padding: 10px 0 0 !important; } .epl-listing-grid-view.epl-property-blog{ width: 50%; } .epl-property-blog .property-box-left{ margin: 0 auto; float: none; width: 100%; } .epl-tab-4-columns{ -webkit-columns: 2 auto; -moz-columns: 2 auto; -ms-columns: 2 auto; -o-columns: 2 auto; columns: 2 auto; } .home-open-wrapper li, .property-features-list > li{ width: 100%; } .epl-search-row.epl-search-row-select.fm-block, .epl-search-row.epl-search-other { width: 100%; } /* EPL Teample - Table */ .epl-table .epl-table-column-image{ width: 50%; } .epl-table .epl-table-column-content{ float:left; width: 100%; margin-top: 20px; } .epl-table .epl-table-column-left, .epl-table .epl-table-column-middle, .epl-table .epl-table-column-right{ width: 100%; float: left; } /* Sportpress */ .sp-template-countdown .sp-countdown span{ width: 100%; padding: 30px 0; display:block; margin: 0 auto 10px; border: none; } .sp-template-countdown .sp-countdown span:last-child{ border: none; margin-bottom: 0; } /*Form*/ .form-group:last-child { margin-bottom: 15px; } /* Wp Locator */ #wpsl-search-wrap input#wpsl-search-btn{ width: auto; position: relative; min-width: auto; } /* Portfolio Filter Menu */ .zozo-isotope-filters .zozo-smartmenu.portfolio-tabs { margin: 0 auto 50px; } .zozo-isotope-filters .zozo-smartmenu.portfolio-tabs a{ margin:0 auto; display: block; color:#333333; text-align: left; padding: 12px 10px; } .zozo-isotope-filters .zozo-smartmenu.portfolio-tabs .smartmenu-filter > a span.sub-arrow{ width:25px; height:25px; font-size:22px; right: 20px; color: #333333; } .zozo-isotope-filters .zozo-smartmenu.portfolio-tabs .smart-sub-menu.portfolio-sub-filter , .zozo-isotope-filters .zozo-smartmenu li.smartmenu-filter > a.disabled{ background: #ffffff none repeat scroll 0 0; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12); color: #333333; } .zozo-isotope-filters .zozo-smartmenu.portfolio-tabs .portfolio-tabs { margin: 0 2px 20px 0; } .zozo-isotope-filters .zozo-smartmenu.portfolio-tabs .smart-sub-menu.portfolio-sub-filter > li > a::after{ content:none; } .zozo-isotope-filters .portfolio-tabs .smart-sub-menu.portfolio-sub-filter > li{ padding:0px; margin:0; } .zozo-isotope-filters .zozo-smartmenu.portfolio-tabs .smart-sub-menu.portfolio-sub-filter > li > a { display: block; text-align: left; color:#333333; padding: 5px 15px 3px; } .zozo-isotope-filters .zozo-smartmenu.portfolio-tabs .smart-sub-menu.portfolio-sub-filter{ margin-top: 20px !important; } .zozo-isotope-filters .zozo-smartmenu.portfolio-tabs .smart-sub-menu.portfolio-sub-filter > li > a:hover, .zozo-isotope-filters .zozo-smartmenu.portfolio-tabs .smart-sub-menu.portfolio-sub-filter > li > a.active{ color:#ffffff; } .portfolio-tabs.arrow-style-filter .smart-sub-menu.portfolio-sub-filter > li > a, .portfolio-tabs.default-filter .smart-sub-menu.portfolio-sub-filter > li > a, .portfolio-tabs.default-filter .smart-sub-menu.portfolio-sub-filter > li > a:hover, .portfolio-tabs.default-filter .smart-sub-menu.portfolio-sub-filter > li > a.active, .portfolio-tabs.arrow-style-filter .smart-sub-menu.portfolio-sub-filter > li > a:hover, .portfolio-tabs.arrow-style-filter .smart-sub-menu.portfolio-sub-filter > li > a.active{ background: #ffffff none repeat scroll 0 0; box-shadow:none; color:#fff; } .zozo-isotope-filters .zozo-smartmenu.portfolio-tabs.icon_type li a, .zozo-isotope-filters .zozo-smartmenu.portfolio-tabs li a, .zozo-isotope-filters .zozo-smartmenu.portfolio-tabs.text-left li:first-child a { margin: 0; } .vc_row-no-padding .zozo-isotope-filters .zozo-smartmenu li.smartmenu-filter > a.disabled{ margin: 0 15px !important; } .vc_row-no-padding .zozo-isotope-filters .zozo-smartmenu.portfolio-tabs .smart-sub-menu.portfolio-sub-filter { margin: 20px 15px !important; } } /* ---------- MAX 640px ---------- */ @media only screen and (max-width:640px) { /* ------- Discount Counter ------- */ .countdown-section{ display:block; float:none; margin-bottom:60px; } .countdown-section:after { display:none; } /* ------- Woocommerce ------- */ .woocommerce ul.products.products-2 li.product, .woocommerce-page ul.products.products-2 li.product, .woocommerce ul.products.products-3 li.product, .woocommerce-page ul.products.products-3 li.product, .woocommerce ul.products.products-4 li.product, .woocommerce-page ul.products.products-4 li.product, .woocommerce ul.products.products-5 li.product, .woocommerce-page ul.products.products-5 li.product { float: none; margin: 0 auto 40px!important; width: 75%; } /* ------- BuddyPress ------- */ #buddypress div.item-list-tabs ul li { margin-bottom: 8px; } #buddypress div#item-header div#item-actions { width: 70%; } /* Comments */ .zozo-all-comments ul.children{ padding-left: 10px; } .comment-list .author-name{ display: block; } .comment-container .author-name, .comment-container .date, .comment-container .date{ text-align: left; } /* Property Listing Real Estate */ .epl-listing-grid-view.epl-property-blog{ width: 100%; } .epl-archive-default .property-content{ width: 100%; } .epl-property-blog .property-box-left{ width: 100%; } .epl-author-contact_form p{ width: 100%; } /* Title Style Inline */ .parallax-header.inline .parallax-desc{ float: left; } /* Header Inline Style */ .parallax-header.content-style-inline .parallax-title{ float:none; } } /* ---------- MAX 480px ---------- */ @media only screen and (max-width: 480px) { .mobile-cart-wrapper { width:75%; left:-75%; } .mobile-cart-wrapper.mobile-cart-right { right:-75%; } .mobile-cart-wrapper .woo-cart-contents { max-width: 280px; } .related-post li { width: 100%; } .secondary_menu.right, .secondary_menu.left { width: 75%; top: 0; overflow-y: auto; } .secondary_menu.left { left: -75%; } .secondary_menu.right { right: -75%; } .author-avatar { float: none; text-align: center; } .author-info-container, .author-info-page { text-align: center; } .author-info-container .author-avatar, .author-info-page .author-avatar { margin: 0 0 10px; } .author-description, .author-links { margin: 0; } .portfolio-caption .zozo-social-share-box li a { font-size: 18px; } .zozo-portfolio.masonry-style.portfolio-cols-2 .portfolio-caption .zozo-social-share-box a:after { content: none; } /* ------- Woocommerce ------- */ .woocommerce ul.products.products-2 li.product, .woocommerce-page ul.products.products-2 li.product, .woocommerce ul.products.products-3 li.product, .woocommerce-page ul.products.products-3 li.product, .woocommerce ul.products.products-4 li.product, .woocommerce-page ul.products.products-4 li.product, .woocommerce ul.products.products-5 li.product, .woocommerce-page ul.products.products-5 li.product { width: 100%; } .woocommerce table.shop_table td, .woocommerce-page table.shop_table td, .woocommerce table.shop_table th, .woocommerce-page table.shop_table th { padding-left: 8px; padding-right: 8px; } /* ------- BuddyPress ------- */ #buddypress div#item-header img.avatar { margin: 0; width: 100%; } #buddypress div#item-header div#item-actions { right: 0; left: 0; width: 100%; } #buddypress .activity-list li.mini .activity-avatar img.avatar, #buddypress .activity-list li.mini .activity-avatar img.FB_profile_pic { margin-left: 0; margin-top: 10px; } #buddypress .activity-list .activity-content { margin-left: 30px; } /* ------- BBPress ------- */ div.bbp-search-form input, div.bbp-search-form button { padding: 5px 10px; font-size: 14px; } /* Comments */ .zozo-all-comments ul.children{ padding-left: 5px; } /*Call to Action */ .vc_general.vc_cta3.vc_cta3-style-custom.vc_cta3-align-center:hover .vc_cta3_content-container .vc_btn3-inline{ padding-left: 0; } /* Hosting Search form */ .form-domain-view .zozo-form-group-addon .input-text.form-control { max-width: 75%; } .form-domain-view .zozo-form-group-addon .input-select { max-width: 25%; } /* Epl Property Features Table */ .epl-tab-4-columns{ -webkit-columns: 1 auto; -moz-columns: 1 auto; -ms-columns: 1 auto; -o-columns: 1 auto; columns: 1 auto; } .property-details-wrapper .zozo-epl-button, .epl-share-icons-wrapper .zozo-social-share-box{ width: 100%; } .property-details-wrapper .share-btn.zozo-epl-button { margin-bottom: 5px; } /* EPL Template - Table */ .epl-table .epl-table-column-image{ width: 100%; } } /* ---------- MAX 360px ---------- */ @media only screen and (max-width:360px) { /* ------- Mobile Header------- */ .mobile-menu-wrapper, .mobile-cart-wrapper { max-width:230px; } .mobile-cart-wrapper .woo-cart-contents { max-width: 100%; } .woo-cart-links > div { display: inline-block; float: none !important; margin-bottom: 15px; } /* ------- Button Styles ------- */ .btn-margin { margin-right: 15px; } /* ------- Title ------- */ .section-title { word-wrap: break-word; } /* ------- Tab ------- */ .zozo-left-vertical .nav-tabs.tabs-left > li.active > a:after, .zozo-right-vertical .nav-tabs.tabs-right > li.active > a:after { display: none; } }