/* Theme Name: Merch Mountain Theme URI: Author: Matt Author URI: Description: Version: 2.6 Text Domain: vp_textdomain License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, brown, orange, white, yellow, tan, light, one-column, two-columns, right-sidebar, fluid-layout, fixed-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready */ /** * Built on the Whiteboard Framework * http://whiteboardframework.com */ /*------------------------------------------------------------------ [Table of contents] 1 - Resets 2 - Typography presets 3 - Mono social icon font 4 - Default layout - If is admin bar active 5 - General styles 6 - Layout styles 7 - Centered content & margins 8 - Comment form 9 - Comments 10 - Author page 11 - Single Post - Next & previous post arrows - Pagination - Simple Columns (shortcode) - Thumb image 12 - Tooltipsy tooltip 13 - Google maps background 14 - To top button 15 - Wordpress overrides and fixes 16 - Search Form - Search Icon 17 - Search Page 18 - Masonry Gallery Page Template 19 - Video background 20 - Youtube background 21 - Masonry Blog 22 - Widgets 23 - Contact Form 7 24 - Revolution Slider - buttons 25 - CSS3 Waypoint Animations 26 - Parallax Row 27 - Full Width Page Centered Content & Parallax Stuff 28 - 3rd Party Plugin Fix 29 - Visual Composer Overrides & Components - Separator - Tabs - Accordion - Call to action - Map - Single Image - Flexslider - Icon - Custom List - Clean Slider - Team Member - Divider - Title With Icon - Interactive Box - Testimonials Slider - Count To - Extra CSS definitions - Core Owl Carousel CSS File 30 - Master Slider 31 - Mail Chimp 32 - Grid Gallery Page Template 33 - 404 & Countdown Template 34 - Misc Page Templates 35 - Anything Wrapper 36 - Auto Albums 37 - Flip Box 38 - Horizontal Menu Stuff 39 - Simple Info Box 40 - Fancybox 41 - Vinyl Player 42 - Simple Hover Image Box 43 - Row Background Slider 44 - Latest Blog Posts 45 - Spinner List 46 - News Bar 47 - Colored Content Box 48 - Image Box With Caption 49 - Fancy Image Box 50 - Timeline 51 - Event List 52 - Popup Lightbox Window (WooCommerce Cart and WPML language Switcher) 53 - Primary Menu 54 - Media element 55 - Sidr - Side Menu 56 - Responsive Definitions 57 - Animate.css -------------------------------------------------------------------*/ @import url('css/bootstrap.min.css'); /** * Resets */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, header, footer, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0 } article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { display: block } a img { border: 0 } figure { position: relative } figure img { width: 100% } /** * Typography presets */ abbr, acronym { border-bottom: 1px dotted; cursor: help; font-variant: small-caps; } address, cite, em, i { font-style: italic; } a, #side-nav-bar a>i { -webkit-transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; text-decoration: none; outline: none; } a:active, a:focus { text-decoration: underline; } a[href^=tel] {/*prevent blue mobile safari phone number*/ color: inherit; text-decoration: none; } /** * Mono social icon font */ @font-face { font-family: 'Mono Social Icons Font'; src: url('font/mono/MonoSocialIconsFont-1.10.eot'); src: url('font/mono/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'), url('font/mono/MonoSocialIconsFont-1.10.woff') format('woff'), url('font/mono/MonoSocialIconsFont-1.10.ttf') format('truetype'), url('font/mono/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg'); src: url('font/mono/MonoSocialIconsFont-1.10.ttf') format('truetype'); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'Mono Social Icons Font'; src: url('font/mono/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg'); } } span.symbol, a.symbol:before { font-family: 'Mono Social Icons Font'; -webkit-text-rendering: optimizeLegibility; -moz-text-rendering: optimizeLegibility; -ms-text-rendering: optimizeLegibility; -o-text-rendering: optimizeLegibility; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; } /** * Default layout */ .container { /*overflow: hidden;*/ } #content { /*width: 508px;*/ /* 5 columns */ margin: 0;/*overflow: hidden;*/ } #content.no-sidebar { width: 100%; } body.single-post #content.no-sidebar { width: 100%; } #sidebar { /*width: 184px;*/ /* 3 columns */ float: right; margin: 0; padding: 20px; overflow: hidden; } ::selection { background: #c6d8cd; } ::-moz-selection { background: #c6d8cd; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } /** * If is admin bar active */ body.admin-bar #header { margin-top: 32px; } #wpadminbar { -webkit-backface-visibility: hidden !important; backface-visibility: hidden !important; } /** * General styles */ .serif, cite, blockquote { font-family: 'times new roman', palatino, platino linotype, georgia, times, serif; font-weight: normal; } .post h2, .post h3, .post h4, .post h5, .post h6 { margin: 12px 0 12px 0; } #sidebar { background-color: transparent !important; } a:focus, a:hover { color: #fff; } html .woocommerce-page .button:hover, html .woocommerce a.button:hover, html input[type="button"]:hover, input[type="submit"]:hover, html button[type="submit"]:hover, .tagcloud > a:hover { /* background: -moz-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(193,49,61,1)), color-stop(79%, rgba(213,179,131,1)), color-stop(100%, rgba(213,179,131,1))) !important; background: -webkit-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; background: -o-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; background: -ms-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; background: linear-gradient(to bottom, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1313d', endColorstr='#d5b383', GradientType=0 );*/ border-color: rgba(231,211,176,1)!important; color: #000 !important; background: rgba(231,211,176,1) !important; } html .woocommerce div.product .woocommerce-tabs ul.tabs li.active, #mainwrapper.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, html .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, html .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active { /* background: -moz-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(193,49,61,1)), color-stop(79%, rgba(213,179,131,1)), color-stop(100%, rgba(213,179,131,1))) !important; background: -webkit-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; background: -o-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; background: -ms-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; background: linear-gradient(to bottom, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1313d', endColorstr='#d5b383', GradientType=0 );*/ background: rgba(231,211,176,1) !important; border-color:rgba(231,211,176,1) !important; } #sidebar h4 { background: -moz-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(193,49,61,1)), color-stop(79%, rgba(213,179,131,1)), color-stop(100%, rgba(213,179,131,1))) !important; background: -webkit-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; background: -o-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; background: -ms-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; background: linear-gradient(to bottom, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1313d', endColorstr='#d5b383', GradientType=0 ); border: 1px solid #c23941; padding: 20px; } .sbi_owl-theme .sbi_owl-controls .sbi_owl-page.active span, .sbi_owl-theme .sbi_owl-controls.clickable .sbi_owl-page:hover span { background: rgb(231, 211, 176); } .twi_cart, .twi_price, .twi_pro_title, .twi_rating { font-family: "Open Sans"; } .owl-prev, .owl-next { background: transparent none repeat scroll 0% 0% !important; color: rgb(231, 211, 176) !important; border-radius: 50% !important; border: 2px solid rgb(231, 211, 176) !important; } .owl-theme .owl-controls .owl-nav [class*="owl-"]:before { color: rgb(231, 211, 176) !important; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { /*background: -moz-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(193,49,61,1)), color-stop(79%, rgba(213,179,131,1)), color-stop(100%, rgba(213,179,131,1))) !important; background: -webkit-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; background: -o-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; background: -ms-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; background: linear-gradient(to bottom, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1313d', endColorstr='#d5b383', GradientType=0 ) !important;*/ border: 0px solid #c23941 !important; background: rgba(231,211,176,1) !important; font-weight: 900 !important } html .woocommerce div.product .woocommerce-tabs ul.tabs li, html .woocommerce-page div.product .woocommerce-tabs ul.tabs li, html .woocommerce #content div.product .woocommerce-tabs ul.tabs li, html .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li { border-color: #c23941 !important; border-left: 0; border-right: 0; } .monospace, var, code { font-family: courier new, courier, monospace; } .panel { background: transparent; } .amp { font-style: italic; font-family: baskerville, palatino, palatino linotype, book antiqua, georgia, times, times new roman, serif; font-weight: normal; } a:link { } a:visited { text-decoration: underline !important; } a:hover, a:active { text-decoration: underline; } .post-content ul, .post-content ol { padding-left: 24px; } .post-content, .page-content { word-wrap: break-word; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { opacity:1; } input, textarea, select { border: none; padding: 12px 30px; outline: none; -webkit-transition: all .2s; transition: all .2s; resize: none; } #content input[type=submit] { letter-spacing: 2px; } #content textarea, #content select, #sidebar input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]), #sidebar textarea, #sidebar select { letter-spacing: 2px; border-bottom: 2px solid #fff; padding: 8px 0; margin: 0; width: 100%; } input:hover, textarea:hover, input:focus, textarea:focus { } textarea { min-height: 150px; width: 100%; } blockquote:before { font-family: 'ozythemes'; content: "\e4c6"; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; top: 20px; left: 20px; } .coupon-container.blue { background-color: #fff !important; } blockquote { text-align: justify; padding: 20px 20px 20px 60px; font-size: 28px; line-height: 35px; position: relative; border: 1px solid #dedede; margin: 20px; font-style: italic; } blockquote p { padding: 0 !important; } blockquote p:first-letter blockquote:first-letter { font-size: 24px; padding-right: 1px; } blockquote cite { font-size: 20px; } .post-excerpt-quote blockquote { border: none !important; margin: 0 !important; padding: 0 0 0 20px !important; } .post-excerpt-quote blockquote p { padding: inherit !important; } .post-excerpt-quote blockquote:before { top: 0 !important; left: 0 !important; } /** * Layout styles */ *, *:after { -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } body { margin: 0; min-width: 100%; height: 100%; -webkit-backface-visibility: hidden; -ms-overflow-x: hidden; } /* if logged in and admin bar visible, add 32px top margin */ body.logged-in.admin-bar #main #header { margin-top: 32px !important; } /* Jetpack fix. bringing serious issues in chrome if you keep it visible */ #wpstats { display: none !important; } /** * Centered content & margins */ #main>.container { /*overflow: auto;*/ position: relative; z-index: 1; margin: 0 auto; } body.single #main>.container #content, body.single #main>.container #sidebar { margin-top: 40px; margin-bottom: 40px; } body.no-page-title #main>.container { padding-top: 40px; } body.single #main>.container { padding-top: 0; } body.single #main>.container #content.has-super-header, body.single #main>.container #sidebar.has-super-header { padding-top: 25px; } #title { display: block; float: left; position: relative; z-index: 1; } .single-post .comment-body, #ozy-share-div > a { background-color: transparent !important; } #title>a { height: 100%; display: inline-block; vertical-align: middle; } .page .yikes-easy-mc-success-message, .yikes-easy-mc-error-message { color: #fff; font-size: 18px; text-align: center; text-shadow: 1px 0px 4px #000; } .woocommerce_events_tab, #tab-woocommerce_events {display: none !important;} #title img { vertical-align: middle !important; max-width: 100% !important; } #all_coupon_container .coupon-content.blue { color: #000; } #content { position: relative; } .page-content img, .page-content .wp-caption, .post-content img, .post-content .wp-caption, #content img[class^="wp-image"] { max-width: 100%; } #page-title-wrapper { position: relative; } #page-title-wrapper>div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); width: 100%; } .page-title { font-weight: 300 !important; } .page-title a { text-decoration: none; } #widget-alert { background: #C6D8CD; border: 1px #5b816a solid; padding: 24px; margin-bottom: 24px; } .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6, .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 { margin: 6px 0; } .page-content p:empty, .post-content p:empty { display: none; } #content iframe { max-width: 100% } .page-content [class^="embed-"], .post-content [class^="embed-"] { max-width: 100%; } .left-sidebar .page-content [class^="embed-"]>iframe[class*="-player"], .left-sidebar .post-content [class^="embed-"]>iframe[class*="-player"], .right-sidebar .page-content [class^="embed-"]>iframe[class*="-player"], .right-sidebar .post-content [class^="embed-"]>iframe[class*="-player"], .right-sidebar .page-content iframe[src*="//player.vimeo"], .right-sidebar .post-content iframe[class*="//player.vimeo"] { max-width: 100%; height: 420px; } .page-content [class^="embed-"]>iframe[class*="-player"], .post-content [class^="embed-"]>iframe[class*="-player"], .right-sidebar .page-content iframe[src*="//player.vimeo"], .right-sidebar .post-content iframe[class*="//player.vimeo"] { max-width: 100%; height: 520px; } #sidebar { padding: 0; } body.no-page-title #sidebar { margin-top: 36px; } #sidebar.left-sidebar { margin-top: 50px; float: left; } #sidebar .widget { margin-bottom: 20px; } .woocommerce-password-strength.short { color:#000; } #footer-wrapper { background: #51523f !important; } .page input:not([type="submit"]):not([type="file"]), .page select, .page textarea { border-top: 1px solid #c23941 !important; border-bottom: 1px solid #c23941 !important; border-right: 0 !important; border-left: 0 !important; color: #fff !important; opacity: 1.0 !important; background: rgba(22,19,13,1) !important; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ opacity:1; color:#fff; } ::-moz-placeholder { /* Firefox 19+ */ opacity:1; color:#fff; } :-ms-input-placeholder { /* IE 10+ */ opacity:1; color:#fff; } :-moz-placeholder { /* Firefox 18- */ opacity:1; color:#fff; } #content .bit-widget-container table tr td { border: 0; border-bottom: 1px #e7d3b0 solid; } .bit-widget-container .bit-concert .venue a { font-size: 2em !important; } .bit-widget-container .bit-concert .location a { font-size: 1.8em !important; } #top-menu li.menu-item-wc > a > span { color: #000 !important; } .checkout .sc_info_box {background: transparent;} #footer-widget-bar ul, #footer-widget-bar li, #sidebar ul, #sidebar li { padding: 0; margin: 0; list-style: none; -webkit-transition: all .2s; transition: all .2s; } .page nav#top-menu .right-part > ul > li > a { font-size: 22px; } .woocommerce-page .post-content ul, .woocommerce-page .post-content ol { padding-left: 0; padding-bottom: 30px; border-bottom: 1px solid; margin-bottom: 30px; } #strm_liner .blPlayer { background-color: #16130e; } .page #strm_liner.custom .ruler > .allbits > .bit, .page #strm_liner.custom .ruler .ui-slider-range, .page #strm_liner.custom .volumeControl .ui-slider-range, .page #strm_liner.custom .list li .playBtn:hover { background-color: #e7d3b0; } html .twi-woo-slider { padding: 30px 0; } #strm_liner.custom .nowPlaying h5 a:hover, #strm_liner.custom .list li .info h6 a:hover, #strm_liner.custom .list li.jp-playlist-current h6 a { color: rgba(231,211,176,1) !important; } #strm_liner .ruler { background-color: #e7d3b0 !important; } #strm_liner.custom .list li.jp-playlist-current .controls { border: 1px solid #c23941 !important; } html #strm_liner * { font-family: "Open Sans"; } .page-title { display: none; } .page-id-41409 #page-title-wrapper > div { margin-top: 180px; } .page .isotope-blog-navigation > a { background-color: transparent !important; border-top: 2px solid #c23941; border-bottom: 2px solid #c23941; } nav#top-menu .right-part > div { border-bottom: 3px #cc552b solid; border-top: 2px #fbf4e3 solid; } #sidebar .widget>h4 { margin-bottom: 20px !important; padding-bottom: 20px !important; border-bottom: 1px solid #dedede; } #sidebar .widget { margin-bottom: 30px !important; } #footer-widget-bar li { padding: 5px 0 5px 0; } #sidebar .widget li { border-bottom: 1px solid #c23941 !important; padding: 8px 0 8px 0; } #sidebar .widget li:first-child { padding-top: 0 !important; } #footer-widget-bar .children, #sidebar .children { padding-left: 10px; } #footer-widget-bar .children .children, #sidebar .children .children { padding-left: 10px; } #footer { clear: both; z-index: 3; } #footer-wrapper { position: relative; } #footer footer { height: 100%; line-height: 180%; } #footer .container { padding: 0; overflow: inherit !important; } #footer .container>div { width: 100%; overflow: hidden; text-align: center; padding-bottom: 50px !important; } #footer .top-social-icons>a { height: 100% !important; width: 35px !important; } #footer .top-social-icons>a>span { font-size: 32px !important; } #footer .top-social-icons>a:hover>span { opacity: 1; } div.top-social-icons { display: inline-block; text-align: right; float: right; } html #strm_liner .blPlayer { background-color: rgba(22,19,13,1); } div.top-social-icons>a { display: inline-block; font-size: 32px !important; line-height: 32px !important; text-align: center !important; font-weight: 300 !important; text-decoration: none !important; overflow: hidden; width: 16px; height: 16px; } div.top-social-icons>a>span, div#social-icons>a>span { -webkit-transition: all .4s; transition: all .4s; } #footer-content { padding: 20px; } #footer-widget-bar { padding-top: 4px; padding-bottom: 4px; } #footer-widget-bar>.container { padding-left: 16px; padding-right: 16px; } #footer-widget-bar>.container>section { width: 50%; position: relative; padding: 60px 20px 0 20px; float: left; text-align: center; } #footer-widget-bar>.container>section>div.widget { padding-bottom: 50px; } html #content a:not(.ms-btn) { color: #c23941; } html .responsive-tabs ul.responsive-tabs__list { margin: 0; } #content .wolf-release h2 { color: rgba(231,211,176,1); } html .responsive-tabs .responsive-tabs__list__item, .responsive-tabs .responsive-tabs__heading { background: transparent; font-family: "Open Sans"; font-size: 24px; padding: 0; border: 0 !important; text-transform: uppercase; font-weight: 400; border-top: 2px solid #c23941 !important; border-bottom: 2px solid #c23941 !important; padding-top: 10px; padding-bottom: 10px; color: #fff; letter-spacing: 3px; border-radius: 0; padding-left: 5px; padding-right: 5px; } .responsive-tabs .responsive-tabs__heading {background: transparent !important;} .responsive-tabs-wrapper { border-top: 0 !important; } html #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background: transparent; border-radius: 0; } html .responsive-tabs .responsive-tabs__list__item--active, html .responsive-tabs .responsive-tabs__list__item--active:hover, .responsive-tabs .responsive-tabs__heading--active { background: -moz-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(193,49,61,1)), color-stop(79%, rgba(213,179,131,1)), color-stop(100%, rgba(213,179,131,1))) !important; background: -webkit-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; background: -o-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; background: -ms-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; background: linear-gradient(to bottom, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1313d', endColorstr='#d5b383', GradientType=0 ) !important; color: #fff; } .responsive-tabs .responsive-tabs__heading { border-top: 0px solid #c23941 !important; margin-top: 20px !important; margin-bottom: 20px !important; } html .woocommerce-info { background: #51523f !important; border: 0 !important; } #content .woocommerce .shop_table_responsive .button { background: rgba(231,211,176,1) !important; color: #000 !important; } html .woocommerce-message { background: transparent !important; border: transparent !important; } .yrc-item-large .yrc-item-meta, #sb_instagram .sbi_info p, #sb_instagram .sbi_meta { color: #fff !important; } #yrc-shell-0 .yrc-video, #yrc-shell-0 .yrc-brand, .yrc-placeholder-item, #yrc-shell-0 .yrc-playlist-item { background: transparent !important; } html .responsive-tabs .responsive-tabs__panel { background: transparent; border: 0; border-top: 0; padding: 20px 0px 0; } .page-id-41409 #page-title-wrapper h3 { font-size: 24px; text-align: center; background: rgba(22,19,13,1); padding-top: 10px; padding-bottom: 10px; } html .musicbox .tracks ul li .track-info a { font-size: 20px; color: rgba(231,211,176,1) !important; line-height: 2.5em; padding-left: 10px; } .musicbox .tracks ul li .artist, .musicbox .tracks ul li .collection { display: none; } #footer-widget-bar>.container>section>div.widget>div.separator { margin: 0 auto 50px auto; width: 90%; height: 1px; border-bottom: 1px solid #dedede; } .page #footer a:hover, .page #footer-widget-bar a:hover { color: rgba(231,211,176,1) !important; } #footer-widget-bar>.container>section>div.widget:first-child>div.separator { display: none; } .bbs-copyright { font-family: "Open Sans"; font-weight: 900; } #footer-widget-bar>.container>section>div.separator { position: absolute; right: -10px; top: 0; margin: 0 10px; border-right: 1px solid #dedede; width: 1px; height: 100%; } #footer-widget-bar>.container>section:nth-child(3) { clear: right; } #footer-widget-bar>.container>section>div.widget>h4, #footer-widget-bar>.container>section>div.widget h4.footer-widget-title { margin-bottom: 20px; } #footer-widget-bar>.container>section>div.widget>span.line { display: block; border: 1px solid red; width: 40px; position: relative; margin-top: -17px; margin-bottom: 27px; } #footer-widget-bar>.container>section>div.widget>#mc_signup { margin: 0 auto !important; } #footer-widget-bar>.container>section>div.widget>#mc_signup .mc_merge_var { margin-bottom: 3px !important; } #footer-widget-bar>.container>section>div.widget>#mc_signup form { margin-bottom: 0 !important; } /** New changes **/ .page-id-2089 #content, .page-id-2415 #content, .page-id-2208 #content, .page-id-2167 #content { padding-bottom: 0px; } .bx-wrapper .bx-viewport { box-shadow: none !important; } .whiteheading .mc4wp-response { text-align: center; color: #fff; } nav#top-menu .right-part > ul > li > a [class^="oic-"]::before { font-size: 22px; } .srow { position: relative; margin-left: -36px; margin-right: -36px; } #top-menu #menu-primary-menu { float: left; padding-left: 53px; } #menu-primary-menu { display: block; float: left; } #menu-header-menu-left { float: left !important; } #menu-header-menu-right { float: right !important; } .album-items { position: relative; margin-left: -20px; margin-right: -20px; } .album-item { margin: 20px 20px; position: relative; } .album-item .disk { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(images/disk.png) center center no-repeat; transition: all 0.3s; -webkit-transition: all 0.3s; z-index: 0; } html #content .wpb_wrapper > .post .post-header-holder { height: auto; } .albumb-id-41463 .disk { background: url(images/disk-like-an-arrow.png) center center no-repeat; } .albumb-id-41460 .disk { background: url(images/disk-bad-luck.png) center center no-repeat; } .albumb-id-41458 .disk { background: url(images/disk-honky-tonk.png) center center no-repeat; } .albumb-id-41456 .disk { background: url(images/disk-little-piece-of-dixie.png) center center no-repeat; } .albumb-id-41453 .disk { background: url(images/disk-whippoorwill.png) center center no-repeat; } .albumb-id-41451 .disk { background: url(images/disk-leave-a-scar.png) center center no-repeat; } .albumb-id-41427 .disk { background: url(images/disk-holding-all-the-roses.png) center center no-repeat; } html #content .wpb_wrapper > .post .caption { width: 60%; font-size: 14px !important; line-height: 16px !important; padding-bottom: 10px; letter-spacing: 0; } .album-item-thumb { position: absolute; transition: all 0.3s; -webkit-transition: 0.3s; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; } .album-item:hover .album-item-thumb { left: -50px; } .album-item:hover .disk { left: 120px; } .main-wrapper { background: rgba(22,19,13,1) !important; } #content > .type-product { padding-top: 50px !important; } #homeSlider { position: relative; overflow: hidden; width: 100%; } #homeSlider > a img { width:100%; } .stars {display: none;} /*.page-title-wrapper .stars, #homeSlider .stars { transform: perspective(500px); transform-style: preserve-3d; position: absolute; top: 0; perspective-origin: 50% 100%; animation: rotate 90s infinite linear; max-width: 100vw; max-height: 100%; } .stars .star { width: 3px; height: 3px; background: #F7F7B6; border-radius: 100%; position: absolute; top: 0; left: 0; transform-origin: 0 0 -300px; transform: translate3d(0, 0, -300px); backface-visibility: hidden; }*/ .DSPbuttons img { width:auto !important; } .DSPbuttons { padding: 20px; position: absolute; width: 100%; bottom: 20px; text-align: center; display: block; } .DSPbuttons a { text-decoration: none; color: #fff !important; } a.google-play { margin: 0 2px; } a.spotify { margin: 0 2px; } a.itunes { margin: 0 5px 0px 0px; } a.spotify img { border: 1px solid #d3d3d3; border-radius: 7px; height: 56px; } .DSPbuttons img { height: auto; } .DSPbuttons h3, h4 { color: #fff !important; } .DSPbuttons h3 { border-top: solid 5px #fff; border-bottom: solid 5px #fff; display: inline-block; margin-bottom: 20px; } .DSPbuttons p, .DSPbuttons a { color: #fff !important; font-size: 12px !important; font-weight: bold !important; } .hslider-title { margin-bottom: 20px !important; } /** * Comment form */ form { margin-bottom: 1.5em; } #commentform, #comments-form form { clear: both; margin-top: 12px; } #commentform .half-input input, #comments-form form .half-input input, #comments-form form .full-input input { width: 100% !important; } textarea, input:not([type=submit]) { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #commentform textarea, #commentform input:not([type=submit]), #comments-form form p textarea, #comments-form form p input:not([type=submit]), #footer-widget-bar .widget input:not([type=submit]), #sidebar .widget input:not([type=submit]) { width: 100%; } #footer-widget-bar .widget input { border-width: 2px !important; border-style: solid !important; background-color: transparent; } input[type=submit] { margin: 0; cursor: pointer; } #commentform p, #comments-form form p { margin: 0 0 12px; } #commentform .half-input:nth-child(2), #comments-form form .half-input:nth-child(2) { float: left !important; } #commentform .full-input, #comments-form form .full-input { float: left; display: inline-block; width: 100%; } #commentform .half-input, #comments-form form .half-input { float: right; width: 49%; } #comments #respond { margin-bottom: 24px; } #comments>h3 { padding-bottom: .5em; text-transform: uppercase; } #comments #cancel-comment-reply-link { display: inherit; float: right; padding-bottom: 12px; } .ozy-half-input { float: left; width: 48%; overflow: hidden; } .ozy-half-input-last { float: right; width: 48%; overflow: hidden; } p.ozy-half-input input, p.ozy-half-input-last input { width: 100%; } .ozy-full-input, .ozy-full-input input { width: 100%; } #commentform .required, #comments-form form .required { color: #F00; } #comments-form #reply-title { text-transform: uppercase } /** * Comments */ #comments li.comment ul, #comments li.comment ol { padding-left: 24px; } #comments ol li.comment { clear: both; list-style: none; overflow: auto; } .comment-body { padding: 30px; clear: both; border-left: 2px solid #dedede; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background-color: #F0F0F0; } .author-box>div { display: inline-block; } .comment-body .reply>a { display: inline-block; padding: 6px 10px; text-decoration: none; } .comment-body .reply { text-align: right; padding-top: 12px; } .comment-body { margin-bottom: 20px; } #comments-form #respond { margin-top: 55px; } .comment-body>div>img, .author-box>div>img { display: block; float: left; margin: 0 10px 0 0; } #comments .children li.comment { width: 95%; float: right; } #post-author { float: left; clear: both; padding: 30px 0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; width: 100%; } #post-author h3 { padding-bottom: .5em; margin-left: 0; } #post-author .gravatar { display: block; float: left; width: 95px; padding: 0 !important; } #post-author #author-link p { padding: 12px; text-align: right; padding-right: 0; } .comment .comment-meta>a { font-size: 80%; } .post-content .more-link { font-weight: bold; } .comment .comment-body { position: relative; } .comment .comment-body .reply { position: absolute; padding: 0 !important; top: 30px; right: 30px; opacity: 0; -webkit-transition: all .4s; transition: all .4s; } .comment .comment-body:hover .reply, .comment .comment-body.hover .reply { opacity: 1; } /** * Author page */ .author-page .author-bio { display: inline-block; clear: both; margin-bottom: 2.5em; } .author-page .author-bio .avatar { width: 80px; padding-right: 12px; float: left; } .author-page .post-single:last-child { border-bottom: 1px solid transparent !important; } /** * Single post */ .post-excerpt-aside>div, .post-excerpt-status>div { font-family: "Times New Roman", Times, serif; font-size: 19px; } .post-format-status .post-submeta, .post-format-aside .post-submeta, .post-format-audio .post-submeta { margin-top: 10px; } .simple-post-format { margin-bottom: 20px; } .simple-post-format>div { padding: 60px 90px 55px 60px; background-color: rgba(0,0,0, 0.8); background-size: cover; background-repeat: no-repeat; position: relative; } .simple-post-format>div>span { display: block; position: absolute; right: 0; top: 0; width: 80px; height: 80px; line-height: 80px; text-align: center; font-size: 28px; padding-top: 5px; } .post-excerpt-status>div>h2, .post-excerpt-quote>div>h2 { display: none !important; } .simple-post-format>div>span:before { font-family: "ozythemes"; } .post-excerpt-status>div>span:before { content: "\e4b9"; } .post-excerpt-aside>div>span:before { content: "\e017"; } .post-excerpt-link>div>span:before { content: "\e122"; } .post-excerpt-quote>div>span:before { content: "\e017"; } .post-excerpt-audio>div>span:before { content: "\e0c5"; } .post-excerpt-audio>div { padding: 0 !important; height: 150px; } .post-excerpt-audio .audio-thumb { position: absolute; left: 0; top: 0; width: 150px; } .post-excerpt-audio>div>div { margin-left: 150px; padding-left: 20px; height: 100%; position: relative; } .post-excerpt-audio>div>div>p { padding-right: 100px; } .post-excerpt-audio>div>div .mejs-container { position: absolute; bottom: 0; left: 0; } .a-page-title { border-bottom: 1px solid transparent; -webkit-transition: all .2s; transition: all .2s; } .a-page-title:hover { text-decoration: none; } .post-title { margin: 0 0 12px 0; font-style: inherit !important; } .post:not(.has_thumb) { padding-top: 40px } .post.has_thumb .post-title { margin: 12px 0 12px 0 !important; } .post .pagination { margin-top: 10px; font-weight: 700; } .post .pagination>a { display: inline-block; padding: 5px 10px; margin: 0 5px; border: 1px solid #dedede; } .post .post-content { margin-top: 0 !important; } .post-single { padding-bottom: 40px; margin-bottom: 20px; margin-top: 22px; width: 100%; clear: both; float: left; } div.sticky.post-single { border: 2px solid #000; padding: 10px; } .post-single:first-child { margin-top: 0 !important; } #content>.post-single:first-of-type { margin-top: 0 !important; } #content>.post-single:first-of-type .postGallerySlider, #content>.post-single:first-of-type .featured-thumbnail { margin-top: 0 !important; } .postGallerySlider, .featured-thumbnail { margin: 0 0 22px 0; } .post-single .post-content { margin: 0 !important; } #single-blog-category:empty { display: none !important; } #single-blog-category { display: inline-block; width: 100%; } #single-blog-tags { display: block; float: right; line-height: 32px; padding-right: 10px; } #single-blog-tags>a { opacity: .8; padding-left: 5px; } #single-blog-category>.post-categories>li { list-style-type: none; display: inline-block; } #single-blog-category>.post-categories>li>a { display: inline-block; padding: 0 10px; margin-right: 4px; margin-bottom: 6px; background-color: #222222; color: #fff; text-decoration: none; font-size: 12px; line-height: 32px; } #single-blog-category>.post-categories>li>a:before { content: 'ยท '; } .page-content, .post-content { position: relative; } .post .post-content, .post-single .post-content { margin: 22px 0; } body.single-post .p-wrapper { padding: 0 120px; margin-bottom: 10px; } .post-audio, .post-video { margin-bottom: 22px; } .post-submeta { position: relative; display: inline-block; width: 100%; margin-top: 30px; line-height: 46px; } .single .post-submeta { border: 2px solid #dedede; padding: 10px 3px; } .post-submeta>a.button { display: block; float: left; position: relative; width: auto; height: 32px; margin-right: 4px; padding-left: 8px; padding-right: 8px; font-size: 20px; line-height: 37px; text-align: center; text-decoration: none; } .post-submeta>a.button.blog-like-link>i { line-height: 41px !important } .post-submeta>a.button.post-share { font-size: 15px!important } .post-submeta>span.share-buttons>a { font-size: 36px; text-decoration: none; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s } .post-submeta>span.share-buttons>a:hover { opacity: .7; } .post-submeta>a>span { display: inline-block; float: right; padding-left: 10px; font-size: 11px !important; } .post-submeta>a:not(.button) { display: inline-block; float: right; font-weight: 300; } .post-submeta>div { position: relative; float: left; height: 32px; line-height: 28px; /*35px;*/ width: 220px; margin-left: 30px; display: none; } .post-submeta>div>div { float: left; } .post-submeta>div>div.button { background-color: #222222; padding: 0 10px; } .post-submeta>div>div.button>a { text-decoration: none; font-size: 24px; display: inline-block; } .post-submeta>div>div.button>a>span { color: #fff; opacity: 0.5; } .post-submeta>div>div.button>a:hover>span { opacity: 1; } .post-submeta>div>div.arrow { width: 0px; height: 0px; border-style: solid; border-width: 6px 6px 6px 0; border-color: transparent #222222 transparent transparent; margin-top: 10px; } .post-content .post-audio { margin-bottom: 12px; } .post-content .post-audio iframe { width: 100%; } .post-content .post-video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .post-video iframe, .post-video object, .post-video embed, .post-audio iframe, .post-audio object, .post-audio embed { width: 100%; max-width: 100%; } .chat-transcript { margin-bottom: 24px; } .chat-row { margin-bottom: 12px; } .chat-row .fn { font-weight: 700; } .chat-row .chat-text { border: 1px solid #dedede; padding: 12px; } /** * Next & previous post arrows */ @keyframes animation-right-arrow { 0% { margin-left:0; opacity:1; transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) } 50% { margin-left:30px } 100% { margin-left:0 } } @-moz-keyframes animation-right-arrow { 0% { margin-left:0; opacity:1; -moz-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) } 50% { margin-left:30px } 100% { margin-left:0 } } @-webkit-keyframes animation-right-arrow { 0% { margin-left:0; opacity:1; -webkit-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) } 50% { margin-left:30px } 100% { margin-left:0 } } @-o-keyframes animation-right-arrow { 0% { margin-left:0; opacity:1; -o-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) } 50% { margin-left:30px } 100% { margin-left:0 } } @-ms-keyframes animation-right-arrow { 0% { margin-left:0; opacity:1; -ms-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) } 50% { margin-left:30px } 100% { margin-left:0 } } @keyframes animation-left-arrow { 0% { margin-left:0; opacity:1; transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) } 50% { margin-left:-30px } 100% { margin-left:0 } } @-moz-keyframes animation-left-arrow { 0% { margin-left:0; opacity:1; -moz-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) } 50% { margin-left:-30px } 100% { margin-left:0 } } @-webkit-keyframes animation-left-arrow { 0% { margin-left:0; opacity:1; -webkit-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) } 50% { margin-left:-30px } 100% { margin-left:0 } } @-o-keyframes animation-left-arrow { 0% { margin-left:0; opacity:1; -o-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) } 50% { margin-left:-30px } 100% { margin-left:0 } } @-ms-keyframes animation-left-arrow { 0% { margin-left:0; opacity:1; -ms-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) } 50% { margin-left:-30px } 100% { margin-left:0 } } #ozy-related-posts-wrapper { position: relative; margin-top: 35px; } #newer-older-posts-wrapper { position: relative; } .newer-older { position: absolute; right: 0; top: 0; text-align: right; } .newer-older>a { padding-left: 20px; } .newer-older.newer-older-blog { margin-top: 1em; } /** * Pagination */ .page-pagination>a, .page-pagination>span { display: block; float: left; width: 32px; height: 32px; line-height: 28px; font-size: 16px; text-align: center; text-decoration: none; margin-right: 6px; transition: all .2s; border: 1px solid #dedede; } .page-pagination>a:hover { background-color: transparent; } #comment-navigation { display: inline-block; width: 100%; } /** * Simple Columns */ .ozy-left-column, .ozy-right-column { float: left; width: 50%; } .ozy-left-column { padding-right: 10px } .ozy-right-column { padding-left: 10px } .bt-mobile-filter { display: none; } .woocommerce-page #page-title-wrapper { display: none !important; } .woof_search_is_going .feature-gear { display: none !important; } .woof_term_262 {display: none;} .woof_products_top_panel ul { border: none !important; } .bt-filter-close { position: fixed; top: 10px; right: 10px; color: #fff !important; z-index: 99999999; font-size: 30px; font-weight: normal; display: none; } .bt-filter-close.active { display: block; } @media screen and (max-width:1024px) { .bt-mobile-filter { display: block; } .ozy-left-column, .ozy-right-column { float: none; width: 100%; padding-left: 0; padding-right: 0; } .archive.woocommerce #main { padding-top: 0px !important; } } /** * Thumb image */ .featured-thumbnail { position: relative; background-size: cover; background-position: center center; } body.single .featured-thumbnail { margin-bottom: 72px; } .featured-thumbnail>img { display: block; visibility: hidden; max-width: 100%; } .featured-thumbnail:hover>a { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .featured-thumbnail>a { display: block; position: absolute; background-color: #000000; background-color: rgba(0,0,0,0.2); width: 230px; height: 230px; top: 50%; left: 50%; margin-left: -115px; margin-top: -115px; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .featured-thumbnail>a>span { position: absolute; background-color: #fff; } .featured-thumbnail>a>span:first-child { width: 160px; height: 1px; top: 115px; left: 35px; } .featured-thumbnail>a>span:last-child { width: 1px; height: 160px; top: 35px; left: 115px; } .featured-thumbnail-header { max-width: 1140px; width: 100%; height: 400px; overflow: hidden; margin: 40px auto 0 auto; background-position: center center; background-size: cover; } .featured-thumbnail-header>div { position: relative; height: 100%; width: 100%; } .featured-thumbnail-header>div>div { position: absolute; width: 100%; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); } .featured-thumbnail-header>div>div>div { position: relative; max-width: 1140px; margin: 0 auto; text-align: center; } .featured-thumbnail-header>div>div>div>h1 { text-align: center; padding-bottom: 20px; } .post-meta { display: inline-block; width: 100%; } .post-meta.regular p:empty { display: none; } .post-meta.regular p { display: block; position: relative; float: left; margin: 0 4px 0 0 !important; font-weight: 500 !important; overflow: visible; } #sidebar.has-super-header { padding-top: 35px; } /** * Tooltipsy tooltip */ .tooltipsy { padding: 6px; max-width: 200px; color: #000 !important; background-color: #fff !important; margin-bottom: 5px; font-size: 11px !important; transition: all .4s; -webkit-transition: all .4s; } .tooltipsy:after { content: ''; position: absolute; border: 10px solid transparent; border-left-color: #fff !important; bottom: -3px; left: 50%; z-index: -1; } .tooltipsy.white { color: #fff !important; background-color: #000 !important; } .tooltipsy.white:after { bottom: 10px; top: -10px; border-left-color: #000 !important; } .tooltipsy.black { color: #fff !important; background-color: #000 !important; } .tooltipsy.black:after { border-left-color: #000 !important; } /** * Google maps background */ #ozy-google-map-background { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 0; } #google-maps-info-box { width: 200px; height: 60px; } /** * To top button */ #to-top-button { position: absolute; top: 0px; left: 50%; margin-top: -20px; margin-left: -25px; border: 2px solid red; width: 50px; height: 100px; display: inline-block; z-index: 1; transition: all .2s; -webkit-transition: all .2s; } #to-top-button>span { position: absolute; bottom: -49px; white-space: nowrap; margin-left: 25px; transform: translate(-50%, 0); } #to-top-button>svg { position: absolute; top: 35px; left: 0; width: 37px; height: 60px; margin-left: 10px; fill: yellow; z-index: 0; transform: rotate(-180deg); transition: all .2s; -webkit-transition: all .2s; } #to-top-button:hover>svg { top: 20px } /** * Wordpress overrides and fixes */ .mejs-controls .mejs-time-rail .mejs-time-current { /*jetpack audio player progress bar*/ background: #333; background: rgba(200,200,200,0.8) !important; background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8))) !important; background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)) !important; background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)) !important; background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)) !important; background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)) !important; background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8)) !important; } .wp-caption { margin-top: 12px; margin-bottom: 12px; position: relative; display: inline-block !important; width: auto !important; } .wp-caption img { display: block; } .wp-caption:hover>p { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .wp-caption>p { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; cursor: pointer; padding: 6px 12px !important; background-color:#000000; background-color: rgba(0,0,0,.5); color: #fff; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; } .alignleft { float: left; margin: 0 12px 12px 0; } .textaligncenter { text-align: center; } .aligncenter { margin: 0 auto; display: block; } .alignright { float: right; margin: 0 0 12px 12px; } .none { /* this class is used to hid the skip to content link at the beginning of the document for accessibility */ display: none; } .clear { clear: both; } .left { float: left; } .right { float: right; } .left-w-padding { float: left; padding-right: 20px; } .right-w-padding { float: right; ; padding-left: 20px; } .bypostauthor, .gallery-caption, .wp-caption-text, .sticky {/**/ } dt { font-weight: bold; text-decoration: underline; padding: 0.5em 0 0 0; } dd { margin: 0; padding: 0 0 0.5em 0; } #content table { max-width: 100%; width: 100%; border-spacing: 0; border-collapse: collapse; margin-bottom: 1.5em; } #content table th, #content table td { border: 1px solid #dedede; padding: 6px; } #content br { margin-top: 0.5em; display: block; content: ' '; } #side-extended-content p, #request-a-rate p, #content p { margin: 0; padding-top: .50em; padding-bottom: .50em; } /** * Search Form - Search Icon */ .wp-search-form { position: relative; } .wp-search-form i.oic-simple-line-icons-129, .wp-search-form i.oic-pe-icon-7-stroke-24, .wp-search-form i.oic-pe-icon-7-stroke-139, .wp-search-form i.oic-zoom { position: absolute; width: 22px; height: 22px; top: 50%; left: 12px; margin-top: -8px; opacity: 0.6; -moz-opacity: 0.6; -webkit-opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); } .wp-search-form i.oic-pe-icon-7-stroke-139, .wp-search-form i.oic-simple-line-icons-129 { left: inherit; cursor: pointer; right: 12px; } .wp-search-form #search { padding-left: 32px !important; } /** * Search Page */ body.search article.result { border: 1px solid #dedede; width: 366px; margin-bottom: 20px; padding: 20px; } body.search article.result img { max-width: 100%; height: auto; } body.search #gutter-sizer { width: 3%; } /** * Masonry Gallery Page Template */ .ozy-masonry-gallery { width: calc(100% + 10px); margin-left: -10px; } .ozy-masonry-gallery>div { width: calc(25% - 10px); margin: 0 0 10px 10px; } .ozy-masonry-gallery>div>a { position: relative; display: block; } .ozy-masonry-gallery>div>a>span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; background-color: rgba(0,0,0,.75); opacity: 0; text-align: center; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; } .ozy-masonry-gallery>div>a:hover>span { opacity: 1; } .ozy-masonry-gallery>div>a>span>h5 { position: absolute; top: 50%; width: 100%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); color: #fff !important; } .ozy-masonry-gallery>div img { max-width: 100%; display: block; } /** * Video background */ div.video-background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; overflow: hidden; vertical-align: top; } div.video-background video { min-height: 100%; min-width: 100%; z-index: -2 !important; } div.video-background .ui-video-background { display: none !important; } div.video-background>div { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(images/video-pattern.png) repeat fixed !important; z-index: 10; } #video-background>video { max-width: none !important; } /** * Youtube background */ #tubular-container { top: 0; left: 0; z-index: -2 !important; } #tubular-shield { position: fixed !important; background: url(images/video-pattern.png) repeat fixed !important; z-index: -1 !important; } /* Related posts */ .ozy-related-posts { width: 100% !important; padding: 10px 0 0 0 !important; margin-left: 0 !important; list-style: none; display: inline-block; } /** * Single Blog */ .ozy-video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .ozy-video-wrapper iframe, .ozy-video-wrapper object, .ozy-video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ozy-video-wrapper[data-twttr-id*="twttr-sandbox"] { position: inherit !important; height: inherit !important; padding: 0; } .post-audio .ozy-video-wrapper { padding-bottom: inherit !important; padding-top: inherit !important; height: inherit !important; } .post-audio .ozy-video-wrapper iframe, .post-audio .ozy-video-wrapper object, .post-audio .ozy-video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: auto !important; } .home #content .overlay-two h3 { font-size: 18px; color: #fff !important; } .ozy-popup-lightbox-center p.buttons a { text-transform: uppercase; color: #000 !important; background: rgba(231,211,176,1) !important; border: 0 !important; font-weight: 900 !important; } #single-blog-category { display: none; } html input:not([type="submit"]):not([type="file"]), html select, html textarea { border-color: #c23941 !important; color: #fff !important; } .ozy-video-wrapper .twitter-tweet { height: auto !important; } .ozy-header-slider, .ozy-footer-slider { width: 100%; min-height: 100px; position: relative; z-index: 0; } /*protected post form*/ .post-content form.post-password-form label { font-weight: 700; } .post-content form.post-password-form input { width: inherit !important; } /** * Masonry Blog */ #content .wpb_wrapper>.post .addthis_sharing_toolbox a>span, div.share-box>i { cursor: pointer; } #content .wpb_wrapper>.post .addthis_sharing_toolbox a, body.page-template-page-isotope-blog .featured-thumbnail>img, div.share-box>i { transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; } body.page-template-page-isotope-blog .featured-thumbnail>img { visibility: visible !important; } body.page-template-page-isotope-blog .post .featured-thumbnail .ozy-video-wrapper, body.page-template-page-isotope-blog .post .featured-thumbnail>img, body.page-template-page-isotope-blog .post .featured-thumbnail .owl-item>img { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ -webkit-filter: grayscale(100%); filter: url(#grayscale); filter: gray; filter: grayscale(100%); max-width: 100%; } body.page-template-page-isotope-blog .post:hover .featured-thumbnail .ozy-video-wrapper, body.page-template-page-isotope-blog .post:hover .featured-thumbnail>img, body.page-template-page-isotope-blog .post:hover .featured-thumbnail .owl-item>img { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); filter: grayscale(0%); filter: none; transition: 1s; } body.page-template-page-isotope-blog h1.isotope-blog-page-title { padding: 10px 24px 9px 20px; white-space: nowrap; background: #99A5BE; display: inline-block; float: left; margin-right: 20px; font-weight: bold !important; } body.page-template-page-isotope-blog .isotope-blog-navigation { position: absolute; bottom: 14px; } body.search .isotope-blog-navigation { margin-top: 30px; margin-bottom: 40px; } .isotope-blog-navigation>a { padding: 7px 15px; font-weight: 700; text-decoration: none; } .isotope-blog-navigation>a:hover { opacity: .8 } .isotope-blog-navigation>a:first-child { margin-right: 10px } /** * Widgets */ .flickr-widget>li { display: inline-block !important; width: auto !important; border: none !important; padding: 0 !important; } .widget li>a { text-decoration: none; } #footer-text>div { display: inline-block; float: left; } .ozy-latest-posts { display: inline-block; clear: both; } .ozy-latest-posts>a { position: relative; display: inline-block; width: 48%; margin-bottom: 12px; float: left; text-transform: uppercase; font-weight: 700; } .ozy-latest-posts>a:hover>span { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100) } .ozy-latest-posts>a>span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .ozy-latest-posts>a:nth-child(odd) { float: left; } .ozy-latest-posts>a:nth-child(even) { float: right; } .ozy-latest-posts>a>img { display: block; width: 100%; height: auto; } .ozy-latest-posts-with-thumbs>li>a>span>small, .ozy-simple-latest-posts>li>small { display: block; } .ozy-latest-posts-with-thumbs>li { border: 1px solid transparent !important; } .ozy-latest-posts-with-thumbs>li>a { display: table; width: 100%; } .ozy-simple-latest-posts>li>a, .ozy-latest-posts-with-thumbs>li>a { text-transform: uppercase; } .ozy-latest-posts-with-thumbs>li>a>img { width: 100px !important; max-width: none !important; height: auto; float: left; } .ozy-latest-posts-with-thumbs>li>a>span { vertical-align: top;/*middle*/ display: table-cell; width: 100%; padding-left: 15px; } .tagcloud>a { text-decoration: none; padding: 5px 10px; display: inline-block; margin-bottom: 4px; font-size: 80%; } .widget li>span.post-date { /*classic recent posts widget*/ display: block; font-size: 80%; } .widget ul ul { /*classic custom menu widget and rest*/ border-top: 1px solid #dedede; padding-top: 8px !important; margin-top: 8px !important; margin-left: 20px !important; } .widget ul.menu li a>i { margin-left: 0 !important; margin-right: 5px !important; } .widget ul.menu li .dropdown-menu { padding-top: 0 !important; } .widget ul.menu li a>i, .widget ul.menu li[class^="oic-"]:before { padding-right: 6px; vertical-align: middle; } .widget ul ul>li:last-child { border-bottom: 1px solid transparent !important; padding-bottom: 0 !important; } #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { color: #000 !important; background: rgba(231,211,176,1) !important; border: 0 !important; text-transform: uppercase; font-weight: 800 !important; line-height: inherit; } /*footer horizontal menu items*/ #footer-widget-bar ul.menu li { display: inline-block !important; padding: 0 25px 0 0; } #footer-widget-bar ul.menu li:last-child { padding-right: 0 !important; } /* generics */ .widget br { content: ' '; display: block; margin-bottom: .5em; } .widget img { max-width: 100%; } .widget select { width: 100%; max-width: 100%; } .widget>ul>li>a.rsswidget { display: inline-block; width: 100%; font-weight: 700; } .widget>ul>li>div.rssSummary { border-top: 1px solid #dedede; margin-top: 10px; padding-top: 10px; } /* calendar widget */ .widget_calendar { float: left; } #wp-calendar { width: 100%; } #wp-calendar caption { text-align: right; font-size: 12px; margin-top: 10px; margin-bottom: 15px; } #wp-calendar thead { font-size: 10px; } #wp-calendar thead th { padding-bottom: 10px; text-align: center; } #wp-calendar tbody td { border: 1px solid #fff; text-align: center; padding: 8px 0; } #wp-calendar tbody td:hover { background: #fff; color: #000 } #wp-calendar tbody .pad, #wp-calendar tbody .pad:hover { background: none; border: none !important; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } .opening-time { display: inline-block; padding: 20px; border: 2px solid #000; width: 100%; } .opening-time dl dt, .opening-time dl dd { float: left; display: block; padding: 0; text-decoration: none; font-weight: normal; width: 50%; } .widget .testimonial-box { text-align: center !important; border-bottom: 2px solid #444; padding-bottom: 20px; margin-bottom: 20px; } .widget .testimonial-box>p { padding: 10px 30px 0 30px; position: relative; } .widget .testimonial-box>p>i.icon-1, .widget .testimonial-box>p>i.icon-2 { position: absolute; font-size: 22px !important; } .widget .testimonial-box>p>i.icon-1 { left: 0; top: 0; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .widget .testimonial-box>p>i.icon-2 { right: 0; bottom: -10px; -webkit-transform: rotate(-180deg) scaleX(-1); -moz-transform: rotate(-180deg) scaleX(-1); -o-transform: rotate(-180deg) scaleX(-1); -ms-transform: rotate(-180deg) scaleX(-1); transform: rotate(-180deg) scaleX(-1); } .widget .testimonial-box>p { font-size: 1.2em !important; } .widget .testimonial-box>h6 { margin-top: 30px !important; font-size: 1.8em !important; font-weight: 300 !important; } /** * Contact Form 7 */ .ozy-wide-box { width: 100% } .wpcf7 { clear: both } /** * Revolution Slider */ .wpb_revslider_element ul, .wpb_revslider_element ol { padding-left: 0 !important; } /*buttons*/ .ozy-revo-button { position: relative; display: inline-block; margin-right: 10px; margin-left: 0; vertical-align: middle; text-align: center; font-weight: 700; cursor: pointer; zoom: 1; text-decoration: none !important; letter-spacing: 1px; -webkit-transition: color .2s ease-in-out, background .2s ease-in-out, border .2s ease-in-out; -moz-transition: color .2s ease-in-out, background .2s ease-in-out, border .2s ease-in-out; -ms-transition: color .2s ease-in-out, background .2s ease-in-out, border .2s ease-in-out; -o-transition: color .2s ease-in-out, background .2s ease-in-out, border .2s ease-in-out; transition: color .2s ease-in-out, background .2s ease-in-out, border .2s ease-in-out; } .ozy-revo-button.large { padding: 15px 24px; font-size: 14px; line-height: 100%; } .ozy-revo-button.medium { padding: 12px 26px; font-size: 12px; line-height: 100% } .ozy-revo-button.outline { border-width: 1px!important; border-style: solid!important; } .ozy-revo-button.light { border-color: #fff!important; color: #fff; } .ozy-revo-button.light:hover { background-color: #fff; color: #222222; } .ozy-revo-button.dark { border-color: #222!important; color: #222; } .ozy-revo-button.dark:hover { background-color: #222222; color: #fff; } .ozy-revo-button.light.filled { background-color: #fff; border-color: #222!important; color: #222; } .ozy-revo-button.light.filled:hover { background-color: #222; border-color: #fff!important; color: #fff; } .ozy-revo-button.dark.filled { background-color: #222; border-color: #222!important; color: #fff; } .ozy-revo-button.dark.filled:hover { background-color: #fff; border-color: #fff!important; color: #222; } /** * CSS3 Waypoint Animations */ .ozy-waypoint-animate { opacity: 0; } .ozy-start-animation.ozy-appear { animation: ozy-appear .7s 1 cubic-bezier(.175, .885, .32, 1.275); -webkit-animation: ozy-appear .7s 1 cubic-bezier(.175, .885, .32, 1.275); -moz-animation: ozy-appear .7s 1 cubic-bezier(.175, .885, .32, 1.275); -o-animation: ozy-appear .7s 1 cubic-bezier(.175, .885, .32, 1.275); opacity: 1; } @-webkit-keyframes ozy-appear { 0% { -webkit-transform:translate(0, -10%); opacity:0; } 100% { -webkit-transform:translate(0, 0); opacity:1; } } @-moz-keyframes ozy-appear { 0% { -moz-transform:translate(0, -10%); opacity:0; } 100% { -moz-transform:translate(0, 0); opacity:1; } } @-o-keyframes ozy-appear { 0% { -o-transform:translate(0, -10%); opacity:0; } 100% { -o-transform:translate(0, 0); opacity:1; } } @keyframes ozy-appear { 0% { transform:translate(0, -10%); opacity:0; } 100% { transform:translate(0, 0); opacity:1; } } .ozy-start-animation.ozy-fade-appear { animation: ozy-fade-appear; -webkit-animation: ozy-fade-appear; -moz-animation: ozy-fade-appear; -o-animation: ozy-fade-appear; opacity: 1; } @-webkit-keyframes ozy-fade-appear { 0% { opacity: 0.1; } 100% { opacity: 1; } } @-moz-keyframes ozy-fade-appear { 0% { opacity: 0.1; } 100% { opacity: 1; } } @-o-keyframes ozy-fade-appear { 0% { opacity: 0.1; } 100% { opacity: 1; } } @keyframes ozy-fade-appear { 0% { opacity: 0.1; } 100% { opacity: 1; } } /* * Parallax Row */ .wpb_row { position: relative; /*do not remove this*/ } .wpb_row.ozy-custom-row { background-repeat: no-repeat; } .wpb_row.ozy-custom-row.parallax { background-position: 50% 50%; background-size: cover; } .wpb_row.ozy-custom-row.parallax .parallax-wrapper { position: relative; } /* * Full Width Page Centered Content & Parallax Stuff */ #footer>footer>.container, #page-title-wrapper>div { padding-left: 36px; padding-right: 36px; } .ozy-page-model-full #footer>footer>.container, .ozy-page-model-full #footer-widget-bar>.container { width: 100%; } .ozy-page-model-no-sidebar.ozy-page-model-full:not(.woocommerce-page) #main>.container { width: 100%; } .ozy-page-model-full.ozy-page-model-no-sidebar #content>div>article>div>.wpb_row.ozy-custom-full-row>.parallax-wrapper { padding-left: inherit; padding-right: inherit; } .ozy-page-model-has-sidebar #main>.container #content.left-sidebar { margin-left: 36px; } .ozy-page-model-has-sidebar #main>.container>#content { float: left; } .ozy-page-model-full #main>.container>#content, .ozy-page-model-full #footer-widget-bar>.widget-container, .ozy-page-model-full #footer>footer>.container { margin: 0 auto; } .ozy-page-model-full #footer-widget-bar, .ozy-page-model-full #footer { width: 100%; } .ozy-custom-fullheight-row { overflow: hidden; padding: 0 !important; } /*.ozy-page-model-full #content .wpb_row.vc_row-fluid>div.parallax-wrapper, .ozy-page-model-full #content .wpb_row, .ozy-page-model-full #content .wpb_row.vc_row-fluid.ozy-custom-row.parallax .parallax-wrapper { max-width: 1242px; margin-left: auto; margin-right: auto; }*/ /*fix row inside row margin issue*/ .vc_row:not(.ozy-custom-full-row) div.parallax-wrapper div.parallax-wrapper { margin-left: -15px !important; margin-right: -15px !important; } .ozy-page-model-full #page-title-wrapper>div, .ozy-page-model-full #page-title-wrapper>div.parallax-wrapper { max-width: 1212px;/*1140px;*/ margin-left: auto; margin-right: auto; } .ozy-page-model-full #footer-widget-bar>.container, .ozy-page-model-full #footer>footer { max-width: 100%; } #content.no-vc { max-width: 1140px; padding-bottom: 40px; } /*.ozy-page-model-full #content { padding-bottom:0px !important; } */ .ozy-page-model-full #page-title-wrapper.ozy-custom-full-row>div.parallax-wrapper, .ozy-page-model-full #content .wpb_row.vc_row-fluid.ozy-custom-full-row>div.parallax-wrapper, .ozy-page-model-full #page-title-wrapper, .ozy-page-model-full #content .wpb_row.vc_row, .ozy-page-model-full #content .wpb_row.vc_row-fluid { width: 100%; max-width: 100% !important; } .ozy-page-model-boxed.ozy-page-model-no-sidebar #main { position: relative; max-width: 1212px; margin-left: auto; margin-right: auto; } .ozy-row-has-video { position: relative; overflow: hidden; } .ozy-row-has-video .video-mask { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(images/video-pattern.png); } .ozy-row-has-video .video-mask.has-bg { filter: alpha(opacity=0.7); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } #content>.wpb_row.vc_row-fluid:first-child { padding-top: 0 !important; } .container.no-vc .vc_col-sm-12.wpb_column.vc_column_container, .ozy-custom-full-row .parallax-wrapper .vc_col-sm-12.wpb_column.vc_column_container { padding-left: 0 !important; padding-right: 0 !important; } .ozy-page-model-boxed.ozy-page-model-no-sidebar #main>.container .wpb_row:not(.ozy-custom-full-row) { padding-left: 36px !important; padding-right: 36px !important; } .ozy-row-zero-space .wpb_column { padding-left: 0 !important; padding-right: 0 !important; } /** * 3rd Party Plugin Fix */ .responsive-map div { max-width: none !important; } /** * Visual Composer Overrides */ .wpb_widgetised_column ul { padding-left: inherit !important; } .wpb_row>.video-mask.has-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .wpb_gmaps_widget .gmaps-cover { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; } .wpb_gmaps_widget .wpb_wrapper { padding: 0 !important; } .vc_heading_white h1, .vc_heading_white h2, .vc_heading_white h3, .vc_heading_white h4, .vc_heading_white h5, .vc_heading_white h6 { color: #fff !important; } .wpb_button_a, .vc_btn { margin-right: 10px; } .vc_btn-lg { padding: 20px 22px !important; } .vc_btn_full_width { margin-top: 0 !important; margin-right: 0 !important; width: 100% !important; text-align: center !important; padding-top: 30px !important; padding-bottom: 30px !important; } .wpb_row { margin-left: 0 !important; margin-right: 0 !important; } .wpb_row > .wpb_column > .wpb_wrapper .wpb_content_element:last-child { margin-bottom: 35px; } .vc-icon-ozy_vc_before_after { background: url(images/admin/tweet_32.png) no-repeat; } /** * Separator */ .vc_separator { margin-top: 35px; } /** * Tabs */ .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li, .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header, .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab { background-color: transparent !important; } .wpb_tabs .wpb_tabs_nav li { border: 1px solid #dedede; margin-right: -1px !important; transition: none !important; -moz-transition: none !important; -webkit-transition: none !important; -o-transition: none !important; } .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab { padding: 1em 0 !important; } .full-tabs .wpb_wrapper ul.wpb_tabs_nav:before, .full-tabs .wpb_wrapper ul.wpb_tabs_nav:after { display: none !important; } .full-tabs ul.wpb_tabs_nav { width: 100%; display: table; table-layout: fixed; /* optional, for equal spacing */ border-collapse: separate; } .full-tabs.wpb_tabs .wpb_tabs_nav li { display: table-cell; text-align: center; vertical-align: middle; float: none; max-width: 100%; font-size: 120%; } /** * Accordion */ .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header { border: 1px solid #dedede; margin-bottom: -1px !important; outline: none; } /** * Call to action */ .wpb_button { text-shadow: none !important; -webkit-transition: all .4s; transition: all .4s; } .wpb_call_to_action { background-color: transparent !important; border: 1px solid transparent !important; padding: 0 !important; /*35px 0 0 0*/ } /** * Map */ .wpb_map_wraper { padding: 0 !important; } .gm-style img { max-width: none; } /** * Single Image */ .wpb_single_image img { display: block; clear: both; } .wpb_single_image.vc_align_center>div img { margin: 0 auto; } .zoom.wpb_single_image { overflow: hidden; } /** * Tour Section */ .wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li { border: 1px solid #dedede; margin-bottom: -1px !important; } .wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li>a { -webkit-transition: all .4s; transition: all .4s; } .wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li.ui-tabs-active>a, .wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li:hover>a { padding-left: 1.5em; } .wpb_tour .wpb_tour_tabs_wrapper .wpb_tab { padding: 0 1em !important; } /** * Flexslider */ .flexslider { border: none !important; } /** * Icon */ .ozy-icon { overflow: hidden !important; -webkit-transition: box-shadow 0.2s; -moz-transition: box-shadow 0.2s; transition: box-shadow 0.2s; } .ozy-icon-a, .ozy-icon-a:hover, .ozy-icon-a:active { text-decoration: none; } .ozy-icon.align-center { display: inline-block !important; text-align: center; margin: 0 auto; } .ozy-icon.regular { font-size: 16px !important; width: 50px; height: 50px; line-height: 44px; } .ozy-icon.large { font-size: 32px !important; width: 80px; height: 80px; line-height: 78px; } .ozy-icon.xlarge { font-size: 48px !important; width: 120px; height: 120px; line-height: 120px; } .ozy-icon.xxlarge { font-size: 64px !important; width: 180px; height: 180px; line-height: 187px; } .ozy-icon.xxxlarge { font-size: 128px !important; width: 256px; height: 256px; line-height: 283px; } .ozy-icon.square, .ozy-icon.circle, .ozy-icon.circle2 { text-align: center; margin-bottom: 0.5em; display: inline-block; overflow: visible; text-shadow: 0 0 1px rgba(0,0,0,0.3); } .ozy-icon.square { padding: 6px; background: #686868; color: #fff; } .ozy-icon.circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding: 6px; background: #686868; color: #fff; } .ozy-icon.circle2 { -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; padding: 4px; border: 2px solid #686868; color: #686868; } .ozy-icon.diamond { border: 1px solid #dedede; border-radius: 4px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); float: left; margin: 0 20px; } .ozy-icon.diamond { margin-bottom: 30px !important; } .ozy-icon.diamond:before { position: absolute; top: 50%; left: 50%; margin-top: -2px; margin-left: -2px; transform: rotate(-45deg) translate(0, -50%); -webkit-transform: rotate(-45deg) translate(0, -50%); -ms-transform: rotate(-45deg) translate(0, -50%); } a>.ozy-icon { -webkit-transition: all .4s; transition: all .4s; opacity: 1; } /** * Custom List */ .ozy-custom-list { padding: 0 !important; } .ozy-custom-list>li { list-style: none; } .ozy-custom-list>li>span.oic { padding-right: 6px; font-size: 22px; } .ozy-custom-list>li>span:not(.oic) { vertical-align: top; line-height: 22px; } /** * Clean Slider */ .clean-slider .nivo-directionNav, .clean-slider .nivo-controlNav, .clean-slider .flex-direction-nav, .clean-slider .flex-control-nav { display: none; } .nivoSlider, .flexslider { border: 0px solid transparent !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; } /** * Team Member */ /* Caption Style 3 */ .ozy-team_member figure { margin: 0; position: relative; } .ozy-team_member figure img { max-width: 100%; display: block; position: relative; } .ozy-team_member figcaption { position: absolute; top: 0; left: 0; padding: 20px; background: #222222; } .ozy-team_member figcaption h3 { font-size: 19px !important; font-weight: 700 !important; } .ozy-team_member figcaption h5 { font-size: 14px !important; } .ozy-team_member figcaption p { font-size: 12px !important; } .ozy-team_member figcaption h3, .ozy-team_member figcaption p { margin: 0; padding: 0; color: #fff !important; } .ozy-team_member figure { overflow: hidden; } .ozy-team_member figure img { -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; } /*.no-touch */ .ozy-team_member figure:hover img, .ozy-team_member figure.hover img { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); } .ozy-team_member figcaption { height: 200px; width: 100%; top: auto; bottom: 0; opacity: 0; text-align: center; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; transition: transform 0.4s, opacity 0.1s 0.3s; } /*.no-touch */ .ozy-team_member figure:hover figcaption, .ozy-team_member figure.hover figcaption { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -moz-transition: -moz-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s; } .ozy-team_member figure figcaption>div { margin-top: 10px; } .ozy-team_member figure figcaption>div>a { padding: 0 5px; text-decoration: none !important; } .ozy-team_member figure figcaption>div>a>span { font-size: 24px !important; color: #fff !important; filter: alpha(opacity=0.6); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; -webkit-transition: all .4s; transition: all .4s; } .ozy-team_member figure figcaption>div>a:hover>span { filter: alpha(opacity=1); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; color: #fff !important; } /** * Divider */ .ozy-content-divider { clear: both; } .ozy-divider-cap-left, .ozy-divider-cap-right, .ozy-divider-cap-center { clear: both; } .ozy-content-divider { position: relative; border-top: 1px solid #dedede; border-bottom: none; border-left: none; border-right: none; } .ozy-content-divider legend { font-weight: 400; font-size: 140%; } .ozy-content-divider legend.dcenter { padding: 0 18px 0 18px; } .ozy-content-divider legend.dleft { padding: 0 18px 0 0; } .ozy-content-divider legend.dright { padding: 0 0 0 18px; } h1.ozy-divider-cap-center, h2.ozy-divider-cap-center, h3.ozy-divider-cap-center, h4.ozy-divider-cap-center, h5.ozy-divider-cap-center, h6.ozy-divider-cap-center { text-align: center; } h1.ozy-divider-cap-right, h2.ozy-divider-cap-right, h3.ozy-divider-cap-right, h4.ozy-divider-cap-right, h5.ozy-divider-cap-right, h6.ozy-divider-cap-right { text-align: right; } /** * Title With Icon */ .title-with-icon-wrapper.connected { position: relative; margin-bottom: 35px; } .title-with-icon-wrapper .title-with-icon span { -webkit-transition: box-shadow 0.2s; -moz-transition: box-shadow 0.2s; transition: box-shadow 0.2s; } .title-with-icon-wrapper.connected:before { content: ''; width: 0px; height: auto; border-left: 1px solid #222222; position: absolute; left: 25px; top: 50px; bottom: -36px; } .title-with-icon-wrapper.connected:last-child { margin-bottom: 0; } .title-with-icon-wrapper.connected:last-child:before { display: none; } .title-with-icon-wrapper.connected.large:before { left: 40px; top: 80px; } .title-with-icon-wrapper.connected.xlarge:before { left: 60px; top: 120px; } .title-with-icon-wrapper.connected.xxlarge:before { left: 90px; top: 180px; } .title-with-icon-wrapper.connected.xxxlarge:before { left: 128px; top: 256px; } .title-with-icon-wrapper>.title-with-icon { margin-bottom: 0 !important; } .title-with-icon-wrapper>.top-cs.title-with-icon-content { text-align: center; } .title-with-icon-wrapper>.left-cs.title-with-icon-content.medium { padding-left: 65px; } .title-with-icon-wrapper>.left-cs.title-with-icon-content.large { padding-left: 95px; } .title-with-icon-wrapper>.left-cs.title-with-icon-content.xlarge { padding-left: 135px; } .title-with-icon-wrapper>.left-cs.title-with-icon-content.xxlarge { padding-left: 195px; } .title-with-icon-wrapper>.left-cs.title-with-icon-content.xxxlarge { padding-left: 271px; } .title-with-icon-wrapper.clear>.left-cs.title-with-icon-content.medium { padding-left: 65px; } .title-with-icon-wrapper.clear>.left-cs.title-with-icon-content.large { padding-left: 56px; } .title-with-icon-wrapper.clear>.left-cs.title-with-icon-content.xlarge { padding-left: 77px; } .title-with-icon-wrapper.clear>.left-cs.title-with-icon-content.xxlarge { padding-left: 106px; } .title-with-icon-wrapper.clear>.left-cs.title-with-icon-content.xxxlarge { padding-left: 145px; } .title-with-icon { display: table !important; cursor: default; } .title-with-icon.top-style { text-align: center !important; width: 100%; } .title-with-icon>h1, .title-with-icon>h2, .title-with-icon>h3, .title-with-icon>h4, .title-with-icon>h5, .title-with-icon>h6 { display: table-cell; vertical-align: middle !important; border-left: 15px solid transparent; } .title-with-icon>h1>a, .title-with-icon>h2>a, .title-with-icon>h3>a, .title-with-icon>h4>a, .title-with-icon>h5>a, .title-with-icon>h6>a { text-decoration: none; } .title-with-icon>h1.no-icon, .title-with-icon>h2.no-icon, .title-with-icon>h3.no-icon, .title-with-icon>h4.no-icon, .title-with-icon>h5.no-icon, .title-with-icon>h6.no-icon { border-left: none !important; } .title-with-icon.top-style>h1, .title-with-icon.top-style>h2, .title-with-icon.top-style>h3, .title-with-icon.top-style>h4, .title-with-icon.top-style>h5, .title-with-icon.top-style>h6 { display: block !important; float: none !important; border-left: none !important; } .title-with-icon.top-style>span:after, .title-with-icon.top-style>a>span:after { display: table !important; clear: both !important; content: '' !important; } .title-with-icon.top-style>span, .title-with-icon.top-style>a>span { margin-right: 0px !important; float: none !important; display: block !important; margin: 0 auto 20px auto !important; text-decoration: none !important; } .title-with-icon.top-style>a { text-decoration: none !important; } .title-with-icon>span.medium, .title-with-icon>span.large, .title-with-icon>span.xlarge, .title-with-icon>span.xxlarge, .title-with-icon>span.xxxlarge, .title-with-icon>a>span.medium, .title-with-icon>a>span.large, .title-with-icon>a>span.xlarge, .title-with-icon>a>span.xxlarge, .title-with-icon>a>span.xxxlarge { width: 50px; height: 50px; line-height: 56px !important; font-size: 16px !important; text-align: center; display: inline-block !important; background-image: none !important; text-decoration: none !important; } .title-with-icon>span.large, .title-with-icon>a>span.large { width: 80px; height: 80px; line-height: 90px !important; font-size: 32px !important; } .title-with-icon>span.xlarge, .title-with-icon>a>span.xlarge { width: 120px; height: 120px; line-height: 134px !important; font-size: 48px !important; } .title-with-icon>span.xxlarge, .title-with-icon>a>span.xxlarge { width: 180px; height: 180px; line-height: 200px !important; font-size: 64px !important; } .title-with-icon>span.xxxlarge, .title-with-icon>a>span.xxxlarge { width: 256px; height: 256px; line-height: 294px !important; font-size: 128px !important; } .title-with-icon>span.large.clear, .title-with-icon>a>span.large.clear { width: 40px !important; height: 40px !important; line-height: 55px !important; margin-bottom: 0 !important; } .title-with-icon>span.xlarge.clear, .title-with-icon>a>span.xlarge.clear { width: 60px !important; height: 60px !important; line-height: 60px !important; margin-bottom: 0 !important; } .title-with-icon>span.xxlarge.clear, .title-with-icon>a>span.xxlarge.clear { width: 90px !important; height: 90px !important; line-height: 90px !important; margin-bottom: 0 !important; } .title-with-icon>span.xxxlarge.clear, .title-with-icon>a>span.xxxlarge.clear { width: 128px !important; height: 128px !important; line-height: 128px !important; margin-bottom: 0 !important; } .title-with-icon>span.rounded, .title-with-icon>a>span.rounded { border-bottom: none !important; } .title-with-icon>span.medium.rounded, .title-with-icon>a>span.medium.rounded, .title-with-icon>span.large.rounded, .title-with-icon>a>span.large.rounded, .title-with-icon>span.xlarge.rounded, .title-with-icon>a>span.xlarge.rounded, .title-with-icon>span.xxlarge.rounded, .title-with-icon>a>span.xxlarge.rounded, .title-with-icon>span.xxxlarge.rounded, .title-with-icon>a>span.xxxlarge.rounded, .title-with-icon>span.circle, .title-with-icon>a>span.circle { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .title-with-icon>span.clear, .title-with-icon>a>span.clear { background-color: transparent !important; border-bottom: none !important; } .title-with-icon>span.rounded, .title-with-icon>span.rectangle, .title-with-icon>span.circle { overflow: hidden; } .title-with-icon>a>span.circle, .title-with-icon>span.circle { border: 1px solid #dedede; } /** * Interactive Box */ .ozy-iabox-wrapper { } .ozy-iabox { position: relative; padding: 30px 36px !important; background-size: cover; background-position: center center; overflow: hidden; } .ozy-iabox>a { display: block; position: absolute; width: 100%; height: 100%; padding: 30px 36px !important; top: 0; left: 0; text-decoration: none; z-index: 1; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .ozy-iabox>i, .ozy-iabox>a>i { display: block; position: absolute; font-size: 32px; width: 32px; height: 32px; line-height: 32px; text-align: center; padding-top: 2px; right: 36px; bottom: 36px; } .ozy-iabox:hover>a { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .ozy-iabox>div, .ozy-iabox>h2 { position: relative; z-index: 1; } .ozy-iabox>a>.heading, .ozy-iabox>.heading { margin-bottom: 15px; font-weight: 300 !important; } .ozy-iabox>video { position: absolute; min-width: 100%; min-height: 100%; top: 0; bottom: 0; left: 0; right: 0; display: inline-block; z-index: 0; } /** * Testimonials Slider */ .ozy-testimonials .owl-prev, .ozy-testimonials .owl-next { display: none !important; } .ozy-testimonials.ozy-owlcarousel .owl-pagination { bottom: -50px !important; } .ozy-testimonials { backround-color: transparent !important; margin-bottom: 3.5em; } .ozy-testimonials .thumb { float: right; display: block; width: 48px !important; height: 48px !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .ozy-testimonials img { width: 48px !important; height: 48px !important; max-width: 48px !important; max-height: 48px !important; } .ozy-testimonials .username { line-height: 48px; padding-right: 10px; } .ozy-testimonials .thumb>span { display: block; overflow: hidden; width: 48px; height: 48px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .ozy-testimonials .owl-item>div { text-align: center; position: relative; width: auto; } .ozy-testimonials .owl-item .info .itext { float: right; text-align: right; padding-right: 10px; } .ozy-testimonials .owl-item .info { white-space: nowrap; text-align: right !important; margin-top: 40px; display: inline-block; position: relative; width: auto; } .ozy-testimonials .owl-item .subtitle { top: 30px; } .ozy-testimonials .owl-item .username { top: 20px; } .ozy-testimonials { width: 100% !important; } .ozy-testimonials .testimonial { font-size: 140%; line-height: 140%; font-weight: 300; width: 70%; margin: 0 auto; } /** * Count To */ .ozy-counter>.timer { font-size: 57px; font-weight: bold; line-height: 57px; text-align: center; } .ozy-counter>span { display: block; font-size: 13px; text-align: center; } .ozy-counter>.hr { display: block; margin: 20px auto; width: 30px; height: 1px; background-color: #000; } /** * Extra CSS definitions */ .row-botton-button { display: block; position: absolute; bottom: 0; left: 50%; margin-left: -30px; width: 60px; height: 60px; font-size: 32px !important; line-height: 60px !important; text-align: center; font-weight: 700; } .ozy-floating-box { position: relative; } .ozy-vertical-centered-element, .ozy-floating-box>div { position: absolute; width: 100%; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); } /* * Core Owl Carousel CSS File * v1.3.2 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .ozy-owlcarousel.navigation-off .owl-controls, .owl-carousel.with-feed .owl-controls>.owl-pagination { display: none !important; } .owl-carousel.with-feed .owl-buttons { position: absolute; bottom: -60px; width: 90px; height: 40px; left: 50%; margin-left: -45px; } #mc4wp-form-1 input[type="submit"], .yikes-easy-mc-submit-button-2, #subscribe-footer-2 button[type="submit"] { background: -moz-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(193,49,61,1)), color-stop(79%, rgba(213,179,131,1)), color-stop(100%, rgba(213,179,131,1))) !important; background: -webkit-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; background: -o-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; background: -ms-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; background: linear-gradient(to bottom, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1313d', endColorstr='#d5b383', GradientType=0 ) !important; border: 1px solid #c23941 !important; border: 1px solid #c23941 !important; color: #fff !important; font-family: "Open Sans"; font-weight: 900; font-size: 18px; border-radius: 0 !important; padding: 12px 30px !important; } #mc4wp-form-1 input:not([type="submit"]):not([type="file"]), select, textarea { background: transparent !important; padding: 15px 30px !important; top: -2px; position: relative; font-family: "Open Sans"; } #yikes-easy-mc-form-2-EMAIL { background: transparent !important; padding: 15px 30px 14px !important; top: 2px; position: relative; margin-right: -10px; font-family: "Open Sans"; } .ozy-owlcarousel.single.with-feed { margin-bottom: 30px; } .ozy-owlcarousel.single.with-feed .owl-buttons .owl-prev { margin-right: 10px !important } .ozy-owlcarousel.single.with-feed .owl-buttons .owl-prev, .ozy-owlcarousel.single.with-feed .owl-buttons .owl-next { position: relative !important; width: 40px; height: 40px; left: 0; font-size: 15px; line-height: 40px; background-color: transparent!important; color: #000; border-radius: 4px; border: 1px solid #dedede; opacity: 1 !important; } .ozy-owlcarousel.single.with-feed .owl-buttons .owl-prev:hover, .ozy-owlcarousel.single.with-feed .owl-buttons .owl-next:hover { opacity: .5 !important } .ozy-owlcarousel.single.with-feed .owl-buttons .owl-prev>i, .ozy-owlcarousel.single.with-feed .owl-buttons .owl-next>i { padding-top: 3px } /* display none until init */ .owl-carousel, .owl-carousel div { max-width: none !important; } .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; overflow: hidden; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .ozy-owlcarousel .item, .grabbing { cursor: url(images/handnmove.cur) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } /** * Owl Carousel Owl Theme */ .owl-post-slider { margin-bottom: 25px; } .owl-theme .owl-controls { margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span { display: block; width: 8px; height: 8px; margin: 5px 5px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #000; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading { min-height: 100px; background: url(images/progress.gif) no-repeat center center } .ozy-owlcarousel[data-items="1"] .item { margin: 0 !important; } .ozy-owlcarousel .item>img { display: block; width: 100%; height: auto; } .ozy-owlcarousel .item.item-extended { position: relative; overflow: hidden; /*add this to make sure there is no 1px extra space under the items*/ } .ozy-owlcarousel .item.item-extended p.instagram-meta { text-align: center; } .ozy-owlcarousel .item.item-extended p.instagram-meta span { font-size: 32px; padding-right: 20px; } .ozy-owlcarousel .item.item-extended p.instagram-meta span i { padding-top: 10px; padding-right: 10px; } .ozy-owlcarousel .item.item-extended>a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ozy-owlcarousel.with-feed .item.item-extended>a:hover .overlay-two { background-color: rgba(0,0,0,0) } .ozy-owlcarousel.with-feed .item { margin: 0 10px } .zoom.wpb_single_image div>img, .zoom.wpb_single_image div>a>img, .ozy-image-with-caption>figure>img, .ozy-fancyimagebox>img { max-width: 100%; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; } .zoom.wpb_single_image div:hover>a>img, .zoom.wpb_single_image div:hover>img, .ozy-image-with-caption:hover>figure>img, .ozy-fancyimagebox:hover>img { -moz-transform: scale(1.3) rotate(-10deg); -webkit-transform: scale(1.3) rotate(-10deg); -o-transform: scale(1.3) rotate(-10deg); transform: scale(1.3) rotate(-10deg); } .ozy-owlcarousel .item.item-extended>a>div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ozy-owlcarousel .item.item-extended>a .overlay-one { position: relative; -webkit-transition: all 1000ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: all 1000ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition: all 1000ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 1000ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */ -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */ } .ozy-owlcarousel .item.item-extended>a .overlay-one>* { -moz-box-sizing: border-box; color: #FFFFFF; position: absolute; text-align: center; top: 50%; transform: translate(0px, -50%); -webkit-transform: translate(0px, -43%); -ms-transform: translate(0px, -43%); width: 100%; text-align: center; margin: 0 !important; } .ozy-owlcarousel .item.item-extended>a .overlay-one>h4 { padding: 10px; } .ozy-owlcarousel .item.item-extended>a .overlay-one>span { font-size: 80px; line-height: 100px; display: block; } .ozy-owlcarousel .item.item-extended>a .overlay-two { background-color: rgba(0,0,0,0.5); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .ozy-owlcarousel .item.item-extended>a .overlay-two>p { position: absolute; bottom: 10px; padding: 30px; font-size: 20px; line-height: 27px; font-weight: 300 !important; } .ozy-owlcarousel .item.item-extended>a .overlay-two>p>span { display: block; font-size: 26px; line-height: 36px; padding-top: 30px; } .ozy-owlcarousel.with-feed .item.item-extended>a .overlay-two>div { padding: 14px 30px; } .ozy-owlcarousel.with-feed .item.item-extended>a .overlay-two>div>h3, .ozy-owlcarousel.with-feed .item.item-extended>a .overlay-two>div>p { text-align: left !important; opacity: 1; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; } .ozy-owlcarousel.with-feed .item.item-extended:hover>a .overlay-two>div>h3, .ozy-owlcarousel.with-feed .item.item-extended:hover>a .overlay-two>div>p { opacity: 1; } /*single slider*/ .ozy-owlcarousel.single .owl-item .caption { padding: 0 150px; position: absolute; width: 100%; left: 0; top: 50%; -webkit-transform: translate(100px, -50%); -moz-transform: translate(100px, -50%); -ms-transform: translate(100px, -50%); transform: translate(100px, -50%); transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .ozy-owlcarousel.single .owl-item.active .caption { -webkit-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); transform: translate(0px, -50%); -webkit-transition-delay: 0.4s; transition-delay: 0.4s; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .ozy-owlcarousel.single .owl-item .caption a.generic-button, .ozy-owlcarousel.single .owl-item .caption a.frame { display: inline-block; margin-top: 10px; border: 2px solid #ffffff; padding: 6px 14px; text-decoration: none; } .ozy-owlcarousel.single .owl-item .caption a.generic-button { border: none !important; } .ozy-owlcarousel.single .owl-buttons .owl-prev, .ozy-owlcarousel.single .owl-buttons .owl-next { position: absolute; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; top: 0; height: 100%; left: 0; width: 100px; height: 100%; text-align: center; line-height: 64px; font-size: 64px; background-color: transparent !important; padding: 0 !important; margin: 0 !important; } .ozy-owlcarousel.single .owl-buttons .owl-prev i, .ozy-owlcarousel.single .owl-buttons .owl-next i { display: block; position: absolute; width: 100%; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .ozy-owlcarousel.single .owl-buttons .owl-next { left: inherit; right: 0; } .ozy-owlcarousel.single .owl-controls { text-align: center; margin-top: -28px; } .ozy-owlcarousel.single .owl-pagination { display: none; } @media only screen and (max-width: 1200px) { .ozy-owlcarousel.single .owl-pagination { bottom: 40px; } } @media only screen and (max-width: 760px) { .ozy-owlcarousel.single .owl-pagination { bottom: 20px; } } .ozy-owlcarousel.single .owl-pagination .progressbar { position: absolute; top: 0; bottom: 0; left: 5px; max-width: 97%; width: 0px; background: white; z-index: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ transition: width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; } .ozy-owlcarousel.single .owl-pagination .owl-page { display: inline-block; z-index: 10; position: relative; width: 20px; height: 20px; background: #000000; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ margin-left: 80px; top: -5px; transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05); box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05); } .ozy-owlcarousel.single .owl-controls .owl-page span { width: 10px !important; height: 10px !important; } @media only screen and (max-width: 1200px) { .ozy-owlcarousel.single .owl-pagination .owl-page { margin-left: 40px; } } .ozy-owlcarousel.single .owl-pagination .owl-page:after { content: ''; display: block; position: absolute; top: -1px; left: -1px; width: 22px; height: 22px; background: none; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; border-radius: 12px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ border: 9px solid white; transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; } .ozy-owlcarousel.single .owl-pagination .owl-page.active:after { border-width: 6px; } .ozy-owlcarousel.single .owl-pagination .owl-page:first-child { margin-left: 0; } /*Owl Testimonial Box*/ .ozy-owlcarousel .item.item-extended.testimonial { border-radius: 4px; margin: 0 10px; } .ozy-owlcarousel .item.item-extended.testimonial>div>a { text-decoration: none; } .ozy-owlcarousel .item.item-extended.testimonial>div>a>img { float: left; } .ozy-owlcarousel .item.item-extended.testimonial>div>a>div { position: absolute; background-color: #000; background-color: rgba(0,0,0,.8); color: #fff; } .ozy-owlcarousel .item.item-extended.testimonial>div>a>div.one { /*bottom:100%;*/ bottom: 80px; opacity: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 36px; text-align: center; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; } .ozy-owlcarousel .item.item-extended.testimonial>div>a>div.one i.icon-1, .ozy-owlcarousel .item.item-extended.testimonial>div>a>div.one i.icon-2 { position: absolute; font-size: 18px !important; opacity: .5; } .ozy-owlcarousel .item.item-extended.testimonial>div>a>div.one i.icon-1 { left: 15px; top: 15px; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .ozy-owlcarousel .item.item-extended.testimonial>div>a>div.one i.icon-2 { right: 15px; bottom: 15px; -webkit-transform: rotate(-180deg) scaleX(-1); -moz-transform: rotate(-180deg) scaleX(-1); -o-transform: rotate(-180deg) scaleX(-1); -ms-transform: rotate(-180deg) scaleX(-1); transform: rotate(-180deg) scaleX(-1); } .ozy-owlcarousel .item.item-extended.testimonial:hover>div>a>div.one { opacity: 1; bottom: 100px; } .ozy-owlcarousel .item.item-extended.testimonial>div>a>div.two { bottom: 0; height: 100px; padding: 15px; width: 100%; } .ozy-owlcarousel .item.item-extended.testimonial>div>a>div.two>span { position: absolute; top: 50%; width: 62%; transform: translate(15px, -50%); -webkit-transform: translate(15px, -50%); -ms-transform: translate(15px, -50%); font-size: 90%; } .ozy-owlcarousel .item.item-extended.testimonial>div>a>div.two>span>br { margin: 0 !important; } .ozy-owlcarousel .item.item-extended.testimonial>div>a .profile-pic { float: left; width: 70px; height: 70px; border-radius: 4px; } /*Owl WooCommerce Carousel*/ .ozy-owlcarousel.woocommerce-carousel .item-extended figure { position: relative; } .ozy-owlcarousel.woocommerce-carousel .item-extended div.overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); opacity: 0; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; } .ozy-owlcarousel.woocommerce-carousel .item-extended:hover div.overlay { opacity: 1; } .ozy-owlcarousel.woocommerce-carousel .item-extended div.info { text-align: center; } .ozy-owlcarousel.woocommerce-carousel .item-extended div.overlay>div { position: absolute; width: 50%; height: 110px; top: 50%; left: 50%; margin-left: -25%; margin-top: -60px; } .ozy-owlcarousel.woocommerce-carousel .item-extended div.overlay>div>a { display: inline-block; width: 100%; line-height: 50px; text-align: center; font-size: 12px; text-decoration: none; } .ozy-owlcarousel.woocommerce-carousel .item-extended div.overlay>div>a.button { background-color: #fff !important; color: #000 !important; margin-bottom: 10px; } .ozy-owlcarousel.woocommerce-carousel .item-extended div.overlay>div>a.product-details { background-color: #000 !important; color: #fff !important; } .ozy-owlcarousel.woocommerce-carousel .item-extended div.overlay>div>a.button:hover { background-color: rgba(255,255,255,0.7) !important; } .ozy-owlcarousel.woocommerce-carousel .item-extended div.overlay>div>a.product-details:hover { background-color: rgba(0,0,0,0.7) !important; } /** * Master Slider */ .ms-moz .ms-slide-bgcont>img { transform: translateX(0px); }/*firefox fix for 2.9.9*/ .ms-tabs .ms-thumb>h2 { line-height: inherit !important; } .master-slider div:not(.ms-tooltip), .master-slider img { max-width: none !important; } .master-slider a { -webkit-transition: none !important; -moz-transition : none !important; transition: none !important; } .wpb_row .master-slider-parent * { /*fix for non fittin sliders like iPhone slider*/ -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } .ms-skin-black-1 .ms-tooltip-point .ms-point-center { margin: -6px 0 0 -6px !important; } .ms-tooltip-point .ms-point-center { border-color: #FF0004 !important; background-color: #CC0003 !important; } .ms-skin-black-1 .ms-tabs .ms-thumb-frame { background-color: #2c2c2c; text-shadow: none !important; color: #fff; border: solid 1px #000; } .ms-skin-black-1 .ms-tabs .ms-thumb-frame-selected { background: #000 !important; } .ms-skin-black-1 .ms-thumb-ol { border-bottom-color: #000 !important; } .page-template-page-masterslider-full-php #main { display: block !important; width: 100% !important; height: 100% !important; } .page-template-page-masterslider-full-php #main>.container { width: 100% !important; height: 100% !important; overflow: hidden !important; } .master-slider-parent { padding-bottom: 0 !important; } div.ms-thumbs-cont { max-width: none !important; } /** * Mail Chimp */ #mc_signup { max-width: 340px; margin: 0 auto; } #mc_signup #mc_signup_submit { width: 100% !important; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } #mc_signup #mc_mv_EMAIL { padding: 12px 15px; background-color: #fff !important; border-radius: 2px; } .mc_custom_border_hdr, .mc_var_label.mc_header.mc_header_email, .mergeRow { display: none !important; } .mc_form_inside { position: relative; } .mc_merge_var { width: 100%; padding-right: 86px; } .mc_signup_submit { min-width: 140px; position: absolute; right: 0; padding: 0; text-align: right; bottom: 0; } .mc_signup_submit>input { padding: 12px 10px; } #footer-wrapper #mc_signup_form .mc_input { border-top-right-radius: 0!important; border-bottom-right-radius: 0!important; } #footer-wrapper #mc_signup_submit { border-top-left-radius: 0!important; border-bottom-left-radius: 0!important; } /** * Mail Chimp Widget */ form.ns_widget_mailchimp_form { position: relative; padding-bottom: 20px; } form.ns_widget_mailchimp_form input[type=email] { position: absolute; left: 0; background-color: transparent !important; } form.ns_widget_mailchimp_form input.button { position: absolute; right: 0; padding-left: 15px; padding-right: 15px; } form.ns_widget_mailchimp_form label { display: none !important; } /*#mc_signup_submit{margin-top:1.4em !important;}*/ @-moz-document url-prefix() { #mc_signup_submit { height:47px; } } /** * Grid Gallery Page Template */ .ozy-grid-gallery { width: 100%; height: auto; } .ozy-grid-gallery>ul { padding: 0 !important; } .ozy-grid-gallery li { width: 25%; position: relative; float: left; overflow: hidden; } .ozy-grid-gallery .transform { -webkit-transition: all .25s cubic-bezier(.2, .31, .36, 1); -moz-transition: all .25s cubic-bezier(.2, .31, .36, 1); -o-transition: all .25s cubic-bezier(.2, .31, .36, 1); transition: all .25s cubic-bezier(.2, .31, .36, 1); } .ozy-grid-gallery span { width: 100%; height: 100%; display: block; } .home .row h3 img { display: inline-block; margin-right: 10px; top: -5px; position: relative; } h1, h2, h3, h4, h5, h6 { letter-spacing: 5px; text-transform: uppercase; text-shadow: 4px 4px 1px rgba(35, 35, 35, .8); color: rgba(231,211,176,1); } .ozy-grid-gallery img { position: relative; width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); } .ozy-grid-gallery .info { width: 100%; height: 100%; position: absolute; z-index: 10; background: #000; text-align: center; -webkit-transform: translateZ(0); transform: translateZ(0); } .ozy-grid-gallery .info h3 { color: #fff !important; } .ozy-grid-gallery .title { font-weight: bold; font-size: 20px; color: rgb(43, 43, 43); position: relative; top: 45%; } .page-template-page-grid-gallery-php #main>.container { padding: 0 !important; } .page-template-page-grid-gallery-php #main>.container>#content { max-width: 100% !important; width: 100% !important; padding: 0 !important; } /** * 404 & Countdown Template */ body.page-template-page-countdown-php #ozycounter, body.error404 #error404 { padding-top: 60px; position: relative; z-index: 1; } body.page-template-page-countdown-php #ozycounter h1, body.page-template-page-countdown-php #ozycounter p, body.error404 #error404 h1, body.error404 #error404 p { color: #fff !important; text-align: center; } body.error404 #error404 input { margin-top: 60px; width: 100%; } body.error404 #error404 .wp-search-form { margin-top: 35px; } body.page-template-page-countdown-php #canvas, body.error404 #canvas { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; } body.page-template-page-countdown-php .post-content { margin-top: 30px !important; text-align: center; } body.page-template-page-countdown-php #ozycounter #counter { margin-top: 30px; display: inline-block; } body.page-template-page-countdown-php #ozycounter .desc>div { width: 25%; text-align: center; float: left; } body.page-template-page-countdown-php #ozycounter #counter .cntSeparator { font-size: 32px; font-weight: 700; color: #fff; margin: 0 10px; line-height: 71px; } body.page-template-page-countdown-php #trees, body.error404 #trees { position: absolute; bottom: 0; left: 0; width: 100%; height: 457px; background: url(images/assets/trees2.png) no-repeat bottom center; background-size: cover; } /** * Misc Page Templates */ body.error404, body.page-template-page-countdown-php, body.page-template-page-masterslider-full-php { padding: 0 !important; margin: 0 !important; } body.error404 #main, body.page-template-page-countdown-php #main, .page-template-page-masterslider-full-php #main { -ms-transform: translate(0, 0); -moz-transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate(0, 0); -ms-transition: -ms-transform 0.28s ease-in-out; -moz-transition: -moz-transform 0.28s ease-in-out; -webkit-transition: -webkit-transform 0.28s ease-in-out; transition: transform 0.28s ease-in-out; position: relative; } /** * Anything Wrapper */ .ozy-anything-wrapper.center { text-align: center; } .ozy-anything-wrapper.left { text-align: left; } .ozy-anything-wrapper.right { text-align: right; } .ozy-anything-wrapper.center>*, .ozy-anything-wrapper.left>*, .ozy-anything-wrapper.right>* { display: inline-block; } .ozy-anything-wrapper-x .parallax-wrapper { max-width: 100% !important; } .ozy-anything-wrapper-x.v-center { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .ozy-anything-wrapper-x.v-bottom { position: absolute; top: inherit; bottom: 0; } .ozy-anything-wrapper-x.h-center { position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); } .ozy-anything-wrapper-x.h-right { position: absolute; right: 0; transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); } .ozy-anything-wrapper-x.v-center.h-center { transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .ozy-anything-wrapper-x.v-center.h-right { transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); } /** * Auto Albums */ .autoAlbums-breadcrumb { background-color: transparent !important; padding: 10px 0 10px 0 !important; margin-bottom: 30px; } .autoAlbums-breadcrumb li { color: inherit !important; text-shadow: none !important; } /** * Flip Box */ /* simple */ .flip-container { -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -ms-transform: perspective(1000px); -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; max-width: inherit !important; } .flip-container.has-extended-content { cursor: pointer; } .flip-container .extended-content { display: none; } #side-extended-content-overlay { background-color: #000; background-color: rgba(0,0,0,.5); position: fixed; width: 100%; height: 100%; top: 0; left: 100%; right: 0; bottom: 0; z-index: 1000; opacity: 0; } #side-extended-content { position: fixed; right: -300px; top: 0; bottom: 0; opacity: 0; width: 600px; background-color: #fff; overflow-y: scroll; display: none; } #side-extended-content button.close { position: absolute; right: 38px; top: 10px; background-color: transparent; border: none; outline: none; font-size: 32px; height: 32px; width: 32px; line-height: 32px; cursor: pointer; } #side-extended-content h3.title { padding: 15px 50px; background-color: #f8f8f8; color: #000; } #side-extended-content div.content { padding: 20px 50px 50px 50px; color: #000; } #side-extended-content div.content ul, #side-extended-content div.content ol { padding-left: 24px; } .flip-container p>br { margin-bottom: 1em !important; } /* START: Accommodating for IE */ .flip-container:hover .back, .flip-container.hover .back { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); } .flip-container:hover .front, .flip-container.hover .front { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } /* END: Accommodating for IE */ .flip-container, .flip-container .front, .flip-container .back { width: 100%; height: 100%; } .flip-container .front>section, .flip-container .back>section { position: absolute; bottom: 0; width: 100%; padding: 0 30px 30px 30px; } .flip-container .back>section { bottom: inherit; top: 0; padding: 30px; height: 100%; } .flip-container .back>section>span.content-color-alternate { position: absolute; bottom: 30px; left: 30px; } .flip-container .front h4, .flip-container .front p, .flip-container .back h4, .flip-container .back p { padding: 0 !important; } .flip-container .front i, .flip-container .back i { display: block; font-size: 48px; line-height: 48px; margin: 20px 0; } .flipper { -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -ms-transition: 0.6s; -moz-transition: 0.6s; -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transition: 0.6s; transform-style: preserve-3d; display: block; position: relative; height: 100%; } .flip-container .front, .flip-container .back { background-size: cover; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -moz-transition: 0.6s; -moz-transform-style: preserve-3d; -o-transition: 0.6s; -o-transform-style: preserve-3d; -ms-transition: 0.6s; -ms-transform-style: preserve-3d; transition: 0.6s; transform-style: preserve-3d; display: block; position: absolute; top: 0; left: 0;/*padding: 50px;*/ background-repeat: no-repeat; background-position: center center; } .flip-container .front { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); z-index: 2; } .flip-container .back { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); } /* vertical */ .vertical.flip-container { position: relative; } .vertical .back { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); transform: rotateX(180deg); } .vertical.flip-container .flipper { -webkit-transform-origin: 100% 213.5px; -moz-transform-origin: 100% 213.5px; -ms-transform-origin: 100% 213.5px; transform-origin: 100% 213.5px; } /* START: Accommodating for IE */ .vertical.flip-container:hover .back, .vertical.flip-container.hover .back { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); } .vertical.flip-container:hover .front, .vertical.flip-container.hover .front { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } /* END: Accommodating for IE */ /** * Horizontal Menu Stuff */ #header, #head-mobile { width: 100%; z-index: 3; position: fixed; top: 0; padding: 40px; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; } #header.wider { padding: 0 !important; } #header.wider nav#top-menu .right-part, #header.wider nav#top-menu.left .right-part, #header.wider nav#top-menu { border-radius: 0 !important; } body.ozy-page-model-boxed #header { max-width: 1212px; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); } #header #slide-menu { float: right; position: absolute; right: 0; top: 0; z-index: 999; -webkit-transition: background .2s; transition: background .2s; } #header .container { margin: 0 auto; padding: 0 36px; overflow: inherit !important; } #header>header>div.container { position: relative; } #top-search { position: relative; width: 100%; z-index: -10; opacity: 0; top: 0; left: 0; -webkit-transition: opacity .25s linear; -moz-transition: opacity .25s linear; transition: opacity .25s linear } .search-input-unfold { width: 100%; height: 0; display: block; overflow: hidden; position: relative; -webkit-transition: height .25s .2s; -moz-transition: height .25s .2s; transition: height .25s .2s; -webkit-perspective: 1600; -moz-perspective: 1600; perspective: 1600px } .search-input-unfold form { background-color: #51523f; height: 100px; position: relative; -webkit-transform: rotateX(-100deg); -moz-transform: rotateX(-100deg); -ms-transform: rotateX(-100deg); -o-transform: rotateX(-100deg); transform: rotateX(-100deg); -webkit-transform-origin: top center; -moz-transform-origin: top center; -ms-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; transition: all .25s linear; border-top: 5px #cc552b solid; } .search-input-unfold.open { height: 100px; -webkit-transition-delay: 0; -moz-transition-delay: 0; transition-delay: 0; } .search-input-unfold.open form { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); -webkit-transition-delay: .2s; -moz-transition-delay: .2s; transition-delay: .2s; } #top-search.open { opacity: 1; z-index: 10 } #top-search>form>* { color: #fff !important; opacity: 1; } #top-search>form>input[type=text] { border: none !important; background-color: transparent !important; width: 100%; font-size: 40px; line-height: 60px; padding-top: 20px !important; padding-left: 80px !important; padding-right: 80px !important; } #top-search i { font-size: 40px !important; width: 40px !important; height: 40px !important; margin-top: -20px !important; } #top-search i.oic-pe-icon-7-stroke-24 { left: 20px; } #top-search i.oic-pe-icon-7-stroke-139 { right: 20px; } /** * Simple Info Box */ .ozy-simlple-info-box { position: relative; transform-origin: top center; -webkit-transition: all .10s ease-in-out; -moz-transition: all .10s ease-in-out; transition: all .10s ease-in-out; } .ozy-simlple-info-box:hover { margin-top: -20px; } .ozy-simlple-info-box>img { display: block; max-width: 100%; border-radius: 4px; } .ozy-simlple-info-box>section { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 10px 30px; background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.75) 0, rgba(0,0,0,0.75) 3%, rgba(0, 0, 0, 0) 100%); background: -moz-linear-gradient(0deg, rgba(0,0,0,0.75) 0, rgba(0,0,0,0.75) 3%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(0deg, rgba(0,0,0,0.75) 0, rgba(0,0,0,0.75) 3%, rgba(0, 0, 0, 0) 100%); background-position: 50% 50%; -webkit-background-origin: padding-box; background-origin: padding-box; -webkit-background-clip: border-box; background-clip: border-box; -webkit-background-size: auto auto; background-size: auto auto; border-radius: 4px; } .ozy-simlple-info-box>section>a { display: inline-block; border: 1px solid #fff; padding: 6px 18px; font-size: 11px !important; margin-top: 20px; border-radius: 220px; text-decoration: none; } /** * Spacer */ .ozy-spacer { clear: both } /** * Fancybox */ .fancybox-inner img { max-width: 100%; } .fancybox-inner img.block { display: block; } .blog .post-meta.regular p {width:100%;} .blog .featured-thumbnail > a, .single-format-standard .featured-thumbnail > a {display: none !important;} /* * Vinyl Player * Original Author : http://codepen.io/hugosocie/pen/BJdIi */ @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes rotate { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes rotate { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); transform: rotate(359deg); } } body .vinyl-player-wrapper>span, body .vinyl-player-wrapper>h5 { text-align: center; } body .vinyl-player-wrapper>span { display: block; width: 100%; } body .vinyl-player-wrapper>span:first-child { padding-top: 10px; } body .vinyl-player-wrapper>span.vinyl-title { font-weight: 700; } body .vinyl-player-wrapper>span.vinyl-artist { line-height: 110%; font-size: 80%; } body .vinyl-player-wrapper>span.vinyl-genre { line-height: 110%; font-size: 80%; opacity: .8; padding-bottom: 10px; } body .vinyl-player-container { height: 190px; width: 190px; position: relative; margin: 15px auto; } body .vinyl-player-container:hover .vinyl-player-cover a.vinyl-player-play .vinyl-player-play-button, body .vinyl-player-container:hover .vinyl-player-cover a.vinyl-player-pause .vinyl-player-pause-button { opacity: .9; } body .vinyl-player-container:hover .vinyl-player-vinyl { left: 110px; } body .vinyl-player-container.open .vinyl-player-vinyl { left: 110px; } body .vinyl-player-cover { height: 190px; width: 190px; position: absolute; top: 0; left: 0; background-position: center center; background-size: cover; z-index: 2; border-radius: 2px; box-shadow: inset 0 0px 1px 1px rgba(255, 255, 255, 0.4), inset 0 0 160px 0 rgba(0, 0, 0, 0.4); } body .vinyl-player-cover a { position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } body .vinyl-player-cover a .vinyl-player-play-button, body .vinyl-player-cover a .vinyl-player-play-button:after, body .vinyl-player-cover a .vinyl-player-play-button:before { width: 30px; height: 30px; position: absolute; background: white; border-top-right-radius: 30%; margin: 0 0 0 72px; -webkit-transition: margin .2s; transition: margin .2s; } body .vinyl-player-cover a .vinyl-player-play-button { -webkit-transform: rotate(-90deg) skewX(-30deg) scale(1, 0.866); -moz-transform: rotate(-90deg) skewX(-30deg) scale(1, 0.866); transform: rotate(-90deg) skewX(-30deg) scale(1, 0.866); opacity: .6; -webkit-transition: opacity .2s, top .2s; transition: opacity .2s, top .2s; top: -72px; } body .vinyl-player-cover a .vinyl-player-play-button:before { content: ''; position: absolute; margin: 0; -webkit-transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%); -moz-transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%); transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%); } body .vinyl-player-cover a .vinyl-player-play-button:after { content: ''; position: absolute; margin: 0; -webkit-transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%); -moz-transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%); transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%); } body .vinyl-player-cover a .vinyl-player-pause-button, body .vinyl-player-cover a .vinyl-player-pause-button:after { height: 54px; width: 12px; background: white; border-radius: 5px; position: absolute; top: 216px; left: 78px; opacity: .6; -webkit-transition: top .2s, opacity .2s; transition: top .2s, opacity .2s; } body .vinyl-player-cover a .vinyl-player-pause-button:after { content: ''; top: 0; left: 26px; opacity: 1; } body .vinyl-player-cover a.vinyl-player-play .vinyl-player-play-button { top: 72px; } body .vinyl-player-cover a.vinyl-player-pause .vinyl-player-pause-button { top: 66px; } body .vinyl-player-vinyl { position: absolute; height: 180px; width: 180px; background: #121316; background: radial-gradient(ellipse at center, #121316 29%, #151515 30%, #151515 31%, #121316 32%, #121316 33%, #101010 34%, #101010 35%, #121316 36%, #121316 37%, #080808 38%, #080808 39%, #121316 40%, #121316 41%, #151515 42%, #151515 43%, #121316 44%, #121316 45%, #080808 46%, #080808 47%, #121316 48%, #121316 49%, #0b0b0b 50%, #0b0b0b 51%, #121316 52%, #121316 53%, #101010 54%, #101010 55%, #121316 56%, #121316 57%, #080808 58%, #080808 59%, #121316 60%, #121316 61%, #1a1a1a 62%, #1a1a1a 63%, #121316 64%, #121316 65%, #101010 66%, #101010 67%, #121316 68%); left: 5px; top: 5px; border-radius: 50%; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 2px #111111; -webkit-transition: left .2s; transition: left .2s; -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; -webkit-animation-play-state: paused; animation-play-state: paused; } body .vinyl-player-vinyl.animated { -webkit-animation-play-state: running; animation-play-state: running; } body .vinyl-player-vinyl .light { height: 100%; width: 100%; position: absolute; top: 0; left: 0; border-radius: 50%; overflow: hidden; background: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(30%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.08)), color-stop(70%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%); } body .vinyl-player-vinyl .noise { height: 100%; width: 100%; position: absolute; top: 0; left: 0; border-radius: 50%; overflow: hidden; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAc1UlEQVR4Xn3dYZIUNxCE0d0fnAjOBGeCM8GZcJdiX8c3Ra+JsGdnplsqVWVlptRr/P79+/cvv379evv79+/bt2/f3n7+/Pk27+f1x48f5+frmvP69evXt/nz+/fvtz9//tzXz+fz/fyZ+4wz18w/893cM3+8n9cZ1zzmmPfzx7xznfHdM+PPZ3PtvE6c4p5x5v28uneueX9/P9cYu/HM9XOt78U4OfFnPjOP7303c80fccqTOFw3n/e7GWf+iHXev18XfJFghRD0DNgCzGAGMbAkN8iZYP6RuL6XuCZ87p3FT9IUZmJSZHP4TgxApFATk4IUBB1HUia2FmXuUzRrmWtdM98p0Nzrj+8LwrnP+PI094tPARVY4Q5wrgR9gWQLVaCibwKYG+c7gyvQTuIkAOK8zmdFMmTMZxbaRDwhXQwQpehAI0kzVztWAsQNFBI098131q04CiI/E6uCiqEMIuZZj1xOYcow87OC6XLXTFzvVyxfigSTWpBJJH+CngEkUZJLdxArEejN+zPxB+IgSREtEAVIQAu6u9F8imsN/RwdlUZaUF3aRM4a5QEYS1vQD7gdb+4t5ZdZFOiJlk9B3NybaAaECwgvS5h7JLS0sakKghXUYndnQCjESnRRLBktTmkU/QJU12ENmzrcs8G4uxmidey8TsHFUk0BZBSqSHJR2j1AHQ2RxLYOVOsIkwoOLWhdBfIKpfifJlT4tO5cQ0Na6AmwHWosCdPyRa9k0K+ieIOmetIibUC4ryLPCBQ0DIoc6ZzmV9dZFxN0a9X1xdEQ3DY/W+AMDM34d76fm48AfTiXtrEJmqwZB0LaHUX3pqgKnUJAuaI2+QpemrKmgkeBqjFdi7E36ssMKLfOrsDBLtW0+b5UbbxS9wECykIHEiZZMziRgvpaYt9xHtsqFqna2rXaWeDtRl2jmF4rioAhAXSs4lu6MR+7DHCKWJp2n5gBZBsWIKn2AVAZwNzV3q5NFx3KImjbaVhgObOUVTRZVBNnMRCoXd0HYRalUApuzN3eOkMhax76WVGtS/qZxCl+9zeKuqm3CW0B6WX1p52M4gg6qsMMxnofyiqK2FraUB/uOm6iewXirtXxpwndszdwilaHIsForpRTI1D9KmWIBU3UdZnfWoCwjsf1TfKMCTg1MroN1Su4PCp2C1XHWD2cn09BDFLxgdK2t0Agl4ZIhgQWGRYi4ebqBlFRNi1JEvE1FioQm/laLAkvHUkSs9DdOwC1a9EjdM+YAKoTxdJru/49bkFUhrkpawpCiF28lb870yJAUBWvFpeNbKK1JtTTIIE3gUBR9DfRdTHVh0mg5PW0QLeKsTRWOi23t7MZgvmekelcxjOPceyBALrvO+bpkOumc3RS/laYtpNEqWoXhYvL5X7eaN7HKXPvfFZx3NqgU8SDFtEEL28dFqz41mONpUQFrlFBxYCA942rGJIp/uaxdtgcu1t0OKNwtPZazH10AmWqjoM3Nal8HRXhL8L7M9S0TbeeKOwsplbavT1FmHEq/hYttvleYq0HNZYBoLpz1s4rXjtFgdsdADr3isW9ey3WycFWs+4OsZB2gtasg9ocCPEWNNfWCEARgdznSe2uIpIzk9i6lFIK1PboZjsYYIF0XdsDzV30xl3Lq5gosQxgLQVH3Zrcyaex5GzivEW96Ow+AaoMUmFVeeiRCC2IM4vWoqZjNbE93KRDEg4keyPouhqPFrvjFDQoUxIZE/NUX5twBgGrtLjbhJQit8mog5x8ntNeQTjoM7H3du7dlzQhgkYj5USJqO2DFCicIDs3tHYX67O2Od2py0KDCtyES0Y1ofzfEwqPAhSv8evQJ1ptF7SoPXnYuur9YYUrsUdDFKV8ZmLiWBQforz+bCfUnbtDS0mqK6pAu660YXx2sIKoABIrkT537aYQ17eQ2GB3836gZa2lvxYQqBSkFL0fLxirhZW3u0M2epowlDMDEC3HFhCoOyAOx243BuHGV2zF0DXQJXmlKgCaV1TBaQFI9zbGkEw0szWrlrzU16Mj66JprvO5JCt+dcu1wN/OQHPHZRnEovuABcftzVupoYi0SBzb0839RFCCNq0Jri5Gx5QO6+crvBLexCsiBLOorpnxxQ6A4t37BlTaB3WlQXHLy+4aOW0R1eCIugTUt/f8ChVICpGCfpUuf3ahXRC06rSn4ktOHd/h14/T5SILxzcG99O8apVk9OGT9VcjdVyLiz4V1zy6vfsf61Scmg751OGlu2N7m4DtlLZOGNhEqKadQaBnIsiFgG7eCgDdWYNAA8RU/i619TxKAtHD3ixWXMVUWmXfCy42XiFqV1G1tZq/xWnhWqhuHnXYEfXS0g7SbrIJayvX4s6gRWqLBEUSUqFvkbsQSanRgOK9H9qiCvW6rNze8Yp2DKDrNk0W0Yq4nejcY29GL13jVc5sF5iaeX8/MZQgFz/5/CZB5/QoRLcQPO8lA03MYiy6YJCoxoJnmQXuxcJ3YYGiegAMuso9QFZKqxgr5sTVfcbcj3Jpq/ms2b0nyR9U2/GYD8C5NWREvW1cQaoDanKhitOa67bPNnlppsghnFodAATWfYQCSpwEoxJzb9pAP+6r7d1gAbAW0j6jNKgAcvNkHKrJLZ440NzjU9gRdQtGTybDd518F4mPl5x5TxBLAUXOfgK5iw3ldIBbUeRyub1AXZbuE9s+fOx8ACBWrxV9lCqO3SFbV+VNvO5DYQXvptpje9k4yMNtbcdyLf5swurpK5INzuIhqEiSCMH7bre2sTkVCEV3ks0J+r52WcFKJYBWU9E5dCyUMxKoswKN3tCtzvV+XtvN8168pyAW0wS5wIRuItoop8cHs6j6cVQ2i8Gl3VB2N6y4WwhnXq3dJOsM94mjgimeUix0lo6AoIDZbrDgAx6xfraOiRegtqaVkpvrs1MXHPFq+1pUd7nb9TgaKCeiJcmooHZBbWvJpyfdv7TY0GzzWaGHvvI+fSiqaSV6rLDLR9esW4yvQNbZ4rtG/DPefF/N9X5vH+6jE0EXLSbVHRXTnvs3wfNzz6bQHj5vB7UjK44WUMfURLflJ0YaAWlNNgorFaIsblAc6LB6JC7JFBsQ1gQp5GcOr11Wo1LXdyir6GswpQiTVOC1Y8Vf5Yl7ESX47m04L9yNKjgkc/hcTJLXbp6fdTnPTx/RkVj396VMIFLMMohxgMB45ga4mhyuim783xrOPkSC9pMy4g6p3aPsc6j67fkZVXUMwdetQGl3yHUh1SgLMfeTDmyjoNCfibIOoJVyUaAAbGmwTIJdajhsYLfGNS/cWkF379TLd/hU1VFWEyKBPaSb+263kF+mFlSTols25bTdLbDUqQNrzbU/LWE8eh8bq4M++40Z+ti5FUKxAAYwrAsto6DSMLqvVlUKWOdbQ0o/FWntKxGQpBAW2gRpUbvrLkj3WLBAvaIJiy/XzjiObbrY0iLxFXcTrNO3MAMB+uMKW2iOUfzNl89Y3wKaUdG5imAtQIzqTocUrV3okyCXEprc0lrdmoV0V41GZiyOqtrFGGwLixq6GXXNEyBKRxX1uqB2Ase3RR1YamHlQcElunqDkhS6uuIzOZi5Z133aa82U6nyPd6bQWo1XVNepBmQitokUyC7AEWO77ZgQqyF6da6LOg0f3VP96GraoPr3U/beuoASN34AU9zUN2rYXrK3T8FvCa5f/udg8BndUwoCqKKFsiq0ONzCXENepj32zm1rRWuzqQg6cnpLrLObbejz+4brLNFBIa+1uICBd3Y66ktrqYUIGWTTaP3Tr0JRmE4sTxvsXug0oANmIAqXqWuJl1xoFg3dm7aRKwBAJBaUNd0DQokOQyIV+OIoehuhz8Jf2179bFOUI44UmP2+hfKciFEQJW2RBEG6mS1ojZRUCyQ8jgEPnl+QqdgTUwFk7WkH+VxxemcurRAaKJ7Gl2zUrACpDXpmAJA4Vu4rZWkoeMcob8+OI9wO2AXCE2tIg6V+D6xs8B2Sc+vakU3f0JoHVLbuzHuIle7Oke7oALsGq/dfyhAXxV7Xnso2bxwZ6XH3WUKii5RMjo+tle1ito+v56bDVx+rmByCZBQNKJANFRBx8GoZSetlEN3apFRxXzXzjZXfxGha+hJgs5QvAJUwXQasACA+KotfXjlPteVkrsRv7cajk4qcKrGFaCsitR2IbXD2xqjCIXZTqgcrsNqY6Fnd5d5ysmlAt3VZClET5BLa6VLe57qpa4G0iZ4bwMAB8t0b+UzOXkpSKkDCovqcm6/L51IsqRxaOVY3ymARM9civ8k7luMSy+opGOjkXnVFRVscTdRcuA667cd8GpdCuE6jGBt9l9cHSBgkpl7d80A4N4Yoo7tu02kDe0rdjInwAZXPu1eREElsMcPPfCro5K4DQxz9AGbbpFAVAbRLWaPfcr1uqw774kBQ5SOXdvNLkvMAu+1WAcdVNyzMRwNQVdbKImahGgrwlbKQHMWrEAK3bHauu6b63ptqYBWGaNFLXVIYItSVySp7VDdVF0yt2ICSl2j4my6BdQZo7Zct9b91YjM2k6HXB+e38t6ooUdCN3QbpsOTNpn5pLfaxUendGL8jcKhCbCC30WXKqwhmqGYlaEFabJEV/3TrpsG4651jMf4GjyC2wdVOq2Tt+J7QB9OqT8ipMJncE3BQlAEbqfUG2FezoQ3Na6xQcQrc5C70RyZLv7asMhf+tG3V1jQbtNpHXIRfWFY5TDdr/ilrJ0bJ0dBpo47gdU2xKikLqRbgQhT8vvBdCIz44ditgeNzwlk65V8CcBdv0EdO8DJEKBCwziXCdko6nwLHwNS0W99wIwYM6anjbYE4uiuUf3HKq9PjwdovXoCTdQcbRg+tBFGbS6YkIIrHGoiKIl17eVW+h2q6TpjhZIfOiN6NuwlfbEhEZKrXVpPU7SFQqluxVIMapv1Ui5rrMT4/3E0CQVGknuUQhKk+TtOAReqqhpULB2nsI2cVyLYkk8gBinXYtGi9aCBsVVeBUZ5Wy9KCDN2Ws3HZcxmhsuVeEVmwPVWf8UpPzdCuoYNKCAXiWwZzZ+bvH6LLqdAJlQh1clDMLqyiSo5qCHlxwQvu5ep2urftGL0lGTV6DJiXUAT59ObuusgNU9ujIx3bZX5Rp8xa6JOW7gf/72N0lta0NlqVDCdlehRjpUSjMvlJoL0hRyXlED1PakgQYqoEJ3s+a+zl8aQn01OJ3TuuTWOBvEbYKXs6xSFMRKCss7NztcLJogR+Jr5SCgtNNiEWU6UOfSTtGFaAR9bnteHUCXpQzCCnySCHSAuOeRiwJVpylwKb3d4ftSVgsGQPfzELaQ41F9vGsRpSpuoTyucJJfAdvo5UKgrhTk5wqnz7o46KrmQDYO72vjafLaDV07kDYeidx7EblxzxOAfFeRV4zDPNc/98ZQUZy7sIEW1GNnHbBtrSJxOrrjyX9LLCS6V8cItAmaceqeUFWPZ3QFca9Q142hqVIG96YA7WrU9OQQaw6akxay1CYfnfscnVw33H8rKQRPpXtm1e4p57KMRSCedI/CuOZ47Y//XqIOqMXp/D1x5kSqUX2QVEG3lqK08e4OJNxMC8dX+uwuvhoFwKisVCThAKwTqz/WM6/3b79Dnq6o69Fmkg2BAiGwKADXtt27MHpT5Pu5+465Di3UVBjLOD0k1A2lINdVF6sbm5Z1TvcogFET0QK0kHRWp9NcJkZ+gKWu7KVDVBYSva/YQlavhfTDgR/o1wmKiJYsctOIBUHUvEJkr203ViBRjUUXge4pEo3ffUZ31o3HnknhdeLT3sJc1Rl5sQ1AV7qyMbz89ru2KkqL3D4Jk+iZGAL6Gx2Std2HIKCk+wudZn6obJdYTJ2UbijSm1BGpdYY5eh23dykd9Nnvbvwxpn7t94AtrEVvMzBIcrHy1/PJBHoqwsthQmq/K1zinDX1du3QLt7UMtGeQ8Xi0oLdt/ECxSbRnUH6lOI0o6kKErBQpPQcjeW5u8cCkUP+36DCsMcDbkmP7/kIDCD0hK0ITgJbxLK712wIHSQAvQpmk7SaZv2ahPnZ3E9JaRdZx2lU/OLsWPQQ91UWulDO0Un+vSGHkwxd/F0wX7I18KgrdMhOoMYtY3sKzbCdFHFWnAQNpPQEp9Vj7S5BJmj+xqbN9dIDovMStaZ7WIAxlMhSkWfGY9tama8HSNdAWxaSQZKV3vfZrwDximINqzwohYXo6QKaa9pIOhgxjU57WixJIMQEloOqF27N5wEstc0hvK05OjuArCCbz20q6ATq46znvlcdzRHpfXa5W5gyxzyelyW1tnJr8j3O+KlkJBeLn0qRPcfAlC00p6E1SlJCOok4DrD3GLqmZw5rKHrRS/dX7lX8lzf93ROka13M4ru7Gsd6HzeRrhFfbsfzqatVydxV/Tjr7TroL1HEmpX62i2TZzEMgsW21d02m7q9aUD13S/w2DopoKJiel84qupOdTy8X9TaFfRuD5QE8PkRNfoqsYqnpe/yaGom5u74TKIADicHge0fXE8BG7RNj6/LuAZXxxEGjiMVd9eGoLOLrj0VJqrG9OdxupzFfQ7c7cIOrFz1q5X7DFNda8nCLRr5rr3IaUCSOkE3YO0/bpbb0ElrW1eW4v2cLLCmNsc3c2WDjbNlpsVF6dDd3m/1IbLu+eqo9MlClXg+a4JbheLuTG164DM612Q7ik6ePmumsH+KUIXrRh4X6vWEDThT7t7HK1AhL5OrnPvMy/xTAwVfkWZ+edPj0SaXDEp6tZEY+o6sdh8NlelR4XRjdXdmf/l737fD1oqOE92Dqq7Q5UIbbi7TfsKXGf2JNUiS1GcSgskobpUF6Mj6ER57dAWqgKt86onkrfnLvrpZh1XN64AjJKtHy2L4eUX5SDZl/hzt6pkQznhqo3jWmzkyrl1aT5/EtlaTAnUfRAJ6Rbm1XVirJUl5BVvNCMOulLtK2gKVtcyMIBS+p1xrIce0RS6fNjo+tf9N8oJHpK8Sm7FT+B1V5Kv9SWx9KGr6oxQ29xXfq1+uKYHjjoCp7do+9RaYieWdrsuhHAAaaHdo3vkoSItvnYt4yIuFh0Qaq+t/Ry/d+PiYoHuNt000UC4kKJ1gu6DrfK5e3UkhEGSztv7AEmrzhSlOrsA0hWlvn3iPLGaq04P9dSm6pY6vjIGg1CNkNvuWTYbvTwPsYAKnUHqYiyOHkisgPYkWlSbtwu68N2JtZxcj2IUpUCz6QbKC669Hhpm/Lq30qNiQTtzUADXqEh6qdh6Nt22c17+DzscRYVYst20d7FNTCmu1OCa0oKznb1AaOSq+uQO9bXw5X4OxrE5295XOml8MUO0RBdUALSp2Bilx9KmYrVj5zO07VrUNp/fGlIB7QTtBoOxr3Mdeqoz6qRNRhfW5AICylP0JkCCAKMOp+5pd1wFU8cYo1QqubW3ird1QRdJtDh70ClHDJDk68jqdcd5eR5CpCquEKPt7d770Mhk5XaLb0Ikca4j6uZCZ4oJ7bq1u+R2kTmBo49Dob5F2vPW5s5cLLNi7DGsqwBRTExQNlGAWnKx9iTkZoRxWVtEJQwd1LrWgTn71yXlcB1QIXQddChyaa/HFjRKsep22q11Y7qrCVPcuqvyuAQaX8FLtWJH4QWSbpjvSqGu0WEVePmZa140hO21wFJP+VSQilME1SL62WLqqupC2FAd0C7T5hxaaW+u8zmORnlbvJ927xBfLcEM+37zPHVvBdqYHJx4AEFHKFzNyqyhOvnyH+zMDa1W7bDF9RcBuBDJhx4bPwu0oKcOgSjFh/buZLvTLoVs+lGsGooWgJgyF/QRQzADQOJzIASM0mpBY91N+AZk9VG+6mpf/jv1PhOYyfuQnxb0yIOYQbSF4GWFqphDZlFdwdsiaPevu2ZsC99UZ18h9u4zSq9N+KxLwWsiSle0z7F6qda9pblJeuPuXsV11lMWOnEPZTVxTXiFWeDay6/G4EeVb+LK+XVCRV67px3a9tc1LTR9gbLSYT9DE6XYrYN4vInbpqL6065WfPsUXWgtRL06JfauR67PLzlAaBE+F/T3kVxj4HJwfwmg7bft4TYPmwYlUsLm/e7UinGL/2R3dSF7aw10EvX0+N265rs+MymgGI8mVteWUhkL7GI9uqIPsnz28v+g8uFOqqpX/Nr2e29gMVpd9bU61HSRkmYu9FnebwEUD2gqmKUDHTzx0gLuh9W07m1faY046afr24lP17K61iuuzSY1J/d/9Fnriqc5AO1YZKAjvFtLJziFKOW09Vm/WlTj7OI/FerJJOgCSC3IUPNTkSvwClZj0Zx0A6i7qlfAsYG8tagn0AzJ/R99ulm1iE85shPUmlpA2x0yBWE8xelrEVcN41ZQi5avwTB33UyLIn5oVqjStNjopLFKnU/396ByP3UssOQNeKtVmEZ3/kNZUKdiFfwKZ60dxEjYvPb4hV3sAnuWRSTRj44xn05TmFJLk4+W7IA5q1JVC0RLrFmiFOaJ4qwFcGpEAAVFPdGwHNwFyF8WejpmRL07cUmwcfvMNfQeRTOZYLsx09KSKmm1sO2qdgMEV6u4IMXfvwghcbWZri1nE36mAI1ak3l0jU4pRaM7a6uw97vSO1prA8zP9yNcHdEA64oEhCI25bTiM4aEN3FNqLEh7ObQCzE7WO/ti3ptO7mupzrG7TEVpUDmoehGoRKrSCiZO9JRT11ScJm/TlDXtztP917/On+RcjXERKUghTBoUaA4aIjgF6U+k1wJE5DEQGB1qRzse4VoIoFJAmsgum/aY6DMukBj7ON/nV6wyolCi0NegHWua65K6+Z+eYTLjlXkWuktchX+nnHphP5yscTtZBStDZyOQBe6qZtRcMCRCNTAeEDwxOvUmPZsURXn1pEenxgDyoGNM2yerKM6WQdofoW6H+FaTBMEhaiACEpSg7T4cnDpCJcqls5AAzqGEFvk3sShw3p8yWuxiz6F7pjQuk8cxL9PCnpdhV2+apXnZ+MzP4q0NUpR5fT+7ffaQYPN6xbqLpo4Sqb3vUYrzqs56spKUSgGrSkySvB5KbFdIin2DIr+dD8A9iHV1hroNm7NgPOqdpjvfdZOAURr3Hqiq+99SAVP+0iiCRSofE8ABc+doQSIaOAVNN03c+7CVhOKwCdXqEgodu7tb6Vwfk0aBgCQuUcnl2LFixr7ZFPxa5G7XwMYnaLzMAFA3pR2JeLlfyxp4SpW3jXo037BYiyE5a1BUMjSTd1Z9WJ+ViBatXWkKO+TwtJe9QNIqpESJn4FMZciuKfor5OTL2vwvgXYJx3GqgQcyuKyVFs7Cbbo3xPaieN2Bdl7B0hAQ5KDhmooahAkpo6N7ujgvVeya7aejqGja1asH8XVzlY/5x737z2W+DfNEXq6UqZgn6uv9/8t2kTdYAkGnZWqavV0zqYrRej3PhM4np33qKGA2E5GUiStutQdetG4rfqTYKOvJp2NL1W7tyBmga2l9K/IYuvvIriORMzct6irnIskaCOqooRWfOa17SrwuqMeO5f7dUFjQRmNa5JSrtdlOme+c3SOgncCC4CJQef2+s/uVTxsgDoBGJVhk3acfFYfC66X31wsGvssoCKl4pK+qaho5Cw2TTVwGiXxLaoilpIkYdOr2KtlkFcEls4UZbvKPa/Eirv7jWqmtesYNFbAAFu7FIPM+Of4vS5iElMPbTAo6l6Ek1FtKEQj9MUCFK9dV4FVDLTR5AGC5OwCiLmc33W4f4t8weY79AIkRfwGZ7tE5+jm6o35W6yyhzXfRycqVtRYdMWd/ybKvhM8QWbjFAW9taN64Cj4TS2oyes+Aqlu9KyrtFex3r8c1+4x9z6oZJmL5LqwXThJV+B5j3GwRn9Pq/uV/wCkUpvFPGL+xAAAAABJRU5ErkJggg==") transparent; } body .vinyl-player-vinyl .vinyl-player-inner { width: 62px; height: 62px; border-radius: 50%; background: #F0A700; border: solid 4px #bd8400; top: 59px; left: 59px; position: absolute; transform-origin: center center; } body .vinyl-player-vinyl .vinyl-player-inner:after { content: ''; position: absolute; background: #585d69; border: solid 1px #1e161f; height: 10px; width: 10px; border-radius: 50%; left: 22px; top: 22px; box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2); } /** * Simple Hover Image Box */ .ozy-simple-hove-box>h5 { position: relative; padding-left: 30px; margin-bottom: 10px; } .ozy-simple-hove-box>h5>span.cbox { width: 18px; height: 18px; display: block; position: absolute; top: 50%; left: 0; margin-top: -9px; } .ozy-simple-hove-box>a { position: relative; display: block; } .ozy-simple-hove-box>a>img { display: block; max-width: 100%; } .ozy-simple-hove-box>a>section { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; -webkit-transition: all .2s; transition: all .2s; } .ozy-simple-hove-box>a>section>p { padding: 20px; text-align: center; } .ozy-simple-hove-box>a:hover>section { opacity: 1; } /** * Row Background Slider */ #ozy-background-cycler { padding: 0; margin: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; display: none; } #ozy-background-cycler>div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-position: center center; background-size: cover; } #ozy-background-cycler>div.active { z-index: 3 } /** * Latest Blog Posts */ ul.blog-listing-latest { list-style-type: none !important; padding-left: 0 !important; } ul.blog-listing-latest>li { float: left; clear: both; margin-bottom: 20px; } ul.blog-listing-latest>li h4 { line-height: 1em !important; } ul.blog-listing-latest>li div.box-date { background-color: #000; float: left; margin: 0 20px 20px 0; min-height: 60px; width: 50px } ul.blog-listing-latest>li div.box-date>span { display: block; text-align: center } ul.blog-listing-latest>li div.box-date>span.d { background-color: #666; font-size: 22px; font-weight: 700; line-height: 40px } ul.blog-listing-latest>li div.box-date>span.m { font-size: 12px; text-transform: uppercase } ul.blog-listing-latest>li div.info-bar { font-size: 90% } ul.blog-listing-latest>li div.box-wrapper { margin-left: 70px } /** * Spinner List */ .ozy-spinner-list>ul { padding: 0 !important; } .ozy-spinner-list>ul>li { list-style: none; } .ozy-spinner-list>ul>li>div { position: relative; margin: 0 auto; padding: 0 36px; -webkit-transition: all .2s; transition: all .2s; } .ozy-spinner-list>ul>li>div>a { display: inline-block; font-size: 30px; text-decoration: none !important; width: 100%; padding: 60px 0; } .ozy-spinner-list>ul>li>div:hover { padding-left: 76px; } .ozy-spinner-list>ul>li>div>a>span { display: block; font-size: 11px; font-style: italic; padding-top: 10px; } /** * News Bar */ .ozy-news-bar>ul { padding: 0 !important; } .ozy-news-bar>ul>li { list-style: none; float: left; width: 25%; padding-right: 36px; } .ozy-news-bar>ul>li:first-child { padding-left: 36px; } .ozy-news-bar>ul>li>h1 { margin: 0 0 10px 0 !important; line-height: 1em !important; } .ozy-news-bar>ul>li a { font-weight: 700; } .ozy-news-bar>ul>li:first-child>h1 { font-size: 68px !important; font-weight: 700 !important; } .ozy-news-bar>ul>li:first-child>h2 { font-size: 34px !important; font-weight: 700 !important; } .ozy-news-bar>ul>li:first-child>a { display: inline-block; padding: 6px 2px 6px 18px; border-radius: 22px; margin-top: 10px; font-weight: 500 !important; text-decoration: none !important; } .ozy-news-bar>ul>li:first-child>a>i { padding-left: 20px !important; font-size: 24px !important; vertical-align: text-top; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; } .ozy-news-bar>ul>li:first-child>a:hover>i { padding-left: 30px !important; } /** * Colored Content Box */ .ozy-colored-content-box>section { text-align: center; } .ozy-colored-content-box img { max-width: 100%; } .ozy-colored-content-box>section.overlay { position: absolute; width: 100%; height: 80px; bottom: 0; left: 0; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; } .ozy-colored-content-box:hover>section.overlay { bottom: 100%; opacity: 0; } .ozy-colored-content-box>section>span.caption:after { content: ""; display: table; clear: both; } .ozy-colored-content-box>section>span.tag { display: block; font-size: 12px; } .ozy-colored-content-box>section>span.caption { padding: 6px 10px; margin-bottom: 10px; display: inline-block !important; } .ozy-colored-content-box:hover>section.overlay-two { top: 0; margin-top: 0; } .ozy-colored-content-box>section.overlay-two { position: absolute; width: 100%; height: 100%; top: 100%; margin-top: -6px; z-index: 1; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; } /** * Image Box With Caption */ .ozy-image-with-caption section { padding: 30px; } .ozy-image-with-caption section span.tag { display: inline-block; margin-top: 5px; margin-bottom: 5px; padding: 5px 10px; font-size: 12px; line-height: 1.5; } .ozy-image-with-caption figure { overflow: hidden; position: relative; } .ozy-image-with-caption figure>span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; -webkit-transition: all .2s; transition: all .2s; } .ozy-image-with-caption:hover figure>span { opacity: 1; } .ozy-image-with-caption figure>span>i { font-size: 128px; line-height: 128px; width: 128px; height: 128px; position: absolute; top: 50%; margin-top: -64px; left: 50%; margin-left: -64px; } /** * Fancy Image Box */ .ozy-colored-content-box, .ozy-image-with-caption, .ozy-fancyimagebox { position: relative; overflow: hidden; display: block; text-decoration: none !important; } .ozy-colored-content-box img, .ozy-image-with-caption img, .ozy-fancyimagebox img { position: relative; display: block; } .ozy-fancyimagebox>section { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.75) 0, rgba(0,0,0,0.75) 3%, rgba(0, 0, 0, 0) 100%); background: -moz-linear-gradient(0deg, rgba(0,0,0,0.75) 0, rgba(0,0,0,0.75) 3%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(0deg, rgba(0,0,0,0.75) 0, rgba(0,0,0,0.75) 3%, rgba(0, 0, 0, 0) 100%); background-position: 50% 50%; -webkit-background-origin: padding-box; background-origin: padding-box; -webkit-background-clip: border-box; background-clip: border-box; -webkit-background-size: auto auto; background-size: auto auto; } .ozy-fancyimagebox>section>section { position: absolute; bottom: 0; width: 100%; padding-bottom: 40px; text-align: center; } .ozy-fancyimagebox>section>section>span.tag { display: inline-block; padding: 3px 9px; border: 1px solid red; font-size: 80%; background-color: rgba(0,0,0,0.40); } .ozy-fancyimagebox>section>section>span.line { width: 50px; height: 1px; display: inline-block; border-bottom: 1px solid red; } /** * Timeline */ .ozy-timeline-wrapper { position: relative; padding-top: 40px; } .ozy-timeline-wrapper>.timeline-caption { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; text-align: center; font-weight: 300 !important; } .ozy-timeline-wrapper>.timeline-caption>span { padding: 10px 15px; border-radius: 2px; background-color: #222222; color: #fff; } .timeline { list-style: none; padding: 20px 0 20px 0 !important; position: relative; } .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 3px; background-color: #eeeeee; left: 50%; margin-left: -1.5px; } .timeline > li { margin-bottom: 20px; position: relative; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li > .timeline-panel { width: 46%; float: left; border: 1px solid #d4d4d4; border-radius: 2px; padding: 20px; position: relative; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); } .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #ccc; border-right: 0 solid #ccc; border-bottom: 15px solid transparent; content: " "; } .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff; border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " "; } .timeline > li > .timeline-badge { color: #fff; width: 50px; height: 50px; line-height: 55px; font-size: 1.5em; text-align: center; position: absolute; top: 16px; left: 50%; margin-left: -25px; background-color: #999999; z-index: 100; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; } .timeline > li.timeline-inverted > .timeline-panel { float: right; } .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .timeline-title { margin-top: 0; color: inherit; } .timeline-body > p, .timeline-body > ul { margin-bottom: 0; } .timeline-body > p + p { margin-top: 5px; } @media (max-width: 767px) { .DSPbuttons { position: relative; margin-top: 20px; } ul.timeline:before { left: 40px; } ul.timeline > li > .timeline-panel { width: calc(100% - 90px); width: -moz-calc(100% - 90px); width: -webkit-calc(100% - 90px); } ul.timeline > li > .timeline-badge { left: 15px; margin-left: 0; top: 16px; } ul.timeline > li > .timeline-panel { float: right; } ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } } /** * Event List */ .single-product .woocommerce-tabs ul li {list-style-position: inside;} .ozy-event-list>table th, .ozy-event-list>table td { padding: 20px 0 20px 40px !important; text-align: left; border: none !important; } .ozy-event-list>table th.link, .ozy-event-list>table td.link { text-align: right; padding-right: 40px !important; } .ozy-event-list>table td>a { padding: 10px 20px; text-decoration: none; } .ozy-event-list>table td.separator { height: 1px !important; background-color: transparent !important; padding: 0 !important; } /** * Popup Lightbox Window (WooCommerce Cart and WPML language Switcher) */ .ozy-popup-lightbox-wrapper { position: fixed; left: 0; top: 0; bottom: 0; right: 0; max-width: 100%; max-height: 100%; width: 100%; height: 100%; background-color: #000; background-color: rgba(0,0,0,.7); } .ozy-popup-lightbox-wrapper { z-index: 1000; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 1000ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 1000ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; } .ozy-popup-lightbox-wrapper.active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .ozy-popup-lightbox-center { position: absolute; top: 50%; left: 50%; margin-top: -225px; margin-left: -250px; width: 500px; height: 450px; padding: 30px; background: rgba(22,19,13,1); } .woocommerce a.remove { color: #c23941 !important; } .ozy-popup-lightbox-center h3 { margin-bottom: 30px !important; } .ozy-popup-lightbox-center .ozy-popup-window-close { position: absolute; right: 30px; top: 30px; font-size: 16px; line-height: 16px; text-decoration: none !important; } .ozy-popup-lightbox-wrapper.wpml .ozy-popup-lightbox-center { margin-top: -150px; margin-left: -120px; width: 300px; height: 240px; } .ozy-popup-lightbox-wrapper.wpml .ozy-popup-lightbox-center li { list-style: none } .ozy-popup-lightbox-wrapper.wpml .ozy-popup-lightbox-center li>a>img { padding-right: 5px } @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { /* Force table to not be like tables anymore */ .ozy-event-list>table, .ozy-event-list>table thead, .ozy-event-list>table tbody, .ozy-event-list>table th, .ozy-event-list>table td, .ozy-event-list>table tr { display: block } .ozy-event-list>table thead tr { position: absolute; top: -9999px; left: -9999px; } .ozy-event-list>table td { border: none; border-bottom: 1px solid #eee; position: relative; padding: 10px 0 10px 50% !important } .ozy-event-list>table td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } .ozy-event-list>table th.link, .ozy-event-list>table td.link { text-align: left } .ozy-event-list>table td:before { padding-left: 10px; font-weight: 700; } .ozy-event-list>table td>a { display: inline-block; margin-bottom: 5px; } } /** * Primary Menu */ @media screen and (min-width:1280px) { #top-menu #menu-primary-menu { display: none; } #top-menu .menu-item-wpml>a, #top-menu .menu-item-search>a { padding-right: 0 !important; } #top-menu>ul .menu-item-wpml>a { padding-right: 17px !important; } #top-menu .menu-item-wpml>ul { width: 140px !important; } #top-menu .menu-item-wpml>a:before, #top-menu .menu-item-wpml>a:after { display: none !important; } #top-menu .menu-item-wpml>a>span, #top-menu .menu-item-search>a>span { width: 44px; height: 44px; display: inline-block; text-align: center; } #top-menu .menu-item.mobile-only { display: none } #top-menu .menu-item-search>a>span { text-indent: 4px; } #top-menu .menu-item-search:last-child { margin-right: 17px; } #top-menu.left .logo { left: inherit; right: 0; } #top-menu.left>ul { float: left; } #top-menu.left .menu-item-wpml:first-child>a { margin-left: 17px; padding-right: 0 !important; } #top-menu .dropdown-menu { z-index: 999; } #top-menu .logo>a>img { display: block } } li.menu-item-side-menu .menu { position: absolute; left: 0; right: 0; /*top: 50%; transform: translate3d(0, -50%, 0);)*/ width: 20px; padding: 18px 14px; margin: auto; cursor: pointer; } li.menu-item-side-menu .menu span { display: block; position: relative; width: 20px; height: 2px; margin-bottom: 3px; transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); } li.menu-item-side-menu .menu span:first-child:after, li.menu-item-side-menu .menu span:first-child:before { transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1); } li.menu-item-side-menu .menu span:nth-child(2):after, li.menu-item-side-menu .menu span:nth-child(2):before { transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0.08s; } li.menu-item-side-menu .menu span:last-child { margin-bottom: 0; } li.menu-item-side-menu .menu span:last-child:after, li.menu-item-side-menu .menu span:last-child:before { transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.2s, opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0.18s; } li.menu-item-side-menu .menu span:after, li.menu-item-side-menu .menu span:before { position: absolute; display: block; content: ""; width: 100%; height: 100%; pointer-events: none; } li.menu-item-side-menu .menu span:before { background: #ffffff; opacity: 1; transform: translate3d(0%, 0, 0); } li.menu-item-side-menu .menu span:after { background: #000000; opacity: 0; transform: translate3d(100%, 0, 0); } li.menu-item-side-menu .menu:hover span:before { opacity: 0; transform: translate3d(-100%, 0, 0); } li.menu-item-side-menu .menu:hover span:after { opacity: 1; transform: translate3d(0%, 0, 0); } li.menu-item-side-menu .menu.is-active span:nth-child(2) { opacity: 0; } li.menu-item-side-menu .menu.is-active span:first-child { transform: translate3d(0, 5px, 0) rotate3d(0, 0, 1, -45deg); } li.menu-item-side-menu .menu.is-active span:last-child { transform: translate3d(0, -5px, 0) rotate3d(0, 0, 1, 45deg); } li.menu-item-wc { padding-right: 30px; } li.menu-item-wc>a { text-decoration: none; } li.menu-item-wc>a>span { display: block; position: absolute; top: 50%; right: -12px; margin-top: -25px; width: 18px; height: 18px; border-radius: 50%; background-color: rgba(255,166,0,1.00); line-height: 18px !important; text-align: center !important; font-size: 10px !important; font-weight: 100 !important; } #top-menu .logo { padding-left: 4px; /*padding as border radius of header*/ position: absolute; left: 0; top: 0; } #top-menu .logo>a>img { vertical-align: middle } nav#top-menu { position: relative; width: 100%; border-radius: 4px; z-index: -2; -webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.4); box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.4); } nav#top-menu .right-part { position: relative; padding-left: 82px; padding-right: 64px; display: inline-block; height: 100%; right: -1px; z-index: -1; overflow: hidden; border-top-right-radius: 4px; border-bottom-right-radius: 4px; float: right; } nav#top-menu .right-part>div { width: 100%; height: 100%; position: absolute; right: -34px; z-index: -1; transform: rotate(0deg) scale(1) skew(-30deg) translate(0px); -webkit-transform: rotate(0deg) scale(1) skew(-30deg) translate(0px); -moz-transform: rotate(0deg) scale(1) skew(-30deg) translate(0px); -o-transform: rotate(0deg) scale(1) skew(-30deg) translate(0px); -ms-transform: rotate(0deg) scale(1) skew(-30deg) translate(0px); background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #000000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #000000)); background: -webkit-linear-gradient(top, #ffffff 0%, #000000 100%); background: -o-linear-gradient(top, #ffffff 0%, #000000 100%); background: -ms-linear-gradient(top, #ffffff 0%, #000000 100%); background: linear-gradient(to bottom, #ffffff 0%, #000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 ); } nav#top-menu .right-part>ul { display: block; width: auto; margin-left: 0; } nav#top-menu .right-part>ul>li { float: left; } nav#top-menu.left li.menu-item-side-menu .menu { left: -58px } nav#top-menu.left li.menu-item-wc { padding-right: 0; padding-left: 10px; } nav#top-menu.left .right-part { float: left; right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; padding-left: 64px; padding-right: 102px; } nav#top-menu.left .right-part>div { right: inherit; left: -34px; transform: rotate(0deg) scale(1) skew(30deg) translate(0px); -webkit-transform: rotate(0deg) scale(1) skew(30deg) translate(0px); -moz-transform: rotate(0deg) scale(1) skew(30deg) translate(0px); -o-transform: rotate(0deg) scale(1) skew(30deg) translate(0px); -ms-transform: rotate(0deg) scale(1) skew(30deg) translate(0px); } #top-menu > ul { display: inline-block; float: right; position: absolute; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); } #top-menu ul ul ul { z-index: 1 } #top-menu, #top-menu ul, #top-menu ul li, #top-menu ul li a, #top-menu #head-mobile { border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* stroke */ #top-menu>ul>li>a, #top-menu>ul>li>a:after, #top-menu>ul>li>a:before { transition: all .5s; } #top-menu>ul>li>a { position: relative; } #top-menu>ul>li>a:after { position: absolute; bottom: 8px; left: 0; right: 0; margin: auto; width: 0%; content: '.'; color: transparent !important; background: #aaa; height: 2px !important; } #top-menu>ul>li.active>a:after, #top-menu>ul>li>a:hover:after { width: calc(100% - 30px); } /* stroke end*/ #top-menu ul li a>img { padding-right: 5px; } #top-menu:after, #top-menu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #top-menu #head-mobile { display: none } #top-menu > ul > li { float: left } html #top-menu > ul > li > a { position: relative; padding: 0 10px 0 10px; font-size: 15px; letter-spacing: 4px; text-decoration: none; line-height: 38px; font-weight: 600; } nav#top-menu .right-part>ul>li.separator>span, #top-menu > ul > li > a > span.s { display: inline-block; height: 10px; position: absolute; right: 0; top: 50%; margin-top: -5px; border-left: 1px solid #000000; display: none; } #top-menu ul ul { position: absolute; left: -9999px; } #top-menu ul ul li { height: 0; -webkit-transition: all .25s ease; -ms-transition: all .25s ease; background: #333; transition: all .25s ease; } #top-menu li:hover > ul { left: auto } #top-menu li:hover > ul > li { min-height: 35px; } #top-menu ul ul ul { margin-left: 100%; top: 0; } #top-menu ul ul li a { border-bottom: 1px solid rgba(150,150,150,0.15); padding: 11px 15px; min-width: 200px; font-size: 12px; text-decoration: none; color: #ddd; font-weight: 500; } #top-menu ul ul li:last-child > a, #top-menu ul ul li.last-item > a { border-bottom: 0 } #top-menu ul ul li.has-sub > a:after { position: absolute; top: 16px; right: 11px; width: 8px; height: 2px; display: block; background: #ddd; content: ''; } #top-menu ul ul li.has-sub > a:before { position: absolute; top: 13px; right: 14px; display: block; width: 2px; height: 8px; background: #ddd; content: ''; -webkit-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease; } #top-menu ul ul > li.has-sub:hover > a:before { top: 17px; height: 0 } #top-menu ul ul li.has-sub:hover, #top-menu > ul ul { box-shadow: 0px 10px 10px 5px rgba(119, 119, 119, 0.05); -moz-box-shadow: 0px 10px 10px 5px rgba(119, 119, 119, 0.05); -webkit-box-shadow: 0px 10px 10px 5px rgba(119, 119, 119, 0.05); } /** * Media element */ .wp-video video { width: 100%; height: 100%; max-width: 100%; } .wp-video { width: 100% !important; margin: 20px 0; } body.single .post-content .mejs-container { margin: 20px 0; } @media screen and (max-width:1280px) { #top-menu #menu-primary-menu { display: none; } #top-menu .right-part ul { display: block !important; } body.admin-bar #header { margin-top: 0px; } #page-title-wrapper { margin-top: 72px; }/*add margin to title as same as height of menu bar*/ .logo { position: absolute; top: 0; left: 0; width: 100%; height: 46px; text-align: center; float: none; } .logo>a>img { max-height: 46px; width: inherit; } .logo2 { display: none } nav#top-menu { width: 100%; } #top-menu { width: 100% } #top-menu, #top-menu .logo { line-height: 72px !important; height: 72px !important; } #top-menu ul { width: 100%; display: none; } #top-menu > ul { margin-right: 0 !important; height: inherit !important; line-height: inherit !important; } #top-menu ul li { width: 100%; border-top: 1px solid #444; } #top-menu>ul>li:last-child { border-bottom: 1px solid #444; } #top-menu ul li:hover { background: #363636; } #top-menu ul ul li, #top-menu li:hover > ul > li { height: auto } #top-menu ul li a, #top-menu ul ul li a { width: 100%; border-bottom: 0; } #top-menu > ul > li { float: none } #top-menu ul ul li a { padding-left: 25px } #top-menu ul ul ul li a { padding-left: 35px } #top-menu ul ul li a { background: none; } #top-menu ul ul li:hover > a, #top-menu ul ul, #top-menu ul ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left; } #top-menu ul ul > li.has-sub > a:after, #top-menu ul ul > li.has-sub > a:before { display: none } #top-menu #head-mobile { display: block; padding: 23px; color: #ddd; font-size: 12px; font-weight: 700; } #top-menu .menu-button { width: 55px; height: 46px; position: absolute; right: 0; top: 14px; cursor: pointer; z-index: 12399994; } #top-menu .menu-button:after { position: absolute; top: 22px; right: 20px; display: block; height: 8px; width: 20px; border-top: 2px solid #dddddd; border-bottom: 2px solid #dddddd; content: ''; } #top-menu .menu-button:before { -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; position: absolute; top: 16px; right: 34px; display: block; height: 2px; width: 20px; background: #ddd; content: ''; } #top-menu .menu-button.menu-opened:after { -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; top: -10px; border: 0; height: 40px; width: 40px; background: #fff;/* -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);*/ } #top-menu .menu-button.menu-opened:before { top: -10px; background: #fff; width: 40px; z-index: 99;/* -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);*/ } #top-menu .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid #444; height: 46px; width: 46px; cursor: pointer; } #top-menu .submenu-button.submenu-opened { background: #262626 } #top-menu ul ul .submenu-button { height: 34px; width: 34px; } #top-menu .submenu-button:after { position: absolute; top: 22px; right: 19px; width: 8px; height: 2px; display: block; content: ''; } #top-menu ul ul .submenu-button:after { top: 15px; right: 13px; } #top-menu .submenu-button:before { position: absolute; top: 19px; right: 22px; display: block; width: 2px; height: 8px; content: ''; } #top-menu ul ul .submenu-button:before { top: 12px; right: 16px; } #top-menu .submenu-button.submenu-opened:before { display: none } #top-menu ul ul ul li.active a { border-left: none; } #top-menu > ul > li.has-sub > ul > li.active > a, #top-menu > ul ul > li.has-sub > ul > li.active > a { border-top: none } #top-menu .menu-item-search>a>span>i, #top-menu .menu-item-wpml>a>span>img { padding-right: 5px; } } /** * Sidr - Side Menu */ #sidr { -webkit-backface-visibility: hidden; } #sidr-menu { height: 32px; text-decoration: none; } .sidr { display: none; position: absolute; position: fixed; top: 0; height: 100%; z-index: 999999; width: 260px; overflow-x: none; overflow-y: auto; } .sidr .widget-area { padding: 30px 30px 0 30px; margin-bottom: 10px; display: inline-block; width: 100%; } .sidr .widget-area>ul>li>a.rsswidget { display: inline-block; width: 100%; font-weight: 700 !important; } .sidr .widget-area>ul>li>div.rssSummary { border-top: 1px solid #dedede; margin-top: 10px; padding-top: 10px; font-weight: 300 !important; } .sidr .widget-area .wp-search-form i { color: #000; } #footer-widget-bar .widget .tagcloud>a, .sidr .tagcloud>a { border: 1px solid #fff; } .sidr .widget-area img { max-width: 100%; } .sidr>h5 { padding-left: 30px; padding-right: 30px; } .sidr>div>.widget-area>ul>h4 { padding: 12px 0; font-weight: 700; } .sidr.right { left: auto; right: -260px; } .sidr.left { left: -260px; right: auto; } .sidr h1, .sidr h2, .sidr h3, .sidr h4, .sidr h5, .sidr h6 { font-weight: normal; line-height: 24px; } .sidr li a { text-decoration: none; } .sidr a { text-decoration: underline; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; } .sidr ul { display: block; padding: 0; } .sidr ul li { display: block; margin: 0; padding: 6px 0 6px 0; } .sidr ul li ul li { padding: 6px 0 6px 12px; } .sidr ul li[class^="oic-"] ul li { padding: 6px 0 6px 26px; } /*if parent li has icons, sub items need more left padding*/ .sidr ul li::before { padding-right: 12px; } .sidr li.menu-item-has-children { position: relative; } .sidr li.menu-item-has-children:after { position: absolute; top: 5px; right: 0; font-family: 'ozythemes'; content: "\e445"; } .sidr input[type="text"], .sidr input[type="password"], .sidr input[type="date"], .sidr input[type="datetime"], .sidr input[type="email"], .sidr input[type="number"], .sidr input[type="search"], .sidr input[type="tel"], .sidr input[type="time"], .sidr input[type="url"], .sidr textarea, .sidr select { width: 100%; padding: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; -o-border-radius: 0px !important; border-radius: 0px !important; border: none; display: block; clear: both; border: 1px solid #dedede; background-color: #fff; } #sidr a, #sidr p { font-weight: 300 !important; } #sidr img { max-width: 100%; height: auto; } #nav-primary.right .menu-item.menu-item-side-menu { margin-right: 0 !important; } #nav-primary>nav>div>ul>li.menu-item.menu-item-side-menu>a { padding: 0 !important; } /** * Responsive Definitions */ @media only screen and (max-width: 1280px) { .ozy-page-model-boxed #main { display: block !important; } .ozy-page-model-full.ozy-page-model-no-sidebar #content>div>article>div>.wpb_row>.parallax-wrapper { padding-left: 0 !important; padding-right: 0 !important; } /*mailchimp bottom widget*/ .mc_signup_submit { position: inherit !important; } .mc_merge_var { padding: 0 !important; } .mc_merge_var input, .mc_signup_submit #mc_signup_submit { width: 100% !important; margin: 0 !important; } /*#footer-wrapper{overflow:auto}*/ #footer-wrapper #mc_signup_form .mc_input { border-top-right-radius: 30px !important; border-bottom-right-radius: 30px !important; } #footer-wrapper #mc_signup_submit { border-top-left-radius: 30px !important; border-bottom-left-radius: 30px !important; } #main, #header { padding: 0 !important } nav#top-menu { border-radius: 0 !important } nav#top-menu>.right-part { display: none !important } #footer footer { line-height: 140% !important } } @media only screen and (max-width: 920px) { /*#to-top-button {display: none !important;}*/ .ozy-anything-wrapper { padding: 20px !important; } .ozy-fancyaccordion-feed span.category { display: none; } .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin-bottom: 35px !important; } .wpb_gmaps_widget.wpb_content_element { margin-bottom: 0 !important; } #footer-widget-bar, #footer-widget-bar>.container { padding-bottom: 0 !important; } #footer-widget-bar { padding-top: 160px; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { .ozy-page-model-full .container { width: 100%; -webkit-text-size-adjust: 100%; /* Prevents Mobile Safari from bumping up font sizes in landscape */ } .ozy-page-model-boxed #main>.container { padding: 0; } .ozy-page-model-boxed #main>.container, .ozy-page-model-boxed .container { width: 100%; -webkit-text-size-adjust: 100%; } #title { height: 60px !important; } #tagline { line-height: 20px !important; } #content { width: 100%; } #sidebar { width: 100%; } .ozy-latest-posts>a { width: 15.66666666666667%; margin-right: 1%; } .ozy-icon { margin-bottom: 20px !important; } .ozy-spinner-list>ul>li>div, .ozy-fancyaccordion-feed>div.panel, .ozy-fancyaccordion-feed>a>span { padding-left: 36px; } span.plus-icon { right: 36px; } /* page */ #page-title-wrapper { min-height: 80px !important; } /* vc */ #footer>footer>.container, #footer-widget-bar>.container, #page-title-wrapper>div, body.page-template-default.ozy-page-model-full #main>.container.no-vc, .ozy-page-model-full #main>.container.no-vc, .ozy-page-model-full.ozy-page-model-no-sidebar #content>div>article>div>.wpb_row:not(.ozy-custom-full-row) { padding-left: 20px !important; padding-right: 20px !important; } } @media only screen and (max-width: 800px) { #footer-widget-bar>.container>section { padding: 0px 20px 0 20px; } div.parallax-wrapper div.parallax-wrapper { margin-left: 0 !important; margin-right: 0 !important; } .ozy-page-model-has-sidebar #main>.container #content.left-sidebar { margin-left: 0 !important; } /*full page*/ body.page-template-page-row-slider-php .ozy-page-model-full #content>.wpb_row.vc_row-fluid>div.parallax-wrapper, #full-page .wpb_row>div.parallax-wrapper { height: 100% !important; } #full-page #content>.wpb_row>div.parallax-wrapper>div.vc_column_container { height: 50% !important; } #full-page .ozy-anything-wrapper-x { width: 100% !important; } /*fancy accordion*/ .ozy-spinner-list>ul>li>div, .ozy-fancyaccordion-feed>div.panel, .ozy-fancyaccordion-feed>a>span { padding-left: 15px; } .ozy-fancyaccordion-feed>a>span>.d { display: none !important; } .ozy-fancyaccordion-feed>a>span>h3.t { margin-left: 0 !important; } .ozy-fancyaccordion-feed>div.panel>div { margin-left: 0 !important; border: none !important; padding: 20px 0 !important; } span.plus-icon { right: 15px; } /*single slider*/ .ozy-owlcarousel.single .owl-item .caption { padding-top: 20px !important; } .ozy-owlcarousel.single .owl-item .caption h1 { font-size: 20px !important; line-height: 1em !important; } /*news box*/ .ozy-news-bar>ul>li { width: 100%; padding: 20px 36px; } } @media only screen and (max-width: 768px) and (min-width: 480px) { .ozy-page-model-full .container { width: 100%; -webkit-text-size-adjust: 100%; } .ozy-page-model-boxed #main>.container { padding: 0; } .ozy-page-model-boxed #main>.container, .ozy-page-model-boxed .container { width: 100%; -webkit-text-size-adjust: 100%; } #content { width: 100%; } #sidebar { width: 100%; } #footer .container { padding-top: 0; } #footer-content { border: 0; padding: 10px; } #single-blog-category>.post-categories>li>a { display: inline-block; float: left; margin-bottom: 6px; } /*news box*/ .ozy-news-bar>ul>li { width: 100%; padding: 20px 36px; } /*flip box*/ #ozy-share-div>span { display: none !important; } #ozy-share-div>.share-icon { padding: 2px !important; } #ozy-related-posts-wrapper > .newer-older { top: -25px !important; } #ozy-related-posts-wrapper>h4 { margin-top: 30px !important; } .ozy-icon { margin-bottom: 20px !important; } /* vc */ body.ozy-page-model-full:not(.page-template-page-row-slider-php) .wpb_row:not(.ozy-custom-full-row) .parallax-wrapper>.vc_column_container { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .vc_responsive .wpb_row .vc_col-sm-4 { width: 100% !important; padding-bottom: 36px; } #page-title-wrapper>div, .ozy-page-model-full .container.no-vc, .ozy-page-model-full.ozy-page-model-no-sidebar #content>div>article>div>.wpb_row:not(.ozy-custom-full-row) { padding-left: 36px !important; padding-right: 36px !important; } /*layout*/ #footer-widget-bar>.container>section { width: 100% !important; } .ozy-spinner-list>ul>li>div, .ozy-fancyaccordion-feed>div.panel, .ozy-fancyaccordion-feed>a>span { padding-left: 36px; } span.plus-icon { right: 36px; } body.single-post .p-wrapper { padding: 0 10px; margin-bottom: 10px; } } @media only screen and (max-width: 479px) { .container { padding: 0 10px !important; width: 100%; -webkit-text-size-adjust: 100%; /* Prevents Mobile Safari from bumping up font sizes in landscape */ } .page-id-2415 .title-with-icon > a .oic-help-circled {display: none !important;} .head-social, #homeSlider > a > img, .DSPbuttons > div > .row > .banner-content > h4 {display: none;} .ozy-popup-lightbox-center h3 { font-size: 14px !important; } .page-id-41409 #page-title-wrapper h3 {display: none;} .foot-social a, #strm_liner {display: none;} #main>.container { padding: 0 !important; } #page-title-wrapper>div, body.page-template-default.ozy-page-model-full #main>.container.no-vc, .parallax-wrapper .vc_col-sm-12.wpb_column.vc_column_container { padding-left: 10px !important; padding-right: 10px !important; } #page-title-wrapper { max-height: 200px !important; overflow: visible !important; } .wpb_row, .ozy-page-model-full #content .wpb_row.ozy-custom-full-row .parallax-wrapper .vc_col-sm-12.wpb_column.vc_column_container { padding-left: 0 !important; padding-right: 0 !important; } .ozy-page-model-boxed.ozy-page-model-no-sidebar #main>.container .wpb_row, .ozy-page-model-full .container.no-vc, .ozy-page-model-full.ozy-page-model-no-sidebar #content>div>article>div>.wpb_row:not(.ozy-custom-full-row) {/*, .ozy-page-model-has-sidebar #main>.container*/ padding-left: 0 !important; padding-right: 0 !important; } body.has-page-title #main>.container { padding-top: 0 !important; } #tagline { line-height: 20px !important; } #content.left-sidebar, #content.right-sidebar, #content { width: 100%; } #content.no-vc { padding: 10px !important; } .ozy-spacer { height: 10px !important; } .ozy-owlcarousel .item.item-extended>a .overlay-two>p, .ozy-team_member figcaption p { display: none !important; } .ozy-team_member figcaption { height: 170px !important; } .full-tabs.wpb_tabs .wpb_tabs_nav li { display: block !important; margin-top: -1px !important; } #sidebar { padding: 15px; width: 100%; /* 3 columns */ float: none; } #sidebar>ul:first-child>li>h4 { border-bottom: none !important; } #footer-widget-bar .widget-area>.separator { display: none; } #footer .container { padding-top: 0; } #footer .top-social-icons>a { border-color: transparent !important } #footer-content { border: 0; padding: 10px; } #footer>footer>.container { height: 100% !important; line-height: 1.5em !important; } #footer>footer>.container>div { padding-top: 15px !important; width: 100% !important; } .simple-post-format>div { padding: 10px 10px 5px 10px !important; } .simple-post-format>div>span { display: none !important; } .post-excerpt-quote blockquote, .simple-post-format.post-excerpt-aside>div { max-width: 230px !important; } blockquote { padding: 10px 10px 10px 30px !important; text-align: inherit !important; } blockquote:before { top: 10px !important; left: 10px !important; } blockquote, .post-excerpt-quote blockquote { font-size: 14px !important; line-height: 21px !important; } .post-excerpt-quote blockquote>p { max-width: 190px !important; } .post-excerpt-audio>div>div { margin-left: 0 !important; padding-left: 0 !important; max-width: 210px !important; } .post-excerpt-audio>div img { display: none !important; } /* Single */ .ozy-related-posts>li { width: 100% !important; padding-left: 0 !important; margin-bottom: 20px !important; } #ozy-share-div>span { display: none !important; } #ozy-share-div>.share-icon { padding: 2px !important; } #ozy-related-posts-wrapper > .newer-older { top: -25px !important; } #ozy-related-posts-wrapper > .newer-older a { font-size: 80%; } body.single-post .p-wrapper { padding: 0; } /*layout*/ #footer-widget-bar>.container>section { width: 99% !important; margin-right: 0; } #footer .top-social-icons>a>span { line-height: inherit !important; } .ozy-icon { margin-bottom: 20px !important; } #main>.container>#content { padding: 0 !important } body.single-post .p-wrapper { padding: 0 10px; margin-bottom: 10px; } /*fancy accordion*/ .ozy-spinner-list>ul>li>div, .ozy-fancyaccordion-feed>div.panel, .ozy-fancyaccordion-feed>a>span { padding-left: 15px; } .ozy-fancyaccordion-feed>a>span>.d { display: none !important; } .ozy-fancyaccordion-feed>a>span>h3.t { margin-left: 0 !important; } .ozy-fancyaccordion-feed>div.panel>div { margin-left: 0 !important; border: none !important; padding: 20px 0 !important; } span.plus-icon { display: none !important; } .ozy-tlt, h1 { font-size: 26px !important; line-height: 32px !important; } h2 { font-size: 22px !important; line-height: 30px !important; } h3 { font-size: 18px !important; line-height: 22px !important; } h6 { font-size: 12px !important; line-height: 20px !important; letter-spacing: normal !important; } /*news box*/ .ozy-news-bar>ul>li { width: 100%; padding: 20px 36px; } /*anything wrapper 2*/ .ozy-anything-wrapper-x { padding: 20px !important; } /*single slider*/ .ozy-owlcarousel.single .owl-item .caption { padding: 0 !important; } /*vc override*/ .vc_col-xs-1, .vc_col-sm-1, .vc_col-md-1, .vc_col-lg-1, .vc_col-xs-2, .vc_col-sm-2, .vc_col-md-2, .vc_col-lg-2, .vc_col-xs-3, .vc_col-sm-3, .vc_col-md-3, .vc_col-lg-3, .vc_col-xs-4, .vc_col-sm-4, .vc_col-md-4, .vc_col-lg-4, .vc_col-xs-5, .vc_col-sm-5, .vc_col-md-5, .vc_col-lg-5, .vc_col-xs-6, .vc_col-sm-6, .vc_col-md-6, .vc_col-lg-6, .vc_col-xs-7, .vc_col-sm-7, .vc_col-md-7, .vc_col-lg-7, .vc_col-xs-8, .vc_col-sm-8, .vc_col-md-8, .vc_col-lg-8, .vc_col-xs-9, .vc_col-sm-9, .vc_col-md-9, .vc_col-lg-9, .vc_col-xs-10, .vc_col-sm-10, .vc_col-md-10, .vc_col-lg-10, .vc_col-xs-11, .vc_col-sm-11, .vc_col-md-11, .vc_col-lg-11, .vc_col-xs-12, .vc_col-sm-12, .vc_col-md-12, .vc_col-lg-12 { padding-left: 10px; padding-right: 10px; } body.ozy-page-model-full:not(.page-template-page-row-slider-php) .wpb_row:not(.ozy-custom-full-row) .parallax-wrapper>.vc_column_container { margin-left: 0 !important; margin-right: 0 !important; padding-left: 10px !important; padding-right: 10px !important; } .vc_responsive .wpb_row .vc_col-sm-4 { width: 100% !important; padding-bottom: 20px; } .twi-grid { margin-left: 0px !important; } .twi-grid .twi-panel-teaser img { width: 100% !important; } } /* Retina media query. Overrides styles for devices with a device-pixel-ratio of 2+, such as iPhone 4. ----------------------------------------------- */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { input:not([type='checkbox']):not([type='radio']), textarea, button, select { -webkit-appearance: none; /*Safari/Chrome*/ -moz-appearance: none; /*Firefox*/ -ms-appearance: none; /*IE*/ -o-appearance: none; /*Opera*/ appearance: none; -webkit-border-radius: 0; } } /** * Animate.css - http://daneden.me/animate * Licensed under the โ˜บ license (http://licence.visualidiot.com/) */ .animation { -webkit-animation: infinite; -moz-animation: infinite; animation: infinite; } .animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity:1; } 25%, 75% { opacity:0; } } @-moz-keyframes flash { 0%, 50%, 100% { opacity:1; } 25%, 75% { opacity:0; } } @-o-keyframes flash { 0%, 50%, 100% { opacity:1; } 25%, 75% { opacity:0; } } @keyframes flash { 0%, 50%, 100% { opacity:1; } 25%, 75% { opacity:0; } } .flash { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform:translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform:translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform:translateX(10px); } } @-moz-keyframes shake { 0%, 100% { -moz-transform:translateX(0); } 10%, 30%, 50%, 70%, 90% { -moz-transform:translateX(-10px); } 20%, 40%, 60%, 80% { -moz-transform:translateX(10px); } } @-o-keyframes shake { 0%, 100% { -o-transform:translateX(0); } 10%, 30%, 50%, 70%, 90% { -o-transform:translateX(-10px); } 20%, 40%, 60%, 80% { -o-transform:translateX(10px); } } @keyframes shake { 0%, 100% { transform:translateX(0); } 10%, 30%, 50%, 70%, 90% { transform:translateX(-10px); } 20%, 40%, 60%, 80% { transform:translateX(10px); } } .shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform:translateY(0); } 40% { -webkit-transform:translateY(-30px); } 60% { -webkit-transform:translateY(-15px); } } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform:translateY(0); } 40% { -moz-transform:translateY(-30px); } 60% { -moz-transform:translateY(-15px); } } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -o-transform:translateY(0); } 40% { -o-transform:translateY(-30px); } 60% { -o-transform:translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform:translateY(0); } 40% { transform:translateY(-30px); } 60% { transform:translateY(-15px); } } .bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes tada { 0% { -webkit-transform:scale(1); } 10%, 20% { -webkit-transform:scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform:scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform:scale(1.1) rotate(-3deg); } 100% { -webkit-transform:scale(1) rotate(0); } } @-moz-keyframes tada { 0% { -moz-transform:scale(1); } 10%, 20% { -moz-transform:scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -moz-transform:scale(1.1) rotate(3deg); } 40%, 60%, 80% { -moz-transform:scale(1.1) rotate(-3deg); } 100% { -moz-transform:scale(1) rotate(0); } } @-o-keyframes tada { 0% { -o-transform:scale(1); } 10%, 20% { -o-transform:scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -o-transform:scale(1.1) rotate(3deg); } 40%, 60%, 80% { -o-transform:scale(1.1) rotate(-3deg); } 100% { -o-transform:scale(1) rotate(0); } } @keyframes tada { 0% { transform:scale(1); } 10%, 20% { transform:scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform:scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform:scale(1.1) rotate(-3deg); } 100% { transform:scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin:top center; } 20% { -webkit-transform:rotate(15deg); } 40% { -webkit-transform:rotate(-10deg); } 60% { -webkit-transform:rotate(5deg); } 80% { -webkit-transform:rotate(-5deg); } 100% { -webkit-transform:rotate(0deg); } } @-moz-keyframes swing { 20% { -moz-transform:rotate(15deg); } 40% { -moz-transform:rotate(-10deg); } 60% { -moz-transform:rotate(5deg); } 80% { -moz-transform:rotate(-5deg); } 100% { -moz-transform:rotate(0deg); } } @-o-keyframes swing { 20% { -o-transform:rotate(15deg); } 40% { -o-transform:rotate(-10deg); } 60% { -o-transform:rotate(5deg); } 80% { -o-transform:rotate(-5deg); } 100% { -o-transform:rotate(0deg); } } @keyframes swing { 20% { transform:rotate(15deg); } 40% { transform:rotate(-10deg); } 60% { transform:rotate(5deg); } 80% { transform:rotate(-5deg); } 100% { transform:rotate(0deg); } } .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform:translateX(0%); } 15% { -webkit-transform:translateX(-25%) rotate(-5deg); } 30% { -webkit-transform:translateX(20%) rotate(3deg); } 45% { -webkit-transform:translateX(-15%) rotate(-3deg); } 60% { -webkit-transform:translateX(10%) rotate(2deg); } 75% { -webkit-transform:translateX(-5%) rotate(-1deg); } 100% { -webkit-transform:translateX(0%); } } @-moz-keyframes wobble { 0% { -moz-transform:translateX(0%); } 15% { -moz-transform:translateX(-25%) rotate(-5deg); } 30% { -moz-transform:translateX(20%) rotate(3deg); } 45% { -moz-transform:translateX(-15%) rotate(-3deg); } 60% { -moz-transform:translateX(10%) rotate(2deg); } 75% { -moz-transform:translateX(-5%) rotate(-1deg); } 100% { -moz-transform:translateX(0%); } } @-o-keyframes wobble { 0% { -o-transform:translateX(0%); } 15% { -o-transform:translateX(-25%) rotate(-5deg); } 30% { -o-transform:translateX(20%) rotate(3deg); } 45% { -o-transform:translateX(-15%) rotate(-3deg); } 60% { -o-transform:translateX(10%) rotate(2deg); } 75% { -o-transform:translateX(-5%) rotate(-1deg); } 100% { -o-transform:translateX(0%); } } @keyframes wobble { 0% { transform:translateX(0%); } 15% { transform:translateX(-25%) rotate(-5deg); } 30% { transform:translateX(20%) rotate(3deg); } 45% { transform:translateX(-15%) rotate(-3deg); } 60% { transform:translateX(10%) rotate(2deg); } 75% { transform:translateX(-5%) rotate(-1deg); } 100% { transform:translateX(0%); } } .wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform:scale(1); } 50% { -webkit-transform:scale(1.1); } 100% { -webkit-transform:scale(1); } } @-moz-keyframes pulse { 0% { -moz-transform:scale(1); } 50% { -moz-transform:scale(1.1); } 100% { -moz-transform:scale(1); } } @-o-keyframes pulse { 0% { -o-transform:scale(1); } 50% { -o-transform:scale(1.1); } 100% { -o-transform:scale(1); } } @keyframes pulse { 0% { transform:scale(1); } 50% { transform:scale(1.1); } 100% { transform:scale(1); } } .pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes flip { 0% { -webkit-transform:perspective(400px) rotateY(0); -webkit-animation-timing-function:ease-out; } 40% { -webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function:ease-out; } 50% { -webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function:ease-in; } 80% { -webkit-transform:perspective(400px) rotateY(360deg) scale(.95); -webkit-animation-timing-function:ease-in; } 100% { -webkit-transform:perspective(400px) scale(1); -webkit-animation-timing-function:ease-in; } } @-moz-keyframes flip { 0% { -moz-transform:perspective(400px) rotateY(0); -moz-animation-timing-function:ease-out; } 40% { -moz-transform:perspective(400px) translateZ(150px) rotateY(170deg); -moz-animation-timing-function:ease-out; } 50% { -moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function:ease-in; } 80% { -moz-transform:perspective(400px) rotateY(360deg) scale(.95); -moz-animation-timing-function:ease-in; } 100% { -moz-transform:perspective(400px) scale(1); -moz-animation-timing-function:ease-in; } } @-o-keyframes flip { 0% { -o-transform:perspective(400px) rotateY(0); -o-animation-timing-function:ease-out; } 40% { -o-transform:perspective(400px) translateZ(150px) rotateY(170deg); -o-animation-timing-function:ease-out; } 50% { -o-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-animation-timing-function:ease-in; } 80% { -o-transform:perspective(400px) rotateY(360deg) scale(.95); -o-animation-timing-function:ease-in; } 100% { -o-transform:perspective(400px) scale(1); -o-animation-timing-function:ease-in; } } @keyframes flip { 0% { transform:perspective(400px) rotateY(0); animation-timing-function:ease-out; } 40% { transform:perspective(400px) translateZ(150px) rotateY(170deg); animation-timing-function:ease-out; } 50% { transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function:ease-in; } 80% { transform:perspective(400px) rotateY(360deg) scale(.95); animation-timing-function:ease-in; } 100% { transform:perspective(400px) scale(1); animation-timing-function:ease-in; } } .flip { -webkit-backface-visibility: visible !important; -webkit-animation-name: flip; -moz-backface-visibility: visible !important; -moz-animation-name: flip; -o-backface-visibility: visible !important; -o-animation-name: flip; backface-visibility: visible !important; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform:perspective(400px) rotateX(90deg); opacity:0; } 40% { -webkit-transform:perspective(400px) rotateX(-10deg); } 70% { -webkit-transform:perspective(400px) rotateX(10deg); } 100% { -webkit-transform:perspective(400px) rotateX(0deg); opacity:1; } } @-moz-keyframes flipInX { 0% { -moz-transform:perspective(400px) rotateX(90deg); opacity:0; } 40% { -moz-transform:perspective(400px) rotateX(-10deg); } 70% { -moz-transform:perspective(400px) rotateX(10deg); } 100% { -moz-transform:perspective(400px) rotateX(0deg); opacity:1; } } @-o-keyframes flipInX { 0% { -o-transform:perspective(400px) rotateX(90deg); opacity:0; } 40% { -o-transform:perspective(400px) rotateX(-10deg); } 70% { -o-transform:perspective(400px) rotateX(10deg); } 100% { -o-transform:perspective(400px) rotateX(0deg); opacity:1; } } @keyframes flipInX { 0% { transform:perspective(400px) rotateX(90deg); opacity:0; } 40% { transform:perspective(400px) rotateX(-10deg); } 70% { transform:perspective(400px) rotateX(10deg); } 100% { transform:perspective(400px) rotateX(0deg); opacity:1; } } .flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible !important; -moz-animation-name: flipInX; -o-backface-visibility: visible !important; -o-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; } @-webkit-keyframes flipOutX { 0% { -webkit-transform:perspective(400px) rotateX(0deg); opacity:1; } 100% { -webkit-transform:perspective(400px) rotateX(90deg); opacity:0; } } @-moz-keyframes flipOutX { 0% { -moz-transform:perspective(400px) rotateX(0deg); opacity:1; } 100% { -moz-transform:perspective(400px) rotateX(90deg); opacity:0; } } @-o-keyframes flipOutX { 0% { -o-transform:perspective(400px) rotateX(0deg); opacity:1; } 100% { -o-transform:perspective(400px) rotateX(90deg); opacity:0; } } @keyframes flipOutX { 0% { transform:perspective(400px) rotateX(0deg); opacity:1; } 100% { transform:perspective(400px) rotateX(90deg); opacity:0; } } .flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible !important; -o-animation-name: flipOutX; -o-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes flipInY { 0% { -webkit-transform:perspective(400px) rotateY(90deg); opacity:0; } 40% { -webkit-transform:perspective(400px) rotateY(-10deg); } 70% { -webkit-transform:perspective(400px) rotateY(10deg); } 100% { -webkit-transform:perspective(400px) rotateY(0deg); opacity:1; } } @-moz-keyframes flipInY { 0% { -moz-transform:perspective(400px) rotateY(90deg); opacity:0; } 40% { -moz-transform:perspective(400px) rotateY(-10deg); } 70% { -moz-transform:perspective(400px) rotateY(10deg); } 100% { -moz-transform:perspective(400px) rotateY(0deg); opacity:1; } } @-o-keyframes flipInY { 0% { -o-transform:perspective(400px) rotateY(90deg); opacity:0; } 40% { -o-transform:perspective(400px) rotateY(-10deg); } 70% { -o-transform:perspective(400px) rotateY(10deg); } 100% { -o-transform:perspective(400px) rotateY(0deg); opacity:1; } } @keyframes flipInY { 0% { transform:perspective(400px) rotateY(90deg); opacity:0; } 40% { transform:perspective(400px) rotateY(-10deg); } 70% { transform:perspective(400px) rotateY(10deg); } 100% { transform:perspective(400px) rotateY(0deg); opacity:1; } } .flipInY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible !important; -moz-animation-name: flipInY; -o-backface-visibility: visible !important; -o-animation-name: flipInY; backface-visibility: visible !important; animation-name: flipInY; } @-webkit-keyframes flipOutY { 0% { -webkit-transform:perspective(400px) rotateY(0deg); opacity:1; } 100% { -webkit-transform:perspective(400px) rotateY(90deg); opacity:0; } } @-moz-keyframes flipOutY { 0% { -moz-transform:perspective(400px) rotateY(0deg); opacity:1; } 100% { -moz-transform:perspective(400px) rotateY(90deg); opacity:0; } } @-o-keyframes flipOutY { 0% { -o-transform:perspective(400px) rotateY(0deg); opacity:1; } 100% { -o-transform:perspective(400px) rotateY(90deg); opacity:0; } } @keyframes flipOutY { 0% { transform:perspective(400px) rotateY(0deg); opacity:1; } 100% { transform:perspective(400px) rotateY(90deg); opacity:0; } } .flipOutY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipOutY; -moz-backface-visibility: visible !important; -moz-animation-name: flipOutY; -o-backface-visibility: visible !important; -o-animation-name: flipOutY; backface-visibility: visible !important; animation-name: flipOutY; } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-o-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { 0% { opacity:0; -webkit-transform:translateY(20px); } 100% { opacity:1; -webkit-transform:translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity:0; -moz-transform:translateY(20px); } 100% { opacity:1; -moz-transform:translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity:0; -o-transform:translateY(20px); } 100% { opacity:1; -o-transform:translateY(0); } } @keyframes fadeInUp { 0% { opacity:0; transform:translateY(20px); } 100% { opacity:1; transform:translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity:0; -webkit-transform:translateY(-20px); } 100% { opacity:1; -webkit-transform:translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity:0; -moz-transform:translateY(-20px); } 100% { opacity:1; -moz-transform:translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity:0; -o-transform:translateY(-20px); } 100% { opacity:1; -o-transform:translateY(0); } } @keyframes fadeInDown { 0% { opacity:0; transform:translateY(-20px); } 100% { opacity:1; transform:translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity:0; -webkit-transform:translateX(-20px); } 100% { opacity:1; -webkit-transform:translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity:0; -moz-transform:translateX(-20px); } 100% { opacity:1; -moz-transform:translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity:0; -o-transform:translateX(-20px); } 100% { opacity:1; -o-transform:translateX(0); } } @keyframes fadeInLeft { 0% { opacity:0; transform:translateX(-20px); } 100% { opacity:1; transform:translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity:0; -webkit-transform:translateX(20px); } 100% { opacity:1; -webkit-transform:translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity:0; -moz-transform:translateX(20px); } 100% { opacity:1; -moz-transform:translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity:0; -o-transform:translateX(20px); } 100% { opacity:1; -o-transform:translateX(0); } } @keyframes fadeInRight { 0% { opacity:0; transform:translateX(20px); } 100% { opacity:1; transform:translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUpBig { 0% { opacity:0; -webkit-transform:translateY(2000px); } 100% { opacity:1; -webkit-transform:translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity:0; -moz-transform:translateY(2000px); } 100% { opacity:1; -moz-transform:translateY(0); } } @-o-keyframes fadeInUpBig { 0% { opacity:0; -o-transform:translateY(2000px); } 100% { opacity:1; -o-transform:translateY(0); } } @keyframes fadeInUpBig { 0% { opacity:0; transform:translateY(2000px); } 100% { opacity:1; transform:translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInDownBig { 0% { opacity:0; -webkit-transform:translateY(-2000px); } 100% { opacity:1; -webkit-transform:translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity:0; -moz-transform:translateY(-2000px); } 100% { opacity:1; -moz-transform:translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity:0; -o-transform:translateY(-2000px); } 100% { opacity:1; -o-transform:translateY(0); } } @keyframes fadeInDownBig { 0% { opacity:0; transform:translateY(-2000px); } 100% { opacity:1; transform:translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeftBig { 0% { opacity:0; -webkit-transform:translateX(-2000px); } 100% { opacity:1; -webkit-transform:translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity:0; -moz-transform:translateX(-2000px); } 100% { opacity:1; -moz-transform:translateX(0); } } @-o-keyframes fadeInLeftBig { 0% { opacity:0; -o-transform:translateX(-2000px); } 100% { opacity:1; -o-transform:translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity:0; transform:translateX(-2000px); } 100% { opacity:1; transform:translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRightBig { 0% { opacity:0; -webkit-transform:translateX(2000px); } 100% { opacity:1; -webkit-transform:translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity:0; -moz-transform:translateX(2000px); } 100% { opacity:1; -moz-transform:translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity:0; -o-transform:translateX(2000px); } 100% { opacity:1; -o-transform:translateX(0); } } @keyframes fadeInRightBig { 0% { opacity:0; transform:translateX(2000px); } 100% { opacity:1; transform:translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-o-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutUp { 0% { opacity:1; -webkit-transform:translateY(0); } 100% { opacity:0; -webkit-transform:translateY(-20px); } } @-moz-keyframes fadeOutUp { 0% { opacity:1; -moz-transform:translateY(0); } 100% { opacity:0; -moz-transform:translateY(-20px); } } @-o-keyframes fadeOutUp { 0% { opacity:1; -o-transform:translateY(0); } 100% { opacity:0; -o-transform:translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity:1; transform:translateY(0); } 100% { opacity:0; transform:translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutDown { 0% { opacity:1; -webkit-transform:translateY(0); } 100% { opacity:0; -webkit-transform:translateY(20px); } } @-moz-keyframes fadeOutDown { 0% { opacity:1; -moz-transform:translateY(0); } 100% { opacity:0; -moz-transform:translateY(20px); } } @-o-keyframes fadeOutDown { 0% { opacity:1; -o-transform:translateY(0); } 100% { opacity:0; -o-transform:translateY(20px); } } @keyframes fadeOutDown { 0% { opacity:1; transform:translateY(0); } 100% { opacity:0; transform:translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutLeft { 0% { opacity:1; -webkit-transform:translateX(0); } 100% { opacity:0; -webkit-transform:translateX(-20px); } } @-moz-keyframes fadeOutLeft { 0% { opacity:1; -moz-transform:translateX(0); } 100% { opacity:0; -moz-transform:translateX(-20px); } } @-o-keyframes fadeOutLeft { 0% { opacity:1; -o-transform:translateX(0); } 100% { opacity:0; -o-transform:translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity:1; transform:translateX(0); } 100% { opacity:0; transform:translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutRight { 0% { opacity:1; -webkit-transform:translateX(0); } 100% { opacity:0; -webkit-transform:translateX(20px); } } @-moz-keyframes fadeOutRight { 0% { opacity:1; -moz-transform:translateX(0); } 100% { opacity:0; -moz-transform:translateX(20px); } } @-o-keyframes fadeOutRight { 0% { opacity:1; -o-transform:translateX(0); } 100% { opacity:0; -o-transform:translateX(20px); } } @keyframes fadeOutRight { 0% { opacity:1; transform:translateX(0); } 100% { opacity:0; transform:translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutUpBig { 0% { opacity:1; -webkit-transform:translateY(0); } 100% { opacity:0; -webkit-transform:translateY(-2000px); } } @-moz-keyframes fadeOutUpBig { 0% { opacity:1; -moz-transform:translateY(0); } 100% { opacity:0; -moz-transform:translateY(-2000px); } } @-o-keyframes fadeOutUpBig { 0% { opacity:1; -o-transform:translateY(0); } 100% { opacity:0; -o-transform:translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity:1; transform:translateY(0); } 100% { opacity:0; transform:translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; -o-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutDownBig { 0% { opacity:1; -webkit-transform:translateY(0); } 100% { opacity:0; -webkit-transform:translateY(2000px); } } @-moz-keyframes fadeOutDownBig { 0% { opacity:1; -moz-transform:translateY(0); } 100% { opacity:0; -moz-transform:translateY(2000px); } } @-o-keyframes fadeOutDownBig { 0% { opacity:1; -o-transform:translateY(0); } 100% { opacity:0; -o-transform:translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity:1; transform:translateY(0); } 100% { opacity:0; transform:translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; -o-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity:1; -webkit-transform:translateX(0); } 100% { opacity:0; -webkit-transform:translateX(-2000px); } } @-moz-keyframes fadeOutLeftBig { 0% { opacity:1; -moz-transform:translateX(0); } 100% { opacity:0; -moz-transform:translateX(-2000px); } } @-o-keyframes fadeOutLeftBig { 0% { opacity:1; -o-transform:translateX(0); } 100% { opacity:0; -o-transform:translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity:1; transform:translateX(0); } 100% { opacity:0; transform:translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; -o-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRightBig { 0% { opacity:1; -webkit-transform:translateX(0); } 100% { opacity:0; -webkit-transform:translateX(2000px); } } @-moz-keyframes fadeOutRightBig { 0% { opacity:1; -moz-transform:translateX(0); } 100% { opacity:0; -moz-transform:translateX(2000px); } } @-o-keyframes fadeOutRightBig { 0% { opacity:1; -o-transform:translateX(0); } 100% { opacity:0; -o-transform:translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity:1; transform:translateX(0); } 100% { opacity:0; transform:translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; -o-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes bounceIn { 0% { opacity:0; -webkit-transform:scale(.3); } 50% { opacity:1; -webkit-transform:scale(1.05); } 70% { -webkit-transform:scale(.9); } 100% { -webkit-transform:scale(1); } } @-moz-keyframes bounceIn { 0% { opacity:0; -moz-transform:scale(.3); } 50% { opacity:1; -moz-transform:scale(1.05); } 70% { -moz-transform:scale(.9); } 100% { -moz-transform:scale(1); } } @-o-keyframes bounceIn { 0% { opacity:0; -o-transform:scale(.3); } 50% { opacity:1; -o-transform:scale(1.05); } 70% { -o-transform:scale(.9); } 100% { -o-transform:scale(1); } } @keyframes bounceIn { 0% { opacity:0; transform:scale(.3); } 50% { opacity:1; transform:scale(1.05); } 70% { transform:scale(.9); } 100% { transform:scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInUp { 0% { opacity:0; -webkit-transform:translateY(2000px); } 60% { opacity:1; -webkit-transform:translateY(-30px); } 80% { -webkit-transform:translateY(10px); } 100% { -webkit-transform:translateY(0); } } @-moz-keyframes bounceInUp { 0% { opacity:0; -moz-transform:translateY(2000px); } 60% { opacity:1; -moz-transform:translateY(-30px); } 80% { -moz-transform:translateY(10px); } 100% { -moz-transform:translateY(0); } } @-o-keyframes bounceInUp { 0% { opacity:0; -o-transform:translateY(2000px); } 60% { opacity:1; -o-transform:translateY(-30px); } 80% { -o-transform:translateY(10px); } 100% { -o-transform:translateY(0); } } @keyframes bounceInUp { 0% { opacity:0; transform:translateY(2000px); } 60% { opacity:1; transform:translateY(-30px); } 80% { transform:translateY(10px); } 100% { transform:translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0% { opacity:0; -webkit-transform:translateY(-2000px); } 60% { opacity:1; -webkit-transform:translateY(30px); } 80% { -webkit-transform:translateY(-10px); } 100% { -webkit-transform:translateY(0); } } @-moz-keyframes bounceInDown { 0% { opacity:0; -moz-transform:translateY(-2000px); } 60% { opacity:1; -moz-transform:translateY(30px); } 80% { -moz-transform:translateY(-10px); } 100% { -moz-transform:translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity:0; -o-transform:translateY(-2000px); } 60% { opacity:1; -o-transform:translateY(30px); } 80% { -o-transform:translateY(-10px); } 100% { -o-transform:translateY(0); } } @keyframes bounceInDown { 0% { opacity:0; transform:translateY(-2000px); } 60% { opacity:1; transform:translateY(30px); } 80% { transform:translateY(-10px); } 100% { transform:translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity:0; -webkit-transform:translateX(-2000px); } 60% { opacity:1; -webkit-transform:translateX(30px); } 80% { -webkit-transform:translateX(-10px); } 100% { -webkit-transform:translateX(0); } } @-moz-keyframes bounceInLeft { 0% { opacity:0; -moz-transform:translateX(-2000px); } 60% { opacity:1; -moz-transform:translateX(30px); } 80% { -moz-transform:translateX(-10px); } 100% { -moz-transform:translateX(0); } } @-o-keyframes bounceInLeft { 0% { opacity:0; -o-transform:translateX(-2000px); } 60% { opacity:1; -o-transform:translateX(30px); } 80% { -o-transform:translateX(-10px); } 100% { -o-transform:translateX(0); } } @keyframes bounceInLeft { 0% { opacity:0; transform:translateX(-2000px); } 60% { opacity:1; transform:translateX(30px); } 80% { transform:translateX(-10px); } 100% { transform:translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity:0; -webkit-transform:translateX(2000px); } 60% { opacity:1; -webkit-transform:translateX(-30px); } 80% { -webkit-transform:translateX(10px); } 100% { -webkit-transform:translateX(0); } } @-moz-keyframes bounceInRight { 0% { opacity:0; -moz-transform:translateX(2000px); } 60% { opacity:1; -moz-transform:translateX(-30px); } 80% { -moz-transform:translateX(10px); } 100% { -moz-transform:translateX(0); } } @-o-keyframes bounceInRight { 0% { opacity:0; -o-transform:translateX(2000px); } 60% { opacity:1; -o-transform:translateX(-30px); } 80% { -o-transform:translateX(10px); } 100% { -o-transform:translateX(0); } } @keyframes bounceInRight { 0% { opacity:0; transform:translateX(2000px); } 60% { opacity:1; transform:translateX(-30px); } 80% { transform:translateX(10px); } 100% { transform:translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceOut { 0% { -webkit-transform:scale(1); } 25% { -webkit-transform:scale(.95); } 50% { opacity:1; -webkit-transform:scale(1.1); } 100% { opacity:0; -webkit-transform:scale(.3); } } @-moz-keyframes bounceOut { 0% { -moz-transform:scale(1); } 25% { -moz-transform:scale(.95); } 50% { opacity:1; -moz-transform:scale(1.1); } 100% { opacity:0; -moz-transform:scale(.3); } } @-o-keyframes bounceOut { 0% { -o-transform:scale(1); } 25% { -o-transform:scale(.95); } 50% { opacity:1; -o-transform:scale(1.1); } 100% { opacity:0; -o-transform:scale(.3); } } @keyframes bounceOut { 0% { transform:scale(1); } 25% { transform:scale(.95); } 50% { opacity:1; transform:scale(1.1); } 100% { opacity:0; transform:scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform:translateY(0); } 20% { opacity:1; -webkit-transform:translateY(20px); } 100% { opacity:0; -webkit-transform:translateY(-2000px); } } @-moz-keyframes bounceOutUp { 0% { -moz-transform:translateY(0); } 20% { opacity:1; -moz-transform:translateY(20px); } 100% { opacity:0; -moz-transform:translateY(-2000px); } } @-o-keyframes bounceOutUp { 0% { -o-transform:translateY(0); } 20% { opacity:1; -o-transform:translateY(20px); } 100% { opacity:0; -o-transform:translateY(-2000px); } } @keyframes bounceOutUp { 0% { transform:translateY(0); } 20% { opacity:1; transform:translateY(20px); } 100% { opacity:0; transform:translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform:translateY(0); } 20% { opacity:1; -webkit-transform:translateY(-20px); } 100% { opacity:0; -webkit-transform:translateY(2000px); } } @-moz-keyframes bounceOutDown { 0% { -moz-transform:translateY(0); } 20% { opacity:1; -moz-transform:translateY(-20px); } 100% { opacity:0; -moz-transform:translateY(2000px); } } @-o-keyframes bounceOutDown { 0% { -o-transform:translateY(0); } 20% { opacity:1; -o-transform:translateY(-20px); } 100% { opacity:0; -o-transform:translateY(2000px); } } @keyframes bounceOutDown { 0% { transform:translateY(0); } 20% { opacity:1; transform:translateY(-20px); } 100% { opacity:0; transform:translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -o-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform:translateX(0); } 20% { opacity:1; -webkit-transform:translateX(20px); } 100% { opacity:0; -webkit-transform:translateX(-2000px); } } @-moz-keyframes bounceOutLeft { 0% { -moz-transform:translateX(0); } 20% { opacity:1; -moz-transform:translateX(20px); } 100% { opacity:0; -moz-transform:translateX(-2000px); } } @-o-keyframes bounceOutLeft { 0% { -o-transform:translateX(0); } 20% { opacity:1; -o-transform:translateX(20px); } 100% { opacity:0; -o-transform:translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform:translateX(0); } 20% { opacity:1; transform:translateX(20px); } 100% { opacity:0; transform:translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform:translateX(0); } 20% { opacity:1; -webkit-transform:translateX(-20px); } 100% { opacity:0; -webkit-transform:translateX(2000px); } } @-moz-keyframes bounceOutRight { 0% { -moz-transform:translateX(0); } 20% { opacity:1; -moz-transform:translateX(-20px); } 100% { opacity:0; -moz-transform:translateX(2000px); } } @-o-keyframes bounceOutRight { 0% { -o-transform:translateX(0); } 20% { opacity:1; -o-transform:translateX(-20px); } 100% { opacity:0; -o-transform:translateX(2000px); } } @keyframes bounceOutRight { 0% { transform:translateX(0); } 20% { opacity:1; transform:translateX(-20px); } 100% { opacity:0; transform:translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -o-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin:center center; -webkit-transform:rotate(-200deg); opacity:0; } 100% { -webkit-transform-origin:center center; -webkit-transform:rotate(0); opacity:1; } } @-moz-keyframes rotateIn { 0% { -moz-transform-origin:center center; -moz-transform:rotate(-200deg); opacity:0; } 100% { -moz-transform-origin:center center; -moz-transform:rotate(0); opacity:1; } } @-o-keyframes rotateIn { 0% { -o-transform-origin:center center; -o-transform:rotate(-200deg); opacity:0; } 100% { -o-transform-origin:center center; -o-transform:rotate(0); opacity:1; } } @keyframes rotateIn { 0% { transform-origin:center center; transform:rotate(-200deg); opacity:0; } 100% { transform-origin:center center; transform:rotate(0); opacity:1; } } .rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin:left bottom; -webkit-transform:rotate(90deg); opacity:0; } 100% { -webkit-transform-origin:left bottom; -webkit-transform:rotate(0); opacity:1; } } @-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin:left bottom; -moz-transform:rotate(90deg); opacity:0; } 100% { -moz-transform-origin:left bottom; -moz-transform:rotate(0); opacity:1; } } @-o-keyframes rotateInUpLeft { 0% { -o-transform-origin:left bottom; -o-transform:rotate(90deg); opacity:0; } 100% { -o-transform-origin:left bottom; -o-transform:rotate(0); opacity:1; } } @keyframes rotateInUpLeft { 0% { transform-origin:left bottom; transform:rotate(90deg); opacity:0; } 100% { transform-origin:left bottom; transform:rotate(0); opacity:1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin:left bottom; -webkit-transform:rotate(-90deg); opacity:0; } 100% { -webkit-transform-origin:left bottom; -webkit-transform:rotate(0); opacity:1; } } @-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin:left bottom; -moz-transform:rotate(-90deg); opacity:0; } 100% { -moz-transform-origin:left bottom; -moz-transform:rotate(0); opacity:1; } } @-o-keyframes rotateInDownLeft { 0% { -o-transform-origin:left bottom; -o-transform:rotate(-90deg); opacity:0; } 100% { -o-transform-origin:left bottom; -o-transform:rotate(0); opacity:1; } } @keyframes rotateInDownLeft { 0% { transform-origin:left bottom; transform:rotate(-90deg); opacity:0; } 100% { transform-origin:left bottom; transform:rotate(0); opacity:1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin:right bottom; -webkit-transform:rotate(-90deg); opacity:0; } 100% { -webkit-transform-origin:right bottom; -webkit-transform:rotate(0); opacity:1; } } @-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin:right bottom; -moz-transform:rotate(-90deg); opacity:0; } 100% { -moz-transform-origin:right bottom; -moz-transform:rotate(0); opacity:1; } } @-o-keyframes rotateInUpRight { 0% { -o-transform-origin:right bottom; -o-transform:rotate(-90deg); opacity:0; } 100% { -o-transform-origin:right bottom; -o-transform:rotate(0); opacity:1; } } @keyframes rotateInUpRight { 0% { transform-origin:right bottom; transform:rotate(-90deg); opacity:0; } 100% { transform-origin:right bottom; transform:rotate(0); opacity:1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin:right bottom; -webkit-transform:rotate(90deg); opacity:0; } 100% { -webkit-transform-origin:right bottom; -webkit-transform:rotate(0); opacity:1; } } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin:right bottom; -moz-transform:rotate(90deg); opacity:0; } 100% { -moz-transform-origin:right bottom; -moz-transform:rotate(0); opacity:1; } } @-o-keyframes rotateInDownRight { 0% { -o-transform-origin:right bottom; -o-transform:rotate(90deg); opacity:0; } 100% { -o-transform-origin:right bottom; -o-transform:rotate(0); opacity:1; } } @keyframes rotateInDownRight { 0% { transform-origin:right bottom; transform:rotate(90deg); opacity:0; } 100% { transform-origin:right bottom; transform:rotate(0); opacity:1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin:center center; -webkit-transform:rotate(0); opacity:1; } 100% { -webkit-transform-origin:center center; -webkit-transform:rotate(200deg); opacity:0; } } @-moz-keyframes rotateOut { 0% { -moz-transform-origin:center center; -moz-transform:rotate(0); opacity:1; } 100% { -moz-transform-origin:center center; -moz-transform:rotate(200deg); opacity:0; } } @-o-keyframes rotateOut { 0% { -o-transform-origin:center center; -o-transform:rotate(0); opacity:1; } 100% { -o-transform-origin:center center; -o-transform:rotate(200deg); opacity:0; } } @keyframes rotateOut { 0% { transform-origin:center center; transform:rotate(0); opacity:1; } 100% { transform-origin:center center; transform:rotate(200deg); opacity:0; } } .rotateOut { -webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; -o-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin:left bottom; -webkit-transform:rotate(0); opacity:1; } 100% { -webkit-transform-origin:left bottom; -webkit-transform:rotate(-90deg); opacity:0; } } @-moz-keyframes rotateOutUpLeft { 0% { -moz-transform-origin:left bottom; -moz-transform:rotate(0); opacity:1; } 100% { -moz-transform-origin:left bottom; -moz-transform:rotate(-90deg); opacity:0; } } @-o-keyframes rotateOutUpLeft { 0% { -o-transform-origin:left bottom; -o-transform:rotate(0); opacity:1; } 100% { -o-transform-origin:left bottom; -o-transform:rotate(-90deg); opacity:0; } } @keyframes rotateOutUpLeft { 0% { transform-origin:left bottom; transform:rotate(0); opacity:1; } 100% { transform-origin:left bottom; transform:rotate(-90deg); opacity:0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; -o-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin:left bottom; -webkit-transform:rotate(0); opacity:1; } 100% { -webkit-transform-origin:left bottom; -webkit-transform:rotate(90deg); opacity:0; } } @-moz-keyframes rotateOutDownLeft { 0% { -moz-transform-origin:left bottom; -moz-transform:rotate(0); opacity:1; } 100% { -moz-transform-origin:left bottom; -moz-transform:rotate(90deg); opacity:0; } } @-o-keyframes rotateOutDownLeft { 0% { -o-transform-origin:left bottom; -o-transform:rotate(0); opacity:1; } 100% { -o-transform-origin:left bottom; -o-transform:rotate(90deg); opacity:0; } } @keyframes rotateOutDownLeft { 0% { transform-origin:left bottom; transform:rotate(0); opacity:1; } 100% { transform-origin:left bottom; transform:rotate(90deg); opacity:0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; -o-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin:right bottom; -webkit-transform:rotate(0); opacity:1; } 100% { -webkit-transform-origin:right bottom; -webkit-transform:rotate(90deg); opacity:0; } } @-moz-keyframes rotateOutUpRight { 0% { -moz-transform-origin:right bottom; -moz-transform:rotate(0); opacity:1; } 100% { -moz-transform-origin:right bottom; -moz-transform:rotate(90deg); opacity:0; } } @-o-keyframes rotateOutUpRight { 0% { -o-transform-origin:right bottom; -o-transform:rotate(0); opacity:1; } 100% { -o-transform-origin:right bottom; -o-transform:rotate(90deg); opacity:0; } } @keyframes rotateOutUpRight { 0% { transform-origin:right bottom; transform:rotate(0); opacity:1; } 100% { transform-origin:right bottom; transform:rotate(90deg); opacity:0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; -o-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin:right bottom; -webkit-transform:rotate(0); opacity:1; } 100% { -webkit-transform-origin:right bottom; -webkit-transform:rotate(-90deg); opacity:0; } } @-moz-keyframes rotateOutDownRight { 0% { -moz-transform-origin:right bottom; -moz-transform:rotate(0); opacity:1; } 100% { -moz-transform-origin:right bottom; -moz-transform:rotate(-90deg); opacity:0; } } @-o-keyframes rotateOutDownRight { 0% { -o-transform-origin:right bottom; -o-transform:rotate(0); opacity:1; } 100% { -o-transform-origin:right bottom; -o-transform:rotate(-90deg); opacity:0; } } @keyframes rotateOutDownRight { 0% { transform-origin:right bottom; transform:rotate(0); opacity:1; } 100% { transform-origin:right bottom; transform:rotate(-90deg); opacity:0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; -o-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes hinge { 0% { -webkit-transform:rotate(0); -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out; } 20%, 60% { -webkit-transform:rotate(80deg); -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out; } 40% { -webkit-transform:rotate(60deg); -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out; } 80% { -webkit-transform:rotate(60deg) translateY(0); opacity:1; -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out; } 100% { -webkit-transform:translateY(700px); opacity:0; } } @-moz-keyframes hinge { 0% { -moz-transform:rotate(0); -moz-transform-origin:top left; -moz-animation-timing-function:ease-in-out; } 20%, 60% { -moz-transform:rotate(80deg); -moz-transform-origin:top left; -moz-animation-timing-function:ease-in-out; } 40% { -moz-transform:rotate(60deg); -moz-transform-origin:top left; -moz-animation-timing-function:ease-in-out; } 80% { -moz-transform:rotate(60deg) translateY(0); opacity:1; -moz-transform-origin:top left; -moz-animation-timing-function:ease-in-out; } 100% { -moz-transform:translateY(700px); opacity:0; } } @-o-keyframes hinge { 0% { -o-transform:rotate(0); -o-transform-origin:top left; -o-animation-timing-function:ease-in-out; } 20%, 60% { -o-transform:rotate(80deg); -o-transform-origin:top left; -o-animation-timing-function:ease-in-out; } 40% { -o-transform:rotate(60deg); -o-transform-origin:top left; -o-animation-timing-function:ease-in-out; } 80% { -o-transform:rotate(60deg) translateY(0); opacity:1; -o-transform-origin:top left; -o-animation-timing-function:ease-in-out; } 100% { -o-transform:translateY(700px); opacity:0; } } @keyframes hinge { 0% { transform:rotate(0); transform-origin:top left; animation-timing-function:ease-in-out; } 20%, 60% { transform:rotate(80deg); transform-origin:top left; animation-timing-function:ease-in-out; } 40% { transform:rotate(60deg); transform-origin:top left; animation-timing-function:ease-in-out; } 80% { transform:rotate(60deg) translateY(0); opacity:1; transform-origin:top left; animation-timing-function:ease-in-out; } 100% { transform:translateY(700px); opacity:0; } } .hinge { -webkit-animation-name: hinge; -moz-animation-name: hinge; -o-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity:0; -webkit-transform:translateX(-100%) rotate(-120deg); } 100% { opacity:1; -webkit-transform:translateX(0px) rotate(0deg); } } @-moz-keyframes rollIn { 0% { opacity:0; -moz-transform:translateX(-100%) rotate(-120deg); } 100% { opacity:1; -moz-transform:translateX(0px) rotate(0deg); } } @-o-keyframes rollIn { 0% { opacity:0; -o-transform:translateX(-100%) rotate(-120deg); } 100% { opacity:1; -o-transform:translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity:0; transform:translateX(-100%) rotate(-120deg); } 100% { opacity:1; transform:translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity:1; -webkit-transform:translateX(0px) rotate(0deg); } 100% { opacity:0; -webkit-transform:translateX(100%) rotate(120deg); } } @-moz-keyframes rollOut { 0% { opacity:1; -moz-transform:translateX(0px) rotate(0deg); } 100% { opacity:0; -moz-transform:translateX(100%) rotate(120deg); } } @-o-keyframes rollOut { 0% { opacity:1; -o-transform:translateX(0px) rotate(0deg); } 100% { opacity:0; -o-transform:translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity:1; transform:translateX(0px) rotate(0deg); } 100% { opacity:0; transform:translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut; } /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform:translateX(100%) skewX(-30deg); opacity:0; } 60% { -webkit-transform:translateX(-20%) skewX(30deg); opacity:1; } 80% { -webkit-transform:translateX(0%) skewX(-15deg); opacity:1; } 100% { -webkit-transform:translateX(0%) skewX(0deg); opacity:1; } } @-moz-keyframes lightSpeedIn { 0% { -moz-transform:translateX(100%) skewX(-30deg); opacity:0; } 60% { -moz-transform:translateX(-20%) skewX(30deg); opacity:1; } 80% { -moz-transform:translateX(0%) skewX(-15deg); opacity:1; } 100% { -moz-transform:translateX(0%) skewX(0deg); opacity:1; } } @-o-keyframes lightSpeedIn { 0% { -o-transform:translateX(100%) skewX(-30deg); opacity:0; } 60% { -o-transform:translateX(-20%) skewX(30deg); opacity:1; } 80% { -o-transform:translateX(0%) skewX(-15deg); opacity:1; } 100% { -o-transform:translateX(0%) skewX(0deg); opacity:1; } } @keyframes lightSpeedIn { 0% { transform:translateX(100%) skewX(-30deg); opacity:0; } 60% { transform:translateX(-20%) skewX(30deg); opacity:1; } 80% { transform:translateX(0%) skewX(-15deg); opacity:1; } 100% { transform:translateX(0%) skewX(0deg); opacity:1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; -moz-animation-name: lightSpeedIn; -o-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } .animated.lightSpeedIn { -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; } /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform:translateX(0%) skewX(0deg); opacity:1; } 100% { -webkit-transform:translateX(100%) skewX(-30deg); opacity:0; } } @-moz-keyframes lightSpeedOut { 0% { -moz-transform:translateX(0%) skewX(0deg); opacity:1; } 100% { -moz-transform:translateX(100%) skewX(-30deg); opacity:0; } } @-o-keyframes lightSpeedOut { 0% { -o-transform:translateX(0%) skewX(0deg); opacity:1; } 100% { -o-transform:translateX(100%) skewX(-30deg); opacity:0; } } @keyframes lightSpeedOut { 0% { transform:translateX(0%) skewX(0deg); opacity:1; } 100% { transform:translateX(100%) skewX(-30deg); opacity:0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; -moz-animation-name: lightSpeedOut; -o-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } .animated.lightSpeedOut { -webkit-animation-duration: 0.25s; -moz-animation-duration: 0.25s; -o-animation-duration: 0.25s; animation-duration: 0.25s; } /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-webkit-keyframes wiggle { 0% { -webkit-transform:skewX(9deg); } 10% { -webkit-transform:skewX(-8deg); } 20% { -webkit-transform:skewX(7deg); } 30% { -webkit-transform:skewX(-6deg); } 40% { -webkit-transform:skewX(5deg); } 50% { -webkit-transform:skewX(-4deg); } 60% { -webkit-transform:skewX(3deg); } 70% { -webkit-transform:skewX(-2deg); } 80% { -webkit-transform:skewX(1deg); } 90% { -webkit-transform:skewX(0deg); } 100% { -webkit-transform:skewX(0deg); } } @-moz-keyframes wiggle { 0% { -moz-transform:skewX(9deg); } 10% { -moz-transform:skewX(-8deg); } 20% { -moz-transform:skewX(7deg); } 30% { -moz-transform:skewX(-6deg); } 40% { -moz-transform:skewX(5deg); } 50% { -moz-transform:skewX(-4deg); } 60% { -moz-transform:skewX(3deg); } 70% { -moz-transform:skewX(-2deg); } 80% { -moz-transform:skewX(1deg); } 90% { -moz-transform:skewX(0deg); } 100% { -moz-transform:skewX(0deg); } } @-o-keyframes wiggle { 0% { -o-transform:skewX(9deg); } 10% { -o-transform:skewX(-8deg); } 20% { -o-transform:skewX(7deg); } 30% { -o-transform:skewX(-6deg); } 40% { -o-transform:skewX(5deg); } 50% { -o-transform:skewX(-4deg); } 60% { -o-transform:skewX(3deg); } 70% { -o-transform:skewX(-2deg); } 80% { -o-transform:skewX(1deg); } 90% { -o-transform:skewX(0deg); } 100% { -o-transform:skewX(0deg); } } @keyframes wiggle { 0% { transform:skewX(9deg); } 10% { transform:skewX(-8deg); } 20% { transform:skewX(7deg); } 30% { transform:skewX(-6deg); } 40% { transform:skewX(5deg); } 50% { transform:skewX(-4deg); } 60% { transform:skewX(3deg); } 70% { transform:skewX(-2deg); } 80% { transform:skewX(1deg); } 90% { transform:skewX(0deg); } 100% { transform:skewX(0deg); } } .wiggle { -webkit-animation-name: wiggle; -moz-animation-name: wiggle; -o-animation-name: wiggle; animation-name: wiggle; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } .animated.wiggle { -webkit-animation-duration: 0.75s; -moz-animation-duration: 0.75s; -o-animation-duration: 0.75s; animation-duration: 0.75s; } /*****************************************************************/ /*Custom css*/ #main { overflow: hidden; } .block { display: table; width: 100%; padding-bottom: 35px; } p:empty { display: none; } .bx-wrapper .bx-next { right: 30px; } .bx-wrapper .bx-prev { left: 30px; } .vinyl-player-wrapper span { width: 100%; display: block !important; text-align: center; } .vinyl-player-wrapper span.vinyl-title { font-weight: 700; } #theband h3 { color: #fff; } .whiteheading h3 { color: #fff !important; } .seprator { width: 100%; display: block; clear: both; background: #ccc; height: 1px; margin-top: 35px; margin-bottom: 35px; } .archive.woocommerce #main > .container { background: #fff !important; } #content .wpb_wrapper > .post .caption { padding-top: 20px; } #content .wpb_wrapper > .post .category-list, #content .wpb_wrapper > .post .post-meta, #content .wpb_wrapper > .post .share-box span.likes, #content .wpb_wrapper > .post .share-box > span.views { display: none !important; } .blog #content .wpb_wrapper > .post .post-meta { display: block !important; } .blog #content .wpb_wrapper > .post .post-meta .category-g, .blog #content .wpb_wrapper > .post .post-meta .author-g { display: none !important } .bx-controls-direction { display: none; } .musicbox .titlebar { display: none; } .woocommerce-page .post-content .related { margin-left: 0 !important; } .xc-social-container a.facebook.share, .xc-social-container .xc-twitter-button, .xc-social-container .xc-twitter-button { color: #fff !important; } .xc-linkedin-container .xc-linkedin-content textarea, .xc-tweet-container .xc-tweet-content textarea { height: 200px; } .gift-certificate-show-form p { display: none; } #content textarea { padding: 12px 30px; } .bx-wrapper:hover .bx-controls-direction { display: block; } .tax-product_brand ul.products li.product { clear: none; } .tax-product_cat .products li.product { clear: none !important; } .archive.woocommerce #main { margin-top: 40px !important; padding-top: 115px !important; } #sidebar input[type="checkbox"] { display: inline-block !important; width: 15px !important; vertical-align: middle !important; position: relative; top: -1px; } #top-menu .logo { padding-left: 34px; } .oos-message { display: none; } .wew-email-to-notify { margin-right: 10px; } #order_review .alignright a img { margin-top: 5%; max-width: 100% !important; } .woocommerce-info .wc-social-login-link-account .button-social-login { background: #fff; text-shadow: none; } .widget-area .wc-social-login a { color: #fff !important; } .twi-details { cursor: pointer; } .twi_cart a { display: block !important; } /*.twi-grid .twi-out {display:none;}*/ .logo > a > img { max-height: 50px; width: inherit; } .post-content, .page-content { word-wrap: normal; } .page-id-106 .cart .product-quantity .quantity { margin: 0 auto; } .page-id-106 .cart .product-quantity { text-align: center; } #post-108 .edit-account legend { padding-top: 20px; } .payment_method_paypal img, .payment_method_paypal .about_paypal { display: none; } .single-post #main > .container { margin-top: 40px; } .bx-wrapper .bx-caption span { color: #fff; font-family: Oswald; font-size: 140%; padding: 2%; padding-left: 3%; } .woof_products_top_panel li span::before { content: "\e4b4"; font-family: "ozythemes"; float: right; } .woof_products_top_panel li span { background: none; } .page-id-2208 #main .container { padding-top: 0px; } .woocommerce-checkout .woocommerce-shipping-fields h2 {font-size: 16px !important;} .ninja-forms-required-items { display: none; } #content .product h3 { font-size: 14px; } #to-top-button > svg { right: 0; left: 0; text-align: center; } .home .title-with-icon-wrapper > .title-with-icon { margin: 0 auto; } .home #content h3 { padding-bottom: 10px; } .home #content .title-with-icon a { color: #fff; } body .vinyl-player-cover { height: 300px; width: 300px; } body .vinyl-player-container { height: 300px; width: 300px; } body .vinyl-player-cover a .vinyl-player-pause-button { top: 316px; } body .vinyl-player-cover a.vinyl-player-play .vinyl-player-play-button { top: 120px; left: 20%; } body .vinyl-player-wrapper > span.vinyl-artist { line-height: 110%; font-size: 125%; } #content .vinyl-player-wrapper h5 { font-size: 22px; } #content .vinyl-player-wrapper h5 a { color: rgb(96,164,204); } body .vinyl-player-cover a.vinyl-player-pause .vinyl-player-pause-button { top: 116px; left: 45%; } .twi-woo-slider .twi_pro_title a { font-weight: 900 !important; } .bx-wrapper { margin: 0 auto; } #sb_instagram .sbi_link .sbi_lightbox_link { color: rgba(231,211,176,1); } #sb_instagram .sbi_link .sbi_username a, #sb_instagram .sbi_date { display: none; } .page #content .twi_pro_title { font-size: 12px; line-height: 1.7em; } input:not([type="submit"]):not([type="file"]), select, textarea { border: 1px solid; } .woocommerce-message { background: #3d3d3d !important; border: 1px solid #3d3d3d !important; } body.page-template-page-isotope-blog .post .featured-thumbnail > img { filter: none; -webkit-filter: none; } body.woocommerce-page.tax-product_brand #page-title-wrapper { margin: 25% auto 0; } .banner_image { top: 2px !important; padding: 0px !important; } #main, .main-bg-color { background-color: transparent !important; } .ozy-page-model-no-sidebar.ozy-page-model-full.home #main > .main-wrapper > .container { padding: 0px !important; width: 100% !important; } .ozy-page-model-no-sidebar.ozy-page-model-full.home #content.no-vc { max-width: 100%; padding: 0; } .bx-viewport { left: 0px !important; } #homeSlider .bx-pager { display: none; } #homeSlider p { padding: 0px; } .ozy-page-model-no-sidebar.ozy-page-model-full:not(.woocommerce-page) #main > .container, .ozy-page-model-no-sidebar.ozy-page-model-full:not(.home) #main > .container { background: rgba(255,255,255,1); max-width: 100%; } .no-page-title #main > .container { margin-top: 40px; } body.page-id-2208.no-page-title #main > .container { padding-top: 0px !important; } .home #main > .container { max-width: 100% !important; margin-top: 0px !important; } .ozy-page-model-full #page-title-wrapper { max-width: 100% !important; margin: 40px auto 0px; margin-bottom: 30px; } .page-content .brand-thumbnails { padding-left: 0% !important; padding-right: 0% !important; line-height: 1px; } .page-content .brand-thumbnails li { width: 33.33% !important; padding-left: 1% !important; padding-right: 1% !important; margin-left: 0px !important; margin-right: 0px !important; margin-bottom: 20px !important; min-height: 200px; line-height: 1px; } .page-content .brand-thumbnails li { display: block; } .page-content .brand-thumbnails li img { display: block; } .single-product #content { width: 100% !important; margin-left: 0px !important; } #content.left-sidebar { float: right !important; } li.menu-item-side-menu .menu span { display: none !important; } li.menu-item-side-menu .menu { position: relative; top: -12px !important; } li.menu-item-side-menu .menu::before { font-family: "ozythemes"; content: "\e3e3"; font-size: 23px; position: absolute; top:0px !important; left: 33px; font-weight: normal; font-variant: normal; font-style: normal; text-transform: normal; -moz-animation: grayscale; -moz-osx-font-smoothing: grayscale; } .sidrclose { display: block; width: 100%; padding: 5px 10px; font-size: 18px; text-decoration: none !important; text-align: right; } .brand-thumbnails li h2 { font-size: 22px !important; text-align: center; } #top-menu .logo { padding-top: 14px; padding-left: 23px; float: left; position: relative; } @media screen and (max-width: 1300px) { .banner_image { padding: 0px !important; top: 0px !important; } body.woocommerce-page.tax-product_brand #page-title-wrapper { margin: 50% auto 0; } } @media screen and (max-width: 1285px) { #top-menu .logo { padding-top: 14px; padding-left: 23px; } .logo > a > img { max-height: 41px; } } @media screen and (max-width: 1280px) { #top-menu .logo { padding-left: 0px !important; left: 0 !important; position: absolute; } #main { width: 100%; overflow: visible; } #top-menu #menu-primary-menu { padding-left: 0px !important; display: none; } #top-menu .menu-button::before { background-color: #fff !important; border-color: #fff !important; content: "menu"; width: 40px; height: 40px; top: -10px; } #top-menu .menu-button::after { background-color: none !important; } #top-menu .menu-button::before, #top-menu .menu-button.menu-opened::after { background: rgba(22, 19, 13, 1) !important; } #top-menu .menu-button::after { background-color: rgba(22, 19, 13, 1) !important; border-color: rgba(22, 19, 13, 1) !important; right: 0px !important; } #top-menu .logo > a > img { margin-left: auto; margin-right: auto; display: inline-block; } #top-menu .logo { padding-top: 0px; } nav#top-menu > .right-part { display: inline-block !important; float: left !important; padding-left: 12px !important; padding-right: 12px !important; z-index: 9999 !important; } nav#top-menu .right-part > div { display: none !important; } nav#top-menu .right-part > ul > li { width: auto; padding-right: 15px; border-color: #fff; } nav#top-menu .right-part > ul > li.separator { display: none !important; } nav#top-menu .right-part > ul > li.menu-item-search { display: none !important; } nav#top-menu .right-part > ul > li a { color: #fff !important; } nav#top-menu .right-part > ul > li, nav#top-menu .right-part > ul > li a:hover { background: rgba(22, 19, 13, 1) !important; border-color: rgba(22, 19, 13, 1) !important; color: #fff !important; } } @media screen and (max-width: 1024px) { #homeSlider { left: 0px !important; } .woocommerce-page .products { margin-left: 0px; } .woocommerce-page #content { padding-left: 20px; padding-right: 0px; } #sidebar .woof_container { position: absolute; position: absolute; width: 300px; left: 50%; top: 0px; z-index: 9999999; margin-left: -150px; display: none; } #sidebar .woof_container .woof_container_inner { position: relative; z-index: 99999999; margin-top: 60px; background: rgba(22, 19, 13, 1) !important; padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; } #sidebar .woof_container .woof_container_inner h4 { display: none !important; } #sidebar .woof_container:before { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.60); z-index: 99; top: 0; left: 0; content: ""; } #sidebar .woof_container.active { display: block; } .woocommerce-page #page-title-wrapper { display: none; } } @media screen and (max-width: 768px) { .banner_image { top: 72px !important } #homeSlider .col-sm-6 {padding-bottom:10px;} .page-content .brand-thumbnails li { width: 50% !important; min-height: auto; } } @media screen and (max-width: 767px) { .page-content .brand-thumbnails li { width: 100% !important; min-height: auto; } .mc4wp-form-fields input[type=submit] { margin-top: 10%; } .home #post-589 .title-with-icon > a > span.xlarge, #post-2208 .title-with-icon > span.xlarge { display: none !important; } body.page-template-page-isotope-blog .post .featured-thumbnail > img { width: 100% !important; height: auto !important; } } @media screen and (max-width: 499px) { /*#top-menu .menu-button::before { background-color: #000 !important; border-color: #000 !important; content: ""; width: 20px; height: 2px; top: 16px; } #top-menu .menu-button::after { background-color: #fff !important; border-color: #000 !important; right: 20px !important; }*/ .ozy-popup-lightbox-center { width: 96%; margin-left: 2% !important; margin-right: 2% !important; left: 0% !important; } .ozy-popup-lightbox-center p.buttons { width: 85%; } .ozy-popup-lightbox-center p.buttons a { text-transform: uppercase; color: #000; } .woocommerce-cart .wc-proceed-to-checkout { width: 100%; } .bx-wrapper .bx-viewport { left: 0 !important; } ul.twi-grid, ul.twi-grid li { padding-left: 0px !important; } .wp-image-46 { width: 80%; } body.woocommerce-page.tax-product_brand #page-title-wrapper { margin-top: 20% !important; } } #main.custom-header { padding-top: 0px; } #main.custom-header #page-title-wrapper { margin-top: 0px; overflow: hidden; } .next-show { background: rgba(9,6,0,.80); padding-top: 21px !important; padding-bottom: 21px !important; } .next-show h3 { text-align: center; font-size: 20px !important; color: #e7d3b0 !important; font-weight: bold !important; padding-top: 10px !important; } .next-show table { border-bottom: none !important; text-align: center; } .next-show td { display: block; width: 100% !important; border-bottom: none !important; text-align: center; } .next-show .venue a, .next-show .lineup a, .upcoming-items .venue a, .upcoming-items .lineup a { font-size: 20px !important; color: #b83413 !important; text-transform: uppercase !important; font-weight: bold !important; line-height: 25px !important; } .next-show .lineup+.bit-event-data { font-size: 16px !important; margin-top: 10px !important; margin-bottom: 10px !important; display: block !important; text-align: center !important; color: #e7d3b0 !important; } .next-show .location { margin-bottom: 10px !important; } .next-show .bit-artist-event-link, .upcoming-items .bit-artist-event-link { display: inline-block !important; padding: 6px 30px !important; color: #c69e4e !important; text-align: center !important; border: dashed 2px #c69e4e !important; margin: 0 5px !important; text-transform: uppercase !important; font-size: 12px !important; } .next-show .bit-buy-tix, .upcoming-items .bit-buy-tix { display: inline-block !important; padding: 8px 12px !important; color: #fff !important; text-align: center !important; margin: 0 5px !important; text-transform: uppercase !important; background: #02254d !important; font-size: 12px !important; } #bit-events td .bit-uiButton { padding: 10px 20px !important; height: 34px !important; } .upcoming-items .bit-artist-event-link, .upcoming-items .bit-buy-tix { float: right !important; position: absolute; top: 10px; right: 0; } .upcoming-items .bit-artist-event-link { right: 80px; } .bit-concert { position: relative !important; } .upcoming-items td { vertical-align: text-top !important; } .upcoming-items .bit-date a { font-weight: bold !important; text-align: center !important; text-transform: uppercase !important; display: block !important; color: #e7d3b0 !important; } .next-show .location a, .upcoming-items .location a { color: #e7d3b0 !important; } .upcoming-tours { padding-top: 20px !important; } #bit-events .upcoming-items .venue, #bit-events .upcoming-items .location, #bit-events .upcoming-items .lineup { padding-right: 170px !important; } .ozy-popup-lightbox-center h3 { font-weight: 900; text-shadow: none; } .upcoming-tours .bit-widget-container .bit-concert .location a { display: block !important; padding-top: 5px !important; font-weight: normal !important; padding-bottom: 5px !important; } .upcoming-tours .bit-widget-container .next-show .bit-concert .location a { text-align: center !important; } #showtimer { text-align: center !important; color: #e7d3b0 !important; } .single-release #content { width: 100% !important; background: none !important; padding-top: 20px !important; } .single-release .musicbox .tracks { background: none !important } .home .row { padding-left: 30px !important; padding-right: 30px !important; } .head-social { float: right; } .head-social a:hover, .head-social a:focus, .head-social a:active { text-decoration: none; } .head-social i { color: #fff; font-size: 24px; } #top-menu, #top-menu .logo, #top-menu > ul, #top-menu > ul > li, #top-menu > ul > li > a, #top-menu > ul > li > a::before, #top-menu > ul > li > a::after, #top-menu > ul > li > .submenu-button { text-transform: uppercase; } #strm_liner .strm_player { background: rgba(22,19,13,1) !important; } #strm_liner.veryThin .blPlayer { width: 50%; } #strm_liner .playlist { width: 50%; } .foot-social { position: fixed; z-index: 99999999; background: rgba(22,19,13,1); right: 0; bottom: 0; padding: 2px 10px 2px; } .foot-social i { color: #fff; font-size: 19px; top: 3px; position: relative; } .yikes-easy-mc-success-message, .yikes-easy-mc-error-message { color: #fff; font-size: 16px; } .foot-social a:hover, .foot-social a:active, .foot-social a:focus { text-decoration: none; ; } .foot-social .yikes-mailchimp-container { display: inline-block; padding-left: 10px; } .foot-social form { margin-bottom: 0px; } .foot-social .edit-link { display: none; } .foot-social .yikes-easy-mc-submit-button { padding-top: 2px; padding-bottom: 2px; background: #51523f; border-radius: 0; border: 0; color: #000 !important; top: -2px; position: relative; background: -moz-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(193,49,61,1)), color-stop(79%, rgba(213,179,131,1)), color-stop(100%, rgba(213,179,131,1))) !important; background: -webkit-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; background: -o-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; background: -ms-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; background: linear-gradient(to bottom, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1313d', endColorstr='#d5b383', GradientType=0 ); border: 1px solid #c23941 !important; font-family: "Open Sans"; font-weight: 900; color: #fff !important; } .foot-social .yikes-easy-mc-email { padding-top: 0px !important; padding-bottom: 0px !important; } @media screen and (max-width:1300px) { #top-menu #menu-primary-menu { padding-left: 20px; } } @media screen and (max-width:1280px) { .head-social { float: left; top: 4px; position: relative; left: 20px; } .archive.woocommerce #main { padding-top:0px !important; } #sidebar { width:30% !important; } #content.left-sidebar { width:70% !important; padding-right:20px !important; } } @media screen and (max-width:1280px) { #content.left-sidebar { width:100% !important; padding-right:20px !important; } #sidebar { width:100% !important; } } @media screen and (max-width:550px) { .head-social { width: 100%; text-align: center; height: 0; } .upcoming-items table td { width: 100% !important; display: block; text-align: center; } #bit-events .upcoming-items td.bit-rsvp { width: 100% !important; text-align: center; } #bit-events .upcoming-items .venue, #bit-events .upcoming-items .location, #bit-events .upcoming-items .lineup { padding-right: 0px !important; } .upcoming-items .bit-artist-event-link, .upcoming-items .bit-buy-tix { float: none !important; position: relative; right: 0px; top: 4px; } #bit-events .upcoming-items .bit-concert { border-bottom: 0; } .upcoming-items .bit-artist-event-link { right: 0px; } .upcoming-tours .bit-widget-container .bit-concert .location a { text-align: center !important; } } .page-id-41405 .bbit-shortcode-dark-transparent { background: none !important; } .page-id-41405 #bit-events { clear: both; } .page-id-41405 table.bit-events tr:nth-child(2) { display: none !important; } /*#bit-events table a {color:rgba(154, 180, 255, 1) !important;}*/ .page-id-41405 tr.bit-header { display: none; } .page-id-41405 table.bit-events .bit-bottom { display: none; } .page-id-41405 #bit-events a.bit-track-artist-header .bit-invert { display: none; } .page-id-41405 .bit-widget-container table tbody tr { color: white !important; /*background: rgba(153,89,88,.6)!important;*/ background: rgba(21, 34, 53, .5); background: rgba(57, 58, 49, 0.48); background: url('images/bg-green.jpg') repeat; -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.07); -moz-box-shadow: 6px 3px 5px 0px rgba(0,0,0,0.07); -webkit-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.07); -moz-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.07); box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.07) !important; border-top: 1px #c23941 solid !important; border-bottom: 1px #c23941 solid !important; } .page-id-41405 .bit-widget-container table tbody tr td { vertical-align: middle !important; border-bottom: none !important; } .page-id-41405 table.bit-events { font-family: 'Futura', sans-serif; -webkit-font-smoothing: antialiased; background-color: transparent; /*border: 0 !important;*/ width: 100% !important; margin-top: 1%; color: white !important; } .page-id-41405 .bit-logo { display: none !important; } .page-id-41405 #bit-events a.bit-track-artist-header { display: none !important; } .page-id-41405 #bit-events .bit-bottom a { border: none !important; } .page-id-41405 #bit-events[data-bit-widget-id='1392917974746'] .bit-events td { /*border-top: none !important;*/ } .page-id-41405 table.bit-events .bit-bottom { display: none; } .page-id-41405 th.bit-description-links, .page-id-41405 th.bit-date, .page-id-41405 th.bit-venue, .page-id-41405 th.bit-location, .page-id-41405 th.bit-tickets { display: none !important; } .page-id-41405 table.bit-events tr { width: 100% !important; background: rgba(255, 98, 141, 0.6); color: white !important; font-style: normal !important; /*border: 0 !important;*/ margin: 1em auto; display: block; text-transform: uppercase !important; overflow: hidden !important; clear: both !important; *zoom:1; max-width: 100%; _width: 100%; padding-left: 1em; padding-right: 1em; margin-left: auto; margin-right: auto; padding-left: 0%; padding-bottom: 60; padding-right: 0%; margin-bottom: 35px; } .page-id-41405 table.bit-events tr:after { content: ""; display: table; clear: both; } .page-id-41405 table.bit-events tr.no-dates td { font-size: 11px !important; font-style: normal !important; color: #f8f8f8 !important; } .page-id-41405 table.bit-events tr.no-dates td a { font-style: normal !important; color: #f8f8f8 !important; } .page-id-41405 table.bit-events tr.bit-header { display: none; } .page-id-41405 table.bit-events tr td { display: inline; float: left; height: 100px; padding-top: 15px; padding-bottom: 15px; padding-left: 15px !important; padding-right: 15px !important; } .page-id-41405 table.bit-events td a { color: white !important; vertical-align: middle !important; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .page-id-41405 table.bit-events tr td a:hover { color: white !important; text-decoration: line-through; } .page-id-41405 table.bit-events tr .bit-description-links { display: none; } .page-id-41405 table.bit-events td.bit-date { width: 11.86441%; float: left; margin-right: 1.69492%; display: inline; font-family: 'Futura', sans-serif !important; -webkit-font-smoothing: antialiased; font-size: 24px !important; text-transform: uppercase; font-style: normal !important; color: rgba(154, 180, 255, 1)!important; background: #bc313c; background: rgba(193,49,61,1); background: -moz-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(193,49,61,1)), color-stop(79%, rgba(213,179,131,1)), color-stop(100%, rgba(213,179,131,1))); background: -webkit-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%); background: -o-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%); background: -ms-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%); background: linear-gradient(to bottom, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1313d', endColorstr='#d5b383', GradientType=0 ); text-align: center !important; text-transform: uppercase; word-spacing: 80px !important; border-top: none !important; line-height: 1.75em; height: 100%; padding: 1%; } .page-id-41405 table.bit-events td.bit-date a { color: white !important; text-align: center !important; } .page-id-41405 table.bit-events td.bit-date:first-line { text-align: center; } .page-id-41405 table.bit-events td.bit-artist-event-link { border-top: 0px !important; margin-right: 40px !important; } .page-id-41405 table.bit-events td.bit-venue, .page-id-41405 table.bit-events td.bit-location, .page-id-41405 table.bit-events td.bit-tickets, .page-id-41405 table.bit-events td.bit-rsvp, .page-id-41405 table.bit-events td.bit-artist-event-link { line-height: 1.7em; padding-top: 2.5em !important; vertical-align: middle; height: 100px !important; } .page-id-41405 table.bit-events td.bit-location { padding-top: 2.25em !important; max-width: 100px; } .page-id-41405 table.bit-events td.bit-venue { width: 33.28814%; float: left; margin-right: 1.69492%; display: inline; border-top: none !important; color: #f8f8f8!important; } .page-id-41405 table.bit-events td.bit-venue a { font-size: 18px !important; color: #f8f8f8 !important; font-weight: normal !important; } .page-id-41405 table.bit-events td.bit-location { width: 13.72881%; float: left; margin-right: 7.69492%; display: inline; border-top: none !important; color: #f8f8f8!important; } .page-id-41405 table.bit-events td.bit-location a { font-size: 1em !important; font-weight: normal !important; } .page-id-41405 table.bit-events td.bit-tickets, .page-id-41405 table.bit-events td.bit-rsvp { text-align: center !important; border-top: none !important; } .page-id-41405 table.bit-events td.bit-tickets { width: 6.77966%; float: left; margin-right: 1.69492%; display: inline; } .page-id-41405 table.bit-events td.bit-tickets a { display: inline-block; font-size: 18px; color: #f8f8f8 !important; } .page-id-41405 table.bit-events td.bit-tickets a:hover { text-decoration: underline; } .page-id-41405 table.bit-events td.bit-rsvp { width: 14.86441% !important; float: right; margin-right: 0; * margin-left: -1em; display: inline; } .page-id-41405 table.bit-events td.bit-rsvp label { display: inline-block; width: auto !important; /* margin: -7px auto 0 !important; */ vertical-align: middle; background: #f8f8f8!important; border: none !important; color: white !important; height: 30px !important; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .page-id-41405 table.bit-events td.bit-rsvp label:hover { background: white !important; } .page-id-41405 table.bit-events td.bit-rsvp a { display: inline-block !important; color: black !important; font-weight: normal !important; padding: 0px 0.5em; width: auto !important; text-align: center !important; white-space: wrap !important; } .page-id-41405 table.bit-events td.bit-rsvp a:hover { color: black !important; } .foot-social .yikes-easy-mc-success-message, .foot-social .yikes-easy-mc-error-message { position: absolute; padding: 5px; top: -40px; background: rgba(22, 19, 13, 1); } #subscribe-footer-2 { text-align: center; } /**************************************************************/ .bt-upcoming-tours .bt-event-item { color: white !important; /*background: rgba(153,89,88,.6)!important;*/ background: rgba(21, 34, 53, .5); background: rgba(57, 58, 49, 0.48); background: url('images/bg-green.jpg') repeat; -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.07); -moz-box-shadow: 6px 3px 5px 0px rgba(0,0,0,0.07); -webkit-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.07); -moz-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.07); box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.07) !important; border-top: 1px #c23941 solid !important; border-bottom: 1px #c23941 solid !important; display: table; width: 100%; margin-bottom: 35px; margin-top: 1em; } .bt-upcoming-tours .bt-event-item .bt-event-date { width: 11.86441%; float: left; margin-right: 1.69492%; display: inline; font-family: 'Futura', sans-serif !important; -webkit-font-smoothing: antialiased; font-size: 24px !important; text-transform: uppercase; font-style: normal !important; color: #fff !important; background: #bc313c; background: rgba(193,49,61,1); background: -moz-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(193,49,61,1)), color-stop(79%, rgba(213,179,131,1)), color-stop(100%, rgba(213,179,131,1))); background: -webkit-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%); background: -o-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%); background: -ms-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%); background: linear-gradient(to bottom, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1313d', endColorstr='#d5b383', GradientType=0 ); text-align: center !important; text-transform: uppercase; word-spacing: 80px !important; border-top: none !important; line-height: 1.75em; height: 100%; padding: 1%; font-weight: bold; } .bt-upcoming-tours .bt-event-item .bt-event-date a { color: white !important; text-align: center !important; } .bt-upcoming-tours .bt-event-item .bt-venue { width: 30.28814%; float: left; display: inline; border-top: none !important; color: #fff !important; font-size: 18px; font-weight: normal; text-transform: uppercase; padding: 1.5em 6px 6px; } .bt-upcoming-tours .bt-event-item .bt-location { width: 18.28814%; float: left; display: inline; border-top: none !important; color: #fff !important; font-size: 1em; font-weight: normal; padding: 1.5em 6px 6px; } .bt-upcoming-tours .bt-event-item .bt-vip-tickets { width: 15.28814%; float: left; display: inline; border-top: none !important; color: #fff !important; font-size: 1em; font-weight: normal; padding: 1.5em 6px 6px; text-align: center; } .bt-upcoming-tours .bt-event-item .bt-vip-tickets a { font-size: 18px; color: #fff !important; font-weight: bold; } .bt-upcoming-tours .bt-event-item .bt-tickets { width: 11.28814%; float: left; display: inline; border-top: none !important; color: #fff !important; font-size: 1em; font-weight: normal; padding: 1.5em 6px 6px; text-align: center; } .bt-upcoming-tours .bt-event-item .bt-tickets a { font-size: 18px; color: #fff !important; font-weight: bold; } .bt-upcoming-tours .bt-event-item .bt-rsvp { width: 11.28814%; float: right; display: inline; border-top: none !important; color: #fff !important; font-size: 1em; font-weight: normal; padding: 1.5em 6px 6px; text-align: center; } .bt-upcoming-tours .bt-event-item .bt-rsvp a { display: inline-block; background: #fff; color: #000 !important; font-size: 11px; padding: 10px 20px; } .next-show .bt-event-item .bt-venue { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 700; line-height: 25px; text-transform: uppercase; color: #b83413 !important; margin-bottom: 10px; display: block; text-align: center; } .next-show .bt-event-item .bt-event-date { display: block; text-align: center; margin-bottom: 10px; font-size: 13px; } .next-show .bt-event-item .bt-location { display: block; text-align: center; margin-bottom: 10px; font-size: 1.4em; } .next-show .bt-action { display: block; width: 100%; text-align: center; } .next-show .bt-event-item .bt-tickets { display: inline-block; text-align: center; margin-bottom: 10px; padding-left: 2px; padding-right: 2px; } .next-show .bt-event-item .bt-tickets a { background: #02254d !important; color: #fff !important; font-size: 12px; text-transform: uppercase; padding: 8px 8px; display: inline-block; } .next-show .bt-event-item .bt-vip-tickets { display: inline-block; text-align: center; margin-bottom: 10px; padding-right: 2px; padding-left: 2px; } .next-show .bt-event-item .bt-vip-tickets a { display: inline-block !important; padding: 6px 8px !important; color: #c69e4e !important; text-align: center !important; border: dashed 2px #c69e4e !important; text-transform: uppercase !important; font-size: 12px !important; min-width: 60px; } .next-show .bt-event-item .bt-rsvp { display: block; text-align: center; } .next-show .bt-event-item .bt-rsvp a { background: #fff !important; color: #000 !important; font-size: 12px; text-transform: uppercase; padding: 8px 15px; display: inline-block; font-weight: bold; } .next-show .bt-event-item #showtimer { margin-bottom: 10px; } .bt-upcoming-tours-home .upcoming-items .bt-event-item { display: table; width: 100%; border-bottom: solid 1px #e7d3b0; } .bt-upcoming-tours-home .upcoming-items .bt-event-item .bt-event-date { display: inline-block; width: 6%; padding: 5px; text-align: center; vertical-align: middle; } .bt-upcoming-tours-home .upcoming-items .bt-event-item .bt-content { display: inline-block; padding: 10px; width: 60%; vertical-align: middle; } .bt-upcoming-tours-home .upcoming-items .bt-event-item .bt-content .bt-venue { display: block; color: #b83413 !important; font-size: 20px !important; font-weight: bold !important; line-height: 25px !important; text-transform: uppercase !important; } .bt-upcoming-tours-home .upcoming-items .bt-event-item .bt-content .bt-location { font-size: 18px; } .upcoming-items .bt-event-item .bt-actions { display: inline-block; vertical-align: middle; float: right; padding-top: 15px; } .bt-upcoming-tours-home .upcoming-items .bt-event-item .bt-tickets, .bt-upcoming-tours-home .upcoming-items .bt-event-item .bt-rsvp, .bt-upcoming-tours-home .upcoming-items .bt-event-item .bt-vip-tickets { padding: 5px; } .bt-upcoming-tours-home .upcoming-items .bt-event-item .bt-vip-tickets a { display: inline-block !important; padding: 6px 8px !important; color: #c69e4e !important; text-align: center !important; border: dashed 2px #c69e4e !important; text-transform: uppercase !important; font-size: 12px !important; min-width: 60px; } .bt-upcoming-tours-home .upcoming-items .bt-event-item .bt-tickets a { background: #02254d !important; color: #fff !important; font-size: 12px; text-transform: uppercase; padding: 8px 8px; display: inline-block; } .bt-upcoming-tours-home .upcoming-items .bt-event-item .bt-rsvp a { background: #fff !important; color: #000 !important; font-size: 12px; text-transform: uppercase; padding: 8px 15px; display: inline-block; font-weight: bold; } .banner-thumb img { box-shadow: 2px 3px 4px rgba(0, 0, 0, .5); } #blog-slider-home .ozy-owlcarousel .item { height: 220px; } .foot-social input[type="email"] { border-left: 0px !important; border-right: 0px !important; } .foot-social button[type="submit"], .woocommerce-page .button, body.woocommerce-page input[type="button"], body.woocommerce-page input[type="submit"], body.woocommerce-page button[type="submit"] { -moz-border-bottom-colors: none !important; -moz-border-left-colors: none !important; -moz-border-right-colors: none !important; -moz-border-top-colors: none !important; background-attachment: scroll !important; background-clip: border-box !important; background: rgba(231,211,176,1) !important; background-image: transparent; background-origin: padding-box !important; background-position-x: 0 !important; background-position-y: 0 !important; background-repeat: repeat !important; background-size: auto auto !important; border-bottom-color: #c23941 !important; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom-style: solid !important; border-bottom-width: 0px !important; border-image-outset: 0 0 0 0 !important; border-image-repeat: stretch stretch !important; border-image-slice: 100% 100% 100% 100% !important; border-image-source: none !important; border-image-width: 0 0 0 0!important; border-left-color: #c23941 !important; border-left-style: solid !important; border-left-width: 0px !important; border-right-color: #c23941 !important; border-right-style: solid !important; border-right-width: 0px !important; border-top-color: #c23941 !important; border-top-left-radius: 0; border-top-right-radius: 0; border-top-style: solid !important; border-top-width: 0px !important; color: #000 !important; font-family: "Open Sans"; font-weight: 900 !important; padding-bottom: 2px; padding-top: 2px; position: relative; top: -2px; } @media only screen and (max-width:760px) { .bt-upcoming-tours .bt-event-item span { width: 100% !important; margin: 0px !important; text-align: center; display: block; } .bt-upcoming-tours .bt-event-item { background: none !important; padding-bottom: 10px; } .upcoming-items .bt-event-item .bt-actions { float: none; width: 100%; padding-bottom: 15px; text-align: center; } .bt-upcoming-tours-home .upcoming-items .bt-event-item .bt-content { width: 100%; text-align: center; } .bt-upcoming-tours-home .upcoming-items .bt-event-item .bt-event-date { width: 100%; text-align: center; } } .accordion-item { padding-bottom: 20px; } .accordion-item .accordion-content { height: 0; visibility: hidden; } .accordion-item.active .accordion-content { height: auto; transition-delay: 0s; transition-duration: 1s; transition-property: height; transition-timing-function: ease-in-out; visibility: visible; } .ac-item-title { font-size: 18px !important; font-weight: bold !important; padding-bottom: 10px; padding-left: 30px; padding-right: 30px; padding-top: 10px; position: relative; text-transform: capitalize; cursor:pointer; } .ac-item-title:before { font-weight: bold; font-size: 16px; border: solid 1px rgba(231, 211, 176, 1); color: rgba(231, 211, 176, 1); padding: 5px; position: absolute; top: 15px; left: 0; line-height: 6px; width: 20px; height: 20px; content: "+"; } .accordion-item.active .ac-item-title:before { content:"-"; padding-top:4px; padding-left:6px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { min-height:240px; } #coupons_list { width:48%; float:left; } .woocommerce-cart .cart-collaterals { width:48%; float:right; } .woocommerce-cart .cart-collaterals .cart_totals { width:100% !important; } @media only screen and (max-width:390px) { #coupons_list { width:100%; float:left; } .woocommerce-cart .cart-collaterals { width:100%; float:right; } } .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a { color:#000 !important; } .woocommerce div.product p.price del, .woocommerce div.product span.price del { opacity:1; color:#F00 !important; /*c23941*/ } .woocommerce div.product p.price del span, .woocommerce div.product span.price del span { color:#F00 !important; }