/* Theme Name: Medicalhealth Theme URI: https://themeforest.net/user/zozothemes/portfolio Author: https://themeforest.net/user/zozothemes/portfolio Author URI: Zozothemes Description: Medicalhealth is specially designed and developed for Medical Service Version: 1.3.5 License: GNU General Public License v3.0 License URI: license.txt Tags: one-column, two-columns, right-sidebar, flexible-header, custom-colors, custom-header, custom-menu, editor-style, featured-images, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready Text Domain: medicalhealth */ /* ================================= 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. BEFORE FOOTER 9. FOOTER 10. PARALLAX 11. REVOLUTION SLIDER 12. OWL CAROUSEL 13. TEAM SECTION 14. TESTIMONIALS SECTION 15. TWITTER SECTION 16. PRICING TABLE 17. FEATURES LIST 18. RESPONSIVE VIDEO 19. SOCIAL ICONS 20. BLOG 21. CONTACT US SECTION - CONTACT INFO - CONTACT FORM 7 - GRAVITY FORM 22. MAILCHIMP 23. PORTFOLIO 24. SECONDARY MENU 25. TABS 26. ACCORDION 27. CLIENT SLIDER 28. WIDGETS 29. FEATURED SLIDER 30. CUSTOM CSS 31. WORDPRESS GALLERIES 32. DARK SKINS 33. VISUAL COMPOSER 34. MEDICALHEALTH CAMPAIGNS 35. EVENTS 36. WOOCOMMERCE 37. REPONSIVE 38. SPACING 39. THEME SKIN LIGHT =========================================================================== */ /* ================================================================ * EXTERNAL STYLES * ================================================================ */ .scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .bypostauthor { display: block; } /* ================================================================ * 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 { width: 100%; } /* 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; } 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: 0px; } .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, .typo-light .team-item .team-member-name a { color: #fff; } .font-light { font-weight: 200; } legend { margin-bottom: 20px !important; padding-bottom: 20px; } .page_item .children, .cat-item .children { padding-left: 20px; } .shortcodes-listing ul { list-style: none; padding: 0; } /* 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; } blockquote p { font-size: 15px; } .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; } /* BLOCKQUOTE 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: 14px; font-weight: 400; outline: none; padding: 15px 30px 15px 30px; color: #ffffff; text-transform: uppercase; 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; } input[type="submit"] { padding: 11px 30px 12px 30px; } .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; 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; } .post-navigation .pager li.previous a, .post-navigation .pager li.next a { padding: 7px 14px 7px 14px; } .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 .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; line-height: 20px; } .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, .search-form .input-group-btn .btn:active, .search-form .input-group-btn .btn:focus { 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; 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; height: 41px; line-height: 41px; margin-bottom: 22px; min-height: 41px; 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; } .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: 110px; 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: #444444; font-size: 14px; } .page-title-section.page-titlealign-default .page-title-breadcrumbs .zozo-breadcrumbs { text-align: right; } .page-title-section .page-title-breadcrumbs .zozo-breadcrumbs a { color: #171717; } .page-title-section .page-title-breadcrumbs .zozo-breadcrumbs .zozo-breadcrumb-sep { padding: 0 5px; } .zozo-breadcrumbs .zozo-breadcrumb-sep:last-child { display: none; } .breadcrumb.zozo-breadcrumbs{ margin-bottom:0; padding: 8px 0; } .breadcrumb.zozo-breadcrumbs > a + a::before, .breadcrumb.zozo-breadcrumbs > span::before { color: #7c7c7c; content: "\f101"; display: inline-block; font-family: "FontAwesome"; font-size: 10px; padding: 0 8px 0 5px; } /*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-container .breadcrumb { background: inherit; } .page-title-section.page-titleskin-dark .page-title-breadcrumbs .zozo-breadcrumbs span::before { color: #fff; } /* Page Title Image Overlay */ .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, .type-header-9 .navbar-nav.zozo-main-bar > li, .type-header-9 .navbar-nav.zozo-main-bar > li a { line-height: 80px; height: 80px; 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 POPUP FORM*/ .header-section .btn.btn-sm { padding: 8px 18px 6px 18px; } .zozo_vc_modal-content .zozo-parallax-header { padding-top: 28px; margin-bottom: 0; } .zozo_vc_modal-content .wpb_wrapper .wpcf7 { padding: 0 35px 35px; } .zozo_vc_modal-content form.wpcf7-form label { width: 100%; } .zozo_vc_modal-content form.wpcf7-form label input, .zozo_vc_modal-content form.wpcf7-form label textarea { margin-bottom: 10px; } .zozo_vc_modal-content form.wpcf7-form .wpcf7-validation-errors { display: none !important; } .zozo_vc_modal-content .wpcf7-form.invalid .wpcf7-form-control-wrap input.wpcf7-not-valid, .zozo_vc_modal-content .wpcf7-form.invalid .wpcf7-form-control-wrap textarea.wpcf7-not-valid { width: 65%; } .zozo_vc_modal-content form.wpcf7-form .wpcf7-form-control-wrap span.wpcf7-not-valid-tip { position: absolute; padding: 6px; width: 35%; top: 0; left: 65%; display: inline-block; line-height: 15px; text-align: center; } /* 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-section .top-bar-item.item-contact-info ul li a { font-size: 15px; } .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; } .header-details-box .header-details-icon > I{ border-radius: 10%; } /* 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 .header-top-section .zozo-social-icons.soc-icon-transparent li a, .header-section .header-top-section .zozo-social-icons.soc-icon-transparent 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-section.header-skin-dark .zozo-social-icons.soc-icon-transparent li a, .header-section.header-skin-dark .zozo-social-icons.soc-icon-transparent li a i, .zmm-inner .zozo-social-icons.soc-icon-transparent i { color: #fff; } .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: 30px; display: inline-block; } .header-details-box:last-child { margin-right: 0; } .header-details-box .header-details-icon { float: left; text-align: center; min-width: 40px; margin-right: 15px; font-size: 18px; } .header-details-box .header-details-icon > i { color: #fff; padding: 10px; font-size: 20px; height: 50px; line-height: 50px; vertical-align: middle; width: 50px; } .header-details-box:hover .header-details-icon > i, .header-details-box:active .header-details-icon > i, .header-details-box:focus .header-details-icon > i { color: #fff; } .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; 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: ' '; 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 * ================================================================ */ .zmm-wrapper { height: 100%; left: -100%; position: fixed; top: 0; width: 100%; z-index: 9999; background: #222; } body.zmm-open .zmm-wrapper { overflow-y: scroll; overflow-x: inherit; } .zmm-wrapper .zmm-close, .zmm-wrapper .zmm-dropdown-toggle { color: #fff; cursor: pointer; } .zmm-wrapper ul li a { color: #fff; } .zmm-wrapper .menu-item-has-children { position: relative; } .zmm-wrapper .zmm-dropdown-toggle { color: #ffffff; font-size: 10px; font-weight: 800; line-height: 45px; position: absolute; right: 0px; top: 0; width: 40px; text-align: center; } body.mobile-menu-open .is-sticky > div { position: relative !important; } .zmm-wrapper .zmm-close { position: absolute; right: 15px; top: 15px; } .zmm-wrapper .zmm-inner { padding: 45px 0px; } .zmm-wrapper .zmm-inner .zozo-social-icons { text-align: center; } .zmm-wrapper .main-menu-container .navbar-nav li { list-style: none; } .zmm-wrapper .zozo-main-nav li a:first-child { border-top: 1px solid #2c2c2c; } .zmm-wrapper .nav.navbar-nav.navbar-main.zozo-main-nav { border-bottom: 1px solid #2c2c2c; } .zmm-wrapper .nav .open > a, .zmm-wrapper .nav .open > a:focus, .zmm-wrapper .nav .open > a:hover { background-color: #111111; } .zmm-wrapper .zmm-inner .sub-nav li:last-child { border: 0 none; } .zmm-wrapper .main-menu-container .navbar-nav li > a { font-size: 13px; font-weight: 600; letter-spacing: 0; line-height: 45px; text-transform: capitalize; display: block; } .zmm-wrapper .navbar-nav { margin: 0; } body.zmm-open { overflow: hidden; } .zmm-wrapper .zmm-inner .sub-nav { padding-left: 0px; } .zmm-wrapper .zmm-inner .sub-nav li { padding-left: 30px; } .zmm-wrapper .main-menu-container .navbar-nav li > a:hover { color: #98a9bb; } .zmm-wrapper .zmm-inner .main-menu-container .navbar-nav > li > a:hover, .zmm-wrapper .zmm-inner .main-menu-container .navbar-nav > li:hover > a, .zmm-wrapper .zmm-inner .main-menu-container .navbar-nav > li li:hover, .zmm-wrapper .zmm-inner .main-menu-container .navbar-nav > li.active > a, .zmm-wrapper .zmm-inner .main-menu-container .navbar-nav .sub-nav li.current-menu-item { background: #171717; } .zmm-wrapper .zmm-inner .main-menu-container .navbar-nav li.current-menu-ancestor, .zmm-wrapper .zmm-inner .main-menu-container .navbar-nav li.current-menu-parent, .zmm-wrapper .zmm-inner .main-menu-container .navbar-nav li.current-menu-item, .zmm-wrapper .zmm-inner .main-menu-container .navbar-nav li.current-menu-item { background: #111; } .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: 13px; padding-bottom: 13px; } .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; 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 { 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 { 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 { color: #fff; font-size: 11px; font-weight: 900; } /* 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; color: #fff; } .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; } .navbar-main.zozo-main-nav li a span { margin-right: 6px; } /*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; display: inline-block; font-size: 14px; line-height: 13px; } .dropdown-menu, .navbar-right .dropdown-menu { background: #FFFFFF; min-width: 220px; border: none; border-width: 3px 0 0; border-style: solid; padding: 0px 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; } .mega-dropdown .mega-dropdown-menu ul li.megamenu-image { padding: 0; } .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: 12px 20px; 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; } .zozo-main-nav .dropdown-menu.mega-dropdown-menu li a { 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; padding: 12px 0px; } .zozo-main-nav .mega-dropdown-menu .btn { margin-top: 10px; } .zozo-main-nav .mega-dropdown-menu .megamenu-image img { position: absolute; top: 0; } .zozo-main-nav .dropdown-menu.mega-dropdown-menu a.megamenu-title, .zozo-main-nav .dropdown-menu.mega-dropdown-menu a.megamenu-title:hover { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; padding-left: 0px; } .dropdown-menu li:first-child:before { content: none; } .zozo-main-nav .dropdown-menu > li > a:focus, .zozo-main-nav .dropdown-menu > li > a:hover, .zozo-main-nav .dropdown-menu > li.dropdown:hover > a, .zozo-main-nav .sub-menu > li > a:focus, .zozo-main-nav .sub-menu > li > a:hover, .zozo-main-nav .sub-menu > li.dropdown:hover > a { background: none; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover, .zozo-main-nav .dropdown-menu.mega-dropdown-menu li > a:focus, .zozo-main-nav .dropdown-menu.mega-dropdown-menu li > a:hover, .zozo-main-nav .dropdown-menu.mega-dropdown-menu li >a { background: none; } .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"; } .header-dropdown-skin-dark .zozo-main-nav.navbar-nav .dropdown-menu, .header-dropdown-skin-dark .zozo-main-nav.navbar-nav .dropdown-menu .sub-menu, .header-dropdown-skin-dark .zozo-main-nav.navbar-nav .sub-menu, .header-dropdown-skin-dark .zozo-megamenu-wrapper, .header-dropdown-skin-dark .header-side-top-submenu.dropdown-menu { background-color: #223342 !important; } .header-dropdown-skin-light .zozo-main-nav.navbar-nav .dropdown-menu, .header-dropdown-skin-light .zozo-main-nav.navbar-nav .dropdown-menu .sub-menu, .header-dropdown-skin-light .zozo-main-nav.navbar-nav .sub-menu, .header-dropdown-skin-light .zozo-megamenu-wrapper, .header-dropdown-skin-light .header-side-top-submenu.dropdown-menu { background-color: #fff !important; } /* SUB MENU */ .dropdown-menu .sub-menu { left: 100%; position: absolute; top: -23px; padding: 20px 0; margin: 0; min-width: 220px; 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 { 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-child-ul { padding-left: 15px; text-transform: capitalize; } .megamenu-title, .megamenu-title > a { font-size: 15px !important; font-weight: bold !important; text-transform: uppercase; } /* MEGA MENU WIDGETS */ .mega-dropdown .mega-dropdown-menu .megamenu-widget .widget .widget-title { margin-bottom: 0; padding: 12px 0px; font-size: 15px; font-weight: bold; line-height: 24px; text-transform: uppercase; } .megamenu-widget .widget_recent_entries li .post-date { display: block; color: #aaa; } .mega-dropdown .mega-dropdown-menu .megamenu-widget ul li { line-height: 25px; margin-bottom: 10px; } .mega-dropdown .mega-dropdown-menu .megamenu-widget .widget span.post-date { color: #333; } .mega-dropdown .mega-dropdown-menu .megamenu-widget .widget ul { margin-top: 5px; } .mega-dropdown .mega-dropdown-menu .megamenu-widget .widget li > a { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; padding-left: 0px; } .widget .btn.mc-subscribe { padding: 9.3px 12px; width: 100%; border-radius: 0; } .zozo-megamenu-icon.title-menu { padding-right: 10px; } .megamenu-widget .textwidget p { color: #333; font-size: 13px; } .mega-dropdown .mega-dropdown-menu { color: #333; } .mega-dropdown .mega-dropdown-menu .megamenu-widget .widget.zozo_social_link_widget .zozo-social-icons li a i { color: #333; line-height: 8px; } .mega-dropdown .mega-dropdown-menu .megamenu-widget .zozo-latest-posts p { color: #333333; font-size: 13px; line-height: 24px; margin: 5px 0 0; } .mega-dropdown .mega-dropdown-menu .megamenu-widget .zozo-latest-posts h6.posts-title { font-weight: bold; line-height: 24px; margin-bottom: 0px; } .mega-dropdown .mega-dropdown-menu .megamenu-widget .widget.zozo_popular_posts_widget li.posts-item { margin: 0 0 15px 0; padding: 0 0 15px 0; } .mega-dropdown .mega-dropdown-menu .megamenu-widget .widget.zozo_popular_posts_widget .latest-posts-menu .entry-summary { margin-bottom: 0px; } .mega-dropdown .mega-dropdown-menu .megamenu-widget .widget.zozo_popular_posts_widget .latest-posts-menu .entry-date { line-height: 18px; margin-top: 5px; } .mega-dropdown .mega-dropdown-menu .megamenu-widget .widget .tagcloud a, .mega-dropdown .mega-dropdown-menu .megamenu-widget .widget .tagcloud a:hover { color: #fff; padding: 0 15px; } .mega-dropdown .mega-dropdown-menu .megamenu-widget .widget .zozo-tabs-widget .nav-tabs li h6 { font-size: 15px; font-weight: bold; } .mega-dropdown .mega-dropdown-menu .megamenu-widget .widget .zozo-tabs-widget .nav-tabs li { margin-bottom: 0px; } .mega-dropdown .mega-dropdown-menu .megamenu-widget .widget .zozo-tabs-widget .nav-tabs li a { padding: 12px 10px; } .mega-dropdown .mega-dropdown-menu .megamenu-widget .widget .zozo-tabs-widget .tab-content.zozo-tab-content .widget-entry-content h6 a, .mega-dropdown .mega-dropdown-menu .megamenu-widget .widget .zozo-tabs-widget .tab-content.zozo-tab-content .widget-entry-content .widget-entry-meta { font-size: 13px; line-height: 20px; color: #333; } .mega-dropdown .mega-dropdown-menu .megamenu-widget .widget .zozo-tabs-widget .tab-content.zozo-tab-content .widget-entry-content h6 { margin-bottom: 5px; } .mega-dropdown .mega-dropdown-menu .megamenu-widget .widget .zozo-category-posts a.btn.btn-posts { padding: 10px 12px; color: #fff; } /* Dark Skin Menu */ .header-dropdown-skin-dark .mega-dropdown-menu .megamenu-widget .widget .zozo-tabs-widget .nav-tabs li.active h6 a, .header-dropdown-skin-dark .mega-dropdown-menu .megamenu-widget .widget .zozo-tabs-widget .zozo-tab-content .widget-entry-content, .header-dropdown-skin-dark .mega-dropdown-menu .megamenu-widget .widget { color: #333; } .header-dropdown-skin-dark .mega-dropdown-menu .megamenu-widget li, .header-dropdown-skin-dark .mega-dropdown .mega-dropdown-menu .widget-title, .header-dropdown-skin-dark .mega-dropdown-menu .megamenu-widget .zozo-latest-posts p, .header-dropdown-skin-dark .mega-dropdown-menu .megamenu-widget .latest-posts-menu .entry-date i, .header-dropdown-skin-dark .mega-dropdown-menu .megamenu-widget .latest-posts-menu .entry-date, .header-dropdown-skin-dark .mega-dropdown-menu .megamenu-widget .widget_tag_cloud .tagcloud a { color: #fff; } .header-dropdown-skin-dark .mega-dropdown-menu .megamenu-widget .widget_tag_cloud .tagcloud a { border: 1px solid #f9f9f9; } /* 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: 22px; 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); -ms-transform: scale(0); -moz-transform: scale(0); -o-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); -ms-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } .overlay-menu-open .header-overlay-menu-wrapper .close-menu:hover { opacity: 1; } .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; } /* 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; } .dropdown.sub-dropdown { left: 100%; top: -8px; } /* 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; } /* ================================================================ * 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 { display: inline-block; font-weight: 700; line-height: 40px; margin: 0 0 60px 0; position: relative; text-transform: uppercase; } .parallax-title.text-left { display: block; } .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 40px; 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; } .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; } .content-area { padding-top: 75px; padding-bottom: 75px; } .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; } /* ================================================================ * BEFORE FOOTER * ================================================================ */ .before-footer .zozo-parallax-header { margin-bottom: 30px; } .before-footer .parallax-title { padding-bottom: 0; } /* CONTACT FORM 7 VALIDATION*/ .before-footer .footer-contact-form .wpcf7-validation-errors { display: none !important; } .before-footer .footer-contact-form .wpcf7-form.invalid .wpcf7-form-control-wrap input.wpcf7-not-valid, .before-footer .footer-contact-form .wpcf7-form.invalid .wpcf7-form-control-wrap textarea.wpcf7-not-valid { width: 65%; } .before-footer .footer-contact-form .wpcf7-form-control-wrap span.wpcf7-not-valid-tip { position: absolute; padding: 6px; width: 35%; top: 0; left: 65%; display: inline-block; line-height: 15px; text-align: center; } .before-footer div.wpcf7-mail-sent-ng, div.wpcf7-mail-sent-ok { position: absolute; bottom: -10px; font-size: 13px; width: 50%; right: 10px; } /*Footer Before Details*/ .footer-before-details a { color: #333; } .footer-before-details a:hover { color: #fff; } .services-item-img a:after { content: ""; left: 15px; opacity: 1; position: absolute; right: 15px; top: 15px; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; background: rgba(255, 255, 255, 0.5); bottom: 15px; } /* Footer Top */ div#footer-top-area { padding: 34px 40px; display: table; width: 100%; border-radius: 0px 10px 0px 10px; margin-top: 62px; } #footer .zozo_mailchimp_form_widget { margin: 0; display: table; width: 100%; } /* ================================================================ * FOOTER * ================================================================ */ .footer-section { background: #f2f2f2; position: relative; } .footer-copyright-section { background: #f7f7f7; padding: 15px 0 13px 0; } .footer-widgets-section { padding: 70px 0 55px 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; } .footer-widgets div.widget:not(:last-of-type) { margin-bottom: 30px !important; } .footer-widgets .zozo-social-icons li { margin-top: 0px; margin-bottom: 0px; } #menu-footer-menu li { margin: 8px 0; } /*Subscription form*/ div#footer-widgets-footer-bottom { padding: 34px 40px; background-color: #373737; display: table; background-repeat-x: repeat; width: 100%; background-position: center bottom; background-image: url(images/bar.png); border-radius: 10px; margin-top: 62px; } #footer .zozo_mailchimp_form_widget p { margin-bottom: 18px; } #footer .zozo-mailchimp-form .input-group.form-group { margin: 0; display: table; width: 100%; } #footer .zozo-mailchimp-form input { width: 80%; float: left; padding-left: 10px; background: transparent; color: #fff; border-radius: 0; } .zozo-mc-form .mailchimp-email input#subscribe_email { background: #444; color: #b1afaf; } #footer .zozo-mailchimp-form .input-group-btn { width: 20%; float: left; text-align: center; margin-top: 0; color: #171717; border-radius: 0; padding: 0; } #footer .zozo-mailchimp-form button:hover { background: #000000; color: #ffffff; } #footer .zozo-mailchimp-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #b1afaf; } #footer .zozo-mailchimp-form input::-moz-placeholder { /* Firefox 19+ */ color: #b1afaf; } #footer .zozo-mailchimp-form input:-ms-input-placeholder { /* IE 10+ */ color: #b1afaf; } #footer .zozo-mailchimp-form input:-moz-placeholder { /* Firefox 18- */ color: #b1afaf; } /*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: -6px; top: -4px; } .zozo-footer-nav.navbar-nav > li:last-child:after { content: none; } .zozo-footer-nav.navbar-nav > li > a { padding: 0; } .zozo-footer-nav.navbar-nav > li > a:hover, .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; } .footer-copyright-section .footer-copyright-left a:hover, .footer-copyright-section .footer-copyright-left a:active, .footer-copyright-section .footer-copyright-left a:focus { color: #fff; } /* Sidebar Menu */ #footer .footer-menu-sidebar { float: right; } .footer-widgets.footer-social-sidebar .widget { margin-bottom: 0; margin-top: 5px; } ul#menu-footer-bottom-menu li { display: inline-block; margin: 0; } ul#menu-footer-bottom-menu li a { padding-right: 10px; font-size: 14px; } ul#menu-footer-bottom-menu li:last-child a { padding-right: 0; } /*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 .footer-copyright-section, .footer-skin-dark .footer-widgets .form-control { background: #2e2e2e; } .footer-section.footer-skin-dark .zozo-social-icons li a:hover { opacity: .5; } .footer-skin-dark .footer-widgets .form-control { border-color: #2e2e2e; background: #fff; } .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 .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: 20px; } .zozo-parallax-header.margin-bottom-0 { margin-bottom: 0; } .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; } .zozo-revslider-section .slider-title > h2, .zozo-revslider-section .slider-title { font-size: 65px; font-weight: 700; line-height: 75px; margin: 0; text-transform: uppercase; } .zozo-revslider-section .slider-sub-title { font-size: 40px; margin-bottom: 22px; line-height: 52px; font-weight: 700; } .zozo-revslider-section .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; line-height: 30px; margin: 0; overflow: hidden; padding: 0; height: 30px; width: 30px; position: absolute; z-index: 101; top: -45px; right: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .owl-carousel.owl-theme .owl-controls .owl-nav .owl-prev { margin-right: 15px; right: 20px; } .owl-carousel.owl-theme .owl-controls .owl-nav div i { left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .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 { 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: 7px; margin: 2px; width: 22px; background: #ccc; } .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: 15px 0; } .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-member-designation { font-size: 14px; } .team-content { text-align: center; padding: 30px 15px 15px; 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; } .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 Grid Style One */ .team-box_type .team-item-img { position: relative; } .team-box_type .team-content { box-shadow: none; text-align: center; padding: 21px 21px 11px; } .team-item-inner { border: solid 1px #eaeaea; } .team-box_type .team-member-name { font-size: 18px; font-weight: 500; margin-bottom: 7px; } .team-box_type .team-content .team-member-name a { display: inline-block; font-weight: 500; line-height: 1.2; position: relative; text-transform: capitalize; } .team-box_type .zozo-team-social { margin-top: 15px; } .team-box_type .zozo-team-social li { margin: 0 1px; width: 40px; height: 40px; border: 1px solid #e1e1e1; } .team-box_type .zozo-team-social .zozo-social-icons li i { font-size: 14px; line-height: 40px; } .team-box_type .zozo-team-social li a:hover i::before { color: #fff; } /* Team Style Two */ .team-style_two .team-content .team-member-name { margin: 0 0 15px 0; } /*Team Slider Style One*/ .zozo-team-slider-wrapper.team-box_type .team-content p, .zozo-team-slider-wrapper.team-style_two .team-content p { margin-bottom: 0; } /* Team Single */ .team-single .member-image { padding-right: 30px; float: left; } .team-single .member-image .team-image img { border: 10px solid #f5f5f5; } .team-single .team-member-name:after { left: 0; right: auto; bottom: -20px; } .team-single .team-member-name { margin-top: 0; margin-bottom: 10px; } .team-single .team-member-designation { margin-bottom: 18px; } .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: 5px 8px 5px 0; } .team-single .zozo-team-social .zozo-social-icons li a { width: 30px; height: 30px; background: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -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; width: 100%; } .testimonial-item .testimonial-img > img, .testimonial-carousel-slider .owl-item .testimonial-img img { width: auto; max-width: 100%; box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.16), 0 0px 0px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.16), 0 0px 0px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.16), 0 0px 0px 0 rgba(0, 0, 0, 0.12); -ms-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.16), 0 0px 0px 0 rgba(0, 0, 0, 0.12); -o-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.16), 0 0px 0px 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%; padding: 0; 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: 22px; font-weight: 500; text-transform: capitalize; color: #333; } .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 { display: none; 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: center; } .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 { display: none; 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 { 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 { 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 { right: 0; bottom: 0; } .typo-light .testimonial-item.tstyle-border blockquote > p { color: #666; } /* 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 { border-radius: 5px; margin-top: 60px; padding: 40px 20px 20px 20px !important; position: relative; border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid; } .testimonial-item.tstyle-border2 .testimonial-img { top: -60px; left: 40px; position: absolute; 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%; } .testimonial-item.tstyle-border2 .testimonial-img > img { max-width: 90px; 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 .testimonial-rating, .testimonial-item.tstyle-border2 .testimonial-content blockquote p, .testimonial-item.tstyle-border2 .author-details > p { text-align: center; } .testimonial-item.tstyle-border2 .author-details .testimonial-author-name > a { font-size: 18px; font-weight: 700; } .testimonial-item.tstyle-style-3 .testimonial-img >img, .testimonial-carousel-slider .owl-item .testimonial-item.tstyle-style-3 .testimonial-img img { width: 90px; max-width: 100%; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; margin: 0 auto 18px; border: 1px solid #cccccc; padding: 5px; } /* Testimonial Style 3 */ .testimonial-carousel-slider .owl-item .testimonial-item.tstyle-style-3 { position: relative; text-align: right; padding: 30px 40px 30px 0; } .testimonial-carousel-slider .owl-item .testimonial-item.tstyle-style-3 .author-img-box { position: absolute; width: 25%; top: 0; left: 0; } .testimonial-carousel-slider .owl-item .testimonial-item.tstyle-style-3 .testimonial-img > img { width: auto; border: none; padding: 0; border-radius: 5px; -webkit-border-radius: 5px; margin: 0; } .testimonial-carousel-slider .owl-item .testimonial-item.tstyle-style-3 .testimonial-client-quote { display: inline-block; text-align: center; box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); padding: 45px 30px 50px 100px; width: 80%; } .typo-light .testimonial-carousel-slider .owl-item .testimonial-item.tstyle-style-3 .testimonial-client-quote { padding-top: 13px; } /* 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 { background: #fff; border: 1px solid #dadada; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; text-align: center; position: relative; } .typo-light .zozo-pricing-table-wrapper { border: none; } .zozo-pricing-item .pricing-box .pricing-head { border-radius: 10px; padding-top: 30px; position: relative; height: 170px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; } .pricing-head i { color: #333; font-size: 22px; } .featured-item .pricing-head i { color: #fff; } .zozo-pricing-item .pricing-box .pricing-head h4 { color: #000; font-size: 15px; font-weight: 500; 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: 38px; color: #fff; margin: 0; } .zozo-pricing-item .pricing-bottom .pricing-cost-wrapper .pricing-cost h3 { color: inherit; } .zozo-pricing-table-wrapper.featured-item { background: none; } .featured-item .zozo-pricing-item .pricing-cost-wrapper .pricing-cost .pricing-duration { color: #fff; } .zozo-pricing-item .pricing-cost-wrapper .pricing-cost .pricing-duration { color: #666c72; 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: 10px 0 0 0; } .zozo-pricing-item .pricing-features ul { list-style: none; padding: 0; margin: 0; } .zozo-pricing-item .pricing-features ul > li { border-top: 1px solid #eee; color: #666c72; padding: 15px 0; width: 100%; } .featured-item .zozo-pricing-item .pricing-features ul > li { color: #fff; } .zozo-pricing-item .pricing-features li.inactive { color: rgba(156, 156, 156, 0.67); } .featured-item .zozo-pricing-item .pricing-features ul > li.inactive { color: rgba(255, 255, 255, 0.67); } .zozo-pricing-item .pricing-cost-wrapper { bottom: 0px; display: block; height: 110px; left: 0; position: absolute; right: 0; } .zozo-pricing-item .pricing-cost-wrapper .pricing-cost { color: #fff; display: block; left: 0; padding-bottom: 6px; padding-top: 18px; 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; } .zozo-pricing-item .pricing-bottom .btn.btn-default { font-size: 16px; font-weight: 400; padding: 18px 30px; width: 100%; border-radius: 0 0 8px 8px; color: #fff; } .featured-item .zozo-pricing-item .pricing-bottom .btn.btn-default { background-color: #383737; } .zozo-pricing-table-wrapper .pricing-bottom .btn.btn-default:hover { background-color: #383737; } .zozo-pricing-item .pricing-ribbon-wrapper { height: 88px; overflow: hidden; position: absolute; right: 0; top: 0; width: 85px; z-index: 999; } .zozo-pricing-item .pricing-ribbon-wrapper .pricing-ribbon { box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); font-size: 12px; left: -5px; background: #333; color: #fff; padding: 8px 0 5px 0; position: relative; text-align: center; top: 10px; transform: rotate(47deg); -ms-transform: rotate(47deg); -moz-transform: rotate(47deg); -o-transform: rotate(47deg); -webkit-transform: rotate(47deg); width: 130px; text-transform: uppercase; } .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 .zozo-pricing-item .pricing-box .pricing-head h4 { padding: 0px 0 70px; } /* Style One */ .zozo-pricing-table-wrapper.price-style-one { border-radius: 0; } .zozo-pricing-table-wrapper.price-style-one .pricing-head { border-radius: 0; padding-top: 34px; } .zozo-pricing-table-wrapper.price-style-one .pricing-head .pricing-cost-wrapper { background: #000; } .zozo-pricing-table-wrapper.price-style-one .zozo-pricing-item .pricing-cost-wrapper .pricing-cost .pricing-duration { color: #fff; } .zozo-pricing-table-wrapper.price-style-one .pricing-head .pricing-cost-wrapper { background: #000; bottom: -30px; } .zozo-pricing-table-wrapper.price-style-one .pricing-features { padding: 54px 0 0 0; } .zozo-pricing-table-wrapper.price-style-one .zozo-pricing-item .pricing-features ul > li { border: none; padding: 6px 0; } .featured-item.price-style-one .zozo-pricing-item .pricing-features ul > li { color: #666c72; } .featured-item.price-style-one .zozo-pricing-item .pricing-features ul > li.inactive { color: rgba(156, 156, 156, 0.67); } .zozo-pricing-table-wrapper.price-style-one .zozo-pricing-item .pricing-bottom { padding: 25px 0 32px 0; } .zozo-pricing-table-wrapper.price-style-one .zozo-pricing-item .pricing-bottom .btn.btn-default { background-color: #383737; border-radius: 0; padding: 14px 30px 12px 30px; width: 55%; } .featured-item.price-style-one .zozo-pricing-item .pricing-box .pricing-head, .featured-item.price-style-one .zozo-pricing-item .pricing-cost-wrapper .pricing-cost, .featured-item.price-style-one .zozo-pricing-item .pricing-box .pricing-features { background: transparent !important; } /* Style Two */ .zozo-pricing-table-wrapper.price-style-two { border-radius: 0; } .zozo-pricing-table-wrapper.price-style-two .zozo-pricing-item .pricing-box .pricing-head { background: #eee; border-radius: 0; padding-top: 34px; } .zozo-pricing-table-wrapper.price-style-two .zozo-pricing-item .pricing-box .pricing-head .pricing-cost-wrapper { background: #fff; bottom: -30px; } .zozo-pricing-table-wrapper.price-style-two .pricing-features { padding: 30px 0 0 0; } .zozo-pricing-table-wrapper.price-style-two .pricing-features ul > li { background: #fff; } .zozo-pricing-table-wrapper.price-style-two .pricing-features ul > li:nth-of-type(odd) { background: #F8F8F8; } .featured-item.price-style-two .zozo-pricing-item .pricing-features ul > li { color: #666c72; } .featured-item.price-style-two .zozo-pricing-item .pricing-features ul > li.inactive { color: rgba(156, 156, 156, 0.67); } .zozo-pricing-table-wrapper.price-style-two .zozo-pricing-item .pricing-bottom .btn.btn-default { background-color: #383737; border-radius: 0; } /* ================================================================ * FEATURES LIST * ================================================================ */ .zozo-features-list-wrapper .features-list-inner { margin-bottom: 15px; 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; left: 0; 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%); } /* ================================================================ * BLOG * ================================================================ */ /* ---- Sticky Post ---- */ #sc-posts-infinite-container, #archive-posts-container { position: relative; } .entry-content p, .entry-summary p { margin-bottom: 15px; } 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%; } .post-date i, .post-comment-count i, .entry-meta i { margin-right: 6px; } .entry-meta-wrapper .entry-meta .meta-name { padding-right: 7px; } .entry-meta-wrapper .post-date i, .entry-meta-wrapper .post-comment-count i, .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; 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 0px 1px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12); -ms-box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12); -o-box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12); text-align: center; } .zozo-social-share-box .zozo-social-share-icons li a:hover { color: #fff; } .large-layout .large-posts { border-bottom: 1px dashed #e1e1e1; margin-bottom: 48px; padding-bottom: 48px; } .large-layout .large-posts:last-child { margin-bottom: 0; border-bottom: 0; } .large-posts .posts-content-container .entry-meta-wrapper { float: none; } #zozo-blog-posts-container .large-posts .posts-content-container { padding: 0; } /* ============ Blog List ============ */ .list-posts { padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #eee; } .list-layout .list-posts .post-featured-image, .list-layout .list-posts .audio-player, .list-layout .list-posts .video-player { 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: 185px; 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%; } #zozo-blog-posts-container .list-layout .posts-content-container { padding: 0; } .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; -ms-word-wrap: break-word; word-wrap: break-word; } .related-post-summary { -ms-word-wrap: break-word; word-wrap: break-word; } .related-post-item .related-content-wrapper h5 a { color: #333; } /*Grid Blog*/ #zozo-blog-posts-container .posts-content-container { padding: 20px 20px 0; } #zozo-blog-posts-container .posts-content-container .entry-meta-wrapper { padding-bottom: 20px; } #zozo-blog-posts-container .posts-content-container .entry-meta-wrapper .read-more { margin-bottom: 0; } /* 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; } /*Latest Post*/ .latest-posts-layout.row { margin-left: 0; margin-right: 0; } .latest-posts-list-style .post-featured-image.list-featured-image { max-width: 200px; } .latest-posts-list-style .posts-content-container { background: #fff; padding: 11px 14px !important; } .latest-posts-list-style .posts-content-container h2 > a { color: #333; font-size: 24px; } .latest-posts-list-style .posts-content-container .entry-meta-wrapper { margin-top: 10px; } .latest-posts-list-style .posts-content-container .entry-meta-wrapper li.read-more { margin-bottom: 0; } .latest-posts-slider .entry-summary { margin-bottom: 15px; } /* 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 { -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 { 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 { 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 { 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 { 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 { 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 { 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-audio.has-post-thumbnail .post-featured-image.only-image .entry-thumbnail-wrapper::before { content: "\f001"; position: absolute; left: 0; right: 0; text-align: center; font-family: FontAwesome; z-index: 1; color: #fff; font-size: 40px; top: 50%; transform: translateY(-50%); } .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; } .post-inner-wrapper .video-player, .post-inner-wrapper .audio-player { margin-bottom: 25px; } /* 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 { overflow: hidden; padding: 20px; background: #fff; } .latest-posts-slider .posts-content-container { border: 1px solid #eee; border-top: none; } .post-container-padding .latest-posts-slider .posts-content-container { padding: 20px 20px 0; } .latest-posts-slider .posts-content-container .read-more .btn-more.read-more-link { border: none; color: #333; display: block; font-size: 13px; font-weight: 600; text-decoration: none; } .latest-posts-slider .posts-content-container .read-more .btn-more.read-more-link:after { content: "\f054"; color: inherit; font-family: FontAwesome; font-size: 8px; font-weight: 100; margin-left: 8px; } .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; } .grid-posts .post-inner-wrapper .video-player { margin-bottom: 0; } .grid-posts .post-inner-wrapper .audio-player { margin-bottom: -10px; } /* LATEST POST SLIDER */ .latest-posts-slider .entry-meta-wrapper, .latest-posts-slider .entry-meta-wrapper a, .latest-posts-slider .entry-meta-wrapper p, .latest-posts-slider .entry-summary p { color: #333; } .latest-posts-slider .entry-meta-top-wrapper { padding: 0 15px; } .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; } /* New */ .posts-content-container .read-more { display: inline-block; } .posts-content-container .entry-meta-wrapper { padding: 15px 0; float: left; width: 100%; } .entry-meta-wrapper .entry-meta { float: left; width: auto; margin: 0; } .entry-meta-wrapper .read-more { float: right; } .zozo-blog-posts-wrapper .entry-meta-wrapper .read-more { padding: 0; } .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 { position: absolute; right: 10px; top: 10px; } .entry-meta-wrapper .entry-meta .sticky-post i { font-size: 20px; } .entry-meta-wrapper .post-date, .entry-meta-wrapper .post-comment-count, .entry-meta-wrapper .entry-meta .post-author { float: left; display: inline-block; margin-right: 25px; } .entry-meta-wrapper .comments-link { float: right; } .entry-meta-wrapper .comments-link > a { padding-left: 5px; color: #333; } .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, .latest-posts-slider .entry-header a { 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 { max-width: 100%; display: block; margin: 0 auto; } .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-size: 20px; font-weight: normal; } .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 0 3px 0 rgba(0, 0, 0, 0.16), 0 0px 1px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.16), 0 0px 1px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.16), 0 0px 1px 0 rgba(0, 0, 0, 0.12); -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.16), 0 0px 1px 0 rgba(0, 0, 0, 0.12); -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.16), 0 0px 1px 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; } .typo-light .pagination span.page-numbers.dots { color: #fff; } .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; line-height: 36px; 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 { 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; } .search-404page .search-form input { background-color: #eee; } .search-page-form .search-form input { background: #f7f7f7; } .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; margin-top: 30px; } .comments-title { margin-bottom: 15px; } .zozo-all-comments ul.children { list-style: none; padding-left: 40px; } .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 { border: 1px solid #ccc; 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.format-standard { margin-bottom: 30px; } .latest-posts-layout .post.format-standard:last-child { margin-bottom: 0; } .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; margin-bottom: 7px; } .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; } .zozo-latest-posts-wrapper .entry-header { margin-bottom: 0; } .zozo-latest-posts-wrapper h2.entry-title { margin-bottom: 2px; } /* Post Thumbnail */ .zozo-latest-posts-wrapper .has-post-thumbnail { margin-bottom: 30px; } /* ================================================================ * 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%); } .bg-overlay-dark .vc_progress_bar .vc_label { color: #fff; } /* ================================================================ * CONTACT US * ================================================================ */ input, .input, input.form-control, select, select.form-control { background: #fff; border: none; font-size: 14px; height: 40px; line-height: 20px; } .zozo-contact-form input::-moz-placeholder { color: #333 !important; } .zozo-contact-form input::-webkit-input-placeholder { color: #333 !important; } .zozo-contact-form input:-ms-input-placeholder { color: #333 !important; } .zozo-contact-form textarea::-moz-placeholder { color: #333 !important; } .zozo-contact-form textarea::-webkit-input-placeholder { color: #333 !important; } .zozo-contact-form textarea:-ms-input-placeholder { color: #333 !important; } .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; } input:focus, .form-control:focus, textarea:focus, select:focus { outline: none; } .form-style-default input, .form-style-default textarea { 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-default textarea { border: none; } .bg-style .zozo-contact-form .btn.zozo-submit { background-color: #fff; color: #000; } .bg-style .zozo-contact-form .btn.zozo-submit:hover { background-color: #000; color: #fff; } .bg-style .zozo-contact-form input::-webkit-input-placeholder, .bg-style .zozo-contact-form textarea::-webkit-input-placeholder { color: #fff; } .bg-style .zozo-contact-form input::-moz-placeholder, .bg-style .zozo-contact-form textarea::-moz-placeholder { color: #000000; } .bg-style .zozo-contact-form input:-ms-placeholder, .bg-style .zozo-contact-form textarea:-ms-placeholder { color: #000000; } .bg-style .zozo-contact-form input:-moz-placeholder, .bg-style .zozo-contact-form textarea:-moz-placeholder { color: #000000; } .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 { } .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: 11px; border: none; } .wpcf7 .height-large { max-height: none; } .wpcf7 p { font-weight: bold; } .wpcf7 input[type="submit"] { width: 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-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); background: #000; color: #fff; } .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 0px 1px 0 rgba(0, 0, 0, 0.16), 0 2px 1px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.16), 0 2px 1px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.16), 0 2px 1px 0 rgba(0, 0, 0, 0.12); -ms-box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.16), 0 2px 1px 0 rgba(0, 0, 0, 0.12); -o-box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.16), 0 2px 1px 0 rgba(0, 0, 0, 0.12); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 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; margin-bottom: 25px; } .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%; } .footer-contact-form .wpcf7 input, .footer-contact-form .wpcf7 textarea { background: transparent; box-shadow: none; border-bottom: 1px solid #000000; border-left: transparent; border-right: transparent; border-top: transparent; color: #000000; border-radius: 0px; padding-left: 4px; margin-bottom: 0px; } .footer-contact-form .wpcf7 input:focus, .footer-contact-form .wpcf7 textarea:focus { border-color: unset !important; outline: transparent; border-top: transparent; border-left: transparent; border-right: transparent; } .footer-contact-form .wpcf7 .wpcf7-submit { border-bottom: none; background: #ffffff; border-radius: 0px; color: #000000; padding: 12px 30px; } .footer-contact-form .wpcf7 input::-webkit-input-placeholder, .footer-contact-form .wpcf7 textarea::-webkit-input-placeholder { color: #000000; } .footer-contact-form .wpcf7 input::-moz-placeholder, .footer-contact-form .wpcf7 textarea::-moz-placeholder { color: #000000; } .footer-contact-form .wpcf7 input:-ms-placeholder, .footer-contact-form .wpcf7 textarea:-ms-placeholder { color: #000000; } .footer-contact-form .wpcf7 input:-moz-placeholder, .footer-contact-form .wpcf7 textarea:-moz-placeholder { color: #000000; } /* Event Booking Sidebar */ .event-book-now-form .wpcf7-form .wpcf7-form-control-wrap input, .event-book-now-form .wpcf7-form .wpcf7-form-control-wrap textarea { margin-bottom: 21px; } .event-book-now-form .wpcf7-form p { margin-bottom: 0; } /* Event Booking Validation */ .event-book-now-form .wpcf7-form.invalid .wpcf7-form-control-wrap input.wpcf7-not-valid, .event-book-now-form .wpcf7-form.invalid .wpcf7-form-control-wrap textarea.wpcf7-not-valid { width: 65%; } .event-book-now-form .wpcf7-form-control-wrap span.wpcf7-not-valid-tip { position: absolute; padding: 6px; width: 35%; top: 0; left: 65%; display: inline-block; line-height: 15px; text-align: center; } .event-book-now-form .wpcf7 .wpcf7-validation-errors { display: none !important; } /* Appointment Form */ .selectbox-arrow select { color: #888; outline: none; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; padding: 5px 5px 5px 10px; 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; } /* Typolight Contact form 7 */ .typo-light .wpcf7 input, .typo-light .wpcf7 select, .typo-light .wpcf7 textarea { border: 1px solid #ffffff; } .typo-light .wpcf7 select { color: #ffffff; } .typo-light .selectbox-arrow select option { color: #888; } .typo-light .wpcf7 textarea { background: unset; } .typo-light .wpcf7 input.wpcf7-form-control.wpcf7-submit { border: none; } .typo-light .wpcf7 input::-webkit-input-placeholder, .typo-light .wpcf7 textarea::-webkit-input-placeholder { color: #ffffff; } .typo-light .wpcf7 input::-moz-placeholder, .typo-light .wpcf7 textarea::-moz-placeholder { color: #ffffff; } .typo-light .wpcf7 input:-ms-placeholder, .typo-light .wpcf7 textarea:-ms-placeholder { color: #ffffff; } .typo-light .wpcf7 input:-moz-placeholder, .typo-light .wpcf7 textarea:-moz-placeholder { color: #ffffff; } /* 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 { max-width: 100%; } .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; } .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; } .zozo-mc-form .mailchimp-email .form-group { margin-bottom: 0; } /* ================================================================ * 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%; } .zozo-portfolio-grid-wrapper .no-gutter .portfolio-item { margin-bottom: 0; } /* 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.active { color: #fff; } .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:hover { color: #fff; } .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; } /* ZOOM IN & ZOOM OUT */ .portfolio-overlay.zoomin, .portfolio-item:hover .portfolio-overlay.zoomout { transform: scale(0); -ms-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0); } .portfolio-item:hover .portfolio-overlay.zoomin { transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); } /* MASK STYLES */ .portfolio-item .portfolio-mask { 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%; height: 100%; visibility: hidden; opacity: 0; z-index: 1; } .default-grid-style .portfolio-item .portfolio-mask { padding: 24px 24px; height: inherit; } .portfolio-item:hover .portfolio-mask { visibility: visible; opacity: 1; } .classic-grid-style .portfolio-item:hover .portfolio-content::before, .style_one-grid-style .portfolio-item:hover .portfolio-content::before { background: none; } .overlay-full .portfolio-title a, .overlay-full .portfolio-cat a, .default-grid-style .portfolio-title a { color: #fff; } .portfolio-item .post-inside-wrapper .portfolio-content .portfolio-image-overlay-wrapper { position: relative; } .classic-grid-style .portfolio-item .post-inside-wrapper .portfolio-content .portfolio-image-overlay-wrapper { z-index: -1; } .portfolio-item:hover .post-inside-wrapper .portfolio-content .portfolio-image-overlay-wrapper:before { background: rgba(0, 0, 0, 0.6); content: ""; z-index: 1; height: 100%; width: 100%; position: absolute; -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 > 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%; } .zozo-portfolio-slider-wrapper .style-default .portfolio-content .portfolio-mask.overlay-mask { padding: 0; position: absolute; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align: center; height: auto; } /* 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: 35px; 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); } .style_two-grid-style .portfolio-item ul.overlay-buttons { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } /* 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%; } .zozo-portfolio-grid-wrapper .portfolio-item { margin-bottom: 30px; } /* 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; } .typo-light .classic-grid-style p { color: #333; } .classic-grid-style ul.overlay-buttons { top: 50%; left: 0; right: 0; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .classic-grid-style .portfolio-item:hover .post-inside-wrapper .portfolio-content { box-shadow: none; } .zozo-portfolio-grid-wrapper .style-classic .portfolio-inner-wrapper { margin: -40px auto 25px; width: 86%; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.16); -ms-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.16); -o-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.16); background: #fff none repeat scroll 0 0; z-index: 9; } .zozo-portfolio-grid-wrapper .portfolio-item.style-classic:hover .post-inside-wrapper .portfolio-content .portfolio-image-overlay-wrapper:before { background: none; } .zozo-portfolio-grid-wrapper .portfolio-item.style-classic { margin-bottom: 0; } /* 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 { 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: #000; } .style_two-grid-style .post-inside-wrapper { -webkit-box-shadow: 0 14px 45px rgba(0,0,0,0.75); -moz-box-shadow: -8px 5px 47px -12px rgba(0,0,0,0.75); box-shadow: -2px 0px 47px -10px rgba(0,0,0,0.75); } /* ---------- 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 { 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; } .portfolio-single-details .portfolio-box { margin-bottom: 20px; } .portfolio-single-details .portfolio-box p { display: inline-grid; } .portfolio-single-details .portfolio-box strong { margin-bottom: 5px; } .portfolio-single-details .zozo-social-share-box .zozo-social-share-icons li { margin: 5px 8px 5px 0; } .portfolio-single-details .zozo-social-share-box .zozo-social-share-icons li a { border-radius: 0; background: #eee; box-shadow: none; height: 35px; width: 35px; line-height: 35px; } .portfolio-single-details .zozo-social-share-box .zozo-social-share-icons li a:hover, .portfolio-single-details .zozo-social-share-box .zozo-social-share-icons li a:active, .portfolio-single-details .zozo-social-share-box .zozo-social-share-icons li a:focus { background: #eee !important; } .portfolio-single-details .zozo-social-share-box .zozo-social-share-icons li.email a:hover i { color: #007ab5; } /* 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.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; } .portfolio-slider-item:hover .portfolio-overlay { background-color: rgba(0, 0, 0, 0.6); } .portfolio-slider-item:hover .portfolio-content .portfolio-overlay { opacity: 1; visibility: visible; } .portfolio-slider-item .overlay-buttons > li > a, .portfolio-slider-item .portfolio-mask > a { color: #333; } .portfolio-slider-item .overlay-buttons > li > a:hover, .portfolio-slider-item .portfolio-mask > a:hover { color: #fff; } .portfolio-slider-item .portfolio-mask { height: auto; } .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; -ms-transform: none; -moz-transform: none; -o-transform: none; -webkit-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 */ .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; } .blog-carousel-slider .owl-prev.style-light { left: 15px; } .blog-carousel-slider .owl-next.style-light { right: 15px; } .blog-carousel-slider .owl-prev.style-light, .blog-carousel-slider .owl-next.style-light { color: #ffffff; font-size: 25px; height: 40px; line-height: 37px; position: absolute; text-align: center; width: 39px; 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; } .blog-carousel-slider .owl-prev.style-light:hover, .blog-carousel-slider .owl-next.style-light:hover { opacity: 0.8; cursor: pointer; } .blog-carousel-slider .owl-next.style-light, .blog-carousel-slider .owl-next.style-light, .blog-carousel-slider .owl-prev.style-light, .blog-carousel-slider .owl-prev.style-light { color: #fff; } /* ================================================================ * 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: 0px; } /* 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; } /* ================================================================ * Timeline * ================================================================ */ .zozo-timeline-wrapper { padding-bottom: 50px; position: relative; } .zozo-timeline-wrapper .timeline-align-right::before { content: ''; position: absolute; top: 0; right: -17px; height: 100%; width: 4px; z-index: -1; } .zozo-timeline-wrapper .timeline-align-left::after { content: ''; position: absolute; top: 0; left: -17px; height: 100%; width: 4px; z-index: -1; } .zozo-timeline-wrapper .timeline-align-right { margin-left: 55px; } .zozo-timeline-wrapper .timeline-align-left { margin-left: -55px; } .zozo-timeline-item { padding-bottom: 20px; } .zozo-timeline-item.timeline-style-1, .zozo-timeline-item.timeline-style-2.timeline-align-left, .zozo-timeline-item.timeline-style-2.timeline-align-right { display: table; width: 100%; } .zozo-timeline-item.timeline-style-1 .zozo-time-separator-text, .zozo-timeline-item.timeline-style-1 .timeline-content-wrapper, .zozo-timeline-item.timeline-style-2 .zozo-time-separator-text, .zozo-timeline-item.timeline-style-2 .timeline-content-wrapper, .zozo-timeline-item.timeline-style-2 .timeline-separator-outer { display: table-cell; vertical-align: top; } .zozo-timeline-item.timeline-style-1 .zozo-time-separator-text .zozo-time-separator-inner { position: relative; width: 82px; } .zozo-timeline-item.timeline-style-1 .timeline-separator-border { border-left: 1px dashed #171717; height: 100%; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); position: absolute; width: 0; } .zozo-timeline-item.timeline-style-1 .timeline-content-wrapper { border: 1px solid; padding: 20px; position: relative; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; } .zozo-timeline-item.timeline-style-1.timeline-skin-dark .timeline-content-wrapper { background: #171717; } .zozo-timeline-item.timeline-style-1 .timeline-content-wrapper::before { content: "\f0d9"; font-family: "FontAwesome"; font-size: 28px; position: absolute; left: -9px; top: 27px; } .zozo-timeline-item.timeline-style-1 .zozo-time-separator-text .timeline-sep-text { border: 1px solid; border-radius: 50%; height: 82px; line-height: 82px; margin: 0 auto; text-align: center; width: 82px; position: relative; color: #ffffff; } .zozo-timeline-item.timeline-style-1.timeline-skin-dark .zozo-time-separator-text .timeline-sep-text { background: #171717; } .zozo-timeline-item.timeline-style-1.timeline-skin-dark .timeline-content-wrapper::before { color: #171717; } .zozo-timeline-item.timeline-style-1.timeline-skin-dark { color: #fff; } .zozo-timeline-item.timeline-style-1 .imgframe-wrapper img { width: 100%; } .zozo-timeline-item.timeline-style-1 .zozo-imageframe { margin-bottom: 0px; } /* Style 2 */ .zozo-timeline-item.timeline-style-2 .timeline-separator-outer { width: 100px; position: relative; } .zozo-timeline-item.timeline-style-2 .timeline-separator-border { border-left: 1px dashed #171717; height: auto; left: 50%; position: absolute; width: 0; top: 20px; bottom: 0; } .zozo-timeline-item.timeline-style-2 .timeline-separator-border:before { background: #171717; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; content: ""; height: 9px; left: 50%; position: absolute; top: -20px; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); width: 9px; } .zozo-timeline-item.timeline-style-2.timeline-skin-light .timeline-separator-border::before { background: #fff none repeat scroll 0 0; } .zozo-timeline-item.timeline-style-2 .timeline-title, .zozo-timeline-item.timeline-style-2 .timeline-sep-text { float: left; width: 100%; } /* Timeline Left */ .zozo-timeline-item.timeline-style-1.timeline-align-left .zozo-time-separator-text { padding-right: 20px; } /* Timeline Right */ .zozo-timeline-item.timeline-style-2.timeline-align-center-right { display: block; overflow: hidden; } .zozo-timeline-item.timeline-style-1.timeline-align-right .timeline-content-wrapper:before { right: -9px; left: auto; content: '\f0da'; } .zozo-timeline-item.timeline-style-1.timeline-align-right .zozo-time-separator-text { padding-left: 20px; } .zozo-timeline-item.timeline-style-1.timeline-align-right .timeline-content-wrapper, .zozo-timeline-item.timeline-style-2.timeline-align-right .timeline-content-wrapper { text-align: right; } /* Timeline Center */ .zozo-timeline-item.timeline-style-1.timeline-align-center { display: block; width: 100%; } .zozo-timeline-item.timeline-style-1.timeline-align-center .zozo-time-separator-text, .zozo-timeline-item.timeline-style-1.timeline-align-center .timeline-content-wrapper { display: block; } .zozo-timeline-item.timeline-style-1.timeline-align-center .zozo-time-separator-text .zozo-time-separator-inner { margin: 0 auto; } .zozo-timeline-item.timeline-style-1.timeline-align-center .timeline-content-wrapper:before { content: '\f0d8'; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); top: -17px; } .zozo-timeline-item.timeline-style-1.timeline-align-center .timeline-content-wrapper { margin-top: 70px; text-align: center; } .zozo-timeline-item.timeline-style-2.timeline-align-center-left .timeline-centered-content-wrapper, .zozo-timeline-item.timeline-style-2.timeline-align-center-right .timeline-centered-content-wrapper { display: table; width: 55%; } .zozo-timeline-item.timeline-style-2.timeline-align-center-right .timeline-centered-content-wrapper { float: right; } .zozo-timeline-item.timeline-style-2 .timeline-centered-wrapper .timeline-separator-outer { width: 115px; } .zozo-timeline-item.timeline-style-2 .timeline-centered-wrapper .zozo-time-separator-text { display: block; text-align: center; } .zozo-timeline-item.timeline-style-2.timeline-align-center-left .timeline-content-wrapper { text-align: right; } /* ================================================================ * WIDGETS * ================================================================ */ .widget { margin-bottom: 25px; } .sidebar .widget { margin-bottom: 50px; } .widget-title { border-bottom: 1px solid #e1e1e1; } .sidebar .widget-title { margin-top: 0; } .widget.widget_search { padding: 0; border: none; } .widget.widget_search .widget-title { display: none; } .widget input, .widget select, .widget textarea { width: 100%; } .widget ul { padding: 0px; list-style: none; margin-bottom: 0; } .widget li { list-style: none; line-height: 26px; } .widget.widget_recent_entries li a, .widget.widget_recent_comments li .comment-author-link a, .widget.zozo_category_posts_widget li a, .widget.widget_categories li a, .widget.widget_archive li a, .widget.widget_meta li a, .widget.widget_nav_menu li a, .widget.widget_edd_categories_tags_widget li a, .widget.widget_pages 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; } .sidebar .search-form input, .search-form input { background: #f7f7f7; } .sidebar select { border: 1px solid #e1e1e1; } .sidebar select.postform:focus { outline: none; } /* 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; } /* Secondary 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; } /*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; line-height: 1.5; } .sidebar .zozo_popular_posts_widget .latest-post-content .posts-title { margin-bottom: 3px; } .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; } .zozo_popular_posts_widget .latest-post-content .posts-title { margin-bottom: 12px; } /*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:first-child { border-top: 0; } .widget_recent_entries li { padding-bottom: 12px; } .widget_recent_entries li:last-child { padding-bottom: 0; } .posts-item:last-child { margin-bottom: 0; } .posts-title { margin-top: 0; } .widget_nav_menu ul li a { margin-bottom: 5px; } .widget_nav_menu ul li .sub-menu { margin-left: 10px; } .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; } .wpb_widgetised_column .widget_recent_entries li { list-style-type: disc; margin: 0px 0px 10px 18px; } /*Services widget*/ .sidebar .services-contact { display: inline-block; } .sidebar .services-contact .section { display: block; overflow: hidden; padding-bottom: 12px; } .sidebar .services-contact .section:last-child { padding-bottom: 0; } .sidebar .services-contact .section .icon { width: 5%; float: left; margin-right: 8%; } .sidebar .services-contact .section .details { width: 87%; float: left; } .services-brochure .list-group.panel { border: none; } .services-brochure .list-group-item { padding: 10px 17px; } .services-brochure .list-group-item { margin-bottom: 5px; } .services-brochure .list-group-item:first-child, .services-brochure .list-group-item:last-child { border-radius: none; } .widget a.btn.btn-square { padding-top: 15px; padding-bottom: 15px; border-radius: 0; } /* Awards */ .wpb_heading.wpb_singleimage_heading { font-size: 22px !important; } /* 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: 13px !important; letter-spacing: 0.2px; margin-bottom: 5px; padding: 0 15px; text-transform: lowercase; line-height: 2.2; } .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: #bbb; position: relative; padding-left: 6px; font-size: 11px; } .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: #aaa; 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; } /* Service Widget */ .widget .menu-services-container ul li a { background: #f1f1f1 none repeat scroll 0 0; display: block; padding: 10px 12px; } .widget .menu-services-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: #000; } /* Campaign Widget */ .widget_charitable_donation_stats_widget .donation-stats li { padding: 10px 0; font-size: 15px; } /* Download BTN */ .widget .vc_btn3 i { line-height: 20px !important; } /* 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; } /*instagram widget*/ /*Instagram Pictures*/ .widget .instagram-pics li { display: inherit; float: left; height: 90px; width: 33.3333%; padding: 3px !important; } .widget .instagram-pics li .insta-footer-img { background-position: center; height: 100%; width: 100%; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; } .instagram-pics.instagram-size-thumbnail li { height: 85px; width: 85px; } .instagram-pics.instagram-size-large li { height: 100px; width: 50%; } /* Cols */ .widget .instagram-pics.insta-col-2 li { width: 50%; } .widget .instagram-pics.insta-col-3 li { width: 33.3333%; } .widget .instagram-pics.insta-col-4 li { width: 25%; } .widget .instagram-pics.insta-col-5 li { width: 20%; } .widget .instagram-pics.insta-col-6 li { width: 16.66666%; } .widget .instagram-pics.insta-col-8 li { width: 12.5%; } .widget .instagram-pics.insta-col-10 li { width: 10%; } ul.nav.instagram-pics { margin: 0 -3px; } .widget .instagram-pics.instagram-size-original li { width: 100%; height: 150px; } .widget-area .instagram-pics.instagram-size-large li { width: 33.3%; height: 100px; } .widget.null-instagram-feed .clear { text-align: center; margin-bottom: 0; } .null-instagram-feed p a { padding: 8px 25px; display: inline-block; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; -o-border-radius: 40px; -ms-border-radius: 40px; margin-top: 20px; color: #fff; } .null-instagram-feed p a:hover { background: #000; } .widget .instagram-pics li a { padding: 0; height: 100%; } /* Instagram Hover Effects */ .instagram-pics > li > a div.insta-footer-img { position: relative; } .widget .instagram-pics > li > a div.insta-footer-img { position: relative; overflow:hidden; } .instagram-pics > li > a div.insta-footer-img:before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .instagram-pics > li > a div.insta-footer-img:hover:before { -webkit-animation: shine .75s; animation: shine .75s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } /* ================================================================ * FOOTER WIDGETS * ================================================================ */ .footer-widgets .widget h3 { background: none; margin: 0 0 30px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; } .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; 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: transparent; border-color: rgba(255, 255, 255, 0.2); 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; } .footer-widgets .widget_recent_entries li { margin-bottom: 16px; padding-left: 28px; position: relative; } .footer-widgets .widget_recent_entries li:last-child { margin-bottom: 0; } .footer-widgets .widget_recent_entries li .post-date { display: block; font-size: 14px; opacity: 0.7; } .footer-widgets .widget_recent_entries li:before { background: #fff; content: ""; height: 2px; left: 0; position: absolute; top: 13px; width: 10px; } .footer-skin-light .widget_recent_entries li:before { background: #444; } .footer-section .woocommerce ul.product_list_widget li, .footer-section .woocommerce-page ul.product_list_widget li { display: block; overflow: hidden; } .footer-section .woocommerce ul.product_list_widget li:last-child, .footer-section .woocommerce-page ul.product_list_widget li:last-child { padding-bottom: 0; } /* 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; } .footer-widgets .textwidget i { color: #fff; padding-right: 10px; } .footer-skin-light .textwidget i { color: #444; } /* ================================================================ * 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; } /*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; } /* ================================================================ * VIDEO POPUP * ================================================================ */ .zozo-vc-modal-wrapper.play-icon-popup img { position: absolute; top: 50%; right: 0; left: 0; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); -webkit-transition: all .3s cubic-bezier(.25,.1,.11,1.33); -moz-transition: all .3s cubic-bezier(.25,.1,.11,1.33); -o-transition: all .3s cubic-bezier(.25,.1,.11,1.33); -ms-transition: all .3s cubic-bezier(.25,.1,.11,1.33); transition: all .3s cubic-bezier(.25,.1,.11,1.33); } .zozo-vc-modal-wrapper.play-icon-popup img:hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); top: 36.5%; } /* ================================================================ * 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; } /* ================================================================ * 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); } #zozo-backtotop:hover { background: #000; color: #fff; } /* ================================================================ * 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, .header-skin-dark .logo-h1 { 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; } /* LIGHT */ .header-skin-light .logo-h1 { color: #333333; } /* 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; } .header-dropdown-skin-light .header-main-section .woo-cart-item a.remove.remove-cart-item { color: #fff; line-height: 19px; font-size: 15px; } /* 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 */ .bg-skin-dark a:hover, .bg-skin-dark a:active, .bg-skin-dark a:focus { color: #fff; } .bg-style.dark-grey-wrapper { background: #222; } .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; } .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 */ .bg-skin-dark .zozo-feature-box.feature-box-style.style-overlay-box .grid-box-inner { border: 1px solid #7c7c7c; } .bg-skin-dark .grid-item .grid-box-inner .grid-overlay-top { background: #2e2e2e; } .bg-skin-dark .grid-overlay-top .grid-title { color: #fff; } .bg-skin-dark .style-sep-yes .grid-item .grid-button { border-top-color: #7c7c7c; } .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; } .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; } .bg-skin-dark .zozo-feature-box.style-box-with-bg { background-color: #2e2e2e; } .zozo-feature-box.background-color .grid-title:hover { color: #fff; } /* Services Box */ .bg-skin-dark .zozo-vc-service-box .service-box-inner { background: #2e2e2e; border: 1px solid #7c7c7c; } .bg-skin-dark .zozo-vc-service-box .service-box-content h4 { border-bottom-color: #7c7c7c; } /* Pricing Table */ .bg-skin-dark .zozo-pricing-table-wrapper { background: #2e2e2e; } .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 */ .bg-skin-dark .vc_progress_bar .vc_single_bar { background: #7c7c7c; } /* Tour */ .vc_tta .vc_tta-tab a { border: none !important; } .vc_tta .vc_tta-tab a:hover, .vc_tta .vc_tta-tab a:active, .vc_tta .vc_tta-tab a:focus, .vc_tta .vc_tta-tab.vc_active a { color: #fff !important; } /* Testimonials Slider */ .bg-skin-dark .testimonial-item.tstyle-border2 .testimonial-img { background: #333; border-color: #7c7c7c; } .bg-skin-dark .testimonial-item.tstyle-border2 { border-color: #7c7c7c; } .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 { background: #2e2e2e; } .bg-skin-dark .testimonial-item.tstyle-border .testimonial-content:after { border-color: #2e2e2e transparent transparent; } .bg-skin-dark .testimonial-item.tstyle-border .testimonial-content:before { border-top-color: #2e2e2e; } /* Contact Form */ .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 */ .bg-skin-dark .wpcf7 textarea, .bg-skin-dark .wpcf7 .wpcf7-text, .bg-skin-dark .wpcf7-form-control { background: #202020; 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 */ .bg-skin-dark .grid-posts { background: #2e2e2e; } .bg-skin-dark h2.entry-title a { color: #fff; } .bg-skin-dark .list-posts { border-color: #7c7c7c; } .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 */ .bg-skin-dark .countdown-section { background: #2e2e2e; } /* VC Post Masonry grid */ .bg-skin-dark .vc_grid-item .vc_gitem-zone, .bg-skin-dark .vc_grid-item .vc_grid-item-mini { background: #2e2e2e!important; } /*Vc Tab */ .bg-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-tabs .vc_tta-panels { background: #2e2e2e; border-color: #7c7c7c; color: #fff; } .bg-skin-dark .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab > a { background: #2e2e2e; color: #fff !important; } .vc_tta-container .vc_tta-color-grey li.vc_tta-tab a { background-color: #EBEBEB; color: #666; } .bg-skin-dark .vc_tta.vc_general .vc_tta-tab.vc_active > a { color: #333; } /*Zozo tab */ .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; } .bg-skin-dark .zozo-tabs-widget .nav-tabs li.active h6 a { background: #333; } .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 */ .bg-skin-dark .zozo-social-icons.social-style-bordered li a { border-color: #7c7c7c; } /*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; } /* ================================================================ * 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-light .parallax-sub-title { color: #fff !important; } .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_btn3-style-default.vc_btn3-color-white { color: #fff; }*/ .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_general.vc_btn3.vc_btn3-style-custom:hover, .vc_general.vc_btn3.vc_btn3-style-custom:active, .vc_general.vc_btn3.vc_btn3-style-custom:focus { color: #fff !important; } .vc_btn3.vc_btn3-size-md { padding: 10px 30px; } .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; } .btn:hover, .btn:focus, input[type="submit"]:hover, input[type="submit"]: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 { background: #000; } .vc_general.vc_btn3.vc_btn3-style-custom:hover, .vc_general.vc_btn3.vc_btn3-style-custom:active, .vc_general.vc_btn3.vc_btn3-style-custom:focus { background: #000 !important; } /* ================================================================ * 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 { margin-bottom: auto !important; } .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: 23px; font-weight: 700; 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: 3px; background: #fff; } .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-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 { vertical-align: top; position: relative; } .grid-item .grid-icon-wrapper { margin-bottom: 15px; } /* ICON LINE */ .zozo-feature-box.style-default-box .grid-icon-wrapper i { position: relative; } .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.custom-padding .grid-text-left .grid-icon-wrapper { padding: 0 45px 0 0; } .zozo-feature-box.style-default-box.icon-left .grid-icon-wrapper { padding-right: 12px; } .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-left .grid-icon-wrapper { float: left; } .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.padding-0 .grid-text-left.grid-box-image .grid-content-wrapper { padding: 0; } .zozo-feature-box.style-default-box .grid-text-right.grid-box-image .grid-content-wrapper { padding-right: 15px; } .zozo-feature-box.padding-left-none.style-default-box .grid-text-left.grid-box-image .grid-content-wrapper { padding-left: 0; } .zozo-feature-box.padding-right-none.style-default-box .grid-text-right.grid-box-image .grid-content-wrapper { padding-right: 0; } /*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; display: block; overflow: hidden; } .grid-item .grid-text-left, .grid-item .grid-text-left .grid-content-wrapper { text-align: left; display: block; } .zozo-feature-box.style-default-box .grid-text-left .grid-icon-wrapper, .zozo-feature-box.style-default-box .grid-item .grid-text-left .grid-content-wrapper { display: table-cell; overflow: hidden; } .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 .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: 2px 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; } /*Overlay Featurebox*/ .zozo-feature-box.image-overlay { background-position: -9999px !important; } .zozo-feature-box.image-overlay:hover { background-position: 0px !important; } .zozo-feature-box.image-overlay .grid-item:hover .grid-title, .zozo-feature-box.image-overlay .grid-item:hover .grid-desc p { color: #fff; } .zozo-feature-box.image-overlay .grid-item .grid-button a:hover { color: #fff; } /* ================================================================ * 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; } .feature-box-style.style-title-top-icon .grid-icon-box-left .grid-icon-box-title .grid-icon-wrapper.shape-icon-none, .feature-box-style.style-title-top-icon .grid-icon-box-left .grid-icon-box-title .grid-image-wrapper.shape-icon-none { padding-right: 0; } /* 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; } .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: 30px; } .grid-image-wrapper.img-size-small img { width: auto; } .zozo-img-filter-grayscale img { /* 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; -o-transition: all 0.6s ease-in-out; } .zozo-img-filter-grayscale:hover img { 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; } .owl-carousel .owl-item .zozo-feature-box img { max-width: 100%; } .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%); } .ult-carousel-wrapper .wpb_single_image .vc_single_image-wrapper { display: inline-block; } /*Side Container styles*/ .vc-zozo-section { padding: 75px 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 0px 1px 0 rgba(0, 0, 0, 0.16), 0 1px 2px 0 rgba(0, 0, 0, 0.12); } .vc_tta-style-default.vc_tta.vc_general.vc_tta-accordion, .vc_tta-style-flat.vc_tta.vc_general.vc_tta-accordion { box-shadow: none; } .vc_tta-style-default.vc_tta.vc_general .vc_tta-panel-body, .vc_tta-style-flat.vc_tta.vc_general .vc_tta-panel-body { padding: 0px; } .vc_tta.vc_tta-accordion.vc_tta-style-default .vc_tta-controls-icon-position-left .vc_tta-controls-icon { left: 0 !important; } .vc_tta.vc_tta-accordion.vc_tta-style-default .vc_tta-controls-icon-position-right .vc_tta-controls-icon, .vc_tta.vc_tta-accordion.vc_tta-style-flat .vc_tta-controls-icon-position-right .vc_tta-controls-icon { right: 0; } .vc_tta.vc_tta-accordion.vc_tta-style-default .vc_tta-controls-icon-position-left.vc_tta-panel-title > a { padding-left: 30px !important; } .vc_tta.vc_tta-accordion.vc_tta-style-flat .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading { border: none; } .vc_tta.vc_tta-accordion.vc_tta-style-flat .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading { border: 1px solid #eee; } .vc_tta.vc_tta-accordion.vc_tta-style-flat .vc_tta-controls-icon-position-left.vc_tta-panel-title > a { padding-left: 45px !important; } .vc_tta.vc_tta-accordion.vc_tta-style-flat .vc_active .vc_tta-controls-icon-position-left.vc_tta-panel-title > a { background: #333; } .vc_tta.vc_tta-accordion.vc_tta-style-flat .vc_active .vc_tta-controls-icon-position-left.vc_tta-panel-title > a span.vc_tta-title-text { color: #fff; } .vc_tta.vc_tta-accordion.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title a i { left: 16px; } .vc_tta.vc_tta-accordion.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title a i::before { border-color: unset; } .tab-title-border .vc_active.vc_tta-panel .vc_tta-panel-heading { border-bottom: 1px solid #ccc; margin-bottom: 15px !important; padding-bottom: 10px!important; } .tab-title-border .vc_active.vc_tta-panel .vc_tta-panel-body { margin-bottom: 25px !important; } .vc_tta.vc_tta-accordion.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-body { border: 1px solid #eee; } .tab-title-border.vc_tta.vc_general .vc_tta-panel-title > a { padding: 14px 0; } .vc_tta.vc_general .vc_tta-panel-title { font-size: 16px; 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: 14px 30px !important; } .before-footer .wpb_column .vc_tta-container .vc_tta-panel-body { padding: 0 !important; border: none !important; } /* Progressbar Default */ .vc_general.vc_single_bar.bar-style-default { border-radius: 3px; border: unset; margin-bottom: 30px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1) inset; box-shadow: 0 1px 2px rgba(0,0,0,.1) inset; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .vc_row.bg-style.grey-wrapper .vc_general.vc_single_bar.bar-style-default { background: #fff; } .vc_general.vc_single_bar.bar-style-default:last-child { margin-bottom: 0; } .vc_progress_bar .vc_single_bar.bar-style-default .vc_label { top: 2px; padding-left: 10px; width: auto; text-transform: uppercase; font-size: 13px; } .vc_progress_bar .vc_single_bar.bar-style-default .vc_bar .vc_label_units { top: 5px; right: 10px; color: #ffffff; font-size: 13px; } /* 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 * ================================================================ */ /* ================================================================ * 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 { border: 2px solid #cccccc; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; float: left; margin-bottom: 15px; padding: 3px; height: 90px; width: 90px; } .team-style_two .team-item-img img { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.16), 0 0 0 0 rgba(0, 0, 0, 0.12); 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; margin-left: 100px; } .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 .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 { /* 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 { /* 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: 18px; line-height: 23px; margin-bottom: 0; } .counter-default .zozo-counter .counter-icon > i { margin: 0 auto; } /* Counter Style 1 */ .zozo-counter-wrapper.counter-style-1 { text-align: left; 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: "+"; } .counter-style-1 .counter-info .counter-title h3 { font-size: 14px; margin: 12px 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 .counter-item.zozo-counter { display: table-cell; } .counter-style-1 .zozo-counter .counter-icon { bottom: 0; float: left; } .zozo-counter-wrapper.counter-style-1 .counter-info { padding-left: 20px; display: inline-block; } .zozo-counter-wrapper.counter-style-1 .counter-info .counter.zozo-counter-count { margin-bottom: 0 !important; line-height: 32px; } .counter-default .zozo-counter .counter-icon > i, .counter-style-1 .zozo-counter .counter-icon > i { font-size: 30px; line-height: 65px; border-radius: 50%; width: 50px; height: 65px; } .counter-style-1 .zozo-counter:hover .counter-icon > i { color: #000; } /* 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; } .counter.zozo-counter-count { font-weight: 700 !important; margin-bottom: 20px !important; } /* ================================================================ * Widget * ================================================================ */ .widget .widget-title { position: relative; overflow: hidden; margin-bottom: 25px; line-height: 20px; border: none; } .widget.widget_recent_entries span.post-date { display: block; font-size: 13px; font-style: italic; } /* Services menu */ .sidebar .widget_nav_menu li { margin: 0; } .sidebar .widget_nav_menu li a { border: 1px solid rgba(0, 0, 0, 0.05); padding: 10px 13px 10px 36px; display: block; } .sidebar .widget_nav_menu li a:before { top: 0px !important; left: -17px !important; content: "\f105"; font-family: FontAwesome; position: relative; } .sidebar .widget_nav_menu li a:hover, .sidebar .widget_nav_menu li a:focus, .sidebar .widget_nav_menu li a.active, .sidebar .widget_nav_menu li.current-menu-item a { color: #fff !important; } .sidebar .widget_nav_menu ul li a:focus { color: #7f7f7f !important; } /* Map */ .wpb_gmaps_widget .wpb_wrapper { padding: 0; } .map-data h6 { margin-top: 10px; margin-bottom: 5px; border-bottom: 1px solid #ccc; padding-bottom: 10px; } /* 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; } /* ================================================================ * MEDICALHEALTH CAMPAIGNS * ================================================================ */ /* Medicalhealth Campaigns */ .medicalhealth-campaigns .campaign-loop.campaign-grid li.campaign { padding: 0; border: unset; } .medicalhealth-campaigns .campaign-loop.campaign-grid .campaign.hentry, .medicalhealth-campaigns .campaign-loop.campaign-grid li.campaign { margin-bottom: 2%; } .medicalhealth-campaigns .campaign-loop.campaign-grid li.campaign .campaign-thumbnail-wrap img { padding-bottom: 0; } .medicalhealth-campaigns .campaign-loop.campaign-grid li.campaign .campaign-content-wrap { border: 1px solid #e6e6e6; border-top: none; padding: 26px 24px 24px 24px; background: #f7f7f7; color: #777777; } .medicalhealth-campaigns .campaign-loop .campaign-content-wrap h3 { color: #333; } .medicalhealth-campaigns .campaign-loop .campaign-donation { text-align: left; } .medicalhealth-campaigns .campaign-loop .campaign-donation a.donate-button { background: none; color: #000; border: 2px solid; } .medicalhealth-campaigns .campaign-loop .campaign-content-wrap .campaign-donation a.donate-button:hover { color: #fff !important; } /* List */ .medicalhealth-campaigns .campaign-loop.campaign-list .campaign.hentry, .medicalhealth-campaigns .campaign-loop.campaign-list li.campaign { padding-bottom: 40px; margin-bottom: 40px; } .medicalhealth-campaigns .campaign-loop.campaign-list .campaign.hentry:last-child, .medicalhealth-campaigns .campaign-loop.campaign-list li.campaign:last-child { padding-bottom: 0; margin-bottom: 0; border: none; } ol.campaign-loop.campaign-list .campaign-thumbnail-wrap { max-width: 40%; float: left; padding-right: 25px; } .medicalhealth-campaigns .campaign-list img.wp-post-image { padding-bottom: 0; } ol.campaign-loop.campaign-list .campaign-content-wrap { width: 60%; float: left; } .medicalhealth-campaigns .campaign-list li.campaign .campaign-description, .medicalhealth-campaigns .campaign-list li.campaign .campaign-donation-stats { margin-bottom: 11px; } /* Single */ .single-campaign .campaign-figures.campaign-summary-item { padding: 20px 0; font-size: 18px; line-height: 18px; text-align: left; } .single-campaign .campaign-single-summary { padding: 0 0 20px; border-bottom: 1px solid #efefef; margin-bottom: 20px; } .campaign .campaign-single-summary .campaign-donation a.donate-button:hover { background: #000; color: #fff; } .charitable-donation-form .custom-donation-amount .custom-donation-amount-wrapper { padding: 7px 15px 2px 15px !important; } .custom-donation-amount input { color: #333; height: 28px; line-height: 28px; margin-left: 8px; padding: 0 8px; } .charitable-donation-form .charitable-form-field input, .charitable-form-field select, .charitable-donation-form .charitable-form-field textarea { border: 1px solid #ccc; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; padding-left: 10px; } .campaign-donate-button-item { margin-top: 32px; } .charitable-donation-form .charitable-form-field button { padding: 12px 30px 12px 30px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .charitable-donation-form .charitable-form-field button:hover { background: #000; color: #fff; } /* Campaign Donation */ .campaign .charitable-form-errors.charitable-notice { color: unset; } /* ================================================================ * EVENTS * ================================================================ */ /* Event List */ .zozo-event-list-wrapper .row.event-list-inner { margin-bottom: 16px; } .zozo-event-list-wrapper .row.event-list-inner:last-child { margin-bottom: 0; } .zozo-event-list-wrapper .event-item-img { padding-bottom: 0; } .zozo-event-list-wrapper .event-content-wrapper .grid-event-title { padding-bottom: 18px; } .zozo-event-list-wrapper .col-sm-3 { padding-right: 0; } .zozo-event-list-wrapper h3.list-event-venue.theme-color { display: none; } .zozo-event-list-wrapper .grid-event-date { margin-bottom: 0; } .zozo-event-list-wrapper .grid-event-date > * { display: inherit; margin-bottom: 18px; } .zozo-event-list-wrapper .grid-event-date> *:last-child { margin-bottom: 0; } /*********************** 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: 16px; line-height: 16px; position: absolute; right: -11px; text-align: center; top: -10px; width: 18px; } .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; color: #333; } .woocommerce-product-search button { padding: 6px 25px; } .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: 21px; 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: 10px 24px 10px 24px; border-radius: 0; } /* 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 */ .zozo-woocommerce-wrapper ul.products li.product.type-product { border: 1px solid #eee; } .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; } .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 12px; } .product-info .price { border-left: 1px solid #eee; float: right; } .woocommerce .woocommerce-product-gallery ol.flex-control-thumbs { padding-top: 12px !important; } .woocommerce .woocommerce-product-gallery ol.flex-control-thumbs li { margin-right: 3% !important; margin-bottom: 3% !important; width: 22.7% !important; } .woocommerce .woocommerce-product-gallery ol.flex-control-thumbs li:last-child { margin-right: 0 !important; } .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: 10px 0px; padding: 0; } .woocommerce .products .star-rating { margin: 1em 0 0.5em; } .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 { background-color: rgba(0, 0, 0, 0.49); bottom: 0; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; width: 100%; -ms-transform: rotateY(180deg) scale(0.5,0.5); -webkit-transform: rotateY(180deg) scale(0.5,0.5); transform: rotateY(180deg) scale(0.5,0.5); -webkit-transition: all 450ms ease-out 0s; -moz-transition: all 450ms ease-out 0s; -ms-transition: all 450ms ease-out 0s; -o-transition: all 450ms ease-out 0s; transition: all 450ms ease-out 0s; } .product-box-wrapper:hover .product-buttons-overlay { opacity: 1; transform: rotateY(0deg) scale(1,1); -ms-transform: rotateY(0deg) scale(1,1); -webkit-transform: rotateY(0deg) scale(1,1); } .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; transform: rotateY(0deg) scale(1,1); -ms-transform: rotateY(0deg) scale(1,1); -webkit-transform: rotateY(0deg) scale(1,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: 10px 30px 10px 30px; text-align: center; float: right; } .woocommerce .product-buttons-overlay .product-buttons { position: absolute; width: 100%; text-align: center; top: 50%; left: 0; 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; -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; } .product-buttons-wrapper { padding-top: 7px; } .woocommerce ul.products li .product-buttons a.add_to_cart_button { color: #fff; } .woocommerce ul.products li .product-buttons a { padding: 0; position: relative; color: #fff; border: none; border-radius: 50%; font-size: 0px; line-height: 80px; 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); } .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:after { font-size: 18px; } .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; top: 0; line-height: 35px; } .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: -22px; top: 0px; } .woocommerce a.added_to_cart { display: none; } .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; } .zozo-woocommerce-wrapper ul.products li.product.type-product h3, .woocommerce ul.products li.product.type-product h3.product-title { padding: 0 14px; margin-bottom: 0; } .zozo-woocommerce-wrapper .product form.cart button:hover, .zozo-woocommerce-wrapper ul.products li.product.type-product .product-buttons a.add_to_cart_button:hover, .woocommerce ul.products li.product.type-product .product-buttons a.add_to_cart_button:hover, .woocommerce #review_form input#submit:hover { background-color: #000; } .woocommerce ul.products li.product .product-inner { padding: 14px 15px; } .woocommerce ul.products li.product .woocommerce-loop-product__title { padding: 0; } .woocommerce li .product-details .product-info > * { width: auto; } .woocommerce ul.products li.product .button::before { content: "\f07a"; font-family: Fontawesome; margin-right: 8px; } .woocommerce li .product-info .add_to_cart_button { float: left; color: #333; background: none; padding: 0; text-align: left; } .woocommerce li .product-info .add_to_cart_button:hover { background: none; } .woocommerce li .product-details .product-info .zozo-woo-rating, .woocommerce li .product-details .product-info .zozo-woo-rating .star-rating { float: right; } .woocommerce ul.products li.product.has-post-thumbnail .button { color: #333; } .woocommerce ul.products li.product.has-post-thumbnail .button:hover { background: none; } /* 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 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: 10px 30px 10px 30px; } .woocommerce-page .woocommerce-Reviews .comment-text .star-rating { float: none; margin-bottom: 5px; } .woocommerce-page .woocommerce-Reviews .form-submit input.submit:hover { color: #ffffff; opacity: 0.7; } .woocommerce.woocommerce-page .quantity .qty { padding: 5px 10px; width: 4.631em; border: 1px solid #eee; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { float: left; } .woocommerce form.woocommerce-ordering select { border: 1px solid #eee; } /* 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; margin-bottom: 38px; 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 { text-align: center; line-height: 23px; padding: 10px 30px 10px 30px; font-size: 13px; -webkit-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; font-weight: normal; height: auto; } .woocommerce input.button:disabled { color: #fff !important; } .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; } section.woocommerce-related-products h2 { font-size: 19px; margin-bottom: 30px; } /* 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-info { padding: 1em 2em 1em 3.5em !important; } .woocommerce form .form-row .input-checkbox { position: relative; } .select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--single .select2-selection__rendered { height: 40px; line-height: 40px; } .select2-container--default .select2-selection--single .select2-selection__rendered:focus { outline: 0; } .select2-container--default .select2-selection--single { border: 1px solid #eee; border-radius: 4px; height: 40px; 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: 11px 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; } td.product-remove { width: 20px; } .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-page .price_slider_amount .button { padding: 8px 30px 8px 30px; } /* 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 table.shop_table tr.cart-subtotal td, .woocommerce table.shop_table tr.order-total td { text-align: right; } .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 { 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-billing-fields input { border: 1px solid #eee; } /* 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 a:active, .woocommerce nav.woocommerce-pagination ul li a:focus, .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 { content: "\f104"; } .woocommerce-page nav.woocommerce-pagination ul li a.next:before { content: "\f105"; } .woocommerce-page nav.woocommerce-pagination ul li a.prev:before, .woocommerce-page nav.woocommerce-pagination ul li a.next:before { font-family: FontAwesome; font-size: 18px; left: 0; right: 0; margin: 0 auto; position: absolute; } /* 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; } /* MY ACCOUNT */ .woocommerce-MyAccount-navigation ul { padding-left: 15px; } .cart-collaterals { margin-top: 40px; } .woocommerce .cart-collaterals .cross-sells ul.products li, .woocommerce-page .cart-collaterals .cross-sells ul.products li { width: 47%; } /* ================================================================ * 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 13px; margin: 13px 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; } /* Section Box Shadow */ .section-box-shadow { 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); } /*Modal box*/ .zozo-vc-modal-wrapper img { cursor: pointer; } .zozo-vc-modal-wrapper img.text-center { text-align: right; margin: 0 auto; display: inherit; } /* VC call to action additional */ .additional-call-to-action .grid-item .grid-icon-wrapper { margin-bottom: 0; } /* ================================================================ * Background Border * ================================================================ */ .bordered-background { border: 2px solid rgba(102, 102, 102, 0.21); } /*********************** 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) { /* Wp Locator */ .wpsl-search .wpsl-dropdown { min-width: auto; } } /* ---------- MIN 1025px ---------- */ @media only screen and (min-width: 1025px) { .trans-h-transparent .page-title-captions, .trans-h-semi-transparent .page-title-captions { padding-top: 82px; } .spacing-margin-1025 .parallax-title { margin: 0 0 100px; } } /* ---------- 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%; } /* Full Left Image */ .device-full-left img { margin-bottom: 30px; } /*Spacing 1024*/ .section-spacing-1024 { margin-top: 30px; } /*Counter style 1*/ .counter-style-1 { padding-bottom: 30px; } /* VC call to action additional */ .additional-call-to-action .wpb_column .vc_column-inner .vc_btn3-container.vc_btn3-right { margin-top: 20px; } /* Claasic Event */ .classic-view .event-content-wrapper { padding: 0 15px !important; } /* Blog List */ .list-posts { padding-bottom: 20px; margin-bottom: 50px; } } /* ---------- MIN 768px ---------- */ @media only screen and (min-width: 768px) { .dropdown.dropdown-submenu .dropdown-menu { left: 100%; top: -5px; } } /* 1024 - Styles */ @media only screen and (max-width: 1024px) { .logged-in.admin-bar .zmm-wrapper { margin-top: 42px!important; } .logged-in.admin-bar .mobile-search-wrapper .mobile-search-close { top: 60px; } /* 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; } /*Mobile menu*/ .zmm-wrapper .main-nav ul ul li.btn-default { margin: 5px 30px 30px; padding-left: 12px; } .zmm-wrapper .main-nav ul ul li.btn-default a { border-top: none; color: #000; } .theme-skin-light .zmm-wrapper .main-nav ul ul li.btn-default:hover { background: #222; } .theme-skin-light .zmm-wrapper .main-nav ul ul li.btn-default:hover a { color: #fff; } /* 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; } .zmm-wrapper .navbar-nav, .zmm-wrapper .navbar-nav > li { float: none; } /*Full Single Image*/ .right-full-image { margin-top: 75px; } .left-full-image { /*margin-top: 40px;*/ margin-bottom: 75px !important; } .center-full-image { margin: 75px 0 !important; } .center-full-image-top { margin-top: -30px !important; margin-bottom: 75px !important; } /*Single image*/ .bottom-spacing img { margin-bottom: 25px; } /*Pricing Table*/ .pricing-cost-wrapper:after { border-left: 222px solid transparent; } .zozo-pricing-table-wrapper.price-style-one .zozo-pricing-item .pricing-bottom .btn.btn-default { padding: 14px 15px 12px 15px; } /*Footer contact form*/ .before-footer div.wpcf7-mail-sent-ng, div.wpcf7-mail-sent-ok { line-height: 19px; } /*Team Section*/ .zozo-team-slider-wrapper.team-box_type .team-overlay-style { transform: matrix(1, -0.3, 0, 1.3, 0, 0) !important; -ms-transform: matrix(1, -0.3, 0, 1.3, 0, 0) !important; -moz-transform: matrix(1, -0.3, 0, 1.3, 0, 0) !important; -o-transform: matrix(1, -0.3, 0, 1.3, 0, 0) !important; -webkit-transform: matrix(1, -0.3, 0, 1.3, 0, 0) !important; } .team-box_type .zozo-team-social li { margin-top: 5px; } /* VC call to action additional */ .additional-call-to-action .wpb_column .vc_column-inner .vc_btn3-container.vc_btn3-right { text-align: left; } /* Contact Form 7 Sidebar Validation */ .form-sidebar .wpcf7-form.invalid .wpcf7-form-control-wrap input.wpcf7-not-valid, .wpcf7-form.invalid .wpcf7-form-control-wrap textarea.wpcf7-not-valid { width: 100%; } .form-sidebar .wpcf7-form-control-wrap span.wpcf7-not-valid-tip { position: inherit; width: auto; left: 0; } /* Footer Widgets */ .footer-widgets .widget_recent_entries li { margin-bottom: 17px; } /* CTA */ .vc_general .vc_btn3-container.btn-top-20.vc_btn3-inline { margin-top: 20px; } } /* Min &992 - Styles */ @media only screen and (min-width: 992px) { /*Team Section*/ .team-clearfix { margin-bottom: 30px; } /* Events */ .classic-view .col-md-3 { padding: 0px; } } /* 768 - Styles */ @media only screen and (max-width: 960px) { /* Revslider */ .zozo-revslider-section li .tp-parallax-wrap .responsive-hide { display: none; } /*Woocommerce shop*/ .woocommerce ul.products.products-4 li.product, .woocommerce-page ul.products.products-4 li.product { width: 48.5%; } ul.products.products-4 li.product:nth-child(2n) { margin-right: 0; } /*Pricing Table*/ .pricing-cost-wrapper:after { border-left: 316px solid transparent; } } @media screen and (max-width: 768px) { .woocommerce #content table.cart a.remove, .woocommerce table.cart a.remove, .woocommerce-page #content table.cart a.remove, .woocommerce-page table.cart a.remove { position: relative; background: red; color: #fff !important; margin: -15px 10px 10px 10px; } .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%; } tr.woocommerce-cart-form__cart-item.cart_item td.product-remove { padding: 21px 0px; width: 100%; } } @media screen and (max-width: 540px) { body.woocommerce ul.products li.product, body .woocommerce-page ul.products li.product, .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 100%; } } @media only screen and (max-width: 768px) { /* Campaign Grid */ .medicalhealth-campaigns .campaign-loop.campaign-grid .campaign.hentry, .medicalhealth-campaigns .campaign-loop.campaign-grid li.campaign { margin-bottom: 30px !important; } .medicalhealth-campaigns .campaign-loop.campaign-grid .campaign.hentry:last-child, .medicalhealth-campaigns .campaign-loop.campaign-grid li.campaign:last-child { margin-bottom: 0 !important; } /* Woocommerce shop */ .woocommerce ul.products.products-3 li.product, .woocommerce-page ul.products.products-3 li.product { width: 48.5%; } .woocommerce ul.products.products-3 li.product, .woocommerce-page ul.products.products-3 li.product { margin: 0 0 46px 0; } } /* ---------- 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%; } /*Before Footer */ .before-footer .parallax-title { font-size: 20px; } } /* ---------- 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; } .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 } /* Before Footer */ .before-footer .parallax-title { font-size: 16px; } /*Footer Contact form*/ .before-footer div.wpcf7-mail-sent-ng, div.wpcf7-mail-sent-ok { bottom: 23px; width: 34%; right: 40px; line-height: 28px; } } /* 991 - Styles */ @media only screen and (max-width:991px) { /* 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: 6px; } /*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%; } /* 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; } /* 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; } .team-single .member-image { margin-bottom: 20px; } /* Portfolio Single */ .portfolio-single-wrapper .sticky-sidebar { padding-top: 60px; } /* Comments */ .zozo-all-comments ul.children { padding-left: 50px; } /* 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; } .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; } /* Footer Mailchimp */ #footer .zozo-mailchimp-form input { width: 88%; } #footer .zozo-mailchimp-form .input-group-btn { width: 12%; } /* Woocommerce shop */ .woocommerce ul.products.products-4 li.product, .woocommerce-page ul.products.products-4 li.product { clear: none; } /* Footer Form */ .footer-contact-form form.wpcf7-form { padding: 0 35px; padding-bottom: 25px; } .footer-contact-form { margin-top: 45px; margin-bottom: 0 !important; } .footer-map { margin-top: 0; } /* Section LR Padding Spacing */ .section-padding-lr-15 { padding-left: 15px; padding-right: 15px; } /* VC call to action additional */ section.additional-call-to-action { margin-top: 0px !important; } .additional-call-to-action .wpb_column .vc_column-inner { padding-top: 0 !important; } /* Campaign Single */ .single-campaign .campaign-donation { float: left !important; } /* Event Single */ .event-single .event-details { padding-top: 75px; } } /* 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; } /* 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; } .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, .rtl .page-title-section.page-titlealign-default .page-title-breadcrumbs .zozo-breadcrumbs, .rtl .page-title-section.page-titlealign-right .page-title-captions { 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; } /* Footer Widgets */ #footer .footer-widgets .widget-title { margin-top: 30px; } #footer .footer-widgets:first-child .widget-title { margin-top: 0; } /*Copyright Section*/ .footer-copyright-section p, .zozo-footer-nav.navbar-nav, .footer-backtotop { text-align: center; } /* Footer Bottom Menu */ .footer-social-sidebar { text-align: center; float: none !important; } /*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%; } /* Modal Box */ .zozo_vc_modal.vc-modal-small, .zozo_vc_modal.vc-modal-medium { width: 85%; } /* Blog Post - List */ .list-posts { margin-bottom: 45px; padding-bottom: 15px; } .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; } /*Form*/ .form-group:last-child { margin-bottom: 15px; } /* Wp Locator */ #wpsl-search-wrap input#wpsl-search-btn { width: auto; position: relative; min-width: auto; } /* Timleine */ .zozo-timeline-wrapper .timeline-align-right::before, .zozo-timeline-wrapper .timeline-align-left::after { content: none; } .zozo-timeline-wrapper .timeline-align-right { margin-left: 0; } .zozo-timeline-wrapper .timeline-align-left { margin-left: 0; } .zozo-timeline-wrapper { padding-bottom: 0px; } .zozo-timeline-wrapper .timeline-align-left { padding-bottom: 80px; } .casestudies-grid-inner .casestudies-content-wrapper { border-top: 2px solid #eee; } /* Footer Mailchimp */ #footer .footer-social { float: none; text-align: center; margin: 0 auto; } #footer .footer-social .widget ul { text-align: center; } /*Services*/ .services-content-wrapper { width: 77%; margin: 0 auto; text-align: center; } .page-title-section .page-title-container { height: inherit !important; } .services-item-img img { width: 100%; } /* Vc Tab */ .vc_tta-container .vc_tta-panel.vc_active a { background: transparent !important; color: #666 !important; } .vc_tta-color-grey.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-title>a { background-color: #EBEBEB; color: #666 !important; } .vc_tta.vc_tta-accordion.vc_tta-style-flat .vc_active .vc_tta-controls-icon-position-left.vc_tta-panel-title > a { background: #333 !important; } /* Footer Mailchimp */ #footer .zozo-mailchimp-form input { width: 92%; } #footer .zozo-mailchimp-form .input-group-btn { width: 8%; } /* Event List */ .zozo-event-list-wrapper .event-content-wrapper .grid-event-title { padding-top: 10px; } /* Campaign List */ .medicalhealth-campaigns ol.campaign-loop.campaign-list .campaign-thumbnail-wrap { max-width: 100%; float: none; padding-right: 0; text-align: center; margin-bottom: 25px; } .medicalhealth-campaigns ol.campaign-loop.campaign-list .campaign-content-wrap { width: 100%; float: none; text-align: center; } .medicalhealth-campaigns .campaign-loop .campaign-donation { text-align: center !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; } /* Comments */ .zozo-all-comments ul.children { padding-left: 10px; } .comment-container .author-name, .comment-container .date, .comment-container .date { text-align: left; } .comment-container .reply { float: none; margin-top: 10px; text-align: left; } /* Title Style Inline */ .parallax-header.inline .parallax-desc { float: left; } /* Header Inline Style */ .parallax-header.content-style-inline .parallax-title { float: none; } /* VC Button */ .vc_cta3-align-center .vc_cta3-actions, .vc_cta3-align-left .vc_cta3-actions { margin-top: 20px; } .vc_cta3-align-center .vc_btn3-container, .vc_cta3-align-left .vc_btn3-container { margin-bottom: 0px !important; } /* Footer Mailchimp */ #footer .zozo_mailchimp_form_widget { display: block; } #footer .zozo_mailchimp_form_widget h3.widget-title { width: 100%; margin-bottom: 20px; display: block; } #footer .subscribe-form { width: 100%; display: block; } /*Footer Contact form*/ .before-footer div.wpcf7-mail-sent-ng, div.wpcf7-mail-sent-ok { width: 45%; } /* CTA */ .vc_general .vc_btn3-container.btn-top-20.vc_btn3-inline { margin-top: unset; } } /* ---------- MAX 600px ---------- */ @media screen and (max-width: 600px) { .mobile-header-section { top: 0px !important; } /*Features section*/ .zozo-feature-box .grid-item .grid-text-right.grid-box-normal.grid-box-icon-circle .grid-content-wrapper { padding: 0; } } /* ---------- 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; } /* 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; } /*Team*/ .team-member-info section.vc_row { padding-top: 10px !important; } .team-single .team-image { margin-bottom: 25px; } /*Footer Contact form*/ .before-footer div.wpcf7-mail-sent-ng, div.wpcf7-mail-sent-ok { width: 54%; } /*Latest Post List*/ .latest-posts-list-style .post-featured-image.list-featured-image { max-width: 100% !important; float: none; margin-right: 0; } /* Testimonial Style 3 */ .testimonial-carousel-slider .owl-item .testimonial-item.tstyle-style-3 .testimonial-client-quote { padding: 45px 35px 50px 35px !important; } /* Footer Mailchimp */ #footer .zozo-mailchimp-form input { width: 88%; } #footer .zozo-mailchimp-form .input-group-btn { width: 12%; } /* Accordion */ .vc_tta.vc_general .vc_tta-panel-title { line-height: 22px !important; } } /* ---------- MAX 480px ---------- */ @media only screen and (min-width: 361px) and (max-width: 480px) { .latest-posts-list-style .posts-content-container { margin: 0px 24.6px; } } /* ---------- MAX 360px ---------- */ @media only screen and (max-width:360px) { /* ------- Mobile Header------- */ .mobile-menu-wrapper, .mobile-cart-wrapper { max-width: 230px; } /* ------- 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; } /* Pager */ .pager .previous>a, .pager .previous>span, .pager .next>a, .pager .next>span { float: none; } /* Wocommerce shop */ .woocommerce ul.products.products-4 li.product, .woocommerce-page ul.products.products-4 li.product, .woocommerce ul.products.products-3 li.product, .woocommerce-page ul.products.products-3 li.product { width: 100%; } /*Footer Contact form*/ .before-footer div.wpcf7-mail-sent-ng, div.wpcf7-mail-sent-ok { width: 42%; } /*Team Section*/ .zozo-team-slider-wrapper.team-box_type .owl-item:hover .team-overlay-style { bottom: -54px !important; } .zozo-team-slider-wrapper.team-box_type .team-overlay-style { transform: matrix(1, -0.3, 0, 1, 0, 0) !important; -ms-transform: matrix(1, -0.3, 0, 1, 0, 0) !important; -moz-transform: matrix(1, -0.3, 0, 1, 0, 0) !important; -o-transform: matrix(1, -0.3, 0, 1, 0, 0) !important; -webkit-transform: matrix(1, -0.3, 0, 1, 0, 0) !important; } /*Team*/ .team-single .member-image { padding-right: 0px; } /*Spacing 360*/ .section-spacing-360 { margin-top: 30px; } /* Footer Mailchimp */ #footer .zozo-mailchimp-form input { width: 85%; } #footer .zozo-mailchimp-form .input-group-btn { width: 15%; } } /* ---------- MAX 320px ---------- */ @media only screen and (max-width:320px) { /*Pricing Table*/ .pricing-cost-wrapper:after { border-left: 286px solid transparent; } div#footer-widgets-footer-bottom { padding: 34px 30px; } /*#footer .zozo-mailchimp-form input { width: 59%; }*/ /*Footer Contact form*/ .before-footer div.wpcf7-mail-sent-ng, div.wpcf7-mail-sent-ok { width: 38%; line-height: 18px; } /* Post Thumbnail */ .zozo-latest-posts-wrapper .has-post-thumbnail .entry-meta-wrapper ul li { margin: 0; width: 100%; } } /* ================================================================ * 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 4px; } .text-left.zozo-social-icons li:first-child { margin-left: 0px; } .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 0px 1px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12); -ms-box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12); -o-box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 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 { 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 { background-color: #55ACEE; } .zozo-social-share-icons li.twitter a:hover { background-color: #55ACEE; border-color: #55ACEE; } .zozo-social-icons.soc-icon-transparent li.tiktok a:hover, .zozo-social-icons.soc-icon-transparent li.tiktok a:hover i, .zozo-social-share-wrapper .zozo-social-share-icons li.tiktok a:hover { color: #FE2C55; background: none; } .zozo-social-icons li.tiktok a { background-color: #FE2C55; } .zozo-social-share-icons li.tiktok a:hover { background-color: #FE2C55; border-color: #FE2C55; } .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 { 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 { background-color: #c91921; } .zozo-social-share-icons li.pinterest a:hover { background-color: #c91921; border-color: #c91921; } .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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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; } /* Custom Style */ /* Services */ .services-item { margin-bottom: 40px; } .services-item-img, .services-excerpts { margin-bottom: 20px; } .services-gallery.services-image { display: none; } .services-item-img { position: relative; text-align: center; } .services-item-img img { margin: 0px auto; } .services-item-img:hover a:after { background: transparent; } .services-image { display: none; } .zozo-services-grid-wrapper .btn-more, .zozo-casestudies-grid-wrapper .btn-more, .zozo-event-grid-wrapper .btn-more { font-size: 13px; } .single-zozo_services .site-content, .single-zozo_casestudies .site-content, .single-zozo_casestudies .site-content { padding-bottom: 0; padding-top: 0; } .zozo-services-grid-wrapper .services-content-wrapper h4 a { color: #333; } /* Case Studies */ .casestudies-item { padding-bottom: 40px; } .casestudies-item-img, .casestudies-excerpts { margin-bottom: 20px; } .casestudies-item-img { position: relative; } .casestudies-item-img img { margin: 0px auto; } .casestudies-gallery.casestudies-image { display: none; } .casestudies-grid-inner .casestudies-item-img { margin-bottom: 0; } .casestudies-grid-inner .casestudies-content-wrapper { padding: 30px; border-bottom: 2px solid #eee; border-left: 2px solid #eee; border-right: 2px solid #eee; } .casestudies-item-img { text-align: center; } .casestudies-item-img img { display: inline-block; } /* Events */ .event-item { padding-bottom: 40px !important; } .event-item-img { padding-bottom: 25px; } .event-content-wrapper .grid-event-title { padding-bottom: 10px; margin-bottom: 0px; } .grid-event-date { font-size: 14px; margin-bottom: 20px; } .zozo-event-grid-wrapper .grid-event-date > * { display: inline-block; margin-right: 12px; } .zozo-event-grid-wrapper .grid-event-date > *:last-child { margin-right: 0; } /* Classic View */ .classic-view .event-item-img { padding-bottom: 0px; } .classic-view .event-content-wrapper { padding: 38px; } .classic-view .grid-event-title { border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 20px; } .classic-view .event-item-img { text-align: center; } .classic-view .event-item-img img { margin: 0px auto; } .grid-event-date i { padding-left: 7px; padding-right: 7px; color: #adadae; } .grid-event-date i:first-child { padding-left: 0; } .classic-view .grid-event-excerpts { margin-bottom: 0; } /* Events Single */ .event-gallery.event-image { padding-bottom: 20px; } .event-details div { padding-bottom: 17px; } .event-map, .grid-event-excerpts { margin-bottom: 20px; } .event-map { margin-top: 20px; } .event-details .fa { padding-right: 10px; } .event-details .event-address .fa { padding-right: 17px; } /* Events Form */ .event-book-now-form { background: #f7f7f7; padding: 30px; } .event-book-now-form h3 { margin-bottom: 30px; } .theme-skin-dark .event-book-now-form { background: #171717; } .event-book-now-form .wpcf7 input.wpcf7-submit { margin-bottom: 0px!important; margin-top: 10px!important; } .event-book-now-form .wpcf7 .screen-reader-response { display: none; } /* padding */ .title-sm-pad { margin-bottom: 10px; } .title-md-pad { margin-bottom: 40px; } /* Single Image Border */ .vc_box_border_grey { position: relative; } .img-border .vc_box_border_grey:after { border: 1px solid rgba(255, 255, 255, 0.5); bottom: 15px; content: ""; left: 15px; opacity: 1; position: absolute; right: 15px; top: 15px; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } /* Blog */ .large-layout .entry-header { margin-bottom: 22px; position: relative; } .post-date-wrap .post-date { position: absolute; bottom: 0px; padding: 15px 20px; color: #fff; border-top-right-radius: 6px; } .post-date-wrap .post-date span { font-size: 25px; display: block; padding-top: 5px; } .large-posts .entry-thumbnail, .large-posts .audio-player, .large-posts .video-player { margin-bottom: 20px; } /*Megamenu New Code*/ .zozo-main-bar .mega-dropdown { position: static; } .mega-dropdown .mega-dropdown-menu { left: 0; right: 0; width: 100%; margin: 0 auto; padding: 20px; } .mega-dropdown .mega-dropdown-menu ul.mega-parent-ul { padding: 0; } .mega-dropdown.mega-override .mega-dropdown-menu { max-width: 100%; } .mega-dropdown .mega-dropdown-menu ul li { line-height: 40px; list-style-type: none; } /* ================================================================ * SPACING * ================================================================ */ .margin-0 { margin: 0px !important; } .margin-top-15 { margin-top: 15px !important; } .margin-top-20 { margin-top: 20px !important; } .margin-top-30 { margin-top: 30px !important; } .margin-bottom-0 { margin-bottom: 0px !important; } .margin-bottom-5 { margin-bottom: 5px !important; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-bottom-13 { margin-bottom: 13px !important; } .margin-bottom-15 { margin-bottom: 15px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-bottom-30 { margin-bottom: 30px !important; } .margin-bottom-45 { margin-bottom: 45px !important; } /*Padding*/ .padding-0 { padding: 0px !important; } .padding-top-35 { padding-top: 35px !important; } /* ================================================================ * THEME SKIN LIGHT * ================================================================ */ /*Revslider*/ .theme-skin-light .zozo-revslider-section .tp-parallax-wrap .btn-default { color: #fff !important; } .theme-skin-light .zozo-revslider-section .tp-parallax-wrap .btn-default:hover { background: #000 !important; color: #fff !important; } /*Top Header*/ .theme-skin-light .top-bar-item.item-contact-info, .theme-skin-light .top-bar-item.item-contact-info ul li a { color: #fff; } .theme-skin-light .top-bar-item.item-contact-info ul li a:hover { color: #d9f29f; } .theme-skin-light .btn-default:hover { background: #000; color: #fff; } /*Header Mega menu*/ .theme-skin-light .zozo-main-nav .dropdown-menu.mega-dropdown-menu .btn a { color: #000 !important; } .theme-skin-light .zozo-main-nav .dropdown-menu.mega-dropdown-menu .btn:hover a, .theme-skin-light .zozo-main-nav .dropdown-menu.mega-dropdown-menu .btn:active a { color: #fff !important; } .theme-skin-light .zozo-main-nav .dropdown-menu.mega-dropdown-menu .btn:active { background: #000; } /*Main*/ .theme-skin-light .owl-carousel.owl-theme .owl-controls .owl-nav .owl-prev, .theme-skin-light .owl-carousel.owl-theme .owl-controls .owl-nav .owl-next { color: #fff; } .theme-skin-light .owl-carousel.owl-theme .owl-controls .owl-nav .owl-prev:hover, .theme-skin-light .owl-carousel.owl-theme .owl-controls .owl-nav .owl-next:hover { background-color: #000; color: #fff; } .team-item .team-member-name a { color: #000; } /*Woocommerce*/ .theme-skin-light .woocommerce #content input.button, .theme-skin-light .woocommerce #respond input#submit, .theme-skin-light .woocommerce a.button, .theme-skin-light .woocommerce button.button, .theme-skin-light .woocommerce input.button, .theme-skin-light .woocommerce-page #content input.button, .theme-skin-light .woocommerce-page #respond input#submit, .theme-skin-light .woocommerce-page a.button, .theme-skin-light .woocommerce-page button.button, .theme-skin-light .woocommerce-page input.button, .woocommerce.theme-skin-light .woocommerce-message .button, .woocommerce .zozo-woocommerce-wrapper .product form.cart button, .woocommerce .woocommerce .form-row.place-order input#place_order { color: #fff; } .woocommerce .woocommerce-Reviews .comment-respond .form-submit input.submit { color: #fff; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { color: #fff !important; } .theme-skin-light .woocommerce #content input.button.alt:hover, .theme-skin-light .woocommerce #respond input#submit.alt:hover, .theme-skin-light .woocommerce button.button.alt:hover, .theme-skin-light .woocommerce input.button.alt:hover, .theme-skin-light .woocommerce-page #content input.button.alt:hover, .theme-skin-light .woocommerce-page #respond input#submit.alt:hover, .theme-skin-light .woocommerce-page a.button.alt:hover, .theme-skin-light .woocommerce-page button.button.alt:hover, .theme-skin-light .woocommerce-page input.button.alt:hover { color: #000; } .woocommerce.theme-skin-light .woocommerce-message .button:hover, .woocommerce.theme-skin-light .zozo-woocommerce-wrapper .product form.cart button:hover, .woocommerce.theme-skin-light .form-row.place-order input#place_order:hover, .theme-skin-light .woocommerce a.button.alt:hover { background-color: #000; color: #fff; } .theme-skin-light .woocommerce #content input.button:hover, .theme-skin-light .woocommerce #respond input#submit:hover, .theme-skin-light .woocommerce a.button:hover, .theme-skin-light .woocommerce button.button:hover, .theme-skin-light .woocommerce input.button:hover, .theme-skin-light .woocommerce-page #content input.button:hover, .theme-skin-light .woocommerce-page #respond input#submit:hover, .theme-skin-light .woocommerce-page a.button:hover, .theme-skin-light .woocommerce-page button.button:hover, .theme-skin-light .woocommerce-page input.button:hover, .theme-skin-light .woocommerce input.button:disabled:hover, .theme-skin-light .woocommerce input.button:disabled[disabled]:hover, .theme-skin-light .woocommerce .form-row.place-order input#place_order:hover { background-color: #000; } /*Pager*/ .theme-skin-light .pager li > a, .theme-skin-light .pager li > span { color: #fff; } .theme-skin-light .pager li > a:hover, .theme-skin-light .pager li > span:focus { color: #fff !important; background-color: #000 !important; } /*Comment*/ .theme-skin-light #respond.comment-respond .form-submit input[type="submit"]:hover, .theme-skin-light #respond.comment-respond .form-submit input[type="submit"]:hover { background-color: #000; } /*Tagcloud*/ .theme-skin-light .tagcloud a { color: #fff; } .theme-skin-light .tagcloud a:hover, .theme-skin-light .tagcloud a:focus { background-color: #000; color: #fff; } /*Pagination*/ .theme-skin-light .pagination > li > .page-numbers.current { color: #fff !important; } .theme-skin-light .pagination > li > a.prev:hover, .theme-skin-light .pagination > li > a.prev:active, .theme-skin-light .pagination > li > a.prev:focus, .theme-skin-light .pagination > li > a.next:hover, .theme-skin-light .pagination > li > a.next:active, .theme-skin-light .pagination > li > a.next:focus, .theme-skin-light .pagination > li > span.current, .theme-skin-light .pagination > li > a:hover, .theme-skin-light .pagination > li > span:hover, .theme-skin-light .pagination > li > a:focus, .theme-skin-light .pagination > li > span:focus { color: #fff; } .theme-skin-light .pagination > li > a.prev:hover:after, .theme-skin-light .pagination > li > a.prev:active:after, .theme-skin-light .pagination > li > a.prev:focus:after, .theme-skin-light .pagination > li > a.next:hover:after, .theme-skin-light .pagination > li > a.next:active:after, .theme-skin-light .pagination > li > a.next:focus:after { color: #000; } .footer-skin-light .footer-button h4 { color: #333; } .footer-skin-light .footer-top-area { border-color: #ddd; } .theme-skin-light .shortcodes-listing ul li a { color: #333; } /*Radius Image*/ .radius-image img { border-radius: 50%; } /*Calculator*/ .btQuoteBookingWrap .wpb_raw_code { margin-bottom: 15px; } .btQuoteBookingWrap h3 { font-size: 17px; } .btQuoteBookingForm .btQuoteItem .btQuoteSlider .ui-slider-handle:focus, .btQuoteBookingForm .btQuoteItem .btQuoteSlider .ui-slider-handle span.btQuoteSliderValue:focus { outline: none; } /* Simple Icon */ .grid-item .simple-icon { position: relative; } .grid-item .simple-icon::before { position: absolute; top: 50%; transform: translate(-48%, -50%); -moz-transform: translate(-48%, -50%); -webkit-transform: translate(-48%, -50%); -o-transform: translate(-48%, -50%); -ms-transform: translate(-48%, -50%); left: 50%; } /* Title */ .parallax-title:after { bottom: -25px; content: ""; display: block; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 40px; } .parallax-title.text-left:after { right: auto; left: 0; } .parallax-title.text-right:after { left: auto; right: 0; } .title-white-bottom .parallax-title:after { background: #fff; } .bg-style.image-right .parallax-title:after { background-color: #ffffff; } /*Feature box*/ .img-right-spacing .grid-image-wrapper img { margin-right: 25px; } /* Background Fixed */ .bg-fixed .vc-zozo-image-wrapper { background-attachment: fixed; } section.bg-fixed { background-attachment: fixed; } /* Time Table */ .mptt-shortcode-wrapper ul.mptt-menu.mptt-navigation-tabs { padding-left: 0; margin-bottom: 40px; } .mptt-shortcode-wrapper ul.mptt-menu.mptt-navigation-tabs li { margin: 0 20px 0 0!important; } .mptt-shortcode-wrapper ul.mptt-menu.mptt-navigation-tabs li a { border-bottom-width: 3px; border-bottom-style: solid; border-color: #eee; color: #333; } /* Faq Form */ .wpcf7 textarea.custom-margin-12 { margin-bottom: 12px; } .vc_progress_bar .vc_general.vc_single_bar.bar-style-tooltip .vc_label { color: initial !important; } .team-member img { border: 10px solid #f5f5f5; } /* Timetable */ /* Table */ .mptt-shortcode-table { table-layout: fixed; } .mptt-shortcode-wrapper h5 { color: #fff; font-weight: 400; margin-top: 8px; } .mptt-event-container { padding: 15px; } .mptt-inner-event-content { text-align: left; } /* Single Page */ .mptt-content .event-content { margin: 18px 0; } .mptt-content .event-content .timeslot, .mptt-content .event-content h5, .mptt-content .event-content span { display: none; } .mp-event-item .mptt-content h3.timeslots-title { margin: 30px 0; } .mp-event-item .mptt-content ul.events-list { margin: 0; } .mp-event-item .mptt-content ul.events-list li.event { border: 1px solid #EFEFEF; list-style-type: none; margin: 0 0 20px; padding: 20px; border-left-width: 5px; border-left-style: solid; } .mp-event-item .mptt-content ul.events-list li.event .timeslot { margin-bottom: 20px; } .mptt-sidebar .widgettitle { font-size: 17px; font-weight: 700; margin-bottom: 25px; line-height: 20px; text-transform: uppercase; } .mptt-sidebar .widget { margin-bottom: 50px; } .mptt-sidebar .widget ul li.event { border: 1px solid #EFEFEF; padding: 15px 30px; } .mptt-sidebar .widget ul li.event:hover { color: #fff; } .mptt-sidebar .widget ul li.event:hover a { color: #fff; } /* Extra Styles */ .vc_row.vc_row-flex:before { display: block; } .wpb_row.vc_row .zozo-vc-main-row-inner { margin-bottom: 0; } .vc_row.vc_row-o-columns-middle .zozo-vc-main-row-inner { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .vc_row.vc_row-flex .zozo-vc-main-row-inner { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .vc_row.vc_row-o-content-middle:not(.vc_row-o-equal-height) .zozo-vc-main-row-inner > .vc_column_container { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .vc_row.vc_row-flex .zozo-vc-main-row-inner > .vc_column_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .vc_row.vc_row-o-content-middle:not(.vc_row-o-equal-height) .zozo-vc-main-row-inner > .container > .row > .vc_column_container { -ms-flex-align: center; -webkit-align-self: center; align-self: center; } .vc_row.vc_row-o-content-middle .zozo-vc-main-row-inner > .container > .row > .vc_column_container { display: table; } .vc_row.vc_row-o-content-middle .zozo-vc-main-row-inner > .container > .row > .vc_column_container > .vc_column-inner { display: table-cell; vertical-align: middle; } /* Gutenberg */ table { text-align: center; } table td, table th, .wp-block-table td, .wp-block-table th { border: 1px solid #e1e1e1; padding: 12px 10px; } table.wp-block-table.has-fixed-layout { width: auto; } img { margin: 0 auto; display: block; } .page-links .post-page-numbers { 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); padding: 0; color: #333; display: inline-block; line-height: 40px; width: 40px; height: 40px; text-align: center; margin: 0 4px; } .page-links .post-page-numbers:hover, .page-links .post-page-numbers:active, .page-links .post-page-numbers:focus, .page-links .post-page-numbers.current { color: #fff; } .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33.33%; } .gallery-columns-4 .gallery-item { width: 20%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.66667%; } .gallery-columns-7 .gallery-item { width: 14.28571%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item { width: 11.11111%; } .wp-block-quote { border-left: none; } .wp-block-quote cite { margin-top: 0; position: relative; font-style: normal; color: #000; font-weight: 700; font-size: 16px; display: block; } strong { color: #222; } .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):hover { color: #32373c; } .wp-block-quote[style*="text-align:right"]::after, .wp-block-quote[style*="text-align: right"]::after { content: ""; left: inherit; right: 0; } .wp-block-pullquote blockquote { display: inline-block; } .wp-block-pullquote blockquote:after { content: none; background: transparent; } .wp-block-button__link:not(.is-style-outline), .wp-block-button__link:not(.has-background) { color: #fff; } .entry-content > *.wp-block-media-text.alignwide { margin-left: auto; margin-right: auto; } .entry-content > *.alignwide, .entry-summary > *.alignwide, .entry-content > *.alignfull, .entry-summary > *.alignfull { margin-left: -20px; margin-right: -20px; width: auto; max-width: none; } .wp-block-pullquote { margin-bottom: 10px; } @media only screen and (max-width: 1168px) { img.aligncenter { max-width: calc(6 * (100vw / 12) - 28px); } } @media only screen and (min-width: 768px) { .content-col-full .entry-content > .alignfull, .content-col-full .entry-summary > .alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); width: auto; max-width: 1000%; } img.aligncenter { max-width: calc(8 * (100vw / 12) - 28px); } } .mejs-container.mejs-audio .mejs-controls .mejs-time-rail { direction: ltr; padding-top: 10px; margin: 0 10px; position: relative; height: 40px; } .mejs-container.mejs-audio .mejs-time-rail .mejs-time-total { background: rgba(255,255,255,.33); width: 100%; } .mejs-container.mejs-audio .mejs-controls .mejs-time-rail .mejs-time-handle { display: none; } .mejs-container.mejs-audio .mejs-time-loaded { background: #fff; } .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #fff; } .mejs-container.mejs-audio .mejs-controls .mejs-volume-button { width: 34px; } .mejs-container.mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; left: 0; width: 60px; height: 8px; margin: 0; padding: 0; font-size: 1px; background: rgba(255,255,255,.33); } .mejs-container.mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; width: 60px; height: 8px; } .mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #fff; } /* Gutenberg Blockquote Styles */ .wp-block-quote p, blockquote p { font-family: georgia; font-style: italic; color: #7f7f7f; font-size: 20px; line-height: 34px; } .wp-block-quote, blockquote { color: #767676; font-size: 19px; font-style: italic; font-weight: 300; line-height: 1.2631578947; margin: 0 0 24px; border-left: 3px solid transparent; padding: 12px 30px; padding-right: 0; } .wp-block-cover { width: calc(100% - 70px); z-index: 1; color: #f8f9f9; } .wp-block-cover p, .wp-block-cover strong { color: #f8f9f9; } .wp-block-cover strong { font-weight: bold; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { padding-left: 30px; } .wp-block-quote:not(.is-large):after, .wp-block-freeform blockquote:after { content: none; } .wp-block-quote[style*="text-align:right"]:not(.is-large):after, .wp-block-freeform blockquote[style*="text-align:right"]:after { left: auto; right: 0; } .wp-block-quote.is-style-large cite { text-align: inherit; } .wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer { text-align: inherit; } ul.wp-block-categories li { list-style: none; } blockquote.wp-block-quote.is-style-large:after { content: none; } .wp-block-quote[style*="text-align:right"], .wp-block-quote[style*="text-align: right"] { padding: 12px 25px 12px 0; display: block; border-left: none; } h1, h2, h3, h4, h5, h6 { clear: both; } .aligncenter, div.aligncenter { text-align: center; } .wp-block-pullquote blockquote { padding-left: 30px; padding-right: 30px; } .wp-block-quote[style*="text-align:right"], .wp-block-quote[style*="text-align: right"] { border-right-width: 3px; } .fa-brands { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; }