/* ------------------------------------------------------------- Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets List of CSS3 Sass Mixins File to be @imported and @included as you need The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER ENDING css files note: All CSS3 Properties are being supported by Safari 5 more info: http://www.findmebyip.com/litmus/#css3-properties Mixins available: - css3-prefix - arguments: Property, Value - background-gradient - arguments: Start Color: #3C3C3C, End Color: #999999 - background-horizontal - arguments: Start Color: #3C3C3C, End Color: #999999 - background-radial - arguments: Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100% - background-size - arguments: Width: 100%, Height: 100% - background-opacity - arguments: Color: #000, Opacity: .85 - border-radius - arguments: Radius: 5px - border-radius-separate - arguments: Top Left: 5px, Top Right: 5px, Bottom Left: 5px, Bottom Right: 5px - box - arguments: Orientation: horizontal, Pack: center, Align: center - box-rgba - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C - box-shadow - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) - box-sizing - arguments: Type: border-box - columns - arguments: Count: 3, Gap: 10 - double-borders - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0 - flex - arguments: Value: 1 - flip - arguments: ScaleX: -1 - font-face - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf - opacity - arguments: Opacity: 0.5 - outline radius - arguments: Radius: 5px - resize - arguments: Direction: both - rotate - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0 CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html - text-shadow - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) - transform - arguments: Parameters: null - transform-style - arguments: Style: preserve-3d - transition - Default arguments: What: all, Length: 1s, Easing: ease-in-out - - Examples: @include transition (all 2s ease-in-out); - @include transition (opacity 1s ease-in 2s, width 2s ease-out); - triple-borders - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0 - keyframes - arguments: Animation name - content: Animation css - animation - arguments: name duration timing-function delay iteration-count direction fill-mode play-state (http://www.w3schools.com/cssref/css3_pr_animation.asp) ------------------------------------------------------------- */ /* ADDS A BROWSER PREFIX TO THE PROPERTY */ /* ========================================================================== Style Button ========================================================================== */ /** * Entry Header * ---------------------------------------------------------------------------- */ /* Comment */ /*------------------------------------------------------------------ [All Style Shortcode] 1. Accordion 2. CMS Heading 3. CMS Lists 4. CMS Carousel 5. CMS Counter 6. CMS Countdown 7. CMS Process 8. CMS Pricing 9. CMS Progress Bar 10. CMS Fancybox 11. CMS Video Popup 12. Tabs 13. CMS Timeline 14. CMS CTA 15. Pie chart 16. CMS Grid /* ========================================================================== [Start] 1. Accordion ========================================================================== */ /* ========================================================================== [Start] All Style Form ========================================================================== */ /* ========================================================================== [Start] 1. Reset HTML/CSS, Unitest, Body ========================================================================== */ /* ========================================================================== Style Main Menu ========================================================================== */ /* -----> Minimum width of 992 pixels. */ /* cms recent post widget */ .sticky-desktop.header-fixed { position: fixed; } .btn, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .button, .woocommerce-Reviews #review_form #respond .form-submit input, .woocommerce table.shop_table td.actions input.button, .woocommerce table.shop_table td.actions .wc-proceed-to-checkout a, .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button, .woocommerce .cart-collaterals .cart_totals .checkout-button, .woocommerce-page .cart-collaterals .cart_totals .checkout-button, .woocommerce .return-to-shop a.button, .woocommerce .checkout_coupon input.button, .woocommerce-checkout #payment #place_order, button, .button, input[type='submit'] { border: 2px solid #5fbbce; background-color: #5fbbce; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ color: #fff; font-size: 13px; font-weight: 800; line-height: 47px; margin: 0; padding: 0 30px; text-transform: uppercase; letter-spacing: 0.002em; position: relative; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .btn:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .button:hover, .woocommerce-Reviews #review_form #respond .form-submit input:hover, .woocommerce table.shop_table td.actions input.button:hover, .woocommerce table.shop_table td.actions .wc-proceed-to-checkout a:hover, .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button:hover, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button:hover, .woocommerce .cart-collaterals .cart_totals .checkout-button:hover, .woocommerce-page .cart-collaterals .cart_totals .checkout-button:hover, .woocommerce .return-to-shop a.button:hover, .woocommerce .checkout_coupon input.button:hover, .woocommerce-checkout #payment #place_order:hover, button:hover, .button:hover, input[type='submit']:hover, .btn:focus, .woocommerce input.button:focus, .woocommerce #respond input#submit:focus, .woocommerce a.button:focus, .woocommerce button.button:focus, .woocommerce input.button:focus, #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .button:focus, .woocommerce-Reviews #review_form #respond .form-submit input:focus, .woocommerce table.shop_table td.actions input.button:focus, .woocommerce table.shop_table td.actions .wc-proceed-to-checkout a:focus, .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button:focus, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button:focus, .woocommerce .cart-collaterals .cart_totals .checkout-button:focus, .woocommerce-page .cart-collaterals .cart_totals .checkout-button:focus, .woocommerce .return-to-shop a.button:focus, .woocommerce .checkout_coupon input.button:focus, .woocommerce-checkout #payment #place_order:focus, button:focus, .button:focus, input[type='submit']:focus { color: #5fbbce; border-color: #5fbbce; background-color: transparent; outline: none; } .btn, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .button, .woocommerce-Reviews #review_form #respond .form-submit input, .woocommerce table.shop_table td.actions input.button, .woocommerce table.shop_table td.actions .wc-proceed-to-checkout a, .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button, .woocommerce .cart-collaterals .cart_totals .checkout-button, .woocommerce-page .cart-collaterals .cart_totals .checkout-button, .woocommerce .return-to-shop a.button, .woocommerce .checkout_coupon input.button, .woocommerce-checkout #payment #place_order { /* Button slider */ } .btn i, .woocommerce input.button i, .woocommerce #respond input#submit i, .woocommerce a.button i, .woocommerce button.button i, .woocommerce input.button i, #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .button i, .woocommerce-Reviews #review_form #respond .form-submit input i, .woocommerce table.shop_table td.actions input.button i, .woocommerce table.shop_table td.actions .wc-proceed-to-checkout a i, .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button i, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button i, .woocommerce .cart-collaterals .cart_totals .checkout-button i, .woocommerce-page .cart-collaterals .cart_totals .checkout-button i, .woocommerce .return-to-shop a.button i, .woocommerce .checkout_coupon input.button i, .woocommerce-checkout #payment #place_order i { padding-left: 12px; } .btn.btn-primary, .woocommerce input.button.btn-primary, .woocommerce #respond input#submit.btn-primary, .woocommerce a.button.btn-primary, .woocommerce button.button.btn-primary, .woocommerce input.button.btn-primary, #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .button.btn-primary, .woocommerce-Reviews #review_form #respond .form-submit input.btn-primary, .woocommerce table.shop_table td.actions input.button.btn-primary, .woocommerce table.shop_table td.actions .wc-proceed-to-checkout a.btn-primary, .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-primary, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-primary, .woocommerce .cart-collaterals .cart_totals .checkout-button.btn-primary, .woocommerce-page .cart-collaterals .cart_totals .checkout-button.btn-primary, .woocommerce .return-to-shop a.button.btn-primary, .woocommerce .checkout_coupon input.button.btn-primary, .woocommerce-checkout #payment #place_order.btn-primary { background-color: transparent; border-color: #5fbbce; color: #5fbbce; } .btn.btn-primary:hover, .woocommerce input.button.btn-primary:hover, .woocommerce #respond input#submit.btn-primary:hover, .woocommerce a.button.btn-primary:hover, .woocommerce button.button.btn-primary:hover, .woocommerce input.button.btn-primary:hover, #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .button.btn-primary:hover, .woocommerce-Reviews #review_form #respond .form-submit input.btn-primary:hover, .woocommerce table.shop_table td.actions input.button.btn-primary:hover, .woocommerce table.shop_table td.actions .wc-proceed-to-checkout a.btn-primary:hover, .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-primary:hover, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-primary:hover, .woocommerce .cart-collaterals .cart_totals .checkout-button.btn-primary:hover, .woocommerce-page .cart-collaterals .cart_totals .checkout-button.btn-primary:hover, .woocommerce .return-to-shop a.button.btn-primary:hover, .woocommerce .checkout_coupon input.button.btn-primary:hover, .woocommerce-checkout #payment #place_order.btn-primary:hover { background-color: #5fbbce; border-color: #5fbbce; color: #fff; } .btn.btn-secondary, .woocommerce input.button.btn-secondary, .woocommerce #respond input#submit.btn-secondary, .woocommerce a.button.btn-secondary, .woocommerce button.button.btn-secondary, .woocommerce input.button.btn-secondary, #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .button.btn-secondary, .woocommerce-Reviews #review_form #respond .form-submit input.btn-secondary, .woocommerce table.shop_table td.actions input.button.btn-secondary, .woocommerce table.shop_table td.actions .wc-proceed-to-checkout a.btn-secondary, .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-secondary, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-secondary, .woocommerce .cart-collaterals .cart_totals .checkout-button.btn-secondary, .woocommerce-page .cart-collaterals .cart_totals .checkout-button.btn-secondary, .woocommerce .return-to-shop a.button.btn-secondary, .woocommerce .checkout_coupon input.button.btn-secondary, .woocommerce-checkout #payment #place_order.btn-secondary { background-color: #222; border-color: #222; color: #fff; } .btn.btn-secondary:hover, .woocommerce input.button.btn-secondary:hover, .woocommerce #respond input#submit.btn-secondary:hover, .woocommerce a.button.btn-secondary:hover, .woocommerce button.button.btn-secondary:hover, .woocommerce input.button.btn-secondary:hover, #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .button.btn-secondary:hover, .woocommerce-Reviews #review_form #respond .form-submit input.btn-secondary:hover, .woocommerce table.shop_table td.actions input.button.btn-secondary:hover, .woocommerce table.shop_table td.actions .wc-proceed-to-checkout a.btn-secondary:hover, .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-secondary:hover, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-secondary:hover, .woocommerce .cart-collaterals .cart_totals .checkout-button.btn-secondary:hover, .woocommerce-page .cart-collaterals .cart_totals .checkout-button.btn-secondary:hover, .woocommerce .return-to-shop a.button.btn-secondary:hover, .woocommerce .checkout_coupon input.button.btn-secondary:hover, .woocommerce-checkout #payment #place_order.btn-secondary:hover { background-color: #5fbbce; border-color: #5fbbce; color: #fff; } .btn.btn-secondary-alt, .woocommerce input.button.btn-secondary-alt, .woocommerce #respond input#submit.btn-secondary-alt, .woocommerce a.button.btn-secondary-alt, .woocommerce button.button.btn-secondary-alt, .woocommerce input.button.btn-secondary-alt, #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .button.btn-secondary-alt, .woocommerce-Reviews #review_form #respond .form-submit input.btn-secondary-alt, .woocommerce table.shop_table td.actions input.button.btn-secondary-alt, .woocommerce table.shop_table td.actions .wc-proceed-to-checkout a.btn-secondary-alt, .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-secondary-alt, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-secondary-alt, .woocommerce .cart-collaterals .cart_totals .checkout-button.btn-secondary-alt, .woocommerce-page .cart-collaterals .cart_totals .checkout-button.btn-secondary-alt, .woocommerce .return-to-shop a.button.btn-secondary-alt, .woocommerce .checkout_coupon input.button.btn-secondary-alt, .woocommerce-checkout #payment #place_order.btn-secondary-alt { background-color: transparent; border-color: #222; color: #222; } .btn.btn-secondary-alt:hover, .woocommerce input.button.btn-secondary-alt:hover, .woocommerce #respond input#submit.btn-secondary-alt:hover, .woocommerce a.button.btn-secondary-alt:hover, .woocommerce button.button.btn-secondary-alt:hover, .woocommerce input.button.btn-secondary-alt:hover, #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .button.btn-secondary-alt:hover, .woocommerce-Reviews #review_form #respond .form-submit input.btn-secondary-alt:hover, .woocommerce table.shop_table td.actions input.button.btn-secondary-alt:hover, .woocommerce table.shop_table td.actions .wc-proceed-to-checkout a.btn-secondary-alt:hover, .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-secondary-alt:hover, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-secondary-alt:hover, .woocommerce .cart-collaterals .cart_totals .checkout-button.btn-secondary-alt:hover, .woocommerce-page .cart-collaterals .cart_totals .checkout-button.btn-secondary-alt:hover, .woocommerce .return-to-shop a.button.btn-secondary-alt:hover, .woocommerce .checkout_coupon input.button.btn-secondary-alt:hover, .woocommerce-checkout #payment #place_order.btn-secondary-alt:hover { background-color: #222; border-color: #222; color: #fff; } .btn.btn-white, .woocommerce input.button.btn-white, .woocommerce #respond input#submit.btn-white, .woocommerce a.button.btn-white, .woocommerce button.button.btn-white, .woocommerce input.button.btn-white, #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .button.btn-white, .woocommerce-Reviews #review_form #respond .form-submit input.btn-white, .woocommerce table.shop_table td.actions input.button.btn-white, .woocommerce table.shop_table td.actions .wc-proceed-to-checkout a.btn-white, .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-white, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-white, .woocommerce .cart-collaterals .cart_totals .checkout-button.btn-white, .woocommerce-page .cart-collaterals .cart_totals .checkout-button.btn-white, .woocommerce .return-to-shop a.button.btn-white, .woocommerce .checkout_coupon input.button.btn-white, .woocommerce-checkout #payment #place_order.btn-white { border-color: #fff; background-color: #fff; color: #222; } .btn.btn-white:hover, .woocommerce input.button.btn-white:hover, .woocommerce #respond input#submit.btn-white:hover, .woocommerce a.button.btn-white:hover, .woocommerce button.button.btn-white:hover, .woocommerce input.button.btn-white:hover, #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .button.btn-white:hover, .woocommerce-Reviews #review_form #respond .form-submit input.btn-white:hover, .woocommerce table.shop_table td.actions input.button.btn-white:hover, .woocommerce table.shop_table td.actions .wc-proceed-to-checkout a.btn-white:hover, .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-white:hover, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-white:hover, .woocommerce .cart-collaterals .cart_totals .checkout-button.btn-white:hover, .woocommerce-page .cart-collaterals .cart_totals .checkout-button.btn-white:hover, .woocommerce .return-to-shop a.button.btn-white:hover, .woocommerce .checkout_coupon input.button.btn-white:hover, .woocommerce-checkout #payment #place_order.btn-white:hover { border-color: #fff; background-color: transparent; color: #fff; } .btn.btn-white-alt, .woocommerce input.button.btn-white-alt, .woocommerce #respond input#submit.btn-white-alt, .woocommerce a.button.btn-white-alt, .woocommerce button.button.btn-white-alt, .woocommerce input.button.btn-white-alt, #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .button.btn-white-alt, .woocommerce-Reviews #review_form #respond .form-submit input.btn-white-alt, .woocommerce table.shop_table td.actions input.button.btn-white-alt, .woocommerce table.shop_table td.actions .wc-proceed-to-checkout a.btn-white-alt, .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-white-alt, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-white-alt, .woocommerce .cart-collaterals .cart_totals .checkout-button.btn-white-alt, .woocommerce-page .cart-collaterals .cart_totals .checkout-button.btn-white-alt, .woocommerce .return-to-shop a.button.btn-white-alt, .woocommerce .checkout_coupon input.button.btn-white-alt, .woocommerce-checkout #payment #place_order.btn-white-alt { border-color: #fff; background-color: transparent; } .btn.btn-white-alt:hover, .woocommerce input.button.btn-white-alt:hover, .woocommerce #respond input#submit.btn-white-alt:hover, .woocommerce a.button.btn-white-alt:hover, .woocommerce button.button.btn-white-alt:hover, .woocommerce input.button.btn-white-alt:hover, #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .button.btn-white-alt:hover, .woocommerce-Reviews #review_form #respond .form-submit input.btn-white-alt:hover, .woocommerce table.shop_table td.actions input.button.btn-white-alt:hover, .woocommerce table.shop_table td.actions .wc-proceed-to-checkout a.btn-white-alt:hover, .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-white-alt:hover, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-white-alt:hover, .woocommerce .cart-collaterals .cart_totals .checkout-button.btn-white-alt:hover, .woocommerce-page .cart-collaterals .cart_totals .checkout-button.btn-white-alt:hover, .woocommerce .return-to-shop a.button.btn-white-alt:hover, .woocommerce .checkout_coupon input.button.btn-white-alt:hover, .woocommerce-checkout #payment #place_order.btn-white-alt:hover { border-color: #fff; background-color: #fff; color: #222; } .btn.btn-no-style, .woocommerce input.button.btn-no-style, .woocommerce #respond input#submit.btn-no-style, .woocommerce a.button.btn-no-style, .woocommerce button.button.btn-no-style, .woocommerce input.button.btn-no-style, #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .button.btn-no-style, .woocommerce-Reviews #review_form #respond .form-submit input.btn-no-style, .woocommerce table.shop_table td.actions input.button.btn-no-style, .woocommerce table.shop_table td.actions .wc-proceed-to-checkout a.btn-no-style, .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-no-style, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-no-style, .woocommerce .cart-collaterals .cart_totals .checkout-button.btn-no-style, .woocommerce-page .cart-collaterals .cart_totals .checkout-button.btn-no-style, .woocommerce .return-to-shop a.button.btn-no-style, .woocommerce .checkout_coupon input.button.btn-no-style, .woocommerce-checkout #payment #place_order.btn-no-style { background-color: transparent; border-color: transparent; color: #5fbbce; } .btn.btn-no-style:hover, .woocommerce input.button.btn-no-style:hover, .woocommerce #respond input#submit.btn-no-style:hover, .woocommerce a.button.btn-no-style:hover, .woocommerce button.button.btn-no-style:hover, .woocommerce input.button.btn-no-style:hover, #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .button.btn-no-style:hover, .woocommerce-Reviews #review_form #respond .form-submit input.btn-no-style:hover, .woocommerce table.shop_table td.actions input.button.btn-no-style:hover, .woocommerce table.shop_table td.actions .wc-proceed-to-checkout a.btn-no-style:hover, .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-no-style:hover, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-no-style:hover, .woocommerce .cart-collaterals .cart_totals .checkout-button.btn-no-style:hover, .woocommerce-page .cart-collaterals .cart_totals .checkout-button.btn-no-style:hover, .woocommerce .return-to-shop a.button.btn-no-style:hover, .woocommerce .checkout_coupon input.button.btn-no-style:hover, .woocommerce-checkout #payment #place_order.btn-no-style:hover { color: #222; background-color: transparent; border-color: transparent; } .btn.btn-no-style-alt, .woocommerce input.button.btn-no-style-alt, .woocommerce #respond input#submit.btn-no-style-alt, .woocommerce a.button.btn-no-style-alt, .woocommerce button.button.btn-no-style-alt, .woocommerce input.button.btn-no-style-alt, #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .button.btn-no-style-alt, .woocommerce-Reviews #review_form #respond .form-submit input.btn-no-style-alt, .woocommerce table.shop_table td.actions input.button.btn-no-style-alt, .woocommerce table.shop_table td.actions .wc-proceed-to-checkout a.btn-no-style-alt, .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-no-style-alt, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-no-style-alt, .woocommerce .cart-collaterals .cart_totals .checkout-button.btn-no-style-alt, .woocommerce-page .cart-collaterals .cart_totals .checkout-button.btn-no-style-alt, .woocommerce .return-to-shop a.button.btn-no-style-alt, .woocommerce .checkout_coupon input.button.btn-no-style-alt, .woocommerce-checkout #payment #place_order.btn-no-style-alt { background-color: transparent; border-color: transparent; color: #222; } .btn.btn-no-style-alt:hover, .woocommerce input.button.btn-no-style-alt:hover, .woocommerce #respond input#submit.btn-no-style-alt:hover, .woocommerce a.button.btn-no-style-alt:hover, .woocommerce button.button.btn-no-style-alt:hover, .woocommerce input.button.btn-no-style-alt:hover, #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .button.btn-no-style-alt:hover, .woocommerce-Reviews #review_form #respond .form-submit input.btn-no-style-alt:hover, .woocommerce table.shop_table td.actions input.button.btn-no-style-alt:hover, .woocommerce table.shop_table td.actions .wc-proceed-to-checkout a.btn-no-style-alt:hover, .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-no-style-alt:hover, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-no-style-alt:hover, .woocommerce .cart-collaterals .cart_totals .checkout-button.btn-no-style-alt:hover, .woocommerce-page .cart-collaterals .cart_totals .checkout-button.btn-no-style-alt:hover, .woocommerce .return-to-shop a.button.btn-no-style-alt:hover, .woocommerce .checkout_coupon input.button.btn-no-style-alt:hover, .woocommerce-checkout #payment #place_order.btn-no-style-alt:hover { color: #5fbbce; background-color: transparent; border-color: transparent; } .btn.btn-no-style-white, .woocommerce input.button.btn-no-style-white, .woocommerce #respond input#submit.btn-no-style-white, .woocommerce a.button.btn-no-style-white, .woocommerce button.button.btn-no-style-white, .woocommerce input.button.btn-no-style-white, #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .button.btn-no-style-white, .woocommerce-Reviews #review_form #respond .form-submit input.btn-no-style-white, .woocommerce table.shop_table td.actions input.button.btn-no-style-white, .woocommerce table.shop_table td.actions .wc-proceed-to-checkout a.btn-no-style-white, .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-no-style-white, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-no-style-white, .woocommerce .cart-collaterals .cart_totals .checkout-button.btn-no-style-white, .woocommerce-page .cart-collaterals .cart_totals .checkout-button.btn-no-style-white, .woocommerce .return-to-shop a.button.btn-no-style-white, .woocommerce .checkout_coupon input.button.btn-no-style-white, .woocommerce-checkout #payment #place_order.btn-no-style-white { background-color: transparent; border-color: transparent; color: #fff; } .btn.btn-no-style-white:hover, .woocommerce input.button.btn-no-style-white:hover, .woocommerce #respond input#submit.btn-no-style-white:hover, .woocommerce a.button.btn-no-style-white:hover, .woocommerce button.button.btn-no-style-white:hover, .woocommerce input.button.btn-no-style-white:hover, #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .button.btn-no-style-white:hover, .woocommerce-Reviews #review_form #respond .form-submit input.btn-no-style-white:hover, .woocommerce table.shop_table td.actions input.button.btn-no-style-white:hover, .woocommerce table.shop_table td.actions .wc-proceed-to-checkout a.btn-no-style-white:hover, .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-no-style-white:hover, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-no-style-white:hover, .woocommerce .cart-collaterals .cart_totals .checkout-button.btn-no-style-white:hover, .woocommerce-page .cart-collaterals .cart_totals .checkout-button.btn-no-style-white:hover, .woocommerce .return-to-shop a.button.btn-no-style-white:hover, .woocommerce .checkout_coupon input.button.btn-no-style-white:hover, .woocommerce-checkout #payment #place_order.btn-no-style-white:hover { color: #5fbbce; background-color: transparent; border-color: transparent; } .btn.btn-no-style-primary, .woocommerce input.button.btn-no-style-primary, .woocommerce #respond input#submit.btn-no-style-primary, .woocommerce a.button.btn-no-style-primary, .woocommerce button.button.btn-no-style-primary, .woocommerce input.button.btn-no-style-primary, #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .button.btn-no-style-primary, .woocommerce-Reviews #review_form #respond .form-submit input.btn-no-style-primary, .woocommerce table.shop_table td.actions input.button.btn-no-style-primary, .woocommerce table.shop_table td.actions .wc-proceed-to-checkout a.btn-no-style-primary, .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-no-style-primary, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-no-style-primary, .woocommerce .cart-collaterals .cart_totals .checkout-button.btn-no-style-primary, .woocommerce-page .cart-collaterals .cart_totals .checkout-button.btn-no-style-primary, .woocommerce .return-to-shop a.button.btn-no-style-primary, .woocommerce .checkout_coupon input.button.btn-no-style-primary, .woocommerce-checkout #payment #place_order.btn-no-style-primary { background-color: transparent; border-color: transparent; color: #5fbbce; } .btn.btn-no-style-primary:hover, .woocommerce input.button.btn-no-style-primary:hover, .woocommerce #respond input#submit.btn-no-style-primary:hover, .woocommerce a.button.btn-no-style-primary:hover, .woocommerce button.button.btn-no-style-primary:hover, .woocommerce input.button.btn-no-style-primary:hover, #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .button.btn-no-style-primary:hover, .woocommerce-Reviews #review_form #respond .form-submit input.btn-no-style-primary:hover, .woocommerce table.shop_table td.actions input.button.btn-no-style-primary:hover, .woocommerce table.shop_table td.actions .wc-proceed-to-checkout a.btn-no-style-primary:hover, .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-no-style-primary:hover, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-no-style-primary:hover, .woocommerce .cart-collaterals .cart_totals .checkout-button.btn-no-style-primary:hover, .woocommerce-page .cart-collaterals .cart_totals .checkout-button.btn-no-style-primary:hover, .woocommerce .return-to-shop a.button.btn-no-style-primary:hover, .woocommerce .checkout_coupon input.button.btn-no-style-primary:hover, .woocommerce-checkout #payment #place_order.btn-no-style-primary:hover { color: #fff; background-color: transparent; border-color: transparent; } .btn.btn-rounded, .woocommerce input.button.btn-rounded, .woocommerce #respond input#submit.btn-rounded, .woocommerce a.button.btn-rounded, .woocommerce button.button.btn-rounded, .woocommerce input.button.btn-rounded, #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .button.btn-rounded, .woocommerce-Reviews #review_form #respond .form-submit input.btn-rounded, .woocommerce table.shop_table td.actions input.button.btn-rounded, .woocommerce table.shop_table td.actions .wc-proceed-to-checkout a.btn-rounded, .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-rounded, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-rounded, .woocommerce .cart-collaterals .cart_totals .checkout-button.btn-rounded, .woocommerce-page .cart-collaterals .cart_totals .checkout-button.btn-rounded, .woocommerce .return-to-shop a.button.btn-rounded, .woocommerce .checkout_coupon input.button.btn-rounded, .woocommerce-checkout #payment #place_order.btn-rounded { -webkit-border-radius: 51px; -khtml-border-radius: 51px; -moz-border-radius: 51px; -ms-border-radius: 51px; -o-border-radius: 51px; border-radius: 51px; /* BACKGROUND GRADIENT */ } .btn.btn-md, .woocommerce input.button.btn-md, .woocommerce #respond input#submit.btn-md, .woocommerce a.button.btn-md, .woocommerce button.button.btn-md, .woocommerce input.button.btn-md, #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .button.btn-md, .woocommerce-Reviews #review_form #respond .form-submit input.btn-md, .woocommerce table.shop_table td.actions input.button.btn-md, .woocommerce table.shop_table td.actions .wc-proceed-to-checkout a.btn-md, .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-md, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-md, .woocommerce .cart-collaterals .cart_totals .checkout-button.btn-md, .woocommerce-page .cart-collaterals .cart_totals .checkout-button.btn-md, .woocommerce .return-to-shop a.button.btn-md, .woocommerce .checkout_coupon input.button.btn-md, .woocommerce-checkout #payment #place_order.btn-md { padding: 0 44px; } .btn.btn-md2, .woocommerce input.button.btn-md2, .woocommerce #respond input#submit.btn-md2, .woocommerce a.button.btn-md2, .woocommerce button.button.btn-md2, .woocommerce input.button.btn-md2, #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .button.btn-md2, .woocommerce-Reviews #review_form #respond .form-submit input.btn-md2, .woocommerce table.shop_table td.actions input.button.btn-md2, .woocommerce table.shop_table td.actions .wc-proceed-to-checkout a.btn-md2, .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-md2, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-md2, .woocommerce .cart-collaterals .cart_totals .checkout-button.btn-md2, .woocommerce-page .cart-collaterals .cart_totals .checkout-button.btn-md2, .woocommerce .return-to-shop a.button.btn-md2, .woocommerce .checkout_coupon input.button.btn-md2, .woocommerce-checkout #payment #place_order.btn-md2 { padding: 0 40px; } .btn.btn-lg, .woocommerce input.button.btn-lg, .woocommerce #respond input#submit.btn-lg, .woocommerce a.button.btn-lg, .woocommerce button.button.btn-lg, .woocommerce input.button.btn-lg, #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .button.btn-lg, .woocommerce-Reviews #review_form #respond .form-submit input.btn-lg, .woocommerce table.shop_table td.actions input.button.btn-lg, .woocommerce table.shop_table td.actions .wc-proceed-to-checkout a.btn-lg, .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-lg, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-lg, .woocommerce .cart-collaterals .cart_totals .checkout-button.btn-lg, .woocommerce-page .cart-collaterals .cart_totals .checkout-button.btn-lg, .woocommerce .return-to-shop a.button.btn-lg, .woocommerce .checkout_coupon input.button.btn-lg, .woocommerce-checkout #payment #place_order.btn-lg { padding: 0 93px; } .btn.btn-niche, .woocommerce input.button.btn-niche, .woocommerce #respond input#submit.btn-niche, .woocommerce a.button.btn-niche, .woocommerce button.button.btn-niche, .woocommerce input.button.btn-niche, #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .button.btn-niche, .woocommerce-Reviews #review_form #respond .form-submit input.btn-niche, .woocommerce table.shop_table td.actions input.button.btn-niche, .woocommerce table.shop_table td.actions .wc-proceed-to-checkout a.btn-niche, .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-niche, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-niche, .woocommerce .cart-collaterals .cart_totals .checkout-button.btn-niche, .woocommerce-page .cart-collaterals .cart_totals .checkout-button.btn-niche, .woocommerce .return-to-shop a.button.btn-niche, .woocommerce .checkout_coupon input.button.btn-niche, .woocommerce-checkout #payment #place_order.btn-niche { border: none; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ display: inline-block; margin: 15px 12px; letter-spacing: 0.02em; font-size: 16px; text-transform: none; font-weight: 600; padding-left: 40px; padding-right: 40px; line-height: 60px; } .btn.btn-niche:hover, .woocommerce input.button.btn-niche:hover, .woocommerce #respond input#submit.btn-niche:hover, .woocommerce a.button.btn-niche:hover, .woocommerce button.button.btn-niche:hover, .woocommerce input.button.btn-niche:hover, #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .button.btn-niche:hover, .woocommerce-Reviews #review_form #respond .form-submit input.btn-niche:hover, .woocommerce table.shop_table td.actions input.button.btn-niche:hover, .woocommerce table.shop_table td.actions .wc-proceed-to-checkout a.btn-niche:hover, .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-niche:hover, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button.btn-niche:hover, .woocommerce .cart-collaterals .cart_totals .checkout-button.btn-niche:hover, .woocommerce-page .cart-collaterals .cart_totals .checkout-button.btn-niche:hover, .woocommerce .return-to-shop a.button.btn-niche:hover, .woocommerce .checkout_coupon input.button.btn-niche:hover, .woocommerce-checkout #payment #place_order.btn-niche:hover { opacity: 0.8; color: #fff; } .rev_slider_wrapper { /* ========================================================================== End Style Button ========================================================================== */ } .rev_slider_wrapper .btn, .rev_slider_wrapper .woocommerce input.button, .woocommerce .rev_slider_wrapper input.button, .rev_slider_wrapper .woocommerce #respond input#submit, .woocommerce #respond .rev_slider_wrapper input#submit, .rev_slider_wrapper .woocommerce a.button, .woocommerce .rev_slider_wrapper a.button, .rev_slider_wrapper .woocommerce button.button, .woocommerce .rev_slider_wrapper button.button, .rev_slider_wrapper .woocommerce input.button, .woocommerce .rev_slider_wrapper input.button, .rev_slider_wrapper #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .button, #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .rev_slider_wrapper .button, .rev_slider_wrapper .woocommerce-Reviews #review_form #respond .form-submit input, .woocommerce-Reviews #review_form #respond .form-submit .rev_slider_wrapper input, .rev_slider_wrapper .woocommerce table.shop_table td.actions input.button, .woocommerce table.shop_table td.actions .rev_slider_wrapper input.button, .rev_slider_wrapper .woocommerce table.shop_table td.actions .wc-proceed-to-checkout a, .woocommerce table.shop_table td.actions .wc-proceed-to-checkout .rev_slider_wrapper a, .rev_slider_wrapper .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button, .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form .rev_slider_wrapper button, .rev_slider_wrapper .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form .rev_slider_wrapper button, .rev_slider_wrapper .woocommerce .cart-collaterals .cart_totals .checkout-button, .woocommerce .cart-collaterals .cart_totals .rev_slider_wrapper .checkout-button, .rev_slider_wrapper .woocommerce-page .cart-collaterals .cart_totals .checkout-button, .woocommerce-page .cart-collaterals .cart_totals .rev_slider_wrapper .checkout-button, .rev_slider_wrapper .woocommerce .return-to-shop a.button, .woocommerce .return-to-shop .rev_slider_wrapper a.button, .rev_slider_wrapper .woocommerce .checkout_coupon input.button, .woocommerce .checkout_coupon .rev_slider_wrapper input.button, .rev_slider_wrapper .woocommerce-checkout #payment #place_order, .woocommerce-checkout #payment .rev_slider_wrapper #place_order { -webkit-transition: all 300ms linear 0ms !important; -moz-transition: all 300ms linear 0ms !important; -ms-transition: all 300ms linear 0ms !important; transition: all 300ms linear 0ms !important; } .rev_slider_wrapper .btn-space { margin: 0 12px !important; } .sidebar .entry-header .entry-meta { padding: 0; } .post-thumbnail img { display: block; margin: 0 auto; } .entry-header { margin-bottom: 8px; position: relative; } .entry-header .blog-icon { background: #282828 none repeat scroll 0 0; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ color: #fff; font-size: 18px; height: 49px; line-height: 49px; position: absolute; text-align: center; width: 49px; left: 40px; bottom: 41px; } .entry-title { color: #282828; font-size: 18px; font-weight: 600; letter-spacing: 0; line-height: 23px; margin: 0 0 17px; position: relative; word-wrap: break-word; text-transform: capitalize; } .entry-title a { color: #282828; } .entry-title a:hover { color: #5fbbce; text-decoration: none; } article:not(.sticky) .entry-header i.fa-thumb-tack { display: none; } i.fa-thumb-tack { margin-right: 10px; } article + article { margin-top: 40px; } article .entry-header { margin-bottom: 0; } article .entry-title { font-size: 24px; line-height: 30px; margin-bottom: 24px; } article .entry-blog .entry-content { padding-top: 20px; } article .entry-blog .entry-feature img { -webkit-border-radius: 3px 3px 0 0; -khtml-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; /* BACKGROUND GRADIENT */ } .entry-content-inner .post-password-form label { width: 100%; max-width: 260px; } .entry-content-inner .post-password-form input[type="submit"] { max-width: 100px; } #blog-content { /** * Entry Meta * ---------------------------------------------------------------------------- */ } #blog-content .entry-content { background-color: #fff; -webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -moz-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -ms-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ padding: 30px 40px 40px; } .entry-meta { clear: both; } .entry-meta ul.archive_detail, .entry-meta ul.single_detail { padding-left: 0; margin: 0 0 10px; list-style: none; color: #616161; font-size: 13px; font-weight: 600; letter-spacing: 0.02em; line-height: 30px; padding: 0; position: relative; text-transform: capitalize; display: inline-block; } .entry-meta ul.archive_detail a, .entry-meta ul.single_detail a { color: #616161; } .entry-meta ul.archive_detail a:hover, .entry-meta ul.single_detail a:hover { color: #5fbbce; } .entry-meta ul.archive_detail li, .entry-meta ul.single_detail li { float: left; color: #616161; padding: 0 11px; position: relative; } .entry-meta ul.archive_detail li a, .entry-meta ul.single_detail li a { color: #616161; } .entry-meta ul.archive_detail li a:hover, .entry-meta ul.single_detail li a:hover { color: #5fbbce; text-decoration: none; } .entry-meta ul.archive_detail li:before, .entry-meta ul.single_detail li:before { content: "/"; position: absolute; right: -3px; } .entry-meta ul.archive_detail li:last-child:before, .entry-meta ul.single_detail li:last-child:before { display: none; } .entry-meta ul.archive_detail li:first-child, .entry-meta ul.single_detail li:first-child { padding-left: 0; } .entry-meta ul.archive_detail li.detail-author, .entry-meta ul.single_detail li.detail-author { margin: 0; border: none; } .entry-meta ul.archive_detail li.detail-author a, .entry-meta ul.single_detail li.detail-author a { margin-left: 3px; margin-right: 6px; } .entry-meta ul.archive_detail li.detail-author:before, .entry-meta ul.single_detail li.detail-author:before { display: none; } .detail-author { border-top: 2px solid #ececec; padding: 25px 0 0; margin: 20px 0 0; font-size: 13px; line-height: 30px; color: #616161; letter-spacing: 0.02em; font-weight: 600; display: inline-flex; text-transform: none; } .detail-author .admin-avt img { float: left; width: 30px; height: 30px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ margin-right: 9px; } .detail-author a { color: #5fbbce; text-transform: capitalize; } .detail-author a:hover { color: #616161; } .edit-link a:before { content: "\f044"; font-family: FontAwesome; /** * Entry Content * ---------------------------------------------------------------------------- */ } .entry-content { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; } .entry-content .more-link { white-space: nowrap; } blockquote { padding: 24px 30px; margin: 0 0 20px; font-size: 20px; line-height: 28px; font-style: italic; border-left: 6px solid #222; } blockquote cite { font-size: 13px; line-height: 28px; color: #282828; font-weight: 500; font-family: Poppins; font-style: normal; margin-top: 8px; display: block; } blockquote.cms-blockquote-style2 { position: relative; padding: 26px 40px; border: none; } blockquote.cms-blockquote-style2:before, blockquote.cms-blockquote-style2:after { content: "\f10d"; font-family: FontAwesome; font-size: 16px; line-height: 24px; letter-spacing: 0.02em; color: #222; position: absolute; font-style: normal; } blockquote.cms-blockquote-style2:before { content: "\f10d"; left: 5px; top: 0; } blockquote.cms-blockquote-style2:after { content: "\f10e"; right: 5px; bottom: 4px; } blockquote.cms-blockquote-style3 { border: none; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; /* BACKGROUND GRADIENT */ background-color: #f4f4f4; color: #5fbbce; padding: 23px 37px 20px; } blockquote.cms-blockquote-style4 { border: none; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; /* BACKGROUND GRADIENT */ background-color: #222; color: #fff; padding: 23px 37px 20px; } blockquote.cms-blockquote-style4 cite { color: #fff; } .entry-footer { margin-top: 33px; /** * Post/Paging Navigation * ---------------------------------------------------------------------------- */ } .is-sidebar-left > [class*="col-"] { float: right; } .is-sidebar-left > [class*="col-"] + [class*="col-"] { float: left; } .page-template-blog-classic #content { margin: 110px 0; } .page-template-blog-classic #content .container { max-width: 870px; margin: 0 auto; } .page-template-blog-classic-right-sidebar #content, .page-template-blog-classic-left-sidebar #content { margin: 110px 0; } .page-template-blog-classic-right-sidebar .widget-area, .page-template-blog-classic-left-sidebar .widget-area { margin: 0; } .single-post .entry-meta ul.archive_detail, .single-post .entry-meta ul.single_detail { margin-bottom: 15px; } .single-post #page-title #page-title-text h1 { font-size: 55px; line-height: 1.2; } .single-post .page-space-content, .single-testimonial .page-space-content, .single-team .page-space-content, .single-carousels .page-space-content { padding-top: 110px; padding-bottom: 110px; } .single-post .is-sidebar-full .site-main, .single-testimonial .is-sidebar-full .site-main, .single-team .is-sidebar-full .site-main, .single-carousels .is-sidebar-full .site-main { max-width: 870px; margin: 0 auto; } .single-post .entry-blog, .single-testimonial .entry-blog, .single-team .entry-blog, .single-carousels .entry-blog { background-color: transparent; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } @include border-radius(0) .entry-feature-image { .single-post .entry-blog img, .single-testimonial .entry-blog img, .single-team .entry-blog img, .single-carousels .entry-blog img { -webkit-border-radius: 3px 3px 0 0; -khtml-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; /* BACKGROUND GRADIENT */ } } .single-post .entry-blog .entry-content, .single-testimonial .entry-blog .entry-content, .single-team .entry-blog .entry-content, .single-carousels .entry-blog .entry-content { background-color: #fff; -webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -moz-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -ms-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ padding: 30px 40px 32px; } .single-post .entry-title, .single-testimonial .entry-title, .single-team .entry-title, .single-carousels .entry-title { font-size: 24px; line-height: 30px; margin: -1px 0 26px; } .single-post .post-share-buttons, .single-testimonial .post-share-buttons, .single-team .post-share-buttons, .single-carousels .post-share-buttons { border-top: 2px solid #f3f3f3; color: #222; font-size: 13px; font-weight: 800; letter-spacing: 0.02em; line-height: 30px; text-transform: uppercase; padding-top: 21px; margin-top: 34px; width: 100%; } .single-post .post-share-buttons ul, .single-testimonial .post-share-buttons ul, .single-team .post-share-buttons ul, .single-carousels .post-share-buttons ul { float: right; } .single-post .post-share-buttons ul li, .single-testimonial .post-share-buttons ul li, .single-team .post-share-buttons ul li, .single-carousels .post-share-buttons ul li { display: inline-block; padding: 0 8px; } .single-post .post-share-buttons ul li a, .single-testimonial .post-share-buttons ul li a, .single-team .post-share-buttons ul li a, .single-carousels .post-share-buttons ul li a { font-size: 14px; line-height: 30px; color: #5d5d5d; } .single-post .post-share-buttons ul li a:hover, .single-testimonial .post-share-buttons ul li a:hover, .single-team .post-share-buttons ul li a:hover, .single-carousels .post-share-buttons ul li a:hover { color: #5fbbce; } .single-post .post-share-buttons ul li:last-child, .single-testimonial .post-share-buttons ul li:last-child, .single-team .post-share-buttons ul li:last-child, .single-carousels .post-share-buttons ul li:last-child { padding-right: 0; } .single-post .post-navigation, .single-testimonial .post-navigation, .single-team .post-navigation, .single-carousels .post-navigation { background-color: #fff; -webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -moz-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -ms-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ margin-top: 40px; padding: 40px 40px 37px; } .single-post .post-navigation a, .single-testimonial .post-navigation a, .single-team .post-navigation a, .single-carousels .post-navigation a { display: inline-block; width: 100%; } .single-post .post-navigation a img, .single-testimonial .post-navigation a img, .single-team .post-navigation a img, .single-carousels .post-navigation a img { max-width: 49px; height: 49px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ float: left; } .single-post .post-navigation .nav-inner, .single-testimonial .post-navigation .nav-inner, .single-team .post-navigation .nav-inner, .single-carousels .post-navigation .nav-inner { padding-left: 65px; padding-right: 30px; } .single-post .post-navigation .nav-inner span, .single-testimonial .post-navigation .nav-inner span, .single-team .post-navigation .nav-inner span, .single-carousels .post-navigation .nav-inner span { color: #b8b8b8; font-weight: 500; font-style: italic; font-size: 13px; line-height: 13px; margin-bottom: 6px; margin-top: -1px; display: block; } .single-post .post-navigation .nav-inner h3, .single-testimonial .post-navigation .nav-inner h3, .single-team .post-navigation .nav-inner h3, .single-carousels .post-navigation .nav-inner h3 { color: #282828; font-size: 14px; line-height: 22px; font-weight: 600; display: inline; margin: 0; } .single-post .post-navigation .post-prev, .single-testimonial .post-navigation .post-prev, .single-team .post-navigation .post-prev, .single-carousels .post-navigation .post-prev { float: left; } .single-post .post-navigation .post-next, .single-testimonial .post-navigation .post-next, .single-team .post-navigation .post-next, .single-carousels .post-navigation .post-next { text-align: right; float: right; } .single-post .post-navigation .post-next a img, .single-testimonial .post-navigation .post-next a img, .single-team .post-navigation .post-next a img, .single-carousels .post-navigation .post-next a img { float: right; } .single-post .post-navigation .post-next .nav-inner, .single-testimonial .post-navigation .post-next .nav-inner, .single-team .post-navigation .post-next .nav-inner, .single-carousels .post-navigation .post-next .nav-inner { padding-right: 65px; padding-left: 30px; } .single-post .post-navigation .post-prev.no-image .nav-inner, .single-testimonial .post-navigation .post-prev.no-image .nav-inner, .single-team .post-navigation .post-prev.no-image .nav-inner, .single-carousels .post-navigation .post-prev.no-image .nav-inner, .single-post .post-navigation .post-next.no-image .nav-inner, .single-testimonial .post-navigation .post-next.no-image .nav-inner, .single-team .post-navigation .post-next.no-image .nav-inner, .single-carousels .post-navigation .post-next.no-image .nav-inner { padding: 0; } .single-post .entry-author, .single-testimonial .entry-author, .single-team .entry-author, .single-carousels .entry-author { background-color: #fff; -webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -moz-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -ms-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ margin-top: 40px; padding: 20px 40px 28px; } .single-post .entry-author .cms-title, .single-testimonial .entry-author .cms-title, .single-team .entry-author .cms-title, .single-carousels .entry-author .cms-title { color: #222; font-size: 14px; font-weight: 800; letter-spacing: 0.06em; line-height: 30px; text-transform: uppercase; font-family: Raleway; border-bottom: 2px solid #eee; padding-bottom: 9px; } .single-post .entry-author .cms-title span, .single-testimonial .entry-author .cms-title span, .single-team .entry-author .cms-title span, .single-carousels .entry-author .cms-title span { border-bottom: 2px solid #5fbbce; bottom: -11px; display: inline-block; padding-bottom: 9px; position: relative; } .single-post .entry-author .blog-admin-post, .single-testimonial .entry-author .blog-admin-post, .single-team .entry-author .blog-admin-post, .single-carousels .entry-author .blog-admin-post { margin-top: 30px; } .single-post .entry-author .blog-admin-post .admin-avt, .single-testimonial .entry-author .blog-admin-post .admin-avt, .single-team .entry-author .blog-admin-post .admin-avt, .single-carousels .entry-author .blog-admin-post .admin-avt { float: left; } .single-post .entry-author .blog-admin-post .admin-avt img, .single-testimonial .entry-author .blog-admin-post .admin-avt img, .single-team .entry-author .blog-admin-post .admin-avt img, .single-carousels .entry-author .blog-admin-post .admin-avt img { max-width: 90px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .single-post .entry-author .blog-admin-post .admin-info, .single-testimonial .entry-author .blog-admin-post .admin-info, .single-team .entry-author .blog-admin-post .admin-info, .single-carousels .entry-author .blog-admin-post .admin-info { padding-left: 120px; font-size: 14px; line-height: 24px; } .single-post .entry-author .blog-admin-post .admin-info ul.cms-social, .single-testimonial .entry-author .blog-admin-post .admin-info ul.cms-social, .single-team .entry-author .blog-admin-post .admin-info ul.cms-social, .single-carousels .entry-author .blog-admin-post .admin-info ul.cms-social { margin-top: 8px; } .single-post .entry-author .blog-admin-post .admin-info ul.cms-social li:first-child a, .single-testimonial .entry-author .blog-admin-post .admin-info ul.cms-social li:first-child a, .single-team .entry-author .blog-admin-post .admin-info ul.cms-social li:first-child a, .single-carousels .entry-author .blog-admin-post .admin-info ul.cms-social li:first-child a { padding-left: 0; } .single-post .entry-author .blog-admin-post .admin-info ul.cms-social li a, .single-testimonial .entry-author .blog-admin-post .admin-info ul.cms-social li a, .single-team .entry-author .blog-admin-post .admin-info ul.cms-social li a, .single-carousels .entry-author .blog-admin-post .admin-info ul.cms-social li a { color: #5d5d5d; font-size: 15px; line-height: 28px; padding: 0 14px; } .single-post .entry-author .blog-admin-post .admin-info ul.cms-social li a:hover, .single-testimonial .entry-author .blog-admin-post .admin-info ul.cms-social li a:hover, .single-team .entry-author .blog-admin-post .admin-info ul.cms-social li a:hover, .single-carousels .entry-author .blog-admin-post .admin-info ul.cms-social li a:hover { color: #5fbbce; } .single-post .cms-related-post, .single-testimonial .cms-related-post, .single-team .cms-related-post, .single-carousels .cms-related-post { background-color: #fff; -webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -moz-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -ms-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ margin-top: 40px; padding: 20px 40px 31px; } .single-post .cms-related-post .cms-title, .single-testimonial .cms-related-post .cms-title, .single-team .cms-related-post .cms-title, .single-carousels .cms-related-post .cms-title { color: #222; font-size: 14px; font-weight: 800; letter-spacing: 0.06em; line-height: 30px; text-transform: uppercase; font-family: Raleway; border-bottom: 2px solid #eee; padding-bottom: 9px; } .single-post .cms-related-post .cms-title span, .single-testimonial .cms-related-post .cms-title span, .single-team .cms-related-post .cms-title span, .single-carousels .cms-related-post .cms-title span { border-bottom: 2px solid #5fbbce; bottom: -11px; display: inline-block; padding-bottom: 9px; position: relative; } .single-post .cms-related-post .cms-related-post-inner, .single-testimonial .cms-related-post .cms-related-post-inner, .single-team .cms-related-post .cms-related-post-inner, .single-carousels .cms-related-post .cms-related-post-inner { margin: 30px -10px 0; } .single-post .cms-related-post .cms-related-post-inner .item, .single-testimonial .cms-related-post .cms-related-post-inner .item, .single-team .cms-related-post .cms-related-post-inner .item, .single-carousels .cms-related-post .cms-related-post-inner .item { padding-left: 10px; padding-right: 10px; } .single-post .cms-related-post .cms-grid-item-inner .cms-grid-media img, .single-testimonial .cms-related-post .cms-grid-item-inner .cms-grid-media img, .single-team .cms-related-post .cms-grid-item-inner .cms-grid-media img, .single-carousels .cms-related-post .cms-grid-item-inner .cms-grid-media img { -webkit-border-radius: 2px 2px 0 0; -khtml-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -ms-border-radius: 2px 2px 0 0; -o-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; /* BACKGROUND GRADIENT */ } .single-post .cms-related-post .cms-grid-item-inner .cms-grid-title, .single-testimonial .cms-related-post .cms-grid-item-inner .cms-grid-title, .single-team .cms-related-post .cms-grid-item-inner .cms-grid-title, .single-carousels .cms-related-post .cms-grid-item-inner .cms-grid-title { font-size: 15px; line-height: 23px; font-weight: 600; margin-top: 15px; margin-bottom: 9px; } .single-post .cms-related-post .cms-grid-item-inner .cms-grid-title a, .single-testimonial .cms-related-post .cms-grid-item-inner .cms-grid-title a, .single-team .cms-related-post .cms-grid-item-inner .cms-grid-title a, .single-carousels .cms-related-post .cms-grid-item-inner .cms-grid-title a { color: #282828; } .single-post .cms-related-post .cms-grid-item-inner .cms-grid-title a:hover, .single-testimonial .cms-related-post .cms-grid-item-inner .cms-grid-title a:hover, .single-team .cms-related-post .cms-grid-item-inner .cms-grid-title a:hover, .single-carousels .cms-related-post .cms-grid-item-inner .cms-grid-title a:hover { color: #5fbbce; } .single-post .cms-related-post .cms-grid-item-inner .cms-grid-date, .single-testimonial .cms-related-post .cms-grid-item-inner .cms-grid-date, .single-team .cms-related-post .cms-grid-item-inner .cms-grid-date, .single-carousels .cms-related-post .cms-grid-item-inner .cms-grid-date { color: #616161; font-size: 13px; letter-spacing: 0.01em; line-height: 26px; } .is-sidebar-left .widget-area, .is-sidebar-right .widget-area { margin: 0; } .search article .entry-blog, .blog article .entry-blog { background-color: #fff; -webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -moz-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -ms-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ } .search article .entry-blog .entry-content, .blog article .entry-blog .entry-content { padding: 30px 40px 40px; } .single-portfolio .image-space { padding-bottom: 45px; } .single-portfolio .single-portfolio-image img { width: 100%; } .single-portfolio .single-portfolio-image.sg-gallery .single-portfolio-image-item { margin-bottom: 30px; } .single-portfolio .single-portfolio-image.sg-gallery .single-portfolio-image-item:last-child { margin-bottom: 0; } .single-portfolio .single-portfolio-holder .single-portfolio-title { color: #222; font-size: 30px; font-weight: 500; line-height: 35px; position: relative; padding-bottom: 25px; margin-bottom: 20px; text-transform: capitalize; } .single-portfolio .single-portfolio-holder .single-portfolio-title:before { content: ""; width: 50px; height: 3px; background-color: #5fbbce; position: absolute; bottom: 0; left: 0; } .single-portfolio .single-portfolio-content { font-size: 15px; line-height: 23px; } .single-portfolio .single-portfolio-about { padding: 30px; background-color: #f9f9f9; margin-bottom: 30px; font-weight: 500; } .single-portfolio .single-portfolio-about li { font-size: 14px; line-height: 29px; } .single-portfolio .single-portfolio-about li span { color: #282828; font-weight: 700; } .single-portfolio .single-portfolio-about li a { color: #9e9e9e; } .single-portfolio .single-portfolio-about li a:after { content: ", "; } .single-portfolio .single-portfolio-about li a:hover { color: #5fbbce; } .single-portfolio .single-portfolio-about li a:last-child:after { content: ""; } .single-portfolio .single-portfolio-share { padding: 30px; background-color: #f9f9f9; } .single-portfolio .single-portfolio-share li { display: inline-block; } .single-portfolio .single-portfolio-share li:first-child span { font-size: 13px; text-transform: uppercase; color: #222; display: inline-block; padding-right: 20px; font-weight: 800; } .single-portfolio .single-portfolio-share li a { font-size: 14px; color: #5d5d5d; padding: 0 6px; } .single-portfolio .single-portfolio-share li a:hover { color: #5fbbce; } .single-portfolio .navigation { border-top: 2px solid #eee; padding-top: 50px; margin-top: 70px; } .single-portfolio .navigation .prev a:hover i, .single-portfolio .navigation .next a:hover i { background-color: #5fbbce; } .single-portfolio .navigation .prev a:hover .nav-inner h3, .single-portfolio .navigation .next a:hover .nav-inner h3 { color: #5fbbce; } .single-portfolio .navigation .prev .nav-inner, .single-portfolio .navigation .next .nav-inner { padding: 0 15px; display: inline-block; } .single-portfolio .navigation .prev .nav-inner span, .single-portfolio .navigation .next .nav-inner span { color: #b8b8b8; font-size: 13px; font-style: italic; font-weight: 500; line-height: 23px; } .single-portfolio .navigation .prev .nav-inner h3, .single-portfolio .navigation .next .nav-inner h3 { font-size: 16px; font-weight: 600; line-height: 28px; margin: 1px 0 0; color: #282828; } .single-portfolio .navigation .prev i, .single-portfolio .navigation .next i { background: #222; border-radius: 2px; color: #fff; font-size: 25px; height: 49px; line-height: 48px; text-align: center; width: 49px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; float: left; } .single-portfolio .navigation .prev { float: left; } .single-portfolio .navigation .next { float: right; text-align: right; } .single-portfolio .navigation .next i { float: right; } .single-portfolio .navigation a.all-portfolio { font-size: 23px; left: 50%; line-height: 49px; position: absolute; text-align: center; transform: translateX(-50%); color: #616161; } .single-portfolio .navigation a.all-portfolio:hover { color: #5fbbce; } .single-portfolio #sg-portfolio-slider { margin-bottom: 45px; padding-bottom: 0; } .single-portfolio #sg-portfolio-slider .owl-controls .owl-nav .owl-prev, .single-portfolio #sg-portfolio-slider .owl-controls .owl-nav .owl-next { margin-top: 0; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .single-portfolio #sg-portfolio-slider .owl-controls .owl-nav .owl-prev i, .single-portfolio #sg-portfolio-slider .owl-controls .owl-nav .owl-next i { border-color: #fff; margin: 0; } .single-portfolio #sg-portfolio-slider .owl-controls .owl-nav .owl-prev i:hover, .single-portfolio #sg-portfolio-slider .owl-controls .owl-nav .owl-next i:hover { border-color: #5fbbce; } .single-portfolio #sg-portfolio-slider .owl-controls .owl-nav .owl-prev { left: 30px; } .single-portfolio #sg-portfolio-slider .owl-controls .owl-nav .owl-next { right: 30px; } .single-portfolio.sg-portfolio-layout2 .pt-line { margin-top: 0; } .single-portfolio.sg-portfolio-layout3 .pt-line { margin-top: 70px; } .single-portfolio.sg-portfolio-layout4 #sg-portfolio-slider { margin-bottom: 75px; } .single-portfolio.sg-portfolio-layout6 .single-portfolio-image, .single-portfolio.sg-portfolio-layout8 .single-portfolio-image { padding: 0; } .single-portfolio.sg-portfolio-layout7 .single-portfolio-holder { padding-top: 45px; } .single-portfolio.sg-portfolio-layout9 .single-portfolio-boxright { margin-bottom: 60px; } .single-portfolio.sg-portfolio-layout9 .single-portfolio-content { margin-bottom: 50px; } #comments .cms-title { color: #222; font-size: 14px; font-weight: 800; letter-spacing: 0.06em; line-height: 30px; text-transform: uppercase; font-family: Raleway; border-bottom: 2px solid #eee; padding-bottom: 9px; } #comments .cms-title span { border-bottom: 2px solid #5fbbce; bottom: -11px; display: inline-block; padding-bottom: 9px; position: relative; } #comments #reply-title, #comments .comments-title { color: #222; font-size: 14px; font-weight: 800; letter-spacing: 0.06em; line-height: 30px; text-transform: uppercase; font-family: Raleway; border-bottom: 2px solid #eee; padding-bottom: 9px; position: relative; } #comments #reply-title:before, #comments .comments-title:before { content: ""; background-color: #5fbbce; height: 2px; width: 111px; position: absolute; bottom: -2px; left: 0; } #comments #respond { background-color: #fff; -webkit-box-shadow: 0 0 20px rgba(40, 40, 40, 0.1); -moz-box-shadow: 0 0 20px rgba(40, 40, 40, 0.1); -ms-box-shadow: 0 0 20px rgba(40, 40, 40, 0.1); box-shadow: 0 0 20px rgba(40, 40, 40, 0.1); -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ padding: 30px 40px 40px; margin-bottom: 0px; } #comments .comment-list-wrap { background-color: #fff; -webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -moz-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -ms-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ padding: 20px 40px; margin-top: 40px; margin-bottom: 40px; } #comments .comment-list { list-style: none; padding: 0; margin-top: 40px; } #comments .comment-list p { margin-bottom: 15px; } #comments .comment-list #respond { margin-bottom: 35px; } #comments .comment-list .comment-body { margin-bottom: 30px; } #comments .comment-list .comment-body .comment-awaiting-moderation { display: none; } #comments .comment-list .comment-body .comment-awaiting-moderation + br { display: none; } #comments .comment-list .comment-body .comment-media { float: left; } #comments .comment-list .comment-body .comment-media img { max-width: 70px; max-height: 70px; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; /* BACKGROUND GRADIENT */ width: 100%; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } #comments .comment-list .comment-body .comment-content { padding-left: 90px; } #comments .comment-list .comment-body .comment-author { line-height: 1; margin-bottom: 9px; position: relative; } #comments .comment-list .comment-body .comment-author cite { font-size: 14px; color: #282828; font-weight: 700; font-style: normal; line-height: 1; text-transform: capitalize; } #comments .comment-list .comment-body .comment-author .says { display: none; } #comments .comment-list .comment-body .comment-meta { line-height: 1; margin-bottom: 12px; font-size: 12px; } #comments .comment-list .comment-body .comment-meta a { color: #616161; font-size: 12px; text-transform: uppercase; line-height: 1; font-weight: 600; } #comments .comment-list .comment-body .comment-meta a:hover { color: #5fbbce; } #comments .comment-list .comment-body .reply a { font-size: 13px; color: #5fbbce; text-transform: uppercase; font-weight: 800; } #comments .comment-list .comment-body .reply a:hover { color: #282828; } #comments .comment-list > li .comment-body { position: relative; padding-bottom: 23px; } #comments .comment-list .children { list-style: none; } #comments .comment-list .children li > .comment-body { margin-bottom: 30px; } #comments .comment-list .pingback > .comment-body { padding-left: 0; } #comments .comment-list .pingback > .comment-body a.url { color: #282828; } #comments .comment-list .pingback > .comment-body a.url:hover { color: #5fbbce; } #commentform { margin: 0 -15px; padding-top: 18px; } #commentform p { margin-bottom: 30px; } #commentform p.form-submit { margin: 0 15px; } #commentform p.logged-in-as { margin-left: 15px; margin-right: 15px; } #commentform #form-allowed-tags { display: none; } #commentform input[type="text"]:focus, #commentform textarea:focus { border-bottom-color: #5fbbce; } #commentform #submit { background-color: #222; border-color: #222; color: #fff; width: 100%; margin: 0; } #commentform #submit:hover { background-color: #5fbbce; border-color: #5fbbce; } .comment-awaiting-moderation { display: none; } #cancel-comment-reply-link { display: inline-block; color: #fff; font-weight: 700; padding: 0 10px; height: 25px; line-height: 25px; background-color: #5fbbce; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ float: right; } #cancel-comment-reply-link:hover { background-color: #e41270; } body .vc_separator .vc_sep_holder .vc_sep_line { top: 0; } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { opacity: 0.9 !important; } .hide-media .cms-carousel-media { display: none; } .vc_tta-container { /* ========================================================================== [End] 1. Accordion ========================================================================== */ /* ========================================================================== [Start] 2. CMS Heading ========================================================================== */ } .vc_tta-container .vc_tta-accordion.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel { margin-bottom: 15px; background-color: #f4f4f4; border: none; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .vc_tta-container .vc_tta-accordion.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body, .vc_tta-container .vc_tta-accordion.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading { background-color: #f4f4f4; border: none; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .vc_tta-container .vc_tta-accordion.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a { color: #282828; } .vc_tta-container .vc_tta-accordion.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title .vc_tta-controls-icon:before { border-color: #fff !important; } .vc_tta-container .vc_tta-accordion.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading, .vc_tta-container .vc_tta-accordion.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel:hover .vc_tta-panel-heading { background-color: #f4f4f4; border: none; } .vc_tta-container .vc_tta-accordion.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a { color: #282828; } .vc_tta-container .vc_tta-accordion.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel { margin-bottom: 15px; background-color: transparent; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .vc_tta-container .vc_tta-accordion.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading { background-color: transparent; border: 1px solid #eee; -webkit-border-radius: 2px 2px 0 0 !important; -khtml-border-radius: 2px 2px 0 0 !important; -moz-border-radius: 2px 2px 0 0 !important; -ms-border-radius: 2px 2px 0 0 !important; -o-border-radius: 2px 2px 0 0 !important; border-radius: 2px 2px 0 0 !important; /* BACKGROUND GRADIENT */ } .vc_tta-container .vc_tta-accordion.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body { background-color: transparent; border: 1px solid #eee; border-top: none; -webkit-border-radius: 0 0 2px 2px !important; -khtml-border-radius: 0 0 2px 2px !important; -moz-border-radius: 0 0 2px 2px !important; -ms-border-radius: 0 0 2px 2px !important; -o-border-radius: 0 0 2px 2px !important; border-radius: 0 0 2px 2px !important; /* BACKGROUND GRADIENT */ } .vc_tta-container .vc_tta-accordion.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-title > a { color: #282828; padding: 27px 30px; } .vc_tta-container .vc_tta-accordion.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-title > a:before { border: 1px solid #282828; background-color: transparent; } .vc_tta-container .vc_tta-accordion.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-title > a i.vc_tta-controls-icon:before, .vc_tta-container .vc_tta-accordion.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-title > a i.vc_tta-controls-icon:after { border-color: #282828; } .vc_tta-container .vc_tta-accordion.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-heading { background-color: transparent; border-color: #eee; border-bottom-color: transparent; } .vc_tta-container .vc_tta-accordion.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-title > a:before { background-color: #5fbbce; border-color: #5fbbce; } .vc_tta-container .vc_tta-accordion.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-title > a i.vc_tta-controls-icon:before, .vc_tta-container .vc_tta-accordion.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-title > a i.vc_tta-controls-icon:after { border-color: #fff !important; } .vc_tta-container .vc_tta-accordion.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-title > a { color: #282828; } .vc_tta-container .vc_tta-accordion.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel { margin-bottom: 15px; background-color: #fff; border: none; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ -webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -moz-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -ms-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); } .vc_tta-container .vc_tta-accordion.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-body, .vc_tta-container .vc_tta-accordion.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading { background-color: #fff; border: none; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .vc_tta-container .vc_tta-accordion.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title > a { color: #282828; } .vc_tta-container .vc_tta-accordion.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-body { color: #a5a5a5; } .vc_tta-container .vc_tta-accordion.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading, .vc_tta-container .vc_tta-accordion.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel:hover .vc_tta-panel-heading { background-color: #fff; border: none; } .vc_tta-container .vc_tta-accordion.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title > a { color: #282828; } .vc_tta-container .vc_tta-accordion.vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:first-child:not(:last-child) .vc_tta-panel-body, .vc_tta-container .vc_tta-accordion.vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:first-child:not(:last-child) .vc_tta-panel-heading { -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .vc_tta-container .vc_tta-accordion.vc_tta.vc_general .vc_tta-panel-title > a { color: #282828; font-size: 16px; font-weight: 600; line-height: 20px; padding: 28px 30px; } .vc_tta-container .vc_tta-accordion.vc_tta.vc_general .vc_tta-panel-title > a:before { background-color: #5fbbce; -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; /* BACKGROUND GRADIENT */ bottom: 0; content: ""; height: 20px; margin: auto; position: absolute; left: 30px; top: 0; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; width: 20px; } .vc_tta-container .vc_tta-accordion.vc_tta.vc_general .vc_tta-panel-title > a i.vc_tta-controls-icon { left: 35px; width: 10px; height: 10px; } .vc_tta-container .vc_tta-accordion.vc_tta.vc_general .vc_tta-panel-title > a i.vc_tta-controls-icon:before, .vc_tta-container .vc_tta-accordion.vc_tta.vc_general .vc_tta-panel-title > a i.vc_tta-controls-icon:after { border-color: #fff; } .vc_tta-container .vc_tta-accordion.vc_tta.vc_general .vc_tta-panel-title.vc_tta-controls-icon-position-left > a { padding-left: 75px; } .vc_tta-container .vc_tta-accordion.vc_tta.vc_general .vc_tta-panel-title.vc_tta-controls-icon-position-right > a { padding-right: 75px; } .vc_tta-container .vc_tta-accordion.vc_tta.vc_general .vc_tta-panel-title.vc_tta-controls-icon-position-right > a:before { left: auto; right: 30px; } .vc_tta-container .vc_tta-accordion.vc_tta.vc_general .vc_tta-panel-title.vc_tta-controls-icon-position-right > a i.vc_tta-controls-icon { left: auto; right: 35px; } .vc_tta-container .vc_tta-accordion.vc_tta.vc_general .vc_tta-panel-body { color: #a5a5a5; font-size: 14px; line-height: 22px; margin-top: -3px; padding: 0 30px 27px; } .vc_tta-container .vc_tta-accordion.vc_tta.vc_tta-shape-rounded .vc_tta-panel-body, .vc_tta-container .vc_tta-accordion.vc_tta.vc_tta-shape-rounded .vc_tta-panel-heading, .vc_tta-container .vc_tta-accordion.vc_tta.vc_tta-shape-rounded .vc_tta-tab > a { -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .cms-heading-wrapper { /* ========================================================================== [End] 2. CMS Heading ========================================================================== */ /* ========================================================================== [Start] 3. CMS Lists ========================================================================== */ } .cms-heading-wrapper .subtitle { color: #616161; text-transform: capitalize; font-size: 15px; letter-spacing: 0.02em; margin-bottom: 13px; font-weight: 500; } .cms-heading-wrapper h3.title { font-size: 35px; line-height: 35px; letter-spacing: 0; color: #222; font-style: italic; font-weight: 700; margin-bottom: 24px; padding-bottom: 25px; } .cms-heading-wrapper .description { font-size: 15px; line-height: 24px; color: #a5a5a5; } .cms-heading-wrapper.heading-layout1 h3.title, .cms-heading-wrapper.heading-layout6 h3.title, .cms-heading-wrapper.heading-layout9 h3.title { font-style: normal; letter-spacing: -0.02em; } .cms-heading-wrapper.heading-layout1 h3.title, .cms-heading-wrapper.heading-layout3 h3.title, .cms-heading-wrapper.heading-layout5 h3.title { position: relative; } .cms-heading-wrapper.heading-layout1 h3.title:before, .cms-heading-wrapper.heading-layout3 h3.title:before, .cms-heading-wrapper.heading-layout5 h3.title:before { content: ""; width: 50px; height: 2px; background-color: #5fbbce; position: absolute; left: 0; bottom: 0; } .cms-heading-wrapper.heading-layout1 .align-center h3.title:before, .cms-heading-wrapper.heading-layout3 .align-center h3.title:before, .cms-heading-wrapper.heading-layout5 .align-center h3.title:before { left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-heading-wrapper.heading-layout1 .align-right h3.title:before, .cms-heading-wrapper.heading-layout3 .align-right h3.title:before, .cms-heading-wrapper.heading-layout5 .align-right h3.title:before { left: auto; right: 0; } .cms-heading-wrapper.heading-layout9 h3.title { margin-bottom: 18px; padding-bottom: 0; } .cms-heading-wrapper.heading-layout9 .description { position: relative; padding-bottom: 25px; } .cms-heading-wrapper.heading-layout9 .description p { margin-bottom: 0; } .cms-heading-wrapper.heading-layout9 .description:before { content: ""; width: 50px; height: 2px; background-color: #5fbbce; position: absolute; left: 0; bottom: 0; } .cms-heading-wrapper.heading-layout9 .align-center .description:before { left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-heading-wrapper.heading-layout9 .align-right .description:before { left: auto; right: 0; } .cms-heading-wrapper.heading-layout10 .subtitle { font-family: 'tangerineregular'; font-size: 45px; line-height: 45px; letter-spacing: 0.02em; color: #5fbbce; text-transform: none; margin-bottom: 12px; } .cms-heading-wrapper.heading-layout10 h3.title { font-family: 'merienda_oneregular'; font-style: normal; font-weight: 400; padding-bottom: 0; margin-bottom: 22px; } .cms-heading-wrapper.heading-layout10 .h-icon + .description { padding-top: 19px; } .cms-heading-wrapper.heading-layout6 h3.title { position: relative; color: #fefefe; } .cms-heading-wrapper.heading-layout6 h3.title:before { content: ""; width: 50px; height: 2px; background-color: #fff; position: absolute; left: 0; bottom: 0; } .cms-heading-wrapper.heading-layout6 .align-center h3.title:before { left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-heading-wrapper.heading-layout6 .align-right h3.title:before { left: auto; right: 0; } .cms-heading-wrapper.heading-layout6 .description { color: #f9f9f9; } .cms-heading-wrapper.heading-layout2 h3.title { margin-bottom: 16px; padding-bottom: 0; font-style: normal; letter-spacing: -0.02em; } .cms-heading-wrapper.heading-layout2 h3.title:before { display: none; } .cms-heading-wrapper.heading-layout2 .description { position: relative; padding-bottom: 3px; font-size: 16px; line-height: 26px; } .cms-heading-wrapper.heading-layout2 .description:before { content: ""; width: 50px; height: 2px; background-color: #5fbbce; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-heading-wrapper.heading-layout7 h3.title { margin-bottom: 23px; padding-bottom: 24px; font-style: normal; letter-spacing: -0.02em; position: relative; } .cms-heading-wrapper.heading-layout7 h3.title:before { content: ""; width: 50px; height: 2px; background-color: #5fbbce; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ bottom: 0; } .cms-heading-wrapper.heading-layout7 .description { padding-bottom: 3px; font-size: 16px; line-height: 26px; } .cms-heading-wrapper.heading-layout8 h3.title { font-style: normal; letter-spacing: -0.02em; margin-bottom: 16px; padding-bottom: 0; } .cms-heading-wrapper.heading-layout8 .subtitle-bottom { font-size: 15px; line-height: 24px; color: #a5a5a5; position: relative; padding-bottom: 15px; margin-bottom: 24px; } .cms-heading-wrapper.heading-layout8 .subtitle-bottom:before { content: ""; width: 50px; height: 2px; background-color: #5fbbce; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ bottom: 0; } .cms-heading-wrapper.heading-layout8 .description { padding-bottom: 3px; font-size: 16px; line-height: 26px; } .cms-heading-wrapper.heading-layout3 h3.title { line-height: 47px; padding-bottom: 19px; } .cms-heading-wrapper.heading-layout3 h3.title strong { color: #5fbbce; } .cms-heading-wrapper.heading-layout3 .description { font-size: 15px; line-height: 25px; } .cms-heading-wrapper.heading-layout3.style2 h3.title { color: #fff; } .cms-heading-wrapper.heading-layout3.style2 h3.title:before { background-color: #f9f9f9; width: 70px; } .cms-heading-wrapper.heading-layout3.style2 .description { color: #f9f9f9; } .cms-heading-wrapper.heading-layout3.style3 h3.title { color: #fff; } .cms-heading-wrapper.heading-layout3.style3 h3.title:before { background-color: #f4f4f4; width: 70px; } .cms-heading-wrapper.heading-layout3.style3 .description { color: #f4f4f4; } .cms-heading-wrapper.heading-layout4 .subtitle { font-size: 17px; line-height: 45px; letter-spacing: 0.018em; text-transform: capitalize; margin-bottom: 9px; } .cms-heading-wrapper.heading-layout4 h3.title { font-size: 45px; line-height: 50px; font-style: normal; padding-bottom: 0; margin-bottom: 13px; } .cms-heading-wrapper.heading-layout4 h3.title:before { display: none; } .cms-heading-wrapper.heading-layout4 .description { font-size: 17px; line-height: 26px; } .cms-heading-wrapper.heading-layout5 h3.title { line-height: 46px; padding-bottom: 19px; } .cms-heading-wrapper.heading-layout5 .description { font-size: 17px; line-height: 26px; margin-top: 10px; } .cms-heading-wrapper.heading-layout5.style2 h3.title:before { display: none; } ul.list-style { /* ========================================================================== [End] 3. CMS Lists ========================================================================== */ /* ========================================================================== [Start] 4. CMS Carousel ========================================================================== */ } ul.list-style li { color: #7f7f7f; font-size: 13px; line-height: 30px; padding-left: 26px; font-family: 'open_sansregular'; } ul.list-style.list-style1 li { background: url(../images/list-style1.png) no-repeat left 7px; } ul.list-style.list-style2 li { background: url(../images/list-style2.png) no-repeat left 8px; } ul.list-style.list-style3 li { background: url(../images/list-style3.png) no-repeat left 10px; } ul.list-style.list-style4 li { background: url(../images/list-style4.png) no-repeat left 8px; } ul.list-style.list-style5 li { background: url(../images/list-style5.png) no-repeat left 8px; } ul.list-style.list-style6 li { background: url(../images/list-style6.png) no-repeat left 10px; } ul.list-style.list-style7 li { background: url(../images/list-style7.png) no-repeat left 13px; } ul.list-style.list-style8 { counter-reset: li; } ul.list-style.list-style8 li { position: relative; } ul.list-style.list-style8 li:after { font-family: Poppins; color: #222; content: counter(li,decimal) ". "; counter-increment: li; position: absolute; left: 0; top: 0; font-weight: 700; } .layout-carousel-default { text-align: center; /* Layout Client */ } .layout-carousel-default .cms-carousel-categories { margin-bottom: 4px; } .layout-carousel-default .cms-carousel-categories a { font-size: 13px; line-height: 49px; color: #5fbbce; font-weight: 800; letter-spacing: 0.02em; } .layout-carousel-default .cms-carousel-categories a:hover { color: #fefefe; } .layout-carousel-default .cms-carousel-title { font-size: 35px; line-height: 45px; position: relative; padding-bottom: 20px; margin-bottom: 43px; } .layout-carousel-default .cms-carousel-title a { color: #282828; } .layout-carousel-default .cms-carousel-title a:hover { color: #5fbbce; } .layout-carousel-default .cms-carousel-title:before { content: ""; height: 2px; width: 70px; background-color: #5fbbce; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .layout-carousel-default .cms-carousel-description { font-size: 15px; line-height: 25px; color: #9b9b9b; } .layout-carousel-default .cms-carousel-description p { margin-bottom: 25px; } .layout-carousel-default .owl-controls .owl-dots { margin-top: 12px; } .layout-carousel-default .owl-controls .owl-dots .owl-dot { border-color: #aeaeae; } .layout-carousel-default .owl-controls .owl-dots:hover, .layout-carousel-default .owl-controls .owl-dots.active { border-color: #5fbbce; } .layout-carousel-default.style-dark .cms-carousel-title a { color: #fefefe; } .layout-carousel-default.style-dark .cms-carousel-title a:hover { color: #5fbbce; } .layout-carousel-default.style-dark .cms-carousel-description { color: #a5a5a5; } .layout-carousel-default.style-dark .owl-controls .owl-dots .owl-dot { border-color: #434343; } .layout-carousel-default.style-dark .owl-controls .owl-dots:hover, .layout-carousel-default.style-dark .owl-controls .owl-dots.active { border-color: #5fbbce; } .layout-client .owl-stage-outer { margin-right: 2px; } .layout-client .cms-carousel-item { text-align: center; } .layout-client .cms-carousel-item .cms-carousel-media { text-align: center; position: relative; padding-top: 31px; padding-bottom: 31px; display: block; } .layout-client .cms-carousel-item .cms-carousel-media:after { height: 1px; position: absolute; content: ""; bottom: -1px; left: 15px; right: 15px; background-color: #e6e6e6; } .layout-client .cms-carousel-item .cms-carousel-media:before { background-color: #e6e6e6; bottom: 15px; content: ""; position: absolute; right: -6px; top: 15px; width: 1px; } .layout-client .cms-carousel-item .cms-carousel-media img { width: inherit; display: inline-block; } .layout-client .owl-item:last-child .cms-carousel-item .cms-carousel-media:after { width: 0; } .layout-client.style-dark .cms-carousel-item .cms-carousel-media:after, .layout-client.style-dark .cms-carousel-item .cms-carousel-media:before { background-color: rgba(206, 206, 206, 0.3); } .layout-client.layout-client2 .cms-carousel-item .cms-carousel-media:after { display: none; } .layout-client.layout-client2 .cms-carousel-item .cms-carousel-media:before { background-color: #e3e3e3; content: ""; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ width: 2px; height: 20px; } .layout-client.layout-client2.style-dark .cms-carousel-item .cms-carousel-media:after, .layout-client.layout-client2.style-dark .cms-carousel-item .cms-carousel-media:before { background-color: transparent; } .owl-controls .owl-nav .owl-prev, .owl-controls .owl-nav .owl-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ font-size: 25px; line-height: 28px; color: #fff; left: 35px; margin-top: -30px; width: 45px; height: 45px; line-height: 45px; text-align: center; } .owl-controls .owl-nav .owl-prev i:before { content: "\f104"; } .owl-controls .owl-nav .owl-next { left: auto; right: 35px; } .owl-controls .owl-nav .owl-next i:before { content: "\f105"; } .owl-controls .owl-dots { text-align: center; margin-top: 33px; } .owl-controls .owl-dots .owl-dot { width: 10px; height: 10px; border: 2px solid #b5b5b5; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ display: inline-block; margin: 0 5px; } .owl-controls .owl-dots .owl-dot.active, .owl-controls .owl-dots .owl-dot:hover { background-color: #5fbbce; border-color: #5fbbce; } .style-dark .owl-controls .owl-dots .owl-dot { border: 2px solid #414141; } .style-dark .owl-controls .owl-dots .owl-dot.active, .style-dark .owl-controls .owl-dots .owl-dot:hover { background-color: #5fbbce; border-color: #5fbbce; } .style-light-2, .style-dark-2 { /* Layout Team */ } .style-light-2 .owl-controls .owl-dots .owl-dot, .style-dark-2 .owl-controls .owl-dots .owl-dot { border: 2px solid #ccd1d2; } .style-light-2 .owl-controls .owl-dots .owl-dot.active, .style-dark-2 .owl-controls .owl-dots .owl-dot.active, .style-light-2 .owl-controls .owl-dots .owl-dot:hover, .style-dark-2 .owl-controls .owl-dots .owl-dot:hover { background-color: #fff; border-color: #fff; } .layout-team { text-align: center; } .layout-team .cms-team-image img { width: 100%; } .layout-team .cms-team-item { -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .layout-team .cms-team-item:hover ul.cms-team-social li a { color: #5fbbce; } .layout-team .cms-team-item:hover ul.cms-team-social li a:hover { color: #646464; } .layout-team .cms-team-item:hover .cms-team-overlay { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .layout-team h3.cms-team-title { color: #282828; font-size: 17px; line-height: 26.52px; font-weight: 600; text-transform: capitalize; margin-bottom: 1px; } .layout-team h3.cms-team-title a { color: #282828; } .layout-team h3.cms-team-title a:hover { color: #5fbbce; } .layout-team .cms-team-position { position: relative; padding-bottom: 16px; margin-bottom: 14px; font-size: 13px; } .layout-team .cms-team-position:before { content: ""; position: absolute; left: 50%; bottom: 0; width: 20px; height: 2px; background-color: #d9d9d9; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .layout-team .cms-team-description { font-size: 15px; line-height: 25px; } .layout-team .cms-team-content { padding: 23px 15px; } .layout-team .cms-team-overlay { background-color: rgba(34, 34, 34, 0.95); bottom: 0; left: 0; position: absolute; right: 0; top: 0; -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .layout-team.style-dark h3.cms-team-title a { color: #f9f9f9; } .layout-team.style-dark h3.cms-team-title a:hover { color: #5fbbce; } .layout-team.layout-team1 .cms-team-image { position: relative; } .layout-team.layout-team1 .cms-team-overlay { -webkit-border-radius: 3px 3px 0 0; -khtml-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; /* BACKGROUND GRADIENT */ top: 20px; left: 20px; right: 20px; bottom: 20px; } .layout-team.layout-team1 .cms-team-overlay .overlay-inner { left: 0; position: absolute; top: 50%; -webkit-transform: translate(0px, -50%) scale(0); -khtml-transform: translate(0px, -50%) scale(0); -moz-transform: translate(0px, -50%) scale(0); -ms-transform: translate(0px, -50%) scale(0); -o-transform: translate(0px, -50%) scale(0); transform: translate(0px, -50%) scale(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; width: 100%; margin: 0; color: #fff; font-size: 13px; font-weight: 800; } .layout-team.layout-team1 .cms-team-item:hover .overlay-inner { -webkit-transform: translate(0px, -50%) scale(1); -khtml-transform: translate(0px, -50%) scale(1); -moz-transform: translate(0px, -50%) scale(1); -ms-transform: translate(0px, -50%) scale(1); -o-transform: translate(0px, -50%) scale(1); transform: translate(0px, -50%) scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .layout-team.layout-team1.style-dark .cms-carousel-media img { border-color: #484550; } .layout-team.layout-team2 .cms-team-item:hover .cms-team-content, .layout-team.layout-team3 .cms-team-item:hover .cms-team-content { -webkit-transform: translate(0px, -50%) scale(1); -khtml-transform: translate(0px, -50%) scale(1); -moz-transform: translate(0px, -50%) scale(1); -ms-transform: translate(0px, -50%) scale(1); -o-transform: translate(0px, -50%) scale(1); transform: translate(0px, -50%) scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .layout-team.layout-team2 .cms-team-content, .layout-team.layout-team3 .cms-team-content { left: 0; position: absolute; top: 50%; -webkit-transform: translate(0px, -50%) scale(0); -khtml-transform: translate(0px, -50%) scale(0); -moz-transform: translate(0px, -50%) scale(0); -ms-transform: translate(0px, -50%) scale(0); -o-transform: translate(0px, -50%) scale(0); transform: translate(0px, -50%) scale(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; width: 100%; } .layout-team.layout-team2 h3.cms-team-title a, .layout-team.layout-team3 h3.cms-team-title a { color: #fff; } .layout-team.layout-team2 .cms-team-position:before, .layout-team.layout-team3 .cms-team-position:before { background-color: rgba(217, 217, 217, 0.3); } .layout-team.layout-team3 .cms-team-overlay { left: 40px; top: 40px; right: 40px; bottom: 40px; } .layout-team.layout-team3 .cms-carousel-media img { -webkit-border-radius: 3px 3px 0 0; -khtml-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; /* BACKGROUND GRADIENT */ } .layout-team.layout-team4 .cms-carousel-media img, .layout-team.layout-grid-team1 .cms-carousel-media img, .layout-team.layout-grid-team2 .cms-carousel-media img { -webkit-border-radius: 3px 3px 0 0; -khtml-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; /* BACKGROUND GRADIENT */ } .layout-team.layout-team4 .cms-team-overlay, .layout-team.layout-grid-team1 .cms-team-overlay, .layout-team.layout-grid-team2 .cms-team-overlay { -webkit-border-radius: 3px 3px 0 0; -khtml-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; /* BACKGROUND GRADIENT */ } .layout-team.layout-team4 .cms-team-image, .layout-team.layout-grid-team1 .cms-team-image, .layout-team.layout-team6 .cms-team-image { position: relative; } .layout-team.layout-team4 ul.cms-team-social, .layout-team.layout-grid-team1 ul.cms-team-social, .layout-team.layout-team6 ul.cms-team-social { left: 0; position: absolute; top: 50%; -webkit-transform: translate(0px, -50%) scale(0); -khtml-transform: translate(0px, -50%) scale(0); -moz-transform: translate(0px, -50%) scale(0); -ms-transform: translate(0px, -50%) scale(0); -o-transform: translate(0px, -50%) scale(0); transform: translate(0px, -50%) scale(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; width: 100%; margin: 0; } .layout-team.layout-team4 .cms-team-item:hover ul.cms-team-social, .layout-team.layout-grid-team1 .cms-team-item:hover ul.cms-team-social, .layout-team.layout-team6 .cms-team-item:hover ul.cms-team-social { -webkit-transform: translate(0px, -50%) scale(1); -khtml-transform: translate(0px, -50%) scale(1); -moz-transform: translate(0px, -50%) scale(1); -ms-transform: translate(0px, -50%) scale(1); -o-transform: translate(0px, -50%) scale(1); transform: translate(0px, -50%) scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .layout-team.layout-team4 .cms-team-position:before, .layout-team.layout-grid-team1 .cms-team-position:before, .layout-team.layout-team6 .cms-team-position:before { display: none; } .layout-team.layout-team5 .cms-carousel-media img, .layout-team.layout-team6 .cms-carousel-media img { -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ } .layout-team.layout-team6 .cms-team-overlay { -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ } ul.cms-team-social { margin-top: 15px; /* Layout testimonial */ } ul.cms-team-social li { display: inline-block; font-size: 14px; line-height: 28px; margin: 0 12px; } ul.cms-team-social li a { color: #646464; } ul.cms-team-social li a:hover { color: #5fbbce; } .layout-testimonial { /* Layout testimonial */ } .layout-testimonial .cms-testimonial-icon { background-image: url(../images/icon-quote.png); background-repeat: no-repeat; background-position: left top; width: 30px; height: 19px; margin: 10px auto 22px; } .layout-testimonial .cms-testimonial-description { font-size: 14px; line-height: 25px; letter-spacing: 0.02em; } .layout-testimonial .cms-testimonial-item { text-align: center; } .layout-testimonial .cms-testimonial-item .cms-carousel-media img { -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ width: 44px; height: 44px; padding: 2px; background-color: #fff; border: 2px solid #5fbbce; margin: 21px auto 23px; } .layout-testimonial .cms-testimonial-title { font-size: 15px; line-height: 22px; text-transform: capitalize; font-weight: 600; color: #282828; margin-bottom: 3px; } .layout-testimonial .cms-testimonial-title a { color: #282828; } .layout-testimonial .cms-testimonial-title a:hover { color: #5fbbce; } .layout-testimonial .cms-testimonial-position { font-size: 13px; line-height: 23px; color: #616161; text-transform: capitalize; margin-bottom: 3px; } .layout-testimonial.layout-testimonial1 .cms-testimonial-item { background-color: #f9f9f9; padding: 40px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ } .layout-testimonial.layout-testimonial1.style-dark .cms-testimonial-item { background-color: #222; } .layout-testimonial.layout-testimonial1.style-dark .cms-testimonial-icon { background-image: url(../images/icon-quote-dark.png); } .layout-testimonial.layout-testimonial1.style-dark .cms-testimonial-title a { color: #f9f9f9; } .layout-testimonial.layout-testimonial1.style-dark .cms-testimonial-title a:hover { color: #5fbbce; } .layout-testimonial.layout-testimonial1.style-dark .owl-controls .owl-dots .owl-dot { border-color: #3f3f3f; } .layout-testimonial.layout-testimonial1.style-dark .owl-controls .owl-dots .owl-dot:hover, .layout-testimonial.layout-testimonial1.style-dark .owl-controls .owl-dots .owl-dot.active { background-color: #5fbbce; border-color: #5fbbce; } .layout-testimonial .owl-controls .owl-dots { margin-top: 44px; } .layout-testimonial.layout-testimonial2 .cms-testimonial-item .cms-carousel-media img { margin-top: 39px; background: transparent none repeat scroll 0 0; border-color: #797979; } .layout-testimonial.layout-testimonial2 .cms-testimonial-icon { background-image: url(../images/icon-quote2.png); width: 38px; height: 25px; margin-bottom: 44px; } .layout-testimonial.layout-testimonial2 .cms-testimonial-title a { color: #f9f9f9; } .layout-testimonial.layout-testimonial2 .cms-testimonial-title a:hover { color: #5fbbce; } .layout-testimonial.layout-testimonial2 .cms-testimonial-description { font-family: Poppins; font-size: 27px; line-height: 35px; letter-spacing: 0.02em; color: #fff; font-weight: 500; font-style: italic; position: relative; } .layout-testimonial.layout-testimonial2 .cms-testimonial-description:before, .layout-testimonial.layout-testimonial2 .cms-testimonial-description:after { content: "“"; position: absolute; top: 0; left: -5px; } .layout-testimonial.layout-testimonial2 .cms-testimonial-description:after { -webkit-transform: rotate(180deg); -khtml-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ bottom: 20px; left: auto; right: 5px; top: auto; } .layout-testimonial.layout-testimonial2 .owl-controls .owl-dots { margin-top: 30px; } .layout-testimonial.layout-testimonial3 .cms-testimonial-item .cms-carousel-media img { margin-bottom: 33px; width: 64px; height: 64px; } .layout-testimonial.layout-testimonial3 .cms-testimonial-icon { margin-top: 30px; margin-bottom: 35px; width: 38px; height: 25px; } .layout-testimonial.layout-testimonial3 .cms-testimonial-title { text-transform: none; } .layout-testimonial.layout-testimonial3 .cms-testimonial-description { color: #373636; font-size: 27px; font-style: italic; letter-spacing: 0.02em; line-height: 40px; margin-bottom: 0; font-family: Poppins; position: relative; padding: 0 5px; font-weight: 400; } .layout-testimonial.layout-testimonial3 .cms-testimonial-description:before, .layout-testimonial.layout-testimonial3 .cms-testimonial-description:after { content: "“"; position: absolute; top: -3px; left: 0; } .layout-testimonial.layout-testimonial3 .cms-testimonial-description:after { -webkit-transform: rotate(180deg); -khtml-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ bottom: 15px; left: auto; right: 5px; top: auto; } .layout-testimonial.layout-testimonial3 .owl-controls .owl-dots { margin-top: 34px; } .layout-testimonial.layout-testimonial3.style-dark .cms-testimonial-description, .layout-testimonial.layout-testimonial3.style-dark-2 .cms-testimonial-description { color: #fff; } .layout-testimonial.layout-testimonial3.style-dark .cms-testimonial-title a, .layout-testimonial.layout-testimonial3.style-dark-2 .cms-testimonial-title a { color: #f9f9f9; } .layout-testimonial.layout-testimonial3.style-dark .cms-testimonial-title a:hover, .layout-testimonial.layout-testimonial3.style-dark-2 .cms-testimonial-title a:hover { color: #5fbbce; } .layout-testimonial.layout-testimonial3.style-dark .cms-testimonial-item .cms-carousel-media img, .layout-testimonial.layout-testimonial3.style-dark-2 .cms-testimonial-item .cms-carousel-media img { background-color: transparent; } .layout-testimonial.layout-testimonial4 .cms-testimonial-description { font-size: 50px; line-height: 1; color: #fff; font-family: "tangerineregular"; line-height: 1.1; max-width: 950px; margin: auto; padding-bottom: 12px; } .layout-testimonial.layout-testimonial4 .cms-testimonial-title { font-size: 13px; font-weight: 500; font-family: inherit; color: #5fbbce; } .layout-testimonial.layout-testimonial4 .cms-testimonial-title span { font-style: italic; } .layout-latestnews.style-dark .cms-latestnews-content { background-color: #222; } .layout-latestnews.style-dark .cms-latestnews-content h3.cms-latestnews-title a { color: #fff; } .layout-latestnews.style-dark .cms-latestnews-content h3.cms-latestnews-title a:hover { color: #5fbbce; } .layout-latestnews.style-dark .detail-author { border-color: rgba(217, 217, 217, 0.1); } .layout-latestnews.style-dark .owl-controls .owl-dots .owl-dot { border-color: #3f3f3f; } .layout-latestnews.style-dark .owl-controls .owl-dots .owl-dot:hover, .layout-latestnews.style-dark .owl-controls .owl-dots .owl-dot.active { background-color: #5fbbce; border-color: #5fbbce; } .cms-latestnews-content { background: #fff none repeat scroll 0 0; -webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -moz-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -ms-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); margin: 3px; padding: 32px 40px 40px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ /* Layout Services */ } .cms-latestnews-content .cms-latestnews-meta { margin-bottom: 9px; } .cms-latestnews-content .cms-latestnews-meta li { display: inline-block; font-size: 13px; line-height: 26px; letter-spacing: 0.02em; color: #616161; font-weight: 600; position: relative; padding: 0 8px; } .cms-latestnews-content .cms-latestnews-meta li:first-child { padding-left: 0; } .cms-latestnews-content .cms-latestnews-meta li a { color: #616161; } .cms-latestnews-content .cms-latestnews-meta li a:hover { color: #5fbbce; } .cms-latestnews-content .cms-latestnews-meta li.detail-category { color: #5fbbce; } .cms-latestnews-content .cms-latestnews-meta li.detail-category a { color: #5fbbce; } .cms-latestnews-content .cms-latestnews-meta li.detail-category a:hover { color: #616161; } .cms-latestnews-content .cms-latestnews-meta li.detail-category:before { content: "/"; position: absolute; left: -8px; right: 0; color: #616161; } .cms-latestnews-content h3.cms-latestnews-title { font-size: 18px; font-weight: 600; line-height: 23px; margin-bottom: 16px; } .cms-latestnews-content h3.cms-latestnews-title a { color: #282828; } .cms-latestnews-content h3.cms-latestnews-title a:hover { color: #5fbbce; } .cms-latestnews-content .cms-latestnews-description { font-size: 14px; line-height: 23px; } .cms-latestnews-content .owl-controls .owl-dots { margin-top: 43px; } .cms-latestnews-content .detail-author { display: block; } .cms-carousel-services { /* Layout Device */ } .cms-carousel-services .cms-services-content { text-align: center; padding: 35px 0 0; } .cms-carousel-services h3.cms-services-title { font-size: 18px; font-weight: 600; line-height: 29px; margin-bottom: 14px; } .cms-carousel-services h3.cms-services-title a { color: #222; } .cms-carousel-services h3.cms-services-title a:hover { color: #5fbbce; } .cms-carousel-services .cms-services-readmore a { padding: 2px 0 0; } .cms-carousel-services .owl-controls .owl-dots { margin-top: 23px; } .carousel-device-wrapper { position: relative; margin-bottom: 60px; /* ========================================================================== [End] 4. CMS Carousel ========================================================================== */ /* ========================================================================== [Start] 5. CMS Counter ========================================================================== */ } .carousel-device-wrapper .device-phone { background: url(../images/bg-device-phone.png) no-repeat center top; height: calc(100% + 54px); left: 50%; pointer-events: none; position: absolute; top: -54px; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ width: 100%; background-size: contain; z-index: 99; } .carousel-device-wrapper .owl-controls { position: relative; bottom: -65px; } .cms-counter-wraper { /* ========================================================================== [End] 5. CMS Counter ========================================================================== */ /* ========================================================================== [Start] 6. CMS Countdown ========================================================================== */ } .cms-counter-wraper .cms-counter-icon { margin-bottom: 20px; } .cms-counter-wraper .cms-counter-icon i { font-size: 40px; color: #fff; } .cms-counter-wraper .cms-counter { font-size: 40px; line-height: 25px; font-family: Poppins; font-weight: 600; color: #fff; position: relative; padding-bottom: 22px; margin-bottom: 12px; } .cms-counter-wraper .cms-counter:before { content: ""; width: 30px; height: 2px; background-color: #5fbbce; position: absolute; bottom: 0; left: 0; } .cms-counter-wraper .cms-counter-title { font-size: 14px; line-height: 25px; font-weight: 700; text-transform: capitalize; color: #f9f9f9; letter-spacing: 0.019em; } .cms-counter-wraper.content-align-center .cms-counter:before { left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-counter-wraper.content-align-right .cms-counter:before { left: auto; right: 0; } .cms-counter-wraper.style-2 .cms-counter-icon i { color: #222; } .cms-counter-wraper.style-2 .cms-counter { color: #222; } .cms-counter-wraper.style-2 .cms-counter:before { background-color: #dbdbdb; } .cms-counter-wraper.style-2 .cms-counter-title { color: #616161; } .cms-counter-wraper.style-3 .cms-counter:before { background-color: #222; } .cms-counter-wraper.style-4 .cms-counter-icon i { color: #282828; } .cms-counter-wraper.style-4 .cms-counter { color: #282828; } .cms-counter-wraper.style-4 .cms-counter:before { background-color: #5fbbce; } .cms-counter-wraper.style-4 .cms-counter-title { color: #616161; } .cms-countdown-wraper { /* ========================================================================== [End] 6. CMS Countdown ========================================================================== */ /* ========================================================================== [Start] 7. CMS Process ========================================================================== */ } .cms-countdown-wraper [class*="col-"] { width: 20%; } .cms-countdown-wraper .countdown-item-container { text-align: center; } .cms-countdown-wraper .countdown-item-container .countdown-amount { font-family: Poppins; font-size: 80px; line-height: 25px; color: #5fbbce; font-weight: 600; display: block; margin-bottom: 23px; } .cms-countdown-wraper .countdown-item-container .countdown-period { font-size: 14px; line-height: 25px; font-weight: 700; text-transform: capitalize; display: block; color: #616161; letter-spacing: 0.019em; } .cms-countdown-wraper.style1 .countdown-item-container .countdown-amount { color: #222; } .cms-countdown-wraper.style2 .countdown-item-container { background-color: rgba(255, 255, 255, 0.2); -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ padding: 46px 10px 13px; } .cms-countdown-wraper.style2 .countdown-item-container .countdown-amount { color: #fff; } .cms-countdown-wraper.style2 .countdown-item-container .countdown-period { color: #f9f9f9; } .cms-process-default { /* ========================================================================== [End] 7. CMS Process ========================================================================== */ /* ========================================================================== [Start] 8. CMS Pricing ========================================================================== */ } .cms-process-default .cms-process-list .cms-process-item { float: left; width: 25%; text-align: center; padding: 0 30px; } .cms-process-default .cms-process-list .cms-process-item:last-child .cms-process-icon .arrow-right { display: none; } .cms-process-default .cms-process-list .cms-process-item:hover .cms-process-icon span { border-color: #5fbbce; color: #fff; background-color: #5fbbce; } .cms-process-default .cms-process-icon { -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ -webkit-box-shadow: 0 1px 33px rgba(40, 40, 40, 0.12); -moz-box-shadow: 0 1px 33px rgba(40, 40, 40, 0.12); -ms-box-shadow: 0 1px 33px rgba(40, 40, 40, 0.12); box-shadow: 0 1px 33px rgba(40, 40, 40, 0.12); display: block; width: 130px; height: 130px; position: relative; margin: 0 auto; } .cms-process-default .cms-process-icon span { border: 2px solid #dedede; height: 104px; width: 104px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ font-size: 50px; line-height: 108px; color: #5fbbce; font-weight: 300; background-color: transparent; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; font-family: Poppins; } .cms-process-default .cms-process-icon .arrow-right { background: url(../images/icon-arrow-right.png) no-repeat right center; width: 29px; height: 10px; position: absolute; right: -93px; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-process-default .cms-process-title { color: #222; font-size: 13px; letter-spacing: 0.02em; line-height: 49px; text-transform: uppercase; margin-top: 30px; margin-bottom: 0; } .cms-process-default .cms-process-desc { font-size: 14px; line-height: 23px; margin-top: -7px; } .cms-process-default.style-2 .cms-process-icon { background-color: #222; } .cms-process-default.style-2 .cms-process-icon span { background-color: #fff; border-color: #fff; } .pricing-wrap { /* ========================================================================== [End] 8. CMS Pricing ========================================================================== */ /* ========================================================================== [Start] 9. CMS Progress Bar ========================================================================== */ } .pricing-wrap .pricing-item-wrap:hover .pricing-item-inner, .pricing-wrap .pricing-item-wrap.is-feature .pricing-item-inner { -webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.16); -moz-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.16); -ms-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.16); box-shadow: 0 2px 3px rgba(40, 40, 40, 0.16); } .pricing-wrap .pricing-item-wrap:hover .pricing-footer a, .pricing-wrap .pricing-item-wrap.is-feature .pricing-footer a { background-color: #5fbbce; border-color: #5fbbce; } .pricing-wrap .pricing-item-inner { background-color: #fff; -webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -moz-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -ms-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); padding: 42px 40px 40px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ margin: 10px 0; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .pricing-wrap .pricing-head { position: relative; background-color: #5fbbce; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ text-align: center; padding: 6px 20px 34px; font-size: 13px; line-height: 21px; color: #f9f9f9; margin-bottom: 42px; } .pricing-wrap .pricing-head:before { content: ""; width: 100%; height: 2px; background-color: #5fbbce; position: absolute; top: -42px; left: 0; } .pricing-wrap .pricing-head:after { content: ""; width: 100%; height: 2px; background-color: #eee; position: absolute; bottom: -42px; left: 0; } .pricing-wrap .pricing-head h3.cms-pricing-title { font-size: 16px; line-height: 46px; color: #222; font-weight: 600; text-transform: capitalize; margin-bottom: 29px; } .pricing-wrap .pricing-head .pricing-price { margin-bottom: 11px; color: #fff; } .pricing-wrap .pricing-head .pricing-price .cms-pricing-price { font-size: 70px; line-height: 46px; font-family: Poppins; font-weight: 700; } .pricing-wrap .pricing-head .pricing-price .cms-pricing-price span { font-size: 28px; margin-right: 8px; } .pricing-wrap .pricing-head .pricing-price .cms-pricing-time { font-size: 13px; font-weight: 500; text-transform: capitalize; } .pricing-wrap .pricing-content { border-bottom: 2px solid #eee; padding-bottom: 22px; } .pricing-wrap .pricing-content ul { padding-top: 25px; } .pricing-wrap .pricing-content ul li { color: #9b9b9b; font-size: 14px; line-height: 40px; } .pricing-wrap .pricing-content ul li + li { border-top: 1px solid #f5f4f4; } .pricing-wrap .pricing-footer a { width: 100%; margin-top: 40px; } .pricing-wrap.pricing-layout1.style2 .pricing-item-inner { padding: 0 0 40px; -webkit-border-radius: 3px 3px 0 0; -khtml-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; /* BACKGROUND GRADIENT */ } .pricing-wrap.pricing-layout1.style2 .pricing-head { padding: 0 40px 59px; margin-bottom: 0; } .pricing-wrap.pricing-layout1.style2 .pricing-head:before, .pricing-wrap.pricing-layout1.style2 .pricing-head:after { display: none; } .pricing-wrap.pricing-layout1.style2 .pricing-head h3.cms-pricing-title { margin-top: 15px; margin-bottom: 53px; } .pricing-wrap.pricing-layout1.style2 .pricing-head-wrap { border-top: 2px solid #222; } .pricing-wrap.pricing-layout1.style2 .pricing-content, .pricing-wrap.pricing-layout1.style2 .pricing-footer { padding-left: 40px; padding-right: 40px; } .pricing-wrap.pricing-layout1.style3 .pricing-head { color: #a5a5a5; } .pricing-wrap.pricing-layout1.style3 .pricing-head:before { background-color: #fff; } .pricing-wrap.pricing-layout1.style3 .pricing-head .pricing-price { color: #282828; } .pricing-wrap.pricing-layout1.style3 .pricing-item-wrap:hover .pricing-head:before, .pricing-wrap.pricing-layout1.style3 .pricing-item-wrap.is-feature .pricing-head:before { background-color: #5fbbce; } .pricing-wrap.pricing-layout2 .pricing-head { background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; } .pricing-wrap.pricing-layout2 .pricing-head .bg-overlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ } .pricing-wrap.pricing-layout2 .pricing-head-wrap { position: relative; z-index: 1; } .pricing-wrap.pricing-layout3 .pricing-head { background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; } .pricing-wrap.pricing-layout3 .pricing-head .bg-gradient { width: 100%; height: 100%; position: absolute; left: 0; top: 0; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ background-color: rgba(95, 187, 206, 0.75); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(95, 187, 206, 0.75)), to(rgba(228, 18, 112, 0.75))); background-image: -webkit-linear-gradient(top, rgba(95, 187, 206, 0.75), rgba(228, 18, 112, 0.75)); background-image: -moz-linear-gradient(top, rgba(95, 187, 206, 0.75), rgba(228, 18, 112, 0.75)); background-image: -ms-linear-gradient(top, rgba(95, 187, 206, 0.75), rgba(228, 18, 112, 0.75)); background-image: -o-linear-gradient(top, rgba(95, 187, 206, 0.75), rgba(228, 18, 112, 0.75)); background-image: linear-gradient(top, rgba(95, 187, 206, 0.75), rgba(228, 18, 112, 0.75)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(95, 187, 206, 0.75)', endColorStr='rgba(228, 18, 112, 0.75)'); /* BACKGROUND GRADIENT - BOTTOM */ } .pricing-wrap.pricing-layout3 .pricing-head-wrap { position: relative; z-index: 1; } .pricing-wrap.pricing-layout3 .pricing-footer a { -webkit-border-radius: 50px; -khtml-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; /* BACKGROUND GRADIENT */ } .cms-progress-wraper { position: relative; /* ========================================================================== [End] 9. CMS Progress Bar ========================================================================== */ /* ========================================================================== [Start] 10. CMS Fancybox ========================================================================== */ } .cms-progress-wraper .cms-progress-title { font-size: 13px; line-height: 26.52px; color: #282828; text-transform: uppercase; font-weight: 800; letter-spacing: 0.02; } .cms-progress-wraper .progress-couter { font-size: 12px; position: absolute; right: 0; color: #9b9b9b; font-family: Poppins; font-weight: 700; top: 0; } .cms-progress-wraper .progress { background-color: #eee; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; margin-bottom: 32px; height: 6px; } .cms-progress-wraper .progress .progress-bar { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; background-color: #5fbbce; } .cms-progress-wraper.style-2 .cms-progress-title { color: #f9f9f9; } .cms-progress-wraper.style-2 .progress { background-color: #525050; } .cms-progress-wraper.cms-progress-layout2 .bg-gradient { background-color: rgba(228, 18, 112, 0.75); background-image: -webkit-gradient(linear, left top, right top, from(rgba(228, 18, 112, 0.75)), to(rgba(95, 187, 206, 0.75))); background-image: -webkit-linear-gradient(left, rgba(228, 18, 112, 0.75), rgba(95, 187, 206, 0.75)); background-image: -moz-linear-gradient(left, rgba(228, 18, 112, 0.75), rgba(95, 187, 206, 0.75)); background-image: -ms-linear-gradient(left, rgba(228, 18, 112, 0.75), rgba(95, 187, 206, 0.75)); background-image: -o-linear-gradient(left, rgba(228, 18, 112, 0.75), rgba(95, 187, 206, 0.75)); background-image: linear-gradient(left, rgba(228, 18, 112, 0.75), rgba(95, 187, 206, 0.75)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(228, 18, 112, 0.75)', endColorStr='rgba(95, 187, 206, 0.75)', gradientType='1'); /* BACKGROUND RADIAL */ height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .cms-progress-wraper.style-3 .progress-couter { color: #f9f9f9; font-family: Raleway; font-weight: 400; } .cms-progress-wraper.style-3 .cms-progress-title { color: #f9f9f9; } .cms-progress-wraper.style-3 .progress .progress-bar { background-color: #222; } .cms-progress-wraper.style-4 .progress-couter { font-family: Raleway; font-weight: 400; } .cms-progress-wraper.style-5 .cms-progress-title { color: #f9f9f9; } .cms-progress-wraper.style-5 .progress-couter { color: #ddd; } .cms-progress-wraper.style-5 .progress { background-color: rgba(238, 238, 238, 0.4); } .cms-progress-wraper.style-5 .progress .progress-bar { background-color: #2f2e2e; border-color: #0cb4ce; } .cms-fancyboxes-wraper .fancy-box-icon i { font-size: 40px; } .cms-fancyboxes-wraper h4.fancy-box-title { font-size: 18px; line-height: 29px; font-weight: 600; text-transform: capitalize; color: #222; margin-top: 20px; margin-bottom: 15px; display: inline-block; } .cms-fancyboxes-wraper .fancy-box-content { font-size: 14px; line-height: 23px; } .cms-fancyboxes-wraper .cms-fancyboxes-foot { margin-top: -5px; } .cms-fancyboxes-wraper .cms-fancyboxes-foot a { font-size: 13px; line-height: 20px; font-weight: 800; color: #5fbbce; text-transform: uppercase; } .cms-fancyboxes-wraper .cms-fancyboxes-foot a:hover { color: #222; } .content-align-center .cms-fancybox-icon i, .content-align-center .cms-fancybox-icon img { margin: 0 auto; } .fancyboxes-default .cms-fancybox-icon { display: inline-block; width: 86px; height: 86px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ position: relative; -webkit-box-shadow: 0 0 0 2px #5fbbce; -moz-box-shadow: 0 0 0 2px #5fbbce; -ms-box-shadow: 0 0 0 2px #5fbbce; box-shadow: 0 0 0 2px #5fbbce; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; transition: color 0.3s; } .fancyboxes-default .cms-fancybox-icon img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .fancyboxes-default .cms-fancybox-icon i { color: #fff; font-size: 40px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .fancyboxes-default .cms-fancybox-icon:after { top: -2px; left: -2px; padding: 2px; z-index: -1; background: #5fbbce; -webkit-transition: transform 0.2s; -moz-transition: transform 0.2s; -ms-transition: transform 0.2s; transition: transform 0.2s; pointer-events: none; position: absolute; width: 100%; height: 100%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .fancyboxes-default .cms-fancybox-item { -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .fancyboxes-default .cms-fancybox-item:hover .cms-fancybox-icon:after { -webkit-transform: scale(0.85); -khtml-transform: scale(0.85); -moz-transform: scale(0.85); -ms-transform: scale(0.85); -o-transform: scale(0.85); transform: scale(0.85); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .fancyboxes-layout1 h4.fancy-box-title { margin-top: 18px; } .fancyboxes-layout1 .cms-fancybox-icon { display: inline-block; width: 90px; height: 90px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ position: relative; -webkit-box-shadow: 0 0 0 2px #dedede; -moz-box-shadow: 0 0 0 2px #dedede; -ms-box-shadow: 0 0 0 2px #dedede; box-shadow: 0 0 0 2px #dedede; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; transition: color 0.3s; } .fancyboxes-layout1 .cms-fancybox-icon img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .fancyboxes-layout1 .cms-fancybox-icon i { color: #5fbbce; font-size: 40px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ z-index: 9; } .fancyboxes-layout1 .cms-fancybox-icon:after { top: -2px; left: -2px; padding: 2px; z-index: 1; background: transparent; -webkit-transition: transform 0.2s; -moz-transition: transform 0.2s; -ms-transition: transform 0.2s; transition: transform 0.2s; pointer-events: none; position: absolute; width: 100%; height: 100%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; transform: scale(1.3); opacity: 0; } .fancyboxes-layout1 .cms-fancybox-item { -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .fancyboxes-layout1 .cms-fancybox-item:hover .cms-fancybox-icon { -webkit-box-shadow: 0 0 0 2px #5fbbce; -moz-box-shadow: 0 0 0 2px #5fbbce; -ms-box-shadow: 0 0 0 2px #5fbbce; box-shadow: 0 0 0 2px #5fbbce; } .fancyboxes-layout1 .cms-fancybox-item:hover .cms-fancybox-icon i { color: #fff; } .fancyboxes-layout1 .cms-fancybox-item:hover .cms-fancybox-icon:after { -webkit-transform: scale(0.85); -khtml-transform: scale(0.85); -moz-transform: scale(0.85); -ms-transform: scale(0.85); -o-transform: scale(0.85); transform: scale(0.85); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ background-color: #5fbbce; transform: scale(1); opacity: 1; } .fancyboxes-layout1.style-dark .cms-fancybox-icon { -webkit-box-shadow: 0 0 0 2px #343434; -moz-box-shadow: 0 0 0 2px #343434; -ms-box-shadow: 0 0 0 2px #343434; box-shadow: 0 0 0 2px #343434; } .fancyboxes-layout1.style-dark h4.fancy-box-title { color: #fff; } .fancyboxes-layout2 .cms-fancybox-icon i { color: #5fbbce; font-size: 60px; } .fancyboxes-layout2 h4.fancy-box-title { margin-top: 35px; } .fancyboxes-layout2 .cms-fancybox-item { -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .fancyboxes-layout2 .cms-fancybox-item:hover .cms-fancybox-icon i { color: #9b9b9b; } .fancyboxes-layout2.style-2 { background-color: #fff; -webkit-border-radius: 0 0 3px 3px; -khtml-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; /* BACKGROUND GRADIENT */ -webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -moz-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -ms-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); padding: 54px 0 43px; } .fancyboxes-layout2.style-2 .cms-fancybox-icon { font-size: 40px; } .fancyboxes-layout2.style-2 h4.fancy-box-title { margin-top: 22px; } .fancyboxes-layout2.style-2 .cms-fancyboxes-foot a { letter-spacing: 0.02em; } .fancyboxes-layout2.style-3 .cms-fancyboxes-foot a { letter-spacing: 0.02em; } .fancyboxes-layout2.style-4 .fancy-box-content:before { background-color: #fff; } .fancyboxes-layout3 .cms-fancybox-icon { float: left; max-width: 60px; margin-top: 13px; } .fancyboxes-layout3 .cms-fancybox-icon i { font-size: 40px; color: #616161; } .fancyboxes-layout3 .cms-fancybox-content { padding-left: 70px; } .fancyboxes-layout3 .fancy-box-subtitle { font-size: 13px; line-height: 31px; font-weight: 500; color: #5fbbce; } .fancyboxes-layout3 h4.fancy-box-title { letter-spacing: -0.019em; font-size: 23px; line-height: 29px; font-weight: 600; color: #282828; margin-top: 7px; margin-bottom: 15px; } .fancyboxes-layout3 .fancy-box-content { font-size: 15px; line-height: 24px; } .fancyboxes-layout3 .cms-fancybox-item { -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .fancyboxes-layout3 .cms-fancybox-item:hover .fancy-box-subtitle { color: #9b9b9b; } .fancyboxes-layout4 .cms-fancybox-icon { float: left; max-width: 60px; } .fancyboxes-layout4 .cms-fancybox-icon i { font-size: 40px; color: #5fbbce; } .fancyboxes-layout4.style-2 .cms-fancybox-icon { margin-top: 19px; } .fancyboxes-layout4.style-3 .cms-fancyboxes-foot a { letter-spacing: 0.02em; } .fancyboxes-layout4.style-4 .fancy-box-content:before { background-color: #fff; } .fancyboxes-layout4 h4.fancy-box-title { margin-bottom: 3px; margin-top: 0; } .fancyboxes-layout4 .cms-fancybox-content { padding-left: 72px; padding-right: 30px; } .fancyboxes-layout5 { background-size: cover; background-position: center center; background-repeat: no-repeat; height: 100%; } .fancyboxes-layout5 .cms-fancyboxes-body { padding: 121px 90px 112px; position: relative; z-index: 2; } .fancyboxes-layout5.bg-overlay:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background-color: inherit; content: ""; z-index: 1; } .fancyboxes-layout5 .cms-fancybox-number { position: relative; } .fancyboxes-layout5 .cms-fancybox-number span { font-family: Poppins; font-size: 65px; line-height: 29px; color: rgba(239, 239, 239, 0.03); font-weight: 700; } .fancyboxes-layout5 .cms-fancybox-number .sub-title { font-size: 13px; line-height: 31px; font-weight: 500; color: #5fbbce; position: absolute; left: 0; top: 3px; } .fancyboxes-layout5.style-2 .fancy-box-content:before { background-color: #f4f4f4; } .fancyboxes-layout5.style-3 .cms-fancyboxes-foot a { letter-spacing: 0.02em; } .fancyboxes-layout5.style-4 .fancy-box-content:before { background-color: #fff; } .fancyboxes-layout5 h4.fancy-box-title, .fancyboxes-layout7 h4.fancy-box-title, .fancyboxes-layout8 h4.fancy-box-title { font-size: 23px; line-height: 29px; letter-spacing: -0.019em; font-weight: 600; color: #fff; margin: 0 0 17px; } .fancyboxes-layout5 .fancy-box-content, .fancyboxes-layout7 .fancy-box-content, .fancyboxes-layout8 .fancy-box-content { font-size: 15px; line-height: 24px; position: relative; padding-bottom: 25px; } .fancyboxes-layout5 .fancy-box-content p, .fancyboxes-layout7 .fancy-box-content p, .fancyboxes-layout8 .fancy-box-content p { margin-bottom: 0; } .fancyboxes-layout5 .fancy-box-content:before, .fancyboxes-layout7 .fancy-box-content:before, .fancyboxes-layout8 .fancy-box-content:before { content: ""; width: 30px; height: 2px; background-color: #5fbbce; position: absolute; bottom: 0; left: 0; } .fancyboxes-layout7 .cms-fancyboxes-body, .fancyboxes-layout8 .cms-fancyboxes-body { padding: 30px 0; } .fancyboxes-layout7 .cms-fancybox-number span, .fancyboxes-layout8 .cms-fancybox-number span { font-family: Poppins; font-size: 65px; line-height: 29px; color: #efefef; font-weight: 700; } .fancyboxes-layout7 .sub-title, .fancyboxes-layout8 .sub-title { font-size: 13px; line-height: 31px; font-weight: 500; color: #5fbbce; } .fancyboxes-layout7 h4.fancy-box-title, .fancyboxes-layout8 h4.fancy-box-title { color: #282828; margin-top: 7px; } .fancyboxes-layout8 .cms-fancybox-content-top { position: relative; } .fancyboxes-layout8 .cms-fancybox-number { max-width: 100px; position: absolute; right: 0; top: 26px; } .fancyboxes-layout8 .cms-fancybox-content-top-left { padding-right: 100px; } .fancyboxes-layout8 h4.fancy-box-title { margin-top: 6px; margin-bottom: 16px; } .fancyboxes-layout6 .cms-fancybox-item { background-color: #fff; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ padding: 53px 30px 20px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; position: relative; line-height: 0; } .fancyboxes-layout6 .cms-fancybox-item .cms-fancybox-item-inner { position: relative; z-index: 99; } .fancyboxes-layout6 .cms-fancybox-item:hover { color: #f9f9f9; } .fancyboxes-layout6 .cms-fancybox-item:hover .cms-fancybox-item-hover { height: 100%; } .fancyboxes-layout6 .cms-fancybox-item:hover .cms-fancybox-icon { -webkit-transform: translateY(-7px) translateZ(0); -moz-transform: translateY(-7px) translateZ(0); transform: translateY(-7px) translateZ(0); } .fancyboxes-layout6 .cms-fancybox-item:hover .cms-fancybox-icon i { color: #f9f9f9; } .fancyboxes-layout6 .cms-fancybox-item:hover h4.fancy-box-title { color: #fff; } .fancyboxes-layout6 .cms-fancybox-item .cms-fancybox-item-hover { background-color: #5fbbce; display: inline-block; width: 100%; height: 0; line-height: 0; box-sizing: border-box; position: absolute; bottom: 0; left: 0; -webkit-transition: height 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: height 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: height 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ } .fancyboxes-layout6 .cms-fancybox-icon { -webkit-transition: transform 0.45s cubic-bezier(0.52, -1.1, 0.18, 3.01); -moz-transition: transform 0.45s cubic-bezier(0.52, -1.1, 0.18, 3.01); transition: transform 0.45s cubic-bezier(0.52, -1.1, 0.18, 3.01); } .fancyboxes-layout6 .cms-fancybox-icon i { font-size: 40px; color: #616161; transition: color 0.2s ease-out; } .fancyboxes-layout6 h4.fancy-box-title { font-size: 15px; line-height: 29px; color: #222; margin-bottom: 9px; margin-top: 14px; } .fancyboxes-layout6.style-2 .cms-fancybox-item { background-color: #f4f4f4; } .fancyboxes-layout6.style-2 .cms-fancybox-item:hover { background-color: #5fbbce; } .fancyboxes-layout6.style-3 .cms-fancyboxes-foot a { letter-spacing: 0.02em; } .fancyboxes-layout6.style-4 .fancy-box-content:before { background-color: #fff; } .fancyboxes-layout9 h4.fancy-box-title { margin-bottom: 3px; margin-top: 0; } .fancyboxes-layout9 .cms-fancybox-content { padding-left: 100px; position: relative; top: -7px; } .fancyboxes-layout9 .cms-fancybox-icon { display: inline-block; width: 66px; height: 66px; float: left; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ position: relative; -webkit-box-shadow: 0 0 0 2px #5fbbce; -moz-box-shadow: 0 0 0 2px #5fbbce; -ms-box-shadow: 0 0 0 2px #5fbbce; box-shadow: 0 0 0 2px #5fbbce; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; transition: color 0.3s; } .fancyboxes-layout9 .cms-fancybox-icon img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .fancyboxes-layout9 .cms-fancybox-icon i { color: #fff; font-size: 40px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .fancyboxes-layout9 .cms-fancybox-icon:after { top: -2px; left: -2px; padding: 2px; z-index: -1; background: #5fbbce; -webkit-transition: transform 0.2s; -moz-transition: transform 0.2s; -ms-transition: transform 0.2s; transition: transform 0.2s; pointer-events: none; position: absolute; width: 100%; height: 100%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .fancyboxes-layout9 .cms-fancyboxes-foot a { color: #333; } .fancyboxes-layout9 .cms-fancyboxes-foot a:hover { color: #5fbbce; } .fancyboxes-layout9 .cms-fancybox-item { -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .fancyboxes-layout9 .cms-fancybox-item:hover .cms-fancybox-icon:after { -webkit-transform: scale(0.85); -khtml-transform: scale(0.85); -moz-transform: scale(0.85); -ms-transform: scale(0.85); -o-transform: scale(0.85); transform: scale(0.85); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .fancyboxes-layout9 .cms-fancybox-item:hover .cms-fancyboxes-foot a { color: #5fbbce; } .fancyboxes-layout13 .cms-fancybox-content { padding-left: 110px; } .fancyboxes-layout13 .cms-fancybox-icon { background-color: #5fbbce; display: inline-block; float: left; height: 80px; line-height: 80px; text-align: center; width: 80px; } .fancyboxes-layout13 .cms-fancybox-icon i { color: #fff; } .fancyboxes-layout13 h4.fancy-box-title { margin: -6px 0 12px; position: relative; padding-bottom: 12px; } .fancyboxes-layout13 h4.fancy-box-title:after { content: ""; width: 30px; height: 2px; background-color: #616161; position: absolute; left: 0; bottom: 0; } .fancyboxes-layout10 { background-color: #5fbbce; color: #fff; padding: 23px 30px 50px; } .fancyboxes-layout10 h4.fancy-box-title { font-size: 16px; font-weight: 700; position: relative; padding-bottom: 12px; color: #fff; letter-spacing: 0.02em; margin-bottom: 24px; font-family: Raleway; } .fancyboxes-layout10 h4.fancy-box-title:before { content: ""; background-color: #fff; width: 40px; height: 2px; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .fancyboxes-layout10 .fancy-box-content { font-size: 15px; line-height: 23px; letter-spacing: 0.01em; font-style: italic; } .fancyboxes-layout10 .cms-fancyboxes-foot { margin-top: 24px; } .fancyboxes-layout10 .cms-fancyboxes-foot a { color: #fff; letter-spacing: 0.02em; padding: 8px 22px 7px; } .fancyboxes-layout11 .cms-fancybox-item { border-bottom: 2px solid #d9d9d9; padding-bottom: 19px; } .fancyboxes-layout11 .cms-fancybox-item:hover .cms-fancybox-icon { background-color: #5fbbce; } .fancyboxes-layout11 .cms-fancybox-icon { width: 70px; height: 70px; background-color: #282828; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .fancyboxes-layout11 .cms-fancybox-icon i { font-size: 40px; color: #fff; line-height: 70px; text-align: center; display: block; } .fancyboxes-layout11 h4.fancy-box-title { font-size: 23px; line-height: 29px; font-weight: 600; color: #282828; text-transform: capitalize; margin: 29px 0 1px; } .fancyboxes-layout11 .fancy-box-content { font-size: 13px; line-height: 31px; } .fancyboxes-layout11 .fancy-box-content p { margin-bottom: 0; } .fancyboxes-layout12 { /* ========================================================================== [End] 10. CMS Fancybox ========================================================================== */ /* ========================================================================== [Start] 11. CMS Video Popup ========================================================================== */ /* button video */ } .fancyboxes-layout12 h4.fancy-box-title { margin-top: 33px; margin-bottom: 15px; } .fancyboxes-layout12 .sub-title { font-size: 30px; line-height: 30px; color: #5fbbce; font-family: 'tangerinebold'; margin-top: 27px; } .cms-video-popup-wrapper { padding: 147px 0 148px 0; background-position: center center; background-size: cover; } .cms-video-popup-wrapper.bg-overlay { position: relative; } .cms-video-popup-wrapper.bg-overlay:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background-color: inherit; content: ""; z-index: 1; } .cms-video-popup-wrapper.style2 { padding: 157px 0 158px; } .cms-video-popup-wrapper.style2 .button-video { background-color: transparent; -webkit-box-shadow: 0 0 0 2px #eee; -moz-box-shadow: 0 0 0 2px #eee; -ms-box-shadow: 0 0 0 2px #eee; box-shadow: 0 0 0 2px #eee; } .cms-video-popup-wrapper.style2 .button-video i { font-size: 32px; } .cms-video-popup-wrapper.style3 { padding: 157px 0 158px; } .cms-video-popup-wrapper.style3 .button-video { background-color: transparent; -webkit-box-shadow: 0 0 0 2px #5fbbce; -moz-box-shadow: 0 0 0 2px #5fbbce; -ms-box-shadow: 0 0 0 2px #5fbbce; box-shadow: 0 0 0 2px #5fbbce; } .cms-video-popup-wrapper.style3 .button-video i { font-size: 32px; } .cms-video-popup-wrapper.style4 { padding: 0; } .cms-video-popup-wrapper.style4 .button-video { background: rgba(40, 40, 40, 0.3); } .button-video { -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ background-color: #222; display: block; height: 68px; line-height: 68px !important; margin: 0 auto; position: relative !important; text-align: center !important; width: 68px; color: #f9f9f9; z-index: 2; /* ========================================================================== [End] 11. CMS Video Popup ========================================================================== */ /* ========================================================================== [Start] 12. Tabs ========================================================================== */ } .button-video:hover { background-color: #5fbbce; color: #f9f9f9; } .button-video i { display: block !important; font-size: 48px; left: 0; line-height: 68px !important; margin: 0 auto !important; position: absolute; top: 56%; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ height: inherit !important; width: inherit !important; } .button-video.style4 { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; background-color: transparent; padding-left: 63px; } .button-video.style5 { background-color: rgba(255, 255, 255, 0.1); font-size: 0; } .vc_tta-container { /* ========================================================================== [End] 12. Tabs ========================================================================== */ /* ========================================================================== [Start] 13. CMS Timeline ========================================================================== */ } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container { text-align: center; margin-bottom: 35px !important; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list { border-bottom: 1px solid #ededed; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a { padding: 11px 10px; font-size: 13px; color: #282828; line-height: 1; text-transform: uppercase; position: relative; border: none; font-weight: 800; background-color: transparent; margin: 0 10px; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a:before { background-color: #5fbbce; bottom: 0 !important; content: ""; display: block; height: 2px !important; left: 0; margin: auto; opacity: 0; position: absolute; right: 0 !important; top: inherit !important; width: 0; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:hover a { color: #5fbbce; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a:before, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:hover a:before { width: 100%; opacity: 1; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic:not(.vc_tta-tabs-position-left) .vc_tta-panels-container .vc_tta-panels { border: none; background-color: transparent !important; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic:not(.vc_tta-tabs-position-left) .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body { padding: 0; text-align: center; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic:not(.vc_tta-tabs-position-left) .vc_tta-panels-container .vc_tta-panels .vc_tta-panel { background-color: transparent; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-left .vc_tta-tabs-container, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-tabs-container { width: inherit; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-left .vc_tta-tabs-container .vc_tta-tabs-list, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-tabs-container .vc_tta-tabs-list { border-right: 1px solid #e6e6e6; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-left .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab { margin-top: 0; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-left .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:first-child, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:first-child { margin-top: 1px; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-left .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a { background-color: #fff; color: #282828; padding: 10px 30px; font-weight: 800; font-size: 13px; line-height: 1.1; text-transform: uppercase; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; /* BACKGROUND GRADIENT */ border: none; text-align: right; margin: 3px 0px; position: relative; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-left .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a:before, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a:before { background-color: #5fbbce !important; bottom: 0 !important; content: ""; display: block !important; height: 0 !important; left: inherit !important; margin: auto; opacity: 0; position: absolute; right: 0 !important; top: inherit !important; width: 2px !important; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-left .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-left .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:hover a, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:hover a { color: #5fbbce !important; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-left .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a:before, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a:before, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-left .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:hover a:before, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:hover a:before { height: 100% !important; opacity: 1; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-left .vc_tta-panels-container, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-panels-container { width: inherit; padding-left: 30px; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-left .vc_tta-panels-container .vc_tta-panels, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-panels-container .vc_tta-panels { background-color: transparent; border: none; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-left .vc_tta-panels-container .vc_tta-panels .vc_tta-panel, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-panels-container .vc_tta-panels .vc_tta-panel { background-color: transparent; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-panels-container { padding-left: 0px; padding-right: 30px; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-panels-container .vc_tta-tabs-list .vc_tta-tab { text-align: left; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container { text-align: center; margin-bottom: 24px !important; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a { padding: 11px 20px; font-size: 13px; color: #282828; font-weight: 800; line-height: 1; position: relative; border: none; background-color: transparent; text-transform: uppercase; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a i { height: 60px; line-height: 60px; width: 60px; background-color: #282828; font-size: 28px; color: #fff; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ display: inline-block; margin-bottom: 17px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a span { display: block; margin: 0 !important; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a span + i { margin-bottom: 0; margin-top: 23px; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a, .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:hover a { color: #5fbbce; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active i, .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:hover i { background-color: #5fbbce; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left) .vc_tta-panels-container .vc_tta-panels { border: none; background-color: transparent; text-align: center; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left) .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body { padding: 0; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left) .vc_tta-panels-container .vc_tta-panels .vc_tta-panel { background-color: transparent; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left).tabs-position-bottom { padding-bottom: 188px; position: relative; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left).tabs-position-bottom .vc_tta-tabs-container { bottom: 0; margin-bottom: 0 !important; position: absolute; width: 100%; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left).tabs-position-bottom .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a i { font-size: 24px; } .vc_tta-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body { border-color: transparent; border-width: 0px; background-color: #fff; padding: 0px; font-size: 16px; line-height: 26px; } .vc_tta-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body img { margin-top: 8px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .cms-timeline { /* ========================================================================== [End] 12. CMS Timeline ========================================================================== */ /* ========================================================================== [Start] 14. CMS CTA ========================================================================== */ } .cms-timeline ul { padding-top: 15px; position: relative; } .cms-timeline ul:before { background-color: #cecece; content: ""; height: 100%; left: 84px; position: absolute; top: 0; width: 2px; } .cms-timeline ul li { padding-bottom: 60px; } .cms-timeline ul li:last-child { padding-bottom: 0; } .cms-timeline ul .cms-timeline-year { color: #5fbbce; float: left; font-size: 25px; line-height: 29px; padding-right: 18px; position: relative; width: 85px; font-weight: 600; font-family: Poppins; } .cms-timeline ul .cms-timeline-year i { height: 40px; position: absolute; right: -20px; top: -8px; width: 40px; background: #fff url("../images/icon-clock.png") no-repeat scroll center center; } .cms-timeline ul .cms-timeline-content { padding-left: 120px; } .cms-timeline ul .cms-timeline-title { font-size: 20px; line-height: 29px; letter-spacing: 0.019em; color: #282828; font-weight: 600; } .cms-timeline ul .cms-timeline-desc { font-size: 14px; line-height: 23px; margin-top: 4px; } .cms-cta-wrapper { position: relative; z-index: 99; } .cms-cta-wrapper.cta-center { text-align: center; } .cms-cta-wrapper.cta-right { text-align: right; } .cms-cta-wrapper .cms-cta-button a + a { margin-left: 30px; } .cms-cta-default { padding: 43px 0 42px; } .cms-cta-default .cms-cta-text { font-size: 24px; font-weight: 500; font-family: Poppins; color: #fff; margin: 8px 0; line-height: 30px; } .cms-cta-layout2 { padding: 84px 0 90px; /* ========================================================================== [End] 14. CMS CTA ========================================================================== */ /* ========================================================================== [Start] 15. Pie chart ========================================================================== */ } .cms-cta-layout2 .subtitle { font-size: 13px; line-height: 20px; letter-spacing: 0.098em; color: #f4f4f4; text-transform: uppercase; font-weight: 800; margin-bottom: 21px; } .cms-cta-layout2 .cms-cta-text .text { font-size: 55px; font-weight: 700; font-family: Poppins; line-height: 65px; color: #fff; margin-bottom: 34px; } .cms-cta-layout2.style2 .subtitle { color: #f9f9f9; font-size: 17px; font-weight: 700; line-height: 26px; text-transform: none; margin-bottom: 11px; } .cms-cta-layout2.style2 .cms-cta-text { margin-bottom: 30px; } .wpb_wrapper { /* ========================================================================== [End] 15. Pie chart ========================================================================== */ /* ========================================================================== [Start] 16. CMS Grid ========================================================================== */ } .wpb_wrapper .vc_pie_chart .vc_pie_wrapper { width: 166px !important; height: 166px; } .wpb_wrapper .vc_pie_chart .vc_pie_wrapper .vc_pie_chart_back, .wpb_wrapper .vc_pie_chart .vc_pie_wrapper canvas { width: 166px !important; height: 166px !important; } .wpb_wrapper .vc_pie_chart .vc_pie_wrapper .vc_pie_chart_value { font-size: 43px !important; color: #5fbbce; font-family: Poppins; font-weight: 600; letter-spacing: 0.02em; width: 139px !important; height: 139px !important; line-height: 148px !important; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ -webkit-box-shadow: 0 0 0 3px #ebebeb; -moz-box-shadow: 0 0 0 3px #ebebeb; -ms-box-shadow: 0 0 0 3px #ebebeb; box-shadow: 0 0 0 3px #ebebeb; left: 50% !important; position: absolute !important; top: 50% !important; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .wpb_wrapper .vc_pie_chart .vc_pie_wrapper .vc_pie_chart_value:after { content: "%"; font-size: 23px; } .wpb_wrapper .vc_pie_chart h4.wpb_heading { font-size: 16px; font-weight: 600; line-height: 28px; margin: 42px 0; text-transform: uppercase; } .wpb_wrapper .vc_pie_chart.style2 .vc_pie_wrapper .vc_pie_chart_value { color: transparent; } .wpb_wrapper .vc_pie_chart.style2 .vc_pie_wrapper i { font-size: 40px; color: #5fbbce; left: 50%; line-height: 148px; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-grid-default .cms-grid-content { padding: 35px 0; } .cms-grid-default .cms-grid-content h3.cms-grid-title { font-size: 18px; line-height: 29px; font-weight: 600; margin-bottom: 14px; } .cms-grid-default .cms-grid-content h3.cms-grid-title a { color: #222; } .cms-grid-default .cms-grid-content h3.cms-grid-title a:hover { color: #5fbbce; } .cms-grid-default .cms-grid-content .cms-grid-readmore a { padding: 2px 0 0; } .cms-grid-wraper .cms-grid-filter ul { text-align: center; margin: 0 0 20px 0; } .cms-grid-wraper .cms-grid-filter ul li { padding: 0 12px; } .cms-grid-wraper .cms-grid-filter ul li a { color: #333; font-size: 13px; font-weight: 800; letter-spacing: 0.02em; line-height: 49px; text-transform: uppercase; } .cms-grid-wraper .cms-grid-filter ul li a:hover, .cms-grid-wraper .cms-grid-filter ul li a.active { color: #5fbbce; } .cms-grid-wraper .cms-grid-filter ul.style-dark li a { color: #5b5b5b; } .cms-grid-wraper .cms-grid-filter ul.style-dark li a:hover, .cms-grid-wraper .cms-grid-filter ul.style-dark li a.active { color: #5fbbce; } .cms-grid-wraper .cms-grid-item > [class*="col-"] + [class*="col-"] { margin-top: 40px; } .cms-load-posts { margin-top: 50px; } .cms-load-posts a.btn-no-style { position: relative; border: medium none; line-height: normal; } .cms-load-posts a:before { content: "\f067"; font-weight: normal; font-family: FontAwesome; padding-right: 6px; } .outline .cms-load-posts a { border: 2px solid #5fbbce; -webkit-border-radius: 47px; -khtml-border-radius: 47px; -moz-border-radius: 47px; -ms-border-radius: 47px; -o-border-radius: 47px; border-radius: 47px; /* BACKGROUND GRADIENT */ line-height: 47px; padding: 0 38px; /* Layout team */ } .outline .cms-load-posts a:hover { background-color: #5fbbce; color: #fff; } .layout-grid-team2 { /* Layout Blog */ } .layout-grid-team2 .cms-team-image { position: relative; } .layout-grid-team2 .cms-team-overlay { left: 40px; top: 40px; right: 40px; bottom: 40px; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ } .layout-grid-team2 .cms-team-content { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ width: 100%; } .layout-grid-team2 h3.cms-team-title a { color: #fff; } .layout-grid-team2 h3.cms-team-title a:hover { color: #5fbbce; } .layout-grid-team2 .cms-team-position:before { background-color: rgba(217, 217, 217, 0.3); } .layout-grid-team2 .cms-team-item { margin-bottom: 30px; } .cms-grid-blog-layout1 .cms-grid-item { margin-bottom: 30px; } .cms-grid-blog-layout1 .cms-load-posts { margin-top: 23px; margin-bottom: 0; } .cms-grid-blog-layout1 .cms-load-posts a { border: 2px solid #5fbbce; background-color: transparent; -webkit-border-radius: 51px; -khtml-border-radius: 51px; -moz-border-radius: 51px; -ms-border-radius: 51px; -o-border-radius: 51px; border-radius: 51px; /* BACKGROUND GRADIENT */ padding: 0 40px 0 53px; } .cms-grid-blog-layout1 .cms-load-posts a:before { left: 38px; } .cms-grid-blog-layout1 .cms-load-posts a:hover { background-color: #5fbbce; color: #fff; } .cms-grid-blog-layout1 .cms-blog-inner, .cms-carousel-blog .cms-blog-inner { background-color: #fff; -webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -moz-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -ms-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ } .cms-grid-blog-layout1 .has-thumbnail img, .cms-carousel-blog .has-thumbnail img { -webkit-border-radius: 3px 3px 0 0; -khtml-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; /* BACKGROUND GRADIENT */ width: 100%; } .cms-grid-blog-layout1 .entry-blog, .cms-carousel-blog .entry-blog { padding: 32px 40px 40px; } .cms-grid-blog-layout1 .entry-blog .entry-content, .cms-carousel-blog .entry-blog .entry-content { padding: 0; } .cms-grid-blog-layout1 .entry-title, .cms-carousel-blog .entry-title { font-size: 18px; line-height: 23px; margin: 9px 0 17px; } .cms-grid-blog-layout1 .detail-author, .cms-carousel-blog .detail-author { display: block; } .cms-carousel-blog .cms-blog-inner { margin: 3px; } .cms-carousel-blog .cms-carousel-item { margin-bottom: 12px; } .cms-carousel-blog .entry-content-inner-grid { font-size: 14px; line-height: 23px; } ul.blog-detail li { display: inline-block; font-size: 13px; line-height: 26px; font-weight: 600; color: #5fbbce; letter-spacing: 0.02em; padding: 0 9px; } ul.blog-detail li a { color: #5fbbce; } ul.blog-detail li a:hover { color: #616161; } ul.blog-detail li.detail-date { padding-left: 0; position: relative; } ul.blog-detail li.detail-date a { color: #616161; } ul.blog-detail li.detail-date a:hover { color: #5fbbce; } ul.blog-detail li.detail-date:before { content: "/"; position: absolute; right: -7px; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ color: #616161; } .cms-paging-navigation { text-align: center; } .cms-paging-navigation .pagination { margin: 21px 0 0; } .cms-paging-navigation .page-numbers { border: 2px solid #dbdbdb; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ display: inline-block; font-family: Poppins; font-size: 20px; font-weight: 700; height: 51px; letter-spacing: 0.02em; line-height: 47px; width: 51px; color: #646464; background-color: transparent; margin: 0 3px 3px; text-align: center; } .cms-paging-navigation .page-numbers.current, .cms-paging-navigation .page-numbers:hover { color: #fff; background-color: #5fbbce; border-color: #5fbbce; } .page-template-blog-classic, .page-template-blog-classic, .page-template-blog-classic { /* layout shop */ } .page-template-blog-classic .cms-paging-navigation .pagination, .page-template-blog-classic .cms-paging-navigation .pagination, .page-template-blog-classic .cms-paging-navigation .pagination { margin-top: 50px; } .layout-shop .cms-grid-item { padding: 0; } .layout-shop .cms-grid-media img { width: 100%; } .layout-shop .cms-grid-3columns { position: relative; overflow: hidden; } .layout-shop .cms-grid-3columns:hover .cms-shop-content { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ opacity: 1; filter: alpha(opacity=1); } .layout-shop h3.entry-title { font-size: 20px; line-height: 26.52px; font-weight: 700; text-transform: capitalize; margin-bottom: 10px; } .layout-shop h3.entry-title a { color: #fff; } .layout-shop h3.entry-title a:hover { color: #5fbbce; } .layout-shop .cms-shop-content { background-color: rgba(40, 40, 40, 0.95); position: absolute; left: 30px; top: 30px; right: 30px; bottom: 30px; text-align: center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .layout-shop .cms-shop-content .add_to_cart_button { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); background-color: #fff; border: 2px solid #fff; -webkit-border-radius: 51px; -khtml-border-radius: 51px; -moz-border-radius: 51px; -ms-border-radius: 51px; -o-border-radius: 51px; border-radius: 51px; /* BACKGROUND GRADIENT */ color: #222; padding-left: 44px; padding-right: 44px; display: inline-block; } .layout-shop .cms-shop-content .add_to_cart_button:hover { background-color: #5fbbce; border-color: #5fbbce; color: #fff; } .layout-shop .cms-shop-content .cms-shop-item { position: absolute; bottom: 7px; padding: 15px; text-align: center; width: 100%; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .layout-shop .cms-shop-content .price { font-size: 16px; font-weight: 600; font-family: Poppins; } .layout-shop2 { /* ========================================================================== [End] 16. CMS Grid ========================================================================== */ } .layout-shop2 .cms-grid-item { margin-bottom: 30px; } .layout-shop2 .cms-grid-media img { width: 100%; } .layout-shop2 .cms-grid-3columns, .layout-shop2 .cms-carousel-item { position: relative; overflow: hidden; } .layout-shop2 .cms-grid-3columns:hover .cms-shop-content, .layout-shop2 .cms-carousel-item:hover .cms-shop-content { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ opacity: 1; filter: alpha(opacity=1); } .layout-shop2 h3.entry-title { font-size: 18px; line-height: 26.52px; font-weight: 600; text-transform: capitalize; margin-bottom: 10px; } .layout-shop2 h3.entry-title a { color: #fff; } .layout-shop2 h3.entry-title a:hover { color: #e41270; } .layout-shop2 .cms-shop-content { background-color: rgba(95, 187, 206, 0.9); position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .layout-shop2 .cms-shop-content .add_to_cart_button { left: 50%; position: absolute; bottom: 40px; transform: translateX(-50%); background-color: #222; border: 2px solid #222; color: #fff; max-width: 200px; width: calc(100% - 100px); text-align: center; display: inline-block; } .layout-shop2 .cms-shop-content .add_to_cart_button:hover { background-color: #fff; border-color: #fff; color: #222; } .layout-shop2 .cms-shop-content .cms-shop-item { position: absolute; top: 0; padding: 35px 15px 40px; text-align: center; width: 100%; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .layout-shop2 .cms-shop-content .price { font-size: 15px; font-weight: 600; font-family: Poppins; color: #f9f9f9; } .grid-filter-right .cms-filter-category { text-align: right !important; } .grid-filter-light .cms-grid-filter ul li a { color: #fff; } .grid-filter-light .cms-grid-filter ul li a:hover, .grid-filter-light .cms-grid-filter ul li a.active { color: #5fbbce; } .cms-grid-demo { text-align: center; } .cms-grid-demo .cms-filter-category { margin-bottom: 12px; } .cms-grid-demo .cms-grid-feature { -webkit-transition: all 260ms ease 0ms; -moz-transition: all 260ms ease 0ms; -ms-transition: all 260ms ease 0ms; transition: all 260ms ease 0ms; display: block; } .cms-grid-demo .cms-grid-feature img { -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); } .cms-grid-demo h3 { font-size: 16px; line-height: 1; margin-top: 25px; margin-bottom: 25px; font-weight: 600; } .cms-grid-demo h3 a { color: #222; } .cms-grid-demo h3 a:hover { color: #5fbbce; } .cms-grid-demo .cms-grid-item { padding-top: 20px; } .cms-grid-demo .cms-grid-item:hover .cms-grid-feature { -webkit-transform: translateY(-8px); -khtml-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); transform: translateY(-8px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-carousel-showcase { /* [Start] CMS Portfolio +-----------------------------------+ */ } .cms-carousel-showcase .owl-item .cms-carousel-item { -webkit-transform: translateZ(0) translateY(7%) scale(0.86); -khtml-transform: translateZ(0) translateY(7%) scale(0.86); -moz-transform: translateZ(0) translateY(7%) scale(0.86); -ms-transform: translateZ(0) translateY(7%) scale(0.86); -o-transform: translateZ(0) translateY(7%) scale(0.86); transform: translateZ(0) translateY(7%) scale(0.86); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: transform 0.4s ease; -moz-transition: transform 0.4s ease; -ms-transition: transform 0.4s ease; transition: transform 0.4s ease; } .cms-carousel-showcase .owl-item .cms-carousel-item img { -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); } .cms-carousel-showcase .owl-item.center .cms-carousel-item { -webkit-transform: translateZ(0) translateY(0%) scale(1); -khtml-transform: translateZ(0) translateY(0%) scale(1); -moz-transform: translateZ(0) translateY(0%) scale(1); -ms-transform: translateZ(0) translateY(0%) scale(1); -o-transform: translateZ(0) translateY(0%) scale(1); transform: translateZ(0) translateY(0%) scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-carousel-showcase .owl-item:not(.center):hover .cms-carousel-item { -webkit-transform: translateZ(0) translateY(7%) scale(0.88); -khtml-transform: translateZ(0) translateY(7%) scale(0.88); -moz-transform: translateZ(0) translateY(7%) scale(0.88); -ms-transform: translateZ(0) translateY(7%) scale(0.88); -o-transform: translateZ(0) translateY(7%) scale(0.88); transform: translateZ(0) translateY(7%) scale(0.88); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-carousel-showcase .owl-controls .owl-prev, .cms-carousel-showcase .owl-controls .owl-next { margin-top: 0; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ color: #222; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .cms-carousel-showcase .owl-controls .owl-prev i, .cms-carousel-showcase .owl-controls .owl-next i { border: none; background-color: transparent; } .cms-carousel-showcase .owl-controls .owl-prev i:before, .cms-carousel-showcase .owl-controls .owl-next i:before { font-size: 42px; } .cms-carousel-showcase .owl-controls .owl-prev i:hover, .cms-carousel-showcase .owl-controls .owl-next i:hover { background-color: transparent; } .cms-carousel-showcase .owl-controls .owl-prev i:hover:before, .cms-carousel-showcase .owl-controls .owl-next i:hover:before { color: #5fbbce; } .cms-carousel-showcase .owl-controls .owl-prev { left: 22%; } .cms-carousel-showcase .owl-controls .owl-next { right: 22%; } .cms-carousel-showcase.rm-showcase .cms-carousel-item { -webkit-transform: translateZ(0) translateY(0%) scale(1); -khtml-transform: translateZ(0) translateY(0%) scale(1); -moz-transform: translateZ(0) translateY(0%) scale(1); -ms-transform: translateZ(0) translateY(0%) scale(1); -o-transform: translateZ(0) translateY(0%) scale(1); transform: translateZ(0) translateY(0%) scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: transform 0.4s ease; -moz-transition: transform 0.4s ease; -ms-transition: transform 0.4s ease; transition: transform 0.4s ease; padding: 30px 0; } .cms-carousel-showcase.rm-showcase:not(.center):hover .cms-carousel-item { -webkit-transform: translateZ(0) translateY(0%) scale(1); -khtml-transform: translateZ(0) translateY(0%) scale(1); -moz-transform: translateZ(0) translateY(0%) scale(1); -ms-transform: translateZ(0) translateY(0%) scale(1); -o-transform: translateZ(0) translateY(0%) scale(1); transform: translateZ(0) translateY(0%) scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-filter-style1 { text-align: center; margin-bottom: 32px; } .cms-filter-style1 li { padding: 0 14px; } .cms-filter-style1 li a { font-size: 13px; color: #333; } .cms-filter-style1 li a.active, .cms-filter-style1 li a:hover { color: #5fbbce; } .cms-portfolio .cms-portfolio-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(95, 187, 206, 0.9); opacity: 0; -webkit-transition: all 230ms linear 0ms; -moz-transition: all 230ms linear 0ms; -ms-transition: all 230ms linear 0ms; transition: all 230ms linear 0ms; } .cms-portfolio .cms-portfolio-image img { width: 100%; } .cms-portfolio .cms-portfolio-title { font-size: 18px; line-height: 28px; margin-bottom: 8px; font-weight: 600; } .cms-portfolio .cms-portfolio-title a { color: #282828; } .cms-portfolio .cms-portfolio-title a:hover { color: #5fbbce; } .cms-portfolio .cms-portfolio-category { font-size: 13px; line-height: normal; } .cms-portfolio .cms-portfolio-category a { color: #282828; } .cms-portfolio .cms-portfolio-category a:after { content: ", "; } .cms-portfolio .cms-portfolio-category a:hover { color: #5fbbce; } .cms-portfolio .cms-portfolio-category a:last-child:after { content: ""; } .cms-portfolio .cms-grid-item.col-lg-3 .cms-portfolio-holder .cms-portfolio-title { font-size: 16px; line-height: 26px; } .cms-portfolio.cms-portfolio-standard .cms-portfolio-image { position: relative; } .cms-portfolio.cms-portfolio-standard .cms-portfolio-image a span { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translate(0, -50%) scale(0); -khtml-transform: translate(0, -50%) scale(0); -moz-transform: translate(0, -50%) scale(0); -ms-transform: translate(0, -50%) scale(0); -o-transform: translate(0, -50%) scale(0); transform: translate(0, -50%) scale(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: all 400ms linear 0ms; -moz-transition: all 400ms linear 0ms; -ms-transition: all 400ms linear 0ms; transition: all 400ms linear 0ms; display: inline-block; height: 20px; width: 20px; margin: auto; } .cms-portfolio.cms-portfolio-standard .cms-portfolio-image a span:before, .cms-portfolio.cms-portfolio-standard .cms-portfolio-image a span:after { background-color: #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; content: ""; } .cms-portfolio.cms-portfolio-standard .cms-portfolio-image a span:before { width: 20px; height: 2px; } .cms-portfolio.cms-portfolio-standard .cms-portfolio-image a span:after { width: 2px; height: 20px; } .cms-portfolio.cms-portfolio-standard .cms-portfolio-image:hover a { opacity: 1; left: 30px; right: 30px; top: 30px; bottom: 30px; } .cms-portfolio.cms-portfolio-standard .cms-portfolio-image:hover a span { -webkit-transform: translate(0, -50%) scale(1); -khtml-transform: translate(0, -50%) scale(1); -moz-transform: translate(0, -50%) scale(1); -ms-transform: translate(0, -50%) scale(1); -o-transform: translate(0, -50%) scale(1); transform: translate(0, -50%) scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-portfolio.cms-portfolio-standard .cms-portfolio-holder { padding: 24px 0 58px 0; } .cms-portfolio.cms-portfolio-standard .pagination { margin: 0; } .cms-portfolio.cms-portfolio-standard .outline .btn-primary { background-color: #fff; border-color: #282828; color: #282828; } .cms-portfolio.cms-portfolio-standard .outline .btn-primary:hover { background-color: #5fbbce; border-color: #5fbbce; color: #fff; } .cms-portfolio.cms-portfolio-standard .cms-load-posts { margin-top: 0; } .cms-portfolio.cms-portfolio-grid .cms-portfolio-image { position: relative; } .cms-portfolio.cms-portfolio-grid .cms-portfolio-image .cms-portfolio-overlay .cms-portfolio-holder { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translate(0, -50%) scale(0); -khtml-transform: translate(0, -50%) scale(0); -moz-transform: translate(0, -50%) scale(0); -ms-transform: translate(0, -50%) scale(0); -o-transform: translate(0, -50%) scale(0); transform: translate(0, -50%) scale(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ opacity: 0; text-align: center; -webkit-transition: all 400ms linear 0ms; -moz-transition: all 400ms linear 0ms; -ms-transition: all 400ms linear 0ms; transition: all 400ms linear 0ms; padding: 20px; } .cms-portfolio.cms-portfolio-grid .cms-portfolio-image:hover .cms-portfolio-overlay { opacity: 1; left: 30px; right: 30px; top: 30px; bottom: 30px; } .cms-portfolio.cms-portfolio-grid .cms-portfolio-image:hover .cms-portfolio-overlay .cms-portfolio-holder { -webkit-transform: translate(0, -50%) scale(1); -khtml-transform: translate(0, -50%) scale(1); -moz-transform: translate(0, -50%) scale(1); -ms-transform: translate(0, -50%) scale(1); -o-transform: translate(0, -50%) scale(1); transform: translate(0, -50%) scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ opacity: 1; } .cms-portfolio.cms-portfolio-grid .cms-portfolio-holder a { color: #fff; } .cms-portfolio.cms-portfolio-grid .cms-portfolio-holder a:hover { color: #282828; } .cms-portfolio.cms-portfolio-grid .cms-paging-navigation { margin-top: 25px; } .cms-portfolio.cms-portfolio-parallax .cms-portfolio-image { position: relative; display: block; width: 100%; height: 700px; overflow: hidden; } .cms-portfolio.cms-portfolio-parallax .cms-portfolio-image .cms-portfolio-cover { position: absolute; display: block; width: 100%; height: 100%; z-index: 1; } .cms-portfolio.cms-portfolio-parallax .cms-portfolio-image .cms-portfolio-cover img { position: absolute; display: block; min-width: 100%; min-height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-portfolio.cms-portfolio-parallax .cms-portfolio-category a { color: #9b9b9b; } .cms-portfolio.cms-portfolio-parallax .cms-portfolio-category a:hover { color: #5fbbce; } .cms-portfolio.cms-portfolio-parallax .cms-portfolio-holder { padding-top: 150px; padding-bottom: 150px; } .cms-portfolio.cms-portfolio-parallax .cms-portfolio-holder .cms-portfolio-title { font-size: 30px; line-height: 1; margin-top: 22px; margin-bottom: 18px; } .cms-portfolio.cms-portfolio-parallax .cms-portfolio-holder .cms-portfolio-readmore { font-size: 13px; text-transform: uppercase; font-weight: 800; } .cms-carousel-portfolio-simple .cms-carousel-portfolio-wrap, .cms-carousel-portfolio-slider .cms-carousel-portfolio-wrap { min-height: 610px; background-color: #5fbbce; background-size: cover; background-position: center; background-repeat: no-repeat; padding: 100px 0; } .cms-carousel-portfolio-simple .cms-carousel-portfolio-wrap .cms-portfolio-content, .cms-carousel-portfolio-slider .cms-carousel-portfolio-wrap .cms-portfolio-content { background-color: rgba(255, 255, 255, 0.9); left: 0; margin: auto; max-width: 570px; padding: 75px 30px; position: absolute; right: 0; text-align: center; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-carousel-portfolio-simple .cms-carousel-portfolio-wrap .cms-portfolio-content .cms-portfolio-title, .cms-carousel-portfolio-slider .cms-carousel-portfolio-wrap .cms-portfolio-content .cms-portfolio-title { font-size: 30px; line-height: 1; margin-top: 22px; margin-bottom: 18px; } .cms-carousel-portfolio-simple .cms-carousel-portfolio-wrap .cms-portfolio-content .cms-portfolio-readmore, .cms-carousel-portfolio-slider .cms-carousel-portfolio-wrap .cms-portfolio-content .cms-portfolio-readmore { font-size: 13px; text-transform: uppercase; font-weight: 600; } .cms-carousel-portfolio-simple .owl-controls .owl-prev, .cms-carousel-portfolio-slider .owl-controls .owl-prev, .cms-carousel-portfolio-simple .owl-controls .owl-next, .cms-carousel-portfolio-slider .owl-controls .owl-next { margin-top: 0; position: absolute; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ overflow: hidden; } .cms-carousel-portfolio-simple .owl-controls .owl-prev, .cms-carousel-portfolio-slider .owl-controls .owl-prev { left: 10px; } .cms-carousel-portfolio-simple .owl-controls .owl-prev i:hover:before, .cms-carousel-portfolio-slider .owl-controls .owl-prev i:hover:before { -webkit-transform: rotate(36deg) translateY(-10px); -khtml-transform: rotate(36deg) translateY(-10px); -moz-transform: rotate(36deg) translateY(-10px); -ms-transform: rotate(36deg) translateY(-10px); -o-transform: rotate(36deg) translateY(-10px); transform: rotate(36deg) translateY(-10px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-carousel-portfolio-simple .owl-controls .owl-prev i:hover:after, .cms-carousel-portfolio-slider .owl-controls .owl-prev i:hover:after { -webkit-transform: rotate(-36deg) translateY(10px); -khtml-transform: rotate(-36deg) translateY(10px); -moz-transform: rotate(-36deg) translateY(10px); -ms-transform: rotate(-36deg) translateY(10px); -o-transform: rotate(-36deg) translateY(10px); transform: rotate(-36deg) translateY(10px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-carousel-portfolio-simple .owl-controls .owl-next, .cms-carousel-portfolio-slider .owl-controls .owl-next { right: 10px; } .cms-carousel-portfolio-simple .owl-controls .owl-next i:before, .cms-carousel-portfolio-slider .owl-controls .owl-next i:before, .cms-carousel-portfolio-simple .owl-controls .owl-next i:after, .cms-carousel-portfolio-slider .owl-controls .owl-next i:after { left: inherit; right: 0; } .cms-carousel-portfolio-simple .owl-controls .owl-next i:before, .cms-carousel-portfolio-slider .owl-controls .owl-next i:before { top: 23px; } .cms-carousel-portfolio-simple .owl-controls .owl-dots, .cms-carousel-portfolio-slider .owl-controls .owl-dots { bottom: 30px; left: 0; margin: auto; max-width: 300px; padding-top: 0; position: absolute; right: 0; text-align: center; } .cms-carousel-portfolio-slider .cms-carousel-portfolio-wrap { min-height: 100vh; } .cms-carousel-portfolio-slider .cms-carousel-portfolio-wrap a { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .wpb_gallery_slides.wpb_image_grid .wpb_image_grid_ul { margin: 0 -15px; } .wpb_gallery_slides.wpb_image_grid .wpb_image_grid_ul .isotope-item { width: 25%; padding: 0; margin: 0; } .wpb_gallery_slides.wpb_image_grid .wpb_image_grid_ul .isotope-item a { display: block; position: relative; background-color: #282828; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ } .wpb_gallery_slides.wpb_image_grid .wpb_image_grid_ul .isotope-item a img { opacity: 0.75; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .wpb_gallery_slides.wpb_image_grid .wpb_image_grid_ul .isotope-item a:hover img { opacity: 1; } .wpb_images_carousel .vc_images_carousel .vc_carousel-indicators li { border-color: #fff; background-color: #fff; } .wpb_images_carousel .vc_images_carousel .vc_carousel-indicators li.vc_active { background-color: transparent; } .wpb_images_carousel .vc_images_carousel .vc_carousel-control { background-color: #fff; color: #222; height: 50px; line-height: 50px; text-align: center; -webkit-text-shadow: none; -moz-text-shadow: none; -ms-text-shadow: none; text-shadow: none; width: 50px; opacity: 1; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .wpb_images_carousel .vc_images_carousel .vc_carousel-control .icon-next, .wpb_images_carousel .vc_images_carousel .vc_carousel-control .icon-prev { height: 50px; line-height: 50px; width: 50px; margin: 0; font-size: 25px; position: static; } .wpb_images_carousel .vc_images_carousel .vc_carousel-control .icon-next:before, .wpb_images_carousel .vc_images_carousel .vc_carousel-control .icon-prev:before { content: "\f104"; font-family: FontAwesome; top: 0; display: inline-block; vertical-align: middle; } .wpb_images_carousel .vc_images_carousel .vc_carousel-control .icon-next:before { content: "\f105"; } .wpb_images_carousel .vc_images_carousel .vc_carousel-control.vc_left { left: 30px; } .wpb_images_carousel .vc_images_carousel .vc_carousel-control.vc_right { right: 30px; } .wpb_images_carousel .vc_images_carousel .vc_carousel-control:hover { background-color: #5fbbce; color: #fff; } .cms-dropcap-content .first-letter { font-weight: 600; display: inline-block; float: left; margin: 5px 20px 0 0; width: 45px; height: 45px; text-align: center; color: #282828; font-size: 40px; line-height: 45px; } .cms-dropcap-content.style2 .first-letter { font-size: 25px; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; /* BACKGROUND GRADIENT */ background-color: #282828; color: #fff; } .cms-dropcap-content.style3 .first-letter { background-color: #898989; color: #fff; font-size: 25px; } .cms-higlighted-style1 { background-color: #5fbbce; color: #fff; padding: 5px 0px; } .cms-higlighted-style2 { background-color: #d8d8d8; padding: 5px 0px; } .cms-higlighted-style3 { background-color: #282828; color: #fff; padding: 5px 0px; } .cms-alert-wrapper .alert { font-size: 14px; line-height: 24px; letter-spacing: 0.035em; padding: 18px 20px; position: relative; color: #282828; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; background-color: #fff; margin-bottom: 0; } .cms-alert-wrapper .alert .close { font-size: 18px; opacity: 1; -webkit-text-shadow: none; -moz-text-shadow: none; -ms-text-shadow: none; text-shadow: none; } .cms-alert-wrapper .title { font-size: 18px; left: 18px; position: absolute; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-alert-wrapper .alert-icon { font-size: 18px; padding-right: 4px; position: relative; top: 2px; display: inline-block; } .cms-alert-wrapper.cms-alert-outline .alert { border: 1px solid #282828; } .cms-alert-wrapper.cms-alert-modern .alert { background-color: #5fbbce; color: #fff; } .cms-alert-wrapper.cms-alert-modern .alert .close { color: #fff; } .cms-alert-wrapper.cms-alert-flat .alert { background-color: #eaedf1; } .cms-typingout { font-size: 16px; color: #222; line-height: 26px; font-weight: 600; } .cms-menu-restaurant .cms-menu-restaurant-title { font-size: 20px; line-height: 29px; } .cms-menu-restaurant .cms-menu-restaurant-price { font-size: 30px; line-height: 1; font-family: "tangerineregular"; color: #5fbbce; } .cms-menu-restaurant.cms-menu-restaurant-style1 { background-color: #fff; max-width: 970px; margin: auto; padding: 100px; } .cms-menu-restaurant.cms-menu-restaurant-style1 .cms-menu-restaurant-item { position: relative; margin-bottom: 46px; } .cms-menu-restaurant.cms-menu-restaurant-style1 .cms-menu-restaurant-item:last-child { margin-bottom: 0; } .cms-menu-restaurant.cms-menu-restaurant-style1 .cms-menu-restaurant-item .cms-menu-restaurant-left { padding-right: 165px; } .cms-menu-restaurant.cms-menu-restaurant-style1 .cms-menu-restaurant-item .cms-menu-restaurant-right { max-width: 165px; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ right: 0; } .cms-menu-restaurant.cms-menu-restaurant-style2 { -webkit-box-shadow: 0 1px 70px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 70px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 1px 70px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 70px rgba(0, 0, 0, 0.15); } .cms-menu-restaurant.cms-menu-restaurant-style2 .cms-menu-restaurant-image a { display: block; min-height: 290px; width: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; } .cms-menu-restaurant.cms-menu-restaurant-style2 .cms-menu-restaurant-holder { padding: 30px; text-align: center; } .cms-menu-restaurant.cms-menu-restaurant-style2 .cms-menu-restaurant-image, .cms-menu-restaurant.cms-menu-restaurant-style2 .cms-menu-restaurant-holder { width: 50%; float: right; } .cms-menu-restaurant.cms-menu-restaurant-style2 .cms-menu-restaurant-item { padding: 0; } .cms-menu-restaurant.cms-menu-restaurant-style2 .cms-menu-restaurant-item:nth-child(4n) .cms-menu-restaurant-image, .cms-menu-restaurant.cms-menu-restaurant-style2 .cms-menu-restaurant-item:nth-child(4n-1) .cms-menu-restaurant-image { float: left; } .cms-menu-restaurant.cms-menu-restaurant-style2 .cms-menu-restaurant-title { font-size: 18px; margin-top: 20px; margin-bottom: 20px; padding-bottom: 18px; position: relative; } .cms-menu-restaurant.cms-menu-restaurant-style2 .cms-menu-restaurant-title:before { content: ""; width: 33px; height: 3px; background-image: url(../images/menu-line.png); position: absolute; left: 0; right: 0; margin: auto; bottom: 0; } #cms-fullpage .ft-row-fullheight, #cms-fullpage .ft-col-fullheight > .vc_column-inner { height: 100%; } #cms-fullpage #fullpage > .section { background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; } #cms-fullpage #fullpage > .section:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background-color: inherit; content: ""; } #cms-fullpage #fullpage .section-boxed .fp-tableCell > .vc_row { max-width: 1170px; margin-left: auto; margin-right: auto; } #cms-fullpage #fullpage .fp-tableCell .vc_row .vc_column_container { padding-left: 15px; padding-right: 15px; } #cms-fullpage #fullpage .reomve-col-padding-default .fp-tableCell .vc_row .vc_column_container { padding-left: 0; padding-right: 0; } footer { position: relative; } #cshero-footer.cshero-footer { background-color: #222; position: relative; z-index: 1; } #cshero-footer .footer-info-top { padding-top: 90px; } #cshero-footer .footer-info-top [class*="col-"] .item { background-color: #202020; -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; /* BACKGROUND GRADIENT */ padding: 30px; float: left; position: relative; width: 100%; } #cshero-footer .footer-info-top [class*="col-"] .item i { font-size: 40px; color: #5fbbce; width: 74px; height: 74px; line-height: 74px; text-align: center; border: 1px solid #404040; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ float: left; } #cshero-footer .footer-info-top [class*="col-"] .item-content { padding-left: 92px; font-size: 14px; line-height: 23px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } #cshero-footer .footer-info-top [class*="col-"] .item-content a { color: #9b9b9b; cursor: pointer; } #cshero-footer .footer-info-top [class*="col-"] .item-content a:hover { color: #5fbbce; } #cshero-footer #footer-top { font-size: 14px; line-height: 23px; color: #9b9b9b; padding-bottom: 28px; padding-top: 80px; border-bottom: 1px solid rgba(71, 71, 71, 0.25); position: relative; z-index: 1; } #cshero-footer #footer-top [class*="col-"] { margin-bottom: 35px; } #cshero-footer #footer-top h3.wg-title { font-size: 13px; line-height: 30px; color: #fff; text-transform: uppercase; margin-bottom: 22px; font-weight: 700; } #cshero-footer #footer-top a { color: #9b9b9b; } #cshero-footer #footer-top a:hover { color: #5fbbce; } #cshero-footer #footer-top .cms-recent-post .cms-recent-details .cms-recent-title a { color: #cecece; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #cshero-footer #footer-top .cms-recent-post .cms-recent-details .cms-recent-title a:hover { color: #5fbbce; } #cshero-footer #footer-top ul.cs-social li a { color: #646464; } #cshero-footer #footer-top ul.cs-social li a:hover { color: #5fbbce; } #cshero-footer #footer-bottom { font-size: 12px; line-height: 16px; text-align: center; padding-top: 26px; padding-bottom: 27px; font-family: Poppins; color: #9b9b9b; position: relative; z-index: 1; } #cshero-footer #footer-bottom a { color: #5fbbce; } #cshero-footer #footer-bottom a:hover { color: #9b9b9b; } #cshero-footer.cshero-footer2 { border-top: 1px solid #eee; background-color: #fff; } #cshero-footer.cshero-footer2 #footer-top { border-bottom-color: #eee; } #cshero-footer.cshero-footer2 #footer-top h3.wg-title { color: #282828; } #cshero-footer.cshero-footer2 #footer-top .cms-recent-post .cms-recent-details .cms-recent-title a { color: #282828; } #cshero-footer.cshero-footer2 #footer-top .cms-recent-post .cms-recent-details .cms-recent-title a:hover { color: #5fbbce; } #cshero-footer.cshero-footer2 ul.info-footer li strong { color: #282828; } #cshero-footer.cshero-footer2 .cms-recent-post .cms-recent-details { border-bottom-color: #fdfdfd; } #cshero-footer.cms-footer5 { text-align: center; position: fixed !important; bottom: 0; left: 0; right: 0; z-index: -1; } #cshero-footer.cms-footer5 #footer-top { position: relative; padding-top: 105px; padding-bottom: 120px; border: none; } #cshero-footer.cms-footer5 #footer-top a.btn-primary-alt { color: #fff; } #cshero-footer.cms-footer5 #footer-top a.btn-primary-alt:hover { background-color: transparent; border-color: #5fbbce; color: #5fbbce; } #cshero-footer.cms-footer5 #footer-top .heading-space { margin-bottom: 40px; font-size: 45px; line-height: 1; color: #fff; } #cshero-footer.cms-footer5 #footer-bottom { border: none; color: #fff; bottom: 0; left: 0; position: absolute; right: 0; } #cshero-footer.cms-footer5 #footer-bottom a { color: #5fbbce; } #cshero-footer.cms-footer5 #footer-bottom a:hover { color: #fff; } #cshero-footer.cshero-footer6 #footer-top { border-bottom: none; padding-top: 0 !important; padding-bottom: 0 !important; } #cshero-footer.cshero-footer6 #footer-top .row { margin: 0 -1px; } #cshero-footer.cshero-footer6 #footer-top .footer-top-item { padding: 0 1px; } #cshero-footer.cshero-footer6 #footer-top .footer-top-item .footer-top-item-inner { background-color: #1b1b1b; padding: 45px 20px 45px 20px; text-align: center; } #cshero-footer.cshero-footer6 #footer-top .footer-top-item .footer-top-item-inner h1, #cshero-footer.cshero-footer6 #footer-top .footer-top-item .footer-top-item-inner h2, #cshero-footer.cshero-footer6 #footer-top .footer-top-item .footer-top-item-inner h3, #cshero-footer.cshero-footer6 #footer-top .footer-top-item .footer-top-item-inner h4, #cshero-footer.cshero-footer6 #footer-top .footer-top-item .footer-top-item-inner h5, #cshero-footer.cshero-footer6 #footer-top .footer-top-item .footer-top-item-inner h6 { color: #fff; } #cshero-footer.cshero-footer6 #footer-top .footer-top-item .footer-top-item-inner a { color: #5fbbce; } #cshero-footer.cshero-footer6 #footer-top .footer-top-item .footer-top-item-inner a:hover { color: rgba(95, 187, 206, 0.8); } #cshero-footer.cshero-footer6 #footer-bottom-holder { padding: 80px 0; position: relative; z-index: 1; border-bottom: 1px solid rgba(71, 71, 71, 0.25); } #cshero-footer.cshero-footer6 ul.cs-social li a:hover { color: #5fbbce; } .footer-box i { font-size: 40px; color: #5fbbce; } .footer-box h3 { font-size: 18px; line-height: 29px; margin-bottom: 15px; margin-top: 25px; } .footer-box a { font-size: 13px; line-height: 1; font-weight: 800; text-transform: uppercase; } .footer-box p { margin-bottom: 18px; } ul.info-footer { margin-top: 18px; } ul.info-footer li { font-size: 13px; line-height: 22px; } ul.info-footer li strong { color: #fff; } ul.info-footer li span { font-weight: 700; color: #fff; } ul.cs-social { margin-top: 19px; } ul.cs-social li { display: inline-block; padding: 0 10px; } ul.cs-social li a { color: #646464; } ul.cs-social li:first-child { padding-left: 0; } input[type='text'], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], textarea, select { background-color: transparent; border: 2px solid #eee; color: #9b9b9b; font-size: 13px; height: 51px; line-height: 26px; letter-spacing: 0.02em; padding: 10px 20px 11px; width: 100%; text-transform: uppercase; font-weight: 800; } input[type='text']:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, textarea:focus, select:focus { border-color: #5fbbce; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; outline: none; } textarea { min-height: 111px; max-width: 100%; } input::-moz-placeholder, textarea::-moz-placeholder { color: #9b9b9b; opacity: 1; } input::-webkit-input-placeholder, textarea::-webkit-placeholder { color: #9b9b9b; opacity: 1; } input::-o-placeholder, textarea::-o-placeholder { color: #9b9b9b; opacity: 1; } input::-ms-placeholder, textarea::-ms-placeholder { color: #9b9b9b; opacity: 1; } .input-filled { margin-bottom: 30px; } .input-filled2 { margin-bottom: 20px; } input[type='submit'] { width: 100%; margin-top: 10px; /* ========================================================================== [End] All Style Form ========================================================================== */ } #cshero-header-inner.bg-trans { position: absolute; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; width: 100%; } #cshero-header-inner.bg-trans #cshero-header { background-color: transparent; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #cshero-header-inner #cshero-header { background-color: #fff; position: relative; z-index: 1000; } #cshero-header-inner #cshero-header #cshero-header-logo .main_logo, #cshero-header-inner #cshero-header #cshero-header-logo .sticky_logo { -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #cshero-header-inner #cshero-header #cshero-header-logo a { display: inline-block; line-height: 101px; color: #fff; } #cshero-header-inner #cshero-header #cshero-header-logo .sticky_logo { opacity: 0; position: absolute; top: 0; visibility: hidden; } #cshero-header-inner #cshero-header #cshero-header-logo h1.site-title { text-transform: uppercase; font-size: 45px; line-height: 45px; margin: 10px 0; } #cshero-header-inner #cshero-header #cshero-header-logo h1.site-title a { line-height: 45px; } #cshero-header-inner #cshero-header #cshero-header-logo p.site-description { margin-bottom: 0; color: #fff; } header #cshero-header-inner #cshero-header.header-fixed #cshero-header-logo a { line-height: 80px; padding: 0; } header #cshero-header-inner #cshero-header.header-fixed #cshero-header-logo .main_logo { opacity: 0; filter: alpha(opacity=0); visibility: hidden; } header #cshero-header-inner #cshero-header.header-fixed #cshero-header-logo .sticky_logo { opacity: 1; filter: alpha(opacity=1); visibility: visible; } header #cshero-header-inner #cshero-header.header-fixed #cshero-header-navigation { line-height: 80px; } header #cshero-header-inner #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > ul > li > a, header #cshero-header-inner #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > li > a { color: #333; line-height: 80px; } header #cshero-header-inner #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > ul > li > a:before, header #cshero-header-inner #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > li > a:before { background-color: #333; } header #cshero-header-inner #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > ul > li:hover > a, header #cshero-header-inner #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > li:hover > a, header #cshero-header-inner #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > ul > li.current_page_item > a, header #cshero-header-inner #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > li.current_page_item > a, header #cshero-header-inner #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > ul > li.current-menu-item > a, header #cshero-header-inner #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > li.current-menu-item > a, header #cshero-header-inner #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > ul > li.current-menu-parent > a, header #cshero-header-inner #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > li.current-menu-parent > a, header #cshero-header-inner #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > ul > li.current-page-parent > a, header #cshero-header-inner #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > li.current-page-parent > a { color: #333; } header #cshero-header-inner #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > ul > li:hover > a:before, header #cshero-header-inner #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > li:hover > a:before, header #cshero-header-inner #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > ul > li.current_page_item > a:before, header #cshero-header-inner #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > li.current_page_item > a:before, header #cshero-header-inner #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > ul > li.current-menu-item > a:before, header #cshero-header-inner #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > li.current-menu-item > a:before, header #cshero-header-inner #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > ul > li.current-menu-parent > a:before, header #cshero-header-inner #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > li.current-menu-parent > a:before, header #cshero-header-inner #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > ul > li.current-page-parent > a:before, header #cshero-header-inner #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > li.current-page-parent > a:before { background-color: #333; } header #cshero-header-inner #cshero-header.header-fixed .cshero-navigation-right .nav-button-icon { line-height: 80px; } header #cshero-header-inner #cshero-header.header-fixed .cshero-navigation-right .nav-button-icon i { color: #333; } header #cshero-header-inner #cshero-header.header-fixed .cshero-navigation-right .nav-button-icon i:hover { color: #5fbbce; } header #cshero-header-inner #cshero-header.header-fixed .cshero-social-top { display: none; } header #cshero-header-inner #cshero-header.header-fixed .menu-popup { line-height: 80px; color: #333; } header #cshero-header-inner #cshero-header.header-fixed .menu-popup:hover { color: #5fbbce; } header #cshero-header-inner #cshero-header.header-fixed .menu-popup:hover i:after { background-color: #5fbbce; } header #cshero-header-inner #cshero-header.header-fixed .menu-popup i:after { background-color: #333; } header #cshero-header-inner #cshero-header.header-fixed .widget_shopping_cart { top: 80px; } header #cshero-header-inner.header-dark #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > ul > li > a, header #cshero-header-inner.header-dark #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > li > a { color: #fff; } header #cshero-header-inner.header-dark #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > ul > li > a .menu-title:before, header #cshero-header-inner.header-dark #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > li > a .menu-title:before { background-color: #fff; } header #cshero-header-inner.header-dark #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > ul > li:hover > a, header #cshero-header-inner.header-dark #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > li:hover > a, header #cshero-header-inner.header-dark #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > ul > li.current_page_item > a, header #cshero-header-inner.header-dark #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > li.current_page_item > a, header #cshero-header-inner.header-dark #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > ul > li.current-menu-item > a, header #cshero-header-inner.header-dark #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > li.current-menu-item > a, header #cshero-header-inner.header-dark #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > ul > li.current-menu-parent > a, header #cshero-header-inner.header-dark #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > li.current-menu-parent > a, header #cshero-header-inner.header-dark #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > ul > li.current-page-parent > a, header #cshero-header-inner.header-dark #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > li.current-page-parent > a { color: #fff; } header #cshero-header-inner.header-dark #cshero-header.header-fixed .cshero-navigation-right .nav-button-icon i { color: #fff; } header #cshero-header-inner.header-dark #cshero-header.header-fixed .cshero-navigation-right .nav-button-icon i:hover { color: #5fbbce; } .admin-bar #cshero-header-inner #cshero-header.header-fixed { top: 32px; } .admin-bar .cshero-popup-menu, .admin-bar #cshero-header-inner.header-22, .admin-bar #cshero-header-inner.header-23 { top: 32px; } @media (min-width: 992px) { #cshero-header-inner.custom-header-29 #cshero-header { border-bottom: 1px solid rgba(255, 255, 255, 0.15); } #cshero-header-inner.bg-trans.header-2 #cshero-header #cshero-header-navigation .main-navigation .menu-main-menu > li > a, #cshero-header-inner.bg-trans.header-2 #cshero-header .cshero-navigation-right .nav-button-icon, #cshero-header-inner.bg-trans.header-2 #cshero-header #cshero-header-logo a { line-height: 60px; } #cshero-header-inner.bg-trans.header-2 #cshero-header #cshero-header-navigation .main-navigation .menu-main-menu > li > a:before, #cshero-header-inner.bg-trans.header-2 #cshero-header .cshero-navigation-right .nav-button-icon:before, #cshero-header-inner.bg-trans.header-2 #cshero-header #cshero-header-logo a:before { bottom: -2px; } #cshero-header-inner.bg-trans.header-2 #cshero-header .cshero-social-top { margin-top: 30px; margin-bottom: 0; } #cshero-header-inner.bg-trans.header-2 #cshero-header #cshero-header-logo { margin: 24px 0; } #cshero-header-inner.bg-trans.header-2 #cshero-header.header-fixed #cshero-header-navigation { line-height: 60px; } #cshero-header-inner.bg-trans.header-2 #cshero-header.header-fixed #cshero-header-logo { margin: 0; } #cshero-header-inner.m-style #cshero-header { border-bottom: 1px solid rgba(255, 255, 255, 0.15); } #cshero-header-inner.m-style #cshero-header.header-fixed { border-bottom: none; } #cshero-header-inner.m-style #cshero-header .menu-main-menu > li > a { display: block; } #cshero-header-inner.m-style #cshero-header .menu-main-menu > li > a:before { bottom: 0; } #cshero-header-inner.m-style #cshero-header .cshero-navigation-right { position: relative; } #cshero-header-inner.m-style #cshero-header .cshero-navigation-right .nav-button-icon { line-height: 101px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #cshero-header-inner.m-style #cshero-header-navigation .main-navigation .menu-main-menu > ul > li, #cshero-header-inner.m-style #cshero-header-navigation .main-navigation .menu-main-menu > li { margin: 0 5px; } #cshero-header-inner.m-style #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a, #cshero-header-inner.m-style #cshero-header-navigation .main-navigation .menu-main-menu > li > a { line-height: 101px; padding: 0 10px; } #cshero-header-inner.m-style.header-3 #cshero-header { border-bottom-color: transparent; } #cshero-header-inner.m-style.header-3 #cshero-header .menu-main-menu > li > a:before { display: none; } #cshero-header-inner.m-style.header-3 #cshero-header .menu-main-menu > li > a .menu-title { position: relative; } #cshero-header-inner.m-style.header-3 #cshero-header .menu-main-menu > li > a .menu-title:before { background-color: #fff; content: ""; height: 2px; position: absolute; bottom: -3px; left: 0; width: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #cshero-header-inner.m-style.header-3 #cshero-header .menu-main-menu > li.current-menu-item > a .menu-title:before, #cshero-header-inner.m-style.header-3 #cshero-header .menu-main-menu > li.current-menu-ancestor > a .menu-title:before, #cshero-header-inner.m-style.header-3 #cshero-header .menu-main-menu > li:hover > a .menu-title:before { opacity: 1; filter: alpha(opacity=1); width: 100%; } #cshero-header-inner.m-style.header-3 #cshero-header.header-fixed .menu-main-menu > li > a .menu-title:before { background-color: #333; } #cshero-header-inner #cshero-header .cshero-navigation-right { float: right; } #cshero-header-inner #cshero-header .cshero-navigation-right .nav-button-icon { font-size: 14px; line-height: 28px; margin-left: 7px; } #cshero-header-inner #cshero-header .cshero-navigation-right .nav-button-icon i { margin: 0 11px; cursor: pointer; color: #333; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #cshero-header-inner #cshero-header .cshero-navigation-right .nav-button-icon i:hover { color: #5fbbce; } #cshero-header-inner #cshero-header .cshero-navigation-right .nav-button-icon i:last-child { margin-right: 0; } #cshero-header-inner #cshero-header .cshero-navigation-right .nav-button-icon .shopping-cart-wrapper:hover { cursor: pointer; } #cshero-header-inner #cshero-header .cshero-navigation-right .nav-button-icon .shopping-cart-wrapper:hover i { color: #5fbbce; } #cshero-header-inner #cshero-header .cshero-navigation-right.icon-white i { color: #fff; } #cshero-header-inner #cshero-header.header-fixed { position: fixed; top: 0; background-color: #fff; z-index: 1001; width: 100%; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); } #cshero-header-inner #cshero-header-navigation { -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #cshero-header-inner .cshero-social-top { float: right; margin-bottom: 14px; } #cshero-header-inner .cshero-social-top .cms-social { float: right; } #cshero-header-inner .cshero-social-top .top-media { float: right; } #cshero-header-inner .cshero-social-top .top-button { color: #fff; font-size: 12px; line-height: 21px; display: inline-block; padding: 2px 7px 0; text-transform: uppercase; font-weight: 800; background: #222; -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; /* BACKGROUND GRADIENT */ margin-left: 12px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #cshero-header-inner .cshero-social-top .top-button:hover { color: #fff; background: #5fbbce; } #cshero-header-inner .cshero-navigation-bottom { float: right; width: 100%; } #cshero-header-inner.header-2 #cshero-header #cshero-header-logo a { padding-top: 4px; } #cshero-header-inner.header-2 #cshero-header.header-fixed #cshero-header-navigation { padding-top: 0; } #cshero-header-inner.header-2 #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > li > a:before { display: none; } #cshero-header-inner.header-2 #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > li > a .menu-title { position: relative; } #cshero-header-inner.header-2 #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > li > a .menu-title:before { background-color: #222; content: ""; height: 2px; position: absolute; bottom: -3px; left: 0; width: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #cshero-header-inner.header-2 #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > li.current-menu-item > a .menu-title:before, #cshero-header-inner.header-2 #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > li.current-menu-ancestor > a .menu-title:before, #cshero-header-inner.header-2 #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > li:hover > a .menu-title:before { opacity: 1; filter: alpha(opacity=1); width: 100%; } #cshero-header-inner.header-3 #cshero-header .cshero-navigation-right .nav-button-icon { position: relative; margin-left: 17px; padding-left: 24px; } #cshero-header-inner.header-3 #cshero-header .cshero-navigation-right .nav-button-icon:before { content: ""; background: rgba(255, 255, 255, 0.25); width: 2px; height: 23px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } #cshero-header-inner.header-3 #cshero-header.header-fixed .cshero-navigation-right .nav-button-icon:before { background-color: rgba(0, 0, 0, 0.25); } #cshero-header-inner.header-4 #cshero-header-wrapper { height: 71px; } #cshero-header-inner.header-4 #cshero-header .cshero-navigation-right .nav-button-icon { line-height: 71px; } #cshero-header-inner.header-4 #cshero-header #cshero-header-logo a { line-height: 71px; } #cshero-header-inner.header-4 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a, #cshero-header-inner.header-4 #cshero-header-navigation .main-navigation .menu-main-menu > li > a { line-height: 71px; } #cshero-header-inner.header-5 #cshero-header { border-bottom: none; } #cshero-header-inner.header-5 .container { border-bottom: 1px solid rgba(255, 255, 255, 0.15); } #cshero-header-inner.header-6 #cshero-header, #cshero-header-inner.header-7 #cshero-header { border: none; } #cshero-header-inner.header-7 #cshero-header { border: none; } #cshero-header-inner.header-7 #cshero-header #cshero-header-logo a { line-height: 80px; } #cshero-header-inner.header-7 #cshero-header .cshero-navigation-right .nav-button-icon { line-height: 80px; } #cshero-header-inner.header-7 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a, #cshero-header-inner.header-7 #cshero-header-navigation .main-navigation .menu-main-menu > li > a { line-height: 80px; } #cshero-header-inner.header-7 .cshero-social-top, #cshero-header-inner.header-14 .cshero-social-top, #cshero-header-inner.header-16 .cshero-social-top { margin-bottom: 0; } #cshero-header-inner.header-7 .cshero-social-top .cms-social, #cshero-header-inner.header-14 .cshero-social-top .cms-social, #cshero-header-inner.header-16 .cshero-social-top .cms-social { margin-left: 10px; } #cshero-header-inner.header-7 .cshero-social-top .cms-social li:last-child a, #cshero-header-inner.header-14 .cshero-social-top .cms-social li:last-child a, #cshero-header-inner.header-16 .cshero-social-top .cms-social li:last-child a { padding-right: 0; } #cshero-header-inner.header-8 #cshero-header { border-bottom: none; } #cshero-header-inner.header-8 #cshero-header .container { border-bottom: 1px solid rgba(255, 255, 255, 0.15); } #cshero-header-inner.header-8 #cshero-header #cshero-header-logo a { line-height: 81px; } #cshero-header-inner.header-8 #cshero-header .cshero-navigation-right .nav-button-icon { line-height: 81px; } #cshero-header-inner.header-8 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a, #cshero-header-inner.header-8 #cshero-header-navigation .main-navigation .menu-main-menu > li > a { line-height: 81px; } #cshero-header-inner.header-10 #cshero-header-wrapper { height: 93px; } #cshero-header-inner.header-10 ul.cms-social { padding-left: 20px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #cshero-header-inner.header-10 ul.cms-social li:last-child a { padding-right: 0; } #cshero-header-inner.header-10 #cshero-header #cshero-header-logo a { line-height: 93px; } #cshero-header-inner.header-10 #cshero-header.header-fixed #cshero-header-navigation .cshero-social { line-height: 80px; border-left-color: rgba(0, 0, 0, 0.15); } #cshero-header-inner.header-10 #cshero-header.header-fixed ul.cms-social li a { color: #333; } #cshero-header-inner.header-10 #cshero-header.header-fixed ul.cms-social li a:hover { color: #5fbbce; } #cshero-header-inner.header-10 #cshero-header-navigation .cshero-social { line-height: 93px; border-left: 1px solid rgba(255, 255, 255, 0.15); } #cshero-header-inner.header-10 #cshero-header-navigation .main-navigation { margin-right: 15px; } #cshero-header-inner.header-10 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a, #cshero-header-inner.header-10 #cshero-header-navigation .main-navigation .menu-main-menu > li > a { line-height: 93px; } #cshero-header-inner.header-11 .menu-popup i:after, #cshero-header-inner.header-21 .menu-popup i:after { display: none; } #cshero-header-inner.header-21 #cshero-header { padding: 0 50px; } #cshero-header-inner.header-21 .menu-popup { color: #333; } #cshero-header-inner.header-21 .menu-popup:hover { color: #5fbbce; } #cshero-header-inner.header-13 #cshero-header #cshero-header-logo, #cshero-header-inner.header-14 #cshero-header #cshero-header-logo, #cshero-header-inner.header-18 #cshero-header #cshero-header-logo { left: 50%; max-width: 300px; position: absolute; text-align: center; top: 0; -webkit-transform: translate(-50%, 0px); -khtml-transform: translate(-50%, 0px); -moz-transform: translate(-50%, 0px); -ms-transform: translate(-50%, 0px); -o-transform: translate(-50%, 0px); transform: translate(-50%, 0px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ width: 100%; z-index: 99; } #cshero-header-inner.header-13 #cshero-header #cshero-header-logo a, #cshero-header-inner.header-14 #cshero-header #cshero-header-logo a, #cshero-header-inner.header-18 #cshero-header #cshero-header-logo a { line-height: 102px; } #cshero-header-inner.header-13 #cshero-header #cshero-header-logo .sticky_logo, #cshero-header-inner.header-14 #cshero-header #cshero-header-logo .sticky_logo, #cshero-header-inner.header-18 #cshero-header #cshero-header-logo .sticky_logo { left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } #cshero-header-inner.header-13 #cshero-header #cshero-header-navigation-left, #cshero-header-inner.header-14 #cshero-header #cshero-header-navigation-left, #cshero-header-inner.header-18 #cshero-header #cshero-header-navigation-left { float: left; width: 38%; } #cshero-header-inner.header-13 #cshero-header #cshero-header-navigation-right, #cshero-header-inner.header-14 #cshero-header #cshero-header-navigation-right, #cshero-header-inner.header-18 #cshero-header #cshero-header-navigation-right { float: right; width: 38%; text-align: right; } #cshero-header-inner.header-13 #cshero-header .cshero-navigation-right .nav-button-icon, #cshero-header-inner.header-14 #cshero-header .cshero-navigation-right .nav-button-icon, #cshero-header-inner.header-18 #cshero-header .cshero-navigation-right .nav-button-icon { line-height: 102px; } #cshero-header-inner.header-13 #cshero-header-navigation, #cshero-header-inner.header-14 #cshero-header-navigation, #cshero-header-inner.header-18 #cshero-header-navigation { line-height: 102px; } #cshero-header-inner.header-13 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li, #cshero-header-inner.header-14 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li, #cshero-header-inner.header-18 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li, #cshero-header-inner.header-13 #cshero-header-navigation .main-navigation .menu-main-menu > li, #cshero-header-inner.header-14 #cshero-header-navigation .main-navigation .menu-main-menu > li, #cshero-header-inner.header-18 #cshero-header-navigation .main-navigation .menu-main-menu > li { margin: 0 5px; } #cshero-header-inner.header-13 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a, #cshero-header-inner.header-14 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a, #cshero-header-inner.header-18 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a, #cshero-header-inner.header-13 #cshero-header-navigation .main-navigation .menu-main-menu > li > a, #cshero-header-inner.header-14 #cshero-header-navigation .main-navigation .menu-main-menu > li > a, #cshero-header-inner.header-18 #cshero-header-navigation .main-navigation .menu-main-menu > li > a { padding: 0 10px; } #cshero-header-inner.header-14 #cshero-header #cshero-header-logo a { line-height: 102px; } #cshero-header-inner.header-14 #cshero-header .cshero-navigation-right .nav-button-icon { line-height: 102px; } #cshero-header-inner.header-14 #cshero-header-navigation { line-height: 102px; } #cshero-header-inner.header-15 #cshero-header { -webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -moz-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -ms-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); } #cshero-header-inner.header-15 #cshero-header #cshero-header-logo a { line-height: 112px; } #cshero-header-inner.header-15 .menu-popup { color: #333; line-height: 112px; } #cshero-header-inner.header-15 .menu-popup i:after { background-color: #333; } #cshero-header-inner.header-15 .menu-popup:hover { color: rgba(51, 51, 51, 0.9); } #cshero-header-inner.header-15 .menu-popup:hover i:after { background-color: rgba(51, 51, 51, 0.9); } #cshero-header-inner.header-16 #cshero-header-minimal, #cshero-header-inner.header-17 #cshero-header-minimal { padding-top: 45px; padding-bottom: 10px; } #cshero-header-inner.header-16 #cshero-header-minimal #cshero-header-logo .sticky_logo, #cshero-header-inner.header-17 #cshero-header-minimal #cshero-header-logo .sticky_logo { display: none; } #cshero-header-inner.header-16 #cshero-header, #cshero-header-inner.header-17 #cshero-header { border-bottom: none; } #cshero-header-inner.header-16 #cshero-header .container, #cshero-header-inner.header-17 #cshero-header .container { position: relative; } #cshero-header-inner.header-16 #cshero-header #cshero-header-logo a, #cshero-header-inner.header-17 #cshero-header #cshero-header-logo a { line-height: 0; padding-top: 39px; } #cshero-header-inner.header-16 #cshero-header #cshero-header-logo .sticky_logo, #cshero-header-inner.header-17 #cshero-header #cshero-header-logo .sticky_logo { left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } #cshero-header-inner.header-16 #cshero-header-navigation, #cshero-header-inner.header-17 #cshero-header-navigation { text-align: center; } #cshero-header-inner.header-16 #cshero-header-navigation .main-navigation .menu-main-menu, #cshero-header-inner.header-17 #cshero-header-navigation .main-navigation .menu-main-menu { float: none; } #cshero-header-inner.header-16 #cshero-header-navigation .main-navigation .menu-main-menu > li > a, #cshero-header-inner.header-17 #cshero-header-navigation .main-navigation .menu-main-menu > li > a { line-height: 80px; } #cshero-header-inner.header-16 #cshero-header-navigation .cshero-navigation-right, #cshero-header-inner.header-17 #cshero-header-navigation .cshero-navigation-right { float: none; } #cshero-header-inner.header-16 #cshero-header-navigation .cshero-navigation-right .nav-button-icon, #cshero-header-inner.header-17 #cshero-header-navigation .cshero-navigation-right .nav-button-icon { line-height: 80px; } #cshero-header-inner.header-16 #cshero-header-navigation .main-navigation, #cshero-header-inner.header-17 #cshero-header-navigation .main-navigation, #cshero-header-inner.header-16 #cshero-header-navigation .cshero-navigation-right, #cshero-header-inner.header-17 #cshero-header-navigation .cshero-navigation-right { display: inline-block; vertical-align: middle; } #cshero-header-inner.header-18 #cshero-header { border-bottom: 1px solid rgba(255, 255, 255, 0.15); } #cshero-header-inner.header-18 #cshero-header #cshero-header-navigation .main-navigation .menu-main-menu > li > a { line-height: 102px; display: block; } #cshero-header-inner.header-18 #cshero-header .nav-button-icon { -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #cshero-header-inner.header-18 #cshero-header.header-fixed { border-bottom: none; } #cshero-header-inner.header-18 #cshero-header.header-fixed #cshero-header-navigation .main-navigation .menu-main-menu > li > a { line-height: 80px; } #cshero-header-inner.header-19, #cshero-header-inner.header-20 { background-color: #fff; left: 0; margin: auto; max-width: 1230px; position: absolute; right: 0; top: 0; z-index: 1001; } #cshero-header-inner.header-19 #cshero-header.header-fixed, #cshero-header-inner.header-20 #cshero-header.header-fixed { left: inherit; max-width: 1230px; right: inherit; } #cshero-header-inner.header-19 #cshero-header-logo a, #cshero-header-inner.header-20 #cshero-header-logo a { line-height: 102px; } #cshero-header-inner.header-19 #cshero-header-navigation .main-navigation .menu-main-menu, #cshero-header-inner.header-20 #cshero-header-navigation .main-navigation .menu-main-menu { float: none; } #cshero-header-inner.header-19 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a, #cshero-header-inner.header-20 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a, #cshero-header-inner.header-19 #cshero-header-navigation .main-navigation .menu-main-menu > li > a, #cshero-header-inner.header-20 #cshero-header-navigation .main-navigation .menu-main-menu > li > a { line-height: 102px; color: #333; } #cshero-header-inner.header-19 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a:before, #cshero-header-inner.header-20 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a:before, #cshero-header-inner.header-19 #cshero-header-navigation .main-navigation .menu-main-menu > li > a:before, #cshero-header-inner.header-20 #cshero-header-navigation .main-navigation .menu-main-menu > li > a:before { background-color: #333; } #cshero-header-inner.header-19 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li.current-menu-item > a, #cshero-header-inner.header-20 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li.current-menu-item > a, #cshero-header-inner.header-19 #cshero-header-navigation .main-navigation .menu-main-menu > li.current-menu-item > a, #cshero-header-inner.header-20 #cshero-header-navigation .main-navigation .menu-main-menu > li.current-menu-item > a, #cshero-header-inner.header-19 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li.current-menu-ancestor > a, #cshero-header-inner.header-20 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li.current-menu-ancestor > a, #cshero-header-inner.header-19 #cshero-header-navigation .main-navigation .menu-main-menu > li.current-menu-ancestor > a, #cshero-header-inner.header-20 #cshero-header-navigation .main-navigation .menu-main-menu > li.current-menu-ancestor > a, #cshero-header-inner.header-19 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li:hover > a, #cshero-header-inner.header-20 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li:hover > a, #cshero-header-inner.header-19 #cshero-header-navigation .main-navigation .menu-main-menu > li:hover > a, #cshero-header-inner.header-20 #cshero-header-navigation .main-navigation .menu-main-menu > li:hover > a { color: #333; } #cshero-header-inner.header-20 { margin-top: 30px; } #cshero-header-top { background: #222; color: #cecece; font-size: 12px; line-height: 20px; letter-spacing: 0.02em; font-family: 'open_sansregular'; padding: 8px 0 9px; } #cshero-header-top a { color: #cecece; } #cshero-header-top a:hover { color: #5fbbce; } ul.info-top li { display: inline-block; padding: 0 12px; } ul.info-top li:first-child { padding-left: 0; } ul.info-top li i { font-size: 14px; color: #5fbbce; margin-right: 3px; } #cshero-header #cshero-menu-mobile { display: none !important; } .header-custom-32 .header-fixed { -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .header-custom-32 .header-fixed #cshero-header-logo { max-height: 0px; overflow: hidden; visibility: hidden; } } @media (max-width: 991px) { /* ========================================================================== [2. Search Popup ========================================================================== */ #cshero-header-navigation { display: none; } #cshero-header-inner.header-22, #cshero-header-inner.header-23 { padding-top: 80px; -webkit-transform: translateX(-320px); -khtml-transform: translateX(-320px); -moz-transform: translateX(-320px); -ms-transform: translateX(-320px); -o-transform: translateX(-320px); transform: translateX(-320px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: all 400ms ease 0s; -moz-transition: all 400ms ease 0s; -ms-transition: all 400ms ease 0s; transition: all 400ms ease 0s; visibility: hidden; } #cshero-header-inner.header-22.open, #cshero-header-inner.header-23.open { -webkit-transform: translateX(0px); -khtml-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ visibility: visible; } body.header-22 #page, body.header-23 #page { padding-left: 0; } } .cshero-popup-search { background-color: rgba(34, 34, 34, 0.96); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 10001; visibility: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* ========================================================================== [End] 2. Search Popup ========================================================================== */ /* ========================================================================== [3. Hideen Sidebar ========================================================================== */ } .cshero-popup-search .container { max-width: 570px; } .cshero-popup-search .cshero-search-inner { position: relative; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cshero-popup-search .cshero-search-inner #searchform label { display: none; } .cshero-popup-search .cshero-search-inner #searchform:before { content: ""; } .cshero-popup-search .cshero-search-inner #searchform div { position: relative; } .cshero-popup-search .cshero-search-inner #searchform div:before { content: "\f002"; font-size: 28px; line-height: 85px; font-family: FontAwesome; position: absolute; right: 0; top: 0; color: #f9f9f9; } .cshero-popup-search .cshero-search-inner #searchform div:after { content: ""; position: absolute; height: 2px; width: 0px; position: absolute; bottom: 0; left: 0; background-color: #fff; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cshero-popup-search .cshero-search-inner #searchform input[type="text"] { font-size: 35px; color: #f9f9f9; height: 85px; border: none; border: none; padding: 0 50px 0 0px; text-transform: capitalize; font-weight: 500; font-family: Poppins; } .cshero-popup-search .cshero-search-inner #searchform input[type="text"]:focus { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; outline: none; } .cshero-popup-search .cshero-search-inner #searchform input[type="submit"] { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; font-size: 0; height: 85px; padding: 0; position: absolute; right: 0; top: 0; width: 85px; } .cshero-popup-search .cshero-search-inner #searchform input::-moz-placeholder, .cshero-popup-search .cshero-search-inner #searchform textarea::-moz-placeholder { color: #f9f9f9; opacity: 1; } .cshero-popup-search .cshero-search-inner #searchform input::-webkit-input-placeholder, .cshero-popup-search .cshero-search-inner #searchform textarea::-webkit-placeholder { color: #f9f9f9; opacity: 1; } .cshero-popup-search .cshero-search-inner #searchform input::-o-placeholder, .cshero-popup-search .cshero-search-inner #searchform textarea::-o-placeholder { color: #f9f9f9; opacity: 1; } .cshero-popup-search .cshero-search-inner #searchform input::-ms-placeholder, .cshero-popup-search .cshero-search-inner #searchform textarea::-ms-placeholder { color: #f9f9f9; opacity: 1; } .cshero-popup-search .search-icon { color: #f9f9f9; cursor: pointer; font-size: 28px; position: absolute; right: 15px; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cshero-popup-search .search-icon:hover { color: #5fbbce; } .cshero-popup-search.open { visibility: visible; opacity: 1; filter: alpha(opacity=1); } .cshero-popup-search.open .cshero-search-inner #searchform div::after { width: 100%; } body #page { -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; position: relative; z-index: 999; } body #page.cs-boxed #cshero-header.header-fixed { width: 1250px; } body.hidden-sidebar-active .cshero-hidden-sidebar { background-color: #fff; padding: 50px; height: 100vh; } body.hidden-sidebar-active .cshero-hidden-sidebar .sidebar-close { font-size: 14px; font-weight: 700; color: #333; } body.hidden-sidebar-active .cshero-hidden-sidebar .sidebar-close:hover { color: #5fbbce; } .cshero-hidden-sidebar { background-color: #222; color: #bfbfbf; height: 100%; position: fixed; right: 0; top: 0; width: 370px; padding: 50px; z-index: 1000; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; -webkit-transform: translateX(367px); -khtml-transform: translateX(367px); -moz-transform: translateX(367px); -ms-transform: translateX(367px); -o-transform: translateX(367px); transform: translateX(367px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ visibility: hidden; z-index: 1001; } .cshero-hidden-sidebar .sidebar-close { cursor: pointer; font-size: 15px; position: absolute; right: 30px; top: 50px; opacity: 0; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cshero-hidden-sidebar .sidebar-close:hover { color: #fff; } .cshero-hidden-sidebar:hover .sidebar-close { opacity: 1; } .cshero-hidden-sidebar.open { opacity: 1; visibility: visible; -webkit-transform: translateX(0); -khtml-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cshero-hidden-sidebar .sidebar-inner { height: 100vh; } .cshero-hidden-sidebar a { color: #fff; } .cshero-hidden-sidebar a:hover { color: #5fbbce; } .cshero-hidden-sidebar aside { margin-top: 0 !important; margin-bottom: 35px; } .cshero-hidden-sidebar ul { list-style: none; } .cshero-hidden-sidebar ul.menu { margin: 0; padding: 0; } .cshero-hidden-sidebar ul.menu li a { color: rgba(255, 255, 255, 0.8); display: block; font-size: 14px; letter-spacing: 0.03em; line-height: 40px; } .cshero-hidden-sidebar ul.menu li a .menu-title { position: relative; } .cshero-hidden-sidebar ul.menu li.current-menu-item a, .cshero-hidden-sidebar ul.menu li a:hover { color: #5fbbce; text-decoration: none; } .cshero-hidden-sidebar .cs-social { text-align: center; } .cshero-hidden-sidebar .cs-social li { margin: 0 13px; display: inline-block; } .cshero-hidden-sidebar .cs-social li a { font-size: 16px; } .cshero-hidden-sidebar .cs-social li a span { display: none; } .menu-popup { color: #fff; font-size: 13px; line-height: 101px; font-weight: 800; text-transform: uppercase; cursor: pointer; -webkit-transition: all 300ms linear 0ms !important; -moz-transition: all 300ms linear 0ms !important; -ms-transition: all 300ms linear 0ms !important; transition: all 300ms linear 0ms !important; /* ========================================================================== [End] 3. Hideen Sidebar ========================================================================== */ /* ========================================================================== [4. Menu Popup ========================================================================== */ } .menu-popup i { position: relative; padding-left: 15px; margin-left: 15px; } .menu-popup i:after { content: ""; background-color: #fff; width: 2px; height: 20px; position: absolute; left: -2px; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .menu-popup:hover { color: rgba(255, 255, 255, 0.95); } .menu-popup:hover i:after { background-color: rgba(255, 255, 255, 0.95); } .cshero-popup-menu { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; visibility: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cshero-popup-menu.open { visibility: visible; opacity: 1; filter: alpha(opacity=1); position: fixed; z-index: 10000; } .cshero-popup-menu-inner { position: relative; height: 100%; } .cshero-popup-menu-inner .menu-popup-close { position: absolute; font-size: 13px; font-weight: 800; line-height: 28px; right: 51px; top: 42px; cursor: pointer; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; text-transform: uppercase; } .cshero-popup-menu-inner .menu-popup-close i { position: relative; padding-left: 15px; margin-left: 15px; } .cshero-popup-menu-inner .menu-popup-close i:after { content: ""; background-color: #fff; width: 2px; height: 20px; position: absolute; left: -2px; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cshero-popup-menu-inner .menu-popup-close:hover { color: #5fbbce; } .cshero-popup-menu-inner .menu-popup-close:hover i:after { background-color: #5fbbce; } .cshero-popup-menu-inner #cshero-header-logo a { position: absolute; top: 45px; left: 50px; } .cshero-popup-menu-inner #cshero-header-logo .sticky_logo { opacity: 0; } .cshero-popup-menu-inner #cshero-header-navigation { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cshero-popup-menu-inner #cshero-header-navigation .main-navigation .menu-main-menu { float: none; } .cshero-popup-menu-inner #cshero-header-navigation .main-navigation .menu-main-menu > ul > li, .cshero-popup-menu-inner #cshero-header-navigation .main-navigation .menu-main-menu > li { display: block; } .cshero-popup-menu-inner #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a, .cshero-popup-menu-inner #cshero-header-navigation .main-navigation .menu-main-menu > li > a { font-size: 30px; line-height: 64px; text-transform: capitalize; font-weight: 800; color: #fff; } .cshero-popup-menu-inner #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a:before, .cshero-popup-menu-inner #cshero-header-navigation .main-navigation .menu-main-menu > li > a:before { display: none; } .cshero-popup-menu-inner #cshero-header-navigation .main-navigation .menu-main-menu > ul > li.current-menu-item > a, .cshero-popup-menu-inner #cshero-header-navigation .main-navigation .menu-main-menu > li.current-menu-item > a, .cshero-popup-menu-inner #cshero-header-navigation .main-navigation .menu-main-menu > ul > li.current-menu-ancestor > a, .cshero-popup-menu-inner #cshero-header-navigation .main-navigation .menu-main-menu > li.current-menu-ancestor > a, .cshero-popup-menu-inner #cshero-header-navigation .main-navigation .menu-main-menu > ul > li:hover > a, .cshero-popup-menu-inner #cshero-header-navigation .main-navigation .menu-main-menu > li:hover > a { color: #5fbbce; } .cshero-popup-menu-inner .cs-hero-bottom { position: absolute; bottom: 45px; color: #9b9b9b; font-size: 12px; left: 50%; line-height: 16px; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cshero-popup-menu-inner .cs-hero-bottom a { color: #5fbbce; } .cshero-popup-menu-inner .cs-hero-bottom a:hover { color: #9b9b9b; } .cshero-popup-menu-inner .cs-hero-bottom ul.cms-social { margin-bottom: 17px; } .cshero-popup-menu-inner .cs-hero-bottom ul.cms-social li a { color: #646464; font-size: 14px; line-height: 28px; padding: 0 11px; } .cshero-popup-menu-inner .cs-hero-bottom ul.cms-social li a:hover { color: #5fbbce; } .style-dark1 .cs-menu-toggle, .style-light1 .cs-menu-toggle { border-radius: 3px; cursor: pointer; display: block; font-size: 18px; position: absolute; right: 0; text-align: center; top: 17px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; width: 30px; height: 30px; line-height: 30px; display: block; } .style-dark1 .cs-menu-toggle:before, .style-light1 .cs-menu-toggle:before { content: "\f105"; font-family: FontAwesome; } .style-dark1 #cshero-header-navigation, .style-light1 #cshero-header-navigation { display: block; text-align: center; } .style-dark1 #cshero-header-navigation .main-navigation .menu-main-menu, .style-light1 #cshero-header-navigation .main-navigation .menu-main-menu { max-width: 300px; margin: 0 auto; } .style-dark1 #cshero-header-navigation .main-navigation .menu-main-menu > li, .style-light1 #cshero-header-navigation .main-navigation .menu-main-menu > li { position: relative; margin: 0; } .style-dark1 #cshero-header-navigation .main-navigation .menu-main-menu > li li, .style-light1 #cshero-header-navigation .main-navigation .menu-main-menu > li li { position: relative; padding: 0; } .style-dark1 #cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu, .style-light1 #cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu { max-height: 0; overflow: hidden; padding: 0; -webkit-transition: max-height 600ms linear 0ms; -moz-transition: max-height 600ms linear 0ms; -ms-transition: max-height 600ms linear 0ms; transition: max-height 600ms linear 0ms; } .style-dark1 #cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu.submenu-open, .style-light1 #cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu.submenu-open { max-height: 1000px; } .style-dark1 #cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu.submenu-open + .cs-menu-toggle:before, .style-light1 #cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu.submenu-open + .cs-menu-toggle:before { content: "\f107"; } .style-dark1 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li ul.sub-menu, .style-light1 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li ul.sub-menu, .style-dark1 #cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu, .style-light1 #cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu { opacity: 1; filter: alpha(opacity=1); } .style-dark1 #cshero-header-navigation .main-navigation .menu-main-menu li ul li a, .style-light1 #cshero-header-navigation .main-navigation .menu-main-menu li ul li a { border: none; font-size: 20px; text-align: center; } .style-dark1 #cshero-header-navigation .main-navigation .menu-main-menu li ul:not(.wg-menu-item) li.menu-item-has-children > a:after, .style-light1 #cshero-header-navigation .main-navigation .menu-main-menu li ul:not(.wg-menu-item) li.menu-item-has-children > a:after { display: none; } .style-dark1 #cshero-header-navigation .main-navigation .menu-main-menu li ul:not(.wg-menu-item) li.menu-item-has-children .cs-menu-toggle, .style-light1 #cshero-header-navigation .main-navigation .menu-main-menu li ul:not(.wg-menu-item) li.menu-item-has-children .cs-menu-toggle { top: 4px; } .style-dark1 #cshero-header-navigation .main-navigation li ul:not(.wg-menu-item), .style-light1 #cshero-header-navigation .main-navigation li ul:not(.wg-menu-item) { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; position: inherit; height: auto; min-width: 300px; } .style-dark1 #cshero-header-navigation .main-navigation li ul ul:not(.wg-menu-item), .style-light1 #cshero-header-navigation .main-navigation li ul ul:not(.wg-menu-item) { left: 0; top: 0; } .style-dark1 .cs-menu-toggle { background-color: rgba(255, 255, 255, 0.03); color: #999; } .style-dark1 .cs-menu-toggle:hover { color: #fff; } .style-dark1 #cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu.submenu-open + .cs-menu-toggle { background-color: rgba(255, 255, 255, 0.1); } .style-light1 .cs-menu-toggle { background-color: rgba(0, 0, 0, 0.5); color: #ccc; } .style-light1 .cs-menu-toggle:hover { color: #fff; } .style-light1 #cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu.submenu-open + .cs-menu-toggle { background-color: rgba(0, 0, 0, 0.6); } .style-dark2 #cshero-header-navigation .main-navigation .menu-main-menu, .style-light2 #cshero-header-navigation .main-navigation .menu-main-menu { float: none; max-width: 100%; } .style-dark2 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li, .style-light2 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li, .style-dark2 #cshero-header-navigation .main-navigation .menu-main-menu > li, .style-light2 #cshero-header-navigation .main-navigation .menu-main-menu > li { display: inline-block; margin: 0 23px; } .style-dark1, .style-dark2 { background-color: rgba(34, 34, 34, 0.98); color: #fff; } .style-dark1 .cshero-popup-menu-inner, .style-dark2 .cshero-popup-menu-inner { position: relative; height: 100%; } .style-dark1 .cshero-popup-menu-inner .menu-popup-close span, .style-dark2 .cshero-popup-menu-inner .menu-popup-close span { display: none; } .style-dark1 .cshero-popup-menu-inner .menu-popup-close i:after, .style-dark2 .cshero-popup-menu-inner .menu-popup-close i:after { display: none; } .style-light1, .style-light2 { background-color: #fff; color: #333; } .style-light1 .cshero-popup-menu-inner, .style-light2 .cshero-popup-menu-inner { max-width: 1200px; margin: 0 auto; padding: 0 15px; } .style-light1 #cshero-header-logo a, .style-light2 #cshero-header-logo a { left: 0; } .style-light1 .cshero-popup-menu-inner .menu-popup-close, .style-light2 .cshero-popup-menu-inner .menu-popup-close { right: 0; } .style-light1 .cshero-popup-menu-inner .menu-popup-close i:after, .style-light2 .cshero-popup-menu-inner .menu-popup-close i:after { background-color: #333; } .style-light1 .cshero-popup-menu-inner .menu-popup-close:hover i:after, .style-light2 .cshero-popup-menu-inner .menu-popup-close:hover i:after { background-color: #5fbbce; } .style-light1 #cshero-header-navigation, .style-light2 #cshero-header-navigation { display: block; text-align: center; } .style-light1 #cshero-header-navigation .main-navigation .menu-main-menu, .style-light2 #cshero-header-navigation .main-navigation .menu-main-menu { float: none; } .style-light1 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a, .style-light2 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a, .style-light1 #cshero-header-navigation .main-navigation .menu-main-menu > li > a, .style-light2 #cshero-header-navigation .main-navigation .menu-main-menu > li > a { color: #333; } .style-light1 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li.current-menu-item > a, .style-light2 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li.current-menu-item > a, .style-light1 #cshero-header-navigation .main-navigation .menu-main-menu > li.current-menu-item > a, .style-light2 #cshero-header-navigation .main-navigation .menu-main-menu > li.current-menu-item > a, .style-light1 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li.current-menu-ancestor > a, .style-light2 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li.current-menu-ancestor > a, .style-light1 #cshero-header-navigation .main-navigation .menu-main-menu > li.current-menu-ancestor > a, .style-light2 #cshero-header-navigation .main-navigation .menu-main-menu > li.current-menu-ancestor > a, .style-light1 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li:hover > a, .style-light2 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li:hover > a, .style-light1 #cshero-header-navigation .main-navigation .menu-main-menu > li:hover > a, .style-light2 #cshero-header-navigation .main-navigation .menu-main-menu > li:hover > a { color: #5fbbce; } #cshero-header-inner { /* ========================================================================== [End] 4. Menu Popup ========================================================================== */ } #cshero-header-inner.header-22 { background-color: #fff; height: 100vh; left: 0; padding: 4px 30px 188px !important; position: fixed; top: 0; width: 272px !important; z-index: 99; } #cshero-header-inner.header-22 ul.cms-social li a { color: #646464; font-size: 14px; line-height: 28px; padding: 0 12px; } #cshero-header-inner.header-22 ul.cms-social li a:hover { color: #5fbbce; } #cshero-header-inner.header-22 .cs-hero-bottom { position: fixed; bottom: 34px; } #cshero-header-inner.header-22 .cms-copy-right { font-size: 12px; font-family: Poppins; line-height: 16px; margin-top: 19px; } #cshero-header-inner.header-23 { background-color: #282828; height: 100vh; left: 0; padding: 4px 30px 188px !important; position: fixed; top: 0; width: 272px !important; z-index: 99; } #cshero-header-inner.header-23 ul.cms-social li a { color: #fff; font-size: 14px; line-height: 28px; padding: 0 12px; } #cshero-header-inner.header-23 ul.cms-social li a:hover { color: #5fbbce; } #cshero-header-inner.header-23 .cs-hero-bottom { position: fixed; bottom: 34px; } #cshero-header-inner.header-23 .cms-copy-right { font-size: 12px; font-family: Poppins; line-height: 16px; margin-top: 19px; } #cshero-header-inner.header-23 .cms-copy-right a { color: #fff; } #cshero-header-inner.header-23 .cms-copy-right a:hover { color: #5fbbce; } #cshero-header-inner.header-23#cshero-header-inner #cshero-header-left { padding-top: 60px; } #cshero-header-inner.header-23 #navigation-left .menu-main-menu li a, #cshero-header-inner.header-23 #navigation-left .menu-main-menu ul li a { color: #fff; } #cshero-header-inner.header-24 #cshero-header #cshero-header-logo a { line-height: 112px; } #cshero-header-inner.header-24 .menu-popup { color: #333; line-height: 112px; } #cshero-header-inner.header-24 .menu-popup i:after { background-color: #333; } #cshero-header-inner.header-24 .menu-popup:hover { color: #5fbbce; } #cshero-header-inner.header-25 #cshero-header-navigation { line-height: 101px; } #cshero-header-inner.header-25 #cshero-header .cshero-navigation-right .nav-button-icon { line-height: 101px; } #cshero-header-inner.header-25 #cshero-header .cshero-navigation-right .nav-button-icon .shopping-cart-wrapper { float: left; } #cshero-header-inner.header-26 #cshero-header-wrapper { height: 83px; } #cshero-header-inner.header-26 ul.cms-social { padding-left: 20px; } #cshero-header-inner.header-26 ul.cms-social li:last-child a { padding-right: 0; } #cshero-header-inner.header-26 #cshero-header #cshero-header-logo a { line-height: 83px; } #cshero-header-inner.header-26 #cshero-header.header-fixed #cshero-header-navigation .cshero-social { line-height: 80px; border-left-color: rgba(0, 0, 0, 0.15); } #cshero-header-inner.header-26 #cshero-header.header-fixed ul.cms-social li a { color: #333; } #cshero-header-inner.header-26 #cshero-header.header-fixed ul.cms-social li a:hover { color: #5fbbce; } #cshero-header-inner.header-26 #cshero-header-navigation .cshero-social { line-height: 83px; border-left: 1px solid rgba(255, 255, 255, 0.15); } #cshero-header-inner.header-26 #cshero-header-navigation .main-navigation { margin-right: 15px; } #cshero-header-inner.header-26 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a, #cshero-header-inner.header-26 #cshero-header-navigation .main-navigation .menu-main-menu > li > a { line-height: 83px; } #cshero-header-inner.header-26 #cshero-header-navigation ul.cms-social { float: left; } #cshero-header-inner.header-26 #cshero-header-navigation .top-media { float: right; } #cshero-header-inner.header-26 #cshero-header-navigation .top-media .top-button { color: #fff; font-size: 12px; line-height: 23px; display: inline-block; padding: 0 7px; text-transform: uppercase; font-weight: 800; background: #222; -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; /* BACKGROUND GRADIENT */ margin-left: 12px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #cshero-header-inner.header-26 #cshero-header-navigation .top-media .top-button:hover { background: #fff; color: #5fbbce; } #cshero-header-inner.header-28 #cshero-header { border-bottom: none; } #cshero-header-inner.header-28 #cshero-header #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a:before, #cshero-header-inner.header-28 #cshero-header #cshero-header-navigation .main-navigation .menu-main-menu > li > a:before { background-color: transparent; } #cshero-header-inner.header-dark #cshero-header.header-fixed { background-color: #1d1d1d; } #cshero-header-inner.header-30 #cshero-header .cshero-social-top { margin-top: 30px; } #cshero-header-inner.header-30 #cshero-header .cshero-social-top .top-button { background-color: #5fbbce; } #cshero-header-inner.header-30 #cshero-header .cshero-social-top .top-button:hover { background-color: #333; color: #fff; } #cshero-header-inner.header-30 #cshero-header ul.cms-social li a { color: #333; } #cshero-header-inner.header-30 #cshero-header ul.cms-social li a:hover { color: #5fbbce; } #cshero-header-inner.header-30 #cshero-header #cshero-header-navigation .main-navigation .menu-main-menu > li > a, #cshero-header-inner.header-30 #cshero-header .cshero-navigation-right .nav-button-icon, #cshero-header-inner.header-30 #cshero-header #cshero-header-logo a { line-height: 60px !important; } #cshero-header-inner.header-30 #cshero-header #cshero-header-navigation .main-navigation .menu-main-menu > li > a:before, #cshero-header-inner.header-30 #cshero-header .cshero-navigation-right .nav-button-icon:before, #cshero-header-inner.header-30 #cshero-header #cshero-header-logo a:before { bottom: -2px; } #cshero-header-inner.header-30 #cshero-header .cshero-social-top { margin-top: 30px; margin-bottom: 0; } #cshero-header-inner.header-30 #cshero-header #cshero-header-logo { margin: 24px 0; } #cshero-header-inner.header-30 #cshero-header.header-fixed #cshero-header-navigation { line-height: 60px; } #cshero-header-inner.header-30 #cshero-header.header-fixed #cshero-header-logo { margin: 0; } #cshero-header-inner.header-31 #cshero-header-top { background-color: #fff; color: #9b9b9b; border-bottom: 1px solid #e8e8e8; } #cshero-header-inner.header-31 #cshero-header-top a { color: #333; } #cshero-header-inner.header-31 #cshero-header-top a:hover { color: #5fbbce; } #cshero-header-inner.header-31 #cshero-header-top ul.info-top li a { color: #9b9b9b; } #cshero-header-inner.header-31 #cshero-header-top ul.info-top li a:hover { color: #5fbbce; } .menu-menu-top-container { float: right; } .menu-top li { display: inline-block; padding: 0 7px; } .menu-top li a { color: #f9f9f9; font-size: 12px; line-height: 20px; letter-spacing: 0.02em; text-transform: capitalize; } .menu-top li a:hover { color: #5fbbce; } body { color: #9b9b9b; font-family: Raleway; font-size: 14px; font-style: normal; font-weight: 400; line-height: 23px; letter-spacing: 0; overflow: visible; overflow-x: hidden; } body.page-template-right-sidebar, body.page-template-left-sidebar, body.page-template-blog-classic, body.page-template-blog-classic-right-sidebar, body.page-template-blog-classic-left-sidebar, body.single-post, body.blog, body.search { background-color: #f9f9f9; } .entry-content > .wpb_row .wpb_row { margin-left: -15px; margin-right: -15px; } .entry-content > .wpb_row .wpb_row .container { width: 100%; } .entry-content > .wpb_row .row .row { margin: 0; } .entry-content > .vc_row-fluid { position: relative; } .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li { margin-bottom: 0 !important; } .wp-caption-text { opacity: 1; } .gallery-caption { opacity: 1; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 14px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } pre { background: #f5f5f5; color: #666; font-family: monospace; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dl { margin: 0 20px; } dt { font-weight: bold; } dd { margin: 0 0 20px; } textarea { overflow: auto; vertical-align: top; } table { border-bottom: 1px solid #ededed; border-collapse: collapse; border-spacing: 0; line-height: 2; margin: 0 0 20px; width: 100%; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ } table th { color: #282828; } caption, td { font-weight: normal; text-align: left; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 13px 8px; } th { font-weight: 700; } td { border-top: 1px solid #ededed; padding: 6px 10px 6px 0; } del { color: #333; } ul { list-style: none; margin: 0; padding: 0; } ul ul.children { padding-left: 10px; } code, kbd { background-color: transparent; border-radius: 4px; color: inherit; font-size: 100%; padding: 2px 4px; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } ins { color: #fff; border: none; padding: 2px; text-decoration: none; background-color: #5fbbce; } dl + h2 + ul { list-style: none; padding: 0 0 0 35px; } dl + h2 + ul li { position: relative; padding-left: 15px; } dl + h2 + ul li:before { content: "\f111"; font-family: FontAwesome; font-size: 7px; left: 0; position: absolute; color: #5fbbce; } dl + h2 + ul li ul { padding-left: 35px; } hr { background: url(/wp-content/themes/pub/twentythirteen/images/dotted-line.png) repeat center top; background-size: 4px 4px; border: 0; height: 1px; margin: 0 0 24px; } .br-2px { -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .br-3px { -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ } .br-4px { -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; /* BACKGROUND GRADIENT */ } .br-5px { -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; /* BACKGROUND GRADIENT */ } .z-index-1 { z-index: 1; /* * Responsive images * * Fluid images for posts, comments, and widgets */ } .entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption { max-width: 100%; /* Make sure images with WordPress-added height and width attributes are scaled correctly. */ } .entry-content img, .entry-summary img, .comment-content img[height], img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; } img.size-full, img.size-large, img.wp-post-image { height: auto; max-width: 100%; /* Make sure videos and embeds fit their containers. */ } embed, iframe, object, video { max-width: 100%; /* Images */ } .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .bg-primary { background-color: #5fbbce; /* ========================================================================== [End] 1. Reset HTML/CSS, Unitest, Body ========================================================================== */ /* ========================================================================== [Start] 2. Page Title ========================================================================== */ } .background-overlay { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .background-overlay.bg-gradient { background-color: rgba(228, 18, 112, 0.75); background-image: -webkit-gradient(linear, left top, right top, from(rgba(228, 18, 112, 0.75)), to(rgba(95, 187, 206, 0.75))); background-image: -webkit-linear-gradient(left, rgba(228, 18, 112, 0.75), rgba(95, 187, 206, 0.75)); background-image: -moz-linear-gradient(left, rgba(228, 18, 112, 0.75), rgba(95, 187, 206, 0.75)); background-image: -ms-linear-gradient(left, rgba(228, 18, 112, 0.75), rgba(95, 187, 206, 0.75)); background-image: -o-linear-gradient(left, rgba(228, 18, 112, 0.75), rgba(95, 187, 206, 0.75)); background-image: linear-gradient(left, rgba(228, 18, 112, 0.75), rgba(95, 187, 206, 0.75)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(228, 18, 112, 0.75)', endColorStr='rgba(95, 187, 206, 0.75)', gradientType='1'); /* BACKGROUND RADIAL */ } .background-overlay.bg-gradient.style-vertical { background-color: rgba(95, 187, 206, 0.75); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(95, 187, 206, 0.75)), to(rgba(228, 18, 112, 0.75))); background-image: -webkit-linear-gradient(top, rgba(95, 187, 206, 0.75), rgba(228, 18, 112, 0.75)); background-image: -moz-linear-gradient(top, rgba(95, 187, 206, 0.75), rgba(228, 18, 112, 0.75)); background-image: -ms-linear-gradient(top, rgba(95, 187, 206, 0.75), rgba(228, 18, 112, 0.75)); background-image: -o-linear-gradient(top, rgba(95, 187, 206, 0.75), rgba(228, 18, 112, 0.75)); background-image: linear-gradient(top, rgba(95, 187, 206, 0.75), rgba(228, 18, 112, 0.75)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(95, 187, 206, 0.75)', endColorStr='rgba(228, 18, 112, 0.75)'); /* BACKGROUND GRADIENT - BOTTOM */ } .background-overlay.bg-overlay-primary { background-color: rgba(95, 187, 206, 0.65); } #page-title { position: relative; padding-top: 222px; padding-bottom: 120px; background-position: center center; background-repeat: no-repeat; background-size: cover; background-color: #e41270; text-align: center; } #page-title > .container { position: relative; z-index: 1; } #page-title #page-title-text h1 { position: relative; text-transform: capitalize; color: #fff; font-size: 75px; font-style: normal; font-weight: 700; line-height: 83px; margin-bottom: 5px; } #page-title #page-title-text .page-title-subtitle { font-size: 17px; line-height: 26px; color: #f9f9f9; font-family: inherit; } #page-title #breadcrumb-text ul.breadcrumbs { padding: 19px 0 14px; } #page-title #breadcrumb-text ul.breadcrumbs li { color: #f9f9f9; display: inline-block; font-size: 14px; font-style: normal; font-weight: 400; line-height: 14px; margin: 0; padding: 0 16px; position: relative; text-transform: capitalize; } #page-title #breadcrumb-text ul.breadcrumbs li a { color: #e5e4e4; } #page-title #breadcrumb-text ul.breadcrumbs li a:hover { color: #f9f9f9; } #page-title #breadcrumb-text ul.breadcrumbs li:before { content: "/"; color: #e5e4e4; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ left: -2px; } #page-title #breadcrumb-text ul.breadcrumbs li:first-child:before { display: none; } #page-title.layout-2 { padding-bottom: 123px; padding-top: 222px; } #page-title.layout-3 { padding-bottom: 0; padding-top: 244px; } #page-title.layout-3 #breadcrumb-text ul.breadcrumbs { padding-bottom: 145px; padding-top: 19px; } #page-title.layout-3 #breadcrumb-text ul.breadcrumbs li:first-child { padding-left: 0; } #page-title.layout-4 { padding-bottom: 103px; padding-top: 187px; } #page-title.layout-4 #breadcrumb-text ul.breadcrumbs { padding-bottom: 14px; padding-top: 19px; } #page-title.layout-4 #breadcrumb-text ul.breadcrumbs li { color: #f9f9f9; } #page-title.layout-4 #breadcrumb-text ul.breadcrumbs li:before { color: #f9f9f9; } #page-title.layout-4 #breadcrumb-text ul.breadcrumbs li a { color: #f9f9f9; } #page-title.layout-4 #breadcrumb-text ul.breadcrumbs li a:hover { color: #5fbbce; } #page-title.layout-5 { padding-bottom: 70px; padding-top: 84px; } #page-title.layout-5 #page-title-text h1 { color: #282828; font-size: 45px; line-height: 50px; } #page-title.layout-5 #page-title-text .page-title-subtitle { color: #333; } #page-title.layout-5 #breadcrumb-text ul.breadcrumbs { padding-bottom: 14px; padding-top: 9px; } #page-title.layout-5 #breadcrumb-text ul.breadcrumbs li { color: #333; } #page-title.layout-5 #breadcrumb-text ul.breadcrumbs li:before { color: #333; } #page-title.layout-5 #breadcrumb-text ul.breadcrumbs li a { color: #333; } #page-title.layout-5 #breadcrumb-text ul.breadcrumbs li a:hover { color: #5fbbce; } #page-title.layout-5 .background-overlay { background-color: #f1f1f1; } #page-title.layout-6 { border-top: 1px solid #e8e8e8; padding-bottom: 54px; padding-top: 60px; } #page-title.layout-6 #page-title-text h1 { color: #282828; font-size: 30px; line-height: 50px; margin-bottom: 0; } #page-title.layout-6 #page-title-text .page-title-subtitle { color: #333; } #page-title.layout-6 #breadcrumb-text ul.breadcrumbs { padding-bottom: 0; padding-top: 10px; } #page-title.layout-6 #breadcrumb-text ul.breadcrumbs li { color: #333; } #page-title.layout-6 #breadcrumb-text ul.breadcrumbs li:last-child { padding-right: 0; } #page-title.layout-6 #breadcrumb-text ul.breadcrumbs li:first-child { padding-left: 0; } #page-title.layout-6 #breadcrumb-text ul.breadcrumbs li:before { color: #333; } #page-title.layout-6 #breadcrumb-text ul.breadcrumbs li a { color: #333; } #page-title.layout-6 .background-overlay { background-color: #fff; } #page-title.layout-7 { padding-bottom: 24px; padding-top: 221px; } #page-title.layout-7 #breadcrumb-text ul.breadcrumbs { padding-bottom: 0; padding-top: 78px; } #page-title.layout-8 { padding-bottom: 85px; padding-top: 86px; } #page-title.layout-8 .background-overlay { background-color: rgba(27, 26, 26, 0.25); } #page-title.layout-8 #page-title-text h1 { font-size: 45px; line-height: 50px; } #page-title.layout-8 #breadcrumb-text ul.breadcrumbs { padding-bottom: 0; padding-top: 6px; } #page-title.layout-8 #breadcrumb-text ul.breadcrumbs li { color: #f9f9f9; } #page-title.layout-8 #breadcrumb-text ul.breadcrumbs li:before { color: #f9f9f9; } #page-title.layout-8 #breadcrumb-text ul.breadcrumbs li a { color: #f9f9f9; } #page-title.layout-9 { padding-bottom: 102px; padding-top: 207px; } #page-title.layout-9 .background-overlay { background-color: rgba(95, 187, 206, 0.65); } #page-title.layout-9 #breadcrumb-text ul.breadcrumbs { padding-bottom: 14px; padding-top: 0; } body#cms-theme { /* ========================================================================== [End] 2. Page Title ============================================== /* ========================================================================== [Start] 3. Primary ========================================================================== */ /* Page 404 */ } body#cms-theme.woocommerce #page-title, body#cms-theme.woocommerce-cart #page-title { padding: 223px 0 0; } body#cms-theme.woocommerce #page-title #breadcrumb-text ul.breadcrumbs, body#cms-theme.woocommerce-cart #page-title #breadcrumb-text ul.breadcrumbs { padding: 0 0 126px 0; } body#cms-theme.woocommerce .page-space-content, body#cms-theme.woocommerce-cart .page-space-content { padding-top: 110px; padding-bottom: 65px; } .error404 #page-title { padding-bottom: 138px; padding-top: 236px; } .error404 #page-title #breadcrumb-text ul.breadcrumbs { padding-bottom: 0; padding-top: 0; } .error404 .page-space-content { padding-top: 0; padding-bottom: 0; } .error-404 { max-width: 620px; text-align: center; margin: 0 auto; font-size: 15px; line-height: 23px; color: #a5a5a5; } .error-404 .page-header { margin: 0; border: none; padding: 0; } .error-404 .page-header h1 { font-size: 280px; line-height: 280px; letter-spacing: 0.02em; font-weight: 600; font-family: Poppins; color: #222; position: relative; margin-bottom: 18px; margin-top: -20px; } .error-404 .page-header h1:before { content: ""; width: 50px; height: 2px; background-color: #5fbbce; position: absolute; left: 50%; bottom: 6px; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .error-404 .page-content a.btn, .error-404 .page-content .woocommerce a.button, .woocommerce .error-404 .page-content a.button, .error-404 .page-content .woocommerce #respond a#submit, .woocommerce #respond .error-404 .page-content a#submit, .error-404 .page-content .woocommerce a.button, .woocommerce .error-404 .page-content a.button, .error-404 .page-content .woocommerce a.button, .woocommerce .error-404 .page-content a.button, .error-404 .page-content .woocommerce a.button, .woocommerce .error-404 .page-content a.button, .error-404 .page-content #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons a.button, #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .error-404 .page-content a.button, .error-404 .page-content .woocommerce-Reviews #review_form #respond .form-submit a, .woocommerce-Reviews #review_form #respond .form-submit .error-404 .page-content a, .error-404 .page-content .woocommerce table.shop_table td.actions a.button, .woocommerce table.shop_table td.actions .error-404 .page-content a.button, .error-404 .page-content .woocommerce table.shop_table td.actions .wc-proceed-to-checkout a, .woocommerce table.shop_table td.actions .wc-proceed-to-checkout .error-404 .page-content a, .error-404 .page-content .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form a, .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form .error-404 .page-content a, .error-404 .page-content .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form a, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form .error-404 .page-content a, .error-404 .page-content .woocommerce .cart-collaterals .cart_totals a.checkout-button, .woocommerce .cart-collaterals .cart_totals .error-404 .page-content a.checkout-button, .error-404 .page-content .woocommerce-page .cart-collaterals .cart_totals a.checkout-button, .woocommerce-page .cart-collaterals .cart_totals .error-404 .page-content a.checkout-button, .error-404 .page-content .woocommerce .return-to-shop a.button, .woocommerce .return-to-shop .error-404 .page-content a.button, .error-404 .page-content .woocommerce .checkout_coupon a.button, .woocommerce .checkout_coupon .error-404 .page-content a.button, .error-404 .page-content .woocommerce-checkout #payment a#place_order, .woocommerce-checkout #payment .error-404 .page-content a#place_order { margin-top: 21px; } .error-404-layout1 { padding-bottom: 3px; } .error-404-layout2 { position: relative; height: 100vh; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(../images/page404.jpg); /* Page Loading */ } .error-404-layout2 .bg-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background-color: rgba(95, 187, 206, 0.9); content: ""; } .error-404-layout2 .error-404 { color: #f9f9f9; z-index: 2; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .error-404-layout2 .error-404 .page-header h1 { color: #fff; } .error-404-layout2 .error-404 .page-header h1:before { background-color: #fff; } #cms-loadding { background: #fff; height: 100%; position: fixed; width: 100%; z-index: 10000; top: 0; } .cms-loader:before, .cms-loader:after, .cms-loader { border-radius: 50%; height: 18px; width: 18px; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: cmsloader 1.8s infinite ease-in-out; animation: cmsloader 1.8s infinite ease-in-out; } .cms-loader { font-size: 10px; margin: auto; position: relative; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-loader:before, .cms-loader:after { content: ''; position: absolute; top: 0; } .cms-loader:before { left: -28px; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .cms-loader:after { left: 28px; } @-webkit-keyframes cmsloader { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em #5fbbce; } 40% { box-shadow: 0 2.5em 0 0 #5fbbce; } } @keyframes cmsloader { /* Custom - Row background image */ 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em #5fbbce; } 40% { box-shadow: 0 2.5em 0 0 #5fbbce; } } .vc_row { position: relative; } .vc_row.bg-overlay:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background-color: inherit; content: ""; z-index: 1; } .vc_row.bg-overlay.bg-rgba-65:before { background-color: rgba(95, 187, 206, 0.65); } .vc_row.bg-overlay.bg-rgba-85:before { background-color: rgba(95, 187, 206, 0.85); } .vc_row.bg-overlay.bg-rgba-95:before { background-color: rgba(95, 187, 206, 0.95); } .vc_row.remove-overflow { overflow: visible !important; z-index: 1; } .vc_row.vc_row-flex:before { display: block !important; } .vc_row.half-left-background { background-position: left top !important; background-size: 50% 100% !important; } .vc_row.half-right-background { background-position: right top !important; background-size: 50% 100% !important; } .vc_row.border-left-right { border-left: 40px solid #fff; border-right: 40px solid #fff; } .vc_row.vc_row-o-equal-height .wpb_wrapper { height: 100%; } .page-space-content { padding-top: 110px; padding-bottom: 110px; /* ========================================================================== [End] 3. Primary ========================================================================== */ /* Rev Slider */ } .page-space-content.pt-0 { padding-top: 0 !important; } .page-space-content.pb-0 { padding-bottom: 0 !important; } .tp-dottedoverlay { background: rgba(27, 26, 26, 0.25) !important; } .tp-dottedoverlay.twoxtwowhite { background: rgba(12, 177, 202, 0.65) !important; } .tp-dottedoverlay.threexthree { background: rgba(27, 26, 26, 0.15) !important; } .tp-dottedoverlay.threexthreewhite { background: rgba(233, 93, 83, 0.8) !important; } body .rev_slider_wrapper .cms-video-popup { text-align: center; display: inline-block; } body .rev_slider_wrapper .cms-video-popup.style4:hover { color: #5fbbce; } body .rev_slider_wrapper .cms-video-popup.button-video { min-width: 68px; width: initial; } body .rev_slider_wrapper .rev_slider .custom.tparrows { background-color: transparent; } body .rev_slider_wrapper .rev_slider .custom.tparrows.tp-leftarrow:before { content: "\f104" !important; } body .rev_slider_wrapper .rev_slider .custom.tparrows.tp-rightarrow:before { content: "\f105" !important; } body .rev_slider_wrapper .rev_slider .custom.tparrows:before { font-size: 25px; font-family: FontAwesome; } body .rev_slider_wrapper .rev_slider .zeus.tparrows { -webkit-border-radius: 0 !important; -khtml-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; /* BACKGROUND GRADIENT */ background: transparent !important; min-width: 130px !important; line-height: 60px !important; min-height: 60px !important; text-align: center; -webkit-transition: all 300ms linear 0ms !important; -moz-transition: all 300ms linear 0ms !important; -ms-transition: all 300ms linear 0ms !important; transition: all 300ms linear 0ms !important; } body .rev_slider_wrapper .rev_slider .zeus.tparrows.tp-leftarrow:before { content: "\f104" !important; } body .rev_slider_wrapper .rev_slider .zeus.tparrows.tp-rightarrow:before { content: "\f105" !important; float: right !important; } body .rev_slider_wrapper .rev_slider .zeus.tparrows.tp-rightarrow .tp-title-wrap { right: 0 !important; left: auto !important; } body .rev_slider_wrapper .rev_slider .zeus.tparrows.tp-rightarrow .tp-arr-imgholder { -webkit-transform: translateX(0) !important; -khtml-transform: translateX(0) !important; -moz-transform: translateX(0) !important; -ms-transform: translateX(0) !important; -o-transform: translateX(0) !important; transform: translateX(0) !important; /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } body .rev_slider_wrapper .rev_slider .zeus.tparrows:before { width: 50% !important; display: inline-block; float: left !important; font-size: 25px !important; font-family: FontAwesome !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 60px !important; } body .rev_slider_wrapper .rev_slider .zeus.tparrows .tp-title-wrap { background-color: transparent !important; opacity: 1; width: 50% !important; -webkit-transform: scale(1) !important; -khtml-transform: scale(1) !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; -o-transform: scale(1) !important; transform: scale(1) !important; /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-border-radius: 0 !important; -khtml-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; /* BACKGROUND GRADIENT */ } body .rev_slider_wrapper .rev_slider .zeus.tparrows .tp-arr-imgholder { -webkit-transform: translateX(0) !important; -khtml-transform: translateX(0) !important; -moz-transform: translateX(0) !important; -ms-transform: translateX(0) !important; -o-transform: translateX(0) !important; transform: translateX(0) !important; /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-border-radius: 0 !important; -khtml-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; /* BACKGROUND GRADIENT */ opacity: 0; } body .rev_slider_wrapper .rev_slider .zeus.tparrows:hover:before { color: #333 !important; } body .rev_slider_wrapper .rev_slider .zeus.tparrows:hover .tp-title-wrap { -webkit-transform: scale(1) !important; -khtml-transform: scale(1) !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; -o-transform: scale(1) !important; transform: scale(1) !important; /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ opacity: 1; background-color: #fff !important; } body .rev_slider_wrapper .rev_slider .zeus.tparrows:hover .tp-arr-imgholder { opacity: 1; -webkit-transform: translateX(100%) !important; -khtml-transform: translateX(100%) !important; -moz-transform: translateX(100%) !important; -ms-transform: translateX(100%) !important; -o-transform: translateX(100%) !important; transform: translateX(100%) !important; /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } body .rev_slider_wrapper .rev_slider .zeus.tparrows:hover.tp-rightarrow .tp-arr-imgholder { -webkit-transform: translateX(-100%) !important; -khtml-transform: translateX(-100%) !important; -moz-transform: translateX(-100%) !important; -ms-transform: translateX(-100%) !important; -o-transform: translateX(-100%) !important; transform: translateX(-100%) !important; /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } body .rev_slider_wrapper .rev_slider .zeus.tparrows:hover.tp-rightarrow .tp-title-wrap { background-color: #fff !important; } body .rev_slider_wrapper .rev_slider .tp-bullets .tp-bullet { width: 10px; height: 10px; margin: 0 5px; background-color: transparent; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ border: 2px solid #b4b4b4; } body .rev_slider_wrapper .rev_slider .tp-bullets .tp-bullet.selected, body .rev_slider_wrapper .rev_slider .tp-bullets .tp-bullet:hover { background-color: #5fbbce; border-color: #5fbbce; } body .rev_slider_wrapper .rev_slider .tp-bullets.custom .tp-bullet { border-color: #e1e1dd; width: 6px; height: 6px; } body .rev_slider_wrapper .rev_slider .tp-bullets.custom .tp-bullet.selected, body .rev_slider_wrapper .rev_slider .tp-bullets.custom .tp-bullet:hover { background-color: #fff; border-color: #fff; } body .rev_slider_wrapper .rev_slider .btn-default:hover { background-color: #fff; border-color: #fff; color: #5fbbce; } ul.cms-social li { display: inline-block; } ul.cms-social li a { font-size: 14px; line-height: 23px; color: #fff; padding: 0 8px; } ul.cms-social li a:hover { color: #5fbbce; } .contact-info { font-size: 14px; line-height: 23px; } .contact-info h3 { font-size: 18px; line-height: 29px; text-transform: capitalize; font-weight: 600; margin-bottom: 14px; } .contact-info a { font-size: 13px; line-height: 49px; text-transform: uppercase; color: #5fbbce; font-weight: 800; letter-spacing: 0.02em; margin-top: -6px; display: block; -webkit-transition: transform 0.45s cubic-bezier(0.52, -1.1, 0.18, 3.01); -moz-transition: transform 0.45s cubic-bezier(0.52, -1.1, 0.18, 3.01); transition: transform 0.45s cubic-bezier(0.52, -1.1, 0.18, 3.01); } .contact-info a:hover { -webkit-transform: translateX(7px) translateZ(0); -moz-transform: translateX(7px) translateZ(0); transform: translateX(7px) translateZ(0); } .team-work { color: #333; font-size: 13px; line-height: 28px; letter-spacing: 0.02em; } .team-work h3 { color: #282828; font-size: 25px; letter-spacing: -0.02em; line-height: 28px; font-weight: 700; margin-bottom: 27px; } .team-work h4 { font-size: 18px; line-height: 28px; font-weight: 600; color: #282828; letter-spacing: 0; margin-bottom: 3px; } .team-work p { margin-bottom: 15px; } #cms-theme #fp-nav { background: #f9f9f9; -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; /* BACKGROUND GRADIENT */ right: 30px; z-index: 1000; } #cms-theme #fp-nav ul { padding: 5px 0; } #cms-theme #fp-nav ul li { height: inherit; line-height: 1; margin: 0; padding: 5px 0; text-align: center; width: 30px; } #cms-theme #fp-nav ul li a span { background-color: transparent; border: 2px solid #aeaeae; display: inline-block; height: 10px; margin: 0; position: static; width: 10px; } #cms-theme #fp-nav ul li a.active span { border-color: #5fbbce; background-color: #5fbbce; } .fp-enabled .ef3-back-to-top { display: none; } .fp-enabled #cshero-header-inner #cshero-header .menu-popup:hover { color: rgba(255, 255, 255, 0.9); } .fp-enabled #cshero-header-inner #cshero-header .menu-popup:hover i:after { background-color: rgba(255, 255, 255, 0.9); } .fp-enabled #cshero-header-inner.header-24 #cshero-header .menu-popup:hover { color: #5fbbce; } .fp-enabled #cshero-header-inner.header-24 #cshero-header .menu-popup:hover i:after { background-color: #5fbbce; } .fp-enabled .fp-logodark-even.fp-viewing-1 #cshero-header-inner #cshero-header #cshero-header-logo .main_logo, .fp-enabled .fp-logodark-even.fp-viewing-4 #cshero-header-inner #cshero-header #cshero-header-logo .main_logo { opacity: 0; } .fp-enabled .fp-logodark-even.fp-viewing-1 #cshero-header-inner #cshero-header #cshero-header-logo .sticky_logo, .fp-enabled .fp-logodark-even.fp-viewing-4 #cshero-header-inner #cshero-header #cshero-header-logo .sticky_logo { opacity: 1; visibility: visible; } .fp-enabled .fp-logodark-even.fp-viewing-1 #cshero-header-inner #cshero-header .menu-popup, .fp-enabled .fp-logodark-even.fp-viewing-4 #cshero-header-inner #cshero-header .menu-popup { color: #333; } .fp-enabled .fp-logodark-even.fp-viewing-1 #cshero-header-inner #cshero-header .menu-popup i:after, .fp-enabled .fp-logodark-even.fp-viewing-4 #cshero-header-inner #cshero-header .menu-popup i:after { background-color: #333; } .fp-enabled .fp-logodark-even.fp-viewing-1 #cshero-header-inner #cshero-header .menu-popup:hover, .fp-enabled .fp-logodark-even.fp-viewing-4 #cshero-header-inner #cshero-header .menu-popup:hover { color: #5fbbce; } .fp-enabled .fp-logodark-even.fp-viewing-1 #cshero-header-inner #cshero-header .menu-popup:hover i:after, .fp-enabled .fp-logodark-even.fp-viewing-4 #cshero-header-inner #cshero-header .menu-popup:hover i:after { background-color: #5fbbce; } .fp-enabled .fp-logo-light-menu.fp-viewing-1 #cshero-header-inner #cshero-header #cshero-header-logo .main_logo, .fp-enabled .fp-logo-light-menu.fp-viewing-3 #cshero-header-inner #cshero-header #cshero-header-logo .main_logo { opacity: 0; } .fp-enabled .fp-logo-light-menu.fp-viewing-1 #cshero-header-inner #cshero-header #cshero-header-logo .sticky_logo, .fp-enabled .fp-logo-light-menu.fp-viewing-3 #cshero-header-inner #cshero-header #cshero-header-logo .sticky_logo { opacity: 1; visibility: visible; } .fp-enabled .fp-logo-light-menu.fp-viewing-1 #cshero-header-inner #cshero-header .menu-popup, .fp-enabled .fp-logo-light-menu.fp-viewing-3 #cshero-header-inner #cshero-header .menu-popup { color: #fff; } .fp-enabled .fp-logo-light-menu.fp-viewing-1 #cshero-header-inner #cshero-header .menu-popup i:after, .fp-enabled .fp-logo-light-menu.fp-viewing-3 #cshero-header-inner #cshero-header .menu-popup i:after { background-color: #fff; } .fp-enabled .fp-logo-light-menu.fp-viewing-1 #cshero-header-inner #cshero-header .menu-popup:hover, .fp-enabled .fp-logo-light-menu.fp-viewing-3 #cshero-header-inner #cshero-header .menu-popup:hover { color: #5fbbce; } .fp-enabled .fp-logo-light-menu.fp-viewing-1 #cshero-header-inner #cshero-header .menu-popup:hover i:after, .fp-enabled .fp-logo-light-menu.fp-viewing-3 #cshero-header-inner #cshero-header .menu-popup:hover i:after { background-color: #5fbbce; } .fp-enabled .fp-logolight-menudark.fp-viewing-0 #cshero-header-inner #cshero-header .menu-popup, .fp-enabled .fp-logolight-menudark.fp-viewing-2 #cshero-header-inner #cshero-header .menu-popup, .fp-enabled .fp-logolight-menudark.fp-viewing-4 #cshero-header-inner #cshero-header .menu-popup, .fp-enabled .fp-logolight-menudark.fp-viewing-6 #cshero-header-inner #cshero-header .menu-popup, .fp-enabled .fp-logolight-menudark.fp-viewing-8 #cshero-header-inner #cshero-header .menu-popup, .fp-enabled .fp-logolight-menudark.fp-viewing-10 #cshero-header-inner #cshero-header .menu-popup { color: #333; } .fp-enabled .fp-logolight-menudark.fp-viewing-0 #cshero-header-inner #cshero-header .menu-popup i:after, .fp-enabled .fp-logolight-menudark.fp-viewing-2 #cshero-header-inner #cshero-header .menu-popup i:after, .fp-enabled .fp-logolight-menudark.fp-viewing-4 #cshero-header-inner #cshero-header .menu-popup i:after, .fp-enabled .fp-logolight-menudark.fp-viewing-6 #cshero-header-inner #cshero-header .menu-popup i:after, .fp-enabled .fp-logolight-menudark.fp-viewing-8 #cshero-header-inner #cshero-header .menu-popup i:after, .fp-enabled .fp-logolight-menudark.fp-viewing-10 #cshero-header-inner #cshero-header .menu-popup i:after { background-color: #333; } .fp-enabled .fp-logolight-menudark.fp-viewing-0 #cshero-header-inner #cshero-header .menu-popup:hover, .fp-enabled .fp-logolight-menudark.fp-viewing-2 #cshero-header-inner #cshero-header .menu-popup:hover, .fp-enabled .fp-logolight-menudark.fp-viewing-4 #cshero-header-inner #cshero-header .menu-popup:hover, .fp-enabled .fp-logolight-menudark.fp-viewing-6 #cshero-header-inner #cshero-header .menu-popup:hover, .fp-enabled .fp-logolight-menudark.fp-viewing-8 #cshero-header-inner #cshero-header .menu-popup:hover, .fp-enabled .fp-logolight-menudark.fp-viewing-10 #cshero-header-inner #cshero-header .menu-popup:hover { color: #5fbbce; } .fp-enabled .fp-logolight-menudark.fp-viewing-0 #cshero-header-inner #cshero-header .menu-popup:hover i:after, .fp-enabled .fp-logolight-menudark.fp-viewing-2 #cshero-header-inner #cshero-header .menu-popup:hover i:after, .fp-enabled .fp-logolight-menudark.fp-viewing-4 #cshero-header-inner #cshero-header .menu-popup:hover i:after, .fp-enabled .fp-logolight-menudark.fp-viewing-6 #cshero-header-inner #cshero-header .menu-popup:hover i:after, .fp-enabled .fp-logolight-menudark.fp-viewing-8 #cshero-header-inner #cshero-header .menu-popup:hover i:after, .fp-enabled .fp-logolight-menudark.fp-viewing-10 #cshero-header-inner #cshero-header .menu-popup:hover i:after { background-color: #5fbbce; } .fp-enabled .fp-logolight-menudark.fp-viewing-1 #cshero-header-inner #cshero-header #cshero-header-logo .main_logo, .fp-enabled .fp-logolight-menudark.fp-viewing-3 #cshero-header-inner #cshero-header #cshero-header-logo .main_logo, .fp-enabled .fp-logolight-menudark.fp-viewing-5 #cshero-header-inner #cshero-header #cshero-header-logo .main_logo, .fp-enabled .fp-logolight-menudark.fp-viewing-7 #cshero-header-inner #cshero-header #cshero-header-logo .main_logo, .fp-enabled .fp-logolight-menudark.fp-viewing-9 #cshero-header-inner #cshero-header #cshero-header-logo .main_logo { opacity: 0; } .fp-enabled .fp-logolight-menudark.fp-viewing-1 #cshero-header-inner #cshero-header #cshero-header-logo .sticky_logo, .fp-enabled .fp-logolight-menudark.fp-viewing-3 #cshero-header-inner #cshero-header #cshero-header-logo .sticky_logo, .fp-enabled .fp-logolight-menudark.fp-viewing-5 #cshero-header-inner #cshero-header #cshero-header-logo .sticky_logo, .fp-enabled .fp-logolight-menudark.fp-viewing-7 #cshero-header-inner #cshero-header #cshero-header-logo .sticky_logo, .fp-enabled .fp-logolight-menudark.fp-viewing-9 #cshero-header-inner #cshero-header #cshero-header-logo .sticky_logo { opacity: 1; visibility: visible; } body.header-22 #page, body.header-23 #page { padding-left: 272px; } body.header-22 .vc_row[data-vc-full-width], body.header-23 .vc_row[data-vc-full-width] { left: 0 !important; width: 100% !important; margin: 0 !important; } body.header-22 .site-content #primary, body.header-23 .site-content #primary { width: 100%; } body.header-22 .site-content #primary > .row > .col-lg-12, body.header-23 .site-content #primary > .row > .col-lg-12 { padding: 0; } body.header-22 .cshero-menu-mobile i, body.header-23 .cshero-menu-mobile i { background: #5fbbce; color: #fff; cursor: pointer; font-size: 16px; height: 35px; line-height: 35px; position: fixed; left: 0; text-align: center; top: 0; width: 45px; z-index: 999; } body.header-23 .vc_row[data-vc-full-width] { padding: 0 80px; } body.header-23 .vc_row[data-vc-full-width].vc_row-no-padding { padding: 0; } .z-index999 img { z-index: 999; position: relative; } .custom-bg-top { position: relative; top: -8px; } .daily { font-size: 13px; line-height: 22px; margin-top: 34px; } .daily .time { font-size: 16px; line-height: 29px; color: #282828; font-weight: 600; font-family: Poppins; margin-bottom: 4px; } .fp-tableCell .wpb_column.col-h100 { height: 100vh; } .fp-tableCell .wpb_column.col-h100 .vc_column-inner { height: 100%; } .single-team .navigation { margin-top: 100px; } .single-team .navigation .nav-links a img { width: 100%; } .single-team .post-share-buttons ul li { display: inline-block; padding: 0 10px; } .single-team .post-share-buttons ul li:first-child { padding-left: 0; } .archive .layout-portfolio .row { margin: 0 -15px; } .archive .layout-portfolio .cms-grid-item { padding: 0 15px 40px !important; } marquee { color: rgba(255, 255, 255, 0.1); font-size: 260px; line-height: 260px; font-weight: 700; letter-spacing: -0.018em; line-height: 1em; opacity: 1; position: absolute; width: 100%; top: -200px; } @keyframes animatedBackground { from { background-position: 0 0; } to { background-position: 100% 0; } } @-webkit-keyframes animatedBackground { from { background-position: 0 0; } to { background-position: 100% 0; } } .row-bg-slider > .vc_column_container { position: relative; z-index: 99; } .row-bg-slider .row-bg-slider-inner { position: absolute; top: 0; left: 0; bottom: 0; right: 0; animation: 48s linear 0s normal none infinite running animatedBackground; -webkit-animation: 48s linear 0s normal none infinite running animatedBackground; background-position: 0 0; background-repeat: repeat; background-image: inherit; } .ef3-back-to-top { background-color: rgba(0, 0, 0, 0.25); -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; /* BACKGROUND GRADIENT */ bottom: 40px; color: transparent; cursor: pointer; font-size: 0; height: 42px; overflow: hidden; position: fixed; right: 20px; text-decoration: none; width: 42px; z-index: 9999; -webkit-transition: all 250ms linear 0ms; -moz-transition: all 250ms linear 0ms; -ms-transition: all 250ms linear 0ms; transition: all 250ms linear 0ms; } .ef3-back-to-top.off { opacity: 0; visibility: visible; } .ef3-back-to-top.on { opacity: 1; visibility: visible; } .ef3-back-to-top:hover { background-color: #5fbbce; border-color: #5fbbce; -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15); box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15); } .ef3-back-to-top i { display: block; bottom: 0; color: #fff; font-size: 18px; left: 0; line-height: 40px; position: absolute; right: 0; text-align: center; top: 0; width: 100%; } #cms-buy-button-fixed { background: #5fbbce; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; /* BACKGROUND GRADIENT */ bottom: 40px; -webkit-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.35); -ms-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.35); box-shadow: 0 15px 50px rgba(0, 0, 0, 0.35); position: fixed; right: 92px; z-index: 9999; } #cms-buy-button-fixed .btn-buy-close { background-color: #222; border-radius: 100%; color: #fff; font-size: 12px; height: 22px; line-height: 22px; position: absolute; right: -10px; text-align: center; top: -11px; width: 22px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; opacity: 0; visibility: hidden; cursor: pointer; } #cms-buy-button-fixed a { padding: 16px 22px; display: inline-block; } #cms-buy-button-fixed .cms-buy-button-content-wrapper { letter-spacing: 0.02em; color: #fff; font-size: 12px; font-weight: 500; line-height: 15px; overflow: hidden; text-transform: uppercase; display: block; position: relative; } #cms-buy-button-fixed #cms-buy-button-cart-icon { margin-right: 10px; } #cms-buy-button-fixed #cms-buy-button-envato-logo { fill: #fff; } #cms-buy-button-fixed .cms-buy-button-top > * { display: block; float: left; line-height: inherit; margin-right: 3px; } #cms-buy-button-fixed .decorated { margin-left: 5px; padding-left: 13px; position: relative; } #cms-buy-button-fixed .decorated:before { background-color: #000; content: ""; height: 20px; left: -1px; opacity: 0.15; position: absolute; top: 0; width: 2px; } #cms-buy-button-fixed:hover { -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.35); -ms-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.35); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.35); } #cms-buy-button-fixed:hover .btn-buy-close { opacity: 1; visibility: visible; } @media screen and (min-width: 992px) { /* -----> Minimum width of 992 pixels. */ /* -----> Max width of 992 pixels. */ #menu-mobile, .cs-menu-toggle { display: none; } #cshero-header-navigation { position: static; } #cshero-header-navigation .collapse { display: block; } #cshero-header-navigation .main-navigation div.nav-menu > ul { width: 100%; } #cshero-header-navigation .main-navigation.menu-white .menu-main-menu > ul > li > a, #cshero-header-navigation .main-navigation.menu-white .menu-main-menu > li > a { color: #fff; } #cshero-header-navigation .main-navigation.menu-white .menu-main-menu > ul > li > a:before, #cshero-header-navigation .main-navigation.menu-white .menu-main-menu > li > a:before { background-color: #fff; } #cshero-header-navigation .main-navigation.menu-white .menu-main-menu > ul > li.current-menu-item > a, #cshero-header-navigation .main-navigation.menu-white .menu-main-menu > li.current-menu-item > a, #cshero-header-navigation .main-navigation.menu-white .menu-main-menu > ul > li.current-menu-ancestor > a, #cshero-header-navigation .main-navigation.menu-white .menu-main-menu > li.current-menu-ancestor > a, #cshero-header-navigation .main-navigation.menu-white .menu-main-menu > ul > li:hover > a, #cshero-header-navigation .main-navigation.menu-white .menu-main-menu > li:hover > a { color: #fff; } #cshero-header-navigation .main-navigation .menu-main-menu > ul > li, #cshero-header-navigation .main-navigation .menu-main-menu > li { vertical-align: top; margin: 0 15px; display: inline-block; position: relative; } #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a, #cshero-header-navigation .main-navigation .menu-main-menu > li > a { font-weight: 800; font-size: 13px; line-height: 24px; color: #333; text-transform: uppercase; padding: 0; -webkit-transition: all 300ms linear 0ms !important; -moz-transition: all 300ms linear 0ms !important; -ms-transition: all 300ms linear 0ms !important; transition: all 300ms linear 0ms !important; position: relative; visibility: inherit !important; } #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a:before, #cshero-header-navigation .main-navigation .menu-main-menu > li > a:before { background-color: #333; content: ""; height: 2px; position: absolute; bottom: -3px; left: 0; width: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a i, #cshero-header-navigation .main-navigation .menu-main-menu > li > a i { display: block; width: 100%; line-height: 0; margin-bottom: 6px; -webkit-transition: all 420ms linear 0ms; -moz-transition: all 420ms linear 0ms; -ms-transition: all 420ms linear 0ms; transition: all 420ms linear 0ms; } #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a i + .menu-title, #cshero-header-navigation .main-navigation .menu-main-menu > li > a i + .menu-title { -webkit-transform: translateY(25px); -khtml-transform: translateY(25px); -moz-transform: translateY(25px); -ms-transform: translateY(25px); -o-transform: translateY(25px); transform: translateY(25px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ display: block; } #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a.onepage.current, #cshero-header-navigation .main-navigation .menu-main-menu > li > a.onepage.current { color: #fff; } #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a.onepage.current .menu-title:before, #cshero-header-navigation .main-navigation .menu-main-menu > li > a.onepage.current .menu-title:before { opacity: 1; filter: alpha(opacity=1); width: 100%; } #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > ul.sub-menu, #cshero-header-navigation .main-navigation .menu-main-menu > li > ul.sub-menu { opacity: 0; -webkit-transition: opacity 0.4s ease 0s; -moz-transition: opacity 0.4s ease 0s; -ms-transition: opacity 0.4s ease 0s; transition: opacity 0.4s ease 0s; } #cshero-header-navigation .main-navigation .menu-main-menu > ul > li:hover > ul.sub-menu, #cshero-header-navigation .main-navigation .menu-main-menu > li:hover > ul.sub-menu { opacity: 1; } #cshero-header-navigation .main-navigation .menu-main-menu > ul > li.current-menu-item > a:before, #cshero-header-navigation .main-navigation .menu-main-menu > li.current-menu-item > a:before, #cshero-header-navigation .main-navigation .menu-main-menu > ul > li.current-menu-ancestor > a:before, #cshero-header-navigation .main-navigation .menu-main-menu > li.current-menu-ancestor > a:before, #cshero-header-navigation .main-navigation .menu-main-menu > ul > li:hover > a:before, #cshero-header-navigation .main-navigation .menu-main-menu > li:hover > a:before { opacity: 1; filter: alpha(opacity=1); width: 100%; } #cshero-header-navigation .main-navigation .menu-main-menu > ul > li.current-menu-item > a i:before, #cshero-header-navigation .main-navigation .menu-main-menu > li.current-menu-item > a i:before, #cshero-header-navigation .main-navigation .menu-main-menu > ul > li.current-menu-ancestor > a i:before, #cshero-header-navigation .main-navigation .menu-main-menu > li.current-menu-ancestor > a i:before, #cshero-header-navigation .main-navigation .menu-main-menu > ul > li:hover > a i:before, #cshero-header-navigation .main-navigation .menu-main-menu > li:hover > a i:before { opacity: 0; filter: alpha(opacity=0); } #cshero-header-navigation .main-navigation .menu-main-menu > ul > li.current-menu-item > a, #cshero-header-navigation .main-navigation .menu-main-menu > li.current-menu-item > a, #cshero-header-navigation .main-navigation .menu-main-menu > ul > li.current-menu-ancestor > a, #cshero-header-navigation .main-navigation .menu-main-menu > li.current-menu-ancestor > a, #cshero-header-navigation .main-navigation .menu-main-menu > ul > li:hover > a, #cshero-header-navigation .main-navigation .menu-main-menu > li:hover > a { color: #333; } #cshero-header-navigation .main-navigation .menu-main-menu > ul > li ul li.current-menu-item > a, #cshero-header-navigation .main-navigation .menu-main-menu > li ul li.current-menu-item > a, #cshero-header-navigation .main-navigation .menu-main-menu > ul > li ul li.current-menu-ancestor > a, #cshero-header-navigation .main-navigation .menu-main-menu > li ul li.current-menu-ancestor > a { color: #5fbbce; } #cshero-header-navigation .main-navigation.menu-white .menu-main-menu > li > a { color: #fff; } #cshero-header-navigation .main-navigation.menu-white .menu-main-menu > li.current-menu-item > a, #cshero-header-navigation .main-navigation.menu-white .menu-main-menu > li.current-menu-ancestor > a, #cshero-header-navigation .main-navigation.menu-white .menu-main-menu > li:hover > a { color: #fff; } #cshero-header-navigation .main-navigation li ul:not(.wg-menu-item) { background-color: #fff; margin: 0; padding: 11px 0; position: absolute; z-index: 1; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); min-width: 220px; -webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -moz-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -ms-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); /* Menu Stick Wall */ } #cshero-header-navigation .main-navigation li ul:not(.wg-menu-item) li.menu-item-has-children > a:after { content: "\f105"; font-family: FontAwesome; font-size: 14px; float: right; } #cshero-header-navigation .main-navigation li ul:not(.wg-menu-item).multicolumn ul.sub-menu { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } #cshero-header-navigation .main-navigation li ul:not(.wg-menu-item).multicolumn > li > a:before { display: none; } #cshero-header-navigation .main-navigation li ul ul:not(.wg-menu-item) { top: -11px; left: 100%; /* End Menu Stick Wall */ } #cshero-header-navigation .main-navigation li ul ul:not(.wg-menu-item).back { right: 100%; left: auto; } #cshero-header-navigation .main-navigation li ul ul:not(.wg-menu-item).back ul:not(.back) { right: 100%; left: auto; } #cshero-header-navigation .main-navigation li ul ul:not(.wg-menu-item).back ul.back { left: 100%; right: auto; } #cshero-header-navigation .main-navigation li ul ul:not(.wg-menu-item).back ul.back ul:not(.back) { left: 100%; right: auto; } #cshero-header-navigation .main-navigation li ul ul:not(.wg-menu-item).back ul.back ul.back { right: 100%; left: auto; } #cshero-header-navigation .main-navigation { /* End Menu Sub Level */ /* Start Mega Menu */ } #cshero-header-navigation .main-navigation ul li:hover > ul, #cshero-header-navigation .main-navigation ul li:focus > ul, #cshero-header-navigation .main-navigation .focus > ul { border-left: 0; clip: inherit; overflow: inherit; height: inherit; } #cshero-header-navigation .main-navigation li ul li { padding: 0 25px; } #cshero-header-navigation .main-navigation li ul li a { display: block; padding: 0; color: #7f7f7f; font-size: 13px; line-height: 40px; text-transform: capitalize; border-bottom: 1px solid #f2f2f2; text-align: left; } #cshero-header-navigation .main-navigation li ul li a i { padding-right: 4px; } #cshero-header-navigation .main-navigation li ul li a:before { position: absolute; top: 0; left: 20px; content: "\f105"; width: 20px; font-size: 16px; display: block; font-family: FontAwesome; line-height: inherit; padding-top: inherit; color: #5fbbce; overflow: hidden; -webkit-transform: scale(0, 1); -khtml-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #cshero-header-navigation .main-navigation li ul li a:hover { color: #5fbbce; padding-left: 20px; } #cshero-header-navigation .main-navigation li ul li a:hover:before { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ opacity: 1; } #cshero-header-navigation .main-navigation li ul li a:hover i:before { display: none; } #cshero-header-navigation .main-navigation li ul.sub-menu li:last-child > a { border: none; } #cshero-header-navigation .main-navigation ul.sub-menu li { position: relative; } #cshero-header-navigation .main-navigation { /* End Start Mega Menu */ } #cshero-header-navigation .main-navigation .columns2 > li:nth-of-type(2n+1), #cshero-header-navigation .main-navigation .columns3 > li:nth-child(3n+1), #cshero-header-navigation .main-navigation .columns4 > li:nth-child(4n+1), #cshero-header-navigation .main-navigation .columns5 > li:nth-child(5n+1) { clear: left; border-right: 0px solid transparent; } #cshero-header-navigation .main-navigation .columns5 > li { width: 20% !important; } #cshero-header-navigation .main-navigation .columns4 > li { width: 25% !important; } #cshero-header-navigation .main-navigation .columns3 > li { width: 33.3344% !important; } #cshero-header-navigation .main-navigation .columns2 > li { width: 50% !important; } #cshero-header-navigation .main-navigation [class*="columns"] { padding: 11px 19px !important; } #cshero-header-navigation .main-navigation [class*="columns"] > li { float: left; padding: 0; } #cshero-header-navigation .main-navigation [class*="columns"] > li ul li { padding: 0 11px; } #cshero-header-navigation .main-navigation [class*="columns"] > li ul li ul.sub-menu li { padding: 0 30px; } #cshero-header-navigation .main-navigation [class*="columns"] > li > a { width: 100%; border-bottom: none; } #cshero-header-navigation .main-navigation [class*="columns"] > li > a:after { content: "" !important; } #cshero-header-navigation .main-navigation .menu-main-menu li.has_full_width { position: inherit; } #cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu { left: 0; margin: auto; right: 0; width: 100% !important; max-width: 1170px; } #cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu .sub-menu { background-color: transparent; } #cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu > li > a { padding-left: 11px; padding-right: 11px; } #cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu > li > a span.menu-title { color: #c2c2c2; font-size: 15px; } #cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu > li > a span.menu-title:before { content: ""; } #cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu > li > a:hover { background-color: transparent; } #cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_to_right.sub-menu { left: auto; right: 90px; margin: auto; } #cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_to_right.sub-menu .sub-menu { background-color: transparent; } #cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_to_right.sub-menu > li > a span.menu-title { color: #ccc; text-transform: none; font-weight: bold; font-size: 14px; } #cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_to_right.sub-menu > li > a span.menu-title:before { content: ""; } #cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_to_right.sub-menu > li > a:hover { background-color: transparent; } #cshero-header-navigation .main-navigation li.group a.hide-menu-title { display: none; } #cshero-header-navigation .main-navigation li.group > ul.sub-menu { display: block; float: left; left: 0; position: relative; width: 100%; height: inherit; } #cshero-header-navigation .main-navigation ul.multicolumn > li ul.sub-menu ul.sub-menu { background-color: #fff !important; opacity: 0; -webkit-transition: opacity 0.4s ease 0s; -moz-transition: opacity 0.4s ease 0s; -ms-transition: opacity 0.4s ease 0s; transition: opacity 0.4s ease 0s; } #cshero-header-navigation .main-navigation ul.multicolumn > li ul.sub-menu > li:hover > ul.sub-menu { opacity: 1; } #cshero-header-navigation .main-navigation ul.multicolumn > li > ul.sub-menu { padding-bottom: 0; } #cshero-header-navigation .main-navigation ul.multicolumn > li:hover { position: relative; z-index: 10; } #cshero-header-navigation .main-navigation ul.multicolumn > li.hidden-menu-item > a { display: none; } #cshero-header-navigation .main-navigation ul.standar-dropdown li ul.sub-menu { opacity: 0; -webkit-transition: opacity 0.4s ease 0s; -moz-transition: opacity 0.4s ease 0s; -ms-transition: opacity 0.4s ease 0s; transition: opacity 0.4s ease 0s; } #cshero-header-navigation .main-navigation ul.standar-dropdown li:hover ul.sub-menu { opacity: 1; } } @media screen and (max-width: 991px) { /* -----> End Max width of 992 pixels. */ #cshero-header-navigation { text-align: left; } #cshero-header-navigation.collapse { background: #222; position: absolute; top: 101px; width: 100%; display: block; z-index: 999; } #cshero-header #cshero-menu-mobile { display: block !important; } #cshero-header #cshero-menu-mobile i { background: #5fbbce; color: #fff; cursor: pointer; font-size: 16px; height: 35px; line-height: 35px; text-align: center; width: 45px; position: absolute; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ right: 15px; } #cshero-header #cshero-menu-mobile i.search { right: 70px; } #cshero-header #cshero-menu-mobile i:hover { background: #333; } #cshero-header #cshero-menu-mobile .page-popup-wrapper { position: static !important; } #cshero-header #cshero-menu-mobile .page-popup-wrapper .contact-page i { right: 125px; left: inherit; } #cshero-header #cshero-menu-mobile .page-popup-wrapper .search-page i { right: 70px; } #cshero-header-navigation .main-navigation div.nav-menu > ul { margin: 0; padding: 0; list-style: none; max-height: 0; overflow: hidden; } #cshero-header-navigation .main-navigation div.nav-menu > ul li { list-style: none; } #cshero-header-navigation .main-navigation div.nav-menu > ul li a { display: block; color: #5e5e5e; } #cshero-header-navigation .main-navigation div.nav-menu > ul li a:hover, #cshero-header-navigation .main-navigation div.nav-menu > ul li a:focus { color: #21759b; } .collapse .main-navigation div.nav-menu > ul { display: block; max-height: 2000px; } #cshero-header-navigation { /* Dropdown Sub Menu */ } #cshero-header-navigation #cshero-header-navigation-left .main-navigation { padding-bottom: 0; } #cshero-header-navigation #cshero-header-navigation-right .main-navigation { padding-top: 0; } #cshero-header-navigation .main-navigation { padding: 15px 0; float: left !important; width: 100%; } #cshero-header-navigation .main-navigation .menu-main-menu > li > a i { display: none; } #cshero-header-navigation .main-navigation .menu-main-menu li { line-height: 31px; } #cshero-header-navigation .main-navigation .menu-main-menu li a { background: transparent; color: #999; font-weight: 400; } #cshero-header-navigation .main-navigation .menu-main-menu li.current-menu-item > a, #cshero-header-navigation .main-navigation .menu-main-menu li.current-menu-parent > a, #cshero-header-navigation .main-navigation .menu-main-menu li.current-menu-ancestor > a { color: #fff; } #cshero-header-navigation .main-navigation ul.sub-menu { width: 100% !important; margin: 0; padding-left: 20px; } .cs-menu-toggle { display: block; color: #999; cursor: pointer; position: absolute; right: 0; text-align: center; top: 0; width: 30px; font-size: 18px; background-color: rgba(255, 255, 255, 0.03); -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cs-menu-toggle:before { content: "\f105"; font-family: FontAwesome; } .cs-menu-toggle:hover { color: #fff; } #cshero-header-navigation .main-navigation .menu-main-menu > li { position: relative; } #cshero-header-navigation .main-navigation .menu-main-menu > li li { position: relative; } #cshero-header-navigation .main-navigation .menu-main-menu > li a { display: block; border-bottom: none; font-size: 16px; margin: 0 0 10px; text-transform: none; } #cshero-header-navigation .main-navigation .menu-main-menu > li a:hover { color: #fff !important; } #cshero-header-navigation .main-navigation .menu-main-menu > li ul li a { font-size: 15px; } #cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu { max-height: 0; overflow: hidden; padding-left: 10px; -webkit-transition: max-height 600ms linear 0ms; -moz-transition: max-height 600ms linear 0ms; -ms-transition: max-height 600ms linear 0ms; transition: max-height 600ms linear 0ms; } #cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu.submenu-open { max-height: 1000px; } #cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu.submenu-open + .cs-menu-toggle { background-color: rgba(255, 255, 255, 0.1); } #cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu.submenu-open + .cs-menu-toggle:before { content: "\f107"; } .mobile-menu-no-dropdown #cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu { max-height: 1000px; } .mobile-menu-no-dropdown #cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu + .cs-menu-toggle { display: none; } } #navigation-left { padding-top: 50px; /* ========================================================================== End Style Main Menu ========================================================================== */ } #navigation-left .main-navigation { height: 350px; width: 100% !important; } #navigation-left .vertical-handle { width: 3px; background-color: #222; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ right: -10px; } #navigation-left .menu-main-menu, #navigation-left .menu-main-menu > ul { float: none; } #navigation-left .menu-main-menu > li > a, #navigation-left .menu-main-menu > ul > li > a { text-transform: uppercase; } #navigation-left .menu-main-menu li, #navigation-left .menu-main-menu > ul li { display: block; padding: 0; position: relative; width: 100%; } #navigation-left .menu-main-menu li:before, #navigation-left .menu-main-menu > ul li:before { background-color: transparent; } #navigation-left .menu-main-menu li a, #navigation-left .menu-main-menu > ul li a { display: block; padding: 0; color: #333; font-weight: 800; font-size: 13px; line-height: 40px; } #navigation-left .menu-main-menu li a:hover, #navigation-left .menu-main-menu > ul li a:hover { color: #5fbbce; } #navigation-left .menu-main-menu li ul.sub-menu, #navigation-left .menu-main-menu > ul li ul.sub-menu { max-height: 0; overflow: hidden; width: 100% !important; padding-left: 12px; -webkit-transition: max-height 600ms linear 0ms; -moz-transition: max-height 600ms linear 0ms; -ms-transition: max-height 600ms linear 0ms; transition: max-height 600ms linear 0ms; } #navigation-left .menu-main-menu li ul.sub-menu + .cs-menu-toggle, #navigation-left .menu-main-menu > ul li ul.sub-menu + .cs-menu-toggle { display: block; color: #fff; cursor: pointer; position: absolute; right: 0; text-align: center; top: 10px; opacity: 0; width: 30px; font-size: 18px; background-color: transparent; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #navigation-left .menu-main-menu li ul.sub-menu + .cs-menu-toggle:hover, #navigation-left .menu-main-menu > ul li ul.sub-menu + .cs-menu-toggle:hover { color: #5fbbce; } #navigation-left .menu-main-menu li ul.sub-menu + .cs-menu-toggle i, #navigation-left .menu-main-menu > ul li ul.sub-menu + .cs-menu-toggle i { display: none; } #navigation-left .menu-main-menu li ul.sub-menu + .cs-menu-toggle:before, #navigation-left .menu-main-menu > ul li ul.sub-menu + .cs-menu-toggle:before { content: "\f489"; font-family: Ionicons; color: #5fbbce; } #navigation-left .menu-main-menu li ul.sub-menu.submenu-open, #navigation-left .menu-main-menu > ul li ul.sub-menu.submenu-open { max-height: 2000px; } #navigation-left .menu-main-menu li ul.sub-menu.submenu-open + .cs-menu-toggle:before, #navigation-left .menu-main-menu > ul li ul.sub-menu.submenu-open + .cs-menu-toggle:before { content: "\f462"; } #navigation-left .menu-main-menu li:hover ul.sub-menu + .cs-menu-toggle, #navigation-left .menu-main-menu > ul li:hover ul.sub-menu + .cs-menu-toggle { opacity: 1; } .widget-area { background-color: #fff; -webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -moz-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -ms-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); box-shadow: 0 2px 3px rgba(40, 40, 40, 0.06); -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ padding: 50px; margin: 0 0 110px 0; position: relative; z-index: 1; } #sidebar h3.wg-title, .widget-area h3.wg-title, .sidebar-inner h3.wg-title { border-bottom: 2px solid #eee; color: #222; font-size: 13px; letter-spacing: 0.06em; line-height: 30px; text-transform: uppercase; position: relative; padding-bottom: 9px; margin-bottom: 14px; font-family: Raleway; font-weight: 800; } #sidebar h3.wg-title span, .widget-area h3.wg-title span, .sidebar-inner h3.wg-title span { border-bottom: 2px solid #5fbbce; bottom: -11px; display: inline-block; position: relative; padding-bottom: 9px; } #sidebar aside + aside, .widget-area aside + aside, .sidebar-inner aside + aside { margin-top: 39px; } #sidebar aside .widget_categories, .widget-area aside .widget_categories, .sidebar-inner aside .widget_categories { margin-top: 39px; } #sidebar aside.cms-recent-post-wrapper, .widget-area aside.cms-recent-post-wrapper, .sidebar-inner aside.cms-recent-post-wrapper { margin-top: 25px; } #sidebar aside.cms-recent-post-wrapper .cms-recent-post, .widget-area aside.cms-recent-post-wrapper .cms-recent-post, .sidebar-inner aside.cms-recent-post-wrapper .cms-recent-post { margin-top: 20px; } #sidebar aside.cms-recent-post-wrapper .cms-recent-post .cms-recent-details, .widget-area aside.cms-recent-post-wrapper .cms-recent-post .cms-recent-details, .sidebar-inner aside.cms-recent-post-wrapper .cms-recent-post .cms-recent-details { border-bottom: none; } #sidebar aside.cms-recent-post-wrapper .cms-recent-post .cms-recent-details .cms-recent-title a, .widget-area aside.cms-recent-post-wrapper .cms-recent-post .cms-recent-details .cms-recent-title a, .sidebar-inner aside.cms-recent-post-wrapper .cms-recent-post .cms-recent-details .cms-recent-title a { color: #282828; } #sidebar aside.cms-recent-post-wrapper .cms-recent-post .cms-recent-details .cms-recent-title a:hover, .widget-area aside.cms-recent-post-wrapper .cms-recent-post .cms-recent-details .cms-recent-title a:hover, .sidebar-inner aside.cms-recent-post-wrapper .cms-recent-post .cms-recent-details .cms-recent-title a:hover { color: #5fbbce; } #sidebar aside.widget_tag_cloud, .widget-area aside.widget_tag_cloud, .sidebar-inner aside.widget_tag_cloud { margin-top: 19px; } .shop-sidebar .widget-area { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .shop-sidebar .widget-area aside + aside { margin-top: 39px; } h1, h2, h3, h4, h5, h6 { clear: both; font-family: Poppins; font-weight: 700; color: #222; letter-spacing: 0; visibility: inherit !important; } h1 { font-size: 52px; line-height: 46px; margin: 0 0 15px; } h2 { font-size: 42px; line-height: 46px; margin: 0 0 12px; } h3 { font-size: 38px; line-height: 46px; margin: 0 0 11px; } h4 { font-size: 32px; line-height: 46px; margin: 0 0 9px; } h5 { font-size: 24px; line-height: 46px; margin: 0 0 7px; } h6 { font-size: 18px; line-height: 46px; margin: 0 0 6px; } p { margin: 0 0 23px; } a { color: #5fbbce; text-decoration: none; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } a:hover, a:active, a:focus { color: #e41270; outline: 0; text-decoration: none; } .color-primary { color: #5fbbce; } .ft-poppin { font-family: Poppins; } .text-uppercase { text-transform: uppercase; } .ls-98 { letter-spacing: 0.098em; } .ls-18, .ls-18 h3 { letter-spacing: -0.018em !important; } .letter-spacing18 { letter-spacing: 0.018em !important; } .letter-spacing15 { letter-spacing: 0.015em !important; } .ft-italic { font-style: italic; } .fw-bold { font-weight: 700; } .align-center { text-align: center !important; } .align-right { text-align: right; } .align-left { text-align: left; } .aligncenter { margin: 5px auto; } .aligncenter .wp-caption-text { margin-bottom: 0; padding-top: 5px; text-align: center; } .alignleft { margin: 5px 30px 15px 0; } .alignleft .wp-caption-text { margin-bottom: 0; padding-top: 5px; } .alignright { margin-left: 15px; margin-bottom: 20px; } .alignright .wp-caption-text { margin-bottom: 0; padding-top: 5px; } .cms-recent-post { padding-top: 9px; /* Instagram */ } .cms-recent-post .cms-recent-media { float: left; max-width: 49px; } .cms-recent-post .cms-recent-media img { -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ width: 100%; } .cms-recent-post .cms-recent-details { margin: -5px 0 0 64px; padding-bottom: 12px; border-bottom: 1px solid #2b2b2b; } .cms-recent-post .cms-recent-details .cms-recent-title a { color: #cecece; font-size: 14px; line-height: 22px; font-weight: 600; } .cms-recent-post .cms-recent-details .cms-recent-date { color: #616161; font-size: 13px; font-weight: 600; letter-spacing: 0.02em; line-height: 26px; margin-top: 5px; } .cms-recent-post .cms-recent-details .readmore { line-height: 1; } .cms-recent-post .cms-recent-details .readmore a { font-size: 12px; text-transform: uppercase; color: #2b2e35; line-height: 18px; font-weight: 600; } .cms-recent-post .cms-recent-details .readmore a:hover { color: #5fbbce; } .cms-recent-post .item { margin-bottom: 20px; position: relative; } .cms-recent-post .item:last-child { margin-bottom: 0; } .cms-recent-post .item:last-child .cms-recent-details { border-bottom: none; } .widget #sb_instagram { margin-top: 27px; padding-bottom: 0 !important; /* newsletter widget */ } .widget #sb_instagram img { -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; /* BACKGROUND GRADIENT */ } .widget #sb_instagram .sbi_photo { position: relative; } .widget #sb_instagram .sbi_photo:before { background: #5fbbce; top: 0px; left: 0px; width: 100%; content: ''; height: 100%; position: absolute; opacity: 0; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .widget #sb_instagram .sbi_photo:after { content: "+"; position: absolute; display: inline-block; top: 50%; left: 50%; opacity: 0; font-size: 16px; font-weight: 700; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ color: #fff; } .widget #sb_instagram .sbi_photo:hover:before, .widget #sb_instagram .sbi_photo:hover:after { opacity: 1; } .widget_newsletterwidget { position: relative; margin-bottom: 0 !important; } .widget_newsletterwidget .tnp-widget { max-width: 570px; margin: 15px auto 15px; } .widget_newsletterwidget .tnp-widget .tnp-field { margin-bottom: 0; } .widget_newsletterwidget .tnp-widget form { position: relative; } .widget_newsletterwidget .tnp-widget label { display: none; } .widget_newsletterwidget .tnp-widget input[type="email"] { height: 51px; padding: 0; border: 2px solid #eee !important; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ background: transparent !important; font-size: 13px; line-height: 47px; letter-spacing: 0.02em; padding: 0 20px !important; color: #fff; font-style: normal; font-weight: 800; text-transform: uppercase; outline: 0; max-width: 370px; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .widget_newsletterwidget .tnp-widget input[type="email"]:focus { outline: 0; } .widget_newsletterwidget .tnp-widget input[type="submit"] { background: #5fbbce !important; border: 2px solid #5fbbce !important; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ height: 51px; padding: 0 !important; position: absolute !important; right: 0; top: 0; width: 170px !important; font-size: 13px; line-height: 47px; letter-spacing: 0.02em; text-transform: uppercase; font-weight: 800; margin: 0 0 0 30px; } .widget_newsletterwidget .tnp-widget input[type="submit"]:hover { background-color: transparent !important; border-color: #5fbbce !important; } .widget_newsletterwidget .tnp-widget input::-moz-placeholder, .widget_newsletterwidget .tnp-widget textarea::-moz-placeholder { color: #fff; } .widget_newsletterwidget .tnp-widget input::-webkit-input-placeholder, .widget_newsletterwidget .tnp-widget textarea::-webkit-placeholder { color: #fff; } .widget_newsletterwidget .tnp-widget input::-o-placeholder, .widget_newsletterwidget .tnp-widget textarea::-o-placeholder { color: #fff; } .widget_newsletterwidget .tnp-widget input::-ms-placeholder, .widget_newsletterwidget .tnp-widget textarea::-ms-placeholder { color: #fff; } .style1 .widget_newsletterwidget .tnp-widget input[type="submit"], .style3 .widget_newsletterwidget .tnp-widget input[type="submit"] { background: #222 !important; border: 2px solid #222 !important; } .style1 .widget_newsletterwidget .tnp-widget input[type="submit"]:hover, .style3 .widget_newsletterwidget .tnp-widget input[type="submit"]:hover { background-color: transparent !important; border-color: #222 !important; } .style2 .widget_newsletterwidget .tnp-widget input[type="email"], .style3 .widget_newsletterwidget .tnp-widget input[type="email"] { -webkit-border-radius: 51px; -khtml-border-radius: 51px; -moz-border-radius: 51px; -ms-border-radius: 51px; -o-border-radius: 51px; border-radius: 51px; /* BACKGROUND GRADIENT */ max-width: 100%; padding-right: 190px !important; } .style2 .widget_newsletterwidget .tnp-widget input[type="submit"], .style3 .widget_newsletterwidget .tnp-widget input[type="submit"] { -webkit-border-radius: 51px; -khtml-border-radius: 51px; -moz-border-radius: 51px; -ms-border-radius: 51px; -o-border-radius: 51px; border-radius: 51px; /* BACKGROUND GRADIENT */ } footer { /* widget search */ } footer .widget_newsletterwidget .tnp-widget { position: relative; } footer .widget_newsletterwidget .tnp-widget:before { content: "\f178"; font-family: FontAwesome; font-size: 11px; color: #fff; position: absolute; right: 0; top: 0; z-index: 9; width: 42px; height: 42px; text-align: center; line-height: 42px; cursor: pointer; } footer .widget_newsletterwidget .tnp-widget input[type="email"] { background-color: #1d1d1d !important; -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; /* BACKGROUND GRADIENT */ height: 42px; border: none !important; text-transform: none; font-weight: normal; font-size: 13px; line-height: 25px; color: #474747; padding: 0 62px 0 20px !important; font-style: italic; } footer .widget_newsletterwidget .tnp-widget input[type="submit"] { background: none !important; border: none !important; height: 42px; width: 42px !important; margin: 0; font-size: 0; position: absolute; right: 0; top: 0; z-index: 99; } footer input::-moz-placeholder, footer textarea::-moz-placeholder { color: #474747; } footer input::-webkit-input-placeholder, footer textarea::-webkit-placeholder { color: #474747; } footer input::-o-placeholder, footer textarea::-o-placeholder { color: #474747; } footer input::-ms-placeholder, footer textarea::-ms-placeholder { color: #474747; } .widget_search .searchform { position: relative; } .widget_search .searchform div:before { color: #5fbbce; content: "\f002"; font-family: FontAwesome; font-size: 14px; position: absolute; right: 18px; top: 13px; z-index: 2; } .widget_search .searchform label { display: none; } .widget_search .searchform input[type="text"] { border-color: #efefef; text-transform: none; color: #9e9e9e; font-weight: 500; letter-spacing: 0; padding-right: 42px; } .widget_search .searchform input[type="text"]:focus { border-color: #5fbbce; } .widget_search .searchform input::-moz-placeholder, .widget_search .searchform textarea::-moz-placeholder { color: #9e9e9e; } .widget_search .searchform input::-webkit-input-placeholder, .widget_search .searchform textarea::-webkit-placeholder { color: #9e9e9e; } .widget_search .searchform input::-o-placeholder, .widget_search .searchform textarea::-o-placeholder { color: #9e9e9e; } .widget_search .searchform input::-ms-placeholder, .widget_search .searchform textarea::-ms-placeholder { color: #9e9e9e; } .widget_search .searchform #searchsubmit { background-color: transparent; border: medium none; font-size: 0; height: 50px; position: absolute; right: 0; top: 0; width: 50px; z-index: 99; } .widget_categories ul li, .widget_recent_entries ul li, .widget_recent_comments ul li, .widget_archive ul li, .widget_meta ul li, .widget_pages ul li, .widget_nav_menu ul li, .widget_product_categories ul li { position: relative; } .widget_categories ul li a, .widget_recent_entries ul li a, .widget_recent_comments ul li a, .widget_archive ul li a, .widget_meta ul li a, .widget_pages ul li a, .widget_nav_menu ul li a, .widget_product_categories ul li a { color: #333; font-size: 13px; font-weight: 500; line-height: 40px; text-transform: capitalize; } .widget_categories ul li a:hover, .widget_recent_entries ul li a:hover, .widget_recent_comments ul li a:hover, .widget_archive ul li a:hover, .widget_meta ul li a:hover, .widget_pages ul li a:hover, .widget_nav_menu ul li a:hover, .widget_product_categories ul li a:hover { color: #5fbbce; } .widget_categories ul li + li, .widget_recent_entries ul li + li, .widget_recent_comments ul li + li, .widget_archive ul li + li, .widget_meta ul li + li, .widget_pages ul li + li, .widget_nav_menu ul li + li, .widget_product_categories ul li + li { border-top: 1px solid #f4f4f4; } .widget_categories > ul > li:before, .widget_recent_entries > ul > li:before, .widget_recent_comments > ul > li:before, .widget_archive > ul > li:before, .widget_meta > ul > li:before, .widget_pages > ul > li:before, .widget_nav_menu > ul > li:before, .widget_product_categories > ul > li:before { content: "\f105"; font-family: FontAwesome; position: absolute; right: 0; font-size: 11px; top: 8px; } .widget_tag_cloud .tagcloud { margin-top: 20px; } .widget_tag_cloud a { border: 2px solid #eee; color: #9b9b9b; display: inline-block; font-size: 13px !important; line-height: 26px; margin: 10px 6px 0 0; padding: 0 7px; } .widget_tag_cloud a:hover { border-color: #5fbbce; color: #5fbbce; } .wpb_images_carousel .vc_images_carousel .vc_carousel-indicators li { background: transparent none repeat scroll 0 0; border: 2px solid #b4b4b4; margin: 0 3px; } .wpb_images_carousel .vc_images_carousel .vc_carousel-indicators li.vc_active { background-color: #5fbbce; border-color: #5fbbce; } .wpb_images_carousel .vc_images_carousel .vc_carousel-indicators { bottom: -10px; } .widget_product_tag_cloud .tagcloud { margin-top: 20px; } .widget_product_tag_cloud .tagcloud a { border: 2px solid #eee; color: #9b9b9b; display: inline-block; font-size: 13px; line-height: 26px; padding: 0 7px; margin-top: 10px; margin-right: 5px; } .widget_product_tag_cloud .tagcloud a:hover { border-color: #5fbbce; color: #5fbbce; } .news-twitter .item-content { color: #9b9b9b; font-size: 13px; line-height: 23px; } .news-twitter .item-content p { position: relative; margin-bottom: 0; } .news-twitter .item-content p:before { content: "\f099"; font-family: FontAwesome; padding-right: 10px; } .news-twitter .item-content p + a { font-size: 12px; color: #616161 !important; } .news-twitter .item-content p + a:hover { color: #5fbbce !important; } .news-twitter .item-content + .item-content { margin-top: 17px; } .widget_archive label { display: none; } .widget_shopping_cart_content .woocommerce-mini-cart__empty-message { margin-bottom: 0; } @media screen and (max-width: 1600px) { #cshero-footer.cms-footer5 #footer-top { padding-bottom: 300px; } } @media screen and (max-width: 1366px) { .error-404 .page-header h1 { font-size: 180px; line-height: 1; } .layout-shop .cms-shop-content .cms-shop-content-inner { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; } .layout-shop .cms-shop-content .add_to_cart_button { position: relative; top: 0; left: 0; transform: translate(0, 0); } .layout-shop .cms-shop-content .cms-shop-item { position: relative; bottom: 0; left: 0; transform: translate(0, 0); } #cshero-footer.cms-footer5 #footer-top { padding-bottom: 105px; } } @media screen and (min-width: 1250px) { body .cs-boxed { width: 1250px; margin: 0 auto; } body .cs-boxed #content { background-color: #fff; } body .cs-boxed .vc_row[data-vc-full-width] { width: 1250px !important; margin: 0 auto; left: 50% !important; transform: translate(-50%, 0); padding-left: 0 !important; padding-right: 0 !important; } body .cs-boxed .rev_slider_wrapper { width: 1250px !important; left: 50% !important; transform: translate(-50%, 0); } .sg-portfolio-layout6 .sg-portfolio-masonry .single-portfolio-image-item:last-child { width: 100%; } .sg-portfolio-layout7 .sg-portfolio-masonry .single-portfolio-image-item:nth-child(3), .sg-portfolio-layout7 .sg-portfolio-masonry .single-portfolio-image-item:nth-child(4) { width: 50%; } } @media screen and (max-width: 1200px) { .fp-tableCell .rm-padding-sm > .vc_column-inner { padding-left: 30px !important; padding-right: 30px !important; } .cms-menu-restaurant.cms-menu-restaurant-style1 { padding: 30px; } .container { width: 100%; } .reset-pd-xs > .vc_column-inner { padding: 0 15px !important; } #content .woocommerce.columns-5 ul.products li.product { width: 25% !important; } #cshero-footer.cms-footer5 #footer-top { padding-bottom: 180px; } } @media screen and (max-width: 1024px) { .cms-row-full-width > .no-container { margin-left: 0; margin-right: 0; } .cms-row-full-width > .no-container > .row { margin-left: 0; margin-right: 0; } .cms-row-full-width > .no-container > .row > .wpb_column { padding: 0; } .cshero-popup-menu-inner #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a, .cshero-popup-menu-inner #cshero-header-navigation .main-navigation .menu-main-menu > li > a { font-size: 25px; } .cms-process .cms-process-icon .arrow-right { right: -70px; } .pricing-wrap .pricing-head .pricing-price .cms-pricing-price { font-size: 60px; } #cshero-header-inner.m-style #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a, #cshero-header-inner.m-style #cshero-header-navigation .main-navigation .menu-main-menu > li > a { padding: 0 5px; } } @media screen and (min-width: 992px) { .bd-footer6 #cshero-footer.cshero-footer6 #footer-top .footer-top-item .footer-top-item-inner { margin-top: -145px; } .text-left-md { text-align: left; } .text-right-md { text-align: right; } .text-center-md { text-align: center; } .custom-width > .vc_column-inner { max-width: 570px; } .cms-grid .col-lg-3:nth-child(4n+1) { clear: left; } .cms-grid .col-lg-4:nth-child(3n+1) { clear: left; } .cms-grid .col-lg-6:nth-child(2n+1) { clear: left; } .cms-grid .col-lg-8:nth-child(2n+1) { clear: left; } } @media screen and (max-width: 991px) { .cms-menu-restaurant.cms-menu-restaurant-style2 .cms-menu-restaurant-item:nth-child(even) .cms-menu-restaurant-image { float: left; } .cms-menu-restaurant.cms-menu-restaurant-style2 .cms-menu-restaurant-item:nth-child(even) .cms-menu-restaurant-holder { float: right; } .cms-menu-restaurant.cms-menu-restaurant-style2 .cms-menu-restaurant-item:nth-child(odd) .cms-menu-restaurant-image { float: right; } .cms-menu-restaurant.cms-menu-restaurant-style2 .cms-menu-restaurant-item:nth-child(odd) .cms-menu-restaurant-holder { float: left; } .rm-padding-sm > .vc_column-inner { padding-left: 0 !important; padding-right: 0 !important; } .cms-grid .col-sm-3:nth-child(4n+1) { clear: left; } .cms-grid .col-sm-4:nth-child(3n+1) { clear: left; } .cms-grid .col-sm-6:nth-child(2n+1) { clear: left; } .container { width: 100%; } .text-left-md, .text-right-md { text-align: center; } .text-center-xs { text-align: center; } .text-center-xs .text-left, .text-center-xs .text-right, .text-center-xs .align-left, .text-center-xs .align-right { text-align: center !important; } .custom-height { height: 677px; } .popup-menu-dark2 .style-dark1 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li, .style-dark2 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li, .style-light2 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li, .popup-menu-dark2 .style-dark1 #cshero-header-navigation .main-navigation .menu-main-menu > li, .style-dark2 #cshero-header-navigation .main-navigation .menu-main-menu > li, .style-light2 #cshero-header-navigation .main-navigation .menu-main-menu > li { display: block; } .style-light1 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a:hover, .style-light2 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a:hover, .style-dark1 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a:hover, .style-dark2 #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a:hover, .style-light1 #cshero-header-navigation .main-navigation .menu-main-menu > li > a:hover, .style-light2 #cshero-header-navigation .main-navigation .menu-main-menu > li > a:hover, .style-dark1 #cshero-header-navigation .main-navigation .menu-main-menu > li > a:hover, .style-dark2 #cshero-header-navigation .main-navigation .menu-main-menu > li > a:hover { color: #5fbbce !important; } .cms-cta-default .cms-cta-button { margin-top: 20px; position: initial; right: 0; top: 0; -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .page-template-right-sidebar .widget-area { margin-top: 0; } .page-template-left-sidebar .widget-area { margin-bottom: 0; } .page-template-blog-classic-right-sidebar .widget-area, .page-template-blog-classic-left-sidebar .widget-area { margin: 35px 0 0; } .is-sidebar-left > [class*="col-"] + [class*="col-"], .is-sidebar-right > [class*="col-"] + [class*="col-"] { margin-top: 40px; } .vc_row.half-left-background, .vc_row.half-right-background { background-size: 100% 100% !important; background-position: center center !important; } .cms-carousel-layout-portfolio { padding: 0; } .cms-carousel-layout-portfolio .owl-controls .owl-nav .owl-next { right: 35px; } .cms-carousel-layout-portfolio .owl-controls .owl-dots { bottom: 25px; } .single-portfolio-wrap.layout1 .sg-portfolio-body .sg-portfolio-left, .single-portfolio-wrap.layout3 .sg-portfolio-body .sg-portfolio-left { margin-bottom: 80px; } #content .woocommerce.columns-4 ul.products li.product, .woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product, #content .woocommerce.columns-5 ul.products li.product { width: 50% !important; } body.woocommerce #content .shop-4column ul.products li.product, .woocommerce-page #content .shop-4column ul.products li.product, body.woocommerce #content .shop-3column ul.products li.product, .woocommerce-page #content .shop-3column ul.products li.product { width: 50% !important; } body.header-22 #page, body.header-23 #page { padding-left: 0; } body.header-22 #page .cms-carousel-layout-portfolio .cms-carousel-item, body.header-23 #page .cms-carousel-layout-portfolio .cms-carousel-item { padding-left: 30px; } .cms-carousel-layout-portfolio .owl-controls .owl-dots { bottom: 50px; } #content.site-content { margin-bottom: 0 !important; } #cshero-footer.cms-footer5 { position: static !important; z-index: inherit; } } @media screen and (max-width: 768px) { .cms-process .cms-process-list .cms-process-item { width: 100%; } .cms-process .cms-process-list .cms-process-item + .cms-process-item { margin-top: 35px; } .cms-process .cms-process-icon .arrow-right { display: none; } } @media screen and (max-width: 767px) { #comments .comment-list .children { padding: 0; } #comments .comment-list-wrap { padding: 20px 15px; } .fp-tableCell .fp-order > .wpb_column:nth-child(1) { order: 2; } .fp-tableCell .fp-order > .wpb_column:nth-child(2) { order: 1; } .align-center-sx { text-align: center; } .cms-countdown-wraper [class*="col-"] { width: 100%; } .cms-countdown-wraper [class*="col-"] + [class*="col-"] { margin-top: 50px; } .layout-testimonial.layout-testimonial2 .cms-testimonial-item { max-width: 100%; } .vc_tta-container .vc_tta.vc_general.vc_tta-tabs .vc_tta-panel-title > a:before { display: none; } .vc_tta-container .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs-position-left.vc_tta-tabs .vc_tta-panel .vc_tta-panel-body, .vc_tta-container .vc_tta-color-grey.vc_tta-style-modern.vc_tta-tabs-position-left.vc_tta-tabs .vc_tta-panel .vc_tta-panel-body, .vc_tta-container .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs-position-right.vc_tta-tabs .vc_tta-panel .vc_tta-panel-body, .vc_tta-container .vc_tta-color-grey.vc_tta-style-modern.vc_tta-tabs-position-right.vc_tta-tabs .vc_tta-panel .vc_tta-panel-body { text-align: center; padding: 30px 15px !important; } .reset-border-xs { border: none !important; } .error-404 .page-header h1 { font-size: 50px; line-height: 70px; } .single-post .post-navigation .post-next { text-align: left; margin-top: 10px; } .single-post .post-navigation .post-next a img { float: left; } .single-post .post-navigation .post-next .nav-inner { padding-left: 65px; padding-right: 30px; } .single-post .cms-related-post .cms-related-post-inner .item + .item { margin-top: 30px; } .single-portfolio-wrap.layout6 .sg-portfolio-gallery-item:nth-child(n+2) { width: 100%; } .single-portfolio-wrap.layout6 .sg-portfolio-gallery-item:nth-child(n+3) { width: 100%; } .single-portfolio-wrap.layout7 .sg-portfolio-gallery-item { width: 100%; } .single-portfolio-wrap.layout7 .sg-portfolio-gallery-item:nth-child(n+3) { width: 100%; } .single-portfolio-wrap.layout7 .sg-portfolio-gallery-item:nth-child(n+4) { width: 100%; } .single-portfolio-wrap.layout7 .sg-portfolio-body .sg-portfolio-meta ul.cms-portfolio-meta { margin-top: 88px; } .layout-portfolio1.style-7.cms-grid-wraper .cms-grid-filter ul { text-align: center; margin-top: 40px; } .widget #sb_instagram .sbi_photo:after { font-size: 100px; } .style-dark1 #cshero-header-navigation .main-navigation .menu-main-menu, .style-light1 #cshero-header-navigation .main-navigation .menu-main-menu { max-width: 100%; } .style-dark1 #cshero-header-navigation .main-navigation .menu-main-menu > li, .style-light1 #cshero-header-navigation .main-navigation .menu-main-menu > li { display: inline-block; padding: 0 15px; } .style-dark1 #cshero-header-navigation .main-navigation .menu-main-menu > li a, .style-light1 #cshero-header-navigation .main-navigation .menu-main-menu > li a { font-size: 15px; } .vc_tta-container .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panel, .vc_tta-container .vc_tta-color-grey.vc_tta-style-modern.vc_tta-tabs .vc_tta-panel { margin: 0 0 10px !important; } .reset-img-align-sm { text-align: center !important; } .single-post .entry-blog .entry-content, .single-testimonial .entry-blog .entry-content, .single-team .entry-blog .entry-content, .single-carousels .entry-blog .entry-content, .single-post .post-navigation, .single-testimonial .post-navigation, .single-team .post-navigation, .single-carousels .post-navigation, .single-post .cms-related-post, .single-testimonial .cms-related-post, .single-team .cms-related-post, .single-carousels .cms-related-post { padding: 20px 15px; } } @media screen and (max-width: 640px) { .cms-menu-restaurant.cms-menu-restaurant-style1 .cms-menu-restaurant-item .cms-menu-restaurant-left { padding-right: 0; padding-bottom: 30px; } .cms-menu-restaurant.cms-menu-restaurant-style1 .cms-menu-restaurant-item .cms-menu-restaurant-right { position: static; } .cms-menu-restaurant.cms-menu-restaurant-style2 .cms-menu-restaurant-image, .cms-menu-restaurant.cms-menu-restaurant-style2 .cms-menu-restaurant-holder { width: 100%; } } @media screen and (max-width: 568px) { .cshero-popup-search .cshero-search-inner #searchform input[type="text"] { font-size: 14px; } .reset-fontsize-xs, .reset-fontsize-xs h1, .reset-fontsize-xs h2, .reset-fontsize-xs h3 { font-size: 30px !important; line-height: 45px !important; } } @media screen and (max-width: 480px) { .widget_newsletterwidget .tnp-widget input[type="submit"] { position: inherit !important; margin: 15px auto 0 !important; } .style2 .widget_newsletterwidget .tnp-widget input[type="email"], .style3 .widget_newsletterwidget .tnp-widget input[type="email"] { padding-right: 20px !important; } .widget-area { padding: 20px; } .single-post .post-share-buttons, .sg-portfolio-body .sg-portfolio-meta .post-share-buttons { margin-bottom: 30px; } .single-post .post-share-buttons ul, .sg-portfolio-body .sg-portfolio-meta .post-share-buttons ul { float: left; width: 100%; } .single-post .post-share-buttons ul li:first-child, .sg-portfolio-body .sg-portfolio-meta .post-share-buttons ul li:first-child { padding-left: 0; } .single-post .entry-author .blog-admin-post .admin-info ul.cms-social li a { padding: 0 5px; } #comments .comment-list > .comment ul.children > li .comment-body { margin-left: 30px; } .layout-portfolio7 .cms-portfolio-content { padding: 50px 15px; } .single-portfolio-wrap .owl-controls .owl-prev, .single-portfolio-wrap .owl-controls .owl-next { width: 30px; height: 30px; } .single-portfolio-wrap .owl-controls .owl-prev:before, .single-portfolio-wrap .owl-controls .owl-next:before { font-size: 15px; line-height: 30px; } #content .woocommerce.columns-4 ul.products li.product, .woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product, #content .woocommerce.columns-2 ul.products li.product, #content .woocommerce.columns-5 ul.products li.product { width: 100% !important; } body.woocommerce #content .shop-4column ul.products li.product, .woocommerce-page #content .shop-4column ul.products li.product, body.woocommerce #content .shop-3column ul.products li.product, .woocommerce-page #content .shop-3column ul.products li.product { width: 100% !important; } .cms-cta-wrapper .cms-cta-button a + a { margin-top: 20px; } #comments .comment-list .comment-author-image { display: block; padding-right: 0; } #comments .comment-list .comment-main { width: 100%; } } @media screen and (max-width: 360px) { .pricing-wrap .pricing-head h3.cms-pricing-title { margin-bottom: 10px; } .pricing-wrap .pricing-head .pricing-price .cms-pricing-price { font-size: 30px; line-height: 30px; } #cancel-comment-reply-link { float: none; } #commentform #submit { font-size: 9px; padding: 0 10px; } } .sku_wrapper { margin-bottom: 10px; float: left; width: 100%; } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins { font-weight: normal; } .yith-wcwl-add-to-wishlist .ajax-loading { display: none !important; } body .woocommerce-message { border: none; background: #f9f9f9; padding: 20px 20px 20px 88px !important; font-size: 15px; color: #5fbbce; font-weight: bold; letter-spacing: 0.05em; line-height: 46px; } body .woocommerce-message a { padding: 0 28.5px !important; } body .woocommerce-message:before { content: "\f058"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 15px; width: 46px; color: #fff; top: 20px; height: 46px; background: #5fbbce; border-radius: 2px; line-height: 46px; text-align: center; } #cms-theme .widget_shopping_cart { background-color: #fff; position: absolute; right: 0; top: 100%; overflow: hidden; visibility: hidden; max-width: 390px; width: 310px !important; opacity: 0; color: #333; filter: alpha(opacity=0); -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; z-index: 99; line-height: normal; border: 1px solid rgba(0, 0, 0, 0.1); } #cms-theme .widget_shopping_cart.cart-empty-wrapper { top: -50px; } #cms-theme .widget_shopping_cart.widget_shopping_cart_empty { height: inherit; } #cms-theme .widget_shopping_cart h3 { color: #e41270; padding: 16px 30px 0; margin-bottom: 0; } #cms-theme .widget_shopping_cart.cart-empty-wrapper { height: inherit !important; } #cms-theme .widget_shopping_cart.open { visibility: visible; opacity: 1; filter: alpha(opacity=1); } #cms-theme .widget_shopping_cart.open .variation { display: none; } #cms-theme .widget_shopping_cart .widget_shopping_cart_content { padding: 30px; text-align: left; } #cms-theme .widget_shopping_cart .widget_shopping_cart_content .cart_list li { padding: 0 25px 15px 0; margin-bottom: 15px; position: relative; border-bottom: 1px solid #eee; min-height: 80px; } #cms-theme .widget_shopping_cart .widget_shopping_cart_content .cart_list li.empty { margin: 0; padding: 0; text-align: center; } #cms-theme .widget_shopping_cart .widget_shopping_cart_content .cart_list li a { color: #282828; font-size: 13px; line-height: normal; font-weight: 700; } #cms-theme .widget_shopping_cart .widget_shopping_cart_content .cart_list li a:hover { color: #5fbbce; } #cms-theme .widget_shopping_cart .widget_shopping_cart_content .cart_list li a img { float: left; max-width: 75px; width: 100%; margin-right: 20px; margin-left: 0; background-color: #f4f4f4; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ max-width: 60px; padding: 0; } #cms-theme .widget_shopping_cart .widget_shopping_cart_content .cart_list li:last-child { padding-bottom: 0; border-bottom: 0; } #cms-theme .widget_shopping_cart .widget_shopping_cart_content .cart_list li a.remove { font-size: 0; left: inherit; position: absolute; right: 0px; top: 0px; z-index: 9; } #cms-theme .widget_shopping_cart .widget_shopping_cart_content .cart_list li a.remove:before { background-color: #000; color: #fff; content: "\f129"; display: inline-block; font-family: Ionicons; font-size: 9px; height: 19px; line-height: 19px; text-align: center; width: 19px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #cms-theme .widget_shopping_cart .widget_shopping_cart_content .cart_list li a.remove:hover:before { background-color: #5fbbce; } #cms-theme .widget_shopping_cart .widget_shopping_cart_content .cart_list li .quantity { color: #9b9b9b; font-size: 14px; font-weight: normal; margin-top: 10px; display: block; width: 100%; } #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.total { border-top: 1px solid #ccc; color: #282828; font-size: 16px; padding-top: 26px; margin-bottom: 26px; font-weight: 700; } #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.total .amount { color: #5fbbce; float: right; } #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons { margin: 0; margin: 0; float: left; width: 100%; padding-bottom: 30px; } #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .button { width: 48%; text-align: center; float: left; font-weight: normal; padding: 0 5px; } #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .button.checkout { float: right; } #cms-theme .couter_items-wrap { line-height: 99px; position: relative; display: inline-block; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; opacity: 0; } #cms-theme .couter_items-wrap .couter_items { background-color: #5fbbce; color: #fff; font-size: 8px; height: 12px; width: 12px; letter-spacing: 0.035em; border-radius: 50%; line-height: 12px; position: absolute; right: 6px; text-align: center; top: -50%; margin-top: -17px; } #cms-theme .shopping-cart-wrapper:hover .couter_items-wrap { opacity: 1; } body.woocommerce .container, .woocommerce-page .container { max-width: 100%; } body.woocommerce #content .shop-3column .meta_product_archive, .woocommerce-page #content .shop-3column .meta_product_archive, body.woocommerce #content .shop-4column .meta_product_archive, .woocommerce-page #content .shop-4column .meta_product_archive { display: none; } body.woocommerce #content .shop-3column.shop-sidebar .meta_product_archive, .woocommerce-page #content .shop-3column.shop-sidebar .meta_product_archive, body.woocommerce #content .shop-4column.shop-sidebar .meta_product_archive, .woocommerce-page #content .shop-4column.shop-sidebar .meta_product_archive { display: block; } body.woocommerce #content .shop-3column.shop-sidebar.shop-sidebar-left .pr-content, .woocommerce-page #content .shop-3column.shop-sidebar.shop-sidebar-left .pr-content, body.woocommerce #content .shop-4column.shop-sidebar.shop-sidebar-left .pr-content, .woocommerce-page #content .shop-4column.shop-sidebar.shop-sidebar-left .pr-content { float: right; } body.woocommerce #content .shop-3column ul.products li.product, .woocommerce-page #content .shop-3column ul.products li.product { clear: none; } body.woocommerce #content .shop-3column ul.products li.product:nth-child(3n+1), .woocommerce-page #content .shop-3column ul.products li.product:nth-child(3n+1) { clear: left; } body.woocommerce #content .shop-4column ul.products li.product, .woocommerce-page #content .shop-4column ul.products li.product { width: 25%; } body.woocommerce #content .shop-4column ul.products li.product:nth-child(4n+1), .woocommerce-page #content .shop-4column ul.products li.product:nth-child(4n+1) { clear: left; } body.woocommerce #content #sidebar, .woocommerce-page #content #sidebar { padding: 0; margin: 0; } #content .woocommerce.columns-4 ul.products li.product { width: 25%; } #content .woocommerce.columns-2 ul.products li.product { width: 50%; } #content .woocommerce.columns-5 { /*archive product*/ } #content .woocommerce.columns-5 ul.products li.product { width: 20%; } .post-type-archive-product .woocommerce nav.woocommerce-pagination { margin-top: -29px; } #content ul.products li.product { margin: 0; padding: 0 15px; margin-bottom: 29px; width: 33.333%; } #content ul.products li.product.product-list { width: 100%; } #content .meta_product_archive { float: left; width: 100%; border: #eee solid 1px; border-radius: 2px; padding: 20px; margin-bottom: 50px; } #content .meta_product_archive .sort { float: left; } #content .meta_product_archive .sort > label { font-size: 14px; color: #222; line-height: 30px; font-weight: 600; padding-right: 10px; margin: 0; float: left; font-family: Poppins; } #content .meta_product_archive .sort .woocommerce-ordering { margin: 0; float: left; } #content .meta_product_archive .sort .woocommerce-ordering label { position: relative; margin: 0; } #content .meta_product_archive .sort .woocommerce-ordering label:after { content: "\f107"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0px; line-height: 30px; right: 10px; color: #9b9b9b; font-size: 14px; } #content .meta_product_archive .sort .woocommerce-ordering select { -moz-appearance: none; background: transparent none repeat scroll 0 0; border: 1px solid #eee; color: #9b9b9b; cursor: pointer; font-size: 12px; font-weight: 400; height: 30px; line-height: 30px; outline: medium none; padding: 0 11px; text-transform: none; letter-spacing: 0.025em; } #content .meta_product_archive .sort .woocommerce-ordering select::-ms-expand { display: none; } #content .meta_product_archive .cms-product-layout { padding-left: 30px; float: right; } #content .meta_product_archive .cms-product-layout > label { font-size: 14px; color: #222; line-height: 30px; font-weight: 600; padding-right: 10px; float: left; margin: 0; } #content .meta_product_archive .cms-product-layout a { display: inline-block; color: #9b9b9b; float: left; margin-right: 10px; } #content .meta_product_archive .cms-product-layout a > span { display: block; font-size: 14px; line-height: 30px; float: left; width: 30px; height: 30px; text-align: center; border: #eee solid 1px; } #content .meta_product_archive .cms-product-layout a > span i { font-size: 14px; line-height: 30px; } #content .meta_product_archive .cms-product-layout a:hover, #content .meta_product_archive .cms-product-layout a.active { color: #5fbbce; } #content .meta_product_archive .cms-product-layout a:last-child { margin-right: 0; } #content .meta_product_archive .woocommerce-result-count { float: left; padding-left: 30px; margin: 0; } #content .meta_product_archive .woocommerce-result-count > label { font-size: 14px; color: #222; line-height: 30px; font-weight: 600; padding-right: 10px; float: left; margin: 0; font-family: Poppins; } #content .meta_product_archive .woocommerce-result-count form { float: left; } #content .meta_product_archive .woocommerce-result-count form label { position: relative; margin: 0; } #content .meta_product_archive .woocommerce-result-count form label:after { content: "\f107"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0px; line-height: 30px; right: 10px; color: #9b9b9b; font-size: 14px; } #content .meta_product_archive .woocommerce-result-count form select { font-size: 12px; letter-spacing: 0.025em; font-weight: 400; text-transform: none; color: #9b9b9b; line-height: 30px; background: transparent; border: #eee solid 1px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; padding: 0 10px; height: 30px; min-width: 175px; outline: none; } #content .meta_product_archive .woocommerce-result-count form select::-ms-expand { display: none; } #content ul.products { margin: 0 -15px; } #content ul.products li { position: relative; } #content ul.products li .product-inner .product-top { position: relative; overflow: hidden; } #content ul.products li .product-inner .product-top > a.woocommerce-LoopProduct-link, #content ul.products li .product-inner .product-top .hover-image { display: block; line-height: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } #content ul.products li .product-inner .product-top .hover-image { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); } #content ul.products li .product-inner .product-top .hover-image img { -webkit-transform: scale(1.3); -khtml-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } #content ul.products li:hover .product-content .bottom-product a { opacity: 1; } #content ul.products li:hover .product-inner .product-top > a.woocommerce-LoopProduct-link, #content ul.products li:hover .product-inner .product-top .hover-image { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -webkit-transition: -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1); } #content ul.products li:hover .product-inner .product-top > a.woocommerce-LoopProduct-link:before, #content ul.products li:hover .product-inner .product-top .hover-image:before { opacity: 1; } #content ul.products li:hover .product-inner .product-top .hover-image { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } #content ul.products li:hover .product-inner .product-top .bottom-product a:not(.woocommerce-LoopProduct-link) { opacity: 1; } #content ul.products li .product-inner { border-radius: 3px; text-align: center; } #content ul.products li .product-inner .product-top { position: relative; } #content ul.products li .product-inner .product-top > a.woocommerce-LoopProduct-link { position: relative; display: block; } #content ul.products li .product-inner .product-top > a.woocommerce-LoopProduct-link:before { content: ""; width: 100%; height: 100%; background-color: rgba(34, 34, 34, 0.5); position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #content ul.products li .product-inner .product-top > a.woocommerce-LoopProduct-link .onsale { position: absolute; bottom: -31px; right: 15px; height: 62px; width: 62px; border-radius: 50%; background: #5fbbce; font-size: 16px; text-transform: uppercase; color: #fff; line-height: 62px; z-index: 3; margin: 0; padding: 0; font-weight: normal; top: auto; } #content ul.products li .product-inner .product-top .bottom-product { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ text-align: center; width: 100%; } #content ul.products li .product-inner .product-top .bottom-product .woo_grid_compare_button_container { display: none; } #content ul.products li .product-inner .product-top .bottom-product .add_to_cart_button.added { display: none; } #content ul.products li .product-inner .product-top .bottom-product a:not(.woocommerce-LoopProduct-link) { font-size: 13px; color: #222; letter-spacing: 0.02em; background: #fff; border: none; font-weight: 800; text-transform: uppercase; height: 51px; line-height: 51px; margin: 0; padding: 0px 43px; -webkit-border-radius: 51px; -khtml-border-radius: 51px; -moz-border-radius: 51px; -ms-border-radius: 51px; -o-border-radius: 51px; border-radius: 51px; /* BACKGROUND GRADIENT */ opacity: 0; } #content ul.products li .product-inner .product-top .bottom-product a:not(.woocommerce-LoopProduct-link).loading:after { right: 5px; top: 0; } #content ul.products li .product-inner .product-top .bottom-product a:not(.woocommerce-LoopProduct-link).added_to_cart.wc-forward:before { display: none; } #content ul.products li .product-inner .product-top .bottom-product a:not(.woocommerce-LoopProduct-link):hover { background: #5fbbce; color: #fff; } #content ul.products li .product-inner img { margin-bottom: 0; } #content ul.products li .product-inner .star-rating { display: none; } #content ul.products li .product-inner .product-content { position: relative; float: left; width: 100%; } #content ul.products li .product-inner .cms-grid-product-category { font-size: 11.5px; letter-spacing: 0.035em; color: #4d4e52; } #content ul.products li .product-inner .cms-grid-product-category a { color: inherit; margin: 0 5px; } #content ul.products li .product-inner .cms-grid-product-category a:hover { color: #5fbbce; } #content ul.products li .product-inner h3 { color: #282828; font-size: 16px; font-weight: 600; letter-spacing: 0; line-height: 26.52px; margin-bottom: 8px; margin-top: 24px; padding: 0; } #content ul.products li .product-inner h3 a { color: inherit; } #content ul.products li .product-inner h3 a:hover { color: #5fbbce; } #content ul.products li .product-inner .price { font-size: 15px; color: #9b9b9b; margin-bottom: 8px; float: left; width: 100%; font-weight: 600; min-height: 30px; font-family: Poppins; } #content ul.products li .product-inner .price > span { margin: 0 3.5px; } #content ul.products li .product-inner .price del { color: #d82020; text-decoration: line-through; display: inline-block; margin: 0 3.5px; } #content ul.products li .product-inner .price ins { color: inherit; display: inline-block; font-weight: normal; margin: 0 3.5px; padding: 0; } #content ul.products li.product-list { margin-bottom: 37px; width: 100%; } #content ul.products li.product-list .product-inner .product-thumb { width: 300px; float: left; } #content ul.products li.product-list .product-inner .product-thumb a { width: 100%; height: 100%; float: left; position: static; } #content ul.products li.product-list .product-inner .product-thumb .onsale { position: absolute; bottom: -31px; right: 15px; height: 62px; width: 62px; border: #3ba9bf solid 1px; border-radius: 50%; background: #5fbbce; font-size: 16px; text-transform: uppercase; color: #fff; line-height: 62px; z-index: 3; margin: 0; padding: 0; font-weight: normal; top: auto; } #content ul.products li.product-list .product-inner .product-thumb img { height: 100%; margin-bottom: 0; } #content ul.products li.product-list .product-inner .product-thumb .onsale { top: -10px; right: -10px; } #content ul.products li.product-list .product-inner .product-content { float: left; width: calc(100% - 300px); padding-left: 30px; text-align: left; padding-right: 30px; padding-bottom: 22px; } #content ul.products li.product-list .product-inner .product-content .product-desc { padding-top: 13px; font-size: 14px; line-height: 24px; color: #212121; } #content ul.products li.product-list .product-inner .product-content .price { padding-top: 6px; } #content ul.products li.product-list .product-inner .product-content .bottom-product { float: left; width: 100%; margin-top: 12px; position: static; text-align: left; } #content ul.products li.product-list .product-inner .product-content .bottom-product a { opacity: 1; } .woocommerce nav.woocommerce-pagination { padding: 17px 0 23px; float: left; width: 100%; text-align: right; margin-top: 0px; text-align: center; } .woocommerce nav.woocommerce-pagination ul { display: inline-block; white-space: nowrap; padding: 0; border: none; border-right: 0; margin: 0; float: none; } .woocommerce nav.woocommerce-pagination ul > li { margin: 0 5px; border-right: none; padding: 0; display: inline-block; overflow: hidden; } .woocommerce nav.woocommerce-pagination ul > li a, .woocommerce nav.woocommerce-pagination ul > li span { background-color: transparent; border: 2px solid #e0e0e0; border-radius: 2px; color: #646464; display: inline-block; font-size: 20px; height: 51px; letter-spacing: 0.02em; line-height: 47px; min-width: 51px; padding: 0; text-align: center; font-family: Poppins; font-weight: 700; } .woocommerce nav.woocommerce-pagination ul > li a.current, .woocommerce nav.woocommerce-pagination ul > li span.current, .woocommerce nav.woocommerce-pagination ul > li a:hover, .woocommerce nav.woocommerce-pagination ul > li span:hover { background: #5fbbce; color: #fff; border-color: #5fbbce; } .woocommerce nav.woocommerce-pagination ul > li a.next, .woocommerce nav.woocommerce-pagination ul > li span.next { margin-left: 20px; } .woocommerce nav.woocommerce-pagination ul > li a.prev, .woocommerce nav.woocommerce-pagination ul > li span.prev { margin-right: 20px; } .woocommerce nav.woocommerce-pagination ul > li a i, .woocommerce nav.woocommerce-pagination ul > li span i { font-size: 25px; line-height: 45px; } .clr { width: 100%; float: left; clear: both; } body.woocommerce #content #sidebar { /*single product*/ } body.woocommerce #content #sidebar .widget_price_filter { background: #fff; padding-top: 1px; } body.woocommerce #content #sidebar .widget_price_filter .price_slider_wrapper .ui-widget-content { background: #f2f2f2; border: none; height: 4px; border-radius: 0px; margin-bottom: 12px; } body.woocommerce #content #sidebar .widget_price_filter .ui-slider .ui-slider-range { border-radius: 0; background: #5fbbce; } body.woocommerce #content #sidebar .widget_price_filter .ui-slider .ui-slider-handle { width: 8px; height: 8px; border: none; border-radius: 0px; cursor: ew-resize; outline: 0; top: -2px; margin-left: -0.5em; background: #222; } body.woocommerce #content #sidebar .widget_price_filter .price_slider_wrapper { padding-top: 7px; position: relative; margin-left: 0px; margin-top: 45px; } body.woocommerce #content #sidebar .widget_price_filter .price_label { font-size: 13px; position: absolute; top: 0; left: 0; font-family: 'open_sansregular'; color: #9b9b9b; } body.woocommerce #content #sidebar .widget_price_filter .price_label span { color: #5fbbce; } body.woocommerce #content #sidebar .widget_price_filter .price_slider_amount { padding-top: 40px; position: relative; } body.woocommerce #content #sidebar .widget_price_filter .price_slider_amount .button { background: transparent none repeat scroll 0 0; border: 2px solid #222; -webkit-border-radius: 42px; -khtml-border-radius: 42px; -moz-border-radius: 42px; -ms-border-radius: 42px; -o-border-radius: 42px; border-radius: 42px; /* BACKGROUND GRADIENT */ color: #222; float: left; font-size: 13px; font-weight: 800; height: 42px; line-height: 38px; padding: 0 15px; text-transform: uppercase; } body.woocommerce #content #sidebar .widget_price_filter .price_slider_amount .button:hover { background-color: #222; color: #fff; } body.woocommerce #content #sidebar ul.products { padding-top: 8px; } body.woocommerce #content #sidebar ul.products li.product { width: 100%; margin-bottom: 20px; } body.woocommerce #content #sidebar ul.products li.product:last-child { margin-bottom: 3px; } body.woocommerce #content #sidebar ul.products li.product:last-child .product-inner .product-content { border: none; } body.woocommerce #content #sidebar ul.products li.product .product-inner { text-align: left; } body.woocommerce #content #sidebar ul.products li.product .product-inner .product-top { float: left; max-width: 49px; } body.woocommerce #content #sidebar ul.products li.product .product-inner .product-top > a { width: 49px; float: left; } body.woocommerce #content #sidebar ul.products li.product .product-inner .product-top > a img { width: 49px; height: 49px; } body.woocommerce #content #sidebar ul.products li.product .product-inner .product-top .bottom-product a:not(.woocommerce-LoopProduct-link) { display: none; } body.woocommerce #content #sidebar ul.products li.product .product-inner .product-content { width: calc(100% - 64px); float: right; border-bottom: #f4f4f4 solid 1px; } body.woocommerce #content #sidebar ul.products li.product .product-inner .product-content h3 { font-size: 14px; line-height: 24px; margin-top: -6px; color: #282828; margin-bottom: 5px; } body.woocommerce #content #sidebar ul.products li.product .product-inner .product-content .price { font-size: 13px; color: #616161; letter-spacing: 0.01em; font-weight: 600; margin-bottom: 6px; } body.woocommerce #content #sidebar ul.products li.product .product-inner .product-content .bottom-product a { opacity: 0; } .single-product .single_product { padding-bottom: 17px; } .single-product #page #content { padding-top: 110px; padding-bottom: 42px; } .single-product #page #content #content { padding-top: 0px; padding-bottom: 0px; } .single-product #page #content #main_content_product { width: 71.5%; } .single-product #page #content .main-sidebar { width: 28.5%; } .single-product #page #content #sidebar { padding-top: 0; } .single-product .cs-product-wrap { position: relative; margin-bottom: 48px; } .single-product .cs-product-wrap .onsale { -webkit-border-radius: 0 0 2px 2px; -khtml-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; -ms-border-radius: 0 0 2px 2px; -o-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; /* BACKGROUND GRADIENT */ font-weight: 700; right: 35px; line-height: normal; margin: 0; min-height: 0; padding: 7px 10px; text-transform: uppercase; top: 0; background-color: #e41270; font-size: 12px; max-width: 50px; left: inherit; } .single-product .cs-product-wrap .cshero-product-images-wrap { position: relative; } .single-product .cs-product-wrap .cshero-product-images-wrap .images { width: 100% !important; } .single-product .cs-product-wrap .entry-summary .entry-summary-inner .product_title { font-size: 18px; color: #282828; line-height: 26.52px; text-transform: capitalize; font-weight: 600; margin-top: 17px; margin-bottom: 2px; } .single-product .cs-product-wrap .entry-summary .entry-summary-inner .price { padding-top: 4px; font-size: 16px; color: #9b9b9b; font-weight: 600; font-family: Poppins; } .single-product .cs-product-wrap .entry-summary .entry-summary-inner .price .woocommerce-Price-amount { margin-right: 10px; } .single-product .cs-product-wrap .entry-summary .entry-summary-inner .price .woocommerce-Price-amount + .woocommerce-Price-amount { margin-left: 10px; } .single-product .cs-product-wrap .entry-summary .entry-summary-inner div[itemprop="description"] { color: #959595; font-size: 13px; line-height: 22px; margin-top: -7px; } .single-product .cs-product-wrap .entry-summary .woocommerce-product-rating { margin-bottom: 12px; float: right; } .single-product .cs-product-wrap .entry-summary .woocommerce-product-rating .star-rating { margin: 0.5em 4px 0 0; color: #5fbbce; height: 15px; font-size: 14px; } .single-product .cs-product-wrap .entry-summary .woocommerce-product-rating .star-rating:before { content: "\53\53\53\53\53"; color: #959595; } .single-product .cs-product-wrap .entry-summary .woocommerce-review-link { font-size: 13px; color: #959595; position: relative; top: -1px; margin-left: 23px; } .single-product .cs-product-wrap .entry-summary .other-info-product { float: left; width: 100%; border-top: #edecec solid 1px; margin-top: 22px; padding-top: 24px; } .single-product .cs-product-wrap .entry-summary .other-info-product h3 { color: #282828; font-size: 18px; line-height: 28px; font-weight: 600; } .single-product .cs-product-wrap .entry-summary .other-info-product > div { font-size: 13px; line-height: 26px; color: #959595; } .single-product .cs-product-wrap .entry-summary .other-info-product > div a { color: #959595; } .single-product .cs-product-wrap .entry-summary .other-info-product > div a:hover { color: #5fbbce; } .single-product .cs-product-wrap .entry-summary .other-info-product > div span { color: #5fbbce; } .single-product .cs-product-wrap .entry-summary .sg-product-share { float: left; width: 100%; border-top: #edecec solid 1px; padding-top: 24px; } .single-product .cs-product-wrap .entry-summary .sg-product-share label { color: #282828; font-size: 18px; line-height: 25px; font-weight: 600; float: left; width: 100%; } .single-product .cs-product-wrap .entry-summary .sg-product-share > div { float: left; width: 100%; margin-top: 7px; } .single-product .cs-product-wrap .entry-summary .sg-product-share > div a { width: 32px; height: 32px; background: #5fbbce; border-radius: 2px; color: #fff; display: inline-block; line-height: 32px; text-align: center; float: left; margin-right: 10px; font-size: 14px; } .single-product .cs-product-wrap .entry-summary .sg-product-share > div a:hover { background-color: #222; } .single-product .cs-product-wrap .entry-summary .variations_form, .single-product .cs-product-wrap .entry-summary .cart { float: left; width: 100%; border-top: #edecec solid 1px; margin-top: 21px; padding-top: 30px; margin-bottom: 0; /* Select effect */ padding-bottom: 30px; } .single-product .cs-product-wrap .entry-summary .variations_form .quantity label, .single-product .cs-product-wrap .entry-summary .cart .quantity label { color: #282828; font-size: 15px; line-height: 25px; font-weight: 600; float: left; } .single-product .cs-product-wrap .entry-summary .variations_form .quantity .minus, .single-product .cs-product-wrap .entry-summary .cart .quantity .minus { width: 25px; height: 25px; border-radius: 2px; border: #eee solid 1px; position: relative; display: block; float: left; cursor: pointer; margin-right: 5px; margin-left: 9px; } .single-product .cs-product-wrap .entry-summary .variations_form .quantity .minus:before, .single-product .cs-product-wrap .entry-summary .cart .quantity .minus:before { width: 8px; height: 2px; content: ''; background: #5fbbce; position: absolute; top: 11px; left: 8px; } .single-product .cs-product-wrap .entry-summary .variations_form .quantity .plus, .single-product .cs-product-wrap .entry-summary .cart .quantity .plus { width: 25px; height: 25px; border-radius: 2px; border: #eee solid 1px; position: relative; display: block; float: left; cursor: pointer; } .single-product .cs-product-wrap .entry-summary .variations_form .quantity .plus:before, .single-product .cs-product-wrap .entry-summary .cart .quantity .plus:before { width: 8px; height: 2px; content: ''; background: #5fbbce; position: absolute; top: 11px; left: 8px; } .single-product .cs-product-wrap .entry-summary .variations_form .quantity .plus:after, .single-product .cs-product-wrap .entry-summary .cart .quantity .plus:after { width: 2px; height: 8px; content: ''; background: #5fbbce; position: absolute; top: 8px; left: 11px; } .single-product .cs-product-wrap .entry-summary .variations_form .quantity input, .single-product .cs-product-wrap .entry-summary .cart .quantity input { width: 25px; height: 25px; border-radius: 2px; border: #eee solid 1px; float: left; font-size: 14px; color: #222; line-height: 25px; padding: 0 2px; text-align: center; margin-right: 5px; } .single-product .cs-product-wrap .entry-summary .variations_form .quantity input[type=number]::-webkit-inner-spin-button, .single-product .cs-product-wrap .entry-summary .cart .quantity input[type=number]::-webkit-inner-spin-button, .single-product .cs-product-wrap .entry-summary .variations_form .quantity input[type=number]::-webkit-outer-spin-button, .single-product .cs-product-wrap .entry-summary .cart .quantity input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } .single-product .cs-product-wrap .entry-summary .variations_form .quantity input[type=number], .single-product .cs-product-wrap .entry-summary .cart .quantity input[type=number] { -moz-appearance: textfield; } .single-product .cs-product-wrap .entry-summary .variations_form .yith-wcwl-add-to-wishlist, .single-product .cs-product-wrap .entry-summary .cart .yith-wcwl-add-to-wishlist, .single-product .cs-product-wrap .entry-summary .variations_form .woo_compare_button_container, .single-product .cs-product-wrap .entry-summary .cart .woo_compare_button_container { float: right; margin-top: 0; } .single-product .cs-product-wrap .entry-summary .variations_form .yith-wcwl-add-to-wishlist + .clear, .single-product .cs-product-wrap .entry-summary .cart .yith-wcwl-add-to-wishlist + .clear, .single-product .cs-product-wrap .entry-summary .variations_form .woo_compare_button_container + .clear, .single-product .cs-product-wrap .entry-summary .cart .woo_compare_button_container + .clear { display: none; } .single-product .cs-product-wrap .entry-summary .variations_form .woo_bt_compare_this + div, .single-product .cs-product-wrap .entry-summary .cart .woo_bt_compare_this + div { display: none; } .single-product .cs-product-wrap .entry-summary .variations_form .single_add_to_cart_button, .single-product .cs-product-wrap .entry-summary .cart .single_add_to_cart_button, .single-product .cs-product-wrap .entry-summary .variations_form .add_to_wishlist, .single-product .cs-product-wrap .entry-summary .cart .add_to_wishlist, .single-product .cs-product-wrap .entry-summary .variations_form .woo_bt_compare_this, .single-product .cs-product-wrap .entry-summary .cart .woo_bt_compare_this, .single-product .cs-product-wrap .entry-summary .variations_form .woo_bt_view_compare, .single-product .cs-product-wrap .entry-summary .cart .woo_bt_view_compare, .single-product .cs-product-wrap .entry-summary .variations_form .yith-wcwl-wishlistaddedbrowse > a, .single-product .cs-product-wrap .entry-summary .cart .yith-wcwl-wishlistaddedbrowse > a, .single-product .cs-product-wrap .entry-summary .variations_form .yith-wcwl-wishlistexistsbrowse > a, .single-product .cs-product-wrap .entry-summary .cart .yith-wcwl-wishlistexistsbrowse > a, .single-product .cs-product-wrap .entry-summary .variations_form a.compare, .single-product .cs-product-wrap .entry-summary .cart a.compare { background: #222 none repeat scroll 0 0; border: medium none; border-radius: 42px; cursor: pointer; float: right; font-weight: 700; letter-spacing: 0; line-height: 42px; margin-left: 20px; min-width: 134px; padding: 0 10px; text-align: center; font-family: 'open_sansregular'; text-transform: uppercase; font-size: 13px; color: #fff; } .single-product .cs-product-wrap .entry-summary .variations_form .single_add_to_cart_button i, .single-product .cs-product-wrap .entry-summary .cart .single_add_to_cart_button i, .single-product .cs-product-wrap .entry-summary .variations_form .add_to_wishlist i, .single-product .cs-product-wrap .entry-summary .cart .add_to_wishlist i, .single-product .cs-product-wrap .entry-summary .variations_form .woo_bt_compare_this i, .single-product .cs-product-wrap .entry-summary .cart .woo_bt_compare_this i, .single-product .cs-product-wrap .entry-summary .variations_form .woo_bt_view_compare i, .single-product .cs-product-wrap .entry-summary .cart .woo_bt_view_compare i, .single-product .cs-product-wrap .entry-summary .variations_form .yith-wcwl-wishlistaddedbrowse > a i, .single-product .cs-product-wrap .entry-summary .cart .yith-wcwl-wishlistaddedbrowse > a i, .single-product .cs-product-wrap .entry-summary .variations_form .yith-wcwl-wishlistexistsbrowse > a i, .single-product .cs-product-wrap .entry-summary .cart .yith-wcwl-wishlistexistsbrowse > a i, .single-product .cs-product-wrap .entry-summary .variations_form a.compare i, .single-product .cs-product-wrap .entry-summary .cart a.compare i { font-size: 16px; margin-left: 12px; } .single-product .cs-product-wrap .entry-summary .variations_form .single_add_to_cart_button:hover, .single-product .cs-product-wrap .entry-summary .cart .single_add_to_cart_button:hover, .single-product .cs-product-wrap .entry-summary .variations_form .add_to_wishlist:hover, .single-product .cs-product-wrap .entry-summary .cart .add_to_wishlist:hover, .single-product .cs-product-wrap .entry-summary .variations_form .woo_bt_compare_this:hover, .single-product .cs-product-wrap .entry-summary .cart .woo_bt_compare_this:hover, .single-product .cs-product-wrap .entry-summary .variations_form .woo_bt_view_compare:hover, .single-product .cs-product-wrap .entry-summary .cart .woo_bt_view_compare:hover, .single-product .cs-product-wrap .entry-summary .variations_form .yith-wcwl-wishlistaddedbrowse > a:hover, .single-product .cs-product-wrap .entry-summary .cart .yith-wcwl-wishlistaddedbrowse > a:hover, .single-product .cs-product-wrap .entry-summary .variations_form .yith-wcwl-wishlistexistsbrowse > a:hover, .single-product .cs-product-wrap .entry-summary .cart .yith-wcwl-wishlistexistsbrowse > a:hover, .single-product .cs-product-wrap .entry-summary .variations_form a.compare:hover, .single-product .cs-product-wrap .entry-summary .cart a.compare:hover { background: #5fbbce !important; } .single-product .cs-product-wrap .entry-summary .variations_form .yith-wcwl-wishlistaddedbrowse span, .single-product .cs-product-wrap .entry-summary .cart .yith-wcwl-wishlistaddedbrowse span, .single-product .cs-product-wrap .entry-summary .variations_form .yith-wcwl-wishlistexistsbrowse span, .single-product .cs-product-wrap .entry-summary .cart .yith-wcwl-wishlistexistsbrowse span { display: none; } .single-product .cs-product-wrap .entry-summary .variations_form .variations, .single-product .cs-product-wrap .entry-summary .cart .variations { float: left; width: auto; margin-top: 8px; margin-bottom: 0; } .single-product .cs-product-wrap .entry-summary .variations_form .woocommerce-variation-add-to-cart, .single-product .cs-product-wrap .entry-summary .cart .woocommerce-variation-add-to-cart { float: left; margin-left: 21px; } .single-product .cs-product-wrap .entry-summary .variations_form .woocommerce-variation-add-to-cart .quantity, .single-product .cs-product-wrap .entry-summary .cart .woocommerce-variation-add-to-cart .quantity { margin-top: 8px; } .single-product .cs-product-wrap .entry-summary .variations_form .woocommerce-variation-price, .single-product .cs-product-wrap .entry-summary .cart .woocommerce-variation-price { float: left; width: 100%; margin-top: 30px; } .single-product .cs-product-wrap .entry-summary .cart .quantity { margin-top: 8px; } .single-product .cs-product-wrap .entry-summary .product_meta { display: none; } .single-product .cs-product-wrap .entry-summary .single_variation_wrap { padding-top: 0px; } .single-product .cs-product-wrap .entry-summary .single_variation_wrap .woocommerce-variation-price { padding-bottom: 32px; } .single-product .cs-product-wrap .entry-summary .single_variation_wrap .woocommerce-variation-price .price .amount { font-size: 25px; line-height: 30px; color: #5fbbce; } .single-product .cs-product-wrap .entry-summary .single_variation_wrap .btn, .single-product .cs-product-wrap .entry-summary .single_variation_wrap .woocommerce input.button, .woocommerce .single-product .cs-product-wrap .entry-summary .single_variation_wrap input.button, .single-product .cs-product-wrap .entry-summary .single_variation_wrap .woocommerce #respond input#submit, .woocommerce #respond .single-product .cs-product-wrap .entry-summary .single_variation_wrap input#submit, .single-product .cs-product-wrap .entry-summary .single_variation_wrap .woocommerce a.button, .woocommerce .single-product .cs-product-wrap .entry-summary .single_variation_wrap a.button, .single-product .cs-product-wrap .entry-summary .single_variation_wrap .woocommerce button.button, .woocommerce .single-product .cs-product-wrap .entry-summary .single_variation_wrap button.button, .single-product .cs-product-wrap .entry-summary .single_variation_wrap .woocommerce input.button, .woocommerce .single-product .cs-product-wrap .entry-summary .single_variation_wrap input.button, .single-product .cs-product-wrap .entry-summary .single_variation_wrap #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .button, #cms-theme .widget_shopping_cart .widget_shopping_cart_content p.buttons .single-product .cs-product-wrap .entry-summary .single_variation_wrap .button, .single-product .cs-product-wrap .entry-summary .single_variation_wrap .woocommerce-Reviews #review_form #respond .form-submit input, .woocommerce-Reviews #review_form #respond .form-submit .single-product .cs-product-wrap .entry-summary .single_variation_wrap input, .single-product .cs-product-wrap .entry-summary .single_variation_wrap .woocommerce table.shop_table td.actions input.button, .woocommerce table.shop_table td.actions .single-product .cs-product-wrap .entry-summary .single_variation_wrap input.button, .single-product .cs-product-wrap .entry-summary .single_variation_wrap .woocommerce table.shop_table td.actions .wc-proceed-to-checkout a, .woocommerce table.shop_table td.actions .wc-proceed-to-checkout .single-product .cs-product-wrap .entry-summary .single_variation_wrap a, .single-product .cs-product-wrap .entry-summary .single_variation_wrap .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button, .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form .single-product .cs-product-wrap .entry-summary .single_variation_wrap button, .single-product .cs-product-wrap .entry-summary .single_variation_wrap .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form .single-product .cs-product-wrap .entry-summary .single_variation_wrap button, .single-product .cs-product-wrap .entry-summary .single_variation_wrap .woocommerce .cart-collaterals .cart_totals .checkout-button, .woocommerce .cart-collaterals .cart_totals .single-product .cs-product-wrap .entry-summary .single_variation_wrap .checkout-button, .single-product .cs-product-wrap .entry-summary .single_variation_wrap .woocommerce-page .cart-collaterals .cart_totals .checkout-button, .woocommerce-page .cart-collaterals .cart_totals .single-product .cs-product-wrap .entry-summary .single_variation_wrap .checkout-button, .single-product .cs-product-wrap .entry-summary .single_variation_wrap .woocommerce .return-to-shop a.button, .woocommerce .return-to-shop .single-product .cs-product-wrap .entry-summary .single_variation_wrap a.button, .single-product .cs-product-wrap .entry-summary .single_variation_wrap .woocommerce .checkout_coupon input.button, .woocommerce .checkout_coupon .single-product .cs-product-wrap .entry-summary .single_variation_wrap input.button, .single-product .cs-product-wrap .entry-summary .single_variation_wrap .woocommerce-checkout #payment #place_order, .woocommerce-checkout #payment .single-product .cs-product-wrap .entry-summary .single_variation_wrap #place_order { margin-right: 14px; margin-bottom: 10px; } .single-product .cs-product-wrap .entry-summary .woocommerce-tabs { margin-top: 69px; float: left; width: 100%; border: #eee solid 1px; } .single-product .cs-product-wrap .entry-summary .woocommerce-tabs ul.tabs { padding: 0; margin: 0; background: #f9f9f9; } .single-product .cs-product-wrap .entry-summary .woocommerce-tabs ul.tabs:before { border-bottom: 1px solid #eee; } .single-product .cs-product-wrap .entry-summary .woocommerce-tabs ul.tabs li:before, .single-product .cs-product-wrap .entry-summary .woocommerce-tabs ul.tabs li:after { display: none; } .single-product .cs-product-wrap .entry-summary .woocommerce-tabs ul.tabs li { border: none; border-right: #eee solid 1px; background: none; padding: 0; margin: 0; border-radius: 0; float: left; } .single-product .cs-product-wrap .entry-summary .woocommerce-tabs ul.tabs li a { font-size: 15px; color: #282828; padding: 17.5px 20px; font-weight: 600; font-family: Poppins; } .single-product .cs-product-wrap .entry-summary .woocommerce-tabs ul.tabs li:last-child { border: none; } .single-product .cs-product-wrap .entry-summary .woocommerce-tabs ul.tabs li:hover, .single-product .cs-product-wrap .entry-summary .woocommerce-tabs ul.tabs li.active { background: #fff; } .single-product .cs-product-wrap .entry-summary .woocommerce-tabs ul.tabs li:hover a, .single-product .cs-product-wrap .entry-summary .woocommerce-tabs ul.tabs li.active a { color: #5fbbce; font-size: 14px; } .single-product .cs-product-wrap .entry-summary .woocommerce-Tabs-panel { padding: 14px 20px 8px !important; margin: 0 !important; border: none !important; font-size: 13px; line-height: 22px; color: #959595; } .woocommerce-Reviews .woocommerce-Reviews-title, .woocommerce-Reviews .woocommerce-noreviews { display: none; } .woocommerce-Reviews #comments { border-top: none; padding: 0; } .woocommerce-Reviews #review_form_wrapper { float: left; width: 100%; } .woocommerce-Reviews #review_form_wrapper .comment-reply-title { color: #222; font-size: 14px; line-height: 30px; display: block; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; padding-bottom: 0; margin-bottom: 15px; float: left; width: 100%; } .woocommerce-Reviews .reply-title { padding-top: 0; } .woocommerce-Reviews #commentform { margin-left: 0; margin-right: 0; width: 100%; } .woocommerce-Reviews #commentform label { color: #282828; font-size: 13px; line-height: 25px; letter-spacing: 0.025em; font-weight: 500; float: left; width: 100%; } .woocommerce-Reviews #review_form #respond p { margin: 0; } .woocommerce-Reviews #review_form #respond .form-submit input { width: auto; min-width: 170px; height: 45px; line-height: 1; } .woocommerce-Reviews #commentform .form-submit, .woocommerce-Reviews #commentform .logged-in-as { padding: 0; } .woocommerce-Reviews #review_form #respond textarea { line-height: 28px; color: #212121; font-size: 12px; height: 120px; } .woocommerce-Reviews #review_form #respond .comment-form-email + .form-submit { margin-top: 20px; } .woocommerce-Reviews#reviews #comments ol.commentlist { padding: 0; } .woocommerce-Reviews#reviews #comments ol.commentlist li img.avatar { position: static; padding: 0px; width: 100px; background: #eceff1; border: 1px solid #cfd8dc; } .woocommerce-Reviews#reviews #comments ol.commentlist li .comment-text { margin: 0; border: none; border-radius: 0px; padding: 0; width: calc(100% - 100px); padding-left: 20px; float: left; } .woocommerce-Reviews#reviews #comments ol.commentlist li .star-rating { color: #5fbbce; height: 20px; } .woocommerce-Reviews#reviews #comments ol.commentlist li .star-rating:before { color: #5fbbce; } .woocommerce-Reviews#reviews #comments ol.commentlist li .meta .author { color: #e41270; text-transform: uppercase; font-size: 13px; margin-bottom: 5px; } .woocommerce-Reviews#reviews #comments ol.commentlist li .meta time { color: #e41270; font-size: 11px; } .woocommerce-Reviews .comment-reply-title { padding-top: 0; } .woocommerce-Reviews #commentform input[type="text"], .woocommerce-Reviews #commentform input[type="email"], .woocommerce-Reviews #commentform textarea { border: #eee solid 1px; padding: 0 10px; margin-bottom: 5px; } .woocommerce-Reviews #commentform input[type="text"], .woocommerce-Reviews #commentform input[type="email"] { height: 35px; line-height: 35px; } #product-nav { text-align: center; width: 100%; float: left; margin-top: 2px; margin-bottom: 55px; } #product-nav .nav-links { display: inline-block; } #product-nav .nav-links > div { display: inline-block; float: left; margin: 0 5px; } #product-nav .nav-links > div a { background-color: transparent; border: 2px solid #e0e0e0; border-radius: 2px; color: #646464; display: inline-block; font-size: 25px; height: 51px; line-height: 44px; text-align: center; width: 51px; } #product-nav .nav-links > div a.current, #product-nav .nav-links > div a:hover { background-color: #5fbbce; color: #fff; border-color: #5fbbce; } #product-nav .nav-links > div a i { font-size: 25px; } #related-product .title { color: #222; font-size: 14px; line-height: 30px; display: block; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; border-bottom: #eee solid 2px; margin-bottom: 30px; float: left; width: 100%; position: relative; padding-bottom: 10px; } #related-product .title:after { background: #5fbbce; width: 119px; content: ''; height: 2px; position: absolute; bottom: -2px; left: 0; } .related.products { float: left; width: 100%; } .related.products .product { width: 100% !important; padding: 0 !important; } .woocommerce ins { color: inherit; } .woocommerce del { opacity: 1; color: #d82020; } .woocommerce table.shop_table { border: none; border: #eee solid 1px; border-radius: 1px; } .woocommerce table.shop_table th { font-size: 14px; color: #282828; font-weight: 600; padding: 3px 10px; background: #f9f9f9; text-align: center; border-right: #eee solid 1px; line-height: 41px; font-family: Poppins; text-transform: none; } .woocommerce table.shop_table th:last-child { border-right: none; } .woocommerce table.shop_table td { padding: 20px 20px 29px; border-top: #eee solid 1px; border-right: #eee solid 1px; vertical-align: top; text-align: center; font-size: 13px; color: #9b9b9b; line-height: 20px; font-weight: 700; } .woocommerce table.shop_table td.product-name { font-size: 16px; color: #282828; font-weight: 600; line-height: 26.52px; padding-top: 14px; font-family: Poppins; } .woocommerce table.shop_table td.product-name a { color: inherit; float: left; } .woocommerce table.shop_table td.product-name a.remove { width: 19px; margin-top: 5px; height: 19px; display: inherit; background: #000; color: #fff !important; border-radius: 1px; line-height: 19px; float: right; text-align: center; } .woocommerce table.shop_table td.product-name a.remove i { font-size: 20px; line-height: 19px; } .woocommerce table.shop_table td.product-name a.remove:hover { background: #5fbbce; } .woocommerce table.shop_table td.product-name .product-thumbnail { float: left; width: 60px; } .woocommerce table.shop_table td.product-name .product-thumbnail img { border-radius: 2px; margin-top: 6px; } .woocommerce table.shop_table td.product-name .product-name { float: right; width: calc(100% - 80px); } .woocommerce table.shop_table td.product-quantity { text-align: center; } .woocommerce table.shop_table td.product-quantity .quantity { display: inline-block; } .woocommerce table.shop_table td.product-quantity .quantity label { display: none; } .woocommerce table.shop_table td.product-quantity .quantity .minus { width: 25px; height: 25px; border-radius: 2px; border: #eee solid 1px; position: relative; display: block; float: left; cursor: pointer; margin-right: 5px; margin-left: 9px; } .woocommerce table.shop_table td.product-quantity .quantity .minus:before { width: 8px; height: 2px; content: ''; background: #5fbbce; position: absolute; top: 11px; left: 8px; } .woocommerce table.shop_table td.product-quantity .quantity .plus { width: 25px; height: 25px; border-radius: 2px; border: #eee solid 1px; position: relative; display: block; float: left; cursor: pointer; } .woocommerce table.shop_table td.product-quantity .quantity .plus:before { width: 8px; height: 2px; content: ''; background: #5fbbce; position: absolute; top: 11px; left: 8px; } .woocommerce table.shop_table td.product-quantity .quantity .plus:after { width: 2px; height: 8px; content: ''; background: #5fbbce; position: absolute; top: 8px; left: 11px; } .woocommerce table.shop_table td.product-quantity .quantity input { width: 25px; height: 25px; border-radius: 2px; border: #eee solid 1px; float: left; font-size: 14px; color: #222; line-height: 25px; padding: 0 2px; text-align: center; margin-right: 5px; } .woocommerce table.shop_table td.product-quantity .quantity input[type=number]::-webkit-inner-spin-button, .woocommerce table.shop_table td.product-quantity .quantity input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } .woocommerce table.shop_table td.product-quantity .quantity input[type=number] { -moz-appearance: textfield; } .woocommerce table.shop_table td.product-price { font-size: 13px; color: #9b9b9b; line-height: 20px; text-align: center; font-weight: 600; font-family: Poppins; } .woocommerce table.shop_table td:last-child { border-right: none; } .woocommerce table.shop_table td.actions { padding-top: 30px; padding-bottom: 30px; border-right: none; } .woocommerce table.shop_table td.actions #coupon_code { margin-top: 4px; } .woocommerce table.shop_table td.actions input.button { padding: 0px 17px; float: left; height: 42px; line-height: 40px; margin-left: 10px; } .woocommerce table.shop_table td.actions input.button.update-cart { background: #222; border-color: #222; float: right; } .woocommerce table.shop_table td.actions input.button.update-cart:hover { background: #e41270; border-color: #e41270; } .woocommerce table.shop_table td.actions .wc-proceed-to-checkout { padding: 0; float: right; } .woocommerce table.shop_table td.actions .wc-proceed-to-checkout a { padding: 0px 17px; float: left; height: 42px; line-height: 40px; margin-left: 10px; } .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon { float: left; width: 100%; } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 250px; float: left; border: 1px solid #eee; border-radius: 2px; color: #959595; font-size: 12px; padding: 2px 15px; height: 42px; line-height: 1; font-weight: normal; margin: 0; } #add_payment_method table.cart .product-thumbnail a, .woocommerce-cart table.cart .product-thumbnail a, .woocommerce-checkout table.cart .product-thumbnail a { display: block; } #add_payment_method table.cart .product-thumbnail a img, .woocommerce-cart table.cart .product-thumbnail a img, .woocommerce-checkout table.cart .product-thumbnail a img { width: 60px; } .woocommerce-cart .coupon .button { margin: 10px 0 0 !important; } .woocommerce-cart .wc-proceed-to-checkout { margin-bottom: 10px !important; } .cart-wrap { margin-top: 25px; } .woocommerce-cart #page-title { padding-top: 26px; padding-bottom: 34px; } .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals { width: 100%; margin-top: 12px; float: left; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: right; width: 100%; padding-left: calc(50% + 15px); margin-top: 14px; position: relative; min-height: 265px; } .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout, .woocommerce-page .cart-collaterals .cart_totals .wc-proceed-to-checkout { display: none; } .woocommerce .cart-collaterals .cart_totals .shop_table, .woocommerce-page .cart-collaterals .cart_totals .shop_table { padding: 20px 20px 8px; } .woocommerce .cart-collaterals .cart_totals .shop_table tr, .woocommerce-page .cart-collaterals .cart_totals .shop_table tr { width: 50%; } .woocommerce .cart-collaterals .cart_totals .shop_table tr.cart-total-title th, .woocommerce-page .cart-collaterals .cart_totals .shop_table tr.cart-total-title th { font-size: 18px; color: #282828; font-weight: 700; text-transform: none; padding-bottom: 19px; } .woocommerce .cart-collaterals .cart_totals .shop_table tr th, .woocommerce-page .cart-collaterals .cart_totals .shop_table tr th { font-weight: normal; font-size: 13px; line-height: 36px; color: #5fbbce; text-transform: uppercase; font-weight: 800; padding: 0; border: none; background: none; text-align: left; } .woocommerce .cart-collaterals .cart_totals .shop_table tr td, .woocommerce-page .cart-collaterals .cart_totals .shop_table tr td { font-weight: normal; font-size: 13px; line-height: 36px; color: #959595; text-align: right; padding: 0; border: none; } .woocommerce .cart-collaterals .cart_totals .shop_table tr td strong, .woocommerce-page .cart-collaterals .cart_totals .shop_table tr td strong { font-weight: normal; } .woocommerce .cart-collaterals .cart_totals .shop_table form.woocommerce-shipping-calculator > p, .woocommerce-page .cart-collaterals .cart_totals .shop_table form.woocommerce-shipping-calculator > p { margin: 0; } .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-button, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-button { display: none; } .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form { position: absolute; display: block !important; top: 0; left: 0; width: calc(50% - 15px); border: #eee solid 1px; padding: 20px; } .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form h2, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form h2 { font-size: 18px; color: #282828; font-weight: 700; text-transform: none; padding-bottom: 17px; margin-bottom: 0; text-align: left; line-height: 36px; } .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form select, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form select { border: #efefef solid 1px; border-radius: 2px; font-size: 14px; color: #959595; height: 38px; line-height: 32px; padding: 2px 20px; } .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form input[type='text'], .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form input[type='text'] { border: #efefef solid 1px; border-radius: 2px; font-size: 14px; color: #959595; height: 38px; padding: 2px 20px; line-height: 32px; } .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form .form-row, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form .form-row { padding: 0; margin-bottom: 20px; } .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form button { margin-top: 2px; padding: 12.5px 15px; } .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout, .woocommerce-page .cart-collaterals .cart_totals .wc-proceed-to-checkout { margin-top: 4px; } .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout .images-payment, .woocommerce-page .cart-collaterals .cart_totals .wc-proceed-to-checkout .images-payment { float: left; margin-top: 9px; } .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout .images-payment img, .woocommerce-page .cart-collaterals .cart_totals .wc-proceed-to-checkout .images-payment img { width: 178px; height: 28px; float: left; } .woocommerce .cart-collaterals .cart_totals .checkout-button, .woocommerce-page .cart-collaterals .cart_totals .checkout-button { float: right; padding: 13.5px 25px; } .woocommerce .return-to-shop { /*checkout*/ } .woocommerce .checkout_coupon input { border: 1px solid #e5e5e5; border-radius: 2px; color: #c6c8d1; font-size: 13px; letter-spacing: 0.035em; padding: 2px 22px; } .woocommerce .checkout_coupon input.button { padding: 10px 28.5px; } .woocommerce-checkout { /*order*/ } .woocommerce-checkout h3, .woocommerce-checkout #ship-to-different-address > label { color: #282828; font-size: 20px; line-height: 30px; letter-spacing: 0.025em; font-weight: 700; float: left; width: 100%; } .woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address > label { display: inline-block; width: auto; margin: 0; } .woocommerce-checkout .woocommerce-shipping-fields input[type=checkbox], .woocommerce-checkout .woocommerce-shipping-fields input[type=radio] { margin: 5px 10px; } .woocommerce-checkout .woocommerce-shipping-fields .checkbox, .woocommerce-checkout .woocommerce-shipping-fields .radio { display: inline-block; } .woocommerce-checkout h3#order_review_heading { margin-top: 30px; } .woocommerce-checkout .form-row label { color: #282828; font-weight: 500; } .woocommerce-checkout #add_payment_method #payment, .woocommerce-checkout .woocommerce-cart #payment, .woocommerce-checkout .woocommerce-checkout #payment { background: none; } .woocommerce-checkout #add_payment_method #payment ul.payment_methods, .woocommerce-checkout .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout .woocommerce-checkout #payment ul.payment_methods { border-bottom: none; } .woocommerce-checkout #payment h3 { margin-top: 15px; } .woocommerce-order-received .woocommerce-thankyou-order-received { font-size: 20px; letter-spacing: 0.035em; color: #e41270; font-style: italic; padding-bottom: 15px; } .woocommerce-order-received h2 { font-size: 20px; letter-spacing: 0.035em; color: #e41270; margin-top: 15px; margin-bottom: 20px; } .woocommerce-order-received .woocommerce .order_details li { line-height: 26px; } .woocommerce-order-received .woocommerce table.shop_table td.product-name { font-size: 14px; letter-spacing: 0.035em; color: #041852; } .woocommerce-order-received .title h3 { font-size: 20px; letter-spacing: 0.035em; color: #e41270; } .woocommerce table.shop_table.order_details td.product-name a { float: none; } .single-product.woocommerce div.product div.images img { -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } @media only screen and (min-width: 992px) and (max-width: 1024px) { body.woocommerce #main_content_product .main_content_inner { padding-left: 15px; } #main_content_product ul.products li .product-inner .bottom-product a.product_type_variable { padding: 11px 5px; } #main_content_product .meta_product_archive .nav-pagination .woocommerce-pagination { margin-top: 15px; } .single-product .cs-product-wrap .entry-summary .variations_form .woocommerce-variation-add-to-cart { margin-top: 20px; } .single-product .cs-product-wrap .entry-summary .entry-summary-inner { padding-left: 0; } .woocommerce .cart-collaterals .cart_totals .checkout-button, .woocommerce-page .cart-collaterals .cart_totals .checkout-button { margin-top: 24px; } body .woocommerce-message { line-height: 26px; } } @media only screen and (max-width: 991px) and (min-width: 768px) { body.woocommerce #sidebar_product { width: 30%; } body.woocommerce #main_content_product { width: 70%; } #main_content_product ul.products li.product { width: 50%; } body.woocommerce #main_content_product .main_content_inner { padding-left: 15px; } body.woocommerce #main_content_product .main_content_inner .clr { display: none; } #main_content_product ul.products li .product-inner .bottom-product a.product_type_variable { padding: 11px 10px; } #main_content_product .meta_product_archive .woocommerce-result-count, #main_content_product .meta_product_archive .nav-pagination .woocommerce-pagination { margin-top: 15px; } .modal.modal-product-item .modal-content .modal-body .product-title { margin: 30px 0 0; } .single-product .cs-product-wrap .entry-summary .entry-summary-inner { padding-left: 0; } .single-product .cs-product-wrap .cshero-product-images-wrap .cms-slider-nav { width: 20%; } .single-product .cs-product-wrap .cshero-product-images-wrap .cshero-product-image-left.cshero-product-image-left-col .cms-slider-wrap { width: 80%; } .single-product .cs-product-wrap .entry-summary .variations_form .variations, .single-product .cs-product-wrap .entry-summary .variations_form .woocommerce-variation-add-to-cart, .single-product .cs-product-wrap .entry-summary .variations_form .woocommerce-variation-add-to-cart .quantity { width: 100%; } .single-product .cs-product-wrap .entry-summary .variations_form .woocommerce-variation-add-to-cart, .single-product .cs-product-wrap .entry-summary .variations_form .single_add_to_cart_button { margin-left: 0; } .single-product .cs-product-wrap .entry-summary .variations_form .single_add_to_cart_button { margin-top: 8px; } .woocommerce-Reviews#reviews #comments ol.commentlist li img.avatar { width: 50px; } .woocommerce-Reviews#reviews #comments ol.commentlist li .comment-text { width: calc(100% - 50px); } #main_content_product ul.products li.product-list .product-inner .product-content { padding-left: 15px; padding-right: 15px; } #main_content_product ul.products li.product-list .product-inner .product-thumb .onsale { right: -5px; top: -36px; } #content .meta_product_archive .sort, #content ul.products li.product-list .product-inner .product-thumb, #content ul.products li.product-list .product-inner .product-content { width: 100%; padding-left: 0; } #content ul.products li.product-list .product-inner .product-content { margin-top: 20px; } #content .meta_product_archive .sort > label { padding-right: 9px; } #content .meta_product_archive .woocommerce-result-count { padding-left: 0; margin-top: 20px; width: 100%; } #content .meta_product_archive .cms-product-layout { padding-left: 0; float: left; margin-top: 20px; } body .woocommerce-message { line-height: 26px; } .single-product .cs-product-wrap .entry-summary .cart .quantity { margin-bottom: 14px; margin-top: 18px; } .single-product .cs-product-wrap .entry-summary .variations_form .single_add_to_cart_button, .single-product .cs-product-wrap .entry-summary .cart .single_add_to_cart_button, .single-product .cs-product-wrap .entry-summary .variations_form .add_to_wishlist, .single-product .cs-product-wrap .entry-summary .cart .add_to_wishlist, .single-product .cs-product-wrap .entry-summary .variations_form .woo_bt_compare_this, .single-product .cs-product-wrap .entry-summary .cart .woo_bt_compare_this, .single-product .cs-product-wrap .entry-summary .variations_form .woo_bt_view_compare, .single-product .cs-product-wrap .entry-summary .cart .woo_bt_view_compare, .single-product .cs-product-wrap .entry-summary .variations_form .yith-wcwl-wishlistaddedbrowse > a, .single-product .cs-product-wrap .entry-summary .cart .yith-wcwl-wishlistaddedbrowse > a, .single-product .cs-product-wrap .entry-summary .variations_form .yith-wcwl-wishlistexistsbrowse > a, .single-product .cs-product-wrap .entry-summary .cart .yith-wcwl-wishlistexistsbrowse > a { margin-top: 10px; } .woocommerce .cart-collaterals .cart_totals .shop_table tr, .woocommerce-page .cart-collaterals .cart_totals .shop_table tr { width: 100%; } .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td { background-color: transparent; } .woocommerce table.shop_table td { border-top: none; border-right: none; } .woocommerce table.shop_table td.actions { padding-right: 20px; } .woocommerce table.shop_table.cart { padding-bottom: 30px; } .woocommerce #content table.cart td.actions .button, .woocommerce table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button { width: AUTO; } } @media (max-width: 767px) { body.woocommerce #sidebar_product, body.woocommerce #main_content_product, #main_content_product ul.products li.product, .single-product .cs-product-wrap .cshero-product-images-wrap, .single-product .cs-product-wrap .entry-summary, .single-product .cs-product-wrap .entry-summary .variations_form .variations, .single-product .cs-product-wrap .entry-summary .variations_form .woocommerce-variation-add-to-cart, .single-product .cs-product-wrap .entry-summary .variations_form .woocommerce-variation-add-to-cart .quantity, #main_content_product ul.products li.product-list .product-inner .product-thumb, #main_content_product ul.products li.product-list .product-inner .product-content { width: 100%; } .single-product .cs-product-wrap .entry-summary .variations_form .woocommerce-variation-add-to-cart, .single-product .cs-product-wrap .entry-summary .variations_form .single_add_to_cart_button { margin-left: 0; } .single-product .cs-product-wrap .entry-summary .variations_form .single_add_to_cart_button { margin-top: 8px; } body.woocommerce #main_content_product .main_content_inner { padding-left: 0; border-left: none; } body.woocommerce.post-type-archive-product #page #content { background: #fff; } #main_content_product .meta_product_archive > div > div { border: none !important; margin-bottom: 15px; width: 100%; padding: 0 !important; } #main_content_product .meta_product_archive > div > div.sort { width: auto; } .woocommerce-Reviews#reviews #comments ol.commentlist li img.avatar { width: 50px; } .woocommerce-Reviews#reviews #comments ol.commentlist li .comment-text { width: calc(100% - 50px); } #main_content_product ul.products li.product-list .product-inner .product-content { padding-left: 15px; padding-right: 15px; padding-top: 30px; } #main_content_product ul.products li.product-list .product-inner .product-content .bottom-product { margin-top: 15px; } .image-payment { padding: 44px 15px 24px; } .image-payment .bank-left { width: 100%; } .image-payment > img { margin-top: 20px; max-width: 100%; } .checkout-module { padding: 25px 15px 52PX; } .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { width: 100%; } .checkout-module.checkout_shipping_wrap { padding: 26px 15px 26PX; } .checkout-module.order-comment-wrap { padding: 27px 15px 26PX; } .checkout-module.payment-method-wrap { padding: 38px 15px 26PX; } .modal.modal-product-item .modal-content .modal-body .sp-quantity { margin-bottom: 20px; } .modal-product-item .btn-group { float: left; } .modal-product-item .btn-group + .btn-group { margin-left: 10px; } #content .meta_product_archive .sort, #content ul.products li.product-list .product-inner .product-thumb, #content ul.products li.product-list .product-inner .product-content { width: 100%; padding-left: 0; } #content ul.products li.product-list .product-inner .product-content { margin-top: 20px; } #content .meta_product_archive .sort > label { padding-right: 9px; } #content .meta_product_archive .woocommerce-result-count { padding-left: 0; margin-top: 20px; width: 100%; } #content .meta_product_archive .cms-product-layout { padding-left: 0; float: left; margin-top: 20px; } .single-product #page #content #main_content_product, .single-product #page #content .main-sidebar { width: 100%; } body .woocommerce-message { line-height: 26px; } body .woocommerce-message { padding-left: 20px !important; } body .woocommerce-message:before { display: none; } body .woocommerce-message a { clear: both; float: none; display: inline-block; width: 100%; text-align: center; margin-bottom: 10px; } .single-product .cs-product-wrap .entry-summary .woocommerce-product-rating { margin-bottom: 12px; float: left; width: 100%; margin: 10px 0; } .single-product .cs-product-wrap .entry-summary .cart .quantity { margin: 10px 0; width: 100%; } .single-product .cs-product-wrap .entry-summary .variations_form .yith-wcwl-add-to-wishlist, .single-product .cs-product-wrap .entry-summary .cart .yith-wcwl-add-to-wishlist, .single-product .cs-product-wrap .entry-summary .variations_form .woo_compare_button_container, .single-product .cs-product-wrap .entry-summary .cart .woo_compare_button_container { float: left; } .single-product .cs-product-wrap .entry-summary .variations_form .yith-wcwl-add-to-wishlist a, .single-product .cs-product-wrap .entry-summary .cart .yith-wcwl-add-to-wishlist a, .single-product .cs-product-wrap .entry-summary .variations_form .woo_compare_button_container a, .single-product .cs-product-wrap .entry-summary .cart .woo_compare_button_container a { margin: 10px 5px 10px 0; } .single-product .cs-product-wrap .entry-summary .variations_form .single_add_to_cart_button, .single-product .cs-product-wrap .entry-summary .cart .single_add_to_cart_button, .single-product .cs-product-wrap .entry-summary .variations_form .add_to_wishlist, .single-product .cs-product-wrap .entry-summary .cart .add_to_wishlist, .single-product .cs-product-wrap .entry-summary .variations_form .woo_bt_compare_this, .single-product .cs-product-wrap .entry-summary .cart .woo_bt_compare_this, .single-product .cs-product-wrap .entry-summary .variations_form .woo_bt_view_compare, .single-product .cs-product-wrap .entry-summary .cart .woo_bt_view_compare, .single-product .cs-product-wrap .entry-summary .variations_form .yith-wcwl-wishlistaddedbrowse > a, .single-product .cs-product-wrap .entry-summary .cart .yith-wcwl-wishlistaddedbrowse > a, .single-product .cs-product-wrap .entry-summary .variations_form .yith-wcwl-wishlistexistsbrowse > a, .single-product .cs-product-wrap .entry-summary .cart .yith-wcwl-wishlistexistsbrowse > a { float: left; margin-left: 0; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li { width: 100%; } .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td { float: left; width: 100%; } .woocommerce table.shop_table td.product-name a.remove { margin-top: 8px; } .woocommerce #content table.cart td.actions .coupon .button, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon input, .woocommerce table.cart td.actions .coupon .button, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon input, .woocommerce-page #content table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon input, .woocommerce-page table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon input { width: 90%; } .woocommerce table.shop_table td.actions input.button { float: left !important; margin-left: 0; margin-top: 10px; } .woocommerce table.shop_table td.actions .wc-proceed-to-checkout { float: left; width: 100%; } .woocommerce table.shop_table td.actions .wc-proceed-to-checkout a { margin-left: 0; } .woocommerce #content table.cart td.actions .button, .woocommerce table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button { width: 90%; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { padding-top: 100%; padding-left: 0; } .woocommerce .cart-collaterals .cart_totals .shop_table .shipping-calculator-form, .woocommerce-page .cart-collaterals .cart_totals .shop_table .shipping-calculator-form { width: 100%; } .woocommerce .cart-collaterals .cart_totals .shop_table tr, .woocommerce-page .cart-collaterals .cart_totals .shop_table tr { width: 100%; } .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td { background-color: transparent; } #content .woocommerce.columns-4 ul.products li.product { width: 100%; } } @media (max-width: 320px) { .woocommerce .cart-collaterals .cart_totals .checkout-button, .woocommerce-page .cart-collaterals .cart_totals .checkout-button { margin-top: 24px; } .modal-product-item .btn-group + .btn-group { margin-left: 0px; } }