File manager - Edit - /home/verseaumee/middletvnew/wp-content/plugins/boosted-elements-progression/assets/css/frontend.css
Back
/* Plugin Name: Boosted Elements Text Domain: boosted-elements-progression Plugin URI: https://boosted.progression-studios.com Description: Page Builder Add-on for Elementor Version: 6.3 Author: Progression Studios Author URI: http://progressionstudios.com/ Author Email: contact@progressionstudios.com License: GNU General Public License v3.0 */ /* Table of Contents 01. GLOBAL STYLES 02. COUNTDOWN STYLES 03. DEFAULT GRID/MASONRY STYLES 04. GALLERY ELEMENT STYLES 05. SLIDER ELEMENT STYLES 06. ANIMATED TYPING STYLES 07. PRICING TABLE STYLES 08. FLIP BOXSTYLES 09. TEAM MEMEMBER STYLES 10. POPUP MODAL STYLES 11. SCROLL NAVIGATION STYLES 12. BLOG STYLES 13. PAGINATION STYLES 14. IMAGE SLIDESHOW STYLES 15. PRICE/MENU STYLES 16. ADVANCED BUTTON STYLES 17. IMAGE COMPARISON STYLES 18. NAVIGATION STYLES 19. CART STYLES 20. SEARCH STYLES 21. TAB STYLES */ /* =============================================== 01. GLOBAL STYLES =============================================== */ .clearfix-boosted-element:after,.clearfix-boosted-element:before{ content:""; display:table; } .clearfix-boosted-element:after{ clear:both; } .boosted-add-cart-icon-left, .boosted-add-to-cart-left-icon .boosted-add-cart-icon-right { display:none; } .boosted-add-to-cart-left-icon .boosted-add-cart-icon-left { display:inline-block; } /* ANIMATION STYLES */ .add_to_cart_inline a.button { transition-duration: 350ms; transition-property: color, background-color, opacity, border; transition-timing-function: ease-in-out; } .boosted-elements-advanced-button i { transition:all 400ms; } img.boosted-elements-progression-image, .progression-studios-image-grid-caption-overlay, .boosted-elements-advanced-btn-text-inline, .boosted-elements-advanced-btn-background-hover, .boosted-elements-advanced-btn-background, .boosted-elements-advanced-button, .boosted-elements-overlay-positioning, .boosted-elements-blog-image img, .boosted-elements-scroll-nav-item, .boosted-single-nav-link, .boosted-elements-close-btn, .boosted-elements-content-container-overlay, .boosted-elements-icons-container a, .boosted-elements-button, .boosted-elements-pricing-table-button, .boosted-elements-slide-button-main, .boosted-elements-slide-button-secondary { transition:all 500ms; } .boosted-elements-slider-direction-nav a, .boosted-elements-slider-control-paging li { transition:all 400ms; } ul.boosted-elements-slides li .boosted-elements-slide-title, ul.boosted-elements-slides li .boosted-elements-slide-sub-title, ul.boosted-elements-slides li .boosted-elements-slide-content, ul.boosted-elements-slides li .boosted-elements-slide-button-main, ul.boosted-elements-slides li .boosted-elements-slide-button-secondary { animation-duration: 600ms; opacity:0; } .boosted-no-delay-animate ul.boosted-elements-slides li .boosted-elements-slide-title, .boosted-no-delay-animate ul.boosted-elements-slides li .boosted-elements-slide-sub-title, .boosted-no-delay-animate ul.boosted-elements-slides li .boosted-elements-slide-content, .boosted-no-delay-animate ul.boosted-elements-slides li .boosted-elements-slide-button-main, .boosted-no-delay-animate ul.boosted-elements-slides li .boosted-elements-slide-button-secondary , ul.boosted-elements-slides li.bosted_animate_none .boosted-elements-slider-content, ul.boosted-elements-slides li.bosted_animate_none .boosted-elements-slide-title, ul.boosted-elements-slides li.bosted_animate_none .boosted-elements-slide-sub-title, ul.boosted-elements-slides li.bosted_animate_none .boosted-elements-slide-content, ul.boosted-elements-slides li.bosted_animate_none .boosted-elements-slide-button-main, ul.boosted-elements-slides li.bosted_animate_none .boosted-elements-slide-button-secondary { opacity:1; } .boosted-no-delay-animate li.boosted-elements-slider-active-slide .boosted-elements-slider-content, .boosted-delay-animate ul.boosted-elements-slides li.boosted-elements-slider-active-slide .boosted-elements-slide-title, .boosted-delay-animate ul.boosted-elements-slides li.boosted-elements-slider-active-slide .boosted-elements-slide-sub-title, .boosted-delay-animate ul.boosted-elements-slides li.boosted-elements-slider-active-slide .boosted-elements-slide-content, .boosted-delay-animate ul.boosted-elements-slides li.boosted-elements-slider-active-slide .boosted-elements-slide-button-main, .boosted-delay-animate ul.boosted-elements-slides li.boosted-elements-slider-active-slide .boosted-elements-slide-button-secondary { animation-duration: 800ms; animation-fill-mode: both; } .boosted-no-delay-animate li.boosted-elements-slider-active-slide .boosted-elements-slider-content { animation-duration: 900ms; opacity: 1; } .boosted-no-delay-animate li .boosted-elements-slider-content { animation-delay: 650ms; opacity: 0; } .boosted-no-delay-animate li.boosted-elements-slider-active-slide.bosted_animate_up .boosted-elements-slider-content, .boosted-delay-animate ul.boosted-elements-slides li.boosted-elements-slider-active-slide.bosted_animate_up .boosted-elements-slide-title, .boosted-delay-animate ul.boosted-elements-slides li.boosted-elements-slider-active-slide.bosted_animate_up .boosted-elements-slide-sub-title, .boosted-delay-animate ul.boosted-elements-slides li.boosted-elements-slider-active-slide.bosted_animate_up .boosted-elements-slide-content, .boosted-delay-animate ul.boosted-elements-slides li.boosted-elements-slider-active-slide.bosted_animate_up .boosted-elements-slide-button-main, .boosted-delay-animate ul.boosted-elements-slides li.boosted-elements-slider-active-slide.bosted_animate_up .boosted-elements-slide-button-secondary { animation-name: Boostedelementsfadeup; } .boosted-no-delay-animate li.boosted-elements-slider-active-slide.bosted_animate_down .boosted-elements-slider-content, .boosted-delay-animate ul.boosted-elements-slides li.boosted-elements-slider-active-slide.bosted_animate_down .boosted-elements-slide-title, .boosted-delay-animate ul.boosted-elements-slides li.boosted-elements-slider-active-slide.bosted_animate_down .boosted-elements-slide-sub-title, .boosted-delay-animate ul.boosted-elements-slides li.boosted-elements-slider-active-slide.bosted_animate_down .boosted-elements-slide-content, .boosted-delay-animate ul.boosted-elements-slides li.boosted-elements-slider-active-slide.bosted_animate_down .boosted-elements-slide-button-main, .boosted-delay-animate ul.boosted-elements-slides li.boosted-elements-slider-active-slide.bosted_animate_down .boosted-elements-slide-button-secondary { animation-name: Boostedelementsfadedown; } .boosted-no-delay-animate li.boosted-elements-slider-active-slide.bosted_animate_right .boosted-elements-slider-content, .boosted-delay-animate ul.boosted-elements-slides li.boosted-elements-slider-active-slide.bosted_animate_right .boosted-elements-slide-title, .boosted-delay-animate ul.boosted-elements-slides li.boosted-elements-slider-active-slide.bosted_animate_right .boosted-elements-slide-sub-title, .boosted-delay-animate ul.boosted-elements-slides li.boosted-elements-slider-active-slide.bosted_animate_right .boosted-elements-slide-content, .boosted-delay-animate ul.boosted-elements-slides li.boosted-elements-slider-active-slide.bosted_animate_right .boosted-elements-slide-button-main, .boosted-delay-animate ul.boosted-elements-slides li.boosted-elements-slider-active-slide.bosted_animate_right .boosted-elements-slide-button-secondary { animation-name: Boostedelementsfaderight; } .boosted-no-delay-animate li.boosted-elements-slider-active-slide.bosted_animate_left .boosted-elements-slider-content, .boosted-delay-animate ul.boosted-elements-slides li.boosted-elements-slider-active-slide.bosted_animate_left .boosted-elements-slide-title, .boosted-delay-animate ul.boosted-elements-slides li.boosted-elements-slider-active-slide.bosted_animate_left .boosted-elements-slide-sub-title, .boosted-delay-animate ul.boosted-elements-slides li.boosted-elements-slider-active-slide.bosted_animate_left .boosted-elements-slide-content, .boosted-delay-animate ul.boosted-elements-slides li.boosted-elements-slider-active-slide.bosted_animate_left .boosted-elements-slide-button-main, .boosted-delay-animate ul.boosted-elements-slides li.boosted-elements-slider-active-slide.bosted_animate_left .boosted-elements-slide-button-secondary { animation-name: Boostedelementsfadeleft; } .boosted-no-delay-animate li.boosted-elements-slider-active-slide.bosted_animate_out .boosted-elements-slider-content, .boosted-delay-animate ul.boosted-elements-slides li.boosted-elements-slider-active-slide.bosted_animate_out .boosted-elements-slide-title, .boosted-delay-animate ul.boosted-elements-slides li.boosted-elements-slider-active-slide.bosted_animate_out .boosted-elements-slide-sub-title, .boosted-delay-animate ul.boosted-elements-slides li.boosted-elements-slider-active-slide.bosted_animate_out .boosted-elements-slide-content, .boosted-delay-animate ul.boosted-elements-slides li.boosted-elements-slider-active-slide.bosted_animate_out .boosted-elements-slide-button-main, .boosted-delay-animate ul.boosted-elements-slides li.boosted-elements-slider-active-slide.bosted_animate_out .boosted-elements-slide-button-secondary { animation-name: Boostedelementszoomup; } .boosted-no-delay-animate li.boosted-elements-slider-active-slide.bosted_animate_in .boosted-elements-slider-content, .boosted-delay-animate ul.boosted-elements-slides li.boosted-elements-slider-active-slide.bosted_animate_in .boosted-elements-slide-title, .boosted-delay-animate ul.boosted-elements-slides li.boosted-elements-slider-active-slide.bosted_animate_in .boosted-elements-slide-sub-title, .boosted-delay-animate ul.boosted-elements-slides li.boosted-elements-slider-active-slide.bosted_animate_in .boosted-elements-slide-content, .boosted-delay-animate ul.boosted-elements-slides li.boosted-elements-slider-active-slide.bosted_animate_in .boosted-elements-slide-button-main, .boosted-delay-animate ul.boosted-elements-slides li.boosted-elements-slider-active-slide.bosted_animate_in .boosted-elements-slide-button-secondary { animation-name: Boostedelementszoomout; } @keyframes Boostedelementsfade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes Boostedelementsfadeup { 0% { opacity: 0; transform: translate3d(0, 80%, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes Boostedelementsfadedown { 0% { opacity: 0; transform: translate3d(0, -80%, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes Boostedelementsfadeleft { 0% { opacity: 0; transform: translate3d(20%, 0, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes Boostedelementsfaderight { 0% { opacity: 0; transform: translate3d(-20%, 0, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes Boostedelementszoomup { 0% { opacity: 0; transform: scale(1.2); } 100% { opacity: 1; transform: scale(1);} } @keyframes Boostedelementszoomout { 0% { opacity: 0; transform: scale(0.85); } 100% { opacity: 1; transform: scale(1);} } ul.boosted-elements-slides li.boosted-elements-slider-active-slide .boosted-animation-delay-one:nth-child(1) { animation-delay: 600ms; } ul.boosted-elements-slides li.boosted-elements-slider-active-slide .boosted-animation-delay-one:nth-child(2) { animation-delay: 700ms; } ul.boosted-elements-slides li.boosted-elements-slider-active-slide .boosted-animation-delay-one:nth-child(3) { animation-delay: 800ms; } ul.boosted-elements-slides li.boosted-elements-slider-active-slide .boosted-animation-delay-one:nth-child(4) { animation-delay: 900ms;} ul.boosted-elements-slides li.boosted-elements-slider-active-slide .boosted-animation-delay-one:nth-child(5) { animation-delay: 1000ms;} ul.boosted-elements-slides li.boosted-elements-slider-active-slide .boosted-animation-delay:nth-child(1) { animation-delay: 600ms; } ul.boosted-elements-slides li.boosted-elements-slider-active-slide .boosted-animation-delay:nth-child(2) { animation-delay: 800ms; } ul.boosted-elements-slides li.boosted-elements-slider-active-slide .boosted-animation-delay:nth-child(3) { animation-delay: 1000ms; } ul.boosted-elements-slides li.boosted-elements-slider-active-slide .boosted-animation-delay:nth-child(4) { animation-delay: 1200ms;} ul.boosted-elements-slides li.boosted-elements-slider-active-slide .boosted-animation-delay:nth-child(5) { animation-delay: 1400ms;} ul.boosted-elements-slides li.boosted-elements-slider-active-slide .boosted-animation-delay-three:nth-child(1) { animation-delay: 600ms; } ul.boosted-elements-slides li.boosted-elements-slider-active-slide .boosted-animation-delay-three:nth-child(2) { animation-delay: 900ms; } ul.boosted-elements-slides li.boosted-elements-slider-active-slide .boosted-animation-delay-three:nth-child(3) { animation-delay: 1200ms; } ul.boosted-elements-slides li.boosted-elements-slider-active-slide .boosted-animation-delay-three:nth-child(4) { animation-delay: 1500ms;} ul.boosted-elements-slides li.boosted-elements-slider-active-slide .boosted-animation-delay-three:nth-child(5) { animation-delay: 1800ms;} ul.boosted-elements-slides li.boosted-elements-slider-active-slide .boosted-animation-delay-four:nth-child(1) { animation-delay: 600ms; } ul.boosted-elements-slides li.boosted-elements-slider-active-slide .boosted-animation-delay-four:nth-child(2) { animation-delay: 1000ms; } ul.boosted-elements-slides li.boosted-elements-slider-active-slide .boosted-animation-delay-four:nth-child(3) { animation-delay: 1400ms; } ul.boosted-elements-slides li.boosted-elements-slider-active-slide .boosted-animation-delay-four:nth-child(4) { animation-delay: 1800ms;} ul.boosted-elements-slides li.boosted-elements-slider-active-slide .boosted-animation-delay-four:nth-child(5) { animation-delay: 2200ms;} ul.boosted-elements-slides li.boosted-elements-slider-active-slide .boosted-animation-delay-five:nth-child(1) { animation-delay: 600ms; } ul.boosted-elements-slides li.boosted-elements-slider-active-slide .boosted-animation-delay-five:nth-child(2) { animation-delay: 1100ms; } ul.boosted-elements-slides li.boosted-elements-slider-active-slide .boosted-animation-delay-five:nth-child(3) { animation-delay: 1600ms; } ul.boosted-elements-slides li.boosted-elements-slider-active-slide .boosted-animation-delay-five:nth-child(4) { animation-delay: 2100ms;} ul.boosted-elements-slides li.boosted-elements-slider-active-slide .boosted-animation-delay-five:nth-child(5) { animation-delay: 2600ms;} /* Logo NoSelect Outline */ .boosted-elements-logo-container a { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline:none; outline:0; } /* =============================================== 02. COUNTDOWN STYLES =============================================== */ .boosted-elements-progression-countdown-container-overflow { overflow:hidden; } .boosted-elements-progression-countdown-container ul.boosted-elements-progression-timer { list-style:none; margin:0px; padding:0px; display: table; table-layout: fixed; width: 100%; background:none; } .boosted-elements-progression-countdown-container ul.boosted-elements-progression-timer li.boosted-elements-timer-float { list-style:none; margin:0px; padding:0px; display: table-cell; background:none; } .boosted-elements-progression-countdown-container.boosted-elements-force-two-column ul.boosted-elements-progression-timer li.boosted-elements-timer-float { width:50%; display:block; float:left; } .boosted-elements-progression-countdown-container ul.boosted-elements-progression-timer li.boosted-elements-timer-float:after, .boosted-elements-progression-countdown-container ul.boosted-elements-progression-timer li.boosted-elements-timer-float:before { display:none; } .boosted-elements-timer-segment { text-align:center; background:#0e9dd2; color:#ffffff; padding:30px 0px; border-radius:4px; } .boosted-elements-timer-digit { font-size:38px; } .boosted_elements_text_position_inline .boosted-elements-timer-text { display:inline; } .boosted-elements-timer-text { display:block; } /* =============================================== 03. DEFAULT GRID/MASONRY STYLES =============================================== */ .boosted-elements-progression-image-grid-container { overflow:hidden; } .boosted-elements-progression-isotope-animation { opacity:0; transition: opacity 500ms; } .boosted-elements-progression-masonry-item.boosted-elements-isotope-animation-start .boosted-elements-progression-isotope-animation { opacity:1; } /* =============================================== 04. GALLERY ELEMENT STYLES =============================================== */ .progression-studios-grid-caption { padding:20px 20px; font-size:14px; color:#888888; } .progression-studios-image-grid-caption-table { background:#f1f1f1; } .boosted-elements-progression-image-grid-item { overflow:hidden; position:relative; } /* Animations */ .boosted-elements-image-grid-transition-zoom .boosted-elements-progression-image-grid-item:hover img.boosted-elements-progression-image { -webkit-transform: scale(1.09); transform: scale(1.09); } .boosted-elements-image-grid-transition-grey .boosted-elements-progression-image-grid-item:hover img.boosted-elements-progression-image { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .boosted-elements-image-grid-transition-sepia .boosted-elements-progression-image-grid-item:hover img.boosted-elements-progression-image { -webkit-filter: sepia(50%); filter: sepia(50%); } .boosted-elements-image-grid-transition-saturate .boosted-elements-progression-image-grid-item:hover img.boosted-elements-progression-image { -webkit-filter: saturate(50%); filter: saturate(50%); } /* Overlay CSS */ .boosted-elements-image-grid-caption-overlay .boosted-elements-progression-image-grid-item:hover .progression-studios-image-grid-caption-overlay { opacity:1; } .boosted-elements-image-grid-caption-overlay .progression-studios-image-grid-caption-overlay { position:absolute; top:0; width: 100%; height:100%; opacity:0; } .boosted-elements-image-grid-caption-overlay .progression-studios-image-grid-caption-table { display: table; table-layout: fixed; width: 100%; height:100%; } /* =============================================== 05. SLIDER ELEMENT STYLES =============================================== */ /* RESETS */ .boosted-elements-slider-container a:focus, .boosted-elements-slider-slider a:focus, .boosted-elements-slider-container a:hover, .boosted-elements-slider-slider a:hover { outline: none; } .boosted-elements-slides, .boosted-elements-slides > li, .boosted-elements-slider-control-nav, .boosted-elements-slider-direction-nav { margin: 0; padding: 0; list-style: none; } .boosted-elements-slider-pauseplay span { text-transform: capitalize; } /* BASE STYLES */ .boosted-elements-slider-main { margin: 0; padding: 0; } .boosted-elements-slider-main .boosted-elements-slides > li { display: none; -webkit-backface-visibility: hidden; } .boosted-elements-slider-main .boosted-elements-slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .boosted-elements-slider-main .boosted-elements-slides { display: block; } * html .boosted-elements-slider-main .boosted-elements-slides { height: 1%; } .no-js .boosted-elements-slider-main .boosted-elements-slides > li:first-child { display: block; } /* BOOSTED DEFAULT THEME */ .boosted-elements-slider-main { margin:0px; position: relative; zoom: 1; } .boosted-elements-slider-main .boosted-elements-slides { zoom: 1; } .boosted-elements-slider-main .boosted-elements-slides img { height: auto; -moz-user-select: none; } .boosted-elements-slider-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .boosted-elements-slider-viewport { max-height: 300px; } .carousel li { margin-right: 5px; } .boosted-elements-slider-direction-nav { *height: 0; } .boosted-elements-slider-direction-nav a { text-decoration: none; display: block; width:70px; height:80px; line-height:80px; margin: -40px 0 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; outline: none; -moz-outline-style: none; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); } .boosted-elements-slider-direction-nav a:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 18px; display: inline-block; content: '\f053'; color: #ffffff; } .boosted-elements-slider-direction-nav a.boosted-elements-slider-next:before { content: '\f054'; } .boosted-elements-slider-direction-nav .boosted-elements-slider-prev { left:0px; padding-left: 18px; } .boosted-elements-slider-direction-nav .boosted-elements-slider-next { right:0px; padding-right: 18px; text-align: right; } .boosted-elements-slider-main:hover .boosted-elements-slider-direction-nav .boosted-elements-slider-prev { opacity: 0.85; } .boosted-elements-slider-main:hover .boosted-elements-slider-direction-nav .boosted-elements-slider-prev:hover { opacity: 0.85; } .boosted-elements-slider-main:hover .boosted-elements-slider-direction-nav .boosted-elements-slider-next { opacity: 0.85; } .boosted-elements-slider-main:hover .boosted-elements-slider-direction-nav .boosted-elements-slider-next:hover { opacity: 0.85; } .boosted-elements-slider-direction-nav .boosted-elements-slider-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1; } .boosted-elements-slider-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .boosted-elements-slider-pauseplay a:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 20px; display: inline-block; content: '\f04b'; } .boosted-elements-slider-pauseplay a:hover { opacity: 1; } .boosted-elements-slider-pauseplay a.boosted-elements-slider-play:before { content: '\f04c'; } .boosted-elements-slider-control-nav { width: 100%; position: absolute; bottom: 14px; z-index:25; text-align: center; } .boosted-elements-slider-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .boosted-elements-slider-control-paging li a { transition:all 300ms; width: 9px; height: 9px; display: block; background: rgba(255, 255, 255, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; outline: none; -moz-outline-style: none; } .boosted-elements-slider-control-paging li a.boosted-elements-slider-active { background: rgba(255, 255, 255, 1); cursor: default; } .boosted-elements-slider-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .boosted-elements-slider-control-thumbs li { width: 25%; float: left; margin: 0; } .boosted-elements-slider-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .boosted-elements-slider-control-thumbs img:hover { opacity: 1; } .boosted-elements-slider-control-thumbs .boosted-elements-slider-active { opacity: 1; cursor: default; } /* BOOSTED ELEMENTS STYLES */ .boosted-elements-slider-gradient-overlay, .boosted-elements-slider-bg-overlay { position:absolute; height:100%; width:100%; top:0; z-index:4; left:0; } .boosted-elements-slider-gradient-overlay { z-index:5; } .boosted-elements-video-bg { position:absolute; height:100%; width:100%; top:0; z-index:2; left:0; overflow: hidden; } .boosted-elements-youtube-player { position:absolute; height:100%; width:100%; top:0; left:0; z-index:2; overflow:hidden; pointer-events: none; } .boosted-elements-youtube-player span.mb_YTPBar { display:none !important; } @media only screen and (max-width: 959px) { .boosted-elements-youtube-player { display:none !important; } } ul.boosted-elements-slides li .boosted-elements-slide-title span, ul.boosted-elements-slides li .boosted-elements-slide-sub-title span, ul.boosted-elements-slides li .boosted-elements-slide-content span { display:inline-block; } .clearfix-boosted-element:after{ clear:both; } .boosted-elements-slider-background { position:relative; overflow:hidden; width:100%; background-repeat:no-repeat; } .boosted-elements-slider-display-table { display:table; width:100%; height:100%; } .boosted-elements-slider-content-container { width:100%; } .boosted-elements-slider-content { position:relative; z-index:10; width:100%; line-height:1.4; -webkit-font-smoothing:antialiased; /* Fix CSS3 Blur */ } .boosted-elements-slider-content .boosted-elements-slide-title { font-size:38px; font-weight:700; color:#ffffff; margin-bottom:15px; } .boosted-elements-slider-content .boosted-elements-slide-sub-title { font-size:28px; color:#ffffff; margin-bottom:10px; } .boosted-elements-slider-content .boosted-elements-slide-content { font-size:15px; color:#ffffff; margin-bottom:25px; } .boosted-elements-slider-content .boosted-elements-slide-button-secondary, .boosted-elements-slider-content .boosted-elements-slide-button-main { cursor:pointer; display:inline-block; font-size:12px; background:#ffffff; color:#000000; line-height:1; padding:16px 20px; } .boosted-elements-slider-content .boosted-elements-slide-button-main { margin-right:5px; } .boosted-elements-slider-content .boosted-elements-slide-button-secondary { margin-left:5px; } .boosted_elements_slider_arrow_visiblity_visible .boosted-elements-slider-direction-nav a { opacity:0.85; } .boosted_elements_slider_dots_visiblity_hidden .boosted-elements-slider-control-paging, .boosted_elements_slider_arrow_visiblity_hidden .boosted-elements-slider-direction-nav a { display:none; } .boosted_elements_slider_dots_visiblity_hover .boosted-elements-slider-control-paging li { opacity:0; } .boosted_elements_slider_dots_visiblity_hover .boosted-elements-slider-main:hover .boosted-elements-slider-control-paging li { opacity:1; } .boosted-elements-slider-main { position:relative; z-index:1; } .boosted-slider-arrow-down { cursor:pointer; position:absolute; z-index:20; left:50%; bottom:76px; margin-left:-25px; width:50px; line-height:50px; height:50px; text-align:center; font-size:14px; color:#ffffff; border:2px solid #ffffff; border-radius:80px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .boosted-slider-arrow-down i { position:relative; top:-1px; } .boosted-elements-progression-image-slideshow-container .fotorama .fotorama__arr--prev.fotorama__arr, .boosted-elements-progression-image-slideshow-container .fotorama .fotorama__arr--next.fotorama__arr { transition:all 500ms; } /* Image */ .boosted-elements-slider-content-image { position:absolute; z-index:6; line-height:1; } .boosted-elements-slider-image-animate { position:relative; z-index:10; width:100%; -webkit-font-smoothing:antialiased; /* Fix CSS3 Blur */ } /* Reflection */ .progression-studios-boosted-slider-upside-down { background-repeat: no-repeat; background-position:center center; background-size: cover; position:absolute; width:100%; height:100%; top:100%; left:0; z-index:15; -moz-transform: scale(1,-1); -o-transform: scale(1,-1); -webkit-transform: scale(1,-1); transform: scale(1,-1); -webkit-filter: blur(6px); filter: blur(6px); opacity:0.5; } .progression-studios-boosted-slider-upside-down:after { content:''; display:block; position:absolute; width:100%; bottom:0px; left:0px; height:100%; background: -moz-linear-gradient(top, #08070e 0%, #08070e 80% , rgba(8,7,14,0) 100% ); background: -webkit-linear-gradient(top, #08070e 0%, #08070e 80%, rgba(8,7,14,0) 100% ); background: linear-gradient(to bottom, #08070e 0%, #08070e 80%, rgba(8,7,14,0) 100% ); } /* =============================================== 06. ANIMATED TYPING STYLES =============================================== */ .boosted-elements-repeater-field { display:inline-block; } .morphext > .animated { display: inline-block; } .typed-cursor { opacity: 1; -webkit-animation: boosted_blink 0.7s infinite; -moz-animation: boosted_blink 0.7s infinite; animation: boosted_blink 0.7s infinite; } @keyframes boosted_blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes boosted_blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes boosted_blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } /* =============================================== 07. PRICING TABLE STYLES =============================================== */ .boosted-top-level { z-index:50; } .boosted-elements-progression-pricing-container { text-align:center; position:relative; overflow:hidden; } .boosted-elements-pricing-header { border-style:solid; border-color:#6997ae; border-right-width:0px; border-left-width:0px; border-bottom-width:0px; border-top-width:0px; background:#0e9dd2; padding:20px 0px; } h2.boosted-elements-pricing-title { color:#ffffff; } h4.boosted-elements-pricing-sub-title { color:#ffffff; } .boosted-elements-pricing-section { background:#f2f5fa; padding:30px 20px 30px 20px; line-height:1; } .boosted-elements-pricing-for-sale { text-decoration: line-through; padding-right:10px; font-size:18px; } .boosted-elements-pricing-duration div, .boosted-elements-pricing-main-price div, .boosted-elements-pricing-currency div { display:inline; } .boosted-elements-pricing-currency { position:relative; } .boosted-elements-pricing-main-price { font-size:45px; font-weight:700; } .boosted-elements-display-duration-block .boosted-elements-pricing-duration { display:block; } .boosted-elements-pricing-duration { color:#777777; position:relative; } ul.boosted-elements-pricing-features { background:#ffffff; list-style:none; margin:0px; padding:30px 20px 20px 20px; } ul.boosted-elements-pricing-features li { margin:0px 0px 10px 0px; padding:0px 0px 10px 0px; border-style:solid; border-width:0px; } ul.boosted-elements-pricing-features li:after, ul.boosted-elements-pricing-features li:before { display:none; } .boosted-elements-strikethrough { text-decoration: line-through; } .boosted-elements-pricing-footer { border-style:solid; border-width:0px; background:#ffffff; padding:0px 20px 35px 20px; } .boosted-elements-pricing-table-button { cursor:pointer; display:inline-block; background:#0e9dd2; color:#ffffff; line-height:1; padding:16px 25px; } .boosted-elements-pricing-table-button:hover { color:#ffffff; background:#0e9dd2; } .boosted-elements-footer-additional-text { font-size:90%; color:#888888; } .boosted-elelements-pricing-ribbon { position:absolute; font-size:13px; background:#6997ae; color:#ffffff; text-align: center; transform: rotate(-45deg); line-height: 35px; width: 180px; top: 25px; /* Divider Left by 2 */ right:auto; left: -44px; /* Divider width by 4 */ } .boosted-elements-pricing-table-ribbon-right .boosted-elelements-pricing-ribbon { transform: rotate(45deg); left:auto; right: -48px; } /* =============================================== 08. FLIP BOXSTYLES =============================================== */ .boosted-elements-progression-flip-box-container { position:relative; height:300px; width:100%; } .boosted-elements-flip-box-vertical-align { width:100%; } .boosted-elements-flip-box-padding { padding:0px 30px 5px 30px; } .boosted-elements-flip-box-icon-image { display:inline-block; margin:0 auto 15px auto; line-height:1; } .boosted-elements-flip-box-icon-image.boosted_eleements_flip_front_icon_style_background { background:#cccccc; } .boosted_eleements_flip_front_icon_style_bordered { border:2px solid #ffffff; } .boosted_flip_box_icon_border_round { border-radius:100px; } .boosted_eleements_flip_front_icon_style_background, .boosted_eleements_flip_front_icon_style_bordered { padding:15px; } .boosted-elements-flip-box-icon-image i { font-size:40px; line-height:40px; width:40px; } .boosted-elements-flip-box-front-container { text-align:center; position:absolute; top:0px; left:0px; z-index: 2; width:100%; height:100%; background:#0e9dd2; color:#ffffff; border-color:#000000; } .boosted-elements-flip-box-content, h2.boosted-elements-flip-box-heading { color:#ffffff; } .boosted-elements-flip-box-rear-container { text-align:center; position:absolute; top:0px; left:0px; width:100%; height:100%; background:#444444; color:#ffffff; } /* Floating Button Styles */ .boosted-elements-progression-button-floating-container { position:fixed; z-index:100; } .boosted-elements-progression-button-floating-container .boosted-elements-button { margin-top:0px; font-size:14px; position:relative; padding:14px 20px; } .boosted-elements-button { cursor:pointer; display:inline-block; background:#077bbe; color:#ffffff; line-height:1; padding:16px 25px; margin-top:15px; } .boosted-elements-pricing-table-button div, .boosted-elements-button div { display:inline-block; } .boosted-elements-button:hover { background:#077bbe; color:#ffffff; } /* CSS3 Transitions */ .boosted-elements-progression-flip-box-container { perspective: 1000px; } .boosted-elements-flip-box-front-container, .boosted-elements-flip-box-rear-container { transition-duration:500ms; transition-property: all; transition-timing-function: ease; } .boosted-elements-flip-box-flip-card { width: 100%; height: 100%; transform-style: preserve-3d; transition: all 500ms ease; } .boosted-elements-flip-box-rear-container, .boosted-elements-flip-box-front-container { -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: rotateX(0deg); transform: rotateY(0deg); } /* Flip */ .boosted-animate-flip.boosted-animate-up.boosted-elements-progression-flip-box-container:hover .boosted-elements-flip-box-flip-card, .boosted-animate-flip.boosted-animate-up .boosted-elements-flip-box-rear-container { transform: rotateX(180deg); } .boosted-animate-flip.boosted-animate-down.boosted-elements-progression-flip-box-container:hover .boosted-elements-flip-box-flip-card, .boosted-animate-flip.boosted-animate-down .boosted-elements-flip-box-rear-container { transform: rotateX(-180deg); } .boosted-animate-flip.boosted-animate-left.boosted-elements-progression-flip-box-container:hover .boosted-elements-flip-box-flip-card, .boosted-animate-flip.boosted-animate-left .boosted-elements-flip-box-rear-container { transform: rotateY(-180deg); } .boosted-animate-flip.boosted-animate-right.boosted-elements-progression-flip-box-container:hover .boosted-elements-flip-box-flip-card, .boosted-animate-flip.boosted-animate-right .boosted-elements-flip-box-rear-container { transform: rotateY(180deg); } /* Slide */ .boosted-animate-push.boosted-elements-progression-flip-box-container, .boosted-animate-slide.boosted-elements-progression-flip-box-container { overflow:hidden; } .boosted-animate-push .boosted-elements-flip-box-rear-container, .boosted-animate-slide .boosted-elements-flip-box-rear-container { z-index:3; } .boosted-animate-push.boosted-animate-up .boosted-elements-flip-box-rear-container, .boosted-animate-slide.boosted-animate-up .boosted-elements-flip-box-rear-container { top:100%; } .boosted-animate-push.boosted-animate-up.boosted-elements-progression-flip-box-container:hover .boosted-elements-flip-box-rear-container, .boosted-animate-slide.boosted-animate-up.boosted-elements-progression-flip-box-container:hover .boosted-elements-flip-box-rear-container {top:0; } .boosted-animate-push.boosted-animate-down .boosted-elements-flip-box-rear-container, .boosted-animate-slide.boosted-animate-down .boosted-elements-flip-box-rear-container { top:auto; bottom:100%; } .boosted-animate-push.boosted-animate-down.boosted-elements-progression-flip-box-container:hover .boosted-elements-flip-box-rear-container, .boosted-animate-slide.boosted-animate-down.boosted-elements-progression-flip-box-container:hover .boosted-elements-flip-box-rear-container {top:auto; bottom:0; } .boosted-animate-push.boosted-animate-left .boosted-elements-flip-box-rear-container, .boosted-animate-slide.boosted-animate-left .boosted-elements-flip-box-rear-container { left:100%; } .boosted-animate-push.boosted-animate-left.boosted-elements-progression-flip-box-container:hover .boosted-elements-flip-box-rear-container, .boosted-animate-slide.boosted-animate-left.boosted-elements-progression-flip-box-container:hover .boosted-elements-flip-box-rear-container { left:0; } .boosted-animate-push.boosted-animate-right .boosted-elements-flip-box-rear-container, .boosted-animate-slide.boosted-animate-right .boosted-elements-flip-box-rear-container {left:auto; right:100%; } .boosted-animate-push.boosted-animate-right.boosted-elements-progression-flip-box-container:hover .boosted-elements-flip-box-rear-container, .boosted-animate-slide.boosted-animate-right.boosted-elements-progression-flip-box-container:hover .boosted-elements-flip-box-rear-container { left:auto; right:0; } /* Push + Slide Above */ .boosted-animate-push.boosted-animate-up.boosted-elements-progression-flip-box-container:hover .boosted-elements-flip-box-front-container { top:-100%; } .boosted-animate-push.boosted-animate-down.boosted-elements-progression-flip-box-container:hover .boosted-elements-flip-box-front-container { top:100%; } .boosted-animate-push.boosted-animate-left.boosted-elements-progression-flip-box-container:hover .boosted-elements-flip-box-front-container { left:-100%; } .boosted-animate-push.boosted-animate-right.boosted-elements-progression-flip-box-container:hover .boosted-elements-flip-box-front-container { left:100%; } /* Zoom In */ .boosted-animate-zoom-in .boosted-elements-flip-box-rear-container { opacity:0; transform: scale(0.75); z-index:3; } .boosted-animate-zoom-in.boosted-elements-progression-flip-box-container:hover .boosted-elements-flip-box-rear-container { opacity:1; transform: scale(1); } /* Zoom Out */ .boosted-animate-zoom-out.boosted-elements-progression-flip-box-container:hover .boosted-elements-flip-box-front-container { opacity:0; transform: scale(0.75); } .boosted-animate-fade.boosted-elements-progression-flip-box-container:hover .boosted-elements-flip-box-front-container { opacity:0; } /* =============================================== 09. TEAM MEMEMBER STYLES =============================================== */ .boosted-elements-team-content { padding:30px; } h4.boosted-elements-team-heading { margin-bottom:2px; } h5.boosted-elements-team-job-title { margin-bottom:15px; } .boosted-elements-team-description { margin-bottom:15px; } .boosted-elements-progression-team-member-container .boosted-elements-button { margin-bottom:20px; } .boosted-elements-team-image { position:relative; } .boosted-elements-content-container-overlay { width:100%; height:100%; position:absolute; float:left; top:0px; left:0px; opacity:0; } .boosted-elements-team-image:hover .boosted-elements-content-container-overlay { opacity:1; } .boosted-elements-team-image .boosted-elements-overlay-table { margin:0px; padding:0px; display: table; table-layout: fixed; width: 100%; height:100%; } .boosted-elements-team-image .boosted-elements-overlay-table-cell { display:table-cell; vertical-align:middle; position:static; } .boosted-elements-icons-container a { text-align:center; display:inline-block; margin:0px 5px 5px 5px; } .boosted_elements_image_align_right .boosted-elements-team-content, .boosted_elements_image_align_left .boosted-elements-team-image { float:left; } .boosted_elements_image_align_left .boosted-elements-team-content, .boosted_elements_image_align_right .boosted-elements-team-image { float:right; } .boosted_elements_image_align_left .boosted-elements-team-image, .boosted_elements_image_align_right .boosted-elements-team-image { width:40%; } .boosted_elements_image_align_left .boosted-elements-team-content, .boosted_elements_image_align_right .boosted-elements-team-content { width:60%; } @media only screen and (max-width: 767px) { .boosted_elements_image_align_left .boosted-elements-team-image, .boosted_elements_image_align_right .boosted-elements-team-image, .boosted_elements_image_align_left .boosted-elements-team-content, .boosted_elements_image_align_right .boosted-elements-team-content { width:100%; } } /* =============================================== 10. POPUP MODAL STYLES =============================================== */ .boosted-elements-progression-popup-container { background:#ffffff; width:600px; overflow:hidden; } .boosted_popup_slide { transform: translateX(0) translateY(-40%); } .popup_visible .boosted_popup_slide { transform: translateX(0) translateY(0); } .boosted_popup_slide_up { transform: translateX(0) translateY(40%); } .popup_visible .boosted_popup_slide_up { transform: translateX(0) translateY(0); } .boosted_popup_slide_left { transform: translateX(40%) translateY(0%); } .popup_visible .boosted_popup_slide_left { transform: translateX(0) translateY(0); } .boosted_popup_slide_right { transform: translateX(-40%) translateY(0%); } .popup_visible .boosted_popup_slide_right { transform: translateX(0) translateY(0); } .boosted_fade_and_scale { transform: scale(0.8); } .popup_visible .boosted_fade_and_scale { transform: scale(1); } .popup_background { background:rgba(0, 0, 0, 0.8); } .boosted-elements-popup-header { padding:30px; background:#e9e9e9; } .boosted-elements-popup-content { padding:30px 30px 10px 30px; } .boosted-elements-close-btn { display:block; cursor:pointer; position:absolute; text-align:center; background:#000000; color:#ffffff; width:36px; height:36px; line-height:36px; font-size:15px; } .boosted-elements-popup-content iframe, .boosted-elements-popup-content .wp-video { width:100%; height:auto; } .boosted-elements-pop-up-image { cursor:pointer; } /* =============================================== 11. SCROLL NAVIGATION STYLES =============================================== */ .boosted-elements-progression-scroll-nav-container { position:fixed; line-height:1; z-index:500; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .boosted-elements-progression-scroll-nav-container ul.boosted-elements-scroll-nav-menu { list-style:none; margin:0px 0px 0px 0px; padding:0px; position:relative; } .boosted-elements-progression-scroll-nav-container ul.boosted-elements-scroll-nav-menu li { margin:0px; padding:0px; display:block; text-align:right; } ul.boosted-elements-scroll-nav-menu li:before, ul.boosted-elements-scroll-nav-menu li:after { display:none; } .boosted-single-nav-link { cursor:pointer; position:relative; } .boosted-elements-scroll-nav-item, .boosted-elements-scroll-nav-hover-content { display:inline-block; } .boosted-elements-scroll-nav-item { font-size:9px; padding:9px 10px; color:rgba(0, 0, 0, 0.6); text-align:center; } .boosted-scroll-current-item .boosted-single-nav-link .boosted-elements-scroll-nav-item, .boosted-single-nav-link:hover .boosted-elements-scroll-nav-item { color:#0e9dd2; } .boosted-elements-scroll-nav-hover-content { position:absolute; top:5px; right:0px; width:300px; padding-right:25px; transition:all 400ms; opacity:0; visibility:hidden; font-size:14px; } .boosted-elements-title-on-hovere-only .boosted-scroll-current-item .boosted-single-nav-link .boosted-elements-scroll-nav-hover-content, .boosted-single-nav-link:hover .boosted-elements-scroll-nav-hover-content { visibility:visible; opacity:1; padding-right:35px; } .boosted-elements-scroll-nav-hover-content span { border-radius:4px; background:#0e9dd2; color:#ffffff; padding:4px 9px; font-size:12px; position:relative; } .boosted-scroll-nav-icon-right { margin-left:3px; } .boosted-scroll-nav-icon-left { margin-right:3px; } .boosted-elements-hide-arrow-title .boosted-elements-scroll-nav-hover-content span:after { display:none; } .boosted-elements-scroll-nav-hover-content span:after { content:""; display:block; position:absolute; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: none; border-left: 6px solid #0e9dd2; right:-5px; top:50%; margin-top:-6px; } @-moz-document url-prefix() { .boosted-elements-scroll-nav-hover-content span:after { right:-1px; } } a .boosted-elements-scroll-nav-hover-content span:after { border-left-color:#0e9dd2; } /* Left Align Adjustmentes */ .boosted-elements-progression-scroll-left-layout .boosted-elements-scroll-nav-hover-content { right:auto; left:0px; text-align:left; padding-right:0px; padding-left:25px; } .boosted-elements-progression-scroll-left-layout.boosted-elements-title-on-hovere-only .boosted-scroll-current-item .boosted-single-nav-link .boosted-elements-scroll-nav-hover-content, .boosted-elements-progression-scroll-left-layout .boosted-single-nav-link:hover .boosted-elements-scroll-nav-hover-content { padding-left:35px; } .boosted-elements-progression-scroll-left-layout .boosted-elements-scroll-nav-hover-content span:after { border-right: 6px solid #0e9dd2; border-left: none; right:auto; left:-5px; } @-moz-document url-prefix() { .boosted-elements-progression-scroll-left-layout .boosted-elements-scroll-nav-hover-content span:after { right:auto; left:-1px; } } .boosted-elements-progression-scroll-left-layout a .boosted-elements-scroll-nav-hover-content span:after { border-color-right:#0e9dd2; } /* Middle Align Adjustments */ .boosted-elements-progression-scroll-middle-layout.boosted-elements-progression-scroll-nav-container ul.boosted-elements-scroll-nav-menu li { display:inline-block; text-align:center; } .boosted-elements-progression-scroll-middle-layout .boosted-elements-scroll-nav-hover-content { padding-right:0px !important; margin-right:-136px; } .boosted-elements-progression-scroll-middle-layout .boosted-single-nav-link:hover .boosted-elements-scroll-nav-hover-content { padding-right:0px; } .boosted-elements-progression-scroll-middle-layout .boosted-elements-scroll-nav-hover-content span:after { border-top: 8px solid #0e9dd2; border-right: 8px solid transparent ; border-left: 8px solid transparent ; border-bottom: none; display:block; margin-top:-1px; right:50%; margin-right:-8px; top:100%; } .boosted-elements-progression-scroll-middle-layout a .boosted-elements-scroll-nav-hover-content span:after { border-top-color:#0e9dd2; } /* =============================================== 12. BLOG STYLES =============================================== */ .boosted-elements-blog-main-styles { position:relative; overflow:hidden; background-color:#ffffff; } .boosted-transparent-background-color .boosted-elements-blog-main-styles { background-color:transparent; } .boosted-elements-blog-image { display:block; } .boosted-elements-blog-image img { margin:0px; padding:0px; width:100%; } .boosted-elements-blog-content-container { padding:20px; } h3.boosted-elements-blog-title { margin-bottom:8px; } ul.boosted-elements-blog-meta-data { list-style:none; margin:0px 0px 15px 0px; padding:0px; font-size:13px; color:#999999; } ul.boosted-elements-blog-meta-data a { color:#999999; } ul.boosted-elements-blog-meta-data li.boosted-elements-blog-meta-item { margin:0px; padding:0px; display:inline; } ul.boosted-elements-blog-meta-data li.boosted-elements-blog-meta-item span:after { padding:0px 5px; } ul.boosted-elements-blog-meta-data li.boosted-elements-blog-meta-item:last-child span:after { display:none; } .boosted-elements-blog-excerpt { font-size:14px; } a.boosted-elements-blog-read-more { display:inline-block; font-size:14px; } /* Avatar + Category Button */ .boosted-elements-blog-image-container { position:relative; } .boosted-elements-avatar { position:absolute; bottom:0px; left:0px; width:50px; margin:10px 20px -15px 20px; } .boosted-elements-avatar img { border-radius:100px; } .boosted-elements-blog-taxonomy-overlay { position:absolute; top:0px; right:0px; margin:12px 20px; z-index:5; } .boosted-elements-blog-taxonomy-overlay a { margin-left:5px; display:inline-block; line-height:1; border-radius:50px; padding:6px 12px; font-size:11px; background:#444444; color:#ffffff; } /* Overlay Layout */ .boosted-transparent-background-color .boosted-elements-overlay-positioning { background:transparent; } .boosted-elements-overlay-positioning { width:100%; height:100%; bottom:0px; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.95) 100%); } .boosted-elements-overlay-positioning ul.boosted-elements-blog-meta-data, .boosted-elements-overlay-positioning ul.boosted-elements-blog-meta-data a, .boosted-elements-overlay-positioning, .boosted-elements-overlay-positioning a { color:#ffffff; } .boosted-elements-post-list-vertical-align { width:100%; } .boosted-elements-blog-overlay-layout .boosted-elements-blog-overlay-image { display:block; height:350px; } .boosted-elements-blog-overlay-layout .boosted-elements-avatar { top:0px; bottom:auto; left:0px; } /* =============================================== 13. PAGINATION STYLES =============================================== */ .boosted-elements-pagination-container { margin:0px 0px 0px 0px; padding:25px 0px 25px 0px; text-align:center; } .boosted-elements-pagination-container ul { list-style:none; margin:0px; padding:0px; } .boosted-elements-pagination-container ul li { display:inline; margin:0px; padding:0px; } /* Pagination Styles */ .boosted-elements-load-more-manual .boosted-elements-infinite-nav-pro { display:block !important; width:100%; } .boosted-elements-infinite-nav-pro { display:none; } .boosted-elements-infinite-nav-pro a { margin:0px auto 0px auto; display:inline-block; line-height:1; border:none; text-align:center; border-radius:0px; width:auto; font-size:14px; padding:12px 18px; background:#0e9dd2; color:#ffffff; } .boosted-elements-infinite-nav-pro a span i { font-size:90%; position:relative; top:0px; padding-left:3px; } #boostsed-infscr-loading { z-index: 31; position: absolute; text-align: center; width:100%; bottom:15px; opacity:1; } #boostsed-infscr-loading img { border-radius:100px; background:#e4e4e4; padding:20px; } #boostsed-infscr-loading div#boosted-elements-no-more-posts { padding-right:20px; padding-left:20px; font-size:12px; font-weight:400; display:inline-block; background:#e4e4e4; color:#999999; padding:20px; display:none; } /* =============================================== 14. IMAGE SLIDESHOW STYLES =============================================== */ /*! * Fotorama 4.6.4 | http://fotorama.io/license/ */ .fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}.fotorama--fullscreen,.fotorama__img{max-width:99999px!important;max-height:99999px!important;min-width:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.fotorama__wrap .fotorama__grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.fotorama__grabbing *{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.fotorama__spinner{position:absolute!important;top:50%!important;left:50%!important}.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame{-webkit-transform:translateZ(0);transform:translateZ(0)}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame{outline:0}.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after{content:'';border-radius:inherit;background-color:rgba(0,175,234,.5)}.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft{-webkit-transform:none!important;transform:none!important}.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{transition-property:-webkit-transform,width;transition-property:transform,width;transition-timing-function:cubic-bezier(0.1,0,.25,1);transition-duration:0ms}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fotorama__select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.fotorama__nav,.fotorama__nav__frame{margin:auto;padding:0}.fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft{-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*display:inline;*zoom:1}.fotorama__nav__frame,.fotorama__thumb-border{box-sizing:content-box}.fotorama__caption__wrap{box-sizing:border-box}.fotorama--hidden,.fotorama__load{position:absolute;left:-99999px;top:-99999px;z-index:-1}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play{-webkit-tap-highlight-color:transparent}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(../images/fotorama.png) no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(../images/fotorama@2x.png) 0 0/96px 160px no-repeat}}.fotorama__thumb{background-color:#7f7f7f;background-color:rgba(127,127,127,.2)}@media print{.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play{background:none!important}}.fotorama{min-width:1px;overflow:hidden}.fotorama:not(.fotorama--unobtrusive)>*:not(:first-child){display:none}.fullscreen{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#000}.fotorama--fullscreen{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;float:none!important;z-index:2147483647!important;background:#000;width:100%!important;height:100%!important;margin:0!important}.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage{background:#000}.fotorama__wrap{-webkit-text-size-adjust:100%;position:relative;direction:ltr;z-index:0}.fotorama__wrap--rtl .fotorama__stage__frame{direction:rtl}.fotorama__nav,.fotorama__stage{overflow:hidden;position:relative;max-width:100%}.fotorama__wrap--pan-y{-ms-touch-action:pan-y}.fotorama__wrap .fotorama__pointer{cursor:pointer}.fotorama__wrap--slide .fotorama__stage__frame{opacity:1!important}.fotorama__stage__frame{overflow:hidden}.fotorama__stage__frame.fotorama__active{z-index:8}.fotorama__wrap--fade .fotorama__stage__frame{display:none}.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{display:block;left:0;top:0}.fotorama__wrap--fade .fotorama__fade-front{z-index:8}.fotorama__wrap--fade .fotorama__fade-rear{z-index:7}.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{z-index:9}.fotorama__wrap--fade .fotorama__stage .fotorama__shadow{display:none}.fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;border:none!important}.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full{display:none}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{display:block}.fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage{max-width:99999px!important}.fotorama__wrap--only-active .fotorama__stage__frame{visibility:hidden}.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active{visibility:visible}.fotorama__nav{font-size:0;line-height:0;text-align:center;display:none;white-space:nowrap;z-index:5}.fotorama__nav__shaft{position:relative;left:0;top:0;text-align:left}.fotorama__nav__frame{position:relative;cursor:pointer}.fotorama__nav--dots{display:block}.fotorama__nav--dots .fotorama__nav__frame{width:18px;height:30px}.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border{display:none}.fotorama__nav--thumbs{display:block}.fotorama__nav--thumbs .fotorama__nav__frame{padding-left:0!important}.fotorama__nav--thumbs .fotorama__nav__frame:last-child{padding-right:0!important}.fotorama__nav--thumbs .fotorama__nav__frame--dot{display:none}.fotorama__dot{display:block;width:4px;height:4px;position:relative;top:12px;left:6px;border-radius:6px;border:1px solid #7f7f7f}.fotorama__nav__frame:focus .fotorama__dot:after{padding:1px;top:-1px;left:-1px}.fotorama__nav__frame.fotorama__active .fotorama__dot{width:0;height:0;border-width:3px}.fotorama__nav__frame.fotorama__active .fotorama__dot:after{padding:3px;top:-3px;left:-3px}.fotorama__thumb{overflow:hidden;position:relative;width:100%;height:100%}.fotorama__nav__frame:focus .fotorama__thumb{z-index:2}.fotorama__thumb-border{position:absolute;z-index:9;top:0;left:0;border-style:solid;border-color:#00afea;background-image:linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1))}.fotorama__caption{position:absolute;z-index:12;bottom:0;left:0;right:0;font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.5;color:#000}.fotorama__caption a{text-decoration:none;color:#000;border-bottom:1px solid;border-color:rgba(0,0,0,.5)}.fotorama__caption a:hover{color:#333;border-color:rgba(51,51,51,.5)}.fotorama__wrap--rtl .fotorama__caption{left:auto;right:0}.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption{display:none}.fotorama__caption__wrap{background-color:#fff;background-color:rgba(255,255,255,.9);padding:5px 10px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fotorama__wrap--css3 .fotorama__spinner{-webkit-animation:spinner 24s infinite linear;animation:spinner 24s infinite linear}.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img{transition-property:opacity;transition-timing-function:linear;transition-duration:.3s}.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.fotorama__select{cursor:auto}.fotorama__video{top:32px;right:0;bottom:0;left:0;position:absolute;z-index:10}@-moz-document url-prefix(){.fotorama__active{box-shadow:0 0 0 transparent}}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{position:absolute;z-index:11;cursor:pointer}.fotorama__arr{position:absolute;width:32px;height:32px;top:50%;margin-top:-16px}.fotorama__arr--prev{left:2px;background-position:0 0}.fotorama__arr--next{right:2px;background-position:-32px 0}.fotorama__arr--disabled{pointer-events:none;cursor:default;*display:none;opacity:.1}.fotorama__fullscreen-icon{width:32px;height:32px;top:2px;right:2px;background-position:0 -32px;z-index:20}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus{border-radius:50%}.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-32px -32px}.fotorama__video-play{width:96px;height:96px;left:50%;top:50%;margin-left:-48px;margin-top:-48px;background-position:0 -64px;opacity:0}.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--video .fotorama__stage .fotorama__video-play{display:none}.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play{opacity:1;display:block}.fotorama__nav__frame .fotorama__video-play{width:32px;height:32px;margin-left:-16px;margin-top:-16px;background-position:-64px -32px}.fotorama__video-close{width:32px;height:32px;top:0;right:0;background-position:-64px 0;z-index:20;opacity:0}.fotorama__wrap--css2 .fotorama__video-close{display:none}.fotorama__wrap--css3 .fotorama__video-close{-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--video .fotorama__video-close{display:block;opacity:1}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{opacity:0}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{opacity:1}.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{opacity:0!important}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{display:none}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{display:block}.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon{display:none!important}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus){-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus){-webkit-transform:translate3d(-48px,0,0);transform:translate3d(-48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){-webkit-transform:translate3d(48px,0,0);transform:translate3d(48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon{-webkit-transform:translate3d(32px,-32px,0)!important;transform:translate3d(32px,-32px,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{-webkit-transform:translate3d(-48px,0,0)!important;transform:translate3d(-48px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{-webkit-transform:translate3d(48px,0,0)!important;transform:translate3d(48px,0,0)!important}.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus){transition-property:-webkit-transform,opacity;transition-property:transform,opacity;transition-duration:.3s}.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before{content:"";display:block;position:absolute;text-decoration:none;top:0;bottom:0;width:10px;height:auto;z-index:10;pointer-events:none;background-repeat:no-repeat;background-size:1px 100%,5px 100%}.fotorama__nav:before,.fotorama__stage:before{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);background-position:0 0,0 0;left:-10px}.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before{left:0}.fotorama__nav:after,.fotorama__stage:after{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);background-position:100% 0,100% 0;right:-10px}.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after{right:0}.fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before{display:none} .fotorama__nav-wrap img { margin:0px !important; padding:0px !important; } .elementor .fotorama * { box-sizing: content-box; } .fotorama__thumb-border { border-color:#149fd0; background:rgba(20, 159, 208, 0.2); } .fotorama__caption { font-size: 13px; font-weight:500; color: #ffffff; } .fotorama__caption__wrap { background-color: rgba(0, 0, 0, 0.5); padding: 8px 14px; } /* Custom Arrows */ .fotorama__arr { font-size:14px; line-height:1; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); font-family: 'Font Awesome 5 Free'; font-weight: 900; font-style: normal; } .fotorama__arr--prev, .fotorama__arr--next { line-height:60px; width:40px; height:60px; font-size:22px; margin-top: -30px; text-align:center; color:#ffffff; background:none; font-family: 'Font Awesome 5 Free'; font-weight: 900; } body .fotorama__stage .fotorama__arr--next { right: 0px; } body .fotorama__stage .fotorama__arr--prev { left: 0px; } .fotorama__arr--prev:before { content: '\f053';} .fotorama__arr--next:before { content: '\f054'; } /* Full Screen Button */ .fotorama__fullscreen-icon { font-size:14px; line-height:1; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); font-family: 'Font Awesome 5 Free'; font-weight: 900; font-style: normal; } .fotorama__fullscreen-icon { line-height:60px; width:40px; height:40px; top: 0px; right: 0px; background:none; color:#ffffff; text-shadow:0px 0px 2px rgba(0,0,0, 0.5); font-size:18px; } .fotorama__fullscreen-icon:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f31e"; } .fotorama--fullscreen .fotorama__fullscreen-icon:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f065"; } /* Dot Navigation */ .boosted-elements-dot-navigation .fotorama__nav-wrap { position:relative; height:0px; bottom:52px; } .boosted-elements-dot-navigation .fotorama__nav__shaft { margin-bottom:-36px; } .boosted-elements-dot-navigation .fotorama__nav--dots { overflow:visible; } .boosted-elements-dot-navigation .fotorama__dot { width: 6px; height: 6px; position: relative; top: 12px; left: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #ffffff; } .boosted-elements-dot-navigation .fotorama__nav--dots .fotorama__nav__frame--dot { opacity:1; margin-right:0px; } .boosted-elements-dot-navigation .fotorama__nav__frame--dot.fotorama__active .fotorama__dot { border-color:#ffffff; width: 6px; height: 6px; border-width:1px; background:#ffffff; } .fotorama--fullscreen .fotorama__nav--dots { position:relative; height:0px; bottom:60px; } .fotorama--fullscreen .fotorama__nav--dots .fotorama__nav__shaft { margin-bottom:-36px; } .fotorama--fullscreen .fotorama__nav--dots { overflow:visible; } .fotorama--fullscreen .fotorama__dot { width: 6px; height: 6px; position: relative; top: 12px; left: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #ffffff; } .fotorama--fullscreen .fotorama__nav--dots .fotorama__nav__frame--dot { opacity:1; margin-right:0px; } .fotorama--fullscreen .fotorama__nav__frame--dot.fotorama__active .fotorama__dot { border-color:#ffffff; width: 6px; height:6px; border-width:1px; background:#ffffff; } /* =============================================== 15. PRICE/MENU STYLES =============================================== */ ul.boosted-elements-progression-price-menu-list-container { list-style:none; margin:0px; padding:0px; } ul.boosted-elements-progression-price-menu-list-container li:after, ul.boosted-elements-progression-price-menu-list-container li:before { display:none; } ul.boosted-elements-progression-price-menu-list-container li { margin:0px; padding:0px; } h3.boosted-elements-pricing-title { color:#000000; font-size:20px; overflow:hidden; } .boosted-elements-price-list-price { float:right; position:relative; font-weight:700; color:#000000; font-size:16px; padding-left:15px; } .boosted-elements-pricing-image { float:left; } .boosted-elements-price-underline { background:red; height:5px; } .boosted-elements-price-bottom-divider { border-top:1px solid rgba(0,0,0,0); } /* =============================================== 16. ADVANCED BUTTON STYLES =============================================== */ .boosted-elements-advanced-button { position:relative; z-index:1; cursor:pointer; display:inline-block; color:#ffffff; line-height:1; padding:16px 25px; overflow:hidden; -webkit-font-smoothing:antialiased; } .boosted-elements-advanced-button:hover { color:#ffffff; } .boosted-elements-advanced-btn-background-hover, .boosted-elements-advanced-btn-background { display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:4; background:#077bbe; } .boosted-elements-advanced-btn-background-hover { z-index:3; } .boosted-elements-advanced-btn-text { position:relative; z-index:10; display:inline; } /* Button Background Animations */ .boosted-elements-btn-animate-transparent .boosted-elements-advanced-btn-background-hover { opacity:0; } .boosted-elements-btn-animate-transparent:hover .boosted-elements-advanced-btn-background-hover { opacity:1; } .boosted-elements-btn-animate-opacity:hover .boosted-elements-advanced-btn-background { opacity:0; } .boosted-elements-btn-animate-slide-down .boosted-elements-advanced-btn-background-hover { top:-100%; z-index:5; } .boosted-elements-btn-animate-slide-down:hover .boosted-elements-advanced-btn-background-hover { top:0; } .boosted-elements-btn-animate-slide-up .boosted-elements-advanced-btn-background-hover { top:100%; z-index:5; } .boosted-elements-btn-animate-slide-up:hover .boosted-elements-advanced-btn-background-hover { top:0; } .boosted-elements-btn-animate-slide-left .boosted-elements-advanced-btn-background-hover { left:100%; z-index:5; } .boosted-elements-btn-animate-slide-left:hover .boosted-elements-advanced-btn-background-hover { left:0; } .boosted-elements-btn-animate-slide-right .boosted-elements-advanced-btn-background-hover { left:-100%; z-index:5; } .boosted-elements-btn-animate-slide-right:hover .boosted-elements-advanced-btn-background-hover { left:0; } .boosted-elements-btn-animate-center-horizontal .boosted-elements-advanced-btn-background-hover { width:0; left:50%; z-index:5; } .boosted-elements-btn-animate-center-horizontal:hover .boosted-elements-advanced-btn-background-hover { width:100%; left:0; } .boosted-elements-btn-animate-center-vertical .boosted-elements-advanced-btn-background-hover { height:0; top:50%; z-index:5; } .boosted-elements-btn-animate-center-vertical:hover .boosted-elements-advanced-btn-background-hover { height:100%; top:0; } /* Button Icon Animation */ .advanced-btn-icon-spacing-icon-left { text-align:left; } .advanced-btn-icon-spacing-icon-right { text-align:right; } .boosted-elements-icon-animate-on-hover i { opacity:0; width:0px; } .boosted-elements-icon-animate-on-hover:hover i { opacity:1; } .boosted-elements-advanced-btn-text-inline div { display:inline-block; } .boosted-elements-advanced-btn-text-inline { position:relative; z-index:1; left:0; } .boosted-elements-icon-animate-replace-from-right:hover .boosted-elements-advanced-btn-text-inline { left:200%; } .boosted-elements-icon-animate-replace-from-left:hover i { opacity:1; left:0; } .boosted-elements-icon-animate-replace-from-left i { position:absolute; width:100%; left:100%; text-align:center; opacity:0; } .boosted-elements-icon-animate-replace-from-left:hover .boosted-elements-advanced-btn-text-inline { left:-200%; } .boosted-elements-icon-animate-replace-from-right:hover i { opacity:1; left:0; } .boosted-elements-icon-animate-replace-from-right i { position:absolute; width:100%; left:-100%; text-align:center; opacity:0; } .boosted-elements-icon-animate-replace-from-top:hover .boosted-elements-advanced-btn-text-inline { opacity:0; } .boosted-elements-icon-animate-replace-from-top:hover i { opacity:1; } .boosted-elements-icon-animate-replace-from-top i { position:absolute; left:0; width:100%; text-align:center; opacity:0; } /* =============================================== 17. IMAGE COMPARISON STYLES =============================================== */ .images-compare-container{display:inline-block;position:relative;overflow:hidden}.images-compare-before{will-change:clip;position:absolute;top:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.images-compare-after{pointer-events:none}.images-compare-after img,.images-compare-before img{max-width:100%;height:auto;display:block}.images-compare-separator{position:absolute;background:#fff;height:100%;width:1px;z-index:4;left:0;top:0}.images-compare-handle{height:38px;width:38px;position:absolute;left:50%;top:50%;margin-left:-22px;margin-top:-22px;border:3px solid #fff;-webkit-border-radius:1000px;-moz-border-radius:1000px;border-radius:1000px;-webkit-box-shadow:0 0 12px rgba(51,51,51,.5);-moz-box-shadow:0 0 12px rgba(51,51,51,.5);box-shadow:0 0 12px rgba(51,51,51,.5);z-index:3;background:#000;background:rgba(0,0,0,.7);cursor:pointer}.images-compare-left-arrow,.images-compare-right-arrow{width:0;height:0;border:6px inset transparent;position:absolute;top:50%;margin-top:-6px}.images-compare-left-arrow{border-right:6px solid #fff;left:50%;margin-left:-17px}.images-compare-right-arrow{border-left:6px solid #fff;right:50%;margin-right:-17px}.images-compare-label{font-family:sans-serif;text-transform:uppercase;font-weight:700;position:absolute;top:10px;left:10px;z-index:1;color:#000;color:rgba(0,0,0,.4);background:#fff;background:rgba(255,255,255,.7);padding:10px;border-radius:5px;pointer-events:none;display:none}.images-compare-container .images-compare-label{display:inherit}.images-compare-before .images-compare-label{left:10px}.images-compare-after .images-compare-label{left:auto;right:10px} .images-compare-handle { margin-left: -19px; } .boosted-img-compare-position-top .images-compare-label { top:10px; } .boosted-img-compare-position-middle .images-compare-label { top:50%; } .boosted-img-compare-position-bottom .images-compare-label { top:auto; bottom:10px; } .BoostedImageCompareBeforeHidden { display:none; } /* =============================================== 18. NAVIGATION STYLES =============================================== */ /* ESSENTIAL STYLES */ .sf-menu-boosted-elements {background:none;} .sf-menu-boosted-elements, .sf-menu-boosted-elements * {margin: 0; padding: 0; list-style: none; } .sf-menu-boosted-elements li.menu-item, .sf-menu-boosted-elements li.menu-item li { position: relative; } .sf-menu-boosted-elements li.menu-item ul.sub-menu {position: absolute; display: none; top: 100%; left: 0; z-index: 99;} .sf-menu-boosted-elements li.menu-item ul.sub-menu ul.sub-menu {top:0; left:100%;} .sf-menu-boosted-elements > li.menu-item {float: left;} .sf-menu-boosted-elements li.menu-item:hover > ul, .sf-menu-boosted-elements li.menu-item.sfHover-boosted > ul {display: block;} .sf-menu-boosted-elements a.boosted-nav-link-def {display: block; position: relative;} .sf-menu-boosted-elements ul ul {top: 0; left: 100%;} /* .sf-menu-boosted-elements a.boosted-nav-link-def:focus {outline:none;}Firefox Outline Fix */ .sf-menu-boosted-elements a.boosted-nav-link-def::-moz-focus-inner {border:0;}/* Firefox Outline Fix */ .sf-menu-boosted-elements li.menu-item { white-space:nowrap;} .sf-menu-boosted-elements ul li {text-align:left;} .sf-menu-boosted-elements ul.sub-menu {min-width:8.5em;} /* Sub-Menu Min-Width */ .item-underline-nav-boosted { display:inline-block; } /* Remove Selection & Outline .boosted-elements-full-screen-icon, .boosted-elements-progression-search-ico, a.boosted-elements-cart-link, .boosted-elements-mobile-icon-align, .boosted-elements-mobile-menu-list-container, .boosted-elements-main-menu-container { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } */ a:focus { outline:none; } a:focus-visible { outline: 2px solid #4D90FE; outline-offset: 1px; } /* CSS3 Animations */ .item-underline-nav-boosted:before { transition-duration: 200ms; transition-property: all; transition-timing-function: ease-in-out; } .sf-menu-boosted-elements a.boosted-nav-link-def { transition-duration: 200ms; transition-property: padding-top, padding-bottom, color, background-color, width; transition-timing-function: ease-in-out; } @keyframes ElementsMoveUp { /*Fade Out is added via SuperFish */ from {} to {transform:translateY(0px); opacity: 1;} } @keyframes ElementsMoveOut { from { visibility:visible; opacity:1; } to { opacity: 0; visibility:hidden; } } li.sfHover-boosted ul.sub-menu { transform: translateY(20px); opacity:0; animation-duration:250ms; animation-name: ElementsMoveUp; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } .justified-boosted-nav .sf-menu-boosted-elements { display:flex; justify-content: space-evenly; } .justified-boosted-nav .sf-menu-boosted-elements li.menu-item { display:block; width:100%; text-align:center; } .justified-boosted-nav .sf-menu-boosted-elements .sub-menu li.menu-item { text-align:left; } /* Navigation Too Wide Fix - Moves Menu Left */ .sf-menu-boosted-elements ul.narrow-fix-boosted { left: auto !important; right:100% !important; margin-right:0px; } /* DEFAULT NAVIGATION SKIN */ .sf-menu-boosted-elements a.boosted-nav-link-def, .sf-menu-boosted-elements.sf-arrows .sf-with-ul { padding:25px 12px; } .sf-menu-boosted-elements li.menu-item { margin:0px 15px; } .sf-menu-boosted-elements li.menu-item li { margin:0px; } .sf-menu-boosted-elements a.boosted-nav-link-def { text-decoration:none;zoom:1;cursor:pointer;line-height:1; color:#888888; font-size:15px; background:rgba(0,0,0,0); font-weight:700; } .sf-menu-boosted-elements .current-menu-item a.boosted-nav-link-def, .sf-menu-boosted-elements li.menu-item.sfHover-boosted a.boosted-nav-link-def, .sf-menu-boosted-elements li.menu-item a:hover { color:#000000; background:rgba(0,0,0,0); } /* Underline */ .item-underline-nav-boosted { position:relative; } .item-underline-nav-boosted:before { content:''; position:absolute; width:0px; left:50%; height:2px; bottom:-6px; } .sf-menu-boosted-elements a.boosted-nav-link-def .item-underline-nav-boosted:before { background:rgba(0,0,0,0); opacity:0; } .sf-menu-boosted-elements .current-menu-item a.boosted-nav-link-def .item-underline-nav-boosted:before, .sf-menu-boosted-elements li.menu-item.sfHover-boosted a.boosted-nav-link-def .item-underline-nav-boosted:before, .sf-menu-boosted-elements li.menu-item a:hover .item-underline-nav-boosted:before { background:#4b9bcd; opacity:1; width:100%; left:0px; } body .sf-menu-boosted-elements .sub-menu .item-underline-nav-boosted:before { display:none !important; } .sf-menu-boosted-elements .sub-menu .item-underline-nav-boosted { position:static; } /* Hide Underline on Mobile */ ul.boosted-elements-mobile-menu-list a.boosted-nav-link-def .item-underline-nav-boosted:before { background:rgba(0,0,0,0); opacity:0; } ul.boosted-elements-mobile-menu-list .current-menu-item a.boosted-nav-link-def .item-underline-nav-boosted:before, ul.boosted-elements-mobile-menu-list a.boosted-nav-link-def:hover .item-underline-nav-boosted:before { opacity:1; width:100%; left:0px; } ul.boosted-elements-mobile-menu-list li.menu-item li .item-underline-nav-boosted:before { display:none !important; } ul.boosted-elements-mobile-menu-list .boosted-elements-sub-menu-padding { position:relative; z-index:3; } /* Sub-Menu Styles */ .sf-menu-boosted-elements.sf-arrows .sub-menu .sf-with-ul, .sf-menu-boosted-elements .sub-menu a.boosted-nav-link-def { padding:14px 20px; margin:0px; } .sf-menu-boosted-elements .sub-menu li.menu-item:last-child li:last-child li:last-child li:last-child li:last-child li:last-child a.boosted-nav-link-def, .sf-menu-boosted-elements .sub-menu li.menu-item:last-child li:last-child li:last-child li:last-child li:last-child a.boosted-nav-link-def, .sf-menu-boosted-elements .sub-menu li.menu-item:last-child li:last-child li:last-child li:last-child a.boosted-nav-link-def, .sf-menu-boosted-elements .sub-menu li.menu-item:last-child li:last-child li:last-child a.boosted-nav-link-def, .sf-menu-boosted-elements .sub-menu li.menu-item:last-child li:last-child a.boosted-nav-link-def, .sf-menu-boosted-elements .sub-menu li.menu-item:last-child a.boosted-nav-link-def { border:none; } .sf-menu-boosted-elements .sub-menu li.menu-item:last-child li:last-child li:last-child li:last-child li:last-child li a.boosted-nav-link-def, .sf-menu-boosted-elements .sub-menu li.menu-item:last-child li:last-child li:last-child li:last-child li a.boosted-nav-link-def, .sf-menu-boosted-elements .sub-menu li.menu-item:last-child li:last-child li:last-child li a.boosted-nav-link-def, .sf-menu-boosted-elements .sub-menu li.menu-item:last-child li:last-child li a.boosted-nav-link-def, .sf-menu-boosted-elements .sub-menu li.menu-item:last-child li a.boosted-nav-link-def, .sf-menu-boosted-elements .sub-menu li.menu-item a.boosted-nav-link-def { font-size:13px; font-weight:400; border-bottom:1px solid rgba(0,0,0, 0); } .sf-menu-boosted-elements li.menu-item li li li li .sub-menu a.boosted-nav-link-def, .sf-menu-boosted-elements li.menu-item li li li .sub-menu a.boosted-nav-link-def, .sf-menu-boosted-elements li.menu-item li li .sub-menu a.boosted-nav-link-def, .sf-menu-boosted-elements li.menu-item li .sub-menu a.boosted-nav-link-def, .sf-menu-boosted-elements li.menu-item .sub-menu a.boosted-nav-link-def, .sf-menu-boosted-elements li.menu-item.sfHover-boosted li.sfHover-boosted li.sfHover-boosted li.sfHover-boosted li.sfHover-boosted .sub-menu a.boosted-nav-link-def, .sf-menu-boosted-elements li.menu-item.sfHover-boosted li.sfHover-boosted li.sfHover-boosted li.sfHover-boosted .sub-menu a.boosted-nav-link-def, .sf-menu-boosted-elements li.menu-item.sfHover-boosted li.sfHover-boosted li.sfHover-boosted .sub-menu a.boosted-nav-link-def, .sf-menu-boosted-elements li.menu-item.sfHover-boosted li.sfHover-boosted .sub-menu a.boosted-nav-link-def, .sf-menu-boosted-elements li.menu-item.sfHover-boosted .sub-menu a.boosted-nav-link-def { color:#777; } .sf-menu-boosted-elements li.menu-item li li li li li a.boosted-nav-link-def, .sf-menu-boosted-elements li.menu-item li li li li .sub-menu a.boosted-nav-link-def:hover, .sf-menu-boosted-elements li.menu-item li li li li a.boosted-nav-link-def, .sf-menu-boosted-elements li.menu-item li li li .sub-menu a.boosted-nav-link-def:hover, .sf-menu-boosted-elements li.menu-item li li li a.boosted-nav-link-def, .sf-menu-boosted-elements li.menu-item li li .sub-menu a.boosted-nav-link-def:hover, .sf-menu-boosted-elements li.menu-item li li a.boosted-nav-link-def, .sf-menu-boosted-elements li.menu-item li .sub-menu a.boosted-nav-link-def:hover, .sf-menu-boosted-elements li.menu-item li a.boosted-nav-link-def, .sf-menu-boosted-elements li.menu-item .sub-menu a.boosted-nav-link-def:hover, .sf-menu-boosted-elements li.menu-item.sfHover-boosted li.sfHover-boosted li.sfHover-boosted li.sfHover-boosted li.sfHover-boosted li.sfHover-boosted a.boosted-nav-link-def, .sf-menu-boosted-elements li.menu-item.sfHover-boosted li.sfHover-boosted li.sfHover-boosted li.sfHover-boosted li.sfHover-boosted .sub-menu a.boosted-nav-link-def:hover, .sf-menu-boosted-elements li.menu-item.sfHover-boosted li.sfHover-boosted li.sfHover-boosted li.sfHover-boosted li.sfHover-boosted a.boosted-nav-link-def, .sf-menu-boosted-elements li.menu-item.sfHover-boosted li.sfHover-boosted li.sfHover-boosted li.sfHover-boosted .sub-menu a.boosted-nav-link-def:hover, .sf-menu-boosted-elements li.menu-item.sfHover-boosted li.sfHover-boosted li.sfHover-boosted li.sfHover-boosted a.boosted-nav-link-def, .sf-menu-boosted-elements li.menu-item.sfHover-boosted li.sfHover-boosted li.sfHover-boosted .sub-menu a.boosted-nav-link-def:hover, .sf-menu-boosted-elements li.menu-item.sfHover-boosted li.sfHover-boosted li.sfHover-boosted a.boosted-nav-link-def, .sf-menu-boosted-elements li.menu-item.sfHover-boosted li.sfHover-boosted .sub-menu a.boosted-nav-link-def:hover, .sf-menu-boosted-elements li.menu-item.sfHover-boosted li.sfHover-boosted a.boosted-nav-link-def, .sf-menu-boosted-elements li.menu-item.sfHover-boosted .sub-menu a.boosted-nav-link-def:hover { color:#333333; background: #ebebeb; } /* Arrows */ .sf-menu-boosted-elements.sf-arrows .sf-with-ul:after, .menu-item-has-children .menu-item .drop-down-icon-boosted, .menu-item-has-children .menu-item-has-children .menu-item .drop-down-icon-boosted, .menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item .drop-down-icon-boosted, .menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item .drop-down-icon-boosted, .menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item .drop-down-icon-boosted, .drop-down-icon-boosted { display:none; } .menu-item-has-children .drop-down-icon-boosted { display:inline-block; padding-left:5px; font-size:9px; vertical-align: middle; margin-top:-2px; } .sub-menu .menu-item-has-children .drop-down-icon-boosted { font-size:8px; position:absolute; margin-top:0px; right:14px; top: 50%; transform: translateY(-50%); } .sf-menu-boosted-elements .sub-menu .item-underline-nav-boosted { padding-right:8px;/* Fix to ensure no right arrow overlap with long menus in sub-menu */ } .menu-item-has-children .menu-item-has-children .drop-down-icon-boosted, .menu-item-has-children .menu-item-has-children .menu-item-has-children .drop-down-icon-boosted, .menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item-has-children .drop-down-icon-boosted, .menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item-has-children .drop-down-icon-boosted, .menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item-has-children .drop-down-icon-boosted { display:inline-block; } /* Arrows Right-facing */ .sub-menu .drop-down-icon-boosted i.fas { transform: rotate(-90deg); } /* Mobile Menu Styles */ .boosted-elements-mobile-menu-container { display:none; } .boosted-elements-mobile-menu-list-container { display:none; width:100vw; } .boosted-menu-awlays-break .boosted-elements-mobile-menu-list-container, .boosted-menu-awlays-break .boosted-elements-main-menu-container { display:none; } .boosted-menu-awlays-break .boosted-elements-mobile-menu-container { display:block; } @media only screen and (max-width: 1024px) { .boosted-menu-tablet-break .boosted-elements-main-menu-container { display:none; } .boosted-menu-tablet-break .boosted-elements-mobile-menu-container { display:block; } } @media only screen and (max-width: 767px) { .boosted-menu-mobile-break .boosted-elements-main-menu-container { display:none; } .boosted-menu-mobile-break .boosted-elements-mobile-menu-container { display:block; } } .boosted-elements-mobile-i { cursor:pointer; background:#000; text-align:center; color:#fff; width:45px; height:48px; line-height:48px; display:inline-block; border:none; } .boosted-elements-mobile-default-icon { display:inline-block; } .boosted-elements-icon-active .boosted-elements-mobile-default-icon, .boosted-elements-mobile-i .fa-times { display:none; } .boosted-elements-icon-active .boosted-elements-mobile-i .fa-times { display:inline-block; } .boosted-elements-mobile-menu-list-container { top:100%; position: absolute; z-index:9996; } ul.boosted-elements-mobile-menu-list { list-style:none; margin:0px; padding:0px; } ul.boosted-elements-mobile-menu-list .sub-menu { margin:0px; padding:0px; display:none; } ul.boosted-elements-mobile-menu-list li.menu-item { list-style:none; margin:0px; padding:0px; position:relative; } ul.boosted-elements-mobile-menu-list li.menu-item a.boosted-nav-link-def, .menu-item-has-children .mobile-drop-down-icon-boosted { padding:10px 20px 10px 20px; } ul.boosted-elements-mobile-menu-list li.menu-item a.boosted-nav-link-def { display:block; color:#777; background:#f4f4f4; border-bottom:1px solid #d7d7d7; font-size:15px; } .sub-menu .boosted-elements-sub-menu-padding { padding-left:10px; } .sub-menu .sub-menu .boosted-elements-sub-menu-padding { padding-left:20px; } .sub-menu .sub-menu .sub-menu .boosted-elements-sub-menu-padding { padding-left:30px; } .sub-menu .sub-menu .sub-menu .sub-menu .boosted-elements-sub-menu-padding { padding-left:40px; } /* Drop Down Arrows */ .boosted-elements-show-sub-menu.mobile-drop-down-icon-boosted i { transform: rotate(180deg); } .menu-item-has-children .menu-item .mobile-drop-down-icon-boosted, .menu-item-has-children .menu-item-has-children .menu-item .mobile-drop-down-icon-boosted, .menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item .mobile-drop-down-icon-boosted, .menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item .mobile-drop-down-icon-boosted, .menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item .mobile-drop-down-icon-boosted, .mobile-drop-down-icon-boosted { display:none; } .menu-item-has-children .mobile-drop-down-icon-boosted, .menu-item-has-children .menu-item-has-children .mobile-drop-down-icon-boosted, .menu-item-has-children .menu-item-has-children .menu-item-has-children .mobile-drop-down-icon-boosted, .menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item-has-children .mobile-drop-down-icon-boosted, .menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item-has-children .mobile-drop-down-icon-boosted, .menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item-has-children .mobile-drop-down-icon-boosted { display:inline-block; } .menu-item-has-children .mobile-drop-down-icon-boosted { padding-left:5px; font-size:10px; vertical-align: middle; position:absolute; right:0px; width:30%; text-align:right; top:0px; cursor:pointer; } .menu-item-has-children .mobile-drop-down-icon-boosted:after { content:''; display:block; position:absolute; right:50px; width:1px; top:0px; height:100%; } /* Hover Icon */ .boosted-elements-arrow-on-hover-menu { transition-duration:250ms; transition-property: opacity; transition-timing-function: ease; } .boosted-elements-menu-hover-text { transition-duration:250ms; transition-property: padding, margin; transition-timing-function: ease; } .item-underline-nav-boosted .boosted-elements-arrow-on-hover-menu { display:none; } /* Mega Menu */ .sf-menu-boosted-elements li.menu-item.boosted-elements-mega-menu-container-class ul.sub-menu { padding:0px !important; margin:0px !important; width:100vw !important; } .sf-menu-boosted-elements li.menu-item.boosted-elements-mega-menu-container-class { white-space:normal; } /* Dropdown Icon */ .boosted-elements-fa-icon-custom { padding-right:6px; } .sf-menu-boosted-elements ul.sub-menu:before { position:absolute; left:0; content:''; width:100%; background:transparent; } /* Full Screen Mobile Menu */ .boosted-elements-full-screen-icon { transition-duration: 250ms; transition-property: all; transition-timing-function: ease-in-out; } .boosted-elements-full-screen-icon { cursor:pointer; background:#000; text-align:center; color:#fff; width:45px; height:48px; line-height:48px; display:inline-block; } .boosted-elements-full-nav-container .boosted-elements-full-screen-icon { position:absolute; z-index:25; } .boosted-elements-full-nav-container { display:none; position:fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(25,25,28, 1); } .boosted-elements-full-screen-table { display:table; width:100%; height:100%; } .boosted-elements-full-screen-align { vertical-align:middle; display: table-cell; overflow:hidden; } .boosted-elements-full-container-main-bg { margin:0 auto; width:600px; max-height:90%; overflow-y: auto; } /* =============================================== 19. CART STYLES =============================================== */ #boosted-elements-shopping-cart-count { position:relative; display:inline-block; } #boosted-elements-cart-subtotal-button { display:inline-block; } #boosted-elements-shopping-cart-count a.boosted-elements-cart-link { display:inline-block; line-height:1; background:#f4f4f4; padding:14px 20px; color:#777; } #boosted-elements-shopping-cart-count #boosted-elements-cart-subtotal { display:none; } .boosted-menu-sub-total-default-yes #boosted-elements-shopping-cart-count #boosted-elements-cart-subtotal { display:inline-block; } #boosted-elements-shopping-cart-count .boosted-elements-cart-icon { display:inline-block; position:relative; margin-left:4px; } #boosted-elements-shopping-cart-count span.boosted-elements-cart-count { display:none; position:absolute; top:-10px; right:-10px; border-radius:100px; font-size:9px; background:#000; color:#fff; text-align:center; width:17px; line-height:17px; height:17px; } .boosted-menu-count-empty-yes #boosted-elements-shopping-cart-count .boosted-cart-empty-hide span.boosted-elements-cart-count { display:none; } .boosted-menu-cart-count-display-yes #boosted-elements-shopping-cart-count span.boosted-elements-cart-count { display:inline-block; } #boosted-elements-shopping-cart-count .boosted-elements-mini-cart { position:absolute; width:300px; right:0px; margin:0px; padding:24px; z-index:35; background:#f4f4f4; text-align:left; opacity:0; visibility:hidden; } #boosted-elements-shopping-cart-align { margin-bottom:100px; } #boosted-elements-shopping-cart-count.boosted-cart-hover-out-class .boosted-elements-mini-cart { animation-duration:200ms; animation-name: ElementsMoveOut; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } #boosted-elements-shopping-cart-count.boosted-cart-activated-class .boosted-elements-mini-cart { transform: translateY(20px); opacity:0; visibility:visible; animation-duration:250ms; animation-name: ElementsMoveUp; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } .toggle-icon--bag-light .boosted-elements-cart-icon i.eicon-cart-medium:before { content: '\e8e3'; } .toggle-icon--bag-medium .boosted-elements-cart-icon i.eicon-cart-medium:before { content: '\e8e4'; } .toggle-icon--bag-solid .boosted-elements-cart-icon i.eicon-cart-medium:before { content: '\e8e5'; } .toggle-icon--basket-light .boosted-elements-cart-icon i.eicon-cart-medium:before { content: '\e8e6'; } .toggle-icon--basket-medium .boosted-elements-cart-icon i.eicon-cart-medium:before { content: '\e8e7'; } .toggle-icon--basket-solid .boosted-elements-cart-icon i.eicon-cart-medium:before { content: '\e8e8'; } .toggle-icon--cart-light .boosted-elements-cart-icon i.eicon-cart-medium:before { content: '\e8e9'; } .toggle-icon--cart-medium .boosted-elements-cart-icon i.eicon-cart-medium:before { content: '\e8ea'; } .toggle-icon--cart-solid .boosted-elements-cart-icon i.eicon-cart-medium:before { content: '\e8eb'; } #boosted-elements-shopping-cart-count ul#boosted-elements-cart-product-list { list-style:none; margin:0px 0px 10px 0px; padding:0px; line-height:1.4; } #boosted-elements-shopping-cart-count ul#boosted-elements-cart-product-list li { position:relative; margin:0px 0px 18px 0px; padding:0px 18px 12px 0px; border-bottom:1px solid #d7d7d7; } #boosted-elements-shopping-cart-count ul#boosted-elements-cart-product-list li img { margin-bottom:4px; width:60px; float:left; } #boosted-elements-shopping-cart-count ul#boosted-elements-cart-product-list li a.boosted-elements-min-cart-remove { position:absolute; top:8px; right:0px; font-family: Arial, Helvetica, sans-serif; font-size:11px; border-radius:20px; text-align:center; display:block; height:18px; width:18px; line-height:17px; border:1px solid #cccccc; color:#cccccc; } #boosted-elements-shopping-cart-count ul#boosted-elements-cart-product-list li .boosted-elements-cart-mini-text { width: calc(100% - 72px); float:right; } #boosted-elements-shopping-cart-count ul#boosted-elements-cart-product-list li .boosted-elements-cart-mini-text h6 { font-size:13px; margin-bottom:2px; margin-top:6px; } #boosted-elements-shopping-cart-count ul#boosted-elements-cart-product-list li, #boosted-elements-shopping-cart-count ul#boosted-elements-cart-product-list li .boosted-elements-cart-mini-text dt, #boosted-elements-shopping-cart-count ul#boosted-elements-cart-product-list li .boosted-elements-cart-mini-text dd, #boosted-elements-shopping-cart-count ul#boosted-elements-cart-product-list li .boosted-elements-cart-mini-text, #boosted-elements-shopping-cart-count ul#boosted-elements-cart-product-list li .boosted-elements-mini-cart-quantity { color:#999; font-size:12px; } #boosted-elements-shopping-cart-count ul#boosted-elements-cart-product-list li .boosted-elements-mini-cart-empty { padding:5px 0px; } #boosted-elements-shopping-cart-count .variation { margin:0px; padding:0px; } #boosted-elements-shopping-cart-count .variation dd, #boosted-elements-shopping-cart-count .variation dt { display:inline-block; width:auto; height:auto; padding:0px; margin:0px; } #boosted-elements-shopping-cart-count .variation dd p, #boosted-elements-shopping-cart-count .variation dt p { margin:0px 0px 3px 0px; } #boosted-elements-shopping-cart-count a.boosted-elements-mini-cart-button { float:left; line-height:1; display:inline-block; padding:14px 20px; background:#333333; color:#ffffff; font-size:11px; } #boosted-elements-shopping-cart-count #boosted-elements-mini-cart-subtotal { float:right; position:relative; top:4px; font-size:13px; } #boosted-elements-shopping-cart-count #boosted-elements-mini-cart-subtotal .boosted-elements-total-number-add { font-weight:700; } #boosted-elements-shopping-cart-count .boosted-elements-mini-cart:after { position:absolute; left:0; content:''; width:100%; background:transparent; } /* =============================================== 20. SEARCH STYLES =============================================== */ .boosted-elements-progression-search-container.boosted-elements-hide-search-icon-pro .boosted-elements-search-panel { animation-duration:200ms; animation-name: ElementsMoveOut; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } .boosted-elements-progression-search-container.boosted-elements-active-search-icon-pro .boosted-elements-search-panel { transform: translateY(20px); visibility:visible; animation-duration:250ms; animation-name: ElementsMoveUp; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } .boosted-elements-progression-search-ico i.fa-times, .boosted-elements-progression-search-container.boosted-elements-active-search-icon-pro .boosted-elements-progression-search-ico i { display:none; } .boosted-elements-progression-search-container.boosted-elements-active-search-icon-pro .boosted-elements-progression-search-ico i.fa-times { display:inline-block; } .boosted-elements-progression-search-container { display:inline-block; position:relative; } .boosted-elements-progression-search-ico { display:inline-block; cursor:pointer; padding:0px; width:60px; height:60px; text-align:center; line-height:60px; font-size:18px; background:#f2f2f2; transition-duration:300ms; transition-property: all; transition-timing-function: ease; } .boosted-elements-search-panel { position:absolute; left:0px; top:100%; padding:20px 24px 20px 24px; background:#f4f4f4; z-index:5; visibility: hidden; opacity: 0; } /* Input Fields */ .boosted-elements-search-input-field .boosted-elements-search-form .boosted-elements-screen-reader-text { display:none; } .boosted-elements-search-input-field .boosted-elements-search-form { line-height:1; padding:0px; margin:0px; display: flex; } .boosted-elements-search-input-field .boosted-elements-search-form button.boosted-elements-search-submit, .boosted-elements-search-input-field .boosted-elements-search-form input.boosted-elements-search-field[type=search] { display:inline-block; -webkit-appearance: none; -moz-appearance: none; outline:none; margin:0px; padding:15px; min-width:0px; font-size:13px; border:none; font-family: Arial, Helvetica, sans-serif; line-height:normal; } .boosted-elements-search-input-field .boosted-elements-search-form input.boosted-elements-search-field[type=search] { background:#fff; flex-grow: 1; } .boosted-elements-search-no-button.boosted-elements-search-input-field .boosted-elements-search-form button.boosted-elements-search-submit { display:none; } .boosted-elements-search-input-field .boosted-elements-search-form button.boosted-elements-search-submit { color:#ffffff; background:#888; } /* =============================================== 21. TAB STYLES =============================================== */ /*! * jQuery SmartTab v3 * The flexible jQuery tab control plugin * http://www.techlaboratory.net/jquery-smarttab * * Created by Dipu Raj * http://dipu.me * * Licensed under the terms of MIT License * https://github.com/techlab/jquery-smarttab/blob/master/LICENSE */ /* SmartTab Base Styles */ .st { position: relative; } .st *, .st *::before, .st *::after { box-sizing: border-box; } .st > .boosted-elements-tab-content { position: relative; } .st > .boosted-tabs-nav.nav { display: flex; flex-wrap: wrap; list-style: none; padding:0px; margin:0; } @media screen and (max-width: 640px) { .st > .boosted-tabs-nav.nav { flex-direction: column !important; flex: 1 auto; } } .st > .boosted-tabs-nav.nav .boosted-elements-nav-link.nav-link { display: block; padding: .5rem 1rem; text-decoration: none; outline: 0 !important; } .st > .boosted-tabs-nav.nav .boosted-elements-nav-link.nav-link:hover, .st > .boosted-tabs-nav.nav .boosted-elements-nav-link.nav-link:active, .st > .boosted-tabs-nav.nav .boosted-elements-nav-link.nav-link:focus { text-decoration: none; outline: 0 !important; } .st > .boosted-tabs-nav.nav .boosted-elements-nav-link.nav-link::-moz-focus-inner { border: 0 !important; } .st > .boosted-tabs-nav.nav .boosted-elements-nav-link.nav-link.disabled { color: #ccc !important; pointer-events: none; cursor: default; } .st.st-vertical { display: flex !important; flex-wrap: nowrap; } .st.st-vertical > .boosted-tabs-nav.nav { flex-direction: column !important; flex: 1 auto; } .st.st-vertical > .boosted-tabs-nav.nav .boosted-elements-nav-link.nav-link { text-align: left; } .st.st-vertical > .boosted-tabs-nav.nav > li, .st.st-vertical > .boosted-tabs-nav.nav .boosted-elements-nav-link.nav-link { flex-grow: unset !important; } .st.st-vertical > .boosted-elements-tab-content { flex: 1 100%; } .st.st-justified > .boosted-tabs-nav.nav > li, .st.st-justified > .boosted-tabs-nav.nav .boosted-elements-nav-link.nav-link { flex-basis: 0; flex-grow: 1; text-align: center; } .st.st-loading { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .st.st-loading::after { content: ""; display: block; position: absolute; opacity: 1; top: 0; left: 0; height: 100%; width: 100%; background: rgba(255, 255, 255, 0.7); z-index: 2; transition: all .2s ease; } .st.st-loading::before { content: ''; display: inline-block; position: absolute; top: 45%; left: 45%; width: 2rem; height: 2rem; border: 10px solid #f3f3f3; border-top: 10px solid #3498db; border-radius: 50%; z-index: 10; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } @-webkit-keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Spacing */ .st-theme-boosted-default > .boosted-tabs-nav.nav li:last-child { margin-right:0px !important; } /* Default Link */ .st-theme-boosted-default > .boosted-tabs-nav.nav .boosted-elements-nav-link.nav-link { transition: all 250ms ease 0s; position: relative; background: #f9f9f9; height: 100%; min-height: 100%; color: #999999; padding: 20px 15px 16px 15px; cursor: pointer; /* border-top-left-radius: 15px; border-top-right-radius: 15px; */ } .boosted-tabs-nav-title { font-weight:700; } /* Hover */ /*. Selected */ .st-theme-boosted-default > .boosted-tabs-nav.nav .boosted-elements-nav-link.nav-link.active { color: #333333; background:#f1f1f1; border-bottom:#ffffff; } /* Border Bottom */ .st-theme-boosted-default > .boosted-tabs-nav.nav .boosted-elements-nav-link.nav-link::after { transition: background 250ms ease 0s; content: ""; display:block; background: transparent; position: absolute; width: 100%; left: 0px; z-index:3; bottom:0px; } .st-theme-boosted-default > .boosted-tabs-nav.nav .boosted-elements-nav-link.nav-link.active::after { background: transparent; } .st-theme-boosted-default.st-vertical > .boosted-tabs-nav.nav .boosted-elements-nav-link.nav-link::after { height: 100%; width: 2px; top: 0px; left: auto; right: -2px; } /* Border Top */ .st-theme-boosted-default > .boosted-tabs-nav.nav .boosted-elements-nav-link.nav-link::before { transition: background 250ms ease 0s; content: ""; display:block; background: transparent; position: absolute; width: 100%; left: 0px; z-index:3; top:0px; } .st-theme-boosted-default > .boosted-tabs-nav.nav .boosted-elements-nav-link.nav-link.active::before { background: transparent; } .st-theme-boosted-default.st-vertical > .boosted-tabs-nav.nav .boosted-elements-nav-link.nav-link::before { height: 100%; width: 2px; top: 0px !important; right: auto; left: -2px; } /* Divider */ .st-theme-boosted-default > .boosted-tabs-nav.nav .boosted-elements-nav-link.nav-link { border-right:0px solid transparent; } /* Mobile Fixes */ @media only screen and (max-width: 767px) { /* Divider */ .st-theme-boosted-default > .boosted-tabs-nav.nav li:last-child .boosted-elements-nav-link.nav-link { border-right:none; } }
| ver. 1.4 |
Github
|
.
| PHP 8.5.7 | Generation time: 0 |
proxy
|
phpinfo
|
Settings