/* ------------------------------------------------------------- Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets 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 - - - 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 ========================================================================== */ /*------------------------------------------------------------------ [All Style Shortcode] 1. Blog Standard 2. Single Details 3. Single Portfolio -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [All Style Shortcode] 1. Custom Heading 2. Counter 3. Tabs & Accordion 4. Pricing 5. Carousel 6. Progressbar 7. Alert 8. Testimonial 9. Team 10. Heading 11. Fancybox 12. Service 13. Client 14. Blog Carousel 15. Blog Grid 19. CMS Gallery 20. Lists 21. Timeline 22. Pie Chart 23. CMS Process 24. CMS Reservation 25. CMS Menu 26. CMS Full Page -------------------------------------------------------------------*/ /* ========================================================================== [Start] All Style Footer Top & Footer Bottom ========================================================================== */ /* ========================================================================== [Start] All Style Form ========================================================================== */ /* ========================================================================== [Start] All style header /* 1. Header Main ========================================================================== */ /* 1. Header Main */ /*------------------------------------------------------------------ [Main of contents] 1. Page Title 2. Primary -------------------------------------------------------------------*/ /* ========================================================================== [Start] 1. Page Title ========================================================================== */ /* ========================================================================== Style Main Menu ========================================================================== */ /* -----> Minimum width of 992 pixels. */ /* [Start] 1. Sidebar Style +-----------------------------------+ */ /*------------------------------------------------------------------ [All Style Widgets] 1. Newletter 2. Search 3. Tags 4. Categories -------------------------------------------------------------------*/ /* ========================================================================== [Start] Large devices (desktops, 992px and up) ========================================================================== */ /* [Start] Header +-----------------------------------+ */ /*------------------------------------------------------------------ [Woo of contents] 1. Navigation 2. Typo 3. Sidebar 4. Archive Product 5. Single Product 6. Cart Search -------------------------------------------------------------------*/ @media screen and (min-width: 992px) { body #cms-header-wrapper #cms-header .menu-main-menu > li > a { text-transform: uppercase !important; } } body #cms-page-title:before { background-color: rgba(27, 26, 26, 0.45); } body.woocommerce #cms-page-title::before, body.woocommerce-page #cms-page-title::before { background-color: rgba(17, 81, 211, 0); } .cms-flex-wrap { align-content: center; display: flex; flex-wrap: wrap; } .cms-flex-wrap .cms-flex-center { align-items: center; display: flex; } .white { color: #fff; } @keyframes pulse { 0% { transform: scale(0.95); opacity: 0.7; } 50% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.95); opacity: 0.7; } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(0.95); opacity: 0.7; } 50% { -webkit-transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.95); opacity: 0.7; } } @-moz-keyframes headerSlideDown { 0% { -webkit-transform: translateY(-150px); -khtml-transform: translateY(-150px); -moz-transform: translateY(-150px); -ms-transform: translateY(-150px); -o-transform: translateY(-150px); transform: translateY(-150px); /* BACKGROUND GRADIENT */ } 100% { -webkit-transform: translateY(0px); -khtml-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); /* BACKGROUND GRADIENT */ } } @-ms-keyframes headerSlideDown { 0% { -webkit-transform: translateY(-150px); -khtml-transform: translateY(-150px); -moz-transform: translateY(-150px); -ms-transform: translateY(-150px); -o-transform: translateY(-150px); transform: translateY(-150px); /* BACKGROUND GRADIENT */ } 100% { -webkit-transform: translateY(0px); -khtml-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); /* BACKGROUND GRADIENT */ } } @-webkit-keyframes headerSlideDown { 0% { -webkit-transform: translateY(-150px); -khtml-transform: translateY(-150px); -moz-transform: translateY(-150px); -ms-transform: translateY(-150px); -o-transform: translateY(-150px); transform: translateY(-150px); /* BACKGROUND GRADIENT */ } 100% { -webkit-transform: translateY(0px); -khtml-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); /* BACKGROUND GRADIENT */ } } @keyframes headerSlideDown { 0% { -webkit-transform: translateY(-150px); -khtml-transform: translateY(-150px); -moz-transform: translateY(-150px); -ms-transform: translateY(-150px); -o-transform: translateY(-150px); transform: translateY(-150px); /* BACKGROUND GRADIENT */ } 100% { -webkit-transform: translateY(0px); -khtml-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); /* BACKGROUND GRADIENT */ } } @-webkit-keyframes in-top { from { -webkit-transform: translateY(-130%); } to { -webkit-transform: translateY(0%); } } @keyframes in-top { from { transform: translateY(-130%); } to { transform: translateY(0%); } } @-webkit-keyframes out-top { from { -webkit-transform: translateY(0%); } to { -webkit-transform: translateY(-130%); } } @keyframes out-top { from { transform: translateY(0%); } to { transform: translateY(-130%); } } @-webkit-keyframes in-bottom { from { -webkit-transform: translateY(130%); } to { -webkit-transform: translateY(0%); } } @keyframes in-bottom { from { transform: translateY(130%); } to { transform: translateY(0%); } } @-webkit-keyframes out-bottom { from { -webkit-transform: translateY(0%); } to { -webkit-transform: translateY(130%); } } @keyframes out-bottom { from { transform: translateY(0%); } to { transform: translateY(130%); } } @-webkit-keyframes in-left { from { -webkit-transform: translateX(-130%); } to { -webkit-transform: translateX(0%); } } @keyframes in-left { from { transform: translateX(-130%); } to { transform: translateX(0%); } } @-webkit-keyframes out-left { from { -webkit-transform: translateX(0%); } to { -webkit-transform: translateX(-130%); } } @keyframes out-left { from { transform: translateX(0%); } to { transform: translateX(-130%); } } @-webkit-keyframes in-right { from { -webkit-transform: translateX(130%); } to { -webkit-transform: translateX(0%); } } @keyframes in-right { from { transform: translateX(130%); } to { transform: translateX(0%); } } @-webkit-keyframes out-right { from { -webkit-transform: translateX(0%); } to { -webkit-transform: translateX(130%); } } @keyframes out-right { from { transform: translateX(0%); } to { transform: translateX(130%); } } @-webkit-keyframes cms_loader_circle { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em #1151d3; } 40% { box-shadow: 0 2.5em 0 0 #1151d3; } } @keyframes cms_loader_circle { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em #1151d3; } 40% { box-shadow: 0 2.5em 0 0 #1151d3; } } @keyframes cms_loader_square { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); } 25% { transform: rotate(180deg); transform: rotate(180deg); } 50% { transform: rotate(180deg); -webkit-transform: rotate(180deg); } 75% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @-webkit-keyframes cms_loader_square { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); } 25% { transform: rotate(180deg); -webkit-transform: rotate(180deg); } 50% { transform: rotate(180deg); -webkit-transform: rotate(180deg); } 75% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @keyframes cms_loader_square_inner { 0% { height: 0%; } 25% { height: 0%; } 50% { height: 100%; } 75% { height: 100%; } 100% { height: 0%; } } @-webkit-keyframes cms_loader_square_inner { 0% { height: 0%; } 25% { height: 0%; } 50% { height: 100%; } 75% { height: 100%; } 100% { height: 0%; } } @keyframes buttonRing { 0% { -webkit-transform: scale3d(1, 1, 1); -khtml-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); /* BACKGROUND GRADIENT */ opacity: 0.6; } 85% { opacity: 0; } 100% { -webkit-transform: scale3d(1.42, 1.42, 1.42); -khtml-transform: scale3d(1.42, 1.42, 1.42); -moz-transform: scale3d(1.42, 1.42, 1.42); -ms-transform: scale3d(1.42, 1.42, 1.42); -o-transform: scale3d(1.42, 1.42, 1.42); transform: scale3d(1.42, 1.42, 1.42); /* BACKGROUND GRADIENT */ opacity: 0; } } @-webkit-keyframes markerWave { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.8; } 20% { opacity: 0.8; } 100% { -webkit-transform: scale(5.5); transform: scale(5.5); opacity: 0; } } @keyframes markerWave { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.8; } 20% { opacity: 0.8; } 100% { -webkit-transform: scale(5.5); transform: scale(5.5); opacity: 0; } } @keyframes ball { 0% { transform: translate(0, 0); } 5% { transform: translate(8px, -14px); } 10% { transform: translate(15px, -10px); } 17% { transform: translate(23px, -24px); } 20% { transform: translate(30px, -20px); } 27% { transform: translate(38px, -34px); } 30% { transform: translate(45px, -30px); } 37% { transform: translate(53px, -44px); } 40% { transform: translate(60px, -40px); } 50% { transform: translate(60px, 0); } 57% { transform: translate(53px, -14px); } 60% { transform: translate(45px, -10px); } 67% { transform: translate(37px, -24px); } 70% { transform: translate(30px, -20px); } 77% { transform: translate(22px, -34px); } 80% { transform: translate(15px, -30px); } 87% { transform: translate(7px, -44px); } 90% { transform: translate(0, -40px); } 100% { transform: translate(0, 0); } } @keyframes barUp1 { 0% { transform: scale(1, 0.2); } 40% { transform: scale(1, 0.2); } 50% { transform: scale(1, 1); } 90% { transform: scale(1, 1); } 100% { transform: scale(1, 0.2); } } @keyframes barUp2 { 0% { transform: scale(1, 0.4); } 40% { transform: scale(1, 0.4); } 50% { transform: scale(1, 0.8); } 90% { transform: scale(1, 0.8); } 100% { transform: scale(1, 0.4); } } @keyframes barUp3 { 0% { transform: scale(1, 0.6); } 100% { transform: scale(1, 0.6); } } @keyframes barUp4 { 0% { transform: scale(1, 0.8); } 40% { transform: scale(1, 0.8); } 50% { transform: scale(1, 0.4); } 90% { transform: scale(1, 0.4); } 100% { transform: scale(1, 0.8); } } @keyframes barUp5 { 0% { transform: scale(1, 1); } 40% { transform: scale(1, 1); } 50% { transform: scale(1, 0.2); } 90% { transform: scale(1, 0.2); } 100% { transform: scale(1, 1); } } @-webkit-keyframes loader_pulse { 0% { clip: rect(0, 0, 100px, 0); opacity: 0.4; } 4% { clip: rect(0, 66.66667px, 100px, 0); opacity: 0.6; } 15% { clip: rect(0, 133.33333px, 100px, 0); opacity: 0.8; } 20% { clip: rect(0, 300px, 100px, 0); opacity: 1; } 80% { clip: rect(0, 300px, 100px, 0); opacity: 0; } 90% { clip: rect(0, 300px, 100px, 0); opacity: 0; } 100% { clip: rect(0, 300px, 100px, 0); opacity: 0; } } @keyframes loader_pulse { 0% { clip: rect(0, 0, 100px, 0); } 4% { clip: rect(0, 66.66667px, 100px, 0); } 15% { clip: rect(0, 133.33333px, 100px, 0); } 20% { clip: rect(0, 300px, 100px, 0); opacity: 1; } 80% { clip: rect(0, 300px, 100px, 0); opacity: 0; } 90% { opacity: 0; } 100% { clip: rect(0, 300px, 100px, 0); opacity: 0; } } @keyframes spin-rotate-left { to { transform: rotate(30deg); } from { transform: rotate(175deg); } } @-webkit-keyframes spin-rotate-left { to { transform: rotate(30deg); } from { transform: rotate(175deg); } } @keyframes spin-rotate-right { from { transform: rotate(-175deg); } to { transform: rotate(-30deg); } } @-webkit-keyframes spin-rotate-right { from { transform: rotate(-175deg); } to { transform: rotate(-30deg); } } @keyframes spin-rotate-all { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } } @-webkit-keyframes spin-rotate-all { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } } @keyframes spin-fade-in-first { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes spin-fade-in-first { from { opacity: 1; } to { opacity: 0; } } @keyframes spin-fade-in-second { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes spin-fade-in-second { from { opacity: 0; } to { opacity: 1; } } @keyframes LoaderWave { 0% { stroke-dashoffset: 0; transform: translate3d(0, 0, 0); } 100% { stroke-dashoffset: -133; transform: translate3d(-90px, 0, 0); } } @-webkit-keyframes LoaderWave { 0% { stroke-dashoffset: 0; transform: translate3d(0, 0, 0); } 100% { stroke-dashoffset: -133; transform: translate3d(-90px, 0, 0); } } #wl-wrapper.woocommerce .button, .btn, button, .button, input[type="submit"], .cms-newsletter .cms-newsletter-inner .tnp-submit { background-color: #282828; font-size: 13px; font-weight: 800; border: none; color: #fff; text-transform: uppercase; padding: 0 40px; line-height: 47px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; -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 */ /* BOX */ position: relative; border: 2px solid #282828; letter-spacing: 0.02em; } #wl-wrapper.woocommerce .button:hover, .btn:hover, button:hover, .button:hover, input[type="submit"]:hover, .btn:focus, button:focus, .button:focus, input[type="submit"]:focus, .cms-newsletter .cms-newsletter-inner .tnp-submit:hover, .cms-newsletter .cms-newsletter-inner .tnp-submit:focus { outline: medium none; text-decoration: none; background-color: #1151d3; border-color: #1151d3; color: #fff; } .btn i { padding-right: 5px; font-size: 14px; } .btn span { display: inline-block; } .btn span + i { padding-right: 0; padding-left: 9px; } .btn.btn-xlg { line-height: 57px; } .btn.btn-sm { line-height: 37px; padding: 0 30px; } .btn.btn-square { -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 */ /* BOX */ } .btn.btn-round { -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; /* BACKGROUND GRADIENT */ /* BOX */ } .btn.btn-circle { -webkit-border-radius: 61px; -khtml-border-radius: 61px; -moz-border-radius: 61px; -ms-border-radius: 61px; -o-border-radius: 61px; border-radius: 61px; /* BACKGROUND GRADIENT */ /* BOX */ } .btn.btn-primary, .btn.btn-primary-white { background-color: #1151d3; border-color: #1151d3; position: relative; } .btn.btn-primary:hover, .btn.btn-primary-white:hover { background-color: #282828; border-color: #282828; } .btn.btn-primary-white:hover { background-color: #fff; border-color: #fff; color: #1151d3; } .btn.btn-primary-outline { border-color: #1151d3; background-color: transparent; color: #1151d3; } .btn.btn-primary-outline:hover { background-color: #1151d3; color: #fff; } .btn.btn-default-outline { border-color: #282828; background-color: transparent; color: #282828; } .btn.btn-default-outline:hover { background-color: #282828; color: #fff; } .btn.btn-color:hover { background-color: #282828 !important; border-color: #282828 !important; } .btn.btn-white-dark, .btn.btn-white-primary, .btn.btn-white-white { border-color: #fff; color: #fff; background-color: transparent; } .btn.btn-white-dark:hover { background-color: #282828; border-color: #282828; color: #fff; } .btn.btn-white-white:hover { background-color: #fff; color: #282828; border-color: #fff; } .btn.btn-white-primary:hover { background-color: #1151d3; border-color: #1151d3; color: #fff; } .btn.btn-white { background-color: #fff; border-color: #fff; color: #1151d3; } .btn.btn-white:hover { background-color: #282828; border-color: #282828; color: #fff; } .btn.btn-w-dark { background-color: #fff; border-color: #fff; color: #282828; } .btn.btn-w-dark:hover { background-color: #1151d3; border-color: #1151d3; color: #fff; } .btn.btn-w-dark.hover-dark:hover { background-color: #282828; border-color: #282828; } .btn-align-center { text-align: center; } .btn-align-right { text-align: right; } .btn-shadow { -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15); } .btn-full-width { width: 100%; display: block; } .btn-text { font-size: 13px; line-height: 20px; text-transform: uppercase; font-weight: 800; letter-spacing: 0.02em; } .btn-sale { color: #fff; background-color: #1151d3; display: inline-block; font-size: 13px; font-weight: 800; text-transform: uppercase; line-height: 29px; letter-spacing: 0.1em; padding: 0 10px; -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 */ /* BOX */ } .fixed-top-right { position: absolute; top: 30px; right: 30px; } .btn-text-icon { font-size: 13px; font-weight: 800; } .btn-text-icon:before { content: "\f105"; font-size: 14px; font-family: FontAwesome; padding: 6px; } .btn-text-icon2 { font-size: 13px; font-weight: 800; color: #282828; text-transform: uppercase; } .btn-text-icon2:before { content: "\f178"; font-size: 11px; font-family: FontAwesome; padding: 6px; } .btn-scroll-content { color: #fff; } .btn-scroll-content:hover { color: #1151d3; } .btn-uppercase .btn { text-transform: uppercase; } .btn-capitalize .btn { text-transform: capitalize; } .btn-lowercase .btn { text-transform: lowercase; } .btn-none .btn { text-transform: none; /* ========================================================================== End Style Button ========================================================================== */ } .carousel { /* [Start] 1. Blog Standard +-----------------------------------+ */ } .carousel .carousel-control { background: transparent; bottom: 26px; position: absolute; right: 15px; text-align: center; top: 50%; cursor: pointer; font-size: 24px; -webkit-text-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-text-shadow: 0 0 0 rgba(0, 0, 0, 0); -ms-text-shadow: 0 0 0 rgba(0, 0, 0, 0); text-shadow: 0 0 0 rgba(0, 0, 0, 0); -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 */ height: 45px; width: 45px; line-height: 45px; border: 1px solid #fff; } .carousel .carousel-control.left { left: 15px; right: 70px; } .carousel .carousel-control:hover { color: #fff; border-color: #1151d3; background-color: #1151d3; } .carousel .carousel-control.left { left: 50px; } .carousel .carousel-control.right { right: 50px; } .is-left-sidebar #content { float: right; } .page-template-blog-standard #cms-content, .single-post #cms-content { background-color: #f9f9f9; } .page-template-blog-standard #cms-content #primary.is-no-sidebar, .single-post #cms-content #primary.is-no-sidebar { max-width: 880px; margin: auto; } .page-template-blog-standard #cms-content #primary.is-no-sidebar .cms-paging-navigation, .single-post #cms-content #primary.is-no-sidebar .cms-paging-navigation { text-align: center; } .single-post #cms-content { padding-bottom: 0 !important; } .single-post #cms-content #primary { padding-bottom: 100px; } .entry-blog { 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 */ /* BOX */ -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); margin-bottom: 40px; overflow: hidden; } .entry-blog .entry-detail-terms, .entry-blog .entry-categories { background-color: #1151d3; -webkit-border-radius: 22px; -khtml-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px; border-radius: 22px; /* BACKGROUND GRADIENT */ /* BOX */ color: #fff; display: inline-block; font-size: 12px; line-height: 22px; padding: 0 10px; text-transform: capitalize; } .entry-blog .entry-detail-terms a, .entry-blog .entry-categories a { color: #fff; } .entry-blog .entry-detail-terms a:hover, .entry-blog .entry-categories a:hover { opacity: 0.8; } .entry-blog .entry-header .entry-detail-terms-wrap { padding: 0 40px; position: relative; } .entry-blog .entry-header.no-image { padding-top: 40px; } .entry-blog .entry-header.no-image + .entry-body { padding-top: 20px; } .entry-blog .entry-header .post-thumbnail + .entry-detail-terms-wrap .entry-detail-terms { position: absolute; left: 40px; top: -11px; } .entry-blog .entry-body { padding: 40px 40px 34px; } .entry-blog .entry-body .entry-title { font-size: 22px; line-height: 28px; font-family: inherit; margin-bottom: 8px; } .entry-blog .entry-body .entry-title a { color: #282828; } .entry-blog .entry-body .entry-title a:hover { color: #1151d3; } .entry-blog .entry-body .entry-meta { margin-bottom: 24px; } .entry-blog .entry-body .entry-meta .cms-blog-details li { display: inline-block; color: #616161; font-weight: 700; position: relative; } .entry-blog .entry-body .entry-meta .cms-blog-details li + li { padding-left: 18px; } .entry-blog .entry-body .entry-meta .cms-blog-details li + li:before { content: "/"; position: absolute; top: 0; left: 4px; } .entry-blog .entry-body .entry-meta .cms-blog-details li span { color: #616161; } .entry-blog .entry-body .entry-readmore { margin-top: 26px; } .cms-paging-navigation { margin: 10px 0 0; width: 100%; } .cms-paging-navigation .page-numbers { border: 2px solid transparent; background-color: transparent; -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 */ /* BOX */ display: inline-block; height: 46px; line-height: 42px; text-align: center; width: 46px; color: #616161; font-size: 16px; font-weight: 700; margin-bottom: 10px; } .cms-paging-navigation .page-numbers.next { border: none; margin-left: 45px; width: initial; } .cms-paging-navigation .page-numbers.prev { border: none; width: initial; margin-right: 45px; } .cms-paging-navigation .page-numbers.current { border-color: #dbdbdb; } .cms-paging-navigation .page-numbers:not(.current):hover { color: #1151d3; } .cms-paging-navigation.navigation-modern .page-numbers.current { background-color: #1151d3; border-color: #1151d3; -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 */ /* BOX */ color: #fff; } .paging-nav-square + .cms-paging-navigation .page-numbers { -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 */ /* BOX */ /* [Start] 2. Single Details +-----------------------------------+ */ } blockquote { padding: 23px 0 23px 30px; background: transparent; margin: 20px 0; border-left: 6px solid #282828; font-size: 20px; line-height: 28px; font-style: italic; } blockquote cite { display: block; font-size: 13px; line-height: normal; font-style: normal; padding-top: 13px; color: #282828; font-weight: 800; } blockquote.st1 { border: none; position: relative; } blockquote.st1:before, blockquote.st1:after { content: "\f10d"; font-family: FontAwesome; font-style: normal; font-size: 16px; color: #282828; position: absolute; top: 0; left: 0; } blockquote.st1:after { content: "\f10e"; top: inherit; bottom: 0; left: inherit; right: 0; } blockquote.st2 { border: none; background-color: #f4f4f4; -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 */ /* BOX */ color: #1151d3; padding: 26px 30px; } blockquote.st3 { border: none; background-color: #222; color: #fff; -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 */ /* BOX */ padding: 26px 30px; } blockquote.st3 cite { color: #fff; } .single-post .entry-blog { background-color: #fff; -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 */ /* BOX */ -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); margin-bottom: 0; } .single-post .entry-blog .entry-body { padding-bottom: 18px; } .single-post .entry-blog .entry-author { padding: 40px 30px 40px 40px; background-color: #f9f9f9; margin-bottom: 52px; } .single-post .entry-blog .entry-author .admin-avt { max-width: 90px; width: 100%; float: left; } .single-post .entry-blog .entry-author .admin-avt img { width: 100%; -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 */ /* BOX */ } .single-post .entry-blog .entry-author .admin-info { padding-left: 120px; } .single-post .entry-blog .entry-author .admin-des { margin-bottom: 8px; margin-top: -6px; } .single-post .entry-blog .entry-author .user-social li { display: inline-block; } .single-post .entry-blog .entry-author .user-social li + li { padding-left: 24px; } .single-post .entry-blog .entry-author .user-social li a { font-size: 15px; color: #5d5d5d; } .single-post .entry-blog .entry-author .user-social li a:hover { color: #1151d3; } .single-post .single-post-inner { 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 */ /* BOX */ -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); overflow: hidden; padding-bottom: 40px; } .single-post .single-post-inner .entry-footer { padding: 0 40px; } .single-post .single-post-inner .entry-social-shared { border-bottom: 1px solid #eee; border-top: 1px solid #eee; padding: 34px 0; text-align: center; margin-top: 30px; margin-bottom: 60px; } .single-post .single-post-inner .entry-social-shared li { display: inline-block; } .single-post .single-post-inner .entry-social-shared li.social-label { color: #222; font-size: 13px; font-weight: 800; letter-spacing: 0.02em; } .single-post .single-post-inner .entry-social-shared li + li { padding-left: 18px; } .single-post .single-post-inner .entry-social-shared li a { font-weight: 14px; color: #5d5d5d; } .single-post .single-post-inner .entry-social-shared li a:hover { color: #1151d3; } .single-post-navigation { border-top: 1px solid #eee; padding-bottom: 28px; padding-top: 28px; } .single-post-navigation .nav-icon { font-size: 24px; color: #282828; 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 */ -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .single-post-navigation .nav-inner span { color: #b8b8b8; font-style: italic; font-weight: 500; } .single-post-navigation .nav-inner h3 { font-size: 16px; line-height: 28px; margin: 3px 0 0; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .single-post-navigation .nav-link-prev .nav-icon { left: 0; } .single-post-navigation .nav-link-prev .nav-inner { padding-left: 55px; } .single-post-navigation .nav-link-next .nav-icon { right: 0; } .single-post-navigation .nav-link-next .nav-inner { padding-right: 55px; } .single-post-navigation a { position: relative; display: block; } .single-post-navigation a:hover .nav-icon, .single-post-navigation a:hover .nav-inner h3 { color: #1151d3; } .single-portfolio #cms-content { padding-bottom: 0 !important; } .single-portfolio .cms-single-portfolio.cms-single-portfolio-small { padding-bottom: 100px; } .single-portfolio .cms-single-portfolio.cms-single-portfolio-small .single-portfolio-content { margin-bottom: 35px; } .single-portfolio .cms-single-portfolio.cms-single-portfolio-big { padding-bottom: 78px; } .single-portfolio .cms-single-portfolio.cms-single-portfolio-big .single-portfolio-image { margin-bottom: 76px; } .single-portfolio .cms-single-portfolio.cms-single-portfolio-big .single-portfolio-image.sg-gallery { margin-bottom: 46px; } .single-portfolio .cms-single-portfolio.small-masonry .sg-portfolio-masonry .single-portfolio-image-item:last-child { width: 100%; } .single-portfolio .cms-single-portfolio.big-masonry .sg-portfolio-masonry .single-portfolio-image-item:nth-child(3), .single-portfolio .cms-single-portfolio.big-masonry .sg-portfolio-masonry .single-portfolio-image-item:nth-child(4) { width: 50%; } .single-portfolio .cms-single-portfolio.big-pinterest .single-portfolio-main { margin-bottom: 58px; } .single-portfolio .cms-single-portfolio.big-pinterest .single-portfolio-image { margin-bottom: 0 !important; } .single-portfolio #cms-page-title .cms-page-title-inner h1 { font-size: 50px; } .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 { margin-bottom: 17px; } .single-portfolio .single-portfolio-holder .single-portfolio-title { font-size: 25px; margin-bottom: 10px; } .single-portfolio .single-portfolio-about { padding: 30px; background-color: #f9f9f9; margin-bottom: 30px; } .single-portfolio .single-portfolio-about li { font-size: 13px; line-height: normal; color: #9e9e9e; padding: 11px 0; border-bottom: 1px solid #ededed; } .single-portfolio .single-portfolio-about li:last-child { border-bottom: none; } .single-portfolio .single-portfolio-about li span { color: #282828; font-weight: 800; display: inline-block; min-width: 80px; } .single-portfolio .single-portfolio-about li a { color: #9e9e9e; } .single-portfolio .single-portfolio-about li a:hover { color: #1151d3; } .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 span { padding-right: 20px; color: #282828; text-transform: none; } .single-portfolio .single-portfolio-share li a { font-size: 14px; color: #5d5d5d; padding: 0 6px; } .single-portfolio .single-portfolio-share li a:hover { color: #1151d3; } .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 { background-color: #fff; color: #1151d3; } #comments .comments-title { margin-bottom: 18px; } #comments .comment-reply-title small { font-size: inherit; font-weight: inherit; } #comments #respond { padding: 0 40px; } #comments .comment-list-wrap { padding: 0px 40px 13px; } #comments .comment-list { list-style: none; padding: 0; } #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-inner { margin-bottom: 30px; } #comments .comment-list .comment-body .comment-media { max-width: 70px; width: 100%; float: left; } #comments .comment-list .comment-body .comment-media img { width: 100%; -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 */ /* BOX */ -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-title { font-size: 14px; text-transform: capitalize; color: #282828; font-weight: 800; font-style: normal; line-height: 1; margin-bottom: 5px; } #comments .comment-list .comment-body .comment-text { margin: 7px 0; } #comments .comment-list .comment-body .comment-text p { margin-bottom: 0; } #comments .comment-list .comment-body .comment-date { color: #616161; font-size: 12px; text-transform: uppercase; line-height: 1; font-weight: 700; } #comments .comment-list .comment-body .comment-date:hover { color: #1151d3; } #comments .comment-list .comment-body .comment-reply a { font-size: 13px; color: #1151d3; text-transform: capitalize; font-weight: 800; } #comments .comment-list .comment-body .comment-reply a:hover { color: #282828; } #comments .comment-list .comment-body + .comment-respond { padding-left: 90px !important; padding-right: 0 !important; } #comments .comment-list .pingback .comment-body .comment-content { padding-left: 0; } #comments .comment-list .line-comment { background-color: #eee; height: 1px; width: 100%; margin-top: 22px; } #comments .comment-list > li:last-child .comment-body { margin-bottom: 0; } #comments .comment-list > li:last-child .comment-body .comment-content .line-comment { display: none; margin-top: 0; } #comments .comment-list .children { list-style: none; padding: 0 0 0 90px; } #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: #1151d3; } #comments #commentform .form-submit { margin-top: 28px; margin-bottom: 0; } #comments #commentform .form-submit #submit { display: block; width: 100%; -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 */ /* BOX */ background-color: #1151d3; border-color: #1151d3; } #comments #commentform .form-submit #submit:hover { background-color: #282828; border-color: #282828; } #comments #commentform .comment-form-comment { margin-bottom: 30px; margin-top: 26px; } .bg-position-off { background-position: inherit !important; } .parallax:not(.bg-position-off) { -webkit-transform: translateY(0px) !important; -khtml-transform: translateY(0px) !important; -moz-transform: translateY(0px) !important; -ms-transform: translateY(0px) !important; -o-transform: translateY(0px) !important; transform: translateY(0px) !important; /* BACKGROUND GRADIENT */ } .title-normal, .text-button { font-size: 13px; font-weight: 800; text-transform: uppercase; font-family: inherit; } .font-family-inherit { font-family: inherit; } .vc_icon_element.vc_icon_element-outer.custom-style .vc_icon_element-inner { border: 2px solid #1151d3 !important; display: inline-block; height: 50px !important; line-height: 50px !important; text-align: center; width: 50px !important; -webkit-border-radius: 100% !important; -khtml-border-radius: 100% !important; -moz-border-radius: 100% !important; -ms-border-radius: 100% !important; -o-border-radius: 100% !important; border-radius: 100% !important; /* BACKGROUND GRADIENT */ /* BOX */ } .vc_icon_element.vc_icon_element-outer.custom-style .vc_icon_element-inner .vc_icon_element-icon:before { color: #1151d3 !important; font-size: 10px !important; } .vc_icon_element.vc_icon_element-outer.custom-style .vc_icon_element-inner:hover { background-color: #1151d3; } .vc_icon_element.vc_icon_element-outer.custom-style .vc_icon_element-inner:hover .vc_icon_element-icon:before { color: #fff !important; } body .wpb_single_image .vc_single_image-wrapper.vc_box_rounded, body .wpb_single_image .vc_single_image-wrapper.vc_box_rounded 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 */ /* BOX */ } body img.mfp-img { padding: 0 !important; } body .mfp-image-holder .mfp-close, body .mfp-iframe-holder .mfp-close { line-height: 40px; padding: 0; right: 0; text-align: center; top: -44px; width: 40px; -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 */ /* BOX */ } body .mfp-bottom-bar { margin-top: 0; } .pswp .pswp__bg { opacity: 0.95 !important; } .cms-hd-line { width: 24px; height: 2px; background-color: #686868; margin: auto; } .media.box-icon { font-size: 13px; color: #757575; line-height: 1; } .media.box-icon .media-left { padding-right: 32px; } .media.box-icon h3 { font-size: 16px; text-transform: uppercase; font-family: 'loraitalic'; margin-bottom: 10px; margin-top: 3px; } .cms-load-posts { margin-top: 50px; } .cms-load-posts i { padding: 0; } .cms-load-posts span { display: inline-block; padding-left: 9px; } .cms-load-posts a.run-loading i { display: inline-block; } .cms_pagination.modern .btn-primary-outline { border-color: #1151d3; background-color: #1151d3; -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 */ /* BOX */ color: #fff; } .cms_pagination.modern .btn-primary-outline:hover { border-color: #282828; background-color: #282828; } .cms_pagination.modern .cms-load-posts { margin-top: 46px; } .cms_pagination.big-button .btn-primary-outline { border-color: #1151d3; background-color: #1151d3; color: #fff; padding: 30px 15px; width: 100%; -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 */ /* BOX */ } .cms_pagination.big-button .btn-primary-outline:hover { background-color: #282828; border-color: #282828; } .cms_pagination.big-button .cms-load-posts { margin-top: 0; } .cms_pagination.big-button.add-space { padding-bottom: 80px; } .cms_pagination.outline-dark .btn { border-color: #282828; -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 */ /* BOX */ color: #282828; } .cms_pagination.outline-dark .btn:hover { color: #fff; border-color: #1151d3; } .cms_pagination.outline2 .btn-primary-outline { -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 */ /* BOX */ } .cms_pagination.outline3 .btn-primary-outline { border-color: #fff; color: #fff; } .cms_pagination.outline3 .btn-primary-outline:hover { border-color: #1151d3; } .cms_pagination.text-dark .btn, .cms_pagination.text-primary .btn { padding: 0; border: none; background-color: transparent; color: #282828; line-height: 1; } .cms_pagination.text-dark .btn:hover, .cms_pagination.text-primary .btn:hover { color: #1151d3; } .cms_pagination.text-primary .btn { color: #1151d3; } .cms_pagination.text-primary .btn:hover { color: #282828; } .get-contact-page { background: #f9f9f9; overflow: hidden; padding: 27px 30px 26px 30px; } .get-contact-page .item { padding-left: 30px; position: relative; margin-top: 22px; } .get-contact-page .item .w50 { padding-right: 10px; } .get-contact-page .item:not(.w50):first-child { margin-top: 0; } .get-contact-page .item i { font-size: 16px; left: 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 */ color: #1151d3; } .get-contact-page .item .content { font-size: 13px; } .get-contact-page .item .content span { display: block; color: #1151d3; font-size: 12px; line-height: 1; margin-bottom: 8px; } .get-contact-page-two { /* OWL Carousel */ } .get-contact-page-two h3 { font-size: 16px; line-height: 29px; } .get-contact-page-two a { font-size: 13px; font-weight: 800; text-transform: uppercase; position: relative; letter-spacing: 0.02em; } .get-contact-page-two p { margin-bottom: 8px; } body .owl-carousel { opacity: 0; } body .owl-carousel .owl-item img { transform-style: inherit; } .owl-controls .owl-nav { text-align: center; } .owl-controls .owl-nav .owl-prev, .owl-controls .owl-nav .owl-next { display: inline-block; text-align: center; margin-top: 30px; } .owl-controls .owl-nav .owl-prev i, .owl-controls .owl-nav .owl-next i { height: 30px; width: 30px; line-height: 30px; border: none; font-size: 18px; color: #282828; text-align: center; margin: 0 5px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; background-color: transparent; } .owl-controls .owl-nav .owl-prev i:before, .owl-controls .owl-nav .owl-next i:before { content: "\f177"; font-family: "FontAwesome"; } .owl-controls .owl-nav .owl-prev i:hover, .owl-controls .owl-nav .owl-next i:hover { color: #1151d3; } .owl-controls .owl-nav .owl-next i:before { content: "\f178"; } .owl-controls .owl-dots { text-align: center; padding-top: 20px; } .owl-controls .owl-dots .owl-dot { display: inline-block; margin: 0 5px; } .owl-controls .owl-dots .owl-dot span { display: block; height: 6px; width: 6px; background-color: #646464; -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; /* BACKGROUND GRADIENT */ /* BOX */ 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; } .owl-controls .owl-dots .owl-dot.active span { height: 10px; background-color: #1151d3; } .dot-style-primary .owl-controls .owl-dots .owl-dot:not(.active) span { background-color: #fff; } .dot-style-light .owl-controls .owl-dots .owl-dot:not(.active) span { background-color: #ccd0d2; } .dot-style-light .owl-controls .owl-dots .owl-dot.active span { background-color: #fff; } .dot-type-style2 .owl-controls .owl-dots .owl-dot, .dot-type-style5 .owl-controls .owl-dots .owl-dot { margin: 0 8px; } .dot-type-style2 .owl-controls .owl-dots .owl-dot span, .dot-type-style5 .owl-controls .owl-dots .owl-dot span { height: 6px; position: relative; } .dot-type-style2 .owl-controls .owl-dots .owl-dot span:before, .dot-type-style5 .owl-controls .owl-dots .owl-dot span:before { border-color: transparent #1151d3 #1151d3 #1151d3; -webkit-border-radius: 16px; -khtml-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; /* BACKGROUND GRADIENT */ /* BOX */ border-style: solid; border-width: 2px; content: ""; display: block; height: 16px; left: -5px; opacity: 0; position: absolute; top: -5px; -webkit-transform: rotate(0deg); -khtml-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); /* BACKGROUND GRADIENT */ width: 16px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .dot-type-style2 .owl-controls .owl-dots .owl-dot.active span:before, .dot-type-style5 .owl-controls .owl-dots .owl-dot.active span:before { opacity: 1; -webkit-transform: rotate(-45deg); -khtml-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); /* BACKGROUND GRADIENT */ } .dot-type-style2.dot-style-light .owl-controls .owl-dots .owl-dot span:before { border-color: transparent #fff #fff #fff; } .dot-type-style3 .owl-controls .owl-dots .owl-dot.active span { width: 10px; margin-bottom: -2px; } .dot-type-style4 .owl-controls .owl-dots .owl-dot.active span { width: 10px; height: 6px; } .dot-type-style5 .owl-controls .owl-dots .owl-dot span:before { border-color: #1151d3; } .dot-type-style5.dot-style-light .owl-controls .owl-dots .owl-dot span { background-color: #fff; } .dot-type-style5.dot-style-light .owl-controls .owl-dots .owl-dot span:before { border-color: #fff; } .social-page { padding-top: 5px; /* [Start] 1. Custom Heading +-----------------------------------+ */ } .social-page li { display: inline-block; } .social-page li + li { margin-left: 6px; } .social-page li a { display: block; height: 42px; width: 42px; background-color: #1c1c1c; color: #fff; line-height: 42px; -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 */ /* BOX */ font-size: 14px; text-align: center; } .social-page li a:hover { background-color: #1151d3; } .vc_custom_heading { /* [Start] 2. Counter +-----------------------------------+ */ } .vc_custom_heading cite { font-style: normal; color: #1151d3; text-decoration: underline; } .vc_custom_heading.text-shadow span { -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); -ms-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); } .cms-counter-wraper { /* [Start] 3. Tabs & Accordion +-----------------------------------+ */ } .cms-counter-wraper .cms-counter-icon { margin-bottom: 21px; } .cms-counter-wraper .cms-counter-icon i { font-size: 48px; color: #1151d3; } .cms-counter-wraper .cms-counter-content .cms-counter { color: #282828; font-size: 50px; line-height: 1; margin-bottom: 5px; letter-spacing: 0.04em; } .cms-counter-wraper .cms-counter-content .cms-counter-title { font-size: 13px; color: #9b9b9b; font-weight: 800; text-transform: uppercase; letter-spacing: 0.035em; } .cms-counter-wraper.cms-counter-layout1 .cms-counter-icon { margin-bottom: 0; position: absolute; left: 0; top: 0; right: 0; } .cms-counter-wraper.cms-counter-layout1 .cms-counter-icon i { font-size: 128px; color: #ededed; } .cms-counter-wraper.cms-counter-layout1 .cms-counter-content { position: relative; } .cms-counter-wraper.cms-counter-layout1 .cms-counter-body { padding: 26px 0; position: relative; } .cms-counter-wraper.cms-counter-layout2 { text-align: center; } .cms-counter-wraper.cms-counter-layout2 .cms-counter-body { display: inline-block; text-align: left; } .cms-counter-wraper.cms-counter-layout2 .cms-counter-icon { float: left; margin-bottom: 0; padding-top: 14px; width: 90px; } .cms-counter-wraper.cms-counter-layout2 .cms-counter-content { padding-left: 90px; } .cms-counter-wraper.icon-box .cms-counter-icon { padding-top: 2px; } .cms-counter-wraper.icon-box .cms-counter-icon i { background-color: #1151d3; color: #fff; height: 70px; width: 70px; text-align: center; line-height: 70px; display: block; } .cms-counter-wraper.icon-box .cms-counter-icon i.sgicon { line-height: 76px; } .cms-counter-wraper.icon-box .cms-counter-content { padding-left: 100px; } .wg-title-white .vc_tta-container > h2 { color: #fff; } .wg-title-primary .vc_tta-container > h2 { color: #1151d3; } .title-center .vc_tta-container > h2 { text-align: center; } .vc_tta-container { margin: 0 !important; } .vc_tta-container > h2 { font-size: 17px; line-height: 32px; margin-bottom: 30px; /* Tabs */ } .vc_tta-container .vc_tta-tabs { /* Accordion */ } .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: 33px !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: none; } .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 20px; font-size: 13px; color: #282828; line-height: 1; text-transform: uppercase; position: relative; border: none; font-weight: 800; background-color: transparent; letter-spacing: 0.02em; margin: 0 6px; } .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: #1151d3; 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: #1151d3; } .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; } .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; font-size: 16px; line-height: 26px; } .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 */ /* BOX */ border: none; text-align: right; margin: 0px; position: relative; letter-spacing: 0.02em; } .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: #1151d3 !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: #1151d3 !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: 50px; } .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-body, .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-body { padding: 0; font-size: 16px; line-height: 26px; } .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: 26px !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: 0 20px; font-size: 13px; color: #282828; font-weight: 800; line-height: 1; position: relative; border: none; background-color: transparent; text-transform: uppercase; letter-spacing: 0.02em; } .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; border: 1px solid #e6e6e6; background-color: #fff; font-size: 28px; 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 */ /* BOX */ 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: #1151d3; } .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: #1151d3; border-color: #1151d3; color: #fff; } .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; } .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; text-align: center; font-size: 16px; line-height: 26px; } .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-style-modern.vc_tta-tabs-position-left .vc_tta-tabs-container, .vc_tta-container .vc_tta-tabs.vc_tta-style-modern.vc_tta-tabs-position-right .vc_tta-tabs-container { width: inherit; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern.vc_tta-tabs-position-left .vc_tta-tabs-container .vc_tta-tabs-list, .vc_tta-container .vc_tta-tabs.vc_tta-style-modern.vc_tta-tabs-position-right .vc_tta-tabs-container .vc_tta-tabs-list { border: none !important; margin: 0 !important; overflow: hidden; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern.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-modern.vc_tta-tabs-position-right .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab { margin: 0 !important; border-bottom: none; overflow: hidden; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern.vc_tta-tabs-position-left .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:first-child a, .vc_tta-container .vc_tta-tabs.vc_tta-style-modern.vc_tta-tabs-position-right .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:first-child a { -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 */ /* BOX */ } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern.vc_tta-tabs-position-left .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:last-child a, .vc_tta-container .vc_tta-tabs.vc_tta-style-modern.vc_tta-tabs-position-right .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:last-child a { -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 */ /* BOX */ } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern.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-modern.vc_tta-tabs-position-right .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a { background: #fff; color: #282828; padding: 14px 50px; font-weight: 800; font-size: 13px; line-height: 1.1; text-transform: uppercase; border: none; text-align: center; margin: 0px; position: relative; letter-spacing: 0.02em; border: 1px solid #e6e6e6; -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 */ /* BOX */ } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern.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.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-modern.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-modern.vc_tta-tabs-position-right .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:hover a { color: #fff !important; background: #1151d3; border-color: #1151d3; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern.vc_tta-tabs-position-left .vc_tta-panels-container, .vc_tta-container .vc_tta-tabs.vc_tta-style-modern.vc_tta-tabs-position-right .vc_tta-panels-container { width: inherit; padding-left: 50px; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern.vc_tta-tabs-position-left .vc_tta-panels-container .vc_tta-panels, .vc_tta-container .vc_tta-tabs.vc_tta-style-modern.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-modern.vc_tta-tabs-position-left .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body, .vc_tta-container .vc_tta-tabs.vc_tta-style-modern.vc_tta-tabs-position-right .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body { padding: 0; font-size: 16px; line-height: 26px; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern.vc_tta-tabs-position-right .vc_tta-panels-container { padding-left: 0px; padding-right: 30px; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern.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-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 */ /* BOX */ } .vc_tta-container .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel { margin-bottom: 15px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel:last-child { margin-bottom: 0; } .vc_tta-container .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading { background-color: #f9f9f9 !important; background-image: none !important; border: medium none; -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 */ /* BOX */ padding: 0; } .vc_tta-container .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title { border: none; font-family: inherit; } .vc_tta-container .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a { font-size: 16px; line-height: 26px; color: #282828; padding: 24px 17px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a .vc_tta-controls-icon.vc_tta-controls-icon-plus { width: 10px; height: 10px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a .vc_tta-controls-icon.vc_tta-controls-icon-plus:before, .vc_tta-container .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a .vc_tta-controls-icon.vc_tta-controls-icon-plus:after { border-color: #1151d3; } .vc_tta-container .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-left > a { padding-left: 50px; padding-right: 30px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-left i { left: 30px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-right > a { padding-left: 30px; padding-right: 50px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-right i { right: 30px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-body { background-color: #f9f9f9; font-size: 14px; font-weight: normal; color: #a5a5a5; line-height: 24px; border: none; padding: 0px 30px 27px 30px; position: relative; } .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel { margin-bottom: 15px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel:last-child { margin-bottom: 0; } .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading { background-color: #282828 !important; background-image: none !important; border: medium none; -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 */ /* BOX */ padding: 0; } .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title { border: none; font-family: inherit; } .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a { font-size: 16px; line-height: 26px; color: #fff; padding: 24px 17px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a .vc_tta-controls-icon.vc_tta-controls-icon-plus { width: 10px; height: 10px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a .vc_tta-controls-icon.vc_tta-controls-icon-plus:before, .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a .vc_tta-controls-icon.vc_tta-controls-icon-plus:after { border-color: #fff; } .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-left > a { padding-left: 50px; padding-right: 30px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-left i { left: 30px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-right > a { padding-left: 30px; padding-right: 50px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-right i { right: 30px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel .vc_tta-panel-body { background-color: #f9f9f9; font-size: 14px; font-weight: normal; color: #a5a5a5; line-height: 24px; border: none; padding: 0px 30px 27px 30px; position: relative; } .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading { background-color: #f9f9f9 !important; } .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a { color: #282828; } .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a .vc_tta-controls-icon.vc_tta-controls-icon-plus:before, .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a .vc_tta-controls-icon.vc_tta-controls-icon-plus:after { border-color: #282828; } .vc_tta-container .vc_tta-accordion.vc_tta-style-outline .vc_tta-panels .vc_tta-panel, .vc_tta-container .vc_tta-accordion.vc_tta-style-flat .vc_tta-panels .vc_tta-panel { margin-bottom: 15px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-outline .vc_tta-panels .vc_tta-panel:last-child, .vc_tta-container .vc_tta-accordion.vc_tta-style-flat .vc_tta-panels .vc_tta-panel:last-child { margin-bottom: 0; } .vc_tta-container .vc_tta-accordion.vc_tta-style-outline .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading, .vc_tta-container .vc_tta-accordion.vc_tta-style-flat .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading { background-color: #fff !important; background-image: none !important; border: 1px solid #eaeaea; -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 */ /* BOX */ padding: 0; } .vc_tta-container .vc_tta-accordion.vc_tta-style-outline .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title, .vc_tta-container .vc_tta-accordion.vc_tta-style-flat .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title { border: none; font-family: inherit; } .vc_tta-container .vc_tta-accordion.vc_tta-style-outline .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a, .vc_tta-container .vc_tta-accordion.vc_tta-style-flat .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a { font-size: 16px; line-height: 26px; color: #282828; padding: 22px 17px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-outline .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a .vc_tta-controls-icon.vc_tta-controls-icon-plus, .vc_tta-container .vc_tta-accordion.vc_tta-style-flat .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a .vc_tta-controls-icon.vc_tta-controls-icon-plus { width: 10px; height: 10px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-outline .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a .vc_tta-controls-icon.vc_tta-controls-icon-plus:before, .vc_tta-container .vc_tta-accordion.vc_tta-style-flat .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a .vc_tta-controls-icon.vc_tta-controls-icon-plus:before, .vc_tta-container .vc_tta-accordion.vc_tta-style-outline .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a .vc_tta-controls-icon.vc_tta-controls-icon-plus:after, .vc_tta-container .vc_tta-accordion.vc_tta-style-flat .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a .vc_tta-controls-icon.vc_tta-controls-icon-plus:after { border-color: #1151d3; } .vc_tta-container .vc_tta-accordion.vc_tta-style-outline .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-left > a, .vc_tta-container .vc_tta-accordion.vc_tta-style-flat .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-left > a { padding-left: 50px; padding-right: 30px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-outline .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-left i, .vc_tta-container .vc_tta-accordion.vc_tta-style-flat .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-left i { left: 30px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-outline .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-right > a, .vc_tta-container .vc_tta-accordion.vc_tta-style-flat .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-right > a { padding-left: 30px; padding-right: 50px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-outline .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-right i, .vc_tta-container .vc_tta-accordion.vc_tta-style-flat .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-right i { right: 30px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-outline .vc_tta-panels .vc_tta-panel .vc_tta-panel-body, .vc_tta-container .vc_tta-accordion.vc_tta-style-flat .vc_tta-panels .vc_tta-panel .vc_tta-panel-body { background-color: #fff; font-size: 14px; font-weight: normal; color: #a5a5a5; line-height: 24px; border-width: 0px 1px 1px 1px; border-color: #eaeaea; border-style: solid; padding: 0px 30px 27px 30px; position: relative; } .vc_tta-container .vc_tta-accordion.vc_tta-style-flat .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-controls-icon.vc_tta-controls-icon-plus { background-color: #333; -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 */ /* BOX */ height: 20px !important; width: 20px !important; } .vc_tta-container .vc_tta-accordion.vc_tta-style-flat .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-controls-icon.vc_tta-controls-icon-plus:before, .vc_tta-container .vc_tta-accordion.vc_tta-style-flat .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-controls-icon.vc_tta-controls-icon-plus:after { border-color: #fff !important; width: 10px; height: 10px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-flat .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-controls-icon.vc_tta-controls-icon-plus:before { left: 5px; top: 14px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-flat .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-controls-icon.vc_tta-controls-icon-plus:after { left: 14px; top: 5px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-flat .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-controls-icon.vc_tta-controls-icon-plus { background-color: #1151d3; } @media screen and (max-width: 767px) { /* [Start] 4. Pricing +-----------------------------------+ */ .vc_tta-container .vc_tta.vc_tta-tabs .vc_tta-panels-container { padding-left: 0 !important; } .vc_tta-container .vc_tta.vc_tta-tabs .vc_tta-panel .vc_tta-panel-heading { border: medium none; margin-bottom: 10px !important; } .vc_tta-container .vc_tta.vc_tta-tabs .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a { color: #282828; font-weight: 600; font-size: 16px; color: #282828; padding: 16px 20px; } .vc_tta-container .vc_tta.vc_tta-tabs .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a { color: #1151d3; } .vc_tta-container .vc_tta.vc_tta-tabs .vc_tta-panel .vc_tta-panel-body { padding: 15px !important; background-color: transparent !important; } } .cms-pricing-wrapper { background-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 */ /* BOX */ -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); padding: 0 40px 40px; /* [Start] 5. Carousel +-----------------------------------+ */ } .cms-pricing-wrapper .pricingbox { padding-top: 35px; position: relative; border-top: 2px solid #282828; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-pricing-wrapper .pricing-title { -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-pricing-wrapper .pricing-header { background-color: #282828; padding: 42px 20px 44px; text-align: center; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-pricing-wrapper .pricing-header .pricing-meta { line-height: 1; color: #fff; padding: 0 0 15px; font-weight: 700; } .cms-pricing-wrapper .pricing-header .pricing-meta .pricing-currency { font-size: 28px; } .cms-pricing-wrapper .pricing-header .pricing-meta .pricing-time { font-size: 16px; } .cms-pricing-wrapper .pricing-header .pricing-meta .pricing-price { font-size: 70px; } .cms-pricing-wrapper .pricing-header .pricing-subtitle { font-size: 13px; line-height: 21px; color: #f9f9f9; } .cms-pricing-wrapper .pricing-body { padding: 36px 0; } .cms-pricing-wrapper .pricing-body li { font-size: 14px; font-weight: 500; border-bottom: 1px solid #f5f4f4; padding: 8px 0; } .cms-pricing-wrapper .pricing-body li:last-child { border-bottom: none; } .cms-pricing-wrapper .pricing-button .btn { padding-left: 0; padding-right: 0; width: 100%; } .cms-pricing-wrapper:hover .pricing-title, .cms-pricing-wrapper.pricing-feature .pricing-title { color: #1151d3; } .cms-pricing-wrapper:hover .pricingbox, .cms-pricing-wrapper.pricing-feature .pricingbox { border-color: #1151d3; } .cms-pricing-wrapper:hover .pricing-button .btn, .cms-pricing-wrapper.pricing-feature .pricing-button .btn { border-color: #1151d3; background-color: #1151d3; color: #fff; } .cms-pricing-wrapper:hover .pricing-button .btn:hover, .cms-pricing-wrapper.pricing-feature .pricing-button .btn:hover { background-color: transparent; color: #1151d3; } .cms-pricing-wrapper:hover .pricing-header, .cms-pricing-wrapper.pricing-feature .pricing-header { background-color: #1151d3; } .cms-pricing-wrapper.pricing-style2 .pricingbox { padding-top: 0; border: none; } .cms-pricing-wrapper.pricing-style2 .pricing-title { margin-bottom: 20px; padding: 17px 10px; background-color: #282828; color: #fff; text-align: center; } .cms-pricing-wrapper.pricing-style2:hover .pricing-title { background-color: #1151d3; } .cms-carousel-wrap { /* [Start] 6. Progressbar +-----------------------------------+ */ } .cms-carousel-wrap .cms-carousel-layout1 .cms-carousel-image { min-height: 430px; background-position: center; background-repeat: no-repeat; background-size: cover; -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 */ /* BOX */ } .cms-carousel-wrap .cms-carousel-layout1 .owl-controls .owl-nav i { height: 50px; width: 50px; line-height: 50px; background-color: #e3e7f3; -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 */ /* BOX */ -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); } .cms-carousel-wrap .cms-carousel-layout1 .owl-controls .owl-nav i:before { color: #333c54; font-size: 25px; } .cms-carousel-wrap .cms-carousel-layout1 .owl-controls .owl-nav i:hover:before { color: #1151d3; } .cms-carousel-wrap .cms-carousel-layout1 .owl-controls .owl-nav .owl-prev, .cms-carousel-wrap .cms-carousel-layout1 .owl-controls .owl-nav .owl-next { 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 */ } .cms-carousel-wrap .cms-carousel-layout1 .owl-controls .owl-nav .owl-prev { left: -25px; } .cms-carousel-wrap .cms-carousel-layout1 .owl-controls .owl-nav .owl-prev i:before { content: "\f2ea"; } .cms-carousel-wrap .cms-carousel-layout1 .owl-controls .owl-nav .owl-next { right: -25px; } .cms-carousel-wrap .cms-carousel-layout1 .owl-controls .owl-nav .owl-next i:before { content: "\f2ee"; } .cms-carousel-wrap .cms-carousel-layout1 .owl-controls .owl-dots .owl-dot span { border-color: #fff; height: 15px; width: 15px; } .cms-carousel-wrap .cms-carousel-layout1 .owl-controls .owl-dots .owl-dot.active span { background-color: #fff; border-color: #fff; } .cms-carousel-wrap .dotsCont { margin: 30px -15px 0 -15px; } .cms-carousel-wrap .dotsCont .item-dot { width: 16.6667%; float: left; padding: 0 15px; } .cms-carousel-wrap .dotsCont .item-dot div { min-height: 85px; background-size: cover; background-position: center; background-repeat: no-repeat; -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 */ /* BOX */ cursor: pointer; } .cms-carousel-wrap .dotsCont .item-dot.active div, .cms-carousel-wrap .dotsCont .item-dot:hover div { -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25); -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25); } .cms-carousel-wrap .cms-carousel-layout2 .cms-carousel-image { min-height: 350px; background-position: center; background-repeat: no-repeat; background-size: cover; -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 */ /* BOX */ } .cms-carousel-wrap .cms-carousel-layout2 .cms-carousel-content { position: absolute; bottom: 0; left: 0; right: 0; padding: 15px 50px; } .cms-carousel-wrap .cms-carousel-layout2 .cms-carousel-content h3 { font-size: 20px; line-height: normal; color: #fff; font-family: 'Raleway Semibold'; font-weight: normal; margin-bottom: 8px; } .cms-carousel-wrap .cms-carousel-layout2 .cms-carousel-content .cms-carousel-description { color: rgba(255, 255, 255, 0.66); max-width: 80%; } .cms-carousel-wrap .cms-carousel-layout2 .owl-controls .owl-nav i { height: 50px; width: 50px; line-height: 50px; } .cms-carousel-wrap .cms-carousel-layout2 .owl-controls .owl-nav i:before { color: rgba(255, 255, 255, 0.5); font-size: 25px; } .cms-carousel-wrap .cms-carousel-layout2 .owl-controls .owl-nav i:hover:before { color: #1151d3; } .cms-carousel-wrap .cms-carousel-layout2 .owl-controls .owl-nav .owl-prev, .cms-carousel-wrap .cms-carousel-layout2 .owl-controls .owl-nav .owl-next { 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 */ } .cms-carousel-wrap .cms-carousel-layout2 .owl-controls .owl-nav .owl-prev { left: 0; } .cms-carousel-wrap .cms-carousel-layout2 .owl-controls .owl-nav .owl-prev i:before { content: "\f2ea"; } .cms-carousel-wrap .cms-carousel-layout2 .owl-controls .owl-nav .owl-next { right: 0; } .cms-carousel-wrap .cms-carousel-layout2 .owl-controls .owl-nav .owl-next i:before { content: "\f2ee"; } .cms-carousel-wrap .cms-carousel-layout2.custom-layout3 .cms-carousel-image { min-height: 450px; -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 */ /* BOX */ } .cms-carousel-wrap .cms-carousel-layout2.custom-layout3 .cms-carousel-content { padding: 15px 15px 30px; max-width: 1170px; margin: auto; } .cms-carousel-wrap .cms-carousel-layout2.custom-layout3 .cms-carousel-content .cms-carousel-description { max-width: 540px; } .cms-progress-wraper { position: relative; overflow: hidden; margin-bottom: 33px; /* [Start] 7. Alert +-----------------------------------+ */ } .cms-progress-wraper .cms-progress-title { text-transform: capitalize; color: #282828; letter-spacing: 0.02em; margin-bottom: 3px; display: block; } .cms-progress-wraper .progress-couter { color: #ccc; font-size: 30px; line-height: 1; left: 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 */ } .cms-progress-wraper .cms-progress { background-color: #eee; height: 4px; margin: 0; overflow: visible; width: 100%; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; -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 */ /* BOX */ position: relative; } .cms-progress-wraper .cms-progress .progress-bar { background-image: none; background-color: #1151d3; overflow: visible; -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 */ /* BOX */ -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; -webkit-transition: width 1.4s ease 0s; -moz-transition: width 1.4s ease 0s; -ms-transition: width 1.4s ease 0s; transition: width 1.4s ease 0s; } .cms-progress-wraper .cms-progress-content { padding-left: 90px; } .cms-progress-wraper .cms-progress-content.title-empty { min-height: 30px; padding-top: 23px; } .cms-progress-wraper.layout2 { overflow: visible; } .cms-progress-wraper.layout2 .cms-progress-content { padding-left: 0; } .cms-progress-wraper.layout2 .progress-couter { bottom: -4px; display: block; font-weight: normal; left: auto; line-height: 1; right: 0; top: auto; -webkit-transform: translate(0px); -khtml-transform: translate(0px); -moz-transform: translate(0px); -ms-transform: translate(0px); -o-transform: translate(0px); transform: translate(0px); /* BACKGROUND GRADIENT */ z-index: 99; } .cms-alert-wrapper { /* [Start] 8. Testimonial +-----------------------------------+ */ } .cms-alert-wrapper .alert { font-size: 14px; line-height: 24px; letter-spacing: 0.035em; padding: 18px 40px 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 */ /* BOX */ -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 { cursor: pointer; height: 29px; opacity: 1; position: absolute; right: 10px; top: 50%; transform: translate(0px, -50%); width: 29px; } .cms-alert-wrapper .alert .close:before, .cms-alert-wrapper .alert .close:after { content: ""; height: 1px; width: 18px; background-color: #222; position: absolute; right: 0; left: 0; top: 14px; margin: auto; } .cms-alert-wrapper .alert .close:before { -webkit-transform: rotate(45deg); -khtml-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); /* BACKGROUND GRADIENT */ } .cms-alert-wrapper .alert .close:after { -webkit-transform: rotate(-45deg); -khtml-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); /* BACKGROUND GRADIENT */ } .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 */ } .cms-alert-wrapper .alert-icon { font-size: 18px; position: relative; top: 2px; } .cms-alert-wrapper .alert-icon i.sgicon, .cms-alert-wrapper .alert-icon i.fa { padding-right: 4px; } .cms-alert-wrapper.cms-alert-outline .alert { border: 1px solid #282828; } .cms-alert-wrapper.cms-alert-modern .alert { background-color: #1151d3; color: #fff; } .cms-alert-wrapper.cms-alert-modern .alert .close:before, .cms-alert-wrapper.cms-alert-modern .alert .close:after { background-color: #fff; } .cms-alert-wrapper.cms-alert-flat .alert { background-color: #eaedf1; } .cms-testimonial .cms-testimonial-image { max-width: 50px; margin: auto; } .cms-testimonial .cms-testimonial-image img { width: 100%; height: auto; -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 */ /* BOX */ } .cms-testimonial .cms-testimonial-image.avatar-square 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 */ /* BOX */ } .cms-testimonial .cms-testimonial-content { font-size: 15px; line-height: 24px; font-weight: 500; letter-spacing: 0.02em; font-style: italic; } .cms-testimonial .cms-testimonial-content p { margin-bottom: 0; } .cms-testimonial .cms-testimonial-title { font-size: 14px; line-height: 22px; margin-bottom: 0; } .cms-testimonial .cms-testimonial-position { color: #616161; font-size: 13px; } .cms-testimonial svg { height: 20px; } .cms-testimonial svg .color-primary { fill: #1151d3; } .cms-testimonial.cms-testimonial-layout1 .cms-testimonial-wrapper { max-width: 760px; margin-left: auto; margin-right: auto; } .cms-testimonial.cms-testimonial-layout1 .cms-testimonial-wrapper.text-left .cms-testimonial-image { margin-left: 0; } .cms-testimonial.cms-testimonial-layout1 .cms-testimonial-wrapper.text-right .cms-testimonial-image { margin-right: 0; } .cms-testimonial.cms-testimonial-layout1 .cms-testimonial-content { font-size: 20px; line-height: 34px; font-weight: 600; padding-bottom: 20px; } .cms-testimonial.cms-testimonial-layout1 .cms-testimonial-image + .cms-testimonial-content { padding-top: 31px; } .cms-testimonial.cms-testimonial-layout1 .cms-testimonial-title { margin-top: 9px; margin-bottom: 15px; } .cms-testimonial.cms-testimonial-layout2 .cms-testimonial-image { float: left; margin-top: 40px; } .cms-testimonial.cms-testimonial-layout2 .cms-testimonial-image + .cms-testimonial-content-inner { padding-left: 70px; } .cms-testimonial.cms-testimonial-layout2 .cms-testimonial-content { padding-top: 7px; padding-bottom: 20px; } .cms-testimonial.cms-testimonial-layout2 .owl-controls { padding-top: 15px; } .cms-testimonial.cms-testimonial-layout3 .cms-testimonial-item.box-shadow { padding: 3px; } .cms-testimonial.cms-testimonial-layout3 .cms-testimonial-item.box-shadow .cms-testimonial-wrapper { -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); } .cms-testimonial.cms-testimonial-layout3 .cms-testimonial-image { float: left; max-width: 40px; } .cms-testimonial.cms-testimonial-layout3 .cms-testimonial-image + .cms-testimonial-meta { padding-left: 54px; } .cms-testimonial.cms-testimonial-layout3 .cms-testimonial-content { padding-top: 17px; padding-bottom: 23px; } .cms-testimonial.cms-testimonial-layout3 .owl-controls { padding-top: 20px; } .cms-testimonial.cms-testimonial-layout3 .cms-testimonial-wrapper { padding: 40px 40px 35px; background-color: #f9f9f9; -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 */ /* BOX */ } .cms-testimonial.cms-testimonial-layout3 .cms-testimonial-wrapper.text-center .cms-testimonial-content { text-align: left; } .cms-testimonial.cms-testimonial-layout3 .cms-testimonial-wrapper.text-center .cms-testimonial-holder { display: inline-block; text-align: left; } .cms-testimonial.cms-testimonial-layout3 .cms-testimonial-wrapper.text-center.center-style2 .cms-testimonial-image { float: none; } .cms-testimonial.cms-testimonial-layout3 .cms-testimonial-wrapper.text-center.center-style2 .cms-testimonial-meta { padding-left: 0; padding-top: 15px; text-align: center; } .cms-testimonial.cms-testimonial-layout3 .cms-testimonial-wrapper.center-style3 { background-color: #fff; border: 1px solid #eaeaea; } .cms-testimonial.cms-testimonial-layout3 .cms-testimonial-wrapper.text-right .cms-testimonial-holder .cms-testimonial-image { float: right; } .cms-testimonial.cms-testimonial-layout3 .cms-testimonial-wrapper.text-right .cms-testimonial-holder .cms-testimonial-image + .cms-testimonial-meta { padding-left: 0; padding-right: 70px; } .cms-testimonial.cms-testimonial-layout5 svg { margin: 30px 20px 30px 0; } .cms-testimonial.cms-testimonial-layout5 .cms-testimonial-image { display: inline-block; margin: inherit; max-width: 80px; } .cms-testimonial.cms-testimonial-layout5 .cms-testimonial-image 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 */ /* BOX */ } .cms-testimonial.cms-testimonial-layout5 .cms-testimonial-content { font-size: 20px; line-height: 34px; font-weight: 600; padding-top: 24px; padding-bottom: 18px; } .cms-testimonial.cms-testimonial-layout5 .cms-testimonial-title { font-family: inherit; font-weight: 700; } .cms-testimonial.cms-testimonial-layout6 { text-align: left; } .cms-testimonial.cms-testimonial-layout6 .cms-testimonial-holder { padding-left: 47px; } .cms-testimonial.cms-testimonial-layout6 .cms-testimonial-image { margin-bottom: 23px; margin-left: 47px; } .cms-testimonial.cms-testimonial-layout6 .cms-testimonial-image 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 */ /* BOX */ } .cms-testimonial.cms-testimonial-layout6 .cms-testimonial-content { position: relative; padding-left: 47px; margin-bottom: 18px; } .cms-testimonial.cms-testimonial-layout6 svg { width: 90px; height: 60px; left: 0px; opacity: 0.4; 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 */ } @media screen and (min-width: 1230px) { /* [Start] 9. Team +-----------------------------------+ */ .cms-testimonial.nav-center { padding: 0 60px; } .cms-testimonial.nav-center .cms-testimonial-content { font-size: 20px; font-weight: 600; line-height: 34px; } .cms-testimonial.nav-center .cms-testimonial-wrapper.text-center { background-color: transparent; } .cms-testimonial.nav-center .cms-testimonial-wrapper.text-center .cms-testimonial-content { text-align: center !important; } .cms-testimonial.nav-center .owl-controls { padding: 0; } .cms-testimonial.nav-center .owl-controls .owl-prev, .cms-testimonial.nav-center .owl-controls .owl-next { margin: 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 */ } .cms-testimonial.nav-center .owl-controls .owl-prev { left: 0; } .cms-testimonial.nav-center .owl-controls .owl-next { right: 0; } } .cms-layout-team { /* [Start] 10. Heading +-----------------------------------+ */ } .cms-layout-team .cms-team-header { position: relative; overflow: hidden; } .cms-layout-team .cms-team-header img { width: 100%; } .cms-layout-team .cms-team-header .cms-team-overlay { position: absolute; bottom: 0; left: 0px; top: 0px; right: 0px; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(34, 34, 34, 0.12)); background-image: -webkit-linear-gradient(center top, rgba(0, 0, 0, 0), rgba(34, 34, 34, 0.12)); background-image: -moz-linear-gradient(center top, rgba(0, 0, 0, 0), rgba(34, 34, 34, 0.12)); background-image: -ms-linear-gradient(center top, rgba(0, 0, 0, 0), rgba(34, 34, 34, 0.12)); background-image: -o-linear-gradient(center top, rgba(0, 0, 0, 0), rgba(34, 34, 34, 0.12)); background-image: linear-gradient(center top, rgba(0, 0, 0, 0), rgba(34, 34, 34, 0.12)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(0, 0, 0, 0)', endColorStr='rgba(34, 34, 34, 0.12)', gradientType='1'); /* BACKGROUND RADIAL */ -webkit-transition: all 180ms linear 0ms; -moz-transition: all 180ms linear 0ms; -ms-transition: all 180ms linear 0ms; transition: all 180ms linear 0ms; opacity: 0; } .cms-layout-team .cms-team-header .cms-team-social { -webkit-transition: all 220ms linear 0ms; -moz-transition: all 220ms linear 0ms; -ms-transition: all 220ms linear 0ms; transition: all 220ms linear 0ms; } .cms-layout-team .cms-team-header .cms-team-social li { display: inline-block; margin: 0 5px; } .cms-layout-team .cms-team-header .cms-team-social li i { display: block; height: 38px; width: 38px; line-height: 38px; color: #fff; font-size: 14px; -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 */ /* BOX */ -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; background-color: #1151d3; } .cms-layout-team .cms-team-header .cms-team-social li i.fa-facebook { background-color: #5d82d1; } .cms-layout-team .cms-team-header .cms-team-social li i.fa-twitter { background-color: #40bff5; } .cms-layout-team .cms-team-header .cms-team-social li i.fa-google-plus { background-color: #eb5e4c; } .cms-layout-team .cms-team-header .cms-team-social li i.fa-linkedin { background-color: #0077b5; } .cms-layout-team .cms-team-header .cms-team-social li i.fa-rss { background-color: #f57d00; } .cms-layout-team .cms-team-header .cms-team-social li i.fa-instagram { background-color: #e4405f; } .cms-layout-team .cms-team-header .cms-team-social li i.fa-skype { background-color: #00aff0; } .cms-layout-team .cms-team-header .cms-team-social li i.fa-pinterest { background-color: #bd081c; } .cms-layout-team .cms-team-header .cms-team-social li i.fa-vimeo { background-color: #1ab7ea; } .cms-layout-team .cms-team-header .cms-team-social li i.fa-youtube { background-color: #cd201f; } .cms-layout-team .cms-team-header .cms-team-social li i.fa-yelp { background-color: #af0606; } .cms-layout-team .cms-team-header .cms-team-social li i.fa-tumblr { background-color: #34465d; } .cms-layout-team .cms-team-header .cms-team-social li i.fa-tripadvisor { background-color: #00a680; } .cms-layout-team .cms-team-header .cms-team-social li i:hover { opacity: 0.8; } .cms-layout-team .cms-team-title { font-size: 18px; line-height: 26px; margin-bottom: 5px; } .cms-layout-team .cms-team-position { font-size: 13px; } .cms-layout-team .cms-team-content { margin-top: 13px; padding-top: 17px; position: relative; } .cms-layout-team .cms-team-content:before { content: ""; height: 2px; width: 24px; position: absolute; top: 0; left: 0; right: 0; margin: auto; background-color: #1151d3; } .cms-layout-team .cms-team-content p { margin-bottom: 0; } .cms-layout-team .cms-team-body { padding: 35px 30px 33px; 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; } .cms-layout-team.cms-team-layout1.team-box-shadow .cms-team-wrapper { -webkit-box-shadow: 0 1px 73px rgba(40, 40, 40, 0.05); -moz-box-shadow: 0 1px 73px rgba(40, 40, 40, 0.05); -ms-box-shadow: 0 1px 73px rgba(40, 40, 40, 0.05); box-shadow: 0 1px 73px rgba(40, 40, 40, 0.05); } .cms-layout-team.cms-team-layout1.team-box-shadow .cms-team-wrapper:hover { -webkit-box-shadow: 0 1px 73px rgba(40, 40, 40, 0.1); -moz-box-shadow: 0 1px 73px rgba(40, 40, 40, 0.1); -ms-box-shadow: 0 1px 73px rgba(40, 40, 40, 0.1); box-shadow: 0 1px 73px rgba(40, 40, 40, 0.1); } .cms-layout-team.cms-team-layout1.color-dark .cms-team-wrapper .cms-team-body { background-color: #222; } .cms-layout-team.cms-team-layout1.color-dark .cms-team-wrapper .cms-team-body .cms-team-title { color: #fff; } .cms-layout-team.cms-team-layout1.color-dark .cms-team-wrapper .cms-team-body .cms-team-position { color: #9b9b9b; } .cms-layout-team.cms-team-layout1 .cms-team-wrapper { -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 */ /* BOX */ overflow: hidden; -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0); -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0); -ms-box-shadow: 0 1px 30px rgba(0, 0, 0, 0); box-shadow: 0 1px 30px rgba(0, 0, 0, 0); -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-layout-team.cms-team-layout1 .cms-team-wrapper .cms-team-social { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; padding: 30px 15px; -webkit-transform: translateY(100%); -khtml-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); /* BACKGROUND GRADIENT */ } .cms-layout-team.cms-team-layout1 .cms-team-wrapper:hover { -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1); } .cms-layout-team.cms-team-layout1 .cms-team-wrapper:hover .cms-team-header .cms-team-overlay { opacity: 1; } .cms-layout-team.cms-team-layout1 .cms-team-wrapper:hover .cms-team-header .cms-team-social { -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 */ } .cms-layout-team.cms-team-layout1 .owl-stage { padding: 40px 0; } .cms-layout-team.cms-team-layout1 .owl-stage-outer { margin-left: -28px; margin-right: -28px; padding: 0 28px; } .cms-layout-team.cms-team-layout1.remove-box-shadow .cms-team-wrapper { -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0); -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0); -ms-box-shadow: 0 1px 30px rgba(0, 0, 0, 0); box-shadow: 0 1px 30px rgba(0, 0, 0, 0); } .cms-layout-team.cms-team-layout1.remove-box-shadow .cms-team-body { background-color: transparent; padding-bottom: 23px; } .cms-layout-team.cms-team-layout1.cms-team-style2 .cms-team-wrapper .cms-team-body { opacity: 0; } .cms-layout-team.cms-team-layout1.cms-team-style2 .cms-team-wrapper:hover .cms-team-body { opacity: 1; } .cms-layout-team.cms-team-layout1.cms-team-style2 .owl-item.center .cms-team-wrapper { -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1); } .cms-layout-team.cms-team-layout1.cms-team-style2 .owl-item.center .cms-team-wrapper .cms-team-social { -webkit-transform: translateY(0px); -khtml-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); /* BACKGROUND GRADIENT */ } .cms-layout-team.cms-team-layout1.cms-team-style2 .owl-item.center .cms-team-wrapper .cms-team-header .cms-team-overlay { top: 0px; left: 0px; right: 0px; bottom: 0; opacity: 1; } .cms-layout-team.cms-team-layout1.cms-team-style2 .owl-item.center .cms-team-wrapper .cms-team-body { opacity: 1; } .cms-layout-team.cms-team-layout1.cms-team-style3 .cms-team-wrapper { -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0); -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0); -ms-box-shadow: 0 1px 30px rgba(0, 0, 0, 0); box-shadow: 0 1px 30px rgba(0, 0, 0, 0); } .cms-layout-team.cms-team-layout1.cms-team-style3 .cms-team-wrapper .cms-team-body { padding-bottom: 0; } .cms-layout-team.cms-team-layout2 .cms-team-header .cms-team-overlay { background-color: rgba(255, 255, 255, 0.9); background-image: none; } .cms-layout-team.cms-team-layout2 .cms-team-social { margin-bottom: 25px; } .cms-layout-team.cms-team-layout2 .cms-team-body { background-color: transparent; position: absolute; top: 50%; left: 0; -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 */ right: 0; opacity: 0; } .cms-layout-team.cms-team-layout2 .cms-team-wrapper:hover .cms-team-header .cms-team-overlay { top: 30px; left: 30px; right: 30px; bottom: 30px; opacity: 1; } .cms-layout-team.cms-team-layout2 .cms-team-wrapper:hover .cms-team-body { opacity: 1; } .cms-layout-team.cms-grid-wraper .cms-grid-masonry { overflow: visible !important; } .cms-layout-team.cms-grid-wraper.cms-team-layout1 .cms-team-wrapper { margin-bottom: 30px; } .cms-layout-team .social-square .cms-team-social li a i { -webkit-border-radius: 1px !important; -khtml-border-radius: 1px !important; -moz-border-radius: 1px !important; -ms-border-radius: 1px !important; -o-border-radius: 1px !important; border-radius: 1px !important; /* BACKGROUND GRADIENT */ /* BOX */ } .cms-layout-team.cms-team-layout3 .cms-team-wrapper { -webkit-box-shadow: 0 1px 70px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 70px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 1px 70px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 70px rgba(0, 0, 0, 0.1); } .cms-layout-team.cms-team-layout3 .cms-carousel-item { border: 1px solid rgba(0, 0, 0, 0.05); } .cms-layout-team.cms-team-layout3 .cms-team-social li { display: inline-block; margin: 0 5px; } .cms-layout-team.cms-team-layout3 .cms-team-social li a { display: block; height: 38px; width: 38px; line-height: 38px; color: #fff; font-size: 14px; background-color: #333; } .cms-layout-team.cms-team-layout3 .cms-team-social li a:hover { background-color: #1151d3; } .cms-layout-team.cms-team-layout3 .cms-team-body { padding: 30px 30px 23px; } .cms-layout-team.cms-team-layout3 .cms-team-body .cms-team-title { margin: 15px 0 5px; } .cms-heading-inner { position: relative; } .cms-heading-inner .title-mask { font-size: 300px; line-height: 1; font-weight: 800; color: #f4f4f4; text-transform: uppercase; display: inline-block; position: absolute; top: 22px; z-index: 0; left: 50%; -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 */ } .cms-heading-inner .cms-heading-content { position: relative; z-index: 2; } .cms-heading-inner .cms-typingout-typed { color: #1151d3; } .cms-heading-more { margin-top: 34px; text-align: center; border: 2px solid #1151d3; color: #1151d3; -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 */ /* BOX */ display: inline-block; font-size: 30px; height: 50px; line-height: 46px; width: 50px; } .cms-heading-more:hover { background-color: #1151d3; color: #fff; } .cms-heading-more.more-icon-square { -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 */ /* BOX */ } .cms-heading-more.more-icon-circle2 { background-color: #1151d3; color: #fff; } .cms-heading-more.more-icon-circle2:hover { background-color: #282828; border-color: #282828; } .cms-heading-line { display: inline-block; width: 24px; height: 6px; position: relative; } .cms-heading-line .line1, .cms-heading-line .line2 { border-top: 2px solid #282828; position: absolute; left: 0; right: 0; height: 2px; margin: auto; } .cms-heading-line .line1 { top: 0; width: 12px; } .cms-heading-line .line2 { bottom: 0; } .cms-heading-line.size-large { width: 56px; } .cms-heading-line.size-large .line1 { width: 27px; } .cms-heading-line.line-left .line1 { right: inherit; left: 0; } .cms-heading-line.line-primary .line1, .cms-heading-line.line-primary .line2 { border-color: #1151d3; } .cms-heading-line-svg svg { width: 38px; } .cms-heading-line-svg svg .line-svg { fill: #1151d3; } .cms-heading-line-svg + .cms-heading-line { display: none; } .title-line-layout2 .cms-heading-line { height: 3px; } .title-line-layout2 .cms-heading-line .line1 { display: none; } .title-line-layout2 .cms-heading-line .line2 { border-color: #1151d3; } .title-line-layout2 .cms-heading-line.size-large { width: 40px; } .title-line-layout2 .cms-heading-line + .cms-heading-description { padding-top: 15px; } .title-line-layout3 .cms-heading-line { height: 2px; width: 26px; } .title-line-layout3 .cms-heading-line .line1 { width: 12px; left: 0; right: inherit; } .title-line-layout3 .cms-heading-line .line2 { width: 12px; right: 0; left: inherit; } .title-line-layout3 .cms-heading-description { margin-top: 9px !important; } .title-line-layout4 .cms-heading-line .line1, .title-line-layout4 .cms-heading-line .line2 { border-color: #1151d3; width: 24px; } .title-line-layout4 .cms-heading-line .line1 { right: -10px; } .title-line-layout4 .cms-heading-line .line2 { left: -10px; } .title-line-layout4 .text-left .cms-heading-line .line2 { left: 0; margin-left: 0; width: 12px; } .title-line-layout4 .text-right .cms-heading-line .line2 { right: 0; margin-right: 0; width: 12px; } .title-line-layout5 .cms-heading-line { height: 4px; } .title-line-layout5 .cms-heading-line .line1 { width: 24px; } .title-line-layout5 .cms-heading-line .line2 { width: 12px; } .cms-heading-wrapper.m-width .cms-heading-description, .cms-heading-wrapper.m-width2 .cms-heading-description { margin: auto; max-width: 670px; padding: 0 15px; } .cms-heading-wrapper.m-width .text-left .cms-heading-description, .cms-heading-wrapper.m-width2 .text-left .cms-heading-description { margin-left: 0; } .cms-heading-wrapper.m-width .text-right .cms-heading-description, .cms-heading-wrapper.m-width2 .text-right .cms-heading-description { margin-right: 0; } .cms-heading-wrapper.m-width2 .cms-heading-description { max-width: 830px; } .cms-heading-wrapper .cms-heading-subtitle { font-size: 13px; font-weight: 800; color: #1151d3; line-height: 1.2; margin-bottom: 11px; letter-spacing: 0.02em; } .cms-heading-wrapper .cms-heading-title { font-size: 30px; color: #222; margin-bottom: 5px; display: inline-block; } .cms-heading-wrapper .cms-heading-title.text-uppercase { text-transform: capitalize; } .cms-heading-wrapper .cms-heading-title.text-uppercase2 { text-transform: uppercase; } .cms-heading-wrapper .cms-heading-title cite { color: #1151d3; font-style: normal; } .cms-heading-wrapper .cms-heading-description { font-size: 16px; line-height: 25px; padding-top: 5px; } .cms-heading-wrapper .cms-heading-description.font-weight-bold { font-weight: 700; } .cms-heading-wrapper .cms-heading-description.font-weight-light { font-weight: 300; } .cms-heading-wrapper .cms-heading-description + .cms-heading-line { margin-top: 22px; } .cms-heading-wrapper .cms-heading-content.text-center .cms-heading-title { margin-left: auto; margin-right: auto; } .cms-heading-wrapper .cms-heading-content.text-left .cms-heading-line .line1 { margin-left: 0; right: inherit; left: 0; } .cms-heading-wrapper .cms-heading-content.text-left .cms-heading-title { margin-left: 0; } .cms-heading-wrapper .cms-heading-content.text-right .cms-heading-line .line1 { margin-right: 0; right: 0; left: inherit; } .cms-heading-wrapper .cms-heading-content.text-right .cms-heading-title { margin-right: 0; } .cms-heading-wrapper.hidden-title-line .cms-heading-line { display: none; } .cms-heading-wrapper.hidden-title-line .cms-heading-description { padding-top: 18px; } .cms-heading-wrapper.cms-heading-layout2 .cms-heading-title { line-height: 41px; } .cms-heading-wrapper.cms-heading-layout2 .cms-heading-description { font-size: 17px; line-height: 28px; padding-top: 28px; } .cms-heading-wrapper.cms-heading-layout3 .cms-heading-title, .cms-heading-wrapper.cms-heading-layout4 .cms-heading-title { font-size: 40px; line-height: 48px; } .cms-heading-wrapper.cms-heading-layout3 .cms-heading-description, .cms-heading-wrapper.cms-heading-layout4 .cms-heading-description { font-size: 17px; line-height: 28px; padding-bottom: 3px; font-weight: 700; } .cms-heading-wrapper.cms-heading-layout3 .cms-heading-line, .cms-heading-wrapper.cms-heading-layout4 .cms-heading-line { width: 56px; } .cms-heading-wrapper.cms-heading-layout3 .cms-heading-line .line1, .cms-heading-wrapper.cms-heading-layout4 .cms-heading-line .line1 { width: 27px; left: 0; right: inherit; } .cms-heading-wrapper.cms-heading-layout4 .cms-heading-line.line1 { margin-left: 0; } .subtitle-modern .cms-heading-subtitle { display: inline-block; background-color: #1151d3; -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 */ /* BOX */ color: #fff; padding: 6px 11px; } .social-connect { padding-top: 3px; /* [Start] 11. Fancybox +-----------------------------------+ */ } .social-connect a { font-size: 26px; padding-right: 20px; } .cms-fancyboxes-wraper { /* [Start] 13. Client +-----------------------------------+ */ } .cms-fancyboxes-wraper.space-left { padding-left: 20px; } .cms-fancyboxes-wraper .cms-fancybox-icon { color: #1151d3; } .cms-fancyboxes-wraper .cms-fancybox-icon i { font-size: 32px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; display: inline-block; } .cms-fancyboxes-wraper .cms-fancybox-item:hover .cms-fancybox-icon i { -webkit-animation: pulse 0.9s infinite; -moz-animation: pulse 0.9s infinite; -ms-animation: pulse 0.9s infinite; -o-animation: pulse 0.9s infinite; animation: pulse 0.9s infinite; } .cms-fancyboxes-wraper .cms-fancybox-title { font-size: 18px; line-height: 29px; font-weight: 600; } .cms-fancyboxes-wraper .cms-fancybox-more, .cms-fancyboxes-wraper .cms-fancybox-more-text { font-size: 13px; text-transform: uppercase; font-weight: 800; letter-spacing: 0.02em; } .cms-fancyboxes-wraper .cms-fancybox-desc { position: relative; } .cms-fancyboxes-wraper .cms-fancybox-desc .cms-fancybox-gap { display: inline-block; left: 0; right: 0; margin: auto; width: 12px; height: 2px; background-color: #282828; position: absolute; 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; } .cms-fancyboxes-wraper .cms-fancybox-desc .cms-fancybox-gap + p { padding-top: 16px; } .cms-fancyboxes-wraper.gap-lg .cms-fancybox-desc .cms-fancybox-gap { width: 24px; } .cms-fancyboxes-wraper .cms-fancybox-more { color: #282828; position: relative; } .cms-fancyboxes-wraper .cms-fancybox-more i { -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; font-size: 12px; left: 50%; position: absolute; -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 */ top: 1px; width: 12px; } .cms-fancyboxes-wraper .cms-fancybox-more span { display: inline-block; opacity: 0; -webkit-transition: all 150ms linear 0ms; -moz-transition: all 150ms linear 0ms; -ms-transition: all 150ms linear 0ms; transition: all 150ms linear 0ms; } .cms-fancyboxes-wraper .cms-fancybox-item:hover .cms-fancybox-desc .cms-fancybox-gap { width: 24px; } .cms-fancyboxes-wraper .cms-fancybox-item:hover .cms-fancybox-more { padding-left: 20px; color: #1151d3; } .cms-fancyboxes-wraper .cms-fancybox-item:hover .cms-fancybox-more:hover { color: #282828; } .cms-fancyboxes-wraper .cms-fancybox-item:hover .cms-fancybox-more.colored { color: #1151d3 !important; } .cms-fancyboxes-wraper .cms-fancybox-item:hover .cms-fancybox-more i { left: 0; -webkit-transform: translate(0px, 0px); -khtml-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); /* BACKGROUND GRADIENT */ } .cms-fancyboxes-wraper .cms-fancybox-item:hover .cms-fancybox-more span { opacity: 1; } .cms-fancyboxes-wraper .cms-fancybox-more-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 99; } .cms-fancyboxes-wraper a.btn { line-height: 47px; margin-top: 18px; } .cms-fancyboxes-wraper.text-left .cms-fancybox-desc .cms-fancybox-gap { right: initial; } .cms-fancyboxes-wraper.text-left .cms-fancybox-more i { width: inherit; left: 0; -webkit-transform: translate(0px, 0px); -khtml-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); /* BACKGROUND GRADIENT */ } .cms-fancyboxes-wraper.text-right .cms-fancybox-desc .cms-fancybox-gap { left: initial; } .cms-fancyboxes-wraper.text-right .cms-fancybox-more i { width: inherit; } .cms-fancyboxes-wraper.text-right .cms-fancybox-more i:before { content: "\f177"; } .cms-fancyboxes-wraper.text-right .cms-fancybox-item:hover .cms-fancybox-more { padding-left: 0; padding-right: 20px; } .cms-fancyboxes-wraper .icon-box-white, .cms-fancyboxes-wraper .icon-box-primary, .cms-fancyboxes-wraper .icon-box-dark, .cms-fancyboxes-wraper .icon-box-primary-circle { margin-bottom: 25px; height: 70px; width: 70px; background-color: #1151d3; line-height: 70px; text-align: center; color: #fff; } .cms-fancyboxes-wraper .icon-box-white .sgicon, .cms-fancyboxes-wraper .icon-box-primary .sgicon, .cms-fancyboxes-wraper .icon-box-dark .sgicon, .cms-fancyboxes-wraper .icon-box-primary-circle .sgicon { vertical-align: middle; } .cms-fancyboxes-wraper .icon-box-white.icon-box-small, .cms-fancyboxes-wraper .icon-box-primary.icon-box-small, .cms-fancyboxes-wraper .icon-box-dark.icon-box-small, .cms-fancyboxes-wraper .icon-box-primary-circle.icon-box-small { height: 50px; width: 50px; line-height: 50px; -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 */ /* BOX */ } .cms-fancyboxes-wraper .icon-box-white.icon-box-small + .cms-fancybox-content, .cms-fancyboxes-wraper .icon-box-primary.icon-box-small + .cms-fancybox-content, .cms-fancyboxes-wraper .icon-box-dark.icon-box-small + .cms-fancybox-content, .cms-fancyboxes-wraper .icon-box-primary-circle.icon-box-small + .cms-fancybox-content { padding-left: 80px !important; } .cms-fancyboxes-wraper .cms-fancybox-item .icon-box-primary.cms-fancybox-icon { font-size: 32px; } .cms-fancyboxes-wraper .cms-fancybox-item .icon-box-primary + .cms-fancybox-content { padding-left: 100px; } .cms-fancyboxes-wraper.cms-fancyboxes-deault .cms-fancybox-item .icon-box-primary-circle.cms-fancybox-icon { font-size: 32px; -webkit-border-radius: 70px; -khtml-border-radius: 70px; -moz-border-radius: 70px; -ms-border-radius: 70px; -o-border-radius: 70px; border-radius: 70px; /* BACKGROUND GRADIENT */ /* BOX */ } .cms-fancyboxes-wraper.cms-fancyboxes-deault .cms-fancybox-item .icon-box-primary-circle + .cms-fancybox-content { padding-left: 0px; } .cms-fancyboxes-wraper .icon-box-white { background-color: rgba(255, 255, 255, 0.08); } .cms-fancyboxes-wraper .icon-box-dark { background-color: #f9f9f9; } .cms-fancyboxes-wraper .icon-box-circle { height: 70px; width: 70px; line-height: 66px; border: 2px solid #1151d3; -webkit-border-radius: 70px; -khtml-border-radius: 70px; -moz-border-radius: 70px; -ms-border-radius: 70px; -o-border-radius: 70px; border-radius: 70px; /* BACKGROUND GRADIENT */ /* BOX */ font-size: 32px !important; text-align: center; position: relative; -webkit-transition: all 200ms linear 0ms; -moz-transition: all 200ms linear 0ms; -ms-transition: all 200ms linear 0ms; transition: all 200ms linear 0ms; } .cms-fancyboxes-wraper .icon-box-circle:before { height: 74px; width: 74px; -webkit-border-radius: 74px; -khtml-border-radius: 74px; -moz-border-radius: 74px; -ms-border-radius: 74px; -o-border-radius: 74px; border-radius: 74px; /* BACKGROUND GRADIENT */ /* BOX */ position: absolute; top: -4px; left: -4px; content: ""; border: 2px solid #1151d3; -webkit-transform: scale(1.2); -khtml-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); /* BACKGROUND GRADIENT */ -webkit-transition: all 200ms linear 0ms; -moz-transition: all 200ms linear 0ms; -ms-transition: all 200ms linear 0ms; transition: all 200ms linear 0ms; opacity: 0; } .cms-fancyboxes-wraper .icon-box-circle i { opacity: 1 !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 */ } .cms-fancyboxes-wraper .icon-box-circle + .cms-fancybox-content { padding-left: 100px !important; } .cms-fancyboxes-wraper .cms-fancybox-item:hover .icon-box-circle { background-color: #1151d3; border-color: #fff; color: #fff; } .cms-fancyboxes-wraper .cms-fancybox-item:hover .icon-box-circle: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 */ opacity: 1; } .cms-fancyboxes-wraper.cms-fancyboxes-deault.text-right .cms-fancybox-icon { margin-right: 0; } .cms-fancyboxes-wraper.cms-fancyboxes-deault.text-center .cms-fancybox-icon { margin-left: auto; margin-right: auto; } .cms-fancyboxes-wraper.cms-fancyboxes-deault .cms-fancybox-icon { margin-bottom: 30px; } .cms-fancyboxes-wraper.cms-fancyboxes-deault .content-box-shadow { -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 */ /* BOX */ -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16); -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16); } .cms-fancyboxes-wraper.cms-fancyboxes-deault.box-line-bottom { position: relative; } .cms-fancyboxes-wraper.cms-fancyboxes-deault.box-line-bottom .cms-fancybox-item { -webkit-transition: all 0.2s cubic-bezier(0.02, 0.22, 0.7, 1.98) 0s; -moz-transition: all 0.2s cubic-bezier(0.02, 0.22, 0.7, 1.98) 0s; -ms-transition: all 0.2s cubic-bezier(0.02, 0.22, 0.7, 1.98) 0s; transition: all 0.2s cubic-bezier(0.02, 0.22, 0.7, 1.98) 0s; } .cms-fancyboxes-wraper.cms-fancyboxes-deault.box-line-bottom .cms-fancybox-item:before { content: ""; height: 3px; left: 50px; right: 50px; background-color: #1151d3; position: absolute; bottom: 0; } .cms-fancyboxes-wraper.cms-fancyboxes-deault.box-line-bottom .cms-fancybox-item:hover { -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 */ cursor: pointer; } .cms-fancyboxes-wraper.cms-fancyboxes-deault.box-line-bottom .cms-fancybox-item:hover.content-box-shadow { -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.16); -ms-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 20px rgba(0, 0, 0, 0.16); } .cms-fancyboxes-wraper.display-content-hover { position: relative; } .cms-fancyboxes-wraper.display-content-hover .cms-fancybox-item { padding: 65px 30px; background-color: #282828; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } .cms-fancyboxes-wraper.display-content-hover .cms-fancybox-item-one .cms-fancybox-icon, .cms-fancyboxes-wraper.display-content-hover .cms-fancybox-item-one .cms-fancybox-title { opacity: 0; } .cms-fancyboxes-wraper.display-content-hover .cms-fancybox-item-one .cms-fancybox-desc { opacity: 0; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } .cms-fancyboxes-wraper.display-content-hover .cms-fancybox-item-two { position: absolute; top: 50%; left: 0; right: 0; transform: translate(0px, -50%); -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1.34) 0s; -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1.34) 0s; -ms-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1.34) 0s; transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1.34) 0s; opacity: 1; } .cms-fancyboxes-wraper.display-content-hover:hover .cms-fancybox-item { background-color: #1151d3 !important; } .cms-fancyboxes-wraper.display-content-hover:hover .cms-fancybox-item .cms-fancybox-title, .cms-fancyboxes-wraper.display-content-hover:hover .cms-fancybox-item .cms-fancybox-icon { color: #fff !important; } .cms-fancyboxes-wraper.display-content-hover:hover .cms-fancybox-item-one .cms-fancybox-desc { opacity: 1; } .cms-fancyboxes-wraper.display-content-hover:hover .cms-fancybox-item-two { top: 65px; transform: translate(0px, 0%); } .cms-fancyboxes-wraper.cms-fancyboxes-deault .cms-fancybox-more-text { position: relative; } .cms-fancyboxes-wraper.cms-fancyboxes-deault .cms-fancybox-more-text i { font-size: 12px; left: 10px; 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 */ 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; } .cms-fancyboxes-wraper.cms-fancyboxes-deault .cms-fancybox-more-text:hover { padding-left: 18px; color: #282828; } .cms-fancyboxes-wraper.cms-fancyboxes-deault .cms-fancybox-more-text:hover i { opacity: 1; left: 0; } .cms-fancyboxes-wraper.cms-fancyboxes-layout1 .cms-fancybox-icon { margin-bottom: 23px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout1 .cms-fancybox-icon i { font-size: 48px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout1 .cms-fancybox-title { font-size: 20px; letter-spacing: 0.018em; margin-bottom: 12px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-fancyboxes-wraper.cms-fancyboxes-layout1 .icon-style2 { margin-bottom: 13px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout1 .icon-style2 i { height: 80px; width: 80px; position: relative; display: inline-block; line-height: 80px; font-size: 32px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout1 .icon-style2 i:after { content: ""; height: 80px; width: 80px; position: absolute; top: 0; left: 0; background-color: #1151d3; -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 */ /* BOX */ -webkit-transition: all 150ms linear 0ms; -moz-transition: all 150ms linear 0ms; -ms-transition: all 150ms linear 0ms; transition: all 150ms linear 0ms; -webkit-transform: scale(1.2); -khtml-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); /* BACKGROUND GRADIENT */ opacity: 0; } .cms-fancyboxes-wraper.cms-fancyboxes-layout1 .icon-style2 i:before { position: relative; z-index: 2; } .cms-fancyboxes-wraper.cms-fancyboxes-layout1 .icon-style2 i.sgicon { line-height: 86px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout1 .icon-style2 + .cms-fancybox-content .cms-fancybox-desc .cms-fancybox-gap { width: 24px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout1 .cms-fancybox-item:hover .icon-style2 i { color: #fff !important; } .cms-fancyboxes-wraper.cms-fancyboxes-layout1 .cms-fancybox-item:hover .icon-style2 i:after { -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 */ opacity: 1; } .cms-fancyboxes-wraper.cms-fancyboxes-layout1.hover-box-style .cms-fancybox-item { padding: 30px 25px 25px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-fancyboxes-wraper.cms-fancyboxes-layout1.hover-box-style .cms-fancybox-item:hover { background-color: #f9f9f9; } .cms-fancyboxes-wraper.cms-fancyboxes-layout1.hover-box-style .cms-fancybox-item:hover .cms-fancybox-icon i, .cms-fancyboxes-wraper.cms-fancyboxes-layout1.hover-box-style .cms-fancybox-item:hover .cms-fancybox-title { color: #1151d3 !important; } .cms-fancyboxes-wraper.cms-fancyboxes-layout1.hover-box-style2 .cms-fancybox-item { padding: 40px 25px 28px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-fancyboxes-wraper.cms-fancyboxes-layout1.hover-box-style2 .cms-fancybox-item:hover { background-color: #fff; -webkit-box-shadow: 0 1px 73px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 73px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 1px 73px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 73px rgba(0, 0, 0, 0.15); } .cms-fancyboxes-wraper.cms-fancyboxes-layout2 .cms-fancybox-numbered { color: #e6e6e6; font-size: 50px; font-weight: 700; } .cms-fancyboxes-wraper.cms-fancyboxes-layout2 .cms-fancybox-icon { max-width: 80px; float: left; margin-top: 6px; font-size: 48px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout2 .cms-fancybox-content { padding-left: 80px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout2 .cms-fancybox-subtitle { display: inline-block; font-size: 14px; font-weight: 500; line-height: normal; padding-bottom: 5px; color: #1151d3; } .cms-fancyboxes-wraper.cms-fancyboxes-layout2 .cms-fancybox-title { font-size: 20px; line-height: 29px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout2 .cms-fancybox-gap.bottom-content { bottom: 0; top: inherit; width: 22px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout2 .cms-fancybox-gap.bottom-content + p { padding-top: 0; padding-bottom: 25px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout2 .icon-position-right { text-align: right; } .cms-fancyboxes-wraper.cms-fancyboxes-layout2 .icon-position-right .cms-fancybox-icon { float: right; } .cms-fancyboxes-wraper.cms-fancyboxes-layout2 .icon-position-right .cms-fancybox-icon + .cms-fancybox-content { padding-right: 80px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout2 .icon-position-right .cms-fancybox-content { padding-left: 0; } .cms-fancyboxes-wraper.cms-fancyboxes-layout2 .icon-position-right .cms-fancybox-gap.bottom-content { left: inherit; right: 0; } .cms-fancyboxes-wraper.cms-fancyboxes-layout3 .cms-heading-line .line1 { right: inherit; } .cms-fancyboxes-wraper.cms-fancyboxes-layout3 .cms-heading-line .line1, .cms-fancyboxes-wraper.cms-fancyboxes-layout3 .cms-heading-line .line2 { border-color: #1151d3; } .cms-fancyboxes-wraper.cms-fancyboxes-layout3 .cms-fancybox-item { min-height: 350px; position: relative; overflow: hidden; } .cms-fancyboxes-wraper.cms-fancyboxes-layout3 .cms-fancybox-item:before { content: ""; background-color: rgba(34, 34, 34, 0.85); top: 0; left: 0; position: absolute; height: 100%; width: 100%; } .cms-fancyboxes-wraper.cms-fancyboxes-layout3 .cms-fancybox-item .cms-fancybox-desc p { margin-bottom: 0; padding-top: 8px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout3 .cms-fancybox-item .cms-fancybox-content { position: absolute; z-index: 1; padding: 36px 40px; bottom: 0; left: 0; right: 0; -webkit-transition: all 350ms linear 0ms; -moz-transition: all 350ms linear 0ms; -ms-transition: all 350ms linear 0ms; transition: all 350ms linear 0ms; } .cms-fancyboxes-wraper.cms-fancyboxes-layout3 .cms-fancybox-item .cms-fancybox-content-hidden { -webkit-transform: translateY(100%); -khtml-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); /* BACKGROUND GRADIENT */ opacity: 0; } .cms-fancyboxes-wraper.cms-fancyboxes-layout3 .cms-fancybox-item .cms-fancybox-subtitle { color: #ccc; } .cms-fancyboxes-wraper.cms-fancyboxes-layout3 .cms-fancybox-item .cms-fancybox-title { font-size: 20px; color: #fff; margin-bottom: 2px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout3 .cms-fancybox-item .cms-fancybox-desc { color: #f9f9f9; } .cms-fancyboxes-wraper.cms-fancyboxes-layout3 .cms-fancybox-item:hover .cms-fancybox-content-visible { -webkit-transform: translateY(100%); -khtml-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); /* BACKGROUND GRADIENT */ opacity: 0; } .cms-fancyboxes-wraper.cms-fancyboxes-layout3 .cms-fancybox-item:hover .cms-fancybox-content-hidden { -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 */ opacity: 1; } .cms-fancyboxes-wraper.cms-fancyboxes-layout4 { position: relative; overflow: hidden; } .cms-fancyboxes-wraper.cms-fancyboxes-layout4 .cms-fancybox-icon { max-width: 80px; float: left; margin-top: 6px; font-size: 48px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout4 .cms-fancybox-content { padding-left: 80px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout4 .cms-fancybox-holder-inner, .cms-fancyboxes-wraper.cms-fancyboxes-layout4 .cms-fancybox-holder-hidden { background-color: #f8f8f8; padding: 58px 55px; -webkit-transition: all 1s cubic-bezier(0.21, 0.99, 0.38, 0.99) 0s; -moz-transition: all 1s cubic-bezier(0.21, 0.99, 0.38, 0.99) 0s; -ms-transition: all 1s cubic-bezier(0.21, 0.99, 0.38, 0.99) 0s; transition: all 1s cubic-bezier(0.21, 0.99, 0.38, 0.99) 0s; } .cms-fancyboxes-wraper.cms-fancyboxes-layout4 .cms-fancybox-holder-inner { -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 */ } .cms-fancyboxes-wraper.cms-fancyboxes-layout4 .cms-fancybox-holder-hidden { background-color: #1151d3; -webkit-transform: translateX(100%); -khtml-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); /* BACKGROUND GRADIENT */ position: absolute; display: table; height: 100%; width: 100%; top: 0; left: 0; } .cms-fancyboxes-wraper.cms-fancyboxes-layout4 .cms-fancybox-holder-hidden .cms-fancybox-icon, .cms-fancyboxes-wraper.cms-fancyboxes-layout4 .cms-fancybox-holder-hidden .cms-fancybox-title, .cms-fancyboxes-wraper.cms-fancyboxes-layout4 .cms-fancybox-holder-hidden .cms-fancybox-desc, .cms-fancyboxes-wraper.cms-fancyboxes-layout4 .cms-fancybox-holder-hidden .cms-fancybox-subtitle { color: #fff !important; } .cms-fancyboxes-wraper.cms-fancyboxes-layout4:hover .cms-fancybox-holder-inner { -webkit-transform: translateX(-100%); -khtml-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); /* BACKGROUND GRADIENT */ } .cms-fancyboxes-wraper.cms-fancyboxes-layout4:hover .cms-fancybox-holder-hidden { -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 */ } .cms-fancyboxes-wraper.flip-box .cms-fancybox-item { position: relative; background-color: transparent !important; } .cms-fancyboxes-wraper.flip-box .cms-fancybox-item .flip-col { background-color: #f7f7f7; -webkit-transition: all 600ms linear 0ms; -moz-transition: all 600ms linear 0ms; -ms-transition: all 600ms linear 0ms; transition: all 600ms linear 0ms; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; backface-visibility: hidden; height: 100%; } .cms-fancyboxes-wraper.flip-box .cms-fancybox-item .flip-col .cms-fancybox-holder-inner { padding: 60px 30px; position: relative; 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 */ vertical-align: middle; -webkit-transition: all 600ms linear 0ms; -moz-transition: all 600ms linear 0ms; -ms-transition: all 600ms linear 0ms; transition: all 600ms linear 0ms; } .cms-fancyboxes-wraper.flip-box .cms-fancybox-item .cms-fancybox-item-two { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; } .cms-fancyboxes-wraper.flip-box .cms-fancybox-item .cms-fancybox-item-two .cms-fancybox-holder-inner { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .cms-fancyboxes-wraper.flip-box .cms-fancybox-item:hover .cms-fancybox-item-two { z-index: 1; } .cms-fancyboxes-wraper.flip-box .cms-fancybox-item:hover .cms-fancybox-item-two .cms-fancybox-holder-inner { opacity: 1; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -o-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; } .cms-fancyboxes-wraper.flip-box.flip-box-border .flip-col { border: 3px solid #eee; } .cms-fancyboxes-wraper.flip-box.horizontal-flip-left .cms-fancybox-item-one { -webkit-transform: rotateY(0deg); -khtml-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); /* BACKGROUND GRADIENT */ } .cms-fancyboxes-wraper.flip-box.horizontal-flip-left .cms-fancybox-item-two { -webkit-transform: rotateY(-180deg); -khtml-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); /* BACKGROUND GRADIENT */ } .cms-fancyboxes-wraper.flip-box.horizontal-flip-left:hover .cms-fancybox-item-one { -webkit-transform: rotateY(180deg); -khtml-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); /* BACKGROUND GRADIENT */ } .cms-fancyboxes-wraper.flip-box.horizontal-flip-left:hover .cms-fancybox-item-two { -webkit-transform: rotateY(0deg); -khtml-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); /* BACKGROUND GRADIENT */ } .cms-fancyboxes-wraper.flip-box.horizontal-flip-right .cms-fancybox-item-one { -webkit-transform: rotateY(0deg); -khtml-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); /* BACKGROUND GRADIENT */ } .cms-fancyboxes-wraper.flip-box.horizontal-flip-right .cms-fancybox-item-two { -webkit-transform: rotateY(180deg); -khtml-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); /* BACKGROUND GRADIENT */ } .cms-fancyboxes-wraper.flip-box.horizontal-flip-right:hover .cms-fancybox-item-one { -webkit-transform: rotateY(-180deg); -khtml-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); /* BACKGROUND GRADIENT */ } .cms-fancyboxes-wraper.flip-box.horizontal-flip-right:hover .cms-fancybox-item-two { -webkit-transform: rotateY(0deg); -khtml-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); /* BACKGROUND GRADIENT */ } .cms-fancyboxes-wraper.flip-box.horizontal-flip-top .cms-fancybox-item-one { -webkit-transform: rotateX(0deg); -khtml-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); /* BACKGROUND GRADIENT */ } .cms-fancyboxes-wraper.flip-box.horizontal-flip-top .cms-fancybox-item-two { -webkit-transform: rotateX(180deg); -khtml-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); /* BACKGROUND GRADIENT */ } .cms-fancyboxes-wraper.flip-box.horizontal-flip-top:hover .cms-fancybox-item-one { -webkit-transform: rotateX(-180deg); -khtml-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); transform: rotateX(-180deg); /* BACKGROUND GRADIENT */ } .cms-fancyboxes-wraper.flip-box.horizontal-flip-top:hover .cms-fancybox-item-two { -webkit-transform: rotateX(0deg); -khtml-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); /* BACKGROUND GRADIENT */ } .cms-fancyboxes-wraper.flip-box.horizontal-flip-bottom .cms-fancybox-item-one { -webkit-transform: rotateX(0deg); -khtml-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); /* BACKGROUND GRADIENT */ } .cms-fancyboxes-wraper.flip-box.horizontal-flip-bottom .cms-fancybox-item-two { -webkit-transform: rotateX(-180deg); -khtml-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); transform: rotateX(-180deg); /* BACKGROUND GRADIENT */ } .cms-fancyboxes-wraper.flip-box.horizontal-flip-bottom:hover .cms-fancybox-item-one { -webkit-transform: rotateX(-180deg); -khtml-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); transform: rotateX(-180deg); /* BACKGROUND GRADIENT */ } .cms-fancyboxes-wraper.flip-box.horizontal-flip-bottom:hover .cms-fancybox-item-two { -webkit-transform: rotateX(0deg); -khtml-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); /* BACKGROUND GRADIENT */ } .cms-fancyboxes-wraper.cms-carousel .cs-carousel-item-wrap > .cms-fancybox-item:first-child { margin-bottom: 60px; } .cms-fancyboxes-wraper.cms-carousel.cms-fancyboxes-layout1 .cms-fancybox-title { font-size: 18px; } .cms-carousel-client-layout1 .cms-carousel-item a { display: inline-block; } .cms-carousel-client-layout1 .cms-carousel-item .cms-carousel-media img { width: initial; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition-duration: 0.25s; } .cms-carousel-client-layout1 .cms-carousel-item .cms-carousel-media img:hover { width: initial; -webkit-filter: grayscale(0%); filter: grayscale(0%); } .cms-carousel-client-layout2 { /* [Start] 14. Blog Grid & Carousel +-----------------------------------+ */ } .cms-carousel-client-layout2 .owl-stage-outer { margin-right: 2px; } .cms-carousel-client-layout2 .cms-carousel-item { text-align: center; } .cms-carousel-client-layout2 .cms-carousel-item .cms-carousel-media { text-align: center; position: relative; padding-top: 20px; padding-bottom: 20px; display: block; } .cms-carousel-client-layout2 .cms-carousel-item .cms-carousel-media:after { height: 1px; position: absolute; content: ""; bottom: -1px; left: 15px; right: 15px; background-color: rgba(206, 206, 206, 0.3); } .cms-carousel-client-layout2 .cms-carousel-item .cms-carousel-media:before { background-color: rgba(206, 206, 206, 0.3); bottom: 15px; content: ""; position: absolute; right: -6px; top: 15px; width: 1px; } .cms-carousel-client-layout2 .cms-carousel-item .cms-carousel-media img { width: inherit; display: inline-block; } .cms-carousel-client-layout2 .owl-item:last-child .cms-carousel-item .cms-carousel-media:after { width: 0; } .cms-blog-slider1 .entry-blog .entry-body .entry-title { font-size: 18px; margin-top: 20px; margin-bottom: 20px; } .cms-blog-slider1 .entry-blog { -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 */ /* BOX */ padding: 40px; max-width: 410px; margin: auto; text-align: center; z-index: 1; position: relative; } .cms-blog-slider1 .entry-blog .entry-body { padding: 0; } .cms-blog-slider1 .entry-date { font-size: 13px; line-height: 26px; font-weight: 700; padding-top: 16px; } .cms-blog-slider1 .entry-blog-item { padding: 100px 15px; background-position: center; background-size: cover; position: relative; } .cms-blog-slider1 .entry-blog-item:before { content: ""; background-color: rgba(0, 0, 0, 0.1); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .cms-blog { text-align: center; } .cms-blog .cms-load-posts { margin-top: 20px; } .cms-blog .has-feature-img + .content-style2 .entry-categories-wrap { text-align: center; } .cms-blog .entry-blog { margin-bottom: 14px; overflow: visible; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-blog .entry-blog .entry-header { padding: 40px 40px 0 40px; } .cms-blog .entry-blog .entry-header 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 */ /* BOX */ } .cms-blog .entry-blog .entry-header + .entry-body .entry-title { margin-top: 0; } .cms-blog .entry-blog .entry-header + .entry-body .entry-categories-wrap { position: absolute; top: -11px; left: 0; right: 0; } .cms-blog .entry-blog .entry-body { position: relative; } .cms-blog .entry-blog .entry-body .entry-title { font-size: 18px; margin-top: 20px; margin-bottom: 20px; } .cms-blog .entry-blog .entry-body .entry-date { font-size: 13px; line-height: 24px; font-weight: 700; padding-top: 16px; color: #616161; } .cms-blog.cms-carousel-blog-default .entry-blog .entry-body:before { content: ""; width: 2px; height: 30px; background-color: #1151d3; position: absolute; bottom: -15px; left: 0; right: 0; margin: auto; 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; } .cms-blog.cms-carousel-blog-default .entry-blog-item { padding-top: 54px; } .cms-blog.cms-carousel-blog-default .entry-blog-item .text-button { opacity: 0; } .cms-blog.cms-carousel-blog-default .entry-blog-item:hover .text-button { opacity: 1; } .cms-blog.cms-carousel-blog-default .entry-blog-item:hover .entry-blog { -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.15); box-shadow: 0 10px 50px rgba(0, 0, 0, 0.15); -webkit-transform: translateY(-20px); -khtml-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); /* BACKGROUND GRADIENT */ } .cms-blog.cms-carousel-blog-default .entry-blog-item:hover .entry-blog .entry-body:before { opacity: 1; } .cms-blog.cms-carousel-blog-default .owl-controls .owl-dots { padding-top: 33px; } .cms-blog.cms-carousel-blog-default .owl-stage-outer { margin-left: -48px; margin-right: -48px; padding: 0 48px; } .cms-blog.cms-carousel-blog-default.color-dark .entry-blog { background-color: #1d1d1d; } .cms-blog.cms-carousel-blog-default.color-dark .entry-blog .entry-body .entry-title a { color: #fff; } .cms-blog.cms-carousel-blog-default.color-dark .entry-blog .entry-body .entry-title a:hover { color: #1151d3; } .cms-blog.cms-carousel-blog-layout2 .owl-stage-outer { margin-left: -10px; margin-right: -10px; padding: 0 10px; } .cms-blog.cms-grid-wraper .entry-blog { margin-bottom: 30px; } .cms-blog.cms-grid-wraper .entry-blog .entry-header img { -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-blog.cms-grid-wraper .entry-blog .entry-header a { display: block; overflow: hidden; } .cms-blog.cms-grid-wraper .entry-blog:hover .entry-header a img { -webkit-transform: scale(1.12) rotate(5deg); -khtml-transform: scale(1.12) rotate(5deg); -moz-transform: scale(1.12) rotate(5deg); -ms-transform: scale(1.12) rotate(5deg); -o-transform: scale(1.12) rotate(5deg); transform: scale(1.12) rotate(5deg); /* BACKGROUND GRADIENT */ } .cms-blog.cms-grid-wraper .pagination { margin-top: 20px; } .cms-blog .content-style2 { text-align: left; } .cms-blog .content-style2 .entry-categories { -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 */ /* BOX */ } .cms-blog.cms-blog-style2 .entry-blog, .cms-blog.cms-blog-style3 .entry-blog, .cms-blog.cms-blog-style4 .entry-blog { box-shadow: none; margin: 0; text-align: left; } .cms-blog.cms-blog-style2 .entry-header, .cms-blog.cms-blog-style3 .entry-header, .cms-blog.cms-blog-style4 .entry-header { position: relative; overflow: hidden; } .cms-blog.cms-blog-style2 .entry-header img, .cms-blog.cms-blog-style3 .entry-header img, .cms-blog.cms-blog-style4 .entry-header img { -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 */ /* BOX */ -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-blog.cms-blog-style2 .entry-header .entry-categories, .cms-blog.cms-blog-style3 .entry-header .entry-categories, .cms-blog.cms-blog-style4 .entry-header .entry-categories { position: absolute; top: 20px; left: 20px; } .cms-blog.cms-blog-style2 .entry-header .entry-categories a, .cms-blog.cms-blog-style3 .entry-header .entry-categories a, .cms-blog.cms-blog-style4 .entry-header .entry-categories a { display: inline; } .cms-blog.cms-blog-style2 .entry-blog .entry-header, .cms-blog.cms-blog-style3 .entry-blog .entry-header, .cms-blog.cms-blog-style4 .entry-blog .entry-header { padding: 0; } .cms-blog.cms-blog-style2 .entry-body, .cms-blog.cms-blog-style3 .entry-body, .cms-blog.cms-blog-style4 .entry-body { padding: 0; } .cms-blog.cms-blog-style2 .entry-body .entry-title, .cms-blog.cms-blog-style3 .entry-body .entry-title, .cms-blog.cms-blog-style4 .entry-body .entry-title { font-weight: 500; margin: 22px 0 15px !important; } .cms-blog.cms-blog-style2 .entry-body .entry-date, .cms-blog.cms-blog-style3 .entry-body .entry-date, .cms-blog.cms-blog-style4 .entry-body .entry-date { font-weight: normal; padding: 0; } .cms-blog.cms-blog-style2.cms-grid-wraper .entry-blog, .cms-blog.cms-blog-style3.cms-grid-wraper .entry-blog, .cms-blog.cms-blog-style4.cms-grid-wraper .entry-blog { margin-bottom: 46px; } .cms-blog.cms-blog-style2 .entry-blog-item:hover .entry-header img, .cms-blog.cms-blog-style3 .entry-blog-item:hover .entry-header img, .cms-blog.cms-blog-style4 .entry-blog-item:hover .entry-header img { -webkit-transform: scale(1.12) rotate(5deg); -khtml-transform: scale(1.12) rotate(5deg); -moz-transform: scale(1.12) rotate(5deg); -ms-transform: scale(1.12) rotate(5deg); -o-transform: scale(1.12) rotate(5deg); transform: scale(1.12) rotate(5deg); /* BACKGROUND GRADIENT */ } .cms-blog.cms-blog-style3 .entry-body { padding: 0; } .cms-blog.cms-blog-style3 .entry-body .entry-title { font-weight: 600; margin: 0 !important; } .cms-blog.cms-blog-style3 .entry-body .entry-date { font-size: 12px; color: #1151d3; margin: 24px 0 5px 0; } .cms-blog.cms-blog-style4 .entry-header { overflow: visible; } .cms-blog.cms-blog-style4 .entry-header img { -webkit-transform: scale(1) rotate(0deg) !important; -khtml-transform: scale(1) rotate(0deg) !important; -moz-transform: scale(1) rotate(0deg) !important; -ms-transform: scale(1) rotate(0deg) !important; -o-transform: scale(1) rotate(0deg) !important; transform: scale(1) rotate(0deg) !important; /* BACKGROUND GRADIENT */ } .cms-blog.cms-blog-style4 .entry-header .entry-categories { left: 30px !important; top: auto !important; bottom: -11px; } .cms-blog.cms-blog-style4 .entry-title { font-weight: 700 !important; } .cms-blog.cms-blog-style4 .entry-body { padding-left: 30px; } .cms-blog.cms-blog-style4 .entry-body .entry-date { margin-top: 16px; } .cms-blog.blog-boxshadow2 .entry-blog { -webkit-box-shadow: 0 1px 70px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 70px rgba(0, 0, 0, 0.08); -ms-box-shadow: 0 1px 70px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 70px rgba(0, 0, 0, 0.08); } .cms-blog.blog-boxshadow2 .cms-grid-masonry { overflow: visible !important; } .cms-blog-smart { /* [Start] 19. CMS Gallery +-----------------------------------+ */ } .cms-blog-smart .cms-paging-navigation { text-align: center; } .cms-blog-smart .entry-blog { min-height: 296px; position: relative; background-color: #1151d3; } .cms-blog-smart .entry-blog:before { content: ""; top: 0; left: 0; position: absolute; height: 100%; width: 100%; background-color: #1b1a1a; background-image: -webkit-gradient(linear, left top, left bottom, from(#1b1a1a), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, #1b1a1a, rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(bottom, #1b1a1a, rgba(0, 0, 0, 0)); background-image: -ms-linear-gradient(bottom, #1b1a1a, rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, #1b1a1a, rgba(0, 0, 0, 0)); background-image: linear-gradient(bottom, #1b1a1a, rgba(0, 0, 0, 0)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1b1a1a', endColorStr='rgba(0, 0, 0, 0)'); /* BACKGROUND GRADIENT 2 - TOP*/ background-color: transparent; opacity: 0.75; z-index: 1; } .cms-blog-smart .entry-blog .entry-image { background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; left: 0; position: absolute; top: 0; width: calc(100% + 40px); width: -webkit-calc(100% + 40px); width: -moz-calc(100% + 40px); width: -ms-calc(100% + 40px); -webkit-transition: all 0.35s ease 0ms; -moz-transition: all 0.35s ease 0ms; -ms-transition: all 0.35s ease 0ms; transition: all 0.35s ease 0ms; -webkit-transform: translateX(-40px); -khtml-transform: translateX(-40px); -moz-transform: translateX(-40px); -ms-transform: translateX(-40px); -o-transform: translateX(-40px); transform: translateX(-40px); /* BACKGROUND GRADIENT */ } .cms-blog-smart .entry-blog .entry-body { position: relative; bottom: 0; left: 0; padding: 30px; position: absolute; right: 0; top: 0; z-index: 2; } .cms-blog-smart .entry-blog .entry-body .entry-date { color: #f9f9f9; font-size: 13px; font-weight: 700; } .cms-blog-smart .entry-blog .entry-body .entry-title { font-size: 18px; line-height: 28px; margin-top: 5px; margin-bottom: 16px; -webkit-transition: all 0.35s ease 0ms; -moz-transition: all 0.35s ease 0ms; -ms-transition: all 0.35s ease 0ms; transition: all 0.35s ease 0ms; } .cms-blog-smart .entry-blog .entry-body .entry-title a { color: #fff; } .cms-blog-smart .entry-blog .entry-body .entry-title a:hover { color: rgba(255, 255, 255, 0.9); } .cms-blog-smart .entry-blog .entry-body .entry-content { color: #f9f9f9; } .cms-blog-smart .entry-blog .entry-holder { position: absolute; bottom: 0; left: 0; right: 0; padding: 26px 30px; -webkit-transition: all 0.35s ease 0ms; -moz-transition: all 0.35s ease 0ms; -ms-transition: all 0.35s ease 0ms; transition: all 0.35s ease 0ms; } .cms-blog-smart .entry-blog:hover .entry-body .entry-title { margin-bottom: 8px; } .cms-blog-smart .entry-blog:hover .entry-holder { bottom: 0 !important; } .cms-blog-smart .entry-blog:hover .entry-image { -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 */ } .cms-blog-smart.cms-blog-custom-modern .cms-grid-item { padding: 0; } .cms-blog-smart.cms-blog-custom-modern .cms-grid-item .entry-blog { margin-bottom: 0; -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 */ /* BOX */ -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; min-height: 310px; } .cms-grid-filter { text-align: center; margin-bottom: 20px; padding: 0 30px; } .cms-grid-filter li { padding: 0 3px; margin-bottom: 10px; } .cms-grid-filter li a { display: inline-block; letter-spacing: 0.04em; color: #333; border: 2px solid transparent; -webkit-border-radius: 29px; -khtml-border-radius: 29px; -moz-border-radius: 29px; -ms-border-radius: 29px; -o-border-radius: 29px; border-radius: 29px; /* BACKGROUND GRADIENT */ /* BOX */ line-height: 25px; padding: 0 9px; } .cms-grid-filter li a.active, .cms-grid-filter li a:hover { color: #1151d3; border-color: #1151d3; } .cms-grid-filter .filter-style-modern li a { -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 */ /* BOX */ } .cms-grid-filter .filter-style-modern li a.active, .cms-grid-filter .filter-style-modern li a:hover { background-color: #1151d3; color: #fff; } .cms-gallery .cms-grid-gallery { margin: 0 -5px; } .cms-gallery .cms-grid-gallery .cms-gallery-item { padding: 0 5px; margin-bottom: 10px; } .cms-gallery .cms-grid-gallery .cms-gallery-item .cms-grid-media img { width: 100%; } .cms-gallery .cms-grid-gallery .cms-gallery-item .cms-gallery-zoom { background-color: rgba(34, 34, 34, 0.95); position: absolute; top: 30px; right: 30px; left: 30px; bottom: 30px; opacity: 0; visibility: hidden; } .cms-gallery .cms-grid-gallery .cms-gallery-item .cms-gallery-zoom span { display: block; height: 20px; width: 20px; position: absolute; top: 50%; left: 0; right: 0; margin: auto; -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 */ } .cms-gallery .cms-grid-gallery .cms-gallery-item .cms-gallery-zoom span:before { content: ""; height: 20px; width: 2px; position: absolute; top: 0; left: 9px; 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; } .cms-gallery .cms-grid-gallery .cms-gallery-item .cms-gallery-zoom span:after { content: ""; width: 20px; height: 2px; position: absolute; top: 9px; 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; } .cms-gallery .cms-grid-gallery .cms-gallery-item:hover .cms-gallery-inner .cms-gallery-zoom { opacity: 1; visibility: visible; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.95; } .wpb_gallery_slides.wpb_image_grid { /* [Start] 20. CMS Lists +-----------------------------------+ */ } .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 15px; margin: 0 0 30px; } .wpb_gallery_slides.wpb_image_grid .wpb_image_grid_ul .isotope-item a { display: block; position: relative; background-color: #1151d3; -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 */ /* BOX */ } .wpb_gallery_slides.wpb_image_grid .wpb_image_grid_ul .isotope-item a img { -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 */ /* BOX */ opacity: 0.25; -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; } .cms-lists .list-style { font-size: 13px; line-height: 30px; color: #7f7f7f; } .cms-lists .list-style li { padding-left: 28px; position: relative; } .cms-lists .list-style li:before { content: ""; font-family: 'Elegant-Icons'; color: #282828; left: 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 */ font-size: 15px; } .cms-lists .list-style.list-style1 li:before { content: "\e73c"; } .cms-lists .list-style.list-style2 li:before { content: "\e729"; } .cms-lists .list-style.list-style3 li:before { content: "\e753"; } .cms-lists .list-style.list-style4 li:before { content: "\e683"; } .cms-lists .list-style.list-style5 li:before { content: "\e6d7"; } .cms-lists .list-style.list-style6 li:before { content: "\e73d"; } .cms-lists .list-style.list-style7 li:before { content: "\f111"; font-size: 7px; font-family: FontAwesome; } .cms-lists .list-style.list-style8 { counter-reset: li; padding-left: 0; list-style: none; } .cms-lists .list-style.list-style8 li:after { counter-increment: li; content: counter(li) "."; color: #282828; left: 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 */ font-weight: 600; } .cms-lists .list-style.list-style9 li:before { content: "\f00c"; color: inherit; font-family: FontAwesome; } .vc_tta-panel-body .cms-lists .list-style { font-size: 14px; /* [Start] 21. CMS Timeline +-----------------------------------+ */ } .cms-timeline-layout1 { /* ========================================================================== [Start] 22. Pie chart ========================================================================== */ } .cms-timeline-layout1 .cms-timeline-list { position: relative; padding-top: 15px; } .cms-timeline-layout1 .cms-timeline-list:before { height: 100%; width: 2px; background-color: #cecece; position: absolute; top: 0; left: 84px; content: ""; } .cms-timeline-layout1 .cms-timeline-list li { padding-bottom: 45px; } .cms-timeline-layout1 .cms-timeline-list li:last-child { padding-bottom: 0; } .cms-timeline-layout1 .cms-timeline-list .cms-timeline-year { font-size: 25px; color: #1151d3; float: left; width: 85px; line-height: 29px; position: relative; padding-right: 18px; } .cms-timeline-layout1 .cms-timeline-list .cms-timeline-year i { background-color: #fff; color: #282828; font-size: 20px; height: 40px; line-height: 40px; position: absolute; right: -20px; text-align: center; top: -5px; width: 40px; } .cms-timeline-layout1 .cms-timeline-list .cms-timeline-title { font-size: 20px; line-height: 29px; margin-bottom: 7px; } .cms-timeline-layout1 .cms-timeline-list .cms-timeline-content { padding-left: 120px; } .wpb_wrapper { /* ========================================================================== [Start] 23. CMS Process ========================================================================== */ } .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: #1151d3; 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 */ /* BOX */ -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 */ font-weight: normal; } .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: 15px; line-height: 28px; margin: 41px 0; font-family: inherit; font-weight: 800; text-transform: capitalize; } .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: 48px; color: #1151d3; 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 */ } .cms-process .cms-process-number { font-size: 50px; line-height: 1; letter-spacing: 0.036em; color: #eaeaea; font-weight: 700; margin-bottom: 36px; } .cms-process .cms-process-title { font-size: 18px; line-height: 29px; letter-spacing: 0.036em; } .cms-process .cms-process-description { margin-bottom: 13px; } .cms-process .cms-heading-line .line1 { margin-left: 0; right: inherit; left: 0; border-color: #1151d3; } .cms-process .cms-heading-line .line2 { border-color: #1151d3; } .cms-countdown-wraper .countdown-item-container { text-align: center; padding-top: 46px; padding-bottom: 32px; } .cms-countdown-wraper .countdown-item-container .countdown-amount { font-size: 50px; line-height: 1; color: #282828; display: block; margin-bottom: 7px; letter-spacing: 0.04em; } .cms-countdown-wraper .countdown-item-container .countdown-period { font-size: 13px; text-transform: uppercase; color: #9b9b9b; font-weight: 800; letter-spacing: 0.035em; } .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 */ /* BOX */ background-color: #282828; color: #fff; } .cms-dropcap-content.style3 .first-letter { background-color: #898989; color: #fff; font-size: 25px; } .cms-higlighted-style1 { background-color: #1151d3; 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; } .cmsrt { background-color: #fff; } .cmsrt .cmsrt-meta { position: relative; margin-bottom: 12px; } .cmsrt .cmsrt-meta .cmsrt-title-holder { display: inline-block; background-color: #fff; padding-right: 5px; z-index: 11; position: relative; } .cmsrt .cmsrt-meta .cmsrt-title-holder h3 { font-size: 15px; text-transform: uppercase; font-weight: normal; margin: 0; } .cmsrt .cmsrt-meta .cmsrt-title-line { height: 0; width: 100%; border-top: 2px dotted #dfe1e6; position: absolute; top: 15px; left: 0; z-index: 10; } .cmsrt .cmsrt-meta .cmsrt-price { position: absolute; top: 0; right: 0; font-size: 16px; font-weight: 700; color: #282828; background-color: #fff; padding-left: 5px; z-index: 11; } .cms-typingout { font-size: 16px; color: #222; line-height: 26px; font-weight: 600; } .cms-grid-demo .cms-grid-filter { margin-bottom: 0; } .cms-grid-demo .cms-grid-item-inner { margin-top: 20px; } .cms-grid-demo .cms-grid-feature { position: relative; display: block; } .cms-grid-demo .cms-grid-feature .demo-bg-scroll { background-position: center; background-repeat: no-repeat; background-size: cover; display: block; width: 100%; min-height: 400px; position: relative; z-index: 2; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); -webkit-transition: all 4s ease-out 0s; -moz-transition: all 4s ease-out 0s; -ms-transition: all 4s ease-out 0s; transition: all 4s ease-out 0s; } .cms-grid-demo .cms-grid-title { text-align: center; font-weight: 600; font-size: 16px; text-align: center; margin-top: 28px; margin-bottom: 40px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; cursor: pointer; } .cms-grid-demo .cms-grid-item-inner:hover .cms-grid-feature:before { opacity: 1; } .cms-grid-demo .cms-grid-item-holder { -webkit-transition: all 200ms linear 0ms; -moz-transition: all 200ms linear 0ms; -ms-transition: all 200ms linear 0ms; transition: all 200ms linear 0ms; cursor: pointer; } .cms-grid-demo .cms-grid-item-holder:hover { -webkit-transform: translateY(-12px); -khtml-transform: translateY(-12px); -moz-transform: translateY(-12px); -ms-transform: translateY(-12px); -o-transform: translateY(-12px); transform: translateY(-12px); /* BACKGROUND GRADIENT */ } .cms-grid-demo .cms-grid-item-holder:hover .cms-grid-title { color: #1151d3; } .cms-carousel-text { text-align: center; } .cms-carousel-text .cms-carousel-sub-title { letter-spacing: 0.02em; display: inline-block; margin-bottom: 14px; color: #fff; } .cms-carousel-text .cms-carousel-title { font-size: 45px; line-height: 56px; max-width: 530px; margin: auto; text-transform: capitalize; color: #fff; } .cms-carousel-text .cms-carousel-content { padding-top: 30px; color: rgba(255, 255, 255, 0.7); font-size: 17px; line-height: 28px; } .cms-carousel-text .owl-controls .owl-nav .owl-prev, .cms-carousel-text .owl-controls .owl-nav .owl-next { margin-top: 67px; } .cms-carousel-text .owl-controls .owl-nav .owl-prev i, .cms-carousel-text .owl-controls .owl-nav .owl-next i { color: rgba(255, 255, 255, 0.7); } .cms-carousel-text .owl-controls .owl-nav .owl-prev i:hover, .cms-carousel-text .owl-controls .owl-nav .owl-next i:hover { color: #fff; } .cms-carousel-device-wrap { position: relative; } .cms-carousel-device-wrap .cms-carousel-device { position: static; z-index: inherit; } .cms-carousel-device-wrap .cms-carousel-device .owl-stage-outer { margin-left: -15px; margin-right: -15px; padding: 0 15px; } .cms-carousel-device-wrap .style1 .cms-carousel-item { padding: 54px 0; text-align: center; } .cms-carousel-device-wrap .style1 .cms-carousel-item img { width: auto !important; -webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 30px rgba(0, 0, 0, 0.2); margin: auto; } .cms-carousel-device-wrap .style2 .cms-carousel-item { text-align: center; } .cms-carousel-device-wrap .style2 .cms-carousel-item img { width: auto !important; margin: auto; } .cms-carousel-device-wrap .device-mobile { content: ""; width: 270px; height: 100%; background-image: url(../images/bg-device.png); background-position: left -1px top; background-repeat: no-repeat; position: absolute; top: 0; left: 0; right: 0; margin: auto; z-index: 99; } .cms-carousel-device-wrap .owl-controls .owl-dots { padding-top: 40px; position: relative; z-index: 100; } .cms-portfolio1 .cms-portfolio-wrapper { position: relative; overflow: hidden; } .cms-portfolio1 .cms-portfolio-holder { background-color: rgba(34, 34, 34, 0.95); position: absolute; top: 30px; left: 30px; right: 30px; bottom: 30px; opacity: 0; } .cms-portfolio1 .cms-portfolio-content { position: absolute; padding: 30px; 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 */ left: 0; right: 0; text-align: center; } .cms-portfolio1 .cms-portfolio-more a { display: inline-block; height: 18px; width: 18px; position: relative; } .cms-portfolio1 .cms-portfolio-more a:before { content: ""; height: 18px; width: 2px; background-color: #fff; position: absolute; top: 0; left: 8px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-portfolio1 .cms-portfolio-more a:after { content: ""; height: 2px; width: 18px; background-color: #fff; position: absolute; top: 8px; left: 0; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-portfolio1 .cms-portfolio-more a:hover:after, .cms-portfolio1 .cms-portfolio-more a:hover:before { background-color: #1151d3; } .cms-portfolio1 .cms-portfolio-title { font-size: 18px; line-height: 28px; margin: 17px 0 6px; letter-spacing: 0.02em; font-weight: 600; } .cms-portfolio1 .cms-portfolio-title a { color: #fff; } .cms-portfolio1 .cms-portfolio-title a:hover { color: #1151d3; } .cms-portfolio1 .cms-grid-item .cms-portfolio-image img { width: 100%; } .cms-portfolio1 .cms-grid-item.col-lg-3 .cms-portfolio-title { font-size: 16px; line-height: 26px; } .cms-portfolio1 .cms-portfolio-category a { font-size: 13px; color: #a5a5a5; } .cms-portfolio1 .cms-portfolio-category a:hover { color: #1151d3; } .cms-portfolio1 .cms-portfolio-extra { text-align: center; padding: 22px 15px 25px; } .cms-portfolio1 .cms-portfolio-extra .cms-portfolio-title { margin-top: 0; } .cms-portfolio1 .cms-portfolio-extra .cms-portfolio-title a { color: #282828; } .cms-portfolio1 .cms-portfolio-extra .cms-portfolio-title a:hover { color: #1151d3; } .cms-portfolio1 .content-show .cms-grid-item { padding-top: 8px !important; padding-bottom: 0 !important; } .cms-portfolio1 .cms-paging-navigation { text-align: center; margin-top: 40px; } .cms-portfolio1.cms-carousel .owl-controls .owl-dots { padding-top: 8px; } .cms-portfolio1 .in-top .cms-portfolio-holder { -webkit-animation: in-top 220ms linear 0ms 1 forwards; -khtml-animation: in-top 220ms linear 0ms 1 forwards; -moz-animation: in-top 220ms linear 0ms 1 forwards; -ms-animation: in-top 220ms linear 0ms 1 forwards; -o-animation: in-top 220ms linear 0ms 1 forwards; animation: in-top 220ms linear 0ms 1 forwards; /* BACKGROUND GRADIENT */ opacity: 1; } .cms-portfolio1 .out-top .cms-portfolio-holder { -webkit-animation: out-top 220ms linear 0ms 1 forwards; -khtml-animation: out-top 220ms linear 0ms 1 forwards; -moz-animation: out-top 220ms linear 0ms 1 forwards; -ms-animation: out-top 220ms linear 0ms 1 forwards; -o-animation: out-top 220ms linear 0ms 1 forwards; animation: out-top 220ms linear 0ms 1 forwards; /* BACKGROUND GRADIENT */ opacity: 1; } .cms-portfolio1 .in-bottom .cms-portfolio-holder { -webkit-animation: in-bottom 220ms linear 0ms 1 forwards; -khtml-animation: in-bottom 220ms linear 0ms 1 forwards; -moz-animation: in-bottom 220ms linear 0ms 1 forwards; -ms-animation: in-bottom 220ms linear 0ms 1 forwards; -o-animation: in-bottom 220ms linear 0ms 1 forwards; animation: in-bottom 220ms linear 0ms 1 forwards; /* BACKGROUND GRADIENT */ opacity: 1; } .cms-portfolio1 .out-bottom .cms-portfolio-holder { -webkit-animation: out-bottom 220ms linear 0ms 1 forwards; -khtml-animation: out-bottom 220ms linear 0ms 1 forwards; -moz-animation: out-bottom 220ms linear 0ms 1 forwards; -ms-animation: out-bottom 220ms linear 0ms 1 forwards; -o-animation: out-bottom 220ms linear 0ms 1 forwards; animation: out-bottom 220ms linear 0ms 1 forwards; /* BACKGROUND GRADIENT */ opacity: 1; } .cms-portfolio1 .in-left .cms-portfolio-holder { -webkit-animation: in-left 220ms linear 0ms 1 forwards; -khtml-animation: in-left 220ms linear 0ms 1 forwards; -moz-animation: in-left 220ms linear 0ms 1 forwards; -ms-animation: in-left 220ms linear 0ms 1 forwards; -o-animation: in-left 220ms linear 0ms 1 forwards; animation: in-left 220ms linear 0ms 1 forwards; /* BACKGROUND GRADIENT */ opacity: 1; } .cms-portfolio1 .out-left .cms-portfolio-holder { -webkit-animation: out-left 220ms linear 0ms 1 forwards; -khtml-animation: out-left 220ms linear 0ms 1 forwards; -moz-animation: out-left 220ms linear 0ms 1 forwards; -ms-animation: out-left 220ms linear 0ms 1 forwards; -o-animation: out-left 220ms linear 0ms 1 forwards; animation: out-left 220ms linear 0ms 1 forwards; /* BACKGROUND GRADIENT */ opacity: 1; } .cms-portfolio1 .in-right .cms-portfolio-holder { -webkit-animation: in-right 220ms linear 0ms 1 forwards; -khtml-animation: in-right 220ms linear 0ms 1 forwards; -moz-animation: in-right 220ms linear 0ms 1 forwards; -ms-animation: in-right 220ms linear 0ms 1 forwards; -o-animation: in-right 220ms linear 0ms 1 forwards; animation: in-right 220ms linear 0ms 1 forwards; /* BACKGROUND GRADIENT */ opacity: 1; } .cms-portfolio1 .out-right .cms-portfolio-holder { -webkit-animation: out-right 220ms linear 0ms 1 forwards; -khtml-animation: out-right 220ms linear 0ms 1 forwards; -moz-animation: out-right 220ms linear 0ms 1 forwards; -ms-animation: out-right 220ms linear 0ms 1 forwards; -o-animation: out-right 220ms linear 0ms 1 forwards; animation: out-right 220ms linear 0ms 1 forwards; /* BACKGROUND GRADIENT */ opacity: 1; } .cms-portfolio1.fullscreen .cms-portfolio-image { height: 450px; background-position: center; background-size: cover; background-repeat: no-repeat; } .cms-portfolio1.fullscreen .owl-controls .owl-prev, .cms-portfolio1.fullscreen .owl-controls .owl-next { margin: 0; position: absolute; top: 50%; } .cms-portfolio1.fullscreen .owl-controls .owl-prev i, .cms-portfolio1.fullscreen .owl-controls .owl-next i { margin: 0; border-color: #282828; background-color: #282828; color: #fff; } .cms-portfolio1.fullscreen .owl-controls .owl-prev i:hover, .cms-portfolio1.fullscreen .owl-controls .owl-next i:hover { background-color: #1151d3; border-color: #1151d3 !important; } .cms-portfolio1.fullscreen .owl-controls .owl-prev { left: 0; } .cms-portfolio1.fullscreen .owl-controls .owl-next { right: 0; } .cms-portfolio1.cms-portfolio-layout3.cms-carousel .owl-controls .owl-dots { padding-top: 38px; } .cms-portfolio2 .cms-portfolio-image { height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; } .cms-portfolio2 .cms-portfolio-image a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .cms-portfolio2 .cms-portfolio-content { text-align: center; height: 100%; } .cms-portfolio2 .cms-portfolio-content .cms-portfolio-content-inner { padding: 40px; 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 */ left: 0; right: 0; } .cms-portfolio2 .cms-portfolio-content .cms-portfolio-title { font-size: 45px; margin-bottom: 5px; text-transform: capitalize; } .cms-portfolio2 .cms-portfolio-content .cms-portfolio-title a { color: #282828; } .cms-portfolio2 .cms-portfolio-content .cms-portfolio-title a:hover { color: #1151d3; } .cms-portfolio2 .cms-portfolio-content .cms-portfolio-category { font-size: 13px; color: #a5a5a5; } .cms-portfolio2 .cms-portfolio-content .cms-portfolio-category a { color: #a5a5a5; } .cms-portfolio2 .cms-portfolio-content .cms-portfolio-category a:hover { color: #1151d3; } .cms-portfolio2 .section { -webkit-transform: scale(0.92); -khtml-transform: scale(0.92); -moz-transform: scale(0.92); -ms-transform: scale(0.92); -o-transform: scale(0.92); transform: scale(0.92); /* BACKGROUND GRADIENT */ -webkit-transition: transform 0.3s ease-in-out 0s; -moz-transition: transform 0.3s ease-in-out 0s; -ms-transition: transform 0.3s ease-in-out 0s; transition: transform 0.3s ease-in-out 0s; opacity: 0; } .cms-portfolio2 .section.fp-section { opacity: 1; } .cms-portfolio2 .section.active.fp-completely { -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 */ } .cms-portfolio3 .cms-portfolio-image { min-height: 450px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } .cms-portfolio3 .cms-portfolio-image a { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .cms-portfolio3 .cms-portfolio-title { font-size: 22px; margin-bottom: 9px; } .cms-portfolio3 .cms-portfolio-title a { color: #282828; } .cms-portfolio3 .cms-portfolio-title a:hover { color: #1151d3; } .cms-portfolio3 .cms-portfolio-category a { color: #a5a5a5; font-size: 13px; } .cms-portfolio3 .cms-portfolio-category a:hover { color: #1151d3; } .cms-portfolio3 .cms-portfolio-item { margin-bottom: 70px; -webkit-transition: all 0.7s cubic-bezier(0.22, 0.61, 0.36, 1) 0s; -moz-transition: all 0.7s cubic-bezier(0.22, 0.61, 0.36, 1) 0s; -ms-transition: all 0.7s cubic-bezier(0.22, 0.61, 0.36, 1) 0s; transition: all 0.7s cubic-bezier(0.22, 0.61, 0.36, 1) 0s; } .cms-portfolio3 .cms-portfolio-item:last-child { margin-bottom: 0; } .cms-portfolio3 .cms-portfolio-item:hover { -webkit-transform: translateY(-20px); -khtml-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); /* BACKGROUND GRADIENT */ } .cms-portfolio3 .cms-portfolio-content-inner { margin-top: 30px; } @media screen and (min-width: 992px) { .cms-portfolio3 .cms-portfolio-content-inner { margin-top: 0; margin-left: -70px; } .cms-portfolio3 .cms-portfolio-item:nth-child(even) .cms-portfolio-content-inner { margin-left: 0; margin-right: -70px; text-align: right; position: relative; z-index: 1; } .cms-portfolio3 .cms-portfolio-item:nth-child(even) .cms-portfolio-image { order: 2; } .cms-portfolio3 .cms-portfolio-item:nth-child(even) .cms-portfolio-content { order: 1; } } .hidden-title .cms-portfolio-title, .hidden-category .cms-portfolio-category { display: none; } .vc_icon_element.vc_icon_element-outer.icon-social { display: inline-block; margin: 0; } .vc_icon_element.vc_icon_element-outer.icon-social .vc_icon_element-inner.vc_icon_element-size-md { width: 30px; height: 30px; } .vc_icon_element.vc_icon_element-outer.icon-social .vc_icon_element-inner.vc_icon_element-size-md .vc_icon_element-icon { font-size: 20px !important; color: #282828 !important; -webkit-transition: all 300ms ease 0ms; -moz-transition: all 300ms ease 0ms; -ms-transition: all 300ms ease 0ms; transition: all 300ms ease 0ms; } .vc_icon_element.vc_icon_element-outer.icon-social .vc_icon_element-inner.vc_icon_element-size-md:hover .vc_icon_element-icon { color: #1151d3 !important; } .cms-image-pointers-wrapper { text-align: center; } .cms-image-pointer-inner { position: relative; display: inline-block; } .cms-image-pointer-inner .cms-image-pointer-item { min-height: 30px; min-width: 30px; position: absolute; text-align: left; } .cms-image-pointer-inner .cms-image-pointer-item:before, .cms-image-pointer-inner .cms-image-pointer-item:after { background: #1151d3; -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 */ /* BOX */ content: ""; cursor: pointer; height: 30px; left: 0; position: absolute; top: 0; width: 30px; z-index: 1; -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s; transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s; } .cms-image-pointer-inner .cms-image-pointer-item:before { color: #fff; content: "+"; font-size: 20px; left: 50%; line-height: 30px; position: absolute; text-align: center; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0px); -khtml-transform: translate3d(-50%, -50%, 0px); -moz-transform: translate3d(-50%, -50%, 0px); -ms-transform: translate3d(-50%, -50%, 0px); -o-transform: translate3d(-50%, -50%, 0px); transform: translate3d(-50%, -50%, 0px); /* BACKGROUND GRADIENT */ } .cms-image-pointer-inner .cms-image-pointer-item:after { opacity: 0.5; z-index: 0; } .cms-image-pointer-inner .cms-image-pointer-item .cms-image-pointer-holder { background: #fff; -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 */ /* BOX */ -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07); -ms-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07); box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07); opacity: 0; padding: 20px; position: absolute; text-align: center; -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s; transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s; visibility: hidden; width: 250px; z-index: -1; } .cms-image-pointer-inner .cms-image-pointer-item .cms-image-pointer-holder h3 { font-size: 20px; } .cms-image-pointer-inner .cms-image-pointer-item .cms-image-pointer-holder p { margin-bottom: 0; } .cms-image-pointer-inner .cms-image-pointer-item .cms-image-pointer-holder a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; } .cms-image-pointer-inner .cms-image-pointer-item.pointer-left .cms-image-pointer-holder { left: 0px; top: 0; -webkit-transform: translateY(-45%) translateX(-100%); -khtml-transform: translateY(-45%) translateX(-100%); -moz-transform: translateY(-45%) translateX(-100%); -ms-transform: translateY(-45%) translateX(-100%); -o-transform: translateY(-45%) translateX(-100%); transform: translateY(-45%) translateX(-100%); /* BACKGROUND GRADIENT */ } .cms-image-pointer-inner .cms-image-pointer-item.pointer-right .cms-image-pointer-holder { right: 0px; top: 0; -webkit-transform: translateY(-45%) translateX(100%); -khtml-transform: translateY(-45%) translateX(100%); -moz-transform: translateY(-45%) translateX(100%); -ms-transform: translateY(-45%) translateX(100%); -o-transform: translateY(-45%) translateX(100%); transform: translateY(-45%) translateX(100%); /* BACKGROUND GRADIENT */ } .cms-image-pointer-inner .cms-image-pointer-item.pointer-top .cms-image-pointer-holder { right: 0px; top: 0; -webkit-transform: translate3d(45%, -100%, 0px); -khtml-transform: translate3d(45%, -100%, 0px); -moz-transform: translate3d(45%, -100%, 0px); -ms-transform: translate3d(45%, -100%, 0px); -o-transform: translate3d(45%, -100%, 0px); transform: translate3d(45%, -100%, 0px); /* BACKGROUND GRADIENT */ } .cms-image-pointer-inner .cms-image-pointer-item.pointer-bottom .cms-image-pointer-holder { bottom: 0px; right: 0; -webkit-transform: translateY(100%) translateX(45%); -khtml-transform: translateY(100%) translateX(45%); -moz-transform: translateY(100%) translateX(45%); -ms-transform: translateY(100%) translateX(45%); -o-transform: translateY(100%) translateX(45%); transform: translateY(100%) translateX(45%); /* BACKGROUND GRADIENT */ } .cms-image-pointer-inner .cms-image-pointer-item:hover .cms-image-pointer-holder { opacity: 1; visibility: visible; z-index: 99; } .cms-image-pointer-inner .cms-image-pointer-item:hover:after { -webkit-transform: scale(1.5); -khtml-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); /* BACKGROUND GRADIENT */ } .cms-image-pointer-inner .cms-image-pointer-item:hover.pointer-left .cms-image-pointer-holder { left: -45px; } .cms-image-pointer-inner .cms-image-pointer-item:hover.pointer-right .cms-image-pointer-holder { right: -45px; } .cms-image-pointer-inner .cms-image-pointer-item:hover.pointer-top .cms-image-pointer-holder { top: -45px; } .cms-image-pointer-inner .cms-image-pointer-item:hover.pointer-bottom .cms-image-pointer-holder { bottom: -45px; } .cms-grid-wraper.color-dark .cms-grid-filter li a { color: #fff; } .cms-grid-wraper.color-dark .cms-grid-filter li a.active, .cms-grid-wraper.color-dark .cms-grid-filter li a:hover { color: #1151d3; } .cms-grid-wraper.color-dark.cms-portfolio1 .cms-portfolio-title a { color: #fff; } .cms-grid-wraper.color-dark.cms-portfolio1 .cms-portfolio-title a:hover { color: #1151d3; } .cms-grid-wraper.filter-align-left .cms-grid-filter { padding: 0; } .cms-grid-wraper.filter-align-left .cms-grid-filter ul { text-align: left; } .cms-grid-wraper.filter-align-right .cms-grid-filter { padding: 0; } .cms-grid-wraper.filter-align-right .cms-grid-filter ul { text-align: right; } .cms-grid-wraper.cms-portfolio1 .filter-style-outline-white li a { border-color: transparent; color: #fff; } .cms-grid-wraper.cms-portfolio1 .filter-style-outline-white li a.active { border-color: #fff; } .gm-style { /* [Start] 24. Reservation +-----------------------------------+ */ } .gm-style img[src*="https://maps.gstatic.com/mapfiles/api-3/images/spotlight-"] { display: none; } .gm-style .gmnoprint { opacity: 1 !important; overflow: visible !important; } .gm-style .marker-icon { height: 18px !important; width: 18px !important; background-color: #1151d3; -webkit-border-radius: 18px; -khtml-border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px; /* BACKGROUND GRADIENT */ /* BOX */ position: absolute; } .gm-style .marker-icon:before, .gm-style .marker-icon:after { content: ""; display: inline-block; width: 18px; height: 18px; position: absolute; top: 0; left: 0; -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 */ /* BOX */ opacity: 1; background-color: #1151d3; } .gm-style .marker-icon:before { -webkit-animation: markerWave 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite forwards; animation: markerWave 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite forwards; } .gm-style .marker-icon:after { -webkit-animation: markerWave 1.5s 0.45s cubic-bezier(0, 0, 0.2, 1) infinite forwards; animation: markerWave 1.5s 0.45s cubic-bezier(0, 0, 0.2, 1) infinite forwards; } #cms-reservation { margin: auto; max-width: 770px; } #cms-reservation.cms-reservation-box { background-color: #fff; padding: 80px 100px 70px 100px; max-width: 970px; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.26); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.26); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.26); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.26); position: relative; } #cms-reservation .cms-reservation-form textarea { height: 93px; } #cms-reservation .cms-reservation-form input[type="submit"] { width: 100%; -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 */ /* BOX */ background-color: #1151d3; border-color: #1151d3; } #cms-reservation .cms-reservation-form input[type="submit"]:hover { background-color: #282828; border-color: #282828; } #cms-reservation .cms-reservation-form .form-group { margin-bottom: 30px; } #cms-reservation .cms-reservation-form .required { border-width: 0 0 2px 0 !important; } #cms-reservation .fs-notice-wrapper { color: #eb5545; font-size: 13px; font-style: italic; padding: 10px 0 0; text-align: center; } #cms-reservation .cms-reservation-note { text-align: center; margin-bottom: 30px; } .reservation-success-wrapper { text-align: center; } .reservation-success-wrapper .cms-close { display: none; } #ui-datepicker-div { background-color: #fff; padding: 22px; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; /* BACKGROUND GRADIENT */ /* BOX */ -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); position: absolute; top: -9999px; min-width: 300px; z-index: 10001 !important; } #ui-datepicker-div .ui-datepicker-header { position: relative; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all { display: block; height: 30px; width: 30px; line-height: 30px; text-align: center; cursor: pointer; position: absolute; top: 0; padding: 0; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all:before { content: "\f104"; color: #040e24; font-family: FontAwesome; font-size: 16px; left: 0; position: absolute; right: 0; top: 0; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all:hover:before { color: #1151d3; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all span { display: none; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-datepicker-prev { left: 0; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-datepicker-next { right: 0; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-datepicker-next:before { content: "\f105"; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title { font-weight: 700; line-height: 30px; margin-bottom: 10px; min-height: 40px; text-align: center; text-transform: uppercase; font-size: 18px; color: #282828; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title span { display: inline-block; vertical-align: middle; line-height: 1; } #ui-datepicker-div .ui-datepicker-calendar { margin: 0; width: 100%; } #ui-datepicker-div .ui-datepicker-calendar th { text-align: center; } #ui-datepicker-div .ui-datepicker-calendar td { text-align: center; padding: 6px; color: rgba(0, 0, 0, 0.6); } #ui-datepicker-div .ui-datepicker-calendar td.ui-state-disabled { color: rgba(0, 0, 0, 0.2); } #ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-today a { color: #1151d3; } #ui-datepicker-div .ui-datepicker-calendar td a { color: #999; } #ui-datepicker-div .ui-datepicker-calendar td a:hover { color: #1151d3; } body .clockpicker-popover { min-width: 300px; z-index: 99999; } body .clockpicker-popover .popover-title { color: #1151d3 !important; } body .clockpicker-popover.bottom { margin-top: 0; } body .clockpicker-popover.top { margin-bottom: 0; } body .clockpicker-popover > .arrow { display: none; } body .clockpicker-popover .clockpicker-plate { margin: auto; } body .clockpicker-popover span { color: #1151d3; } body .clockpicker-popover .clockpicker-tick:hover, body .clockpicker-popover .clockpicker-tick.active { background-color: rgba(17, 81, 211, 0.6); } .opentable { font-size: 13px; color: #fff; text-transform: uppercase; font-weight: 800; } .opentable a { color: #1151d3; } .opentable a:hover { color: rgba(17, 81, 211, 0.8); } .cms-opentable-wrapper { margin: auto; max-width: 760px; /* [End] 24. Reservation +-----------------------------------+ */ /* [Start] 25. Menu +-----------------------------------+ */ } .cms-opentable-wrapper .cms-opentable-form select, .cms-opentable-wrapper .cms-opentable-form input { border-width: 1px; 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 */ /* BOX */ position: relative; z-index: 1; padding-left: 12px; padding-right: 12px; -webkit-appearance: none; -khtml-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } .cms-opentable-wrapper .cms-opentable-form button { width: 100%; } .cms-opentable-wrapper .cms-opentable-form .col-lg-4 { margin-bottom: 30px; } .cms-opentable-wrapper .select-arrow { position: relative; background-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 */ /* BOX */ } .cms-opentable-wrapper .select-arrow i { position: absolute; top: 50%; right: 20px; font-size: 18px; color: rgba(4, 3, 4, 0.5); -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 */ } .cms-menu-restaurant .cms-menu-restaurant-item { padding: 0 30px; margin-bottom: 28px; } .cms-menu-restaurant.no-featured-image .cms-menu-restaurant-item { margin-bottom: 25px; } .cms-menu-restaurant .cms-menu-restaurant-price { font-size: 16px; line-height: normal; font-weight: 700; color: #1151d3; } .cms-menu-restaurant .cms-menu-restaurant-image { margin-bottom: 21px; position: relative; } .cms-menu-restaurant .cms-menu-restaurant-image a { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; min-height: 242px; width: 100%; -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 */ /* BOX */ text-align: center; } .cms-menu-restaurant .cms-menu-restaurant-image a:before { bottom: 0; left: 0; position: absolute; right: 0; top: 0; background-color: rgba(34, 41, 54, 0.5); content: ""; opacity: 0; -webkit-transition: all 220ms linear 0ms; -moz-transition: all 220ms linear 0ms; -ms-transition: all 220ms linear 0ms; transition: all 220ms linear 0ms; } .cms-menu-restaurant .cms-menu-restaurant-image a i { color: #fff; font-size: 32px; position: absolute; top: 50%; transform: translate(0px, -50%); left: 0; right: 0; opacity: 0; -webkit-transition: all 220ms linear 0ms; -moz-transition: all 220ms linear 0ms; -ms-transition: all 220ms linear 0ms; transition: all 220ms linear 0ms; } .cms-menu-restaurant .cms-menu-restaurant-image .cms-menu-restaurant-tag { position: absolute; top: 20px; left: 20px; } .cms-menu-restaurant .cms-menu-restaurant-image .cms-menu-restaurant-tag .btn-style { font-size: 13px; font-weight: 800; text-transform: uppercase; color: #fff; background-color: #1151d3; -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 */ /* BOX */ line-height: 29px; padding: 0 12px; display: inline-block; } .cms-menu-restaurant .cms-menu-title-normal { font-size: 16px; line-height: 29px; font-family: inherit; font-weight: 700; margin-bottom: 0; } .cms-menu-restaurant .nav-tabs { border-bottom: none; text-align: center; margin-bottom: 30px; padding: 0 30px; } .cms-menu-restaurant .nav-tabs li { padding: 0 3px; margin-bottom: 10px; display: inline-block; float: none; } .cms-menu-restaurant .nav-tabs li a { display: inline-block; letter-spacing: 0.04em; color: #333; border: 2px solid transparent !important; -webkit-border-radius: 29px; -khtml-border-radius: 29px; -moz-border-radius: 29px; -ms-border-radius: 29px; -o-border-radius: 29px; border-radius: 29px; /* BACKGROUND GRADIENT */ /* BOX */ line-height: 25px; padding: 0 9px; font-size: 13px; font-weight: 800; background-color: transparent !important; text-transform: uppercase; } .cms-menu-restaurant .nav-tabs li.active a, .cms-menu-restaurant .nav-tabs li:hover a { color: #1151d3; border-color: #1151d3 !important; } .cms-menu-restaurant .tab-content { margin: 0 -30px; } .cms-menu-restaurant .cms-menu-restaurant-holder { position: relative; } .cms-menu-restaurant .cms-menu-restaurant-holder .cms-menu-restaurant-title { padding-right: 70px; } .cms-menu-restaurant .cms-menu-restaurant-holder .cms-menu-restaurant-price { position: absolute; top: 0; right: 0; line-height: 29px; } .cms-menu-restaurant .cms-menu-restaurant-item-inner:hover .cms-menu-restaurant-image a i, .cms-menu-restaurant .cms-menu-restaurant-item-inner:hover .cms-menu-restaurant-image a:before { opacity: 1; } .today-special { background-color: #fff; padding: 80px 100px 70px 100px; max-width: 970px; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.26); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.26); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.26); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.26); position: relative; text-align: center; margin: auto; /* [Start] 26. End Menu +-----------------------------------+ */ } .today-special .cms-menu-restaurant-price { font-size: 25px; line-height: 29px; color: #1151d3; } .today-special .cms-menu-restaurant-title { font-size: 20px; line-height: 29px; margin-bottom: 8px; } .today-special .cms-menu-restaurant-item { position: relative; margin-bottom: 25px; padding-bottom: 25px; } .today-special .cms-menu-restaurant-item:before { content: ""; background-image: url(../images/icon-special.png); height: 3px; width: 98px; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; } .today-special .cms-menu-restaurant-item:last-child { margin-bottom: 0; padding-bottom: 0; } .today-special .cms-menu-restaurant-item:last-child:before { display: none; } .cms-carousel-showcase .owl-item .cms-carousel-item { -webkit-transition: transform 0.4s ease; -moz-transition: transform 0.4s ease; -ms-transition: transform 0.4s ease; transition: transform 0.4s ease; margin-bottom: 25px; } .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-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 */ } .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: 35px; } .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: #1151d3; } .cms-carousel-showcase .owl-controls .owl-prev { left: 21%; } .cms-carousel-showcase .owl-controls .owl-next { right: 21%; } .cms-carousel-showcase.showcase-templates .owl-item .cms-carousel-item { margin-bottom: 0; } .cms-carousel-showcase.showcase-templates .owl-item .cms-carousel-item img { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .cms-imageshowcase .cms-imageshowcase-item + .cms-imageshowcase-item { margin-top: 30px; } .cms-imageshowcase .owl-controls .owl-dots { padding-top: 40px; } .row-copyright { text-align: center; } .row-copyright a { color: #cecece; } .row-copyright a:hover { color: #fff; } .cms-grid-shop .cshere-woo-item-wrap { background-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 */ /* BOX */ -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); overflow: hidden; } .cms-grid-shop .cshero-woo-image { position: relative; overflow: hidden; margin: 15px; } .cms-grid-shop .cshero-woo-image img { margin-bottom: 0; } .cms-grid-shop .cshero-woo-image .cshero-add-to-cart { bottom: 0; left: 25px; position: absolute; right: 25px; opacity: 0; -webkit-transform: translateY(50px); -khtml-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); /* BACKGROUND GRADIENT */ -webkit-transition: all 200ms linear 0ms; -moz-transition: all 200ms linear 0ms; -ms-transition: all 200ms linear 0ms; transition: all 200ms linear 0ms; } .cms-grid-shop .cshero-woo-image .cshero-add-to-cart a { display: block; text-align: center; -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 */ /* BOX */ padding-left: 8px; padding-right: 8px; } .cms-grid-shop .cshero-woo-image .cshero-add-to-cart a i { font-size: 15px; padding-right: 8px; } .cms-grid-shop .cshero-woo-image .cshero-add-to-cart a.added { display: none; } .cms-grid-shop .cshero-woo-image .cshero-add-to-cart a.wc-forward:before { content: "\f00c"; font-family: FontAwesome; padding-right: 8px; font-size: 15px; font-weight: normal; } .cms-grid-shop .cshero-woo-image:hover .cshero-add-to-cart { -webkit-transform: translateY(0px); -khtml-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); /* BACKGROUND GRADIENT */ opacity: 1; } .cms-grid-shop .cshero-woo-meta { padding: 0 15px 30px; text-align: center; } .cms-grid-shop .cshero-woo-meta .star-rating { display: none; } .cms-grid-shop .cshero-woo-meta .posted_in a { color: #b8b8b8; } .cms-grid-shop .cshero-woo-meta .posted_in a:hover { color: #1151d3; } .cms-grid-shop .cshero-woo-meta .content { display: none; } .cms-grid-shop .cshero-product-title { font-family: inherit; font-size: 18px; font-weight: 700; line-height: 26px; margin-bottom: 10px; padding: 0; } .cms-grid-shop .cshero-product-title a { color: #282828; } .cms-grid-shop .cshero-product-title a:hover, .cms-grid-shop .cshero-product-title a:focus { color: #1151d3; } .cms-grid-shop .cshero-product-category { font-size: 12px; color: #333; } .cms-grid-shop .cshero-product-category a { color: #333; } .cms-grid-shop .cshero-product-category a:hover { color: #1151d3; } .cms-grid-shop .price .amount { font-weight: normal; font-size: 17px; color: #1151d3; font-weight: 700; line-height: 1; } .cms-grid-shop .price del { display: inline-block; margin-right: 10px; line-height: 1; color: #a9a9a9; } .cms-grid-shop .price del .amount { color: #a9a9a9; } .cms-grid-shop .price ins { padding: 0; background-color: transparent; } .cms-grid-shop .onsale, .cms-grid-shop .product-status { -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 */ /* BOX */ font-weight: 800; line-height: 29px; margin: 0; min-height: 0; padding: 0; text-transform: uppercase; top: 5px; font-size: 12px; min-width: 56px; height: 29px; left: inherit; z-index: 1; display: inline-block; text-align: center; color: #fff; position: absolute; letter-spacing: 0.1em; } .cms-grid-shop .onsale { background-color: #1151d3; right: 5px; } .cms-grid-shop .product-status { background-color: #f9c400; left: 5px; } .cms-grid-shop .cms-grid-item { margin-bottom: 30px; } .cms-grid-shop .cms-grid-item.col-lg-3:nth-child(4n+1) { clear: none; } .cms-grid-shop .cms-grid-item.col-lg-4:nth-child(3n+1) { clear: none; } .cms-grid-shop .cms-grid-item.col-lg-6:nth-child(2n+1) { clear: none; } .cms-banner .cms-banner-meta { height: 380px; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #1151d3; position: relative; } .cms-banner.layout1 .cms-banner-holder { background-color: #1151d3; padding: 36px 40px; color: #fff; bottom: 40px; left: 40px; max-width: 340px; position: absolute; right: 40px; -webkit-transition: all 200ms linear 0ms; -moz-transition: all 200ms linear 0ms; -ms-transition: all 200ms linear 0ms; transition: all 200ms linear 0ms; opacity: 0; } .cms-banner.layout1 .cms-banner-holder h3 { font-size: 18px; line-height: 29px; color: #fff; margin-bottom: 10px; } .cms-banner.layout1:hover .cms-banner-holder { opacity: 1; } .cms-banner.layout2 { position: relative; } .cms-banner.layout2 .cms-banner-inner:before { content: ""; height: 100%; width: 100%; left: 30px; top: -30px; background-color: #fff; -webkit-box-shadow: 0 1px 75px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 75px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 1px 75px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 75px rgba(0, 0, 0, 0.15); position: absolute; } .cms-banner.layout2 .cms-banner-inner { position: relative; z-index: 99; } .cms-banner.layout2.box-shadow-right-bottom .cms-banner-inner::before { top: auto; bottom: -30px; } .cms-banner.layout2.box-shadow-left .cms-banner-inner::before { left: auto; right: 30px; } .cms-banner.layout2.box-shadow-left.box-shadow-left-bottom .cms-banner-inner::before { top: auto; bottom: -30px; } .cms-banner.layer-added .cms-banner-inner:before { left: 15px; top: -15px; } .cms-banner.image-position-right { margin-right: 100px; margin-top: 100px; } .cms-banner.image-position-right .cms-banner-inner { z-index: 99; } .cms-banner.image-position-right .cms-banner-inner + .cms-banner-inner { position: absolute; right: -100px; top: -100px; height: 100%; width: 100%; z-index: 98; } .cms-banner.image-position-left { margin-left: 100px; margin-top: 100px; } .cms-banner.image-position-left .cms-banner-inner { z-index: 99; } .cms-banner.image-position-left .cms-banner-inner:before { left: -15px; } .cms-banner.image-position-left .cms-banner-inner + .cms-banner-inner { position: absolute; left: -100px; top: -100px; height: 100%; width: 100%; z-index: 98; } .cms-banner .cms-banner-video { height: 80px; width: 80px; -webkit-border-radius: 80px; -khtml-border-radius: 80px; -moz-border-radius: 80px; -ms-border-radius: 80px; -o-border-radius: 80px; border-radius: 80px; /* BACKGROUND GRADIENT */ /* BOX */ background-color: #fff; display: block; left: 0; margin: auto; position: absolute; right: 0; 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 */ } .cms-banner .cms-banner-video:before { content: "\f04b"; font-family: FontAwesome; font-size: 18px; color: #222; 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 */ -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-banner .cms-banner-video:hover { background-color: #1151d3; } .cms-banner .cms-banner-video:hover:before { color: #fff; } #cms-theme #fp-nav { background: #fff; -webkit-border-radius: 36px; -khtml-border-radius: 36px; -moz-border-radius: 36px; -ms-border-radius: 36px; -o-border-radius: 36px; border-radius: 36px; /* BACKGROUND GRADIENT */ /* BOX */ margin: 0 !important; position: fixed; right: 30px; 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 */ z-index: 998; } #cms-theme #fp-nav ul { padding: 10px 0; } #cms-theme #fp-nav ul li { height: inherit; line-height: 1; margin: 0; padding: 2px 0; text-align: center; width: 36px; } #cms-theme #fp-nav ul li a { background-color: #646464; display: inline-block; -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; /* BACKGROUND GRADIENT */ /* BOX */ height: 6px; margin: 0; position: relative; width: 6px; } #cms-theme #fp-nav ul li a.active { background-color: #1151d3; width: 10px; left: 2px; } .fullpage-content .fp-section { background-repeat: no-repeat; background-size: cover; background-position: center; } .fullpage-content .fp-tableCell-inner, .fullpage-content .vc_row { height: 100%; } .cms-icon span { display: inline-block; line-height: 1; font-size: 48px; color: #1151d3; } .cms-icon a { display: inline-block; } .cms-icon.round span { height: 38px; width: 38px; -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 */ /* BOX */ background-color: #1151d3; color: #fff; font-size: 14px; line-height: 38px; text-align: center; -webkit-transition: all 200ms linear 0ms; -moz-transition: all 200ms linear 0ms; -ms-transition: all 200ms linear 0ms; transition: all 200ms linear 0ms; } .cms-icon.round span:hover { background-color: #282828; } .cms-icon.square { display: inline-block; } .cms-icon.square + .cms-icon { margin-left: 6px; } .cms-icon.square + .cms-button-wrapper { margin-left: 20px; display: inline-block; } .cms-icon.square span { height: 51px; width: 51px; background-color: #282828; color: #fff; font-size: 15px; line-height: 51px; text-align: center; -webkit-transition: all 200ms linear 0ms; -moz-transition: all 200ms linear 0ms; -ms-transition: all 200ms linear 0ms; transition: all 200ms linear 0ms; } .cms-icon.square span:hover { background-color: #1151d3; } .cms-gallery-style2 .cms-gallery-wrapper { padding: 0 15px; margin-bottom: 30px; } .cms-gallery-style2 .cms-gallery-wrapper 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 */ /* BOX */ -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-gallery-style2 .cms-gallery-image { position: relative; overflow: hidden; } .cms-gallery-style2 .cms-gallery-image a { height: 100%; left: 0; position: absolute; top: 0; width: 100%; background-color: rgba(255, 255, 255, 0.5); -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 */ /* BOX */ opacity: 0; z-index: 99; } .cms-gallery-style2 .cms-gallery-image:hover a { opacity: 1; } .cms-gallery-style2 .cms-gallery-image:hover img { -webkit-transform: scale(1.1); -khtml-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); /* BACKGROUND GRADIENT */ } .cms-gallery-style3 .cms-gallery-wrapper img { -webkit-transition: all 400ms linear 0ms; -moz-transition: all 400ms linear 0ms; -ms-transition: all 400ms linear 0ms; transition: all 400ms linear 0ms; } .cms-gallery-style3 .cms-gallery-image { position: relative; overflow: hidden; } .cms-gallery-style3 .cms-gallery-image a { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 99; } .cms-gallery-style3 .cms-gallery-image:hover img { -webkit-transform: rotate(3deg) scale(1.15); -khtml-transform: rotate(3deg) scale(1.15); -moz-transform: rotate(3deg) scale(1.15); -ms-transform: rotate(3deg) scale(1.15); -o-transform: rotate(3deg) scale(1.15); transform: rotate(3deg) scale(1.15); /* BACKGROUND GRADIENT */ } .cms-gallery-style4 .row { margin: 0 -15px !important; } .cms-gallery-style4 .cms-gallery-wrapper { padding: 0 15px; margin-bottom: 30px; overflow: hidden; } .cms-gallery-style4 .cms-gallery-wrapper img { -webkit-transition: all 1s cubic-bezier(0, 1, 0.5, 1) 0s; -moz-transition: all 1s cubic-bezier(0, 1, 0.5, 1) 0s; -ms-transition: all 1s cubic-bezier(0, 1, 0.5, 1) 0s; transition: all 1s cubic-bezier(0, 1, 0.5, 1) 0s; } .cms-gallery-style4 .cms-gallery-image { position: relative; overflow: hidden; } .cms-gallery-style4 .cms-gallery-image a { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 99; } .cms-gallery-style4 .cms-gallery-image .cms-portfolio-title { color: #fff; left: 0; margin: 0; padding: 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 */ z-index: 88; -webkit-transition: all 1s cubic-bezier(0, 1, 0.5, 1) 0s; -moz-transition: all 1s cubic-bezier(0, 1, 0.5, 1) 0s; -ms-transition: all 1s cubic-bezier(0, 1, 0.5, 1) 0s; transition: all 1s cubic-bezier(0, 1, 0.5, 1) 0s; opacity: 0; } .cms-gallery-style4 .cms-gallery-image:before { -webkit-transition: all 1s cubic-bezier(0, 1, 0.5, 1) 0s; -moz-transition: all 1s cubic-bezier(0, 1, 0.5, 1) 0s; -ms-transition: all 1s cubic-bezier(0, 1, 0.5, 1) 0s; transition: all 1s cubic-bezier(0, 1, 0.5, 1) 0s; z-index: 77; content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(34, 34, 34, 0.65); opacity: 0; } .cms-gallery-style4 .cms-gallery-image:hover:before, .cms-gallery-style4 .cms-gallery-image:hover .cms-portfolio-title { opacity: 1; } .cms-gallery-style4 .cms-gallery-image:hover img { -webkit-transform: scale(1.1); -khtml-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); /* BACKGROUND GRADIENT */ } .cms-gallery-style4 .filter-style-modern li a { -webkit-border-radius: 29px; -khtml-border-radius: 29px; -moz-border-radius: 29px; -ms-border-radius: 29px; -o-border-radius: 29px; border-radius: 29px; /* BACKGROUND GRADIENT */ /* BOX */ } .cms-gallery-style4 .filter-style-modern li a.active, .cms-gallery-style4 .filter-style-modern li a:hover { background-color: transparent; color: #1151d3; } .cms-pricing-modern { background-color: #222; color: #9b9b9b; padding: 92px 100px 85px; } .cms-pricing-modern .cms-pricing-modern-item-inner { position: relative; border-bottom: 1px dashed #3a3a3a; padding-bottom: 16px; margin-bottom: 12px; } .cms-pricing-modern .cms-pricing-holder h3 { color: #fff; font-family: inherit; font-size: 16px; line-height: 29px; font-weight: 700; margin-bottom: 0; } .cms-pricing-modern .cms-pricing-holder p { margin: 0; } .cms-pricing-modern .cms-pricing-price { background-color: #1151d3; -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 */ /* BOX */ color: #fff; display: inline-block; font-size: 12px; line-height: 30px; padding: 0 10px; position: absolute; top: 11px; right: 0; } .cms-pricing-modern .cms-pricing-price + .cms-pricing-holder { padding-right: 100px; } .cms-pricing-modern .row { margin: 0 -25px; } .cms-pricing-modern .row .cms-pricing-modern-item { padding: 0 25px; } .cms-pricing-modern .row .col-md-6:nth-child(2n+1) { clear: left; } .cms-pricing-flat .col-md-6:nth-child(2n+1) { clear: left; } .cms-pricing-flat .cms-pricing-flat-item-inner { padding: 30px; border: 1px dashed #1151d3; margin-bottom: 30px; } .cms-pricing-flat .cms-pricing-holder h3 { font-size: 16px; line-height: 29px; } .cms-pricing-flat .cms-pricing-meta span { font-size: 12px; font-weight: 600; line-height: 1; color: #1151d3; } .cms-pricing-flat .cms-pricing-meta span + span { margin-left: 14px; } .cms-pricing-flat .cms-pricing-meta span.cms-pricing-price { color: #fff; background-color: #1151d3; display: inline-block; padding: 0 10px; line-height: 29px; } .cms-service-block .cms-service-block-inner { height: 300px; position: relative; overflow: hidden; } .cms-service-block .cms-service-block-inner i { font-size: 50px; color: #fff; } .cms-service-block .cms-service-block-inner h3 { margin-bottom: 0; margin-top: 18px; font-size: 16px; color: 29px; color: #fff; } .cms-service-block .cms-service-block-meta { left: 0; padding: 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 */ z-index: 2; } .cms-service-block .bg-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; z-index: 1; -webkit-transition: all 400ms linear 0ms; -moz-transition: all 400ms linear 0ms; -ms-transition: all 400ms linear 0ms; transition: all 400ms linear 0ms; } .cms-service-block .bg-overlay:before { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(0, 0, 0, 0)', endColorStr='rgba(0, 0, 0, 0.6)'); /* BACKGROUND HORIZONTAL Right */ } .cms-service-block a { position: absolute; z-index: 9; top: 0; left: 0; height: 100%; width: 100%; } .cms-service-block:hover .bg-overlay { -webkit-transform: scale(1.1) rotate(2deg); -khtml-transform: scale(1.1) rotate(2deg); -moz-transform: scale(1.1) rotate(2deg); -ms-transform: scale(1.1) rotate(2deg); -o-transform: scale(1.1) rotate(2deg); transform: scale(1.1) rotate(2deg); /* BACKGROUND GRADIENT */ } .vc_separator.w22.vc_sep_pos_align_center { text-align: center; } .vc_separator.w22 .vc_sep_holder { height: 0; line-height: 0; } .vc_separator.w22 .vc_sep_holder .vc_sep_line { width: 22px; display: inline-block; } .wpb_single_image.inline-block { display: inline-block; } .wpb_single_image.inline-block + .inline-block { margin-left: 24px; } .site-footer { position: relative; background-attachment: fixed; background-size: cover; background-position: center; background-repeat: no-repeat; } .site-footer:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #222; } .site-footer a { color: #cecece; } .site-footer a:hover { color: #fff; } .site-footer .widget_newsletterwidget .tnp-field.tnp-field-firstname, .site-footer .widget_newsletterwidget .tnp-field.tnp-field-lastname, .site-footer .widget_newsletterwidget .tnp-field.tnp-field-gender { display: none; } .site-footer .footer-social-text li { display: inline-block; } .site-footer .footer-social-text li + li { padding-left: 25px; } .site-footer .footer-social-text li a { color: #646464; font-size: 11px; text-transform: uppercase; } .site-footer .footer-social-text li a:hover { color: #fff; } .site-footer .cms-recent-post { padding-top: 3px; } .site-footer .cms-recent-post .cms-recent-details .title { font-weight: normal; } .site-footer .cms-recent-post .cms-recent-details .title a { color: #cecece; } .site-footer .cms-recent-post .cms-recent-details .title a:hover { color: #1151d3; } .site-footer .cms-recent-post .cms-recent-details .date { border-bottom: 1px solid rgba(206, 206, 206, 0.05); padding-bottom: 19px; } .site-footer .cms-recent-post .item { margin-bottom: 19px; } .site-footer .cms-recent-post .item:last-child { margin-bottom: 0; } .site-footer .cms-recent-post .item:last-child .cms-recent-details .date { border-bottom: none; padding-bottom: 0; } .site-footer ul.menu li { font-size: 13px; line-height: 27px; } .site-footer #cms-footer-top { position: relative; z-index: 99; padding: 80px 0 50px 0; border-bottom: 1px solid rgba(71, 71, 71, 0.25); } .site-footer #cms-footer-top .wg-title { color: #fff; letter-spacing: 0.08em; } .site-footer #cms-footer-top aside.widget { margin-bottom: 24px; } .site-footer #cms-footer-top.footer-bottom-hide { padding-bottom: 80px; } .site-footer #cms-footer-bottom { position: relative; z-index: 99; padding: 33px 0; } .site-footer.cms-footer1 .show-footer1 { display: block !important; } .site-footer.cms-footer2:before { background-color: #fff; } .site-footer.cms-footer2 a { color: #282828; } .site-footer.cms-footer2 a:hover { color: #1151d3; } .site-footer.cms-footer2 #cms-footer-top { border-bottom: 1px solid #eaeaea; } .site-footer.cms-footer2 #cms-footer-top .wg-title { color: #282828; } .site-footer.cms-footer2 .widget_znews-twitter-widget .news-twitter-content { color: #9b9b9b; } .site-footer.cms-footer2 .widget_newsletterwidget form .tnp-field-email .tnp-email { border-color: #dfdfdf !important; } .site-footer.cms-footer2 .show-footer2 { display: block !important; } .site-footer.cms-footer3 .cms-footer-bottom-item + .cms-footer-bottom-item { padding-top: 15px; } .site-footer.cms-footer3 .show-footer3 { display: block !important; } .site-footer.cms-footer4 .show-footer4 { display: block !important; } .site-footer.cms-footer5 .cms-footer-bottom-item + .cms-footer-bottom-item { padding-top: 24px; } .site-footer.cms-footer5 .cms-footer-bottom-item.hidden + .cms-footer-bottom-item { padding-top: 0; } .site-footer.cms-footer5 .show-footer5 { display: block !important; } .site-footer.cms-footer6 .cms-copyright { padding: 8px 0; } .site-footer.cms-footer6 .show-footer6 { display: block !important; } .site-footer.cms-footer7 .cms-copyright { padding: 8px 0; } .site-footer.cms-footer7 .show-footer7 { display: block !important; } .site-footer.cms-footer7 .hidden-footer7 { display: none; } .site-footer.cms-footer9 #cms-footer-top { border: none; } .site-footer.cms-footer9 #cms-footer-top .wg-title { text-align: center; } .site-footer.cms-footer9 #cms-footer-bottom { background-color: #1b1a1a; } .site-footer .cms-footer-cta { padding-top: 90px; } .site-footer .cms-footer-cta .row { background-color: #1151d3; font-size: 16px; color: #f9f9f9; margin: 0; padding: 35px 25px; position: relative; align-content: center; display: flex; display: -webkit-flex; flex-wrap: wrap; } .site-footer .cms-footer-cta h3 { font-size: 26px; color: #fff; margin-bottom: 8px; } .site-footer .cms-footer-cta p { margin-bottom: 0; } .site-footer .cms-footer-cta .cms-footer-cta-btn { align-items: center; display: flex; display: -webkit-flex; justify-content: flex-end; -webkit-justify-content: flex-end; } .site-footer .cms-footer-cta + #cms-footer-top { padding-top: 61px; } .site-footer .widget_nav_menu.menu-2column ul.menu { margin: 0 -8px; } .site-footer .widget_nav_menu.menu-2column ul.menu li { font-size: 13px; line-height: 27px; width: 50%; float: left; padding: 0 8px; } .site-footer .widget_nav_menu.menu-2column ul.menu li:nth-child(even) { float: right; } .site-footer .widget_nav_menu.menu-2column ul.menu li a { color: #cecece; } .site-footer .widget_nav_menu.menu-2column ul.menu li a:hover { color: #fff; } @media screen and (max-width: 767px) { .site-footer .widget_nav_menu.menu-2column ul.menu li { width: 100%; } } .site-footer .widget_nav_menu.style-bold ul.menu li { font-weight: 700; } .social-style-square.widget_cs_social_widget li a, .social-style-square .footer-social-icon li a { -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 */ /* BOX */ } .cms-footer-payment { padding: 8px 0; } .cms-footer-payment a + a { padding-left: 6px; } .cms-footer-menu ul.nav-menu > li, .cms-header-top-menu ul.nav-menu > li { display: inline-block; font-size: 12px; } .cms-footer-menu ul.nav-menu > li + li, .cms-header-top-menu ul.nav-menu > li + li { padding-left: 16px; position: relative; } .cms-footer-menu ul.nav-menu > li + li:before, .cms-header-top-menu ul.nav-menu > li + li:before { content: ""; height: 10px; width: 1px; background-color: #646464; 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 */ left: 6px; } .cms-footer-menu ul.nav-menu > li + li ul.submenu, .cms-header-top-menu ul.nav-menu > li + li ul.submenu { display: none; } .cms-footer-menu ul.nav-menu > li a, .cms-header-top-menu ul.nav-menu > li a { color: #646464; } .cms-footer-menu ul.nav-menu > li.current-menu-item > a, .cms-header-top-menu ul.nav-menu > li.current-menu-item > a, .cms-footer-menu ul.nav-menu > li > a:hover, .cms-header-top-menu ul.nav-menu > li > a:hover { color: #fff; } .cms-footer-menu { padding: 8px 0px; } #cms-back-top span { height: 48px; width: 48px; line-height: 48px; text-align: center; position: fixed; bottom: 30px; right: 30px; background-color: #1151d3; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; color: #fff; font-size: 16px; -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 */ /* BOX */ cursor: pointer; z-index: 1001; -webkit-transform: translateY(100px); -khtml-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); /* BACKGROUND GRADIENT */ } #cms-back-top span i { vertical-align: inherit; } #cms-back-top span:hover { background-color: #222; -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-back-top.on span { -webkit-transform: translateY(0px); -khtml-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); /* BACKGROUND GRADIENT */ } #cms-back-top.go-up span { -webkit-transform: translateY(100px); -khtml-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); /* BACKGROUND GRADIENT */ } .hidden-back-to-top + #cms-back-top { display: none; } .cms-footer9 #cms-footer-bottom { position: relative; } .cms-footer9 #cms-footer-bottom:before { content: ""; height: 21px; width: 90px; position: absolute; top: -21px; left: 0; right: 0; margin: auto; background-image: url(../images/arrow-footer.png); } .cms-footer9 #cms-footer-bottom #cms-back-top span { position: absolute; left: 0; right: 0; margin: auto; -webkit-transform: translateY(0px); -khtml-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); /* BACKGROUND GRADIENT */ background-color: transparent; -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0); -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0); -ms-box-shadow: 0 5px 20px rgba(0, 0, 0, 0); box-shadow: 0 5px 20px rgba(0, 0, 0, 0); top: -55px; -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 */ /* BOX */ } .cms-footer9 #cms-footer-bottom #cms-back-top span:hover { color: #1151d3; } .cms-footer10 .logo-footer { margin-bottom: 50px; } .cms-footer10 .footer-top-content { font-size: 14px; line-height: 30px; margin-bottom: 50px; } .cms-footer10 #cms-footer-top { padding-top: 110px; padding-bottom: 60px; border: none; } .cms-footer10 #cms-footer-bottom { padding: 24px 0; border: none; } .cms-footer10 #cms-footer-bottom a { color: #1151d3 !important; } .cms-footer10 #cms-footer-bottom a:hover { color: #296aee !important; } 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, .cms-newsletter .tnp-field input:not(.tnp-submit) { background-color: #fff; color: #9b9b9b; font-size: 13px; padding: 8px 0; line-height: 22px; width: 100%; font-weight: 500; -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 */ /* BOX */ outline: none; border-style: solid; border-color: #dfdfdf; border-width: 0 0 2px 0; height: 50px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; font-weight: normal; } textarea { height: 112px; max-width: 100%; padding: 12px 0; } 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 { border-color: #1151d3; } input::-moz-placeholder, textarea::-moz-placeholder { color: #9b9b9b; opacity: 1; } input::-webkit-input-placeholder, textarea::-webkit-input-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; } .placeholder-white input::-moz-placeholder, .placeholder-white textarea::-moz-placeholder, .wpb_widgetised_column .tnp-field-email input::-moz-placeholder { color: #fff; opacity: 1; } .placeholder-white input::-webkit-input-placeholder, .placeholder-white textarea::-webkit-input-placeholder, .wpb_widgetised_column .tnp-field-email input::-webkit-input-placeholder { color: #fff; opacity: 1; } .placeholder-white input::-o-placeholder, .placeholder-white textarea::-o-placeholder, .wpb_widgetised_column .tnp-field-email input::-o-placeholder { color: #fff; opacity: 1; } .placeholder-white input::-ms-placeholder, .placeholder-white textarea::-ms-placeholder, .wpb_widgetised_column .tnp-field-email input::-ms-placeholder { color: #fff; opacity: 1; } .bb-contact-form input::-moz-placeholder, .bb-contact-form textarea::-moz-placeholder { color: #a5a5a5; opacity: 1; } .bb-contact-form input::-webkit-input-placeholder, .bb-contact-form textarea::-webkit-input-placeholder { color: #a5a5a5; opacity: 1; } .bb-contact-form input::-o-placeholder, .bb-contact-form textarea::-o-placeholder { color: #a5a5a5; opacity: 1; } .bb-contact-form input::-ms-placeholder, .bb-contact-form textarea::-ms-placeholder { color: #a5a5a5; opacity: 1; } .wpcf7-form .wpcf7-menu { background-color: #fff; display: block; } .wpcf7-form .wpcf7-menu:before { content: "\f107"; font-family: FontAwesome; font-size: 20px; position: absolute; right: 18px; 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 */ } .wpcf7-form .wpcf7-menu select { background-color: transparent; -webkit-appearance: none; -khtml-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; position: relative; z-index: 99; } .wpcf7-form .wpcf7-menu select option { padding: 5px; } .wpcf7-form .ajax-loader { display: none !important; } .wpcf7-form .wpcf7-form-control.wpcf7-textarea { height: 100px; } .wpcf7-form .wpcf7-form-control:not(.wpcf7-submit) { background-color: transparent; } .wpcf7-form .wpcf7-form-control.wpcf7-not-valid { border-color: #dc0000 !important; } .wpcf7-form .row div[class*="col-"]:not(.rm-margin) { margin-bottom: 32px; } .wpcf7-form .wpcf7-submit { margin-top: 14px; } .wpcf7-form .rm-margin .wpcf7-form-control { margin-top: 0; } .form-dark .wpcf7-form .wpcf7-form-control:not(.wpcf7-submit) { border-color: #2f2f2f; } .form-dark .wpcf7-form .wpcf7-form-control:not(.wpcf7-submit):focus { border-color: #1151d3; } body span.wpcf7-not-valid-tip { color: #dc0000; font-size: 12px; margin-top: 15px; font-style: italic; display: none; } body div.wpcf7-validation-errors { border: medium none; color: #dc0000; display: block; margin: 30px 0; padding: 0; font-size: 14px; font-style: italic; } body .contact-style-outline + div.wpcf7-validation-errors { text-align: center; } .cms-field-checkbox { position: relative; padding-left: 27px; } .cms-field-checkbox [type="checkbox"], .cms-field-checkbox .icon-check, .cms-field-checkbox .icon-check:before { height: 17px; width: 17px; line-height: 17px; text-align: center; display: block; position: absolute; top: 3px; left: 0; } .cms-field-checkbox .icon-check { border: 1px solid #e1e3e3; -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 */ /* BOX */ z-index: 1; } .cms-field-checkbox .icon-check:before { content: "\f00c"; color: #1151d3; font-size: 13px; font-family: FontAwesome; z-index: 1; opacity: 0; top: -1px; left: -1px; } .cms-field-checkbox [type="checkbox"] { opacity: 0; z-index: 2; cursor: pointer; margin: 0; } .cms-field-checkbox [type="checkbox"]:checked + .icon-check:before { opacity: 1; } .cms-field-checkbox label { margin-bottom: 0; } .cms-newsletter .cms-newsletter-inner .tnp-field { margin-bottom: 32px; } .cms-newsletter .cms-newsletter-inner .tnp-field input { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important; -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important; -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important; box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important; } .cms-newsletter .cms-newsletter-inner .tnp-field label { display: none; } .cms-newsletter .cms-newsletter-inner .tnp-field input:not(.tnp-submit):focus { border-color: #1151d3; } .cms-newsletter .cms-newsletter-inner .tnp-field.tnp-field-button { margin-bottom: 0; padding-top: 18px; } .cms-newsletter .cms-newsletter-inner .tnp-field.tnp-field-button .tnp-submit { display: block; width: 100%; -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 */ /* BOX */ background-color: #1151d3; border-color: #1151d3; } .cms-newsletter .cms-newsletter-inner .tnp-field.tnp-field-button .tnp-submit:hover { background-color: #282828; border-color: #282828; } .wpcf7-form .contact-style-outline .wpcf7-form-control:not(.wpcf7-submit) { border: 1px solid #2f2f2f; padding-left: 18px; padding-right: 18px; } .wpcf7-form .contact-style-outline .wpcf7-form-control:not(.wpcf7-submit):focus { border-color: #1151d3; } .wpcf7-form .contact-style-outline .wpcf7-submit { margin-top: 0; display: inline-block; max-width: 370px; margin: auto; -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 */ /* BOX */ } .wpcf7-form .contact-style-outline .wpcf7-submit:hover { background-color: transparent; color: #1151d3; border-color: #1151d3; } .wpcf7-form .contact-style-outline-gray .wpcf7-form-control:not(.wpcf7-submit) { border: 1px solid #dfdfdf; padding-left: 18px; padding-right: 18px; } .wpcf7-form .contact-style-outline-gray .wpcf7-form-control:not(.wpcf7-submit):focus { border-color: #1151d3; } .wpcf7-form .wd-contact-form { background-color: #fff; padding: 70px 70px 47px; -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 */ /* BOX */ position: relative; } .wpcf7-form .wd-contact-form:before { content: ""; position: absolute; top: 15px; right: 15px; bottom: 15px; left: 15px; border: 1px dashed #1151d3; } .wpcf7-form .wd-contact-form .wpcf7-form-control:not(.wpcf7-submit) { border: 1px solid #ececec; -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 */ /* BOX */ padding-left: 18px; padding-right: 18px; font-style: italic; } .wpcf7-form .wd-contact-form .wpcf7-form-control:not(.wpcf7-submit):focus { border-color: #1151d3; } .wpcf7-form .wd-contact-form .wpcf7-submit { text-transform: none; font-style: italic; } .wpcf7-form { /* ========================================================================== [End] All Style Form ========================================================================== */ } .wpcf7-form .bb-contact-form .wpcf7-form-control:not(.wpcf7-submit), .wpcf7-form .request-form .wpcf7-form-control:not(.wpcf7-submit), .wpcf7-form .wpcf7-outline .wpcf7-form-control:not(.wpcf7-submit) { border: 2px solid #dfdfdf; -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 */ /* BOX */ padding-left: 18px; padding-right: 18px; color: #a5a5a5; font-weight: 800; text-transform: uppercase; } .wpcf7-form .bb-contact-form .wpcf7-form-control:not(.wpcf7-submit):focus, .wpcf7-form .request-form .wpcf7-form-control:not(.wpcf7-submit):focus, .wpcf7-form .wpcf7-outline .wpcf7-form-control:not(.wpcf7-submit):focus { border-color: #1151d3; } .wpcf7-form .request-form { background-color: #fff; padding: 100px 100px 70px 100px; } .wpcf7-form .request-form > .row > .col-xs-12 { margin: 0 !important; } .wpcf7-form .request-form .wpcf7-submit { border: medium none; line-height: 132px; margin: 0; } .wpcf7-form .request-form + .wpcf7-validation-errors { display: none !important; } @media screen and (max-width: 767px) { .wpcf7-form .request-form { padding: 30px 30px 0px 30px; } } body { overflow-x: hidden; font-family: 'Raleway', sans-serif; letter-spacing: 0; color: #9b9b9b; font-size: 14px; line-height: 23px; letter-spacing: 0; } body.menu-popup-active { height: 100%; overflow: hidden; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } img.aligncenter { margin: 5px auto; } .bypostauthor { opacity: 1; } .sticky { opacity: 1; } .alignleft { float: left; } img.alignleft { margin: 5px 30px 15px 0; } .alignright { float: right; } img.alignright { margin-left: 15px; margin-bottom: 20px; } .wp-caption { opacity: 1; } .wp-caption.alignnone { width: 100% !important; } .bg-primary { background-color: #1151d3; } .row-box-shadow { -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25); -ms-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25); box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25); position: relative; z-index: 99; bottom: -50px; } .text-center { text-align: center; } .text-right { text-align: right; } .media-left img { max-width: inherit; } .wp-caption-text { opacity: 1; } .gallery-caption { opacity: 1; } .left { float: left; } .right { float: right; } .text-upper { text-transform: uppercase; } .text-shadow-dark { -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); -ms-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); } .fs-i { font-style: italic; } .block { display: block; } a { -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; color: #1151d3; } a:hover, a:focus { color: #406fcd; } a, a:hover, a:focus, a:before, a:after { outline: none; text-decoration: none; } .title-link a { text-decoration: underline !important; } .color-white { color: #fff; } .text-italic { font-style: italic; } h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; line-height: 1.1; color: #282828; font-weight: 700; } h1 { font-size: 52px; } h2 { font-size: 42px; } h3 { font-size: 38px; } h4 { font-size: 32px; } h5 { font-size: 24px; } h6 { font-size: 20px; } ul { padding: 0; margin: 0; list-style: none; } p { margin: 0 0 15px; } img { height: auto; max-width: 100%; } .hide-image img { display: none; } .w40 { float: left; width: 40%; } .w50 { float: left; width: 50%; } .w60 { float: left; width: 60%; } .size_big { font-size: 64px; } .size_small { font-size: 26px; } body .wpb_content_element, body .wpb_button { margin-bottom: 0; } .entry-content > .vc_row-fluid { position: relative; } .entry-content > .wpb_row .wpb_row { margin-left: -15px; margin-right: -15px; } .entry-content > .wpb_row.vc_row-no-padding .wpb_row { margin-left: 0; margin-right: 0; } .entry-content > .wpb_row .padding-30 .wpb_row { margin-left: 0; margin-right: 0; } .vc_row-fluid .container .container, .vc_row-fluid .vc_row-fluid .container { width: 100%; } .media-body { width: inherit; } .thin { font-weight: 300; } .well { border: medium none; border-radius: 0; box-shadow: none; } .dark { color: #282828; } .dark2 { color: #2f2f2f; } .color-primary { color: #1151d3; } .color-secondary { color: #222 !important; } .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 */ /* BOX */ } .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 */ /* BOX */ } .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 */ /* BOX */ } .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 */ /* BOX */ } .z-index-1 { z-index: 1; } .z-index-2 { z-index: 2; } .zmdi { vertical-align: middle; } .lt0 { letter-spacing: 0 !important; } .lt-20 { letter-spacing: -0.02em !important; } .lt20 { letter-spacing: 0.02em !important; } .lt35 { letter-spacing: 0.035em !important; } .abs { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #bg-position-bottom { background-position: center bottom; } .box-shadow.wpb_column > .vc_column-inner { -webkit-border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; /* BACKGROUND GRADIENT */ /* BOX */ -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); /* ================> Unit Test */ } 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 */ /* BOX */ } 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; /*--- Definition Lists ---*/ } dl { margin: 0 0 0 25px; } dl dt { font-weight: normal; line-height: 26px; text-transform: uppercase; font-weight: 700; color: #282828; } dl dd { line-height: normal; margin-bottom: 20px; } dl dd a { color: #1151d3; } dl dd a:hover { color: ; } 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: #1151d3; } pre { background: #f5f5f5; color: #666; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre-wrap; word-wrap: break-word; } #maps { overflow: visible !important; } .woocommerce ins { background-color: transparent; } .entry-content-inner ul { padding: 0 0 0 35px; list-style-type: square; } .entry-content-inner ul.list-style-check { list-style: none; padding: 0; } 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: #1151d3; } dl + h2 + ul li ul { padding-left: 35px; } .ft-main, .cms-paging-navigation .page-numbers, blockquote cite, .wpb_wrapper .vc_pie_chart .vc_pie_wrapper .vc_pie_chart_value, .cms-grid-shop .cshero-product-category, .cms-grid-shop .price .amount, h1, h2, h3, h4, h5, h6, .cms-video-popup-wrapper .cms-button-video.btn-video-text span, .cms-search-wrap .cms-search-inner .search-form input[type="text"], #sidebar .widget_products ul li .amount, .wpb_widgetised_column .widget_products ul li .amount, #sidebar .widget_products ul li ins .amount, .wpb_widgetised_column .widget_products ul li ins .amount, .widget_recent_entries li span, #cms-theme.woocommerce .woocommerce-pagination ul li .page-numbers, #cms-theme.woocommerce-page .woocommerce-pagination ul li .page-numbers, #cms-theme .woocommerce .woocommerce-pagination ul li .page-numbers, #cms-theme.woocommerce .woo-nav-links ul li .page-numbers, #cms-theme.woocommerce-page .woo-nav-links ul li .page-numbers, #cms-theme .woocommerce .woo-nav-links ul li .page-numbers, #cms-theme.woocommerce .product .price .amount, #cms-theme.woocommerce-page .product .price .amount, #cms-theme .woocommerce .product .price .amount, #cms-theme.woocommerce-cart .cms-shop-table td .woocommerce-Price-amount, #cms-theme .cshero-product-category { font-family: "Poppins", serif; } .ft-main-m { font-family: "Poppins", serif; font-weight: 500; } .ft-main-sb { font-family: "Poppins", serif; font-weight: 600; } .ft-main-b { font-family: "Poppins", serif; font-weight: 500; } .image-fixed-top-left { left: 30px; position: absolute; top: 30px; } .image-fixed-top-right { right: 30px; position: absolute; top: 30px; } .row-box, .row-box-two { -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 */ /* BOX */ -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); overflow: hidden; background-color: #fff; } .row-visible { overflow: visible !important; } .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 */ /* BOX */ } .br-2px 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 */ /* BOX */ } #cms-header-wrapper .cms-navigation-right .cms-header-social .social-label { display: none; } #cms-header-wrapper .cms-header-social { display: inline-block; } #cms-header-wrapper .cms-header-social li { display: inline-block; } #cms-header-wrapper .cms-header-social li + li { padding-left: 16px; } #cms-header-wrapper .cms-header-social li a { font-size: 16px; color: #282828; } #cms-header-wrapper .cms-header-social li a:hover { color: #1151d3; } #cms-header-wrapper .cms-header-social + .h-nav-button { margin-left: 26px; } #cms-header-wrapper #cms-header-topbar { padding: 13px 0; } #cms-header-wrapper #cms-header-topbar .cms-header-contact-top li { display: inline-block; font-size: 12px; color: #cecece; } #cms-header-wrapper #cms-header-topbar .cms-header-contact-top li i { font-size: 14px; padding-right: 6px; } #cms-header-wrapper #cms-header-topbar .cms-header-contact-top li + li { padding-left: 18px; } #cms-header-wrapper #cms-header-topbar .cms-header-contact-top li a { color: #cecece; } #cms-header-wrapper #cms-header-topbar .cms-header-contact-top li a:hover { color: #1151d3; } #cms-header-wrapper #cms-header-topbar .cms-header-social li a { font-size: 14px; } #cms-header-wrapper #cms-header-topbar .cms-header-social .social-label { font-size: 12px; color: #cecece; } #cms-header-wrapper #cms-header-topbar.topbar-trans { position: absolute; top: 0; left: 0; right: 0; z-index: 999; } #cms-header-wrapper #cms-header-topbar.topbar-trans.is_overlay { background-color: rgba(40, 40, 40, 0.2); } #cms-header-wrapper #cms-header-topbar.topbar-trans.is_border { border-bottom: 1px solid rgba(255, 255, 255, 0.15); } #cms-header-wrapper #cms-header-topbar.topbar-trans .cms-header-social li a { color: #fff; } #cms-header-wrapper #cms-header-topbar.topbar-trans .cms-header-social li a:hover { color: #1151d3; } #cms-header-wrapper #cms-header-topbar.topbar-dark { background-color: #282828; } #cms-header-wrapper #cms-header-topbar.topbar-dark .cms-header-social li a { color: #fff; } #cms-header-wrapper #cms-header-topbar.topbar-dark .cms-header-social li a:hover { color: #1151d3; } #cms-header-wrapper #cms-header-topbar.topbar-dark .cms-header-social .social-label { color: #cecece; } #cms-header-wrapper #cms-header-topbar.topbar-light { border-bottom: 1px solid #eaeaea; } #cms-header-wrapper #cms-header-topbar.topbar-light .cms-header-social .social-label { color: #a5a5a5; } #cms-header-wrapper #cms-header-topbar.topbar-light .cms-header-contact-top li { color: #a5a5a5; } #cms-header-wrapper #cms-header-topbar.topbar-light .cms-header-contact-top li a { color: #a5a5a5; } #cms-header-wrapper #cms-header-topbar.topbar-light .cms-header-contact-top li a:hover { color: #1151d3; } #cms-header-wrapper #cms-header-logo a { display: block; line-height: 100px; } #cms-header-wrapper #cms-header-logo a img { max-height: 53px; } #cms-header-wrapper .btn-nav { border: 2px solid #282828; border-radius: 40px; color: #282828; display: inline; font-size: 13px; font-weight: 800; padding: 9px 20px; text-transform: uppercase; 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; } #cms-header-wrapper .btn-nav:hover { background-color: #1151d3; border-color: #1151d3; color: #fff; } #cms-header-wrapper .btn-nav-text { color: #282828; display: inline; font-size: 13px; font-weight: 800; text-transform: uppercase; 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; } #cms-header-wrapper .btn-nav-text:hover { color: #1151d3; } #cms-header-wrapper .cms-header-contact-top.type-media .header-contact-item { display: inline-block; position: relative; } #cms-header-wrapper .cms-header-contact-top.type-media .header-contact-item i { position: absolute; font-size: 32px; color: #1151d3; left: 0; 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 */ } #cms-header-wrapper .cms-header-contact-top.type-media .header-contact-item + .header-contact-item { margin-left: 38px; } #cms-header-wrapper .cms-header-contact-top.type-media .header-contact-holder { padding-left: 48px; text-align: left; line-height: 20px; } #cms-header-wrapper .cms-header-contact-top.type-media .header-contact-holder span { display: block; color: #a5a5a5; font-size: 12px; } #cms-header-wrapper .cms-header-contact-top.type-media .header-contact-holder a { color: #282828; font-size: 13px; font-weight: 700; } #cms-header-wrapper .cms-header-contact-top.type-media .header-contact-holder a:hover { color: #1151d3; } #cms-header-wrapper .cms-header-contact-top.type-media .header-contact-holder.ft-small span { line-height: 22px; } .nav-button-white #cms-header-wrapper .btn-nav, .nav-button-white2 #cms-header-wrapper .btn-nav { background-color: #222; border-color: #222; color: #fff; -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 */ /* BOX */ } .nav-button-white #cms-header-wrapper .btn-nav:hover, .nav-button-white2 #cms-header-wrapper .btn-nav:hover { border-color: #1151d3; background-color: #1151d3; } .nav-button-white #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .btn-nav { background-color: #fff; border-color: #fff; color: #222; } .nav-button-white #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .btn-nav:hover { border-color: #1151d3; background-color: #1151d3; color: #fff; } .nav-button-white2 #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .btn-nav { background-color: #fff; border-color: #fff; color: #222; } .nav-button-white2 #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .btn-nav:hover { border-color: #222; background-color: #222; color: #fff; } .nav-button-outline-primary #cms-header-wrapper .btn-nav { border-color: #1151d3; color: #1151d3; } .nav-button-outline-primary #cms-header-wrapper .btn-nav:hover { color: #fff; background-color: #1151d3; } .nav-button-primary #cms-header-wrapper .btn-nav, .nav-button-primary-outline #cms-header-wrapper .btn-nav { background-color: #1151d3; border-color: #1151d3; 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 */ /* BOX */ } .nav-button-primary #cms-header-wrapper .btn-nav:hover, .nav-button-primary-outline #cms-header-wrapper .btn-nav:hover { border-color: #282828; background-color: #282828; } .nav-button-primary #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .btn-nav, .nav-button-primary-outline #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .btn-nav { background-color: #1151d3; border-color: #1151d3; color: #fff; } .nav-button-primary #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .btn-nav:hover, .nav-button-primary-outline #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .btn-nav:hover { border-color: #fff; background-color: #fff; color: #1151d3; } body.nav-button-primary-outline #cms-header-wrapper .btn-nav:hover { border-color: #1151d3; background-color: transparent; color: #1151d3; /* Header Menu Left */ } #cshero-header-left { width: 270px !important; background-color: #222; position: fixed; top: 0; left: 0; z-index: 1001; height: 100vh; padding: 30px; } #cshero-header-left #cshero-header-left-wrapper { display: table; height: 100%; min-height: 100%; width: 100%; } #cshero-header-left #cshero-header-left-navigation { width: 100% !important; display: table-row; height: 100%; } #cshero-header-left #cshero-header-left-navigation .cshero-header-left-navigation-inner { padding: 60px 0; display: table-cell; vertical-align: middle; } #cshero-header-left #cshero-header-left-logo { display: table-row; } #cshero-header-left #cshero-header-left-logo .main-logo img { max-height: 53px; } #cshero-header-left #cshero-header-left-logo .sticky-logo { display: none; } #cshero-header-left .menu-main-menu > li { border-bottom: 1px solid #2b2b2b; } #cshero-header-left .menu-main-menu > li:last-child { border-bottom: none; } #cshero-header-left .menu-main-menu > li > a { font-size: 13px; line-height: 1; color: #fff; display: block; text-transform: uppercase; font-weight: 800; padding: 13px 0; } #cshero-header-left .menu-main-menu > li .sub-menu { display: none; width: 100% !important; } #cshero-header-left .menu-main-menu > li .sub-menu li { line-height: 1; border-top: 1px solid #2b2b2b; padding: 0 8px; } #cshero-header-left .menu-main-menu > li .sub-menu li a { color: #7f7f7f; font-size: 13px; display: block; padding: 13px 0; } #cshero-header-left .menu-main-menu > li .sub-menu li a i { padding-right: 6px; } #cshero-header-left .menu-main-menu > li .sub-menu li.current-menu-ancestor > a, #cshero-header-left .menu-main-menu > li .sub-menu li.current-page-parent > a, #cshero-header-left .menu-main-menu > li .sub-menu li.current-menu-parent > a, #cshero-header-left .menu-main-menu > li .sub-menu li.current-menu-item > a, #cshero-header-left .menu-main-menu > li .sub-menu li > a:hover { color: #fff; } #cshero-header-left .menu-main-menu > li .sub-menu.submenu-open + .cs-menu-toggle:before { display: none; } #cshero-header-left .menu-main-menu li { position: relative; } #cshero-header-left .menu-main-menu li .cs-menu-toggle { opacity: 0; } #cshero-header-left .menu-main-menu li:hover .cs-menu-toggle { opacity: 1; } #cshero-header-left #cshero-header-social { display: table-row; padding: 30px 0; } #cshero-header-left #cshero-header-social ul li { display: inline-block; } #cshero-header-left #cshero-header-social ul li + li { padding-left: 16px; } #cshero-header-left #cshero-header-social ul li a { color: #fff; font-size: 18px; } #cshero-header-left #cshero-header-social ul li a:hover { color: #1151d3; } #cshero-header-left #cshero-header-social .cms-copyright { color: #9b9b9b; font-size: 12px; padding-top: 10px; } #cshero-header-left #cshero-header-social .cms-copyright a { color: #cecece; } #cshero-header-left #cshero-header-social .cms-copyright a:hover { color: #1151d3; } .admin-bar #cshero-header-left { padding-top: 62px; } @media (max-width: 1200px) { #cms-header-wrapper #cms-header > .container { width: 100%; padding: 0 30px; } } @media (min-width: 992px) { #cms-header-social { line-height: 100px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .header-fixed #cms-header-social { line-height: 80px; } body.header-28 { margin-left: 270px; } body.header-28 .enscroll-track { display: none !important; } body.header-28 #cms-content > .container { width: 100%; padding: 0; } body.header-28 .entry-content > .vc_row { width: 100% !important; left: 0 !important; padding-left: 50px !important; padding-right: 50px !important; margin: 0; } body.header-28 .entry-content > .vc_row.vc_row-no-padding { padding-left: 0 !important; padding-right: 0 !important; } body.header-28 .site-footer { padding: 0 35px; } body.header-28 .site-footer #cms-footer-top > .container, body.header-28 .site-footer #cms-footer-bottom > .container { width: 100%; } .slider-primary #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .btn-nav:hover { border-color: #fff; background-color: #fff; color: #1151d3; } .slider-primary #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .btn-nav-text:hover { color: #fff !important; opacity: 0.8; } .slider-primary #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .cms-navigation-right .h-icon .h-button-nav:hover span, .slider-primary #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .cms-navigation-right .h-icon .h-button-hide:hover span, .slider-primary #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .cms-navigation-right .h-icon .h-button-nav:hover:before, .slider-primary #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .cms-navigation-right .h-icon .h-button-hide:hover:before, .slider-primary #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .cms-navigation-right .h-icon .h-button-nav:hover:after, .slider-primary #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .cms-navigation-right .h-icon .h-button-hide:hover:after { background-color: #fff; opacity: 0.8; } .slider-primary #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .cms-navigation-right .h-icon i { color: #fff; } .slider-primary #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .cms-navigation-right .h-icon i:hover { color: rgba(255, 255, 255, 0.8); } #cms-header-wrapper #cms-header { position: relative; } #cms-header-wrapper #cms-header.header-animation { -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #cms-header-wrapper #cms-header #cms-header-logo a { line-height: 100px; } #cms-header-wrapper #cms-header #cms-header-logo a.sticky-logo { position: absolute; top: 0; left: 0; right: 0; opacity: 0; padding: 0 15px; } #cms-header-wrapper #cms-header .cms-navigation-right { line-height: 100px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; float: right; position: relative; padding-left: 17px; } #cms-header-wrapper #cms-header .cms-navigation-right .widget-search-header { display: none; } #cms-header-wrapper #cms-header .cms-navigation-right .h-button-menu { background-color: #282828; cursor: pointer; } #cms-header-wrapper #cms-header .cms-navigation-right .h-button-menu:hover { background-color: #1151d3; } #cms-header-wrapper #cms-header .cms-navigation-right .h-button-menu.cms-modal-close { background-color: #1151d3; opacity: 0; position: absolute; right: 0; 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 */ visibility: hidden; } #cms-header-wrapper #cms-header .cms-navigation-right .h-button-menu.cms-modal-close:hover { background-color: #282828; } #cms-header-wrapper #cms-header .cms-navigation-right .h-menu-social .social-top li { display: inline-block; } #cms-header-wrapper #cms-header .cms-navigation-right .h-menu-social .social-top li a i { font-size: 14px; } #cms-header-wrapper #cms-header .cms-navigation-right .h-menu-social .social-top li + li { margin-left: 20px; } #cms-header-wrapper #cms-header .cms-navigation-right .h-icon { display: inline-block; } #cms-header-wrapper #cms-header .cms-navigation-right .h-icon + .h-icon { padding-left: 16px; } #cms-header-wrapper #cms-header .cms-navigation-right .h-icon i { font-size: 16px; position: relative; top: -1px; color: #282828; 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; } #cms-header-wrapper #cms-header .cms-navigation-right .h-icon i:hover { color: #1151d3; } #cms-header-wrapper #cms-header .cms-navigation-right .h-icon .h-button-hide, #cms-header-wrapper #cms-header .cms-navigation-right .h-icon .h-button-nav { height: 12px; width: 16px; display: inline-block; position: relative; cursor: pointer; } #cms-header-wrapper #cms-header .cms-navigation-right .h-icon .h-button-hide span, #cms-header-wrapper #cms-header .cms-navigation-right .h-icon .h-button-nav span { display: inline-block; height: 2px; width: 16px; background-color: #282828; position: absolute; top: 5px; left: 0; right: 0; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #cms-header-wrapper #cms-header .cms-navigation-right .h-icon .h-button-hide:before, #cms-header-wrapper #cms-header .cms-navigation-right .h-icon .h-button-nav:before, #cms-header-wrapper #cms-header .cms-navigation-right .h-icon .h-button-hide:after, #cms-header-wrapper #cms-header .cms-navigation-right .h-icon .h-button-nav:after { content: ""; height: 2px; width: 16px; background-color: #282828; position: absolute; left: 0; right: 0; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #cms-header-wrapper #cms-header .cms-navigation-right .h-icon .h-button-hide:before, #cms-header-wrapper #cms-header .cms-navigation-right .h-icon .h-button-nav:before { top: 0; } #cms-header-wrapper #cms-header .cms-navigation-right .h-icon .h-button-hide:after, #cms-header-wrapper #cms-header .cms-navigation-right .h-icon .h-button-nav:after { bottom: 0; } #cms-header-wrapper #cms-header .cms-navigation-right .h-icon .h-button-hide:hover span, #cms-header-wrapper #cms-header .cms-navigation-right .h-icon .h-button-nav:hover span, #cms-header-wrapper #cms-header .cms-navigation-right .h-icon .h-button-hide:hover:before, #cms-header-wrapper #cms-header .cms-navigation-right .h-icon .h-button-nav:hover:before, #cms-header-wrapper #cms-header .cms-navigation-right .h-icon .h-button-hide:hover:after, #cms-header-wrapper #cms-header .cms-navigation-right .h-icon .h-button-nav:hover:after { background-color: #1151d3; } #cms-header-wrapper #cms-header .cms-navigation-right .h-icon .icon-cart { position: relative; line-height: normal; cursor: pointer; } #cms-header-wrapper #cms-header .cms-navigation-right .h-icon .icon-cart .couter_items { -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 */ /* BOX */ background-color: #1151d3; color: #fff; font-size: 10px; height: 16px; line-height: 15px; position: absolute; right: -10px; text-align: center; top: -13px; width: 16px; 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; } #cms-header-wrapper #cms-header .cms-navigation-right .h-icon .icon-cart:hover .couter_items { opacity: 1; } #cms-header-wrapper #cms-header.header-fixed { background-color: #fff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09); left: 0; right: 0; position: fixed !important; margin-top: 0 !important; top: 0; width: 100%; z-index: 1001; } #cms-header-wrapper #cms-header.header-fixed.menu-hidden { -webkit-transform: translateY(-150px); -khtml-transform: translateY(-150px); -moz-transform: translateY(-150px); -ms-transform: translateY(-150px); -o-transform: translateY(-150px); transform: translateY(-150px); /* BACKGROUND GRADIENT */ } #cms-header-wrapper #cms-header.header-fixed.menu-show { -webkit-transform: translateY(0px); -khtml-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); /* BACKGROUND GRADIENT */ } #cms-header-wrapper #cms-header.header-fixed #cms-header-logo a.main-logo { opacity: 0; } #cms-header-wrapper #cms-header.header-fixed #cms-header-logo a.sticky-logo { opacity: 1; } #cms-header-wrapper #cms-header.header-fixed #cms-header-navigation .menu-main-menu > li > a, #cms-header-wrapper #cms-header.header-fixed #cms-header-logo a, #cms-header-wrapper #cms-header.header-fixed .cms-navigation-right { line-height: 80px; } #cms-header-wrapper.bg-trans { position: absolute; width: 100%; top: 0; z-index: 999; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #cms-header-wrapper.bg-trans #cms-header-top { background-color: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.15); } #cms-header-wrapper.bg-trans #cms-header-top .social-top li a { color: #fff; } #cms-header-wrapper.bg-trans #cms-header-top .social-top li a:hover { color: #1151d3; } #cms-header-wrapper.header-trans #cms-header { left: 0; right: 0; position: absolute; top: 0; width: 100%; z-index: 1001; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #cms-header-wrapper.header-trans.no-header-top.sticky-header #cms-header { position: fixed; } #cms-header-wrapper.header-trans.header-top #cms-header.header-fixed { top: 0 !important; } #cms-header-wrapper.header-white { background-color: #fff; } #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .cms-header-social li a { color: #fff; } #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .cms-header-social li a:hover { color: #1151d3; } #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .btn-nav { border-color: #fff; color: #fff; } #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .btn-nav:hover { background-color: #1151d3; border-color: #1151d3; } #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .btn-nav-text { color: #fff; } #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .btn-nav-text:hover { color: #1151d3; } #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .cms-header-navigation .main-navigation .menu-main-menu > li > a { color: #fff; } #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .cms-header-navigation .main-navigation .menu-main-menu > li > a .menu-title:before { background-color: #fff; } #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .cms-header-navigation .main-navigation .menu-main-menu > li > a.is-one-page .menu-title:before { background-color: transparent !important; } #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .cms-header-navigation .main-navigation .menu-main-menu > li > a.is-one-page:hover .menu-title:before, #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .cms-header-navigation .main-navigation .menu-main-menu > li > a.is-one-page.current .menu-title:before { background-color: #fff !important; } #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .cms-navigation-right .h-btn-reservation .btn-reservation { color: #fff; border-color: #fff; } #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .cms-navigation-right .h-btn-reservation .btn-reservation:hover { color: #fff; border-color: #1151d3; background-color: #1151d3; } #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .cms-navigation-right .h-icon i { color: #fff; } #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .cms-navigation-right .h-icon i:hover { color: #1151d3; } #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .cms-navigation-right .h-icon .h-button-hide span, #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .cms-navigation-right .h-icon .h-button-nav span, #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .cms-navigation-right .h-icon .h-button-hide:before, #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .cms-navigation-right .h-icon .h-button-nav:before, #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .cms-navigation-right .h-icon .h-button-hide:after, #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .cms-navigation-right .h-icon .h-button-nav:after { background-color: #fff; } #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .cms-navigation-right .h-icon .h-button-hide:hover span, #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .cms-navigation-right .h-icon .h-button-nav:hover span, #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .cms-navigation-right .h-icon .h-button-hide:hover:before, #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .cms-navigation-right .h-icon .h-button-nav:hover:before, #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .cms-navigation-right .h-icon .h-button-hide:hover:after, #cms-header-wrapper.header-nav-white #cms-header:not(.header-fixed) .cms-navigation-right .h-icon .h-button-nav:hover:after { background-color: #1151d3; } #cms-header-wrapper.header-nav-white.header-line #cms-header:not(.header-fixed) { border-bottom: 1px solid rgba(255, 255, 255, 0.15); } #cms-header-wrapper.header-nav-white-bg #cms-header .cms-header-social li a { color: #fff; } #cms-header-wrapper.header-nav-white-bg #cms-header .cms-header-social li a:hover { color: #1151d3; } #cms-header-wrapper.header-nav-white-bg #cms-header .btn-nav { border-color: #fff; color: #fff; } #cms-header-wrapper.header-nav-white-bg #cms-header .btn-nav:hover { background-color: #1151d3; border-color: #1151d3; } #cms-header-wrapper.header-nav-white-bg #cms-header .btn-nav-text { color: #fff; } #cms-header-wrapper.header-nav-white-bg #cms-header .btn-nav-text:hover { color: #1151d3; } #cms-header-wrapper.header-nav-white-bg #cms-header .cms-header-navigation .main-navigation .menu-main-menu > li > a { color: #fff; } #cms-header-wrapper.header-nav-white-bg #cms-header .cms-header-navigation .main-navigation .menu-main-menu > li > a .menu-title:before { background-color: #fff; } #cms-header-wrapper.header-nav-white-bg #cms-header .cms-header-navigation .main-navigation .menu-main-menu > li > a.is-one-page .menu-title:before { background-color: transparent !important; } #cms-header-wrapper.header-nav-white-bg #cms-header .cms-header-navigation .main-navigation .menu-main-menu > li > a.is-one-page:hover .menu-title:before, #cms-header-wrapper.header-nav-white-bg #cms-header .cms-header-navigation .main-navigation .menu-main-menu > li > a.is-one-page.current .menu-title:before { background-color: #fff !important; } #cms-header-wrapper.header-nav-white-bg #cms-header .cms-navigation-right .h-btn-reservation .btn-reservation { color: #fff; border-color: #fff; } #cms-header-wrapper.header-nav-white-bg #cms-header .cms-navigation-right .h-btn-reservation .btn-reservation:hover { color: #fff; border-color: #1151d3; background-color: #1151d3; } #cms-header-wrapper.header-nav-white-bg #cms-header .cms-navigation-right .h-icon i { color: #fff; } #cms-header-wrapper.header-nav-white-bg #cms-header .cms-navigation-right .h-icon i:hover { color: #1151d3; } #cms-header-wrapper.header-nav-white-bg #cms-header .cms-navigation-right .h-icon .h-button-hide span, #cms-header-wrapper.header-nav-white-bg #cms-header .cms-navigation-right .h-icon .h-button-nav span, #cms-header-wrapper.header-nav-white-bg #cms-header .cms-navigation-right .h-icon .h-button-hide:before, #cms-header-wrapper.header-nav-white-bg #cms-header .cms-navigation-right .h-icon .h-button-nav:before, #cms-header-wrapper.header-nav-white-bg #cms-header .cms-navigation-right .h-icon .h-button-hide:after, #cms-header-wrapper.header-nav-white-bg #cms-header .cms-navigation-right .h-icon .h-button-nav:after { background-color: #fff; } #cms-header-wrapper.header-nav-white-bg #cms-header .cms-navigation-right .h-icon .h-button-hide:hover span, #cms-header-wrapper.header-nav-white-bg #cms-header .cms-navigation-right .h-icon .h-button-nav:hover span, #cms-header-wrapper.header-nav-white-bg #cms-header .cms-navigation-right .h-icon .h-button-hide:hover:before, #cms-header-wrapper.header-nav-white-bg #cms-header .cms-navigation-right .h-icon .h-button-nav:hover:before, #cms-header-wrapper.header-nav-white-bg #cms-header .cms-navigation-right .h-icon .h-button-hide:hover:after, #cms-header-wrapper.header-nav-white-bg #cms-header .cms-navigation-right .h-icon .h-button-nav:hover:after { background-color: #1151d3; } #cms-header-wrapper.header-nav-white-bg #cms-header.header-fixed { background-color: #222; } #cms-header-wrapper.header-nav-white-bg #cms-header.header-fixed #magic-line span { background-color: #fff; } #cms-header-wrapper.header-nav-white-bg #cms-header.header-fixed .cms-navigation-right .h-search-wrapper { border-color: rgba(255, 255, 255, 0.05) !important; } #cms-header-wrapper.header-nav-white-bg.header-line #cms-header:not(.header-fixed) { border-bottom: 1px solid rgba(255, 255, 255, 0.15); } #cms-header-wrapper.header-nav-center #cms-header .cms-navigation-right { text-align: right; } #cms-header-wrapper.header-nav-center #cms-header .cms-header-navigation .main-navigation { text-align: center; } #cms-header-wrapper.header-logo-center #cms-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 */ width: 100%; z-index: 99; } #cms-header-wrapper.header-logo-center #cms-header-navigation-left { float: left; width: 38%; } #cms-header-wrapper.header-logo-center #cms-header-navigation-left .main-navigation { text-align: left; } #cms-header-wrapper.header-logo-center #cms-header-navigation-left .main-navigation .nav-menu > li:first-child { padding-left: 0; } #cms-header-wrapper.header-logo-center #cms-header-navigation-right { float: right; text-align: right; width: 38%; } #cms-header-wrapper.header-logo-center #cms-header:not(.header-fixed) #cms-header-logo a, #cms-header-wrapper.header-logo-center #cms-header:not(.header-fixed) .cms-header-navigation .main-navigation .menu-main-menu > li > a { line-height: 140px; } #cms-header-wrapper.header-logo-center .cms-header-navigation .main-navigation .menu-main-menu > li > a { font-size: 14px; font-weight: normal; text-transform: capitalize; } #cms-header-wrapper.header-logo-center .cms-header-navigation .main-navigation .menu-main-menu > li.current-menu-ancestor > a, #cms-header-wrapper.header-logo-center .cms-header-navigation .main-navigation .menu-main-menu > li.current-menu-parent > a, #cms-header-wrapper.header-logo-center .cms-header-navigation .main-navigation .menu-main-menu > li.current-menu-item > a, #cms-header-wrapper.header-logo-center .cms-header-navigation .main-navigation .menu-main-menu > li:hover > a { color: #1151d3 !important; } #cms-header-wrapper.header-logo-center #magic-line { display: none !important; } #cms-header-wrapper.header-full-width #cms-header > .container, #cms-header-wrapper.header-20 #cms-header > .container, #cms-header-wrapper.header-full-width #cms-header-topbar > .container, #cms-header-wrapper.header-20 #cms-header-topbar > .container { width: 100%; padding: 0 50px; } #cms-header-wrapper.header-white.header-line #cms-header:not(.header-fixed) { border-bottom: 1px solid rgba(51, 51, 51, 0.1); /* Header Version */ } #cms-header-wrapper.header-1 #cms-header .cms-navigation-right .h-search-wrapper { border-left: 1px solid rgba(255, 255, 255, 0.15); margin-left: 26px; padding-left: 28px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #cms-header-wrapper.header-1 #cms-header.header-fixed .cms-navigation-right .h-search-wrapper { border-color: rgba(51, 51, 51, 0.10); } #cms-header-wrapper.header-1.header-white #cms-header .cms-navigation-right .h-search-wrapper { border-left: 1px solid rgba(51, 51, 51, 0.10); } #cms-header-wrapper.header-3 #cms-header #cms-header-logo { position: relative; z-index: 1; } #cms-header-wrapper.header-3 #cms-header #cms-header-logo .main-logo, #cms-header-wrapper.header-3 #cms-header #cms-header-logo .sticky-logo { display: inline-block; padding-right: 23px; } #cms-header-wrapper.header-3 #cms-header #cms-header-logo .main-logo { border-right: 1px solid rgba(255, 255, 255, 0.15); } #cms-header-wrapper.header-3 #cms-header #cms-header-logo .sticky-logo { border-right: 1px solid rgba(51, 51, 51, 0.10); } #cms-header-wrapper.header-3 #cms-header .cms-navigation-right { border-left: 1px solid rgba(255, 255, 255, 0.15); padding-left: 30px; z-index: 1; } #cms-header-wrapper.header-3 #cms-header .cms-navigation-left { left: 0; margin: auto; position: absolute; right: 0; text-align: center; top: 0; } #cms-header-wrapper.header-3 #cms-header.header-fixed #cms-header-logo a.sticky-logo { right: inherit; } #cms-header-wrapper.header-3 #cms-header.header-fixed .cms-navigation-right { border-color: rgba(51, 51, 51, 0.10); } #cms-header-wrapper.header-3.header-white #cms-header #cms-header-logo .main-logo, #cms-header-wrapper.header-3.header-white #cms-header .cms-navigation-right { border-color: rgba(51, 51, 51, 0.10); } #cms-header-wrapper.header-4 #cms-header .cms-navigation-right { border-left: 1px solid rgba(255, 255, 255, 0.15); padding-left: 30px; margin-left: 17px; } #cms-header-wrapper.header-4 #cms-header.header-fixed .cms-navigation-right { border-color: rgba(51, 51, 51, 0.10); } #cms-header-wrapper.header-4.header-white #cms-header .cms-navigation-right { border-color: rgba(51, 51, 51, 0.10); } #cms-header-wrapper.header-6 #cms-header .cms-navigation-right .h-hidden-sidebar { border-left: 1px solid rgba(255, 255, 255, 0.15); padding-left: 30px; margin-left: 26px; } #cms-header-wrapper.header-6 #cms-header.header-fixed .cms-navigation-right .h-hidden-sidebar { border-color: rgba(51, 51, 51, 0.10); } #cms-header-wrapper.header-6.header-white #cms-header .cms-navigation-right .h-hidden-sidebar { border-color: rgba(51, 51, 51, 0.10); } #cms-header-wrapper.header-7 #cms-header .cms-navigation-right .h-nav-button { border-left: 1px solid rgba(255, 255, 255, 0.15); padding-left: 30px; margin-left: 26px; } #cms-header-wrapper.header-7 #cms-header.header-fixed .cms-navigation-right .h-nav-button { border-color: rgba(51, 51, 51, 0.10); } #cms-header-wrapper.header-7.header-white #cms-header .cms-navigation-right .h-nav-button { border-color: rgba(51, 51, 51, 0.10); } #cms-header-wrapper.header-8 #cms-header .cms-navigation-right .h-nav-button, #cms-header-wrapper.header-11 #cms-header .cms-navigation-right .h-nav-button { padding-right: 10px; } #cms-header-wrapper.header-9 #cms-header #cms-header-logo { position: relative; z-index: 1; } #cms-header-wrapper.header-9 #cms-header .cms-navigation-left { left: 0; margin: auto; position: absolute; right: 0; text-align: center; top: 0; } #cms-header-wrapper.header-9 #cms-header .cms-navigation-right { z-index: 1; } #cms-header-wrapper.header-10 #cms-header #cms-header-logo { position: relative; z-index: 1; } #cms-header-wrapper.header-10 #cms-header #cms-header-logo .main-logo, #cms-header-wrapper.header-10 #cms-header #cms-header-logo .sticky-logo { display: inline-block; padding-right: 23px; } #cms-header-wrapper.header-10 #cms-header #cms-header-logo .main-logo { border-right: 1px solid rgba(255, 255, 255, 0.15); } #cms-header-wrapper.header-10 #cms-header #cms-header-logo .sticky-logo { border-right: 1px solid rgba(51, 51, 51, 0.10); } #cms-header-wrapper.header-10 #cms-header .cms-navigation-right { border-left: 1px solid rgba(255, 255, 255, 0.15); padding-left: 30px; z-index: 1; } #cms-header-wrapper.header-10 #cms-header .cms-navigation-left { left: 0; margin: auto; position: absolute; right: 0; text-align: center; top: 0; } #cms-header-wrapper.header-10 #cms-header.header-fixed #cms-header-logo a.sticky-logo { right: inherit; } #cms-header-wrapper.header-10 #cms-header.header-fixed .cms-navigation-right { border-color: rgba(51, 51, 51, 0.10); } #cms-header-wrapper.header-10.header-white #cms-header #cms-header-logo .main-logo, #cms-header-wrapper.header-10.header-white #cms-header .cms-navigation-right { border-color: rgba(51, 51, 51, 0.10); } #cms-header-wrapper.header-12 .h-header-nav { float: right; padding-left: 30px; } #cms-header-wrapper.header-12 .h-header-nav .h-button-nav { top: 1px; } #cms-header-wrapper.header-14 #cms-header .cms-navigation-right .h-hidden-sidebar.h-icon { padding-left: 26px; } #cms-header-wrapper.header-15 #cms-header .cms-navigation-right .h-nav-button + .cms-header-social, #cms-header-wrapper.header-22 #cms-header .cms-navigation-right .h-nav-button + .cms-header-social, #cms-header-wrapper.header-15 #cms-header .cms-navigation-right .h-btn-signup + .cms-header-social, #cms-header-wrapper.header-22 #cms-header .cms-navigation-right .h-btn-signup + .cms-header-social, #cms-header-wrapper.header-15 #cms-header .cms-navigation-right .h-btn-signup + .cms-header-social, #cms-header-wrapper.header-22 #cms-header .cms-navigation-right .h-btn-signup + .cms-header-social, #cms-header-wrapper.header-15 #cms-header .cms-navigation-right .h-btn-logout + .cms-header-social, #cms-header-wrapper.header-22 #cms-header .cms-navigation-right .h-btn-logout + .cms-header-social { padding-left: 16px; } #cms-header-wrapper.header-15 #cms-header .cms-navigation-right .h-hidden-sidebar.h-icon, #cms-header-wrapper.header-22 #cms-header .cms-navigation-right .h-hidden-sidebar.h-icon { padding-left: 16px; } #cms-header-wrapper.header-16 #cms-header .cms-navigation-right { border-left: 1px solid rgba(255, 255, 255, 0.15); margin-left: 26px; padding-left: 28px; } #cms-header-wrapper.header-16 #cms-header .cms-navigation-right .h-hidden-sidebar.h-icon { padding-left: 16px; } #cms-header-wrapper.header-16 #cms-header.header-fixed .cms-navigation-right { border-color: rgba(51, 51, 51, 0.10); } #cms-header-wrapper.header-16.header-white #cms-header .cms-navigation-right { border-color: rgba(51, 51, 51, 0.10); } #cms-header-wrapper.header-18 #cms-header .cms-navigation-right .h-icon + .h-icon { padding-left: 26px; } #cms-header-wrapper.header-19.header-white #cms-header-topbar, #cms-header-wrapper.header-20.header-white #cms-header-topbar { position: static; border-bottom: 1px solid #eaeaea; } #cms-header-wrapper.header-19.header-white #cms-header-topbar .cms-header-contact-top li, #cms-header-wrapper.header-20.header-white #cms-header-topbar .cms-header-contact-top li { color: #a5a5a5; } #cms-header-wrapper.header-19.header-white #cms-header-topbar .cms-header-contact-top li a, #cms-header-wrapper.header-20.header-white #cms-header-topbar .cms-header-contact-top li a { color: #a5a5a5; } #cms-header-wrapper.header-19.header-white #cms-header-topbar .cms-header-contact-top li a:hover, #cms-header-wrapper.header-20.header-white #cms-header-topbar .cms-header-contact-top li a:hover { color: #1151d3; } #cms-header-wrapper.header-19.header-white #cms-header-topbar .cms-header-social .social-label, #cms-header-wrapper.header-20.header-white #cms-header-topbar .cms-header-social .social-label { color: #a5a5a5; } #cms-header-wrapper.header-19.header-white #cms-header-topbar .cms-header-social li a, #cms-header-wrapper.header-20.header-white #cms-header-topbar .cms-header-social li a { color: #333; } #cms-header-wrapper.header-19.header-white #cms-header-topbar .cms-header-social li a:hover, #cms-header-wrapper.header-20.header-white #cms-header-topbar .cms-header-social li a:hover { color: #1151d3; } #cms-header-wrapper.header-19.header-white #cms-header-topbar.is_overlay, #cms-header-wrapper.header-20.header-white #cms-header-topbar.is_overlay { background-color: #fff; } #cms-header-wrapper.header-19.header-white #cms-header-topbar + #cms-header, #cms-header-wrapper.header-20.header-white #cms-header-topbar + #cms-header { margin-top: 0 !important; } #cms-header-wrapper.header-23 #cms-header .cms-header-social { border-left: 1px solid rgba(255, 255, 255, 0.15); margin-left: 26px; padding-left: 28px; } #cms-header-wrapper.header-23 #cms-header.header-fixed .cms-header-social { border-color: rgba(51, 51, 51, 0.10); } #cms-header-wrapper.header-23.header-white #cms-header .cms-header-social { border-color: rgba(51, 51, 51, 0.10); } #cms-header-wrapper.header-25 #cms-header .cms-header-navigation .main-navigation .menu-main-menu > li { border-left: 1px solid rgba(255, 255, 255, 0.15); padding: 0 18px; } #cms-header-wrapper.header-25 #cms-header .cms-header-navigation .main-navigation .menu-main-menu > li:last-child { border-right: 1px solid rgba(255, 255, 255, 0.15); } #cms-header-wrapper.header-25 #cms-header.header-fixed .cms-header-navigation .main-navigation .menu-main-menu > li { border-color: rgba(51, 51, 51, 0.10); } #cms-header-wrapper.header-25.header-white #cms-header .cms-header-navigation .main-navigation .menu-main-menu > li { border-color: rgba(51, 51, 51, 0.10); } #cms-header-wrapper.header-25.header-white #cms-header .cms-header-navigation .main-navigation .menu-main-menu > li:last-child { border-color: rgba(51, 51, 51, 0.10); } #cms-header-wrapper.header-30 #cms-header .cms-navigation-right .h-nav-button { padding-right: 5px; } #cms-header-wrapper.header-31 .h-icon:not(.h-hidden-sidebar) { padding-right: 10px; } #cms-header-wrapper.custom-header-31 #cms-header:not(.header-fixed) { border: none !important; } #cms-header-wrapper.custom-header-31 #cms-header:not(.header-fixed) > .container { background-color: rgba(22, 22, 22, 0.9); padding: 0 25px; } #cms-header-wrapper.custom-header-31 .container { padding: 0 25px; } #cms-header-wrapper.custom-header-31 .container .row { margin: 0 -25px; } #cms-header-wrapper.custom-header-31 .container .row .col-xs-12 { padding: 0 25px; } #cms-header-wrapper.custom-header33 .h-nav-button { display: inline-block; } #cms-header-wrapper.custom-header33 .h-nav-button .btn-nav { padding: 4px 10px; } #cms-header-wrapper.custom-header33 .h-nav-button .btn-nav:hover { border-color: #fff; background-color: #fff; color: #1151d3; } #cms-header-wrapper.custom-header33 .cms-header-contact-top i { color: #1151d3; } #cms-header-wrapper.custom-header33 #magic-line span { background-color: #1151d3; } #cms-header-wrapper.custom-header33 .menu-main-menu > li.current-menu-ancestor > a, #cms-header-wrapper.custom-header33 .menu-main-menu > li.current-page-parent > a, #cms-header-wrapper.custom-header33 .menu-main-menu > li.current-menu-parent > a, #cms-header-wrapper.custom-header33 .menu-main-menu > li.current-menu-item > a, #cms-header-wrapper.custom-header33 .menu-main-menu > li > a:hover { color: #1151d3; } #cms-header-wrapper.header-34 #cms-header-topbar, #cms-header-wrapper.header-35 #cms-header-topbar { padding: 0; border: none; } #cms-header-wrapper.header-34 #cms-header-topbar > .container > .row, #cms-header-wrapper.header-35 #cms-header-topbar > .container > .row { position: relative; padding-top: 13px; padding-bottom: 13px; } #cms-header-wrapper.header-34 #cms-header-topbar > .container > .row:before, #cms-header-wrapper.header-35 #cms-header-topbar > .container > .row:before { left: 15px; right: 15px; background-color: #eaeaea; height: 1px; position: absolute; bottom: 0; content: ""; display: block; } #cms-header-wrapper.header-34 .menu-header-top li, #cms-header-wrapper.header-35 .menu-header-top li { display: inline-block; font-size: 12px; line-height: 20px; padding: 0 6px; } #cms-header-wrapper.header-34 .menu-header-top li:first-child, #cms-header-wrapper.header-35 .menu-header-top li:first-child { padding-left: 0; } #cms-header-wrapper.header-34 .menu-header-top li:last-child, #cms-header-wrapper.header-35 .menu-header-top li:last-child { padding-right: 0; } #cms-header-wrapper.header-34 .menu-header-top li a, #cms-header-wrapper.header-35 .menu-header-top li a { color: #646464; } #cms-header-wrapper.header-34 .menu-header-top li a:hover, #cms-header-wrapper.header-35 .menu-header-top li a:hover { color: #1151d3; } #cms-header-wrapper.header-34 .menu-header-top li .sub-menu, #cms-header-wrapper.header-35 .menu-header-top li .sub-menu { display: none; } #cms-header-wrapper.header-34 #cms-header-logo .sticky-logo, #cms-header-wrapper.header-35 #cms-header-logo .sticky-logo { display: none; } #cms-header-wrapper.header-34 #cms-header-middle #cms-header-logo a, #cms-header-wrapper.header-35 #cms-header-middle #cms-header-logo a { line-height: 120px; } #cms-header-wrapper.header-34 #cms-header.header-fixed, #cms-header-wrapper.header-35 #cms-header.header-fixed { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; background-color: transparent; } #cms-header-wrapper.header-34 #cms-header-navigation, #cms-header-wrapper.header-35 #cms-header-navigation { position: relative; } #cms-header-wrapper.header-34 #cms-header-navigation .btn-nav, #cms-header-wrapper.header-35 #cms-header-navigation .btn-nav { position: absolute; top: 0; right: 15px; -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 */ /* BOX */ line-height: 70px; padding: 0 36px; border: none; } #cms-header-wrapper.header-34 #cms-header-navigation .btn-nav:hover, #cms-header-wrapper.header-35 #cms-header-navigation .btn-nav:hover { background-color: rgba(17, 81, 211, 0.8) !important; color: #fff !important; } #cms-header-wrapper.header-34 .cms-header-navigation, #cms-header-wrapper.header-35 .cms-header-navigation { background-color: #222; } #cms-header-wrapper.header-34 .cms-header-navigation .main-navigation, #cms-header-wrapper.header-35 .cms-header-navigation .main-navigation { text-align: left; padding: 0 17px; } #cms-header-wrapper.header-34 .cms-header-navigation .menu-main-menu > li > a, #cms-header-wrapper.header-35 .cms-header-navigation .menu-main-menu > li > a { line-height: 70px !important; color: #fff; } #cms-header-wrapper.header-34 .cms-header-navigation .menu-main-menu > li.current-menu-ancestor > a, #cms-header-wrapper.header-35 .cms-header-navigation .menu-main-menu > li.current-menu-ancestor > a, #cms-header-wrapper.header-34 .cms-header-navigation .menu-main-menu > li.current-page-parent > a, #cms-header-wrapper.header-35 .cms-header-navigation .menu-main-menu > li.current-page-parent > a, #cms-header-wrapper.header-34 .cms-header-navigation .menu-main-menu > li.current-menu-parent > a, #cms-header-wrapper.header-35 .cms-header-navigation .menu-main-menu > li.current-menu-parent > a, #cms-header-wrapper.header-34 .cms-header-navigation .menu-main-menu > li.current-menu-item > a, #cms-header-wrapper.header-35 .cms-header-navigation .menu-main-menu > li.current-menu-item > a, #cms-header-wrapper.header-34 .cms-header-navigation .menu-main-menu > li:hover > a, #cms-header-wrapper.header-35 .cms-header-navigation .menu-main-menu > li:hover > a { color: #1151d3 !important; } #cms-header-wrapper.header-34 #magic-line span, #cms-header-wrapper.header-35 #magic-line span { background-color: #1151d3; } #cms-header-wrapper.header-35 { position: relative; } #cms-header-wrapper.header-35 #cms-header:not(.header-fixed) { bottom: -70px; left: 0; position: absolute; right: 0; z-index: 999; } .admin-bar #cms-header-wrapper #cms-header.header-fixed, .admin-bar #cms-header-wrapper.header-trans.no-header-top.sticky-header #cms-header { top: 32px; } .admin-bar #cms-header-wrapper.header-trans.header-top #cms-header.header-fixed { top: 32px !important; } .admin-bar .cs-boxed #cms-header-wrapper #cms-header:not(.header-fixed) { top: 0; } .one-page-type #cms-header-wrapper #cms-header.header-fixed.menu-hidden { -webkit-transform: translateY(0px); -khtml-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); /* BACKGROUND GRADIENT */ } } @media (max-width: 991px) { .one-page-type #cms-header { left: 0; position: fixed; right: 0; z-index: 999; } #cms-header-wrapper #cms-header-topbar.topbar-trans + #cms-header { margin-top: 0 !important; } #cms-header-wrapper #cms-header #cms-header-logo a.sticky-logo { display: none; } #cms-header-wrapper.header-white { height: inherit !important; } } .body-border-wrapper #cms-header-wrapper { /* ========================================================================== [End] 1. Header Main ========================================================================== */ } .body-border-wrapper #cms-header-wrapper #cms-header .cms-navigation-right .h-icon .icon-cart .couter_items { right: inherit; left: -10px; } .body-border-wrapper #cms-header-wrapper.header-20 #cms-header.header-fixed, .body-border-wrapper #cms-header-wrapper.header-18 #cms-header.header-fixed { padding: 0 30px; } #page-wrapper { position: relative; } .cms-breadcrumb { padding: 0; } .cms-breadcrumb .breadcrumbs li { display: inline-block; font-size: 14px; line-height: 1; padding: 0 14px; color: #cbcbcb; position: relative; } .cms-breadcrumb .breadcrumbs li a { color: #fff; } .cms-breadcrumb .breadcrumbs li a:hover { color: #1151d3 !important; } .cms-breadcrumb .breadcrumbs li:after { content: "/"; font-size: 12px; position: absolute; right: -3px; top: 1px; } .cms-breadcrumb .breadcrumbs li:last-child:after { display: none; } #cms-page-title { background-image: url(../images/bg-page-title.jpg); background-repeat: no-repeat; background-position: center; background-attachment: fixed; background-size: cover; padding: 272px 0 24px; position: relative; overflow: hidden; width: 100%; } #cms-page-title:before { height: 100%; width: 100%; content: ""; position: absolute; top: 0; left: 0; background-color: rgba(27, 26, 26, 0.45); } #cms-page-title .cms-page-title-inner { position: relative; z-index: 3; } #cms-page-title .cms-page-title-inner h1 { color: #fff; margin: 0 0 22px; font-size: 70px; } #cms-page-title .cms-page-subtitle { color: #fff; font-size: 17px; line-height: 26px; font-weight: 700; max-width: 560px; margin-left: auto; margin-right: auto; margin-bottom: 20px; } #cms-page-title.text-left .cms-page-subtitle { margin-left: 0; } #cms-page-title.text-right .cms-page-subtitle { margin-right: 0; } #cms-page-title.pt-style1 .cms-breadcrumb { padding: 110px 0 0; } #cms-page-title.pt-style1.pt-custom-style5 .cms-page-subtitle { color: #1151d3; font-size: 35px; line-height: 1.1; margin-bottom: 5px; font-weight: normal; } #cms-page-title.pt-style2 { padding: 247px 0 146px; } #cms-page-title.pt-style2 .cms-page-title-inner h1 { margin: 15px 0; } #cms-page-title.pt-style2 .cms-page-subtitle { margin-bottom: 0; } #cms-page-title.pt-style4 { padding: 56px 0; background-image: none; } #cms-page-title.pt-style4:before { display: none; } #cms-page-title.pt-style4 .cms-page-title-inner h1 { font-size: 30px; color: #282828; margin-bottom: 0; } #cms-page-title.pt-style4 .cms-breadcrumb .breadcrumbs li { color: #646464; } #cms-page-title.pt-style4 .cms-breadcrumb .breadcrumbs li a { color: #646464; } #cms-page-title.pt-style4 .cms-breadcrumb .breadcrumbs li a:hover { color: #1151d3; } #cms-page-title.pt-style6 { padding-top: 278px; padding-bottom: 60px; margin: 0 50px; width: calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -ms-calc(100% - 100px); width: -o-calc(100% - 100px); overflow: visible; } #cms-page-title.pt-style6:after { content: ""; position: absolute; top: 0; left: -50px; right: -50px; bottom: 100px; z-index: -1; } #cms-page-title.pt-style6 .cms-page-title-inner h1 { margin-bottom: 0; } .cms-flex-wrap { align-content: center; display: flex; display: -webkit-flex; display: -ms-flex; flex-wrap: wrap; } .cms-flex-wrap .cms-flex-center { align-items: center; display: inline-grid; } body#cms-theme #cms-page-title.page-title.overlay-primary:before { background-color: rgba(17, 81, 211, 0.55); /* ========================================================================== [End] 1. Page Title ========================================================================== */ /* ========================================================================== [Start] 2. Primary ========================================================================== */ } #cms-theme.search #sidebar .widget_search { display: none; } #cms-content { padding: 100px 0; background-color: #fff; } #cms-content.noPadding { padding: 0 !important; } #cms-content footer.entry-meta { text-align: center; } .cms-video-popup-wrapper { text-align: center; /* [Start] 404 Page +-----------------------------------+ */ } .cms-video-popup-wrapper.intro-active { height: 350px; background-position: center; background-size: cover; position: relative; } .cms-video-popup-wrapper.intro-active .cms-button-video { left: 0; position: absolute; right: 0; 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 */ } .cms-video-popup-wrapper .cms-button-video { background-color: rgba(34, 34, 34, 0.8); -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 */ /* BOX */ color: #fff; display: inline-block; font-size: 48px; height: 68px; line-height: 68px; text-align: center; width: 68px; margin: auto; position: relative; z-index: 2; } .cms-video-popup-wrapper .cms-button-video i { vertical-align: middle; } .cms-video-popup-wrapper .cms-button-video:hover { background-color: #1151d3; } .cms-video-popup-wrapper .cms-button-video.btn-play-fixed { left: 0; position: absolute; right: 0; 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 */ } .cms-video-popup-wrapper .cms-button-video.btn-video-text { width: inherit; -webkit-border-radius: 68px; -khtml-border-radius: 68px; -moz-border-radius: 68px; -ms-border-radius: 68px; -o-border-radius: 68px; border-radius: 68px; /* BACKGROUND GRADIENT */ /* BOX */ padding-left: 10px; padding-right: 18px; } .cms-video-popup-wrapper .cms-button-video.btn-video-text span { display: inline-block; font-size: 18px; text-transform: capitalize; font-weight: 700; letter-spacing: 0.04em; padding-left: 8px; vertical-align: top; } .cms-video-popup-wrapper .cms-video-overlay { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .cms-video-popup-wrapper.button-style2 .cms-button-video { background-color: transparent; } .cms-video-popup-wrapper.button-style2 .cms-button-video:hover { color: #1151d3; } .cms-video-popup-wrapper.button-style3 .cms-button-video { background-color: rgba(255, 255, 255, 0.2); } .cms-video-popup-wrapper.button-style3 .cms-button-video:before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 2px solid #fff; -webkit-border-radius: 50em; -khtml-border-radius: 50em; -moz-border-radius: 50em; -ms-border-radius: 50em; -o-border-radius: 50em; border-radius: 50em; /* BACKGROUND GRADIENT */ /* BOX */ opacity: 0.6; -webkit-transform: scale3d(1, 1, 1); -khtml-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); /* BACKGROUND GRADIENT */ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; animation: buttonRing 1.5s linear infinite; -webkit-animation: buttonRing 1.5s linear infinite; } .cms-video-popup-wrapper.button-style3 .cms-button-video:hover { background-color: #1151d3; } .cms-video-popup-wrapper.button-style3 .cms-button-video:hover:before { display: none; } .cms-video-popup-wrapper.button-style4 .cms-button-video { background-color: #1151d3; } .cms-video-popup-wrapper.button-style4 .cms-button-video:hover { background-color: #282828; } .cms-video-popup-wrapper.button-style5 .cms-button-video, .cms-video-popup-wrapper.button-style6 .cms-button-video { background-color: transparent; border: none; box-sizing: initial; font-size: 24px; height: 70px; line-height: 1; text-align: center; width: 70px; padding: 0; } .cms-video-popup-wrapper.button-style5 .cms-button-video i, .cms-video-popup-wrapper.button-style6 .cms-button-video i { left: 50%; 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 */ } .cms-video-popup-wrapper.button-style5 .cms-button-video i:before, .cms-video-popup-wrapper.button-style6 .cms-button-video i:before { content: "\f04b"; font-family: FontAwesome; } .cms-video-popup-wrapper.button-style5 .cms-button-video span, .cms-video-popup-wrapper.button-style6 .cms-button-video span { display: none; } .cms-video-popup-wrapper.button-style5 .cms-button-video:before, .cms-video-popup-wrapper.button-style6 .cms-button-video:before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 2px solid #fff; -webkit-border-radius: 50em; -khtml-border-radius: 50em; -moz-border-radius: 50em; -ms-border-radius: 50em; -o-border-radius: 50em; border-radius: 50em; /* BACKGROUND GRADIENT */ /* BOX */ opacity: 0.6; -webkit-transform: scale3d(1, 1, 1); -khtml-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); /* BACKGROUND GRADIENT */ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; animation: buttonRing 1.5s linear infinite; -webkit-animation: buttonRing 1.5s linear infinite; } .cms-video-popup-wrapper.button-style5 .cms-button-video:after, .cms-video-popup-wrapper.button-style6 .cms-button-video:after { border: 3px solid #fff; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; -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 */ /* BOX */ border: 3px solid #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .cms-video-popup-wrapper.button-style5 .cms-button-video:hover:after, .cms-video-popup-wrapper.button-style6 .cms-button-video:hover:after { border-width: 5px; } .cms-video-popup-wrapper.button-style5 .cms-button-video:hover:before, .cms-video-popup-wrapper.button-style6 .cms-button-video:hover:before { display: none; } .cms-video-popup-wrapper.button-style6 .cms-button-video { background-color: #1151d3; } .cms-video-popup-wrapper.button-style6 .cms-button-video:before, .cms-video-popup-wrapper.button-style6 .cms-button-video:after { border-color: #1151d3; } .error404 { /* [Start] Slider +-----------------------------------+ */ } .error404 #cms-content { text-align: center; } .error404 #cms-content > #primary { padding: 90px 15px; } .error404 .cms-heading-wrapper .cms-heading-title { font-size: 150px; line-height: 1; color: #1151d3; } .error404 .cms-heading-wrapper .cms-heading-sub-title { font-size: 24px; color: #282828; } .error404 .cms-heading-wrapper .cms-heading-description { margin: auto; max-width: 650px; padding-bottom: 34px; } .rev_slider_wrapper .cms-video-popup-wrapper .cms-button-video { padding: 0; height: 50px; line-height: 50px; } .rev_slider_wrapper .cms-video-popup-wrapper .cms-button-video.btn-video-text i { font-size: 50px !important; line-height: 50px !important; } .rev_slider_wrapper .cms-video-popup-wrapper .cms-button-video.btn-video-text span { font-size: 13px !important; font-family: inherit !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.02em !important; line-height: 50px !important; } .rev_slider_wrapper .tp-dottedoverlay.twoxtwo { background-image: none; background-color: rgba(27, 26, 26, 0.45); } .rev_slider_wrapper .tp-dottedoverlay.threexthree { background-image: none; background-color: rgba(27, 26, 26, 0.9); } .rev_slider_wrapper .text-italic { font-weight: normal; font-style: italic; font-size: inherit !important; } .rev_slider_wrapper .slider-icon-left, .rev_slider_wrapper .icon-slider { padding-right: 7px; } .rev_slider_wrapper .btn-video-popup { -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; color: #fff !important; } .rev_slider_wrapper .btn-video-popup:hover { color: #1151d3 !important; } .rev_slider_wrapper .btn-transition { cursor: pointer !important; -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 .bg-primary-slider .cms-video-popup-wrapper .cms-button-video:hover { color: #fff !important; opacity: 0.8; } .rev_slider_wrapper .btn-letter { letter-spacing: 0.02em !important; } .rev_slider_wrapper .tparrows.custom { background-color: transparent !important; height: 54px; width: 54px; border: 2px solid transparent; -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 */ /* BOX */ background-image: url(../images/arrow-slider.png) !important; background-repeat: no-repeat; background-position: top left; -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 .tparrows.custom.tp-rightarrow { background-position: top right; } .rev_slider_wrapper .tparrows.custom:before, .rev_slider_wrapper .tparrows.custom:after { content: "" !important; } .rev_slider_wrapper .tparrows.custom:hover { border-color: rgba(255, 255, 255, 0.7); } .rev_slider_wrapper .tparrows.hephaistos { background-color: transparent !important; height: 54px; width: 50px; } .rev_slider_wrapper .tparrows.hephaistos:before { content: "" !important; width: 27px; height: 74px; background-color: #222 !important; position: absolute; top: -10px; z-index: 1; -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 .tparrows.hephaistos:after { content: "" !important; height: 54px; width: 50px; background-image: url(../images/arrow-slider.png) !important; background-repeat: no-repeat; background-position: top left; position: absolute; top: 0; left: 0; z-index: 2; } .rev_slider_wrapper .tparrows.hephaistos.tp-leftarrow:before { left: 0; } .rev_slider_wrapper .tparrows.hephaistos.tp-rightarrow { background-position: top right; } .rev_slider_wrapper .tparrows.hephaistos.tp-rightarrow:before { right: 0; } .rev_slider_wrapper .tparrows.hephaistos.tp-rightarrow:after { background-position: top right; } .rev_slider_wrapper .tparrows.hephaistos:hover:before { width: 50px; } .rev_slider_wrapper .tparrows.persephone { background-color: rgba(27, 26, 26, 0.5) !important; height: 60px; width: 60px; border: none; -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 */ /* BOX */ background-image: url(../images/arrow-slider.png) !important; background-repeat: no-repeat; background-position: left 5px top 5px; -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 .tparrows.persephone.tp-rightarrow { background-position: right 5px top 5px; } .rev_slider_wrapper .tparrows.persephone:before, .rev_slider_wrapper .tparrows.persephone:after { content: "" !important; } .rev_slider_wrapper .tparrows.persephone:before { height: 70px; width: 70px; position: absolute; top: -5px; left: -5px; border: 5px solid transparent; -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 .tparrows.persephone:hover { border-color: rgba(27, 26, 26, 0.5); background-color: #fff !important; background-position: left 5px bottom 5px; } .rev_slider_wrapper .tparrows.persephone:hover:before { opacity: 1; border-color: rgba(27, 26, 26, 0.5); } .rev_slider_wrapper .tparrows.persephone.tp-rightarrow:hover { background-position: right 5px bottom 5px; } .rev_slider_wrapper .tparrows.metis, .rev_slider_wrapper .tparrows.uranus { background-color: #fff !important; height: 54px !important; width: 54px !important; border: none; -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 */ /* BOX */ background-image: url(../images/arrow-slider.png) !important; background-repeat: no-repeat; background-position: left 2px bottom 2px !important; -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 .tparrows.metis.tp-rightarrow, .rev_slider_wrapper .tparrows.uranus.tp-rightarrow { background-position: right 2px bottom 2px !important; } .rev_slider_wrapper .tparrows.metis:before, .rev_slider_wrapper .tparrows.uranus:before, .rev_slider_wrapper .tparrows.metis:after, .rev_slider_wrapper .tparrows.uranus:after { content: "" !important; } .rev_slider_wrapper .tparrows.metis:hover, .rev_slider_wrapper .tparrows.uranus:hover { background-color: #1151d3 !important; background-position: left 2px top 2px !important; } .rev_slider_wrapper .tparrows.metis.tp-rightarrow:hover, .rev_slider_wrapper .tparrows.uranus.tp-rightarrow:hover { background-position: right 2px top 2px !important; } .rev_slider_wrapper .tparrows.metis:before { height: 64px; width: 64px; border: 5px solid rgba(0, 0, 0, 0.5); position: absolute; top: -5px; left: -5px; -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 */ } .rev_slider_wrapper .tparrows.uranus { -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 */ /* BOX */ } .rev_slider_wrapper .tparrows.gyges { width: 27px; height: 74px; background-color: #5e5e5e; -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 .tparrows.gyges:before { line-height: 74px; font-size: 13px; } .rev_slider_wrapper .tparrows.gyges.tp-leftarrow { -webkit-border-radius: 0 3px 3px 0; -khtml-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; /* BACKGROUND GRADIENT */ /* BOX */ } .rev_slider_wrapper .tparrows.gyges.tp-rightarrow { -webkit-border-radius: 3px 0 0 3px; -khtml-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; /* BACKGROUND GRADIENT */ /* BOX */ } .rev_slider_wrapper .tparrows.gyges:hover { background-color: #1151d3; } .rev_slider_wrapper .tparrows.hades { width: 54px; height: 54px; background-color: rgba(27, 26, 26, 0.6); -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; -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 */ /* BOX */ background-image: url(../images/arrow-slider.png) !important; background-repeat: no-repeat; background-position: left 2px top 2px; } .rev_slider_wrapper .tparrows.hades:before { content: "" !important; } .rev_slider_wrapper .tparrows.hades .tp-arr-allwrapper { height: 54px; width: 54px; } .rev_slider_wrapper .tparrows.hades.tp-leftarrow:hover { -webkit-border-radius: 2px 0 0 2px; -khtml-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; -ms-border-radius: 2px 0 0 2px; -o-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; /* BACKGROUND GRADIENT */ /* BOX */ } .rev_slider_wrapper .tparrows.hades.tp-leftarrow:hover .tp-arr-allwrapper { -webkit-border-radius: 0 2px 2px 0; -khtml-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -ms-border-radius: 0 2px 2px 0; -o-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; /* BACKGROUND GRADIENT */ /* BOX */ overflow: hidden; } .rev_slider_wrapper .tparrows.hades.tp-rightarrow { background-position: right 2px top 2px; } .rev_slider_wrapper .tparrows.hades.tp-rightarrow:hover { -webkit-border-radius: 0 2px 2px 0; -khtml-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -ms-border-radius: 0 2px 2px 0; -o-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; /* BACKGROUND GRADIENT */ /* BOX */ } .rev_slider_wrapper .tparrows.hades.tp-rightarrow:hover .tp-arr-allwrapper { -webkit-border-radius: 2px 0 0 2px; -khtml-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; -ms-border-radius: 2px 0 0 2px; -o-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; /* BACKGROUND GRADIENT */ /* BOX */ overflow: hidden; } .rev_slider_wrapper .tparrows.hades:hover { background-color: #1151d3; } .rev_slider_wrapper .tp-bullets.custom .tp-bullet { height: 6px; width: 6px; -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 */ /* BOX */ border: none; background-color: rgba(255, 255, 255, 0.7) !important; } .rev_slider_wrapper .tp-bullets.custom .tp-bullet:before { content: ""; position: absolute; top: -5px; left: -5px; height: 16px; width: 16px; -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 .tp-bullets.custom .tp-bullet.selected:before { background-image: url(../images/dot-slider.png); } .rev_slider_wrapper .tp-bullets.custom .tp-bullet:hover, .rev_slider_wrapper .tp-bullets.custom .tp-bullet.selected { background-color: #fff !important; } .rev_slider_wrapper .tp-bullets.hephaistos .tp-bullet { height: 6px; width: 6px; -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 */ /* BOX */ border: none; background-color: rgba(255, 255, 255, 0.7) !important; } .rev_slider_wrapper .tp-bullets.hephaistos .tp-bullet:before { content: ""; position: absolute; top: -2px; left: -2px; height: 10px; width: 10px; -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; background-color: #fff; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; /* BACKGROUND GRADIENT */ /* BOX */ opacity: 0; } .rev_slider_wrapper .tp-bullets.hephaistos .tp-bullet:hover, .rev_slider_wrapper .tp-bullets.hephaistos .tp-bullet.selected { background-color: #fff !important; } .rev_slider_wrapper .tp-bullets.hephaistos .tp-bullet:hover:before, .rev_slider_wrapper .tp-bullets.hephaistos .tp-bullet.selected:before { opacity: 1; } .rev_slider_wrapper .space-right { margin-right: 8px !important; } .rev_slider_wrapper .box-slider { background-color: #fff; width: 570px; overflow: hidden; align-content: center; display: flex; display: -webkit-flex; display: -ms-flex; flex-wrap: wrap; } .rev_slider_wrapper .box-slider .box-slider-title, .rev_slider_wrapper .box-slider .box-slider-content { padding: 30px; white-space: initial; align-items: center; display: inline-grid; } .rev_slider_wrapper .box-slider .box-slider-title { width: 40%; float: left; text-align: left !important; font-size: 25px !important; line-height: 36px !important; font-weight: 500; background-color: #1151d3; color: #fff; } .rev_slider_wrapper .box-slider .box-slider-content { width: 60%; float: left; color: #9b9b9b !important; } .rev_slider_wrapper .box-slider .box-slider-content p { text-align: left !important; font-size: 14px !important; line-height: 24px !important; } .rev_slider_wrapper .box-slider .box-slider-content a { color: #222 !important; display: inline-block; text-align: left !important; font-size: 13px !important; text-transform: uppercase; font-weight: 700; } .rev_slider_wrapper .box-slider .box-slider-content a i { margin-right: 6px; } .rev_slider_wrapper .box-slider .box-slider-content a:hover { color: #1151d3 !important; } .row-visible { visibility: visible !important; } .row-overlay, .bg-primary-container { position: relative; } .row-overlay:after, .bg-primary-container:after { background-color: inherit; bottom: 0; content: ""; display: block !important; height: 100% !important; left: 0; position: absolute; right: 0; top: 0; visibility: visible !important; } .row-overlay .vc_column-inner, .bg-primary-container .vc_column-inner { position: relative; z-index: 1; } .row-overlay-primary { background-color: rgba(17, 81, 211, 0.95); } .col-overlay .vc_column-inner { position: relative; } .col-overlay .vc_column-inner:after { background-color: inherit; bottom: 0; content: ""; display: block !important; height: 100% !important; left: 0; position: absolute; right: 0; top: 0; visibility: visible !important; } .col-overlay .vc_column-inner .wpb_wrapper { position: relative; z-index: 1; } .overlay-icon { background-color: rgba(17, 81, 211, 0.7); bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .overlay-icon i { color: #fff; font-size: 128px; left: 0; 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 */ } .overlay-icon.remove-overlay { background-color: transparent; } .section-offset-right .vc_row .vc_column-inner { padding-left: 15px !important; padding-right: 15px !important; } .vc_row-no-padding .section-offset-right .vc_row { padding-right: 15px; } .vc_row-no-padding .section-offset-left .vc_row { padding-left: 15px; /* Hidden Sidebar */ } .hidden-sidebar-close { color: #fff; cursor: pointer; font-size: 16px; height: 30px; line-height: 30px; position: absolute; right: 30px; text-align: center; top: 30px; width: 30px; z-index: 99; } .hidden-sidebar-close:hover { color: #1151d3; } .cms-hidden-sidebar-wrap { padding: 73px 100px; width: 100% !important; max-width: 50%; position: fixed; top: 0; right: 0; z-index: 99999; height: 100%; bottom: 0; -webkit-transform: translateX(100%); -khtml-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); /* BACKGROUND GRADIENT */ visibility: hidden; -webkit-transition: all 260ms linear 0ms; -moz-transition: all 260ms linear 0ms; -ms-transition: all 260ms linear 0ms; transition: all 260ms linear 0ms; } .cms-hidden-sidebar-wrap:before { content: ""; background-color: #222; position: absolute; top: 0; right: 0; width: 100%; height: 100%; -webkit-transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s; -moz-transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s; -ms-transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s; transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s; -webkit-transition-delay: 0.15s; -moz-transition-delay: 0.15s; -ms-transition-delay: 0.15s; transition-delay: 0.15s; -webkit-transform: scaleX(0); -khtml-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); /* BACKGROUND GRADIENT */ -webkit-transform-origin: right center 0; -khtml-transform-origin: right center 0; -moz-transform-origin: right center 0; -ms-transform-origin: right center 0; -o-transform-origin: right center 0; transform-origin: right center 0; /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ z-index: 1; } .cms-hidden-sidebar-wrap .cms-hidden-sidebar-inner { width: 100%; display: table; height: 100%; min-height: 100%; position: relative; z-index: 99; } .cms-hidden-sidebar-wrap .cms-hidden-sidebar-inner > aside { margin-bottom: 40px; } .cms-hidden-sidebar-wrap .cms-hidden-sidebar-body { display: table-row; } .cms-hidden-sidebar-wrap .cms-hidden-sidebar-body .cms-hidden-sidebar-body-inner { padding-bottom: 50px; } .cms-hidden-sidebar-wrap .cms-hidden-sidebar-footer { display: table-row; -webkit-transition: all 0.55s cubic-bezier(0.4, 0, 0.2, 1) 0s; -moz-transition: all 0.55s cubic-bezier(0.4, 0, 0.2, 1) 0s; -ms-transition: all 0.55s cubic-bezier(0.4, 0, 0.2, 1) 0s; transition: all 0.55s cubic-bezier(0.4, 0, 0.2, 1) 0s; -webkit-transform: translateX(100%) translateX(-7.5rem); -khtml-transform: translateX(100%) translateX(-7.5rem); -moz-transform: translateX(100%) translateX(-7.5rem); -ms-transform: translateX(100%) translateX(-7.5rem); -o-transform: translateX(100%) translateX(-7.5rem); transform: translateX(100%) translateX(-7.5rem); /* BACKGROUND GRADIENT */ opacity: 0; -webkit-transition-delay: 0.39s; -moz-transition-delay: 0.39s; -ms-transition-delay: 0.39s; transition-delay: 0.39s; } .cms-hidden-sidebar-wrap .cms-hidden-sidebar-footer .cms-header-social { margin-bottom: 16px; } .cms-hidden-sidebar-wrap .cms-hidden-sidebar-footer .cms-header-social li { display: inline-block; padding-right: 16px; } .cms-hidden-sidebar-wrap .cms-hidden-sidebar-footer .cms-header-social li.social-label { display: none; } .cms-hidden-sidebar-wrap .cms-hidden-sidebar-footer .cms-header-social li a { color: #fff; font-size: 18px; } .cms-hidden-sidebar-wrap .cms-hidden-sidebar-footer .cms-header-social li a:hover { color: rgba(255, 255, 255, 0.8); } .cms-hidden-sidebar-wrap .cms-hidden-sidebar-footer a { color: #cecece; } .cms-hidden-sidebar-wrap .cms-hidden-sidebar-footer a:hover { color: #1151d3; } .cms-hidden-sidebar-wrap .cms-hidden-sidebar-footer.open { opacity: 1; -webkit-transform: translateY(0px); -khtml-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); /* BACKGROUND GRADIENT */ } .cms-hidden-sidebar-wrap .menu-hidden-sidebar .sub-menu { display: none; } .cms-hidden-sidebar-wrap .menu-hidden-sidebar li { padding: 19px 0; -webkit-transition: all 0.55s cubic-bezier(0.4, 0, 0.2, 1) 0s; -moz-transition: all 0.55s cubic-bezier(0.4, 0, 0.2, 1) 0s; -ms-transition: all 0.55s cubic-bezier(0.4, 0, 0.2, 1) 0s; transition: all 0.55s cubic-bezier(0.4, 0, 0.2, 1) 0s; -webkit-transform: translateX(100%) translateX(-7.5rem); -khtml-transform: translateX(100%) translateX(-7.5rem); -moz-transform: translateX(100%) translateX(-7.5rem); -ms-transform: translateX(100%) translateX(-7.5rem); -o-transform: translateX(100%) translateX(-7.5rem); transform: translateX(100%) translateX(-7.5rem); /* BACKGROUND GRADIENT */ opacity: 0; } .cms-hidden-sidebar-wrap .menu-hidden-sidebar li a { font-size: 40px; line-height: 1; font-weight: 700; color: #fff; } .cms-hidden-sidebar-wrap .menu-hidden-sidebar li a:hover { color: #1151d3; } .cms-hidden-sidebar-wrap .menu-hidden-sidebar li:nth-child(1) { -webkit-transition-delay: 0.19s; -moz-transition-delay: 0.19s; -ms-transition-delay: 0.19s; transition-delay: 0.19s; } .cms-hidden-sidebar-wrap .menu-hidden-sidebar li:nth-child(2) { -webkit-transition-delay: 0.23s; -moz-transition-delay: 0.23s; -ms-transition-delay: 0.23s; transition-delay: 0.23s; } .cms-hidden-sidebar-wrap .menu-hidden-sidebar li:nth-child(3) { -webkit-transition-delay: 0.27s; -moz-transition-delay: 0.27s; -ms-transition-delay: 0.27s; transition-delay: 0.27s; } .cms-hidden-sidebar-wrap .menu-hidden-sidebar li:nth-child(4) { -webkit-transition-delay: 0.31s; -moz-transition-delay: 0.31s; -ms-transition-delay: 0.31s; transition-delay: 0.31s; } .cms-hidden-sidebar-wrap .menu-hidden-sidebar li:nth-child(5) { -webkit-transition-delay: 0.35s; -moz-transition-delay: 0.35s; -ms-transition-delay: 0.35s; transition-delay: 0.35s; } .cms-hidden-sidebar-wrap .menu-hidden-sidebar li:nth-child(6) { -webkit-transition-delay: 0.39s; -moz-transition-delay: 0.39s; -ms-transition-delay: 0.39s; transition-delay: 0.39s; } .cms-hidden-sidebar-wrap .menu-hidden-sidebar li:nth-child(7) { -webkit-transition-delay: 0.43s; -moz-transition-delay: 0.43s; -ms-transition-delay: 0.43s; transition-delay: 0.43s; } .cms-hidden-sidebar-wrap .menu-hidden-sidebar li:nth-child(8) { -webkit-transition-delay: 0.47s; -moz-transition-delay: 0.47s; -ms-transition-delay: 0.47s; transition-delay: 0.47s; } .cms-hidden-sidebar-wrap .menu-hidden-sidebar li:nth-child(9) { -webkit-transition-delay: 0.51s; -moz-transition-delay: 0.51s; -ms-transition-delay: 0.51s; transition-delay: 0.51s; } .cms-hidden-sidebar-wrap .menu-hidden-sidebar li:nth-child(10) { -webkit-transition-delay: 0.55s; -moz-transition-delay: 0.55s; -ms-transition-delay: 0.55s; transition-delay: 0.55s; } .cms-hidden-sidebar-wrap .menu-hidden-sidebar li:nth-child(11) { -webkit-transition-delay: 0.59s; -moz-transition-delay: 0.59s; -ms-transition-delay: 0.59s; transition-delay: 0.59s; } .cms-hidden-sidebar-wrap .menu-hidden-sidebar li:nth-child(12) { -webkit-transition-delay: 0.63s; -moz-transition-delay: 0.63s; -ms-transition-delay: 0.63s; transition-delay: 0.63s; } .cms-hidden-sidebar-wrap .menu-hidden-sidebar li:nth-child(13) { -webkit-transition-delay: 0.67s; -moz-transition-delay: 0.67s; -ms-transition-delay: 0.67s; transition-delay: 0.67s; } .cms-hidden-sidebar-wrap .menu-hidden-sidebar li:nth-child(14) { -webkit-transition-delay: 0.51s; -moz-transition-delay: 0.51s; -ms-transition-delay: 0.51s; transition-delay: 0.51s; } .cms-hidden-sidebar-wrap .menu-hidden-sidebar li:nth-child(15) { -webkit-transition-delay: 0.55s; -moz-transition-delay: 0.55s; -ms-transition-delay: 0.55s; transition-delay: 0.55s; } .cms-hidden-sidebar-wrap .menu-hidden-sidebar li.open { -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 */ opacity: 1; } .cms-hidden-sidebar-wrap.hidden-sidebar-primary:before { background-color: #1151d3; } .cms-hidden-sidebar-wrap.hidden-sidebar-primary .hidden-sidebar-close:hover { color: rgba(255, 255, 255, 0.8); } .cms-hidden-sidebar-wrap.hidden-sidebar-primary .menu-hidden-sidebar li a:hover { color: rgba(255, 255, 255, 0.8); } .cms-hidden-sidebar-wrap.hidden-sidebar-primary .cms-copyright { color: #fff; } .cms-hidden-sidebar-wrap.hidden-sidebar-primary .cms-copyright a { color: #fff; } .cms-hidden-sidebar-wrap.hidden-sidebar-primary .cms-copyright a:hover { color: rgba(255, 255, 255, 0.8); } .cms-hidden-sidebar-wrap.open { 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 */ } .cms-hidden-sidebar-wrap.open:before { -webkit-transform: scaleX(1); -khtml-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); /* BACKGROUND GRADIENT */ } .cms-hidden-sidebar-wrap.open .cms-hidden-sidebar-footer { -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 */ opacity: 1; } .admin-bar .cms-hidden-sidebar-wrap { top: 32px; /* Search Popup */ } .cms-search-wrap, .cms-menu-popup-wrap { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(34, 34, 34, 0.99); -webkit-transition: all 260ms linear 0ms; -moz-transition: all 260ms linear 0ms; -ms-transition: all 260ms linear 0ms; transition: all 260ms linear 0ms; opacity: 0; visibility: hidden; } .cms-search-wrap .cms-modal-close, .cms-menu-popup-wrap .cms-modal-close { color: #fff; cursor: pointer; font-size: 16px; height: 30px; line-height: 30px; position: absolute; right: 30px; text-align: center; top: 30px; width: 30px; z-index: 999; -webkit-transition: all 320ms linear 0ms; -moz-transition: all 320ms linear 0ms; -ms-transition: all 320ms linear 0ms; transition: all 320ms linear 0ms; } .cms-search-wrap .cms-modal-close:hover, .cms-menu-popup-wrap .cms-modal-close:hover { color: #1151d3; } .cms-search-wrap { z-index: -1; /* Menu Popup */ } .cms-search-wrap .cms-search-inner { left: 0; margin: auto; max-width: 570px; position: absolute; right: 0; top: 55%; transform: translate(0px, -50%); width: 100%; -webkit-transition: all 280ms linear 0ms; -moz-transition: all 280ms linear 0ms; -ms-transition: all 280ms linear 0ms; transition: all 280ms linear 0ms; opacity: 0; } .cms-search-wrap .cms-search-inner .search-form input[type="text"] { background-color: transparent; border: medium none; padding: 0 40px 0 0; font-size: 35px; color: #fff; font-weight: normal; height: 60px; } .cms-search-wrap .cms-search-inner .search-form > div { padding: 12px 0; } .cms-search-wrap .cms-search-inner .search-form > div:before { color: #fff; font-size: 28px; right: 5px; } .cms-search-wrap .cms-search-inner .search-form > div:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; background-color: #383838; width: 0; height: 1px; -webkit-transition: all 800ms linear 0ms; -moz-transition: all 800ms linear 0ms; -ms-transition: all 800ms linear 0ms; transition: all 800ms linear 0ms; } .cms-search-wrap .cms-search-inner .search-form input[type="submit"] { height: 60px; 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 */ width: 40px; } .cms-search-wrap.open { opacity: 1; visibility: visible; z-index: 9999; } .cms-search-wrap.open .cms-search-inner { top: 50%; opacity: 1; } .cms-search-wrap.open .cms-search-inner .search-form > div:after { width: 100%; } .cms-menu-popup-wrap { padding: 90px 0; z-index: -1; /* Sign In & Sign Up */ } .cms-menu-popup-wrap .cms-menu-popup-logo { left: 0; margin: auto; padding: 40px 0; position: absolute; right: 0; text-align: center; top: 0; } .cms-menu-popup-wrap .cms-menu-popup-nav { left: 0; margin: auto; padding: 0 30px; position: absolute; right: 0; top: 50%; transform: translate(0px, -50%); width: 100%; -webkit-transition: all 320ms linear 0ms; -moz-transition: all 320ms linear 0ms; -ms-transition: all 320ms linear 0ms; transition: all 320ms linear 0ms; text-align: center; width: 100% !important; } .cms-menu-popup-wrap .cms-menu-popup-copyright { bottom: 40px; left: 0; position: absolute; right: 0; text-align: center; padding: 0 30px; } .cms-menu-popup-wrap.open { opacity: 1; visibility: visible; z-index: 9999; } .cms-popup { background-color: rgba(34, 34, 34, 0.99); position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; opacity: 0; visibility: hidden; -webkit-transition: all 320ms linear 0ms; -moz-transition: all 320ms linear 0ms; -ms-transition: all 320ms linear 0ms; transition: all 320ms linear 0ms; /* Page Loading */ } .cms-popup.open { opacity: 1; visibility: visible; z-index: 9999; } .cms-popup .cms-modal-close i { background-color: #1151d3; border-radius: 2px; color: #fff; cursor: pointer; font-size: 13px; height: 18px; line-height: 18px; position: absolute; right: 15px; text-align: center; top: 15px; width: 18px; z-index: 1; -webkit-transition: all 320ms linear 0ms; -moz-transition: all 320ms linear 0ms; -ms-transition: all 320ms linear 0ms; transition: all 320ms linear 0ms; opacity: 0; } .cms-popup .cms-modal-dialog { max-width: 370px; width: 100%; 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 */ left: 0; right: 0; margin: auto; } .cms-popup .cms-modal-content { background-color: #fff; padding: 37px 40px 40px; -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 */ /* BOX */ } .cms-popup .cms-modal-content .cms-heading-wrapper { padding-bottom: 23px; } .cms-popup .cms-modal-content .cms-heading-wrapper .cms-heading-title { font-size: 20px; display: block; } .cms-popup .cms-modal-content .cms-heading-wrapper .cms-heading-line:before, .cms-popup .cms-modal-content .cms-heading-wrapper .cms-heading-line:after { background-color: #1151d3; margin-left: 0; } .cms-popup .cms-modal-content .cms-modal-body { padding: 0; } .cms-popup .cms-modal-content .field-group { margin-bottom: 21px; } .cms-popup .cms-modal-content .field-group label, .cms-popup .cms-modal-content .field-group .forget { color: #9b9b9b; font-size: 13px; font-style: italic; font-weight: normal; } .cms-popup .cms-modal-content .field-group .forget { color: #1151d3; } .cms-popup .cms-modal-content .field-group .forget:hover { color: #282828; } .cms-popup .cms-modal-content:hover .cms-modal-close i { opacity: 1; } .cms-popup .cms-modal-footer { font-size: 13px; font-weight: 800; text-transform: uppercase; color: #fff; text-align: center; padding-top: 24px; } .cms-popup .cms-modal-footer a { color: #fff; border-bottom: 2px solid #fff; } .cms-popup .cms-modal-footer a:hover { color: #1151d3; border-color: #1151d3; } .cms-popup .fields-footer .field-group { margin-bottom: 0; } #cms-loadding { background: #fff; height: 100%; position: fixed; width: 100%; z-index: 999999; 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; } #cms-loadding.loading-square .cms-loader { display: inline-block; width: 58px; height: 58px; position: absolute; border: 6px solid #1151d3; top: 50%; animation: cms_loader_square 2s infinite ease; -webkit-animation: cms_loader_square 2s infinite ease; -ms-animation: cms_loader_square 2s infinite ease; left: 0; right: 0; margin: -29px auto auto auto; } #cms-loadding.loading-square .cms-dot1 { vertical-align: top; display: inline-block; width: 100%; -webkit-transform: scale(1.04); -khtml-transform: scale(1.04); -moz-transform: scale(1.04); -ms-transform: scale(1.04); -o-transform: scale(1.04); transform: scale(1.04); /* BACKGROUND GRADIENT */ background-color: #1151d3; animation: cms_loader_square_inner 2s infinite ease-in; -webkit-animation: cms_loader_square_inner 2s infinite ease-in; } #cms-loadding.loading-circle .cms-loader:before, #cms-loadding.loading-circle .cms-loader:after, #cms-loadding.loading-circle .cms-loader { border-radius: 50%; height: 18px; width: 18px; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: cms_loader_circle 1.8s infinite ease-in-out; animation: cms_loader_circle 1.8s infinite ease-in-out; } #cms-loadding.loading-circle .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 */ } #cms-loadding.loading-circle .cms-loader:before, #cms-loadding.loading-circle .cms-loader:after { content: ''; position: absolute; top: 0; } #cms-loadding.loading-circle .cms-loader:before { left: -28px; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } #cms-loadding.loading-circle .cms-loader:after { left: 28px; } #cms-loadding .loading-stairs { height: 100px; left: 0; margin: auto; position: absolute; right: 0; 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 */ width: 75px; margin-top: -25px; } #cms-loadding .loading-stairs .loader-bar { position: absolute; bottom: 0; width: 10px; height: 50%; background: #1151d3; transform-origin: center bottom; -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, .2); -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, .2); -ms-box-shadow: 1px 1px 0 rgba(0, 0, 0, .2); box-shadow: 1px 1px 0 rgba(0, 0, 0, .2); } #cms-loadding .loading-stairs .loader-bar:nth-child(1) { left: 0px; -webkit-transform: scale(1, 0.2); -khtml-transform: scale(1, 0.2); -moz-transform: scale(1, 0.2); -ms-transform: scale(1, 0.2); -o-transform: scale(1, 0.2); transform: scale(1, 0.2); /* BACKGROUND GRADIENT */ animation: barUp1 4s infinite; -webkit-animation: barUp1 4s infinite; -ms-animation: barUp1 4s infinite; } #cms-loadding .loading-stairs .loader-bar:nth-child(2) { left: 15px; -webkit-transform: scale(1, 0.4); -khtml-transform: scale(1, 0.4); -moz-transform: scale(1, 0.4); -ms-transform: scale(1, 0.4); -o-transform: scale(1, 0.4); transform: scale(1, 0.4); /* BACKGROUND GRADIENT */ animation: barUp2 4s infinite; -webkit-animation: barUp2 4s infinite; -ms-animation: barUp2 4s infinite; } #cms-loadding .loading-stairs .loader-bar:nth-child(3) { left: 30px; -webkit-transform: scale(1, 0.6); -khtml-transform: scale(1, 0.6); -moz-transform: scale(1, 0.6); -ms-transform: scale(1, 0.6); -o-transform: scale(1, 0.6); transform: scale(1, 0.6); /* BACKGROUND GRADIENT */ animation: barUp3 4s infinite; -webkit-animation: barUp3 4s infinite; -ms-animation: barUp3 4s infinite; } #cms-loadding .loading-stairs .loader-bar:nth-child(4) { left: 45px; -webkit-transform: scale(1, 0.8); -khtml-transform: scale(1, 0.8); -moz-transform: scale(1, 0.8); -ms-transform: scale(1, 0.8); -o-transform: scale(1, 0.8); transform: scale(1, 0.8); /* BACKGROUND GRADIENT */ animation: barUp4 4s infinite; -webkit-animation: barUp4 4s infinite; -ms-animation: barUp4 4s infinite; } #cms-loadding .loading-stairs .loader-bar:nth-child(5) { left: 60px; -webkit-transform: scale(1, 1); -khtml-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); /* BACKGROUND GRADIENT */ animation: barUp5 4s infinite; -webkit-animation: barUp5 4s infinite; -ms-animation: barUp5 4s infinite; } #cms-loadding .loading-stairs .loader-ball { position: absolute; bottom: 10px; left: 0; width: 10px; height: 10px; background: #1151d3; -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 */ /* BOX */ animation: ball 4s infinite; -webkit-animation: ball 4s infinite; -ms-animation: ball 4s infinite; } #cms-loadding .loading-spin { display: block; height: 65px; margin: -32px auto 0; position: relative; top: 50%; width: 65px; } #cms-loadding .loading-spin .spinner { width: 60px; height: 60px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; -webkit-animation: spin-rotate-all 1s linear infinite; animation: spin-rotate-all 1s linear infinite; } #cms-loadding .loading-spin .spinner .right-side, #cms-loadding .loading-spin .spinner .left-side { width: 50%; height: 100%; position: absolute; top: 0; overflow: hidden; -webkit-animation: spin-fade-in-first 1.2s linear infinite alternate; animation: spin-fade-in-first 1.2s linear infinite alternate; } #cms-loadding .loading-spin .spinner .left-side { left: 0; } #cms-loadding .loading-spin .spinner .right-side { right: 0; } #cms-loadding .loading-spin .spinner.color-2 .right-side, #cms-loadding .loading-spin .spinner.color-2 .left-side { -webkit-animation: spin-fade-in-second 1.2s linear infinite alternate; animation: spin-fade-in-second 1.2s linear infinite alternate; } #cms-loadding .loading-spin .spinner .bar { width: 100%; height: 100%; -webkit-border-radius: 200px 0 0 200px; -khtml-border-radius: 200px 0 0 200px; -moz-border-radius: 200px 0 0 200px; -ms-border-radius: 200px 0 0 200px; -o-border-radius: 200px 0 0 200px; border-radius: 200px 0 0 200px; /* BACKGROUND GRADIENT */ /* BOX */ border: 6px solid #1151d3; position: relative; } #cms-loadding .loading-spin .spinner .bar:after { content: ""; width: 6px; height: 6px; display: block; background: #1151d3; position: absolute; -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; /* BACKGROUND GRADIENT */ /* BOX */ } #cms-loadding .loading-spin .spinner .right-side .bar { -webkit-border-radius: 0 200px 200px 0; -khtml-border-radius: 0 200px 200px 0; -moz-border-radius: 0 200px 200px 0; -ms-border-radius: 0 200px 200px 0; -o-border-radius: 0 200px 200px 0; border-radius: 0 200px 200px 0; /* BACKGROUND GRADIENT */ /* BOX */ border-left: none; -webkit-transform: rotate(-10deg); -webkit-transform-origin: left center; transform: rotate(-10deg); transform-origin: left center; -webkit-animation: spin-rotate-right 0.75s linear infinite alternate; animation: spin-rotate-right 0.75s linear infinite alternate; } #cms-loadding .loading-spin .spinner .right-side .bar:after { bottom: -6px; left: -3px; } #cms-loadding .loading-spin .spinner .left-side .bar { border-right: none; -webkit-transform: rotate(10deg); transform: rotate(10deg); -webkit-transform-origin: right center; transform-origin: right center; -webkit-animation: spin-rotate-left 0.75s linear infinite alternate; animation: spin-rotate-left 0.75s linear infinite alternate; } #cms-loadding .loading-spin .spinner .left-side .bar:after { bottom: -6px; right: -3px; } #cms-loadding.loading-wave .cms-loader { display: inline-block; left: 0; margin: auto; max-width: 90px; 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 */ } #cms-loadding.loading-wave #wave { stroke: #1151d3; -webkit-stroke: #1151d3; -ms-stroke: #1151d3; stroke-dasharray: 0 16 101 16; -webkit-stroke-dasharray: 0 16 101 16; -ms-stroke-dasharray: 0 16 101 16; animation: LoaderWave 2400ms linear infinite; -webkit-animation: LoaderWave 2400ms linear infinite; -ms-animation: LoaderWave 2400ms linear infinite; } .vc_row.vc_row-flex.vc_row-o-columns-middle > .vc_column_container { align-items: center; } .row-divider .row-divider-inner, .row-divider-wedding .row-divider-inner, .row-divider-wedding-top .row-divider-inner, .row-divider-wedding-bottom .row-divider-inner { width: 100%; position: absolute; left: 0; -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 */ z-index: 99; height: 8px; background-image: url(../images/row-divider.png); background-repeat: no-repeat; } .row-divider .row-divider-inner.row-divider-top, .row-divider-wedding .row-divider-inner.row-divider-top, .row-divider-wedding-top .row-divider-inner.row-divider-top, .row-divider-wedding-bottom .row-divider-inner.row-divider-top { top: 0; } .row-divider .row-divider-inner.row-divider-bottom, .row-divider-wedding .row-divider-inner.row-divider-bottom, .row-divider-wedding-top .row-divider-inner.row-divider-bottom, .row-divider-wedding-bottom .row-divider-inner.row-divider-bottom { bottom: 0; -webkit-transform: rotate(0deg); -khtml-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); /* BACKGROUND GRADIENT */ } .row-divider-wedding-top .row-divider-inner, .row-divider-wedding-bottom .row-divider-inner, .row-divider-wedding .row-divider-inner { height: 24px; background-image: url(../images/row-divider-wedding.png); } .nicescroll-rails .nicescroll-cursors { background-color: #1151d3 !important; -webkit-border-radius: 8px !important; -khtml-border-radius: 8px !important; -moz-border-radius: 8px !important; -ms-border-radius: 8px !important; -o-border-radius: 8px !important; border-radius: 8px !important; /* BACKGROUND GRADIENT */ /* BOX */ width: 8px !important; border: none !important; } .wpb_none.wpb_animate_when_almost_visible { opacity: 1 !important; } .row-boxshadow { -webkit-box-shadow: 0 1px 71px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 71px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 1px 71px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 71px rgba(0, 0, 0, 0.15); } .row-boxshadow.z-index-1 { z-index: 555; } .bg-primary-container:after { background-color: #1151d3; max-width: 1170px; margin: auto; /* ========================================================================== [End] 3. Primary ========================================================================== */ } #magic-line { bottom: 0px; height: 2px; position: absolute; z-index: 999; } #magic-line span { background-color: #282828; display: inline-block; height: 2px; left: 0; margin: auto; position: absolute; right: 0; width: 20px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #magic-line span.line-full { width: 100% !important; } .one-page-type #magic-line { display: none !important; } .magic-line-bottom2 #magic-line span { width: 100%; } .magic-line-middle #magic-line, .magic-line-middle2 #magic-line { bottom: -moz-calc(50% - 14px); bottom: -webkitcalc(49.85417%); bottom: -o-calc(50% - 14px); bottom: -ms-calc(50% - 14px); bottom: calc(50% - 14px); } .magic-line-middle #magic-line span, .magic-line-middle2 #magic-line span { width: 100%; } .magic-line-middle2 #magic-line span { width: 20px; } .magic-line-top #magic-line { bottom: inherit; top: 0; } .magic-line-top #magic-line span { width: 100%; } .header-trans #cms-header:not(.header-fixed) #magic-line span { background-color: #fff; } .cms-menu-popup-wrap .menu-main-menu > li { display: inline-block; padding: 0 48px; } .cms-menu-popup-wrap .menu-main-menu > li > a { font-size: 40px; font-weight: 800; color: #fff; } .cms-menu-popup-wrap .menu-main-menu > li.current-menu-ancestor > a, .cms-menu-popup-wrap .menu-main-menu > li.current-page-parent > a, .cms-menu-popup-wrap .menu-main-menu > li.current-menu-parent > a, .cms-menu-popup-wrap .menu-main-menu > li.current-menu-item > a, .cms-menu-popup-wrap .menu-main-menu > li > a:hover { color: #1151d3; } .cms-menu-popup-wrap ul.submenu { display: none; } @media screen and (min-width: 992px) { /* -----> Minimum width of 992 pixels. */ .title-attribute { background-color: #1151d3; -webkit-border-radius: 2px 2px 2px 0; -khtml-border-radius: 2px 2px 2px 0; -moz-border-radius: 2px 2px 2px 0; -ms-border-radius: 2px 2px 2px 0; -o-border-radius: 2px 2px 2px 0; border-radius: 2px 2px 2px 0; /* BACKGROUND GRADIENT */ /* BOX */ color: #fff; font-size: 8px; line-height: 1; padding: 3px 4px; position: absolute; right: -30px; top: -10px; } .title-attribute:before { border-color: #1151d3 transparent transparent #1151d3; border-style: solid; border-width: 2px; content: ""; left: 0; position: absolute; top: 100%; } #cms-header-wrapper.menu-mega-full .cms-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu { left: 50% !important; -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 */ } #cms-header-wrapper:not(.menu-mega-full) .cms-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu { width: 100% !important; } .new-item-menu a { line-height: 100px; color: #fff; padding: 0 15px; } .new-item-menu a:hover { color: #1151d3; } .header-fixed .new-item-menu a { line-height: 80px; color: #282828; } .header-fixed .new-item-menu a:hover { color: #1151d3; } #cms-menu-mobile { display: none; } #cms-header-navigation { position: static; } .cms-header-navigation .main-navigation { text-align: right; } .cms-header-navigation .main-navigation .menu-main-menu > ul > li, .cms-header-navigation .main-navigation .menu-main-menu > li { vertical-align: top; padding: 0 13px; display: inline-block; position: relative; } .cms-header-navigation .main-navigation .menu-main-menu > ul > li > a, .cms-header-navigation .main-navigation .menu-main-menu > li > a { font-size: 13px; color: #282828; display: block; text-transform: uppercase; -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; font-weight: 800; line-height: 100px; visibility: inherit !important; position: relative; z-index: 999; } .cms-header-navigation .main-navigation .menu-main-menu > ul > li > a i, .cms-header-navigation .main-navigation .menu-main-menu > li > a i { display: block; width: 100%; line-height: 0; margin-bottom: 6px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-header-navigation .main-navigation .menu-main-menu > ul > li > a i + .menu-title, .cms-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 */ display: block; } .cms-header-navigation .main-navigation .menu-main-menu > ul > li > a.is-one-page:hover, .cms-header-navigation .main-navigation .menu-main-menu > li > a.is-one-page:hover { color: #1151d3 !important; } .cms-header-navigation .main-navigation .menu-main-menu > ul > li > a.is-one-page.current, .cms-header-navigation .main-navigation .menu-main-menu > li > a.is-one-page.current { color: #1151d3; } .cms-header-navigation .main-navigation .menu-main-menu > ul > li > ul.sub-menu, .cms-header-navigation .main-navigation .menu-main-menu > li > ul.sub-menu { opacity: 0; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .cms-header-navigation .main-navigation .menu-main-menu > ul > li > ul.sub-menu .menu-title, .cms-header-navigation .main-navigation .menu-main-menu > li > ul.sub-menu .menu-title { position: relative; } .cms-header-navigation .main-navigation .menu-main-menu > ul > li:hover > ul.sub-menu, .cms-header-navigation .main-navigation .menu-main-menu > li:hover > ul.sub-menu { opacity: 1; } .cms-header-navigation .main-navigation .menu-main-menu > ul > li .cs-menu-toggle, .cms-header-navigation .main-navigation .menu-main-menu > li .cs-menu-toggle { display: none; } .cms-header-navigation .main-navigation { /* Menu Stick Wall */ } .cms-header-navigation .main-navigation li ul:not(.wg-menu-item) { background-color: #222; margin: 0; padding: 15px 0; position: absolute; top: 100%; z-index: 1001; height: 0px; min-width: 210px; overflow: hidden; visibility: hidden; clip: rect(1px, 1px, 1px, 1px); -webkit-transform: scaleY(0); -khtml-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); /* BACKGROUND GRADIENT */ transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; -o-transform-origin: 0 0 0; } .cms-header-navigation .main-navigation li ul:not(.wg-menu-item) li.menu-item-has-children > a { position: relative; } .cms-header-navigation .main-navigation li ul:not(.wg-menu-item) li.menu-item-has-children > a:after { content: "\f105"; font-family: FontAwesome; font-size: inherit; position: absolute; right: 0; color: #7f7f7f; font-weight: normal; } .cms-header-navigation .main-navigation li:hover > ul.sub-menu { height: inherit; overflow: visible; visibility: visible; opacity: 1; clip: inherit; -webkit-transform: scaleY(1); -khtml-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); /* BACKGROUND GRADIENT */ } .cms-header-navigation .main-navigation li ul ul:not(.wg-menu-item) { top: -15px; left: 100%; /* End Menu Stick Wall */ } .cms-header-navigation .main-navigation li ul ul:not(.wg-menu-item).back { right: 100%; left: auto; } .cms-header-navigation .main-navigation li ul ul:not(.wg-menu-item).back ul:not(.back) { right: 100%; left: auto; } .cms-header-navigation .main-navigation li ul ul:not(.wg-menu-item).back ul.back { left: 100%; right: auto; } .cms-header-navigation .main-navigation li ul ul:not(.wg-menu-item).back ul.back ul:not(.back) { left: 100%; right: auto; } .cms-header-navigation .main-navigation li ul ul:not(.wg-menu-item).back ul.back ul.back { right: 100%; left: auto; } .cms-header-navigation .main-navigation { /* End Menu Sub Level */ /* Start Mega Menu */ } .cms-header-navigation .main-navigation ul li:hover > ul, .cms-header-navigation .main-navigation ul li:focus > ul, .cms-header-navigation .main-navigation .focus > ul { border-left: 0; clip: inherit; height: inherit; overflow: visible; visibility: visible; } .cms-header-navigation .main-navigation li ul li { padding: 0 30px; white-space: nowrap; } .cms-header-navigation .main-navigation li ul li a { display: block; font-size: 13px; padding: 8px 0; text-align: left; color: #7f7f7f; border-bottom: 1px solid #2b2b2b; -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; } .cms-header-navigation .main-navigation li ul li a i { padding-right: 6px; } .cms-header-navigation .main-navigation li ul li a:hover { color: #fff; padding-left: 8px; } .cms-header-navigation .main-navigation li ul li.current-menu-ancestor > a, .cms-header-navigation .main-navigation li ul li.current-menu-parent > a, .cms-header-navigation .main-navigation li ul li.current-menu-item > a { color: #fff; } .cms-header-navigation .main-navigation li ul li.current-menu-ancestor > a:after, .cms-header-navigation .main-navigation li ul li.current-menu-parent > a:after, .cms-header-navigation .main-navigation li ul li.current-menu-item > a:after { color: #fff !important; } .cms-header-navigation .main-navigation li ul.sub-menu li:last-child > a { border: none; } .cms-header-navigation .main-navigation ul.sub-menu li { position: relative; } .cms-header-navigation .main-navigation { /* End Start Mega Menu */ /* Header Fixed */ } .cms-header-navigation .main-navigation .columns2 > li:nth-of-type(2n+1), .cms-header-navigation .main-navigation .columns3 > li:nth-child(3n+1), .cms-header-navigation .main-navigation .columns4 > li:nth-child(4n+1), .cms-header-navigation .main-navigation .columns5 > li:nth-child(5n+1) { clear: left; border-right: 0px solid transparent; } .cms-header-navigation .main-navigation .columns5 > li { width: 20% !important; } .cms-header-navigation .main-navigation .columns4 > li { width: 25% !important; } .cms-header-navigation .main-navigation .columns3 > li { width: 33.3344% !important; } .cms-header-navigation .main-navigation .columns2 > li { width: 50% !important; } .cms-header-navigation .main-navigation [class*="columns"] { padding-top: 30px !important; padding-bottom: 30px !important; } .cms-header-navigation .main-navigation [class*="columns"] > li { float: left; padding: 0; } .cms-header-navigation .main-navigation [class*="columns"] > li ul li { padding: 0 25px; } .cms-header-navigation .main-navigation [class*="columns"] > li ul li ul.sub-menu li { padding: 0 30px; } .cms-header-navigation .main-navigation [class*="columns"] > li > a { width: 100%; border-bottom: none; } .cms-header-navigation .main-navigation [class*="columns"] > li > a:after { content: "" !important; } .cms-header-navigation .main-navigation .menu-main-menu li.has_full_width { position: inherit; } .cms-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu { left: 0; margin: auto; right: 0; } .cms-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu li a { display: block; font-size: 13px; padding: 6px 0; text-align: left; color: #7f7f7f; } .cms-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu li a:hover { color: #fff; padding-left: 10px; } .cms-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu li:before { display: none; } .cms-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu li.current-menu-item > a { color: #fff; } .cms-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu > li > a { padding: 0 25px; margin-bottom: 12px; margin-top: 6px; } .cms-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu > li > a, .cms-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu > li > a span { color: #fff; font-weight: 600; padding-left: 13px !important; } .cms-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu > li > a:hover, .cms-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu > li > a span:hover { background-color: transparent; } .cms-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu > li > ul.sub-menu { background-color: transparent; border-top: none !important; } .cms-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_to_right.sub-menu { left: auto; right: 90px; margin: auto; } .cms-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_to_right.sub-menu .sub-menu { background-color: transparent; } .cms-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_to_right.sub-menu > li > a { display: block; font-size: 13px; padding: 6px 0; text-align: left; color: #7f7f7f; } .cms-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_to_right.sub-menu > li > a:hover { color: #fff; } .cms-header-navigation .main-navigation li.group > ul.sub-menu { display: block; float: left; left: 0; position: relative; width: 100%; height: inherit; } .cms-header-navigation .main-navigation ul.multicolumn > li { border-left: 1px solid rgba(127, 127, 127, 0.1); padding-left: 10px; } .cms-header-navigation .main-navigation ul.multicolumn > li.hidden-menu-item > a { display: none !important; } .cms-header-navigation .main-navigation ul.multicolumn > li ul.sub-menu ul.sub-menu { background-color: #fff !important; opacity: 0; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .cms-header-navigation .main-navigation ul.multicolumn > li ul.sub-menu > li:hover > ul.sub-menu { opacity: 1; } .cms-header-navigation .main-navigation ul.multicolumn > li > ul.sub-menu { height: inherit; opacity: 1; overflow: visible; padding-bottom: 0; visibility: visible; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; -webkit-transform: scaleY(1); -khtml-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); /* BACKGROUND GRADIENT */ } .cms-header-navigation .main-navigation ul.multicolumn > li > ul.sub-menu > li > a { border-bottom: none; } .cms-header-navigation .main-navigation ul.multicolumn > li:hover { position: relative; z-index: 10; } .cms-header-navigation .main-navigation ul.multicolumn > li.hidden-menu-item > a { display: none; } .cms-header-navigation .main-navigation ul.standar-dropdown li ul.sub-menu { opacity: 0; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .cms-header-navigation .main-navigation ul.standar-dropdown li:hover ul.sub-menu { opacity: 1; } .header-7.no-header-top .cms-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu { max-width: 1170px; padding-left: 15px !important; padding-right: 15px !important; } } .cs-menu-toggle { -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; cursor: pointer; display: inline-block; height: 19px; line-height: 19px; position: absolute; right: 0; text-align: center; top: 10px; width: 19px; /* -----> Max width of 992 pixels. */ } .cs-menu-toggle:before, .cs-menu-toggle:after { content: ""; position: absolute; background-color: #cecece; } .cs-menu-toggle:before { height: 9px; width: 1px; top: 5px; left: 9px; } .cs-menu-toggle:after { height: 1px; width: 9px; left: 5px; top: 9px; } .cs-menu-toggle:hover:before, .cs-menu-toggle:hover:after { background-color: #fff; } @media screen and (max-width: 991px) { /* -----> End Max width of 992 pixels. */ .title-attribute { display: none; } .cms-menu-popup-wrap .menu-main-menu > li { display: block; } .cms-menu-popup-wrap .menu-main-menu > li > a { display: block; padding: 10px 0; line-height: 1; } #cms-header { border-bottom: 1px solid #e7e4ef; background-color: #fff; } #cms-header > .container { position: relative; z-index: 1001; } #cms-header #cms-header-logo { padding: 0 15px; } #cms-header #cms-header-logo a { display: inline-block; line-height: 80px; } #cms-header #cms-header-logo a img { max-height: 60px; } #cms-header #cms-header-navigation { background-color: #fff; position: absolute; right: 0; top: 121px; z-index: 1001; padding: 18px 30px; opacity: 0; visibility: hidden; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22); -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% !important; } #cms-header #cms-header-navigation.navigation-open { opacity: 1; visibility: visible; top: 81px; } #cms-header #cms-header-navigation .menu-main-menu li { border-bottom: 1px solid rgba(0, 0, 0, 0.07); position: relative; height: initial !important; } #cms-header #cms-header-navigation .menu-main-menu li a { display: block; padding: 9px 0; color: #282828; visibility: inherit !important; font-weight: 500; } #cms-header #cms-header-navigation .menu-main-menu li:last-child { border-bottom: none; } #cms-header #cms-header-navigation .menu-main-menu li.current-menu-ancestor > a, #cms-header #cms-header-navigation .menu-main-menu li.current-menu-parent > a, #cms-header #cms-header-navigation .menu-main-menu li.current-menu-item > a, #cms-header #cms-header-navigation .menu-main-menu li:hover > a { color: #1151d3; } #cms-header #cms-header-navigation .menu-main-menu > li > a { font-weight: 700; text-transform: uppercase; } #cms-header #cms-header-navigation .menu-main-menu.nav-menu-left li:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.07); } #cms-header #cms-header-navigation .menu-main-menu .sub-menu { display: none; width: 100% !important; } #cms-header #cms-header-navigation .menu-main-menu .sub-menu li a { padding-left: 10px; padding-right: 10px; } #cms-header #cms-header-navigation .menu-main-menu .sub-menu li a i { padding-right: 6px; } #cms-header #cms-header-navigation .menu-main-menu .sub-menu li:first-child { border-top: 1px solid rgba(0, 0, 0, 0.07); } #cms-header #cms-header-navigation .menu-main-menu .sub-menu li:last-child { border-bottom: none; } #cms-header #cms-header-navigation .menu-main-menu .sub-menu li .sub-menu li a { padding-left: 15px; } #cms-header #cms-header-navigation .menu-main-menu .cs-menu-toggle:before, #cms-header #cms-header-navigation .menu-main-menu .cs-menu-toggle:after { background-color: #282828; } #cms-header #cms-header-navigation .menu-main-menu .cs-menu-toggle:hover:before, #cms-header #cms-header-navigation .menu-main-menu .cs-menu-toggle:hover:after { background-color: #1151d3; } #cms-header #cms-header-navigation .menu-main-menu .submenu-open + .cs-menu-toggle::before { display: none; } #cms-menu-mobile { display: block; position: absolute; right: 15px; top: 50%; transform: translate(0px, -50%); } #cms-menu-mobile .btn-nav-mobile { color: #282828; display: inline-block; font-size: 16px; height: 32px; line-height: 32px; text-align: center; vertical-align: middle; width: 30px; cursor: pointer; 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; } #cms-menu-mobile .btn-nav-mobile.open-menu { margin-left: 6px; } #cms-menu-mobile .btn-nav-mobile.open-menu span, #cms-menu-mobile .btn-nav-mobile.open-menu:before, #cms-menu-mobile .btn-nav-mobile.open-menu:after { -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; content: ""; background-color: #282828; display: block; height: 2px; left: 0; margin: auto; position: absolute; right: 0; width: 22px; } #cms-menu-mobile .btn-nav-mobile.open-menu span { top: 15px; } #cms-menu-mobile .btn-nav-mobile.open-menu:before { top: 9px; } #cms-menu-mobile .btn-nav-mobile.open-menu:after { top: 21px; } #cms-menu-mobile .btn-nav-mobile.open-menu:hover span, #cms-menu-mobile .btn-nav-mobile.open-menu:hover:before, #cms-menu-mobile .btn-nav-mobile.open-menu:hover:after { background-color: #1151d3; } #cms-menu-mobile .btn-nav-mobile:hover { color: #1151d3; } #cms-menu-mobile .btn-nav-mobile.opened:before { top: 15px; transform: rotate(45deg); } #cms-menu-mobile .btn-nav-mobile.opened:after { -webkit-transform: rotate(-45deg); -khtml-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); /* BACKGROUND GRADIENT */ top: 15px; } #cms-menu-mobile .btn-nav-mobile.opened span { opacity: 0; } body#cms-theme .site-header .widget_shopping_cart { width: 320px !important; top: 57px; right: -15px; } } @media screen and (max-width: 767px) { /* ========================================================================== End Style Main Menu ========================================================================== */ #cms-header #cms-header-navigation { padding: 15px; } } .is-sidebar-style2 #widget-area, .wpb_widgetised_column { background-color: #fff; padding: 30px 40px 40px !important; -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 */ /* BOX */ -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); } .wg-title, #reply-title, .comments-title { font-size: 13px; line-height: 30px; text-transform: uppercase; font-weight: 800; font-family: inherit; margin-bottom: 13px; letter-spacing: 0.06em; } #sidebar, .wpb_widgetised_column { /* [Start] 1. Newletter +-----------------------------------+ */ } #sidebar .wg-title, .wpb_widgetised_column .wg-title { margin-bottom: 20px; } #sidebar #widget-area > aside, .wpb_widgetised_column #widget-area > aside, #sidebar .slidingbar-widget-col, .wpb_widgetised_column .slidingbar-widget-col, #sidebar .wpb_wrapper > aside, .wpb_widgetised_column .wpb_wrapper > aside { margin-bottom: 48px; } #sidebar #widget-area > aside:last-child, .wpb_widgetised_column #widget-area > aside:last-child, #sidebar .slidingbar-widget-col:last-child, .wpb_widgetised_column .slidingbar-widget-col:last-child, #sidebar .wpb_wrapper > aside:last-child, .wpb_widgetised_column .wpb_wrapper > aside:last-child { margin-bottom: 0; padding-bottom: 0; border: none; } #sidebar .widget_products ul li, .wpb_widgetised_column .widget_products ul li { margin-bottom: 20px; padding: 0; } #sidebar .widget_products ul li:last-child, .wpb_widgetised_column .widget_products ul li:last-child { border: none; margin-bottom: 0; } #sidebar .widget_products ul li a, .wpb_widgetised_column .widget_products ul li a { font-size: 19px; line-height: 22px; color: #282828; } #sidebar .widget_products ul li a:hover, .wpb_widgetised_column .widget_products ul li a:hover { color: #1151d3; } #sidebar .widget_products ul li a img, .wpb_widgetised_column .widget_products ul li a img { -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 */ /* BOX */ float: left; margin: 0 15px 0 0; max-width: 50px; width: 100%; } #sidebar .widget_products ul li a .product-title, .wpb_widgetised_column .widget_products ul li a .product-title { display: block; font-size: 14px; font-weight: 800; font-family: inherit; line-height: 24px; } #sidebar .widget_products ul li .amount, .wpb_widgetised_column .widget_products ul li .amount, #sidebar .widget_products ul li ins .amount, .wpb_widgetised_column .widget_products ul li ins .amount { font-size: 13px; color: #1151d3; line-height: 1; font-weight: 700; } #sidebar .widget_products ul li del .amount, .wpb_widgetised_column .widget_products ul li del .amount { color: #282828; font-size: 14px; font-weight: normal; } .widget_newsletterwidget { /* [Start] 2. Search +-----------------------------------+ */ } .widget_newsletterwidget .newsletter-subscription { margin: 0; } .widget_newsletterwidget form { position: relative; } .widget_newsletterwidget form .tnp-field-email { margin: 0; } .widget_newsletterwidget form .tnp-field-email label { display: none; } .widget_newsletterwidget form .tnp-field-email .tnp-email { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; border: 2px solid #2f2f2f !important; background-color: transparent !important; font-style: italic; height: 51px !important; font-size: 13px !important; color: #9b9b9b; -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 */ /* BOX */ padding: 10px 20px; } .widget_newsletterwidget form .tnp-field-button { position: absolute; right: 0; top: 0; margin-bottom: 0; } .widget_newsletterwidget form .tnp-field-button:before { content: "\f178"; color: #fff; display: block; font-family: FontAwesome; font-size: 11px; height: 31px; line-height: 31px; text-align: center; width: 31px; background-color: #1151d3; -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 */ /* BOX */ position: absolute; top: 10px; right: 10px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .widget_newsletterwidget form .tnp-field-button .tnp-submit { height: 51px !important; width: 51px !important; padding: 0 15px; background-color: transparent !important; border: none !important; color: #fff; position: initial !important; text-indent: -9999px; position: absolute !important; top: 0; right: 0; } .widget_newsletterwidget form:hover .tnp-field-button:before { opacity: 0.8; } .widget_newsletterwidget.style-ouline form .tnp-field-email .tnp-email, .widget_newsletterwidget.style-outline form .tnp-field-email .tnp-email { border-width: 0 0 2px 0 !important; padding-left: 0; -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 */ /* BOX */ } .widget_newsletterwidget.style-ouline form .tnp-field-button::before, .widget_newsletterwidget.style-outline form .tnp-field-button::before { background-color: transparent; right: -10px; } .widget_newsletterwidget.stype-bordered form .tnp-field-email .tnp-email, .widget_newsletterwidget.style-bordered form .tnp-field-email .tnp-email { -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 */ /* BOX */ } .widget_newsletterwidget.stype-bordered form .tnp-field-button::before, .widget_newsletterwidget.style-bordered form .tnp-field-button::before { background-color: transparent; } .widget_newsletterwidget.style-modern form .tnp-field-email .tnp-email { -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 */ /* BOX */ background-color: #2b2b2b !important; border-color: #2b2b2b !important; } .widget_newsletterwidget.style-modern form .tnp-field-button::before { background-color: transparent; } .widget_newsletterwidget.style-square form .tnp-field-email .tnp-email { -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 */ /* BOX */ background-color: #1b1a1a !important; border-color: #1b1a1a !important; } .widget_newsletterwidget.style-square form .tnp-field-button::before { -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 */ /* BOX */ } .widget_newsletterwidget.style-square2 form .tnp-field-email .tnp-email { -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 */ /* BOX */ background-color: #1c1c1c !important; border-color: #1c1c1c !important; width: calc(100% - 60px); width: -webkit-calc(100% - 60px); width: -ms-calc(100% - 60px); width: -o-calc(100% - 60px); } .widget_newsletterwidget.style-square2 form .tnp-field-button::before { -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 */ /* BOX */ height: 51px; width: 51px; line-height: 51px; top: 0; right: 0; } .widget_newsletterwidget:not(.style-ouline) .wg-title + p { margin-bottom: 23px; } .search-form { position: relative; } .search-form .screen-reader-text { display: none; } .search-form > div:before { color: #282828; content: "\f002"; font-family: 'FontAwesome'; font-size: 14px; position: absolute; right: 18px; 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 */ z-index: 1; } .search-form input[type="text"] { background-color: #fff; border: 1px solid #eaeaea; padding-left: 20px; padding-right: 20px; } .search-form input[type="text"]:focus { border-color: #1151d3; } .search-form input[type="submit"] { position: absolute; top: 0; right: 0; background-color: transparent; opacity: 0; z-index: 2; padding: 0; height: 51px; width: 51px; } .vc_wp_search .widget_search { max-width: 670px; margin: auto; } .vc_wp_search .search-form input[type="text"] { border: none; -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 */ /* BOX */ padding-left: 42px; padding-right: 50px; } .vc_wp_search .search-form > div:before { right: inherit; left: 19px; color: #a5a5a5; } .vc_wp_search .search-form > div:after { content: "\f178"; font-size: 11px; color: #fff; height: 30px; width: 30px; line-height: 30px; text-align: center; font-family: FontAwesome; -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 */ /* BOX */ background-color: #1151d3; position: absolute; top: 10px; right: 10px; } .woocommerce-product-search { position: relative; /* [Start] 3. Tags +-----------------------------------+ */ } .woocommerce-product-search .screen-reader-text { display: none; } .woocommerce-product-search:before { color: #282828; content: "\f002"; font-family: 'FontAwesome'; font-size: 14px; position: absolute; right: 18px; 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 */ z-index: 1; } .woocommerce-product-search .search-field { background-color: #fff; border: 1px solid #eaeaea; padding-left: 20px; padding-right: 20px; } .woocommerce-product-search [type="submit"] { position: absolute; top: 0; right: 0; background-color: transparent; opacity: 0; z-index: 2; padding: 0; height: 51px; width: 51px; } .tagcloud a, .entry-tags a { font-size: 12px !important; color: #9b9b9b; line-height: 30px; padding: 0 10px; background-color: #f9f9f9; border: 1px solid #eee !important; display: inline-block; margin-right: 6px; margin-bottom: 10px; } .tagcloud a:hover, .entry-tags a:hover { color: #1151d3; } .entry-tags a { margin-right: 10px; /* [Start] 4. Categories +-----------------------------------+ */ } .widget_categories .wg-title, .widget_product_categories .wg-title { margin-bottom: 5px; } .widget_categories li, .widget_product_categories li { font-size: 13px; line-height: 22px; font-weight: 500; border-bottom: 1px solid #f4f4f4; margin-left: 15px; position: relative; } .widget_categories li a, .widget_product_categories li a { color: #333; display: block; padding: 9px 0; } .widget_categories li a:before, .widget_product_categories li a:before { content: "\f105"; font-family: FontAwesome; color: #1151d3; font-size: 11px; position: absolute; top: 50%; left: -12px; -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 */ } .widget_categories li a:hover, .widget_product_categories li a:hover { color: #1151d3; } .widget_categories li:last-child, .widget_product_categories li:last-child { border-bottom: none; } .widget_categories li.page_item_has_children, .widget_pages li.page_item_has_children, .widget_meta li.page_item_has_children, .widget_nav_menu li.page_item_has_children, .widget_archive li.page_item_has_children, .widget_recent_entries li.page_item_has_children, .widget_recent_comments li.page_item_has_children { padding-left: 10px; } .widget_price_filter .wg-title { margin-bottom: 32px; } .widget_cs_social_widget li, .footer-social-icon li { display: inline-block; } .widget_cs_social_widget li + li, .footer-social-icon li + li { padding-left: 6px; } .widget_cs_social_widget li a, .footer-social-icon li a { color: #fff; font-size: 14px; height: 38px; width: 38px; display: block; line-height: 38px; background-color: #2f2f2f; -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 */ /* BOX */ text-align: center; } .widget_cs_social_widget li a:hover, .footer-social-icon li a:hover { color: #fff; background-color: #1151d3; } .widget_cs_social_widget ul.square li + li, .footer-social-icon ul.square li + li { padding-left: 6px; } .widget_cs_social_widget ul.square li a, .footer-social-icon ul.square li a { -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 */ /* BOX */ } #cms-footer-top .widget_cs_social_widget li { margin-bottom: 6px; } .cms-recent-post .item { margin-bottom: 22px; } .cms-recent-post .item:last-child { margin-bottom: 0; } .cms-recent-post .cms-recent-media { width: 49px; float: left; } .cms-recent-post .cms-recent-media a { height: 50px; width: 50px; background-repeat: no-repeat; background-position: center; background-size: cover; display: inline-block; -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 */ /* BOX */ overflow: hidden; } .cms-recent-post .cms-recent-details { padding-left: 65px; } .cms-recent-post .cms-recent-details .title { font-size: 14px; line-height: 22px; font-family: inherit; margin-bottom: 7px; } .cms-recent-post .cms-recent-details .title a { color: #282828; } .cms-recent-post .cms-recent-details .title a:hover { color: #1151d3; } .cms-recent-post .cms-recent-details .date { font-size: 12px; line-height: 1; color: #7f7f7f; } .cms-recent-portfolio { margin: 0 -1px; } .cms-recent-portfolio .item { width: 33.33%; float: left; padding: 1px; } .cms-recent-portfolio .item a { background-color: #1151d3; background-repeat: no-repeat; background-size: cover; display: block; height: 90px; width: 100%; position: relative; } .cms-recent-portfolio .item a:before { content: ""; background-color: #1151d3; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -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-recent-portfolio .item a i { color: #fff; font-size: 12px; height: 20px; left: 0; line-height: 20px; margin: auto; position: absolute; right: 0; text-align: center; 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 */ width: 20px; -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-recent-portfolio .item a:hover:before, .cms-recent-portfolio .item a:hover i { opacity: 1; } .media-square .cms-recent-post .cms-recent-media 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 */ /* BOX */ } #sb_instagram .sbi_item .sbi_photo { position: relative; opacity: 1 !important; } #sb_instagram .sbi_item .sbi_photo:before { content: "\f16d"; color: #fff; font-size: 14px; font-family: FontAwesome; z-index: 2; width: 40px; height: 40px; text-align: center; line-height: 40px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; 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; } #sb_instagram .sbi_item .sbi_photo:after { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; content: ""; background-color: #1151d3; opacity: 0.95; z-index: 1; 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; } #sb_instagram .sbi_item .sbi_photo:hover:before, #sb_instagram .sbi_item .sbi_photo:hover:after { opacity: 1; } #sb_instagram #sbi_load { padding-top: 0 !important; } .vc_row #sb_instagram .sbi_item .sbi_photo:before { font-size: 28px; } .vc_row #sb_instagram .sbi_item .sbi_photo:after { background-color: rgba(34, 34, 34, 0.95); top: 30px; right: 30px; left: 30px; bottom: 30px; } .ft_flickr_widget .cms-flickr-inner { margin: 0 -1px; } .ft_flickr_widget .cms-flickr-inner .flickr_badge_image { padding: 1px; margin: 0; width: 33.33%; height: auto; } .ft_flickr_widget .cms-flickr-inner .flickr_badge_image a { display: block; position: relative; } .ft_flickr_widget .cms-flickr-inner .flickr_badge_image a:before { content: "\f16e"; color: #fff; font-size: 14px; font-family: FontAwesome; z-index: 2; width: 40px; height: 40px; text-align: center; line-height: 40px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; 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; } .ft_flickr_widget .cms-flickr-inner .flickr_badge_image a:after { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; content: ""; background-color: #1151d3; opacity: 0.95; z-index: 1; 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; } .ft_flickr_widget .cms-flickr-inner .flickr_badge_image a:hover:before, .ft_flickr_widget .cms-flickr-inner .flickr_badge_image a:hover:after { opacity: 1; } .widget_archive .screen-reader-text, .widget_categories .screen-reader-text, .widget_meta .screen-reader-text, .widget_nav_menu .screen-reader-text { display: none; } .widget_rss li { margin-bottom: 22px; padding-bottom: 22px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .widget_rss li .rsswidget { font-size: 16px; display: block; margin-bottom: 8px; } .widget_rss li .rss-date { margin-bottom: 3px; display: block; font-style: italic; } .widget_recent_entries li { padding-bottom: 35px; } .widget_recent_entries li span { display: block; font-size: 12px; color: #7f7f7f; } .widget_recent_entries li:last-child { padding-bottom: 0; } .widget_znews-twitter-widget .item-content { padding-bottom: 25px; } .widget_znews-twitter-widget .item-content:last-child { padding-bottom: 0; } .widget_znews-twitter-widget .news-twitter-content { color: #cecece; } .widget_znews-twitter-widget .jtwt_date { font-size: 12px; color: #7f7f7f; } .widget_znews-twitter-widget .news-twitter-item { padding-bottom: 30px; } .cms-media { display: table; } .cms-media .cms-media-left { padding-right: 30px; } .cms-media .cms-media-left img { min-width: 60px; } .cms-media .cms-media-left, .cms-media .cms-media-content { display: table-cell; vertical-align: top; } @media screen and (max-width: 1200px) { .cms-footer-top-item .cms-media .cms-media-left { display: none; } } @media screen and (max-width: 1400px) { .mfp-menu .mfp-content { max-width: 620px; } .mfp-menu .mfp-content .cms-menu-modal { max-width: 620px; } .cms-hidden-sidebar-wrap { padding: 40px 50px; } .cms-hidden-sidebar-wrap .cms-hidden-sidebar-inner { padding-bottom: 40px; } } @media screen and (min-width: 1400px) { .boxed-width-lg:not(.page) #page-wrapper.cs-boxed #cms-content { padding-left: 85px; padding-right: 85px; } .boxed-width-lg #page-wrapper.cs-boxed { width: 1370px; } .boxed-width-lg #page-wrapper.cs-boxed #cms-header-topbar > .container, .boxed-width-lg #page-wrapper.cs-boxed #cms-page-title > .container { padding-left: 100px; padding-right: 100px; } .boxed-width-lg #page-wrapper.cs-boxed #cms-header-middle > .container { padding-left: 100px; padding-right: 100px; } .boxed-width-lg #page-wrapper.cs-boxed #cms-header-inner #cms-header > .container { padding-left: 100px; padding-right: 100px; } .boxed-width-lg #page-wrapper.cs-boxed #cms-header-inner #cms-header.header-fixed { margin: auto; max-width: 1370px; } .boxed-width-lg #page-wrapper.cs-boxed #primary .entry-content > .vc_row { padding-left: 85px; padding-right: 85px; } .boxed-width-lg #page-wrapper.cs-boxed #primary .entry-content > .vc_row.vc_row-no-padding { padding-left: 0; padding-right: 0; } .boxed-width-lg #page-wrapper.cs-boxed #primary .entry-content > .vc_row[data-vc-full-width] > .wpb_column.vc_col-sm-12 { padding-left: 85px; padding-right: 85px; } .boxed-width-lg #page-wrapper.cs-boxed .site-footer #cms-footer-top > .container, .boxed-width-lg #page-wrapper.cs-boxed .site-footer #cms-footer-minimal > .container, .boxed-width-lg #page-wrapper.cs-boxed .site-footer #cms-footer-bottom > .container { padding-left: 100px; padding-right: 100px; } } @media screen and (min-width: 1230px) { .boxed-width-lg #page-wrapper.cs-boxed { -webkit-box-shadow: 0 2px 23px rgba(0, 0, 0, 0.13); -moz-box-shadow: 0 2px 23px rgba(0, 0, 0, 0.13); -ms-box-shadow: 0 2px 23px rgba(0, 0, 0, 0.13); box-shadow: 0 2px 23px rgba(0, 0, 0, 0.13); } #page-wrapper.cs-boxed { margin: auto; width: 1230px; overflow: hidden; position: relative; } #page-wrapper.cs-boxed .container { width: 100%; } #page-wrapper.cs-boxed #cms-header-topbar > .container, #page-wrapper.cs-boxed #cms-page-title > .container { padding-left: 30px; padding-right: 30px; } #page-wrapper.cs-boxed #cms-header-middle > .container { padding-left: 30px; padding-right: 30px; } #page-wrapper.cs-boxed #cms-header-inner #cms-header > .container { padding-left: 30px; padding-right: 30px; } #page-wrapper.cs-boxed #cms-header-inner #cms-header.header-fixed { margin: auto; max-width: 1230px; } #page-wrapper.cs-boxed #cms-header-inner #cms-header .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } #page-wrapper.cs-boxed #primary .entry-content > .vc_row { padding-left: 15px; padding-right: 15px; } #page-wrapper.cs-boxed #primary .entry-content > .vc_row.vc_row-no-padding { padding-left: 0; padding-right: 0; } #page-wrapper.cs-boxed #primary .entry-content > .vc_row[data-vc-full-width] > .wpb_column.vc_col-sm-12 { padding-left: 15px; padding-right: 15px; } #page-wrapper.cs-boxed .site-footer #cms-footer-top > .container, #page-wrapper.cs-boxed .site-footer #cms-footer-minimal > .container, #page-wrapper.cs-boxed .site-footer #cms-footer-bottom > .container { padding-left: 30px; padding-right: 30px; } } @media screen and (max-width: 1280px) { .row-box > .wpb_column > .vc_column-inner { padding: 60px 40px 40px !important; } .cms-menu-popup-wrap .menu-main-menu > li { padding: 0 25px; line-height: 1; } .body-border-wrapper #cms-footer-top > .container, .body-border-wrapper #cms-footer-bottom > .container { width: 100%; padding: 0 30px; } } @media screen and (min-width: 1201px) { .cms-heading-title { max-width: 100% !important; } } @media screen and (max-width: 1200px) { .cms-heading-title br, .vc_custom_heading br { display: none; } .text-left-md { text-align: left; } .text-left-md .cms-counter-wraper.cms-counter-layout2 { text-align: left; } .text-center-md { text-align: center; } .text-right-md { text-align: right; } .cms-header-navigation .main-navigation .multicolumn.sub-menu { padding-left: 0 !important; padding-right: 0 !important; } .vc_row.vc_row-no-padding .section-offset-left > .vc_column-inner { padding-left: 15px !important; } body.header-28 .site-footer #cms-footer-top .cms-footer-top-item { width: 50%; } body.header-28 .site-footer #cms-footer-top .cms-footer-top-item:nth-child(2n+1) { clear: left; } .rm-padding-md > .vc_column-inner { padding-left: 15px !important; padding-right: 15px !important; } .rm-padding-md.rw30 > .vc_column-inner { padding-left: 30px !important; padding-right: 30px !important; } .cms-portfolio1 .cms-portfolio-description { text-align: center; margin-bottom: 20px; } } @media screen and (min-width: 1200px) { .text-center-lg { text-align: center; } .cms-menu-restaurant .cms-menu-restaurant-item.col-lg-4:nth-child(3n+1) { clear: left; } .container { width: 1200px; } .single-portfolio.portfolio-big-masonry .container { width: 1170px; } .is-right-sidebar #content { padding-right: 35px; } .is-left-sidebar #content { padding-left: 35px; } .cms-portfolio1 .cms-portfolio-description { padding-left: 0; margin-bottom: 15px; } .cms-portfolio1 .cms-portfolio-description + .cms-grid-filter { float: right; margin-bottom: 8px; padding-right: 0; padding-top: 10px; width: inherit; } .cms-grid-item { /* Border Body */ } .cms-grid-item.col-lg-3:nth-child(4n+1) { clear: left; } .cms-grid-item.col-lg-4:nth-child(3n+1) { clear: left; } .cms-grid-item.col-lg-6:nth-child(2n+1) { clear: left; } body.body-border-wrapper { padding: 30px; background-color: #fff; } body.body-border-wrapper #page-wrapper { background-color: #fff; } body.body-border-wrapper #cms-header-wrapper.header-trans.no-header-top.sticky-header #cms-header:not(.header-fixed) { top: 30px; } body.body-border-wrapper.admin-bar #cms-header-wrapper.header-trans.no-header-top.sticky-header #cms-header:not(.header-fixed) { top: 62px; } body.body-border-wrapper .no-header-top.header-trans #cms-header { padding-left: 55px; padding-right: 55px; } body.body-border-wrapper.header-20 { padding-top: 0; } body.body-border-wrapper #back_to_top span { right: 40px; } body.body-border-wrapper .body-border { width: 30px; background-color: #fff; position: fixed; top: 0; bottom: 0; z-index: 9999; } body.body-border-wrapper .body-border.body-border-left { left: 0; } body.body-border-wrapper .body-border.body-border-right { right: 0; } body.body-border-wrapper #cms-header-inner.header-trans #cms-header { top: 30px; } body.body-border-wrapper #cms-header-inner.header-trans #cms-header.header-fixed { top: 0; } body.body-border-wrapper.admin-bar #cms-header-inner.header-trans #cms-header { top: 62px; } body.body-border-wrapper.admin-bar #cms-header-inner.header-trans #cms-header.header-fixed { top: 62px; } body.body-border-wrapper #cms-header-wrapper.header-full-width #cms-header > .container, body.body-border-wrapper #cms-header-wrapper.header-20 #cms-header > .container, body.body-border-wrapper #cms-header-wrapper.header-full-width #cms-header-topbar > .container, body.body-border-wrapper #cms-header-wrapper.header-20 #cms-header-topbar > .container { padding: 0; } .col-border-right, .col-border-left { position: relative; } .col-border-right:before, .col-border-left:before { content: ""; background-color: #fff; position: absolute; height: 100%; width: 30px; top: 0; bottom: 0; display: block; z-index: 99; } .col-border-right:before { right: 0; } .col-border-left:before { left: 0; } } @media (min-width: 992px) and (max-width: 1200px) { /* ========================================================================== [Start] Medium devices (desktops, 992px and up) ========================================================================== */ .text-center-md { text-align: center; } .cms-grid-item.col-md-3:nth-child(4n+1) { clear: left; } .cms-grid-item.col-md-4:nth-child(3n+1) { clear: left; } .cms-grid-item.col-md-6:nth-child(2n+1) { clear: left; } .margin-top-sm-40 { margin-top: 40px; } } @media screen and (min-width: 992px) { /* ========================================================================== [Start] Small devices (tablets, 768px and up) ========================================================================== */ #cms-menu-mobile, .cms-search-close { display: none !important; /* Page + Sidebar */ } .is-left-sidebar.is-sidebar-style2 #content, .is-right-sidebar.is-sidebar-style2 #content { width: 66.6667%; padding-left: 15px; padding-right: 15px; } .is-left-sidebar.is-sidebar-style2 #sidebar, .is-right-sidebar.is-sidebar-style2 #sidebar { width: 33.3333%; } .cms-menu-restaurant .cms-menu-restaurant-item.col-lg-6:nth-child(2n+1) { clear: left; } } @media screen and (max-width: 991px) { .fixed-top-right.btn-sale { position: static; margin-top: 30px; } #cms-page-title { background-attachment: inherit !important; } #cms-reservation.cms-reservation-box, .today-special, .cms-menu-restaurant.cms-menu-restaurant-box { padding: 30px; } .site-footer .cms-footer-cta .cms-footer-cta-btn { justify-content: center; -webkit-justify-content: center; padding-top: 20px; } .cms-carousel-text .cms-carousel-title { font-size: 28px; line-height: 36px; } .cms-portfolio2 #cms-fullpage .section { height: inherit !important; } .cms-portfolio2 #cms-fullpage .section .fp-tableCell { height: 100% !important; } .cms-portfolio2 #cms-fullpage .section .cms-portfolio-content { height: inherit; min-height: 300px; } .cms-portfolio2 #cms-fullpage .section .cms-portfolio-content .cms-portfolio-title { font-size: 32px; } .cms-portfolio2 #cms-fullpage .section .cms-portfolio-image { height: 400px; } #cms-header-wrapper #cms-header > .container { padding: 0 15px; } .cms-hidden-sidebar-wrap { max-width: 100%; text-align: center; } .cms-hidden-sidebar-wrap .cms-hidden-sidebar-footer { right: 0; } #cms-page-title.pt-style4 .cms-page-title-inner h1 { margin-bottom: 15px; } .cms-blog-slider1 .entry-blog { padding: 20px; } .pt-space-sm { padding-top: 40px; } .single-portfolio .cms-single-portfolio.cms-single-portfolio-big .single-portfolio-image { margin-bottom: 40px; } .rm-border-right-sm > .vc_column-inner { border-right: none !important; } .container { width: 100%; } .is-right-sidebar #content + #sidebar, .is-left-sidebar #content + #sidebar { margin-top: 60px; } .get-contact-page .item { width: 100%; } #comments .comment-list > li > .children .children { padding-left: 0; } body#cms-theme #cms-page-title.page-title.pt-style1 { padding: 100px 0; } body#cms-theme #cms-page-title.page-title.pt-style1 .cms-page-title-inner h1 { margin-bottom: 0; font-size: 55px; } body#cms-theme #cms-page-title.page-title.pt-style1 .cms-page-title-inner h1 + .cms-page-subtitle { margin-top: 22px; } body#cms-theme #cms-page-title.page-title.pt-style1 .cms-breadcrumb { padding-top: 12px; } body#cms-theme .cms-breadcrumb .breadcrumbs li { line-height: normal; } .site-footer #cms-footer-top .cms-footer-top-item { margin-bottom: 45px; } .site-footer #cms-footer-top .cms-footer-top-item:last-child { margin-bottom: 0; } .site-footer #cms-footer-bottom .cms-footer-bottom-item + .cms-footer-bottom-item { padding-top: 14px; } .site-footer.cms-footer6 .cms-copyright { padding: 0; } .rm-padding-sm > .vc_column-inner { padding-left: 15px !important; padding-right: 15px !important; } .nopadding-sm > .vc_column-inner { padding-left: 0px !important; padding-right: 0px !important; } .fp-tableCell .rm-padding-sm > .vc_column-inner { padding-left: 30px !important; padding-right: 30px !important; } } @media (min-width: 768px) and (max-width: 991px) { .wpb_single_image.rm-margintop-sm { margin-top: 30px !important; } .vc_inner > .vc_col-sm-6:nth-child(2n+1) { clear: left; } .cms-heading-inner .title-mask { font-size: 200px; } .text-center-sm { text-align: center; } .text-center-sm .btn-align-right { text-align: center; } .text-center-sm .vc_custom_heading { text-align: center !important; } .text-left-sm { text-align: left; } .cms-grid-item.col-sm-6:nth-child(2n+1) { clear: left; } .cms-grid-item.col-sm-4:nth-child(3n+1) { clear: left; } .cms-grid-item.col-sm-3:nth-child(4n+1) { clear: left; } .vc_row #sb_instagram .sbi_item .sbi_photo::after { top: 10px; left: 10px; right: 10px; bottom: 10px; } .cms-product-related-wrap .products li:nth-child(3) { display: none; } #cms-footer-top .cms-footer-top-item.col-lg-3:nth-child(2n+1) { clear: left; } } @media (min-width: 768px) { /* ========================================================================== [Start] Extra small devices ========================================================================== */ .owl-nav-fixed .owl-controls .owl-nav i { border: 2px solid transparent; -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 */ /* BOX */ color: #fff; height: 54px; line-height: 50px; width: 54px; } .owl-nav-fixed .owl-controls .owl-nav .owl-prev, .owl-nav-fixed .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 */ } .owl-nav-fixed .owl-controls .owl-nav .owl-prev:hover i, .owl-nav-fixed .owl-controls .owl-nav .owl-next:hover i { color: #fff; border-color: rgba(255, 255, 255, 0.7); } .owl-nav-fixed .owl-controls .owl-nav .owl-prev { left: 30px; } .owl-nav-fixed .owl-controls .owl-nav .owl-next { right: 30px; } } @media screen and (min-width: 767px) { .menu-2cols ul.menu li { width: 50%; float: left; } .menu-2cols ul.menu li:nth-child(even) { float: right; } } @media screen and (max-width: 767px) { .wpb_single_image.inline-block { display: block; } .wpb_single_image.inline-block + .inline-block { margin-left: 0; margin-top: 30px; } .rev_slider_wrapper .box-slider { display: none !important; } #sb_instagram .sbi_item .sbi_photo { height: 150px !important; } #sb_instagram.sbi_col_3 #sbi_images .sbi_item { width: 33.33% !important; } .one-page-type #wpadminbar { position: fixed; } .cms-pricing-modern .cms-pricing-price { position: static; } .cms-pricing-modern .cms-pricing-price + .cms-pricing-holder { padding-top: 8px; padding-right: 0; } .cms-banner.image-position-right { margin-right: 30px; margin-top: 30px; } .cms-banner.image-position-right .cms-banner-inner + .cms-banner-inner { right: -30px; top: -30px; } .cms-banner.image-position-left { margin-left: 30px; margin-top: 30px; } .cms-banner.image-position-left .cms-banner-inner + .cms-banner-inner { left: -30px; top: -30px; } .cms-pricing-modern { padding: 32px 40px 25px; } .wpcf7-form .wd-contact-form { padding: 30px 30px 17px; } .wpb_single_image.rm-margintop-xs { margin-top: 30px !important; } .text-left-xs { text-align: left; } .vc_custom_1505459506468 .cms-grid-masonry .cms-grid-item:nth-child(6) .cms-portfolio-more, .vc_custom_1505459506468 .cms-grid-masonry .cms-grid-item:nth-child(6) .cms-portfolio-category { display: none; } .menu-hidden-sidebar li a { font-size: 22px; } .cms-heading-inner .title-mask, .error404 .cms-heading-wrapper .cms-heading-title { font-size: 100px; } .cms-blog-smart .entry-blog .entry-body, .cms-blog-smart .entry-blog .entry-holder { padding: 15px; } .rm-border-right-xs > .vc_column-inner { border-right: none !important; } .vc_custom_heading.resize-xs { font-size: 40px !important; line-height: 48px !important; } .cms-carousel-text .cms-carousel-title { font-size: 40px; line-height: 48px; } .resize-xs { font-size: 26px !important; line-height: 32px !important; } .resize-xs .cms-heading-title { font-size: 26px !important; line-height: 32px !important; } .resize-xs2 { font-size: 42px !important; line-height: 52px !important; } .resize-xs2 .cms-heading-title { font-size: 42px !important; line-height: 52px !important; } .row-box > .wpb_column > .vc_column-inner { padding: 35px 30px 15px !important; } .row-box-two > .wpb_column > .vc_column-inner { border: none !important; } .cms-pricing-wrapper { padding: 0 22px 22px; } .is-sidebar-style2 #widget-area, .wpb_widgetised_column { padding: 20px !important; } .cms-search-wrap .cms-search-inner { left: 15px; right: 15px; width: inherit; } .cms-search-wrap .cms-search-inner .search-form input[type="text"] { font-size: 20px; height: 50px; } .cms-search-wrap .cms-search-inner .search-form input[type="submit"] { height: 50px; } .cms-search-wrap .cms-search-inner .search-form > div::before { font-size: 18px; } .fp-tableCell .rm-padding-xs > .vc_column-inner { padding-left: 30px !important; padding-right: 30px !important; } #cms-header #cms-header-navigation { max-width: 100%; } .text-center-xs { text-align: center !important; } .text-center-xs .btn-align-right { text-align: center; } .text-center-xs .vc_custom_heading { text-align: center !important; } .vc_tta-tabs-position-left .vc_tta-tabs-container { display: none !important; } .rm-padding-xs > .vc_column-inner { padding-left: 15px !important; padding-right: 15px !important; } .rm-padding-xs.vc_row { padding-left: 0px !important; padding-right: 0px !important; } .nopadding-xs > .vc_column-inner { padding-left: 0px !important; padding-right: 0px !important; } #cms-page-title { background-attachment: inherit; /* Blog Archive */ } #cms-page-title .cms-page-title-inner h1 { font-size: 40px !important; } .entry-blog .entry-body { padding: 35px 20px 20px; } .entry-blog .entry-header .post-thumbnail + .entry-detail-terms-wrap .entry-detail-terms { left: 20px; } .cms-blog .entry-blog .entry-header { padding: 20px 20px 0; /* Single Post */ } .single-post .entry-blog .entry-author .admin-avt { float: none; margin: auto; } .single-post .entry-blog .entry-author .admin-info { padding-left: 0; padding-top: 20px; text-align: center; } .single-post .single-post-inner { padding-bottom: 20px; } .single-post .single-post-inner .entry-footer { padding-left: 20px; padding-right: 20px; } #comments #respond, #comments .comment-list-wrap { padding-left: 20px; padding-right: 20px; } #comments .comment-list .comment-body .comment-inner { text-align: center; } #comments .comment-list .comment-body .comment-inner .comment-author .avatar { float: none; margin: auto; } #comments .comment-list .comment-body .comment-inner .comment-content { padding-left: 0; padding-top: 20px; } #comments .comment-list .comment-body .comment-media { float: none; margin: auto; } #comments .comment-list .comment-body .commetn-text { padding-left: 0; text-align: center; } #comments .comment-list .children { padding-left: 0; } } @media screen and (max-width: 480px) { .cms-icon.square + .cms-button-wrapper { margin-left: 0; margin-top: 30px; display: block; } .cms-testimonial.cms-testimonial-layout3 .cms-testimonial-wrapper { padding-left: 0; padding-right: 0; } #sb_instagram .sbi_item .sbi_photo { height: 100px !important; } .wpb_widgetised_column .widget_newsletterwidget form .tnp-field-email { margin: 20px 0 0; } .pagination .page-numbers { height: 32px; line-height: 29px; width: 32px; font-size: 13px; } .pagination .page-numbers i { font-size: 13px; } .pagination .page-numbers + .page-numbers { margin-left: 2px; } .entry-readmore .btn { line-height: 40px; padding: 0 30px; } .wpb_gallery_slides.wpb_image_grid .wpb_image_grid_ul .isotope-item { width: 100%; } } .woocommerce-ResetPassword { margin-bottom: 100px; } #cms-theme .site-header .widget_shopping_cart { background-color: #fff; position: absolute; right: 0px; top: 100%; overflow: hidden; visibility: hidden; width: 270px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 300ms ease 0ms; -moz-transition: all 300ms ease 0ms; -ms-transition: all 300ms ease 0ms; transition: all 300ms ease 0ms; -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); z-index: 1; line-height: normal; margin-top: 30px; } #cms-theme .site-header .widget_shopping_cart.open { visibility: visible; opacity: 1; filter: alpha(opacity=1); margin-top: 0; z-index: 999; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content { padding: 20px; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content .product_list_widget { width: 100% !important; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content .cart_list li { margin-bottom: 15px; position: relative; padding: 0 20px 15px 0; border-bottom: 1px solid #f4f4f4; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content .cart_list li.empty { margin: 0; text-align: left; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content .cart_list li a { color: #282828; font-size: 14px; font-weight: 600; line-height: 24px; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content .cart_list li a:hover { color: #1151d3; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content .cart_list li a img { float: left; max-width: 70px; width: 100%; margin-right: 20px; margin-left: 0; -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 */ /* BOX */ } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content .cart_list li:last-child { padding-bottom: 0; border-bottom: 0; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content .cart_list li a.remove { font-size: 0; left: inherit; position: absolute; right: 0px; 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 */ z-index: 9; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content .cart_list li a.remove:before { background-color: #333; color: #fff; content: "x"; display: inline-block; font-size: 9px; height: 19px; line-height: 19px; text-align: center; width: 19px; font-weight: 300; -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 */ /* BOX */ } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content .cart_list li a.remove:hover:before { background-color: #1151d3; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content .cart_list li .quantity { color: #a9a9a9; font-size: 13px; font-weight: normal; margin-top: 10px; display: block; width: 100%; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content p.total { border-top: 2px solid #f4f4f4; border-bottom: 2px solid #f4f4f4; color: #9b9b9b; font-size: 14px; font-weight: 600; padding: 14px 0; margin-bottom: 20px; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content p.total strong { font-weight: 600; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content p.total .amount { color: #1151d3; float: right; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content p.buttons { margin: 0; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content p.buttons .button { width: 100%; display: block; text-align: center; border-color: #1151d3; color: #fff; background-color: #1151d3; -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 */ /* BOX */ line-height: 1; padding-top: 16px; padding-bottom: 16px; display: inline-block; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content p.buttons .button:hover { background-color: #282828; border-color: #282828; color: #fff; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content p.buttons .button.checkout { border: 2px solid #282828; background-color: transparent; color: #282828; margin-top: 10px; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content p.buttons .button.checkout:hover { background-color: #1151d3; color: #fff; border-color: #1151d3; } #cms-theme .site-header .vertical-handle { background-color: rgba(0, 0, 0, 0.08); -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 */ /* BOX */ position: absolute; right: -12px; width: 3px; 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; } #cms-theme .site-header:hover .vertical-handle { opacity: 1; } #cms-theme.woocommerce #cms-page-title, #cms-theme.woocommerce-page #cms-page-title, #cms-theme .woocommerce #cms-page-title { padding-top: 240px !important; padding-bottom: 148px !important; } #cms-theme.woocommerce #cms-page-title .cms-page-title-inner h1, #cms-theme.woocommerce-page #cms-page-title .cms-page-title-inner h1, #cms-theme .woocommerce #cms-page-title .cms-page-title-inner h1 { margin-bottom: 12px !important; } #cms-theme.woocommerce #cms-page-title .cms-breadcrumb, #cms-theme.woocommerce-page #cms-page-title .cms-breadcrumb, #cms-theme .woocommerce #cms-page-title .cms-breadcrumb { padding-top: 0 !important; } #cms-theme.woocommerce #cms-content, #cms-theme.woocommerce-page #cms-content, #cms-theme .woocommerce #cms-content { background-color: #f9f9f9; } #cms-theme.woocommerce .shop-sidebar-left .pr-content, #cms-theme.woocommerce-page .shop-sidebar-left .pr-content, #cms-theme .woocommerce .shop-sidebar-left .pr-content { float: right; } #cms-theme.woocommerce #cshero-header-top-woo, #cms-theme.woocommerce-page #cshero-header-top-woo, #cms-theme .woocommerce #cshero-header-top-woo { display: block; } #cms-theme.woocommerce #page-wrapper.cs-wide, #cms-theme.woocommerce-page #page-wrapper.cs-wide, #cms-theme .woocommerce #page-wrapper.cs-wide { background-color: #fff; /* [Start] 1. Navigation */ } #cms-theme.woocommerce .woocommerce-pagination, #cms-theme.woocommerce-page .woocommerce-pagination, #cms-theme .woocommerce .woocommerce-pagination, #cms-theme.woocommerce .woo-nav-links, #cms-theme.woocommerce-page .woo-nav-links, #cms-theme .woocommerce .woo-nav-links { margin-top: 20px; padding-top: 0px; width: 100%; text-align: center; font-weight: normal; } #cms-theme.woocommerce .woocommerce-pagination ul, #cms-theme.woocommerce-page .woocommerce-pagination ul, #cms-theme .woocommerce .woocommerce-pagination ul, #cms-theme.woocommerce .woo-nav-links ul, #cms-theme.woocommerce-page .woo-nav-links ul, #cms-theme .woocommerce .woo-nav-links ul { border: none; } #cms-theme.woocommerce .woocommerce-pagination ul li, #cms-theme.woocommerce-page .woocommerce-pagination ul li, #cms-theme .woocommerce .woocommerce-pagination ul li, #cms-theme.woocommerce .woo-nav-links ul li, #cms-theme.woocommerce-page .woo-nav-links ul li, #cms-theme .woocommerce .woo-nav-links ul li { margin: 0 2px; border: none; } #cms-theme.woocommerce .woocommerce-pagination ul li .page-numbers, #cms-theme.woocommerce-page .woocommerce-pagination ul li .page-numbers, #cms-theme .woocommerce .woocommerce-pagination ul li .page-numbers, #cms-theme.woocommerce .woo-nav-links ul li .page-numbers, #cms-theme.woocommerce-page .woo-nav-links ul li .page-numbers, #cms-theme .woocommerce .woo-nav-links ul li .page-numbers { border: 2px solid transparent; background-color: transparent; -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 */ /* BOX */ display: inline-block; height: 46px; line-height: 46px; text-align: center; width: 46px; color: #616161; font-size: 16px; font-weight: 700; margin-bottom: 10px; padding: 0; } #cms-theme.woocommerce .woocommerce-pagination ul li .page-numbers.next, #cms-theme.woocommerce-page .woocommerce-pagination ul li .page-numbers.next, #cms-theme .woocommerce .woocommerce-pagination ul li .page-numbers.next, #cms-theme.woocommerce .woo-nav-links ul li .page-numbers.next, #cms-theme.woocommerce-page .woo-nav-links ul li .page-numbers.next, #cms-theme .woocommerce .woo-nav-links ul li .page-numbers.next { border: none; margin-left: 45px; width: initial; font-size: 0px; } #cms-theme.woocommerce .woocommerce-pagination ul li .page-numbers.next:before, #cms-theme.woocommerce-page .woocommerce-pagination ul li .page-numbers.next:before, #cms-theme .woocommerce .woocommerce-pagination ul li .page-numbers.next:before, #cms-theme.woocommerce .woo-nav-links ul li .page-numbers.next:before, #cms-theme.woocommerce-page .woo-nav-links ul li .page-numbers.next:before, #cms-theme .woocommerce .woo-nav-links ul li .page-numbers.next:before { content: "Next"; font-size: 16px; } #cms-theme.woocommerce .woocommerce-pagination ul li .page-numbers.prev, #cms-theme.woocommerce-page .woocommerce-pagination ul li .page-numbers.prev, #cms-theme .woocommerce .woocommerce-pagination ul li .page-numbers.prev, #cms-theme.woocommerce .woo-nav-links ul li .page-numbers.prev, #cms-theme.woocommerce-page .woo-nav-links ul li .page-numbers.prev, #cms-theme .woocommerce .woo-nav-links ul li .page-numbers.prev { border: none; width: initial; margin-right: 45px; font-size: 0; } #cms-theme.woocommerce .woocommerce-pagination ul li .page-numbers.prev:before, #cms-theme.woocommerce-page .woocommerce-pagination ul li .page-numbers.prev:before, #cms-theme .woocommerce .woocommerce-pagination ul li .page-numbers.prev:before, #cms-theme.woocommerce .woo-nav-links ul li .page-numbers.prev:before, #cms-theme.woocommerce-page .woo-nav-links ul li .page-numbers.prev:before, #cms-theme .woocommerce .woo-nav-links ul li .page-numbers.prev:before { content: "Previous"; font-size: 16px; } #cms-theme.woocommerce .woocommerce-pagination ul li .page-numbers.current, #cms-theme.woocommerce-page .woocommerce-pagination ul li .page-numbers.current, #cms-theme .woocommerce .woocommerce-pagination ul li .page-numbers.current, #cms-theme.woocommerce .woo-nav-links ul li .page-numbers.current, #cms-theme.woocommerce-page .woo-nav-links ul li .page-numbers.current, #cms-theme .woocommerce .woo-nav-links ul li .page-numbers.current { border-color: #dbdbdb; } #cms-theme.woocommerce .woocommerce-pagination ul li .page-numbers:not(.current):hover, #cms-theme.woocommerce-page .woocommerce-pagination ul li .page-numbers:not(.current):hover, #cms-theme .woocommerce .woocommerce-pagination ul li .page-numbers:not(.current):hover, #cms-theme.woocommerce .woo-nav-links ul li .page-numbers:not(.current):hover, #cms-theme.woocommerce-page .woo-nav-links ul li .page-numbers:not(.current):hover, #cms-theme .woocommerce .woo-nav-links ul li .page-numbers:not(.current):hover { color: #1151d3; } #cms-theme.woocommerce .woo-nav-links, #cms-theme.woocommerce-page .woo-nav-links, #cms-theme .woocommerce .woo-nav-links { margin-top: 40px; padding-top: 0; /* [End] 1. Navigation */ /* [Start] 2. Button */ } #cms-theme.woocommerce .woo-nav-links li, #cms-theme.woocommerce-page .woo-nav-links li, #cms-theme .woocommerce .woo-nav-links li { display: inline-block; margin: 0 10px !important; } #cms-theme.woocommerce .woo-nav-links li a .page-numbers, #cms-theme.woocommerce-page .woo-nav-links li a .page-numbers, #cms-theme .woocommerce .woo-nav-links li a .page-numbers { border-color: #e0e0e0; margin-bottom: 0; } #cms-theme.woocommerce .woo-nav-links li a .page-numbers i, #cms-theme.woocommerce-page .woo-nav-links li a .page-numbers i, #cms-theme .woocommerce .woo-nav-links li a .page-numbers i { vertical-align: text-top; } #cms-theme.woocommerce input#submit, #cms-theme.woocommerce-page input#submit, #cms-theme .woocommerce input#submit, #cms-theme.woocommerce .button, #cms-theme.woocommerce-page .button, #cms-theme .woocommerce .button, #cms-theme.woocommerce button input[type="submit"], #cms-theme.woocommerce-page button input[type="submit"], #cms-theme .woocommerce button input[type="submit"], #cms-theme.woocommerce .added_to_cart, #cms-theme.woocommerce-page .added_to_cart, #cms-theme .woocommerce .added_to_cart { background-color: #1151d3; font-size: 13px; font-weight: 800; border: none; color: #fff; text-transform: uppercase; padding: 0 28px; line-height: 38px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; -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 */ /* BOX */ position: relative; border: 2px solid #1151d3; letter-spacing: 0.02em; } #cms-theme.woocommerce input#submit i, #cms-theme.woocommerce-page input#submit i, #cms-theme .woocommerce input#submit i, #cms-theme.woocommerce .button i, #cms-theme.woocommerce-page .button i, #cms-theme .woocommerce .button i, #cms-theme.woocommerce button input[type="submit"] i, #cms-theme.woocommerce-page button input[type="submit"] i, #cms-theme .woocommerce button input[type="submit"] i, #cms-theme.woocommerce .added_to_cart i, #cms-theme.woocommerce-page .added_to_cart i, #cms-theme .woocommerce .added_to_cart i { padding-right: 8px; } #cms-theme.woocommerce input#submit:hover, #cms-theme.woocommerce-page input#submit:hover, #cms-theme .woocommerce input#submit:hover, #cms-theme.woocommerce .added_to_cart:hover, #cms-theme.woocommerce-page .added_to_cart:hover, #cms-theme .woocommerce .added_to_cart:hover, #cms-theme.woocommerce .added_to_cart:focus, #cms-theme.woocommerce-page .added_to_cart:focus, #cms-theme .woocommerce .added_to_cart:focus, #cms-theme.woocommerce button:hover, #cms-theme.woocommerce-page button:hover, #cms-theme .woocommerce button:hover, #cms-theme.woocommerce .button:hover, #cms-theme.woocommerce-page .button:hover, #cms-theme .woocommerce .button:hover, #cms-theme.woocommerce input[type="submit"]:hover, #cms-theme.woocommerce-page input[type="submit"]:hover, #cms-theme .woocommerce input[type="submit"]:hover, #cms-theme.woocommerce button:focus, #cms-theme.woocommerce-page button:focus, #cms-theme .woocommerce button:focus, #cms-theme.woocommerce .button:focus, #cms-theme.woocommerce-page .button:focus, #cms-theme .woocommerce .button:focus, #cms-theme.woocommerce input[type="submit"]:focus, #cms-theme.woocommerce-page input[type="submit"]:focus, #cms-theme .woocommerce input[type="submit"]:focus { outline: medium none; text-decoration: none; background-color: #282828; border-color: #282828; color: #fff; } #cms-theme.woocommerce input[type='text'], #cms-theme.woocommerce-page input[type='text'], #cms-theme .woocommerce input[type='text'], #cms-theme.woocommerce input[type="password"], #cms-theme.woocommerce-page input[type="password"], #cms-theme .woocommerce input[type="password"], #cms-theme.woocommerce input[type="datetime"], #cms-theme.woocommerce-page input[type="datetime"], #cms-theme .woocommerce input[type="datetime"], #cms-theme.woocommerce input[type="datetime-local"], #cms-theme.woocommerce-page input[type="datetime-local"], #cms-theme .woocommerce input[type="datetime-local"], #cms-theme.woocommerce input[type="date"], #cms-theme.woocommerce-page input[type="date"], #cms-theme .woocommerce input[type="date"], #cms-theme.woocommerce input[type="month"], #cms-theme.woocommerce-page input[type="month"], #cms-theme .woocommerce input[type="month"], #cms-theme.woocommerce input[type="time"], #cms-theme.woocommerce-page input[type="time"], #cms-theme .woocommerce input[type="time"], #cms-theme.woocommerce input[type="week"], #cms-theme.woocommerce-page input[type="week"], #cms-theme .woocommerce input[type="week"], #cms-theme.woocommerce input[type="number"], #cms-theme.woocommerce-page input[type="number"], #cms-theme .woocommerce input[type="number"], #cms-theme.woocommerce input[type="email"], #cms-theme.woocommerce-page input[type="email"], #cms-theme .woocommerce input[type="email"], #cms-theme.woocommerce input[type="url"], #cms-theme.woocommerce-page input[type="url"], #cms-theme .woocommerce input[type="url"], #cms-theme.woocommerce input[type="search"], #cms-theme.woocommerce-page input[type="search"], #cms-theme .woocommerce input[type="search"], #cms-theme.woocommerce input[type="tel"], #cms-theme.woocommerce-page input[type="tel"], #cms-theme .woocommerce input[type="tel"], #cms-theme.woocommerce input[type="color"], #cms-theme.woocommerce-page input[type="color"], #cms-theme .woocommerce input[type="color"], #cms-theme.woocommerce textarea, #cms-theme.woocommerce-page textarea, #cms-theme .woocommerce textarea, #cms-theme.woocommerce select, #cms-theme.woocommerce-page select, #cms-theme .woocommerce select { border: 1px solid #eee; -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 */ /* BOX */ height: 42px; padding-left: 15px; padding-right: 15px; } #cms-theme.woocommerce input[type='text']:focus, #cms-theme.woocommerce-page input[type='text']:focus, #cms-theme .woocommerce input[type='text']:focus, #cms-theme.woocommerce input[type="password"]:focus, #cms-theme.woocommerce-page input[type="password"]:focus, #cms-theme .woocommerce input[type="password"]:focus, #cms-theme.woocommerce input[type="datetime"]:focus, #cms-theme.woocommerce-page input[type="datetime"]:focus, #cms-theme .woocommerce input[type="datetime"]:focus, #cms-theme.woocommerce input[type="datetime-local"]:focus, #cms-theme.woocommerce-page input[type="datetime-local"]:focus, #cms-theme .woocommerce input[type="datetime-local"]:focus, #cms-theme.woocommerce input[type="date"]:focus, #cms-theme.woocommerce-page input[type="date"]:focus, #cms-theme .woocommerce input[type="date"]:focus, #cms-theme.woocommerce input[type="month"]:focus, #cms-theme.woocommerce-page input[type="month"]:focus, #cms-theme .woocommerce input[type="month"]:focus, #cms-theme.woocommerce input[type="time"]:focus, #cms-theme.woocommerce-page input[type="time"]:focus, #cms-theme .woocommerce input[type="time"]:focus, #cms-theme.woocommerce input[type="week"]:focus, #cms-theme.woocommerce-page input[type="week"]:focus, #cms-theme .woocommerce input[type="week"]:focus, #cms-theme.woocommerce input[type="number"]:focus, #cms-theme.woocommerce-page input[type="number"]:focus, #cms-theme .woocommerce input[type="number"]:focus, #cms-theme.woocommerce input[type="email"]:focus, #cms-theme.woocommerce-page input[type="email"]:focus, #cms-theme .woocommerce input[type="email"]:focus, #cms-theme.woocommerce input[type="url"]:focus, #cms-theme.woocommerce-page input[type="url"]:focus, #cms-theme .woocommerce input[type="url"]:focus, #cms-theme.woocommerce input[type="search"]:focus, #cms-theme.woocommerce-page input[type="search"]:focus, #cms-theme .woocommerce input[type="search"]:focus, #cms-theme.woocommerce input[type="tel"]:focus, #cms-theme.woocommerce-page input[type="tel"]:focus, #cms-theme .woocommerce input[type="tel"]:focus, #cms-theme.woocommerce input[type="color"]:focus, #cms-theme.woocommerce-page input[type="color"]:focus, #cms-theme .woocommerce input[type="color"]:focus, #cms-theme.woocommerce textarea:focus, #cms-theme.woocommerce-page textarea:focus, #cms-theme .woocommerce textarea:focus, #cms-theme.woocommerce select:focus, #cms-theme.woocommerce-page select:focus, #cms-theme .woocommerce select:focus { border-color: #1151d3; } #cms-theme.woocommerce textarea, #cms-theme.woocommerce-page textarea, #cms-theme .woocommerce textarea { height: 112px; max-width: 100%; } #cms-theme.woocommerce .form-row, #cms-theme.woocommerce-page .form-row, #cms-theme .woocommerce .form-row { margin-bottom: 15px; padding: 0; } #cms-theme.woocommerce .form-row label, #cms-theme.woocommerce-page .form-row label, #cms-theme .woocommerce .form-row label { font-weight: 500; color: #282828; } #cms-theme.woocommerce .select2-container--default, #cms-theme.woocommerce-page .select2-container--default, #cms-theme .woocommerce .select2-container--default { /* [End] 2. Button */ /* [Start] 3. Sidebar */ } #cms-theme.woocommerce .select2-container--default .select2-selection--single, #cms-theme.woocommerce-page .select2-container--default .select2-selection--single, #cms-theme .woocommerce .select2-container--default .select2-selection--single { -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 */ /* BOX */ border: 1px solid #eee; color: #b8b8b8; height: 47px; } #cms-theme.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered, #cms-theme.woocommerce-page .select2-container--default .select2-selection--single .select2-selection__rendered, #cms-theme .woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 20px; height: 47px; line-height: 47px; } #cms-theme.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow, #cms-theme.woocommerce-page .select2-container--default .select2-selection--single .select2-selection__arrow, #cms-theme .woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow { height: 47px; right: 12px; } #cms-theme.woocommerce .select2-container--default .select2-dropdown, #cms-theme.woocommerce-page .select2-container--default .select2-dropdown, #cms-theme .woocommerce .select2-container--default .select2-dropdown, #cms-theme.woocommerce .select2-container--default .select2-search--dropdown .select2-search__field, #cms-theme.woocommerce-page .select2-container--default .select2-search--dropdown .select2-search__field, #cms-theme .woocommerce .select2-container--default .select2-search--dropdown .select2-search__field { border-color: #eee; } #cms-theme.woocommerce .widget_price_filter, #cms-theme.woocommerce-page .widget_price_filter, #cms-theme .woocommerce .widget_price_filter { /* [End] 3. Sidebar */ /* [Start] 4. Archive Product */ } #cms-theme.woocommerce .widget_price_filter .ui-slider, #cms-theme.woocommerce-page .widget_price_filter .ui-slider, #cms-theme .woocommerce .widget_price_filter .ui-slider { background-color: #ececec; margin: 0 0 22px; } #cms-theme.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, #cms-theme.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle, #cms-theme .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: #1151d3; top: -2px; height: 8px; width: 8px; margin: 0; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; /* BACKGROUND GRADIENT */ /* BOX */ } #cms-theme.woocommerce .widget_price_filter .price_slider_amount .button, #cms-theme.woocommerce-page .widget_price_filter .price_slider_amount .button, #cms-theme .woocommerce .widget_price_filter .price_slider_amount .button { float: right; border: none; color: #1151d3; text-transform: capitalize; padding: 0; line-height: 1; } #cms-theme.woocommerce .widget_price_filter .price_slider_amount .button:hover, #cms-theme.woocommerce-page .widget_price_filter .price_slider_amount .button:hover, #cms-theme .woocommerce .widget_price_filter .price_slider_amount .button:hover { background-color: transparent; color: #282828; } #cms-theme.woocommerce .widget_price_filter .price_slider_amount .price_label, #cms-theme.woocommerce-page .widget_price_filter .price_slider_amount .price_label, #cms-theme .woocommerce .widget_price_filter .price_slider_amount .price_label { float: left; font-size: 13px; line-height: 1; } #cms-theme.woocommerce .woocommerce-result-count, #cms-theme.woocommerce-page .woocommerce-result-count, #cms-theme .woocommerce .woocommerce-result-count { color: #2f2f2f; font-size: 15px; line-height: 34px; margin: 0; font-weight: 700; } #cms-theme.woocommerce .form-effect, #cms-theme.woocommerce-page .form-effect, #cms-theme .woocommerce .form-effect { position: relative; display: inline-block; } #cms-theme.woocommerce .form-effect form, #cms-theme.woocommerce-page .form-effect form, #cms-theme .woocommerce .form-effect form { margin: 0; } #cms-theme.woocommerce .form-effect form select, #cms-theme.woocommerce-page .form-effect form select, #cms-theme .woocommerce .form-effect form select { background-color: transparent; -webkit-appearance: none; -khtml-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } #cms-theme.woocommerce .form-effect form select option, #cms-theme.woocommerce-page .form-effect form select option, #cms-theme .woocommerce .form-effect form select option { padding: 5px 10px; } #cms-theme.woocommerce .form-effect form select option:hover, #cms-theme.woocommerce-page .form-effect form select option:hover, #cms-theme .woocommerce .form-effect form select option:hover { background-color: #e5e5e5; } #cms-theme.woocommerce .form-effect .arrow-down, #cms-theme.woocommerce-page .form-effect .arrow-down, #cms-theme .woocommerce .form-effect .arrow-down { height: 34px; line-height: 34px; position: absolute; right: 0; text-align: center; top: 1px; width: 34px; z-index: -1; font-size: 18px; } #cms-theme.woocommerce .form-effect .woocommerce-ordering, #cms-theme.woocommerce-page .form-effect .woocommerce-ordering, #cms-theme .woocommerce .form-effect .woocommerce-ordering { float: left; } #cms-theme.woocommerce .cms-product-meta, #cms-theme.woocommerce-page .cms-product-meta, #cms-theme .woocommerce .cms-product-meta { display: none; } #cms-theme.woocommerce .products, #cms-theme.woocommerce-page .products, #cms-theme .woocommerce .products { margin-left: -15px; margin-right: -15px; } #cms-theme.woocommerce .products li, #cms-theme.woocommerce-page .products li, #cms-theme .woocommerce .products li { margin-right: 0; margin-bottom: 28px; padding: 0 15px; width: 33.33%; clear: initial; } #cms-theme.woocommerce .products li.last, #cms-theme.woocommerce-page .products li.last, #cms-theme .woocommerce .products li.last { margin-right: 0; } #cms-theme.woocommerce .products li:nth-child(3n+1), #cms-theme.woocommerce-page .products li:nth-child(3n+1), #cms-theme .woocommerce .products li:nth-child(3n+1) { clear: left; } #cms-theme.woocommerce .products li .cshere-woo-item-wrap, #cms-theme.woocommerce-page .products li .cshere-woo-item-wrap, #cms-theme .woocommerce .products li .cshere-woo-item-wrap { background-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 */ /* BOX */ -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); overflow: hidden; } #cms-theme.woocommerce .products li .cshere-woo-item-wrap .cshero-woo-image, #cms-theme.woocommerce-page .products li .cshere-woo-item-wrap .cshero-woo-image, #cms-theme .woocommerce .products li .cshere-woo-item-wrap .cshero-woo-image { position: relative; overflow: hidden; margin: 15px; } #cms-theme.woocommerce .products li .cshere-woo-item-wrap .cshero-woo-image img, #cms-theme.woocommerce-page .products li .cshere-woo-item-wrap .cshero-woo-image img, #cms-theme .woocommerce .products li .cshere-woo-item-wrap .cshero-woo-image img { margin-bottom: 0; } #cms-theme.woocommerce .products li .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart, #cms-theme.woocommerce-page .products li .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart, #cms-theme .woocommerce .products li .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart { bottom: 0; left: 25px; position: absolute; right: 25px; opacity: 0; -webkit-transform: translateY(50px); -khtml-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); /* BACKGROUND GRADIENT */ -webkit-transition: all 200ms linear 0ms; -moz-transition: all 200ms linear 0ms; -ms-transition: all 200ms linear 0ms; transition: all 200ms linear 0ms; } #cms-theme.woocommerce .products li .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a, #cms-theme.woocommerce-page .products li .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a, #cms-theme .woocommerce .products li .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a { display: block; text-align: center; -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 */ /* BOX */ } #cms-theme.woocommerce .products li .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a i, #cms-theme.woocommerce-page .products li .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a i, #cms-theme .woocommerce .products li .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a i { font-size: 15px; } #cms-theme.woocommerce .products li .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a.loading:before, #cms-theme.woocommerce-page .products li .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a.loading:before, #cms-theme .woocommerce .products li .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a.loading:before, #cms-theme.woocommerce .products li .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a.loading:after, #cms-theme.woocommerce-page .products li .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a.loading:after, #cms-theme .woocommerce .products li .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a.loading:after { top: 0; } #cms-theme.woocommerce .products li .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a.added, #cms-theme.woocommerce-page .products li .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a.added, #cms-theme .woocommerce .products li .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a.added { display: none; } #cms-theme.woocommerce .products li .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a.wc-forward:before, #cms-theme.woocommerce-page .products li .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a.wc-forward:before, #cms-theme .woocommerce .products li .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a.wc-forward:before { content: "\f00c"; font-family: FontAwesome; padding-right: 8px; font-size: 15px; font-weight: normal; } #cms-theme.woocommerce .products li .cshere-woo-item-wrap .cshero-woo-image:hover .cshero-add-to-cart, #cms-theme.woocommerce-page .products li .cshere-woo-item-wrap .cshero-woo-image:hover .cshero-add-to-cart, #cms-theme .woocommerce .products li .cshere-woo-item-wrap .cshero-woo-image:hover .cshero-add-to-cart { -webkit-transform: translateY(0px); -khtml-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); /* BACKGROUND GRADIENT */ opacity: 1; } #cms-theme.woocommerce .products li .cshere-woo-item-wrap .cshero-woo-meta, #cms-theme.woocommerce-page .products li .cshere-woo-item-wrap .cshero-woo-meta, #cms-theme .woocommerce .products li .cshere-woo-item-wrap .cshero-woo-meta { padding: 0 15px 30px; text-align: center; } #cms-theme.woocommerce .products li .cshere-woo-item-wrap .cshero-woo-meta .star-rating, #cms-theme.woocommerce-page .products li .cshere-woo-item-wrap .cshero-woo-meta .star-rating, #cms-theme .woocommerce .products li .cshere-woo-item-wrap .cshero-woo-meta .star-rating { display: none; } #cms-theme.woocommerce .products li .cshere-woo-item-wrap .cshero-woo-meta .posted_in a, #cms-theme.woocommerce-page .products li .cshere-woo-item-wrap .cshero-woo-meta .posted_in a, #cms-theme .woocommerce .products li .cshere-woo-item-wrap .cshero-woo-meta .posted_in a { color: #b8b8b8; } #cms-theme.woocommerce .products li .cshere-woo-item-wrap .cshero-woo-meta .posted_in a:hover, #cms-theme.woocommerce-page .products li .cshere-woo-item-wrap .cshero-woo-meta .posted_in a:hover, #cms-theme .woocommerce .products li .cshere-woo-item-wrap .cshero-woo-meta .posted_in a:hover { color: #1151d3; } #cms-theme.woocommerce .products li .cshere-woo-item-wrap .cshero-woo-meta .content, #cms-theme.woocommerce-page .products li .cshere-woo-item-wrap .cshero-woo-meta .content, #cms-theme .woocommerce .products li .cshere-woo-item-wrap .cshero-woo-meta .content { display: none; } #cms-theme.woocommerce .product .onsale, #cms-theme.woocommerce-page .product .onsale, #cms-theme .woocommerce .product .onsale, #cms-theme.woocommerce .product .product-status, #cms-theme.woocommerce-page .product .product-status, #cms-theme .woocommerce .product .product-status { -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 */ /* BOX */ font-weight: 800; line-height: 29px; margin: 0; min-height: 0; padding: 0; text-transform: uppercase; top: 5px; font-size: 12px; min-width: 56px; height: 29px; left: inherit; z-index: 1; display: inline-block; text-align: center; color: #fff; position: absolute; letter-spacing: 0.1em; } #cms-theme.woocommerce .product .onsale, #cms-theme.woocommerce-page .product .onsale, #cms-theme .woocommerce .product .onsale { background-color: #1151d3; right: 5px; } #cms-theme.woocommerce .product .product-status, #cms-theme.woocommerce-page .product .product-status, #cms-theme .woocommerce .product .product-status { background-color: #f9c400; left: 5px; } #cms-theme.woocommerce .product .price .amount, #cms-theme.woocommerce-page .product .price .amount, #cms-theme .woocommerce .product .price .amount { font-weight: normal; font-size: 17px; color: #1151d3; font-weight: 700; line-height: 1; } #cms-theme.woocommerce .product .price del, #cms-theme.woocommerce-page .product .price del, #cms-theme .woocommerce .product .price del { display: inline-block; margin-right: 10px; line-height: 1; color: #a9a9a9; } #cms-theme.woocommerce .product .price del .amount, #cms-theme.woocommerce-page .product .price del .amount, #cms-theme .woocommerce .product .price del .amount { color: #a9a9a9; } #cms-theme.woocommerce .product .price ins, #cms-theme.woocommerce-page .product .price ins, #cms-theme .woocommerce .product .price ins { padding: 0; } #cms-theme.woocommerce .star-rating, #cms-theme.woocommerce-page .star-rating, #cms-theme .woocommerce .star-rating { margin: 6px 26px 0; height: 16px; } #cms-theme.woocommerce .star-rating:before, #cms-theme.woocommerce-page .star-rating:before, #cms-theme .woocommerce .star-rating:before { color: #1151d3; } #cms-theme.woocommerce .star-rating span::before, #cms-theme.woocommerce-page .star-rating span::before, #cms-theme .woocommerce .star-rating span::before { color: #1151d3; } #cms-theme.woocommerce .cms-product-layout, #cms-theme.woocommerce-page .cms-product-layout, #cms-theme .woocommerce .cms-product-layout { float: right; text-align: right; width: 50%; } #cms-theme.woocommerce .cms-product-layout span, #cms-theme.woocommerce-page .cms-product-layout span, #cms-theme .woocommerce .cms-product-layout span { background-color: #1151d3; color: #fff; cursor: pointer; display: inline-block; height: 50px; line-height: 50px; text-align: center; width: 46px; -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.woocommerce .cms-product-layout span:hover, #cms-theme.woocommerce-page .cms-product-layout span:hover, #cms-theme .woocommerce .cms-product-layout span:hover, #cms-theme.woocommerce .cms-product-layout span.active, #cms-theme.woocommerce-page .cms-product-layout span.active, #cms-theme .woocommerce .cms-product-layout span.active { background-color: #323232; } #cms-theme.woocommerce .cms-product-layout span.cms-product-list, #cms-theme.woocommerce-page .cms-product-layout span.cms-product-list, #cms-theme .woocommerce .cms-product-layout span.cms-product-list { margin-left: 3px; } #cms-theme.woocommerce .shop-4column, #cms-theme.woocommerce-page .shop-4column, #cms-theme .woocommerce .shop-4column { float: none; margin: auto; width: 100%; } #cms-theme.woocommerce .shop-4column .cshere-woo-item-wrap .cshero-woo-meta .cshero-add-to-cart a, #cms-theme.woocommerce-page .shop-4column .cshere-woo-item-wrap .cshero-woo-meta .cshero-add-to-cart a, #cms-theme .woocommerce .shop-4column .cshere-woo-item-wrap .cshero-woo-meta .cshero-add-to-cart a { display: inline-block; } #cms-theme.woocommerce .shop-4column .products li.product, #cms-theme.woocommerce-page .shop-4column .products li.product, #cms-theme .woocommerce .shop-4column .products li.product { width: 25%; clear: none; } #cms-theme.woocommerce .shop-4column .products li.product:nth-child(4n+1), #cms-theme.woocommerce-page .shop-4column .products li.product:nth-child(4n+1), #cms-theme .woocommerce .shop-4column .products li.product:nth-child(4n+1) { clear: left; } #cms-theme.woocommerce del, #cms-theme.woocommerce-page del, #cms-theme .woocommerce del { opacity: 1; filter: alpha(opacity=1); color: ; } #cms-theme.woocommerce .woocommerce-message, #cms-theme.woocommerce-page .woocommerce-message, #cms-theme .woocommerce .woocommerce-message, #cms-theme.woocommerce .woocommerce-info, #cms-theme.woocommerce-page .woocommerce-info, #cms-theme .woocommerce .woocommerce-info { 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 */ /* BOX */ border-top: none; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); margin-bottom: 40px; color: #282828; font-weight: 500; /* [End] 4. Archive Product */ } #cms-theme.woocommerce .woocommerce-message .button, #cms-theme.woocommerce-page .woocommerce-message .button, #cms-theme .woocommerce .woocommerce-message .button, #cms-theme.woocommerce .woocommerce-info .button, #cms-theme.woocommerce-page .woocommerce-info .button, #cms-theme .woocommerce .woocommerce-info .button { -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 */ /* BOX */ } #cms-theme.woocommerce .woocommerce-message:before, #cms-theme.woocommerce-page .woocommerce-message:before, #cms-theme .woocommerce .woocommerce-message:before, #cms-theme.woocommerce .woocommerce-info:before, #cms-theme.woocommerce-page .woocommerce-info:before, #cms-theme .woocommerce .woocommerce-info:before { color: #1151d3; } #cms-theme.woocommerce .quantity-wrapper, #cms-theme.woocommerce-page .quantity-wrapper, #cms-theme .woocommerce .quantity-wrapper { float: left; padding: 12px 0; } #cms-theme.woocommerce .quantity-wrapper .quantity-label, #cms-theme.woocommerce-page .quantity-wrapper .quantity-label, #cms-theme .woocommerce .quantity-wrapper .quantity-label { font-size: 15px; font-weight: 700; color: #282828; padding-right: 12px; } #cms-theme.woocommerce .quantity-wrapper .quantity, #cms-theme.woocommerce-page .quantity-wrapper .quantity, #cms-theme .woocommerce .quantity-wrapper .quantity { float: none; display: inline-block; } #cms-theme.woocommerce .quantity-wrapper .quantity .minus, #cms-theme.woocommerce-page .quantity-wrapper .quantity .minus, #cms-theme .woocommerce .quantity-wrapper .quantity .minus, #cms-theme.woocommerce .quantity-wrapper .quantity .qty, #cms-theme.woocommerce-page .quantity-wrapper .quantity .qty, #cms-theme .woocommerce .quantity-wrapper .quantity .qty, #cms-theme.woocommerce .quantity-wrapper .quantity .plus, #cms-theme.woocommerce-page .quantity-wrapper .quantity .plus, #cms-theme .woocommerce .quantity-wrapper .quantity .plus { vertical-align: top; display: inline-block; height: 25px; width: 25px; line-height: 25px; text-align: center; font-size: 10px; border: 1px solid #eee; -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 */ /* BOX */ color: #1151d3; cursor: pointer; margin-right: 1px; padding: 0; } #cms-theme.woocommerce .quantity-wrapper .quantity .qty, #cms-theme.woocommerce-page .quantity-wrapper .quantity .qty, #cms-theme .woocommerce .quantity-wrapper .quantity .qty { width: 30px; color: #282828; font-size: 14px; -moz-appearance: textfield; } #cms-theme.woocommerce .quantity-wrapper .quantity .qty:-webkit-outer-spin-button, #cms-theme.woocommerce-page .quantity-wrapper .quantity .qty:-webkit-outer-spin-button, #cms-theme .woocommerce .quantity-wrapper .quantity .qty:-webkit-outer-spin-button, #cms-theme.woocommerce .quantity-wrapper .quantity .qty:-webkit-inner-spin-button, #cms-theme.woocommerce-page .quantity-wrapper .quantity .qty:-webkit-inner-spin-button, #cms-theme .woocommerce .quantity-wrapper .quantity .qty:-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #cms-theme .woo-image-categries { margin-bottom: 40px; /* [Start] 5. Single Product */ } #cms-theme.single-product { /* [End] 5. Single Product */ /* [Start] 6. Cart */ } #cms-theme.single-product .pr-single-product .cs-product-wrap { position: relative; 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 */ /* BOX */ -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); padding: 40px; } #cms-theme.single-product .pr-single-product .cs-product-wrap .up-sells { display: none; } #cms-theme.single-product .pr-single-product .cs-product-wrap .woocommerce-product-gallery, #cms-theme.single-product .pr-single-product .cs-product-wrap .entry-summary { width: 100%; float: none; } #cms-theme.single-product .pr-single-product .cs-product-wrap .entry-summary { margin-bottom: 40px; } #cms-theme.single-product .pr-single-product .cs-product-wrap .entry-summary h3.product_title { margin-bottom: 0; } #cms-theme.single-product .pr-single-product .cs-product-wrap .entry-summary .pr-price-rating .woo-price .amount { font-size: 16px; } #cms-theme.single-product .pr-single-product .cs-product-wrap .entry-summary .pr-price-rating .woocommerce-review-link { color: #9b9b9b; } #cms-theme.single-product .pr-single-product .cs-product-wrap .entry-summary .pr-price-rating .woocommerce-review-link:hover { color: #1151d3; } #cms-theme.single-product .pr-single-product .cs-product-wrap .content { border-bottom: 1px solid #efefef; margin-bottom: 30px; padding-bottom: 26px; padding-top: 8px; } #cms-theme.single-product .pr-single-product .cs-product-wrap form.cart { margin-bottom: 20px; padding-bottom: 30px; border-bottom: 1px solid #efefef; text-align: right; } #cms-theme.single-product .pr-single-product .cs-product-wrap form.cart .add-whish-list { margin-left: 20px; } #cms-theme.single-product .pr-single-product .cs-product-wrap form.cart .button { float: none; -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 */ /* BOX */ } #cms-theme.single-product .pr-single-product .cs-product-wrap .woocommerce-product-gallery { position: relative; margin-bottom: 40px; } #cms-theme.single-product .pr-single-product .cs-product-wrap .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before { border-color: #1151d3; } #cms-theme.single-product .pr-single-product .cs-product-wrap .woocommerce-product-gallery .woocommerce-product-gallery__trigger:after { background-color: #1151d3; } #cms-theme.single-product .pr-single-product .cs-product-wrap .woocommerce-product-gallery .cshero-product-images-wrap { text-align: center; } #cms-theme.single-product .pr-single-product .cs-product-wrap .woocommerce-product-gallery .cshero-product-images-wrap img { display: inline-block; -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 */ /* BOX */ } #cms-theme.single-product .pr-single-product .cs-product-wrap .woocommerce-product-gallery .cshero-product-images-wrap .woocommerce-main-image { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } #cms-theme.single-product .pr-single-product .cs-product-wrap .woocommerce-product-gallery .cshero-product-thumbnails { padding-top: 20px; margin: 0 -10px; } #cms-theme.single-product .pr-single-product .cs-product-wrap .woocommerce-product-gallery .cshero-product-thumbnails a { margin: 0 0 20px; padding: 0 10px; width: 25%; float: left; clear: none; } #cms-theme.single-product .pr-single-product .cs-product-wrap .cshero-product-meta .share-label { color: #222; display: block; font-size: 18px; font-weight: 600; line-height: 30px; margin-bottom: 13px; } #cms-theme.single-product .pr-single-product .cs-product-wrap .cshero-product-meta a { display: inline-block; } #cms-theme.single-product .pr-single-product .cs-product-wrap .cshero-product-meta a + a { margin-left: 10px; } #cms-theme.single-product .pr-single-product .cs-product-wrap .cshero-product-meta a i { background-color: #1151d3; -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 */ /* BOX */ color: #fff; font-size: 15px; height: 34px; line-height: 34px; text-align: center; width: 34px; } #cms-theme.single-product .pr-single-product .cs-product-wrap .cshero-product-meta a i:hover { background-color: #222; } #cms-theme.single-product .pr-single-product .woocommerce-tabs .tabs { margin: 0; padding: 0; background-color: #f9f9f9; border-color: #eee; border-style: solid; border-width: 1px 1px 0; } #cms-theme.single-product .pr-single-product .woocommerce-tabs .tabs:before, #cms-theme.single-product .pr-single-product .woocommerce-tabs .tabs:after { border: none; display: none; } #cms-theme.single-product .pr-single-product .woocommerce-tabs .tabs li { padding: 0; border: none; margin: 0; float: left; background-color: transparent; -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 */ /* BOX */ } #cms-theme.single-product .pr-single-product .woocommerce-tabs .tabs li a { background-color: transparent; border-right: 1px solid #eee; color: #323232; font-size: 15px; font-weight: 800; line-height: normal; margin-right: 1px; padding: 19px 20px; } #cms-theme.single-product .pr-single-product .woocommerce-tabs .tabs li.active a, #cms-theme.single-product .pr-single-product .woocommerce-tabs .tabs li:hover a { background-color: #fff; color: #1151d3; } #cms-theme.single-product .pr-single-product .woocommerce-tabs .tabs li:before, #cms-theme.single-product .pr-single-product .woocommerce-tabs .tabs li:after { border: none; display: none; } #cms-theme.single-product .pr-single-product .panel { border: 1px solid #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 */ /* BOX */ display: block; padding: 15px 20px; } #cms-theme.single-product .pr-single-product .panel .list-style-1 ul { margin-bottom: 20px; } #cms-theme.single-product .pr-single-product .panel ul a { color: #1151d3; } #cms-theme.single-product .pr-single-product .panel ul a:hover { color: ; } #cms-theme.single-product .pr-single-product #tab-reviews #comments > h2 { margin-bottom: 20px; font-size: 16px; font-weight: 600; } #cms-theme.single-product .pr-single-product #tab-reviews #comments ul, #cms-theme.single-product .pr-single-product #tab-reviews #comments ol { padding: 0; margin: 0; } #cms-theme.single-product .pr-single-product #tab-reviews .comment-text { margin: 0; border: 1px dashed #dedede !important; } #cms-theme.single-product .pr-single-product #tab-reviews .commentlist .comment-meta .author, #cms-theme.single-product .pr-single-product #tab-reviews .commentlist .comment-meta time { color: #333; font-weight: normal; } #cms-theme.single-product .pr-single-product #tab-reviews .commentlist .comment-meta .author:before, #cms-theme.single-product .pr-single-product #tab-reviews .commentlist .comment-meta time:before { content: "\f007"; font-family: FontAwesome; font-size: 14px; padding-right: 10px; color: #222; } #cms-theme.single-product .pr-single-product #tab-reviews .commentlist .comment-meta .author { margin-right: 14px; } #cms-theme.single-product .pr-single-product #tab-reviews .commentlist .comment-meta time:before { content: "\f073"; } #cms-theme.single-product .pr-single-product #tab-reviews #reply-title, #cms-theme.single-product .pr-single-product #tab-reviews .title-rating { font-size: 16px; line-height: normal; margin-bottom: 20px; font-weight: 600; } #cms-theme.single-product .pr-single-product #tab-reviews .title-rating { margin-top: 25px; } #cms-theme.single-product .pr-single-product #tab-reviews textarea { height: 210px; margin-top: 10px; } #cms-theme.single-product .pr-single-product #tab-reviews .stars a:after { color: #1151d3; } #cms-theme.woocommerce-cart { /* [End] 6. Cart */ } #cms-theme.woocommerce-cart .cart-empty, #cms-theme.woocommerce-cart .return-to-shop { text-align: center; } #cms-theme.woocommerce-cart .quantity-wrapper .quantity-label { display: none; } #cms-theme.woocommerce-cart .cms-checkout-form { margin-bottom: 50px; } #cms-theme.woocommerce-cart .cms-shop-table { -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 */ /* BOX */ background-color: #fff; border: medium none; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); margin-bottom: 0; } #cms-theme.woocommerce-cart .cms-shop-table th { text-align: center; font-size: 14px; font-weight: 800; padding: 11px; border-right: 1px solid #eee; color: #282828; } #cms-theme.woocommerce-cart .cms-shop-table th:last-child { border-right: none; } #cms-theme.woocommerce-cart .cms-shop-table td { border-top: 1px solid #eee; border-right: 1px solid #eee; text-align: center; padding: 20px; } #cms-theme.woocommerce-cart .cms-shop-table td:last-child { border-right: none; } #cms-theme.woocommerce-cart .cms-shop-table td.product-name { text-align: left; position: relative; } #cms-theme.woocommerce-cart .cms-shop-table td.product-name .cart-product-thumbnail { display: inline-block; height: 60px; width: 60px; float: left; } #cms-theme.woocommerce-cart .cms-shop-table td.product-name .cart-product-thumbnail img { width: 100%; -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 */ /* BOX */ } #cms-theme.woocommerce-cart .cms-shop-table td.product-name .cart-product-holder { padding-left: 78px; padding-right: 30px; } #cms-theme.woocommerce-cart .cms-shop-table td.product-name .cart-product-holder a.remove { display: inline-block; height: 19px; width: 19px; background-color: #000; -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 */ /* BOX */ line-height: 19px; color: #fff !important; font-size: 11px; position: absolute; top: 50%; right: 20px; -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 */ } #cms-theme.woocommerce-cart .cms-shop-table td.product-name .cart-product-holder a.remove:hover { background-color: #1151d3; } #cms-theme.woocommerce-cart .cms-shop-table td.product-name .cart-product-holder .cms-product-title { font-size: 16px; font-weight: 700; color: #282828; display: inline-block; line-height: normal; vertical-align: top; } #cms-theme.woocommerce-cart .cms-shop-table td.product-name .cart-product-holder .cms-product-title:hover { color: #1151d3; } #cms-theme.woocommerce-cart .cms-shop-table td.product-name .cart-product-holder .star-rating { margin-left: 0; } #cms-theme.woocommerce-cart .cms-shop-table td .woocommerce-Price-amount { font-size: 13px; color: #1151d3; font-weight: 700; } #cms-theme.woocommerce-cart .cms-shop-table td .quantity-wrapper { float: none; } #cms-theme.woocommerce-cart .cms-shop-table .cart-action-wrap td { border-right: none; } #cms-theme.woocommerce-cart .cms-shop-table .cart-action-wrap .checkout-button { border-color: #282828; background-color: #282828; margin-right: 6px; } #cms-theme.woocommerce-cart .cms-shop-table .cart-action-wrap .checkout-button:hover { border-color: #1151d3; background-color: #1151d3; } #cms-theme.woocommerce-cart .cms-shop-table .cart-action-wrap .coupon { text-align: left; } #cms-theme.woocommerce-cart .cms-shop-table .cart-action-wrap .coupon .input-text { max-width: 250px; margin-right: 6px; } #cms-theme.woocommerce-cart .cms-shop-table .cart-action-wrap .coupon .input-text:focus { border-color: #1151d3; } #cms-theme.woocommerce-cart .cart-collaterals .cross-sells { display: none; } #cms-theme.woocommerce-cart .cart-collaterals .shop_table { border: none; margin-bottom: 0; } #cms-theme.woocommerce-cart .cart-collaterals .shop_table th, #cms-theme.woocommerce-cart .cart-collaterals .shop_table td { border: none; padding: 8px 0; } #cms-theme.woocommerce-cart .cart-collaterals .cart_totals { -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 */ /* BOX */ background-color: #fff; border: medium none; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); padding: 20px; } #cms-theme.woocommerce-cart .cart-collaterals .cart_totals > h2 { font-size: 18px; font-family: inherit; margin-bottom: 22px; } #cms-theme.woocommerce-cart .cart-collaterals .cart_totals > h2:after { content: ":"; } #cms-theme.woocommerce-cart .cart-collaterals .cart_totals th, #cms-theme.woocommerce-cart .cart-collaterals .cart_totals td:before { font-size: 13px; font-weight: 800; color: #1151d3; text-transform: uppercase; } #cms-theme.woocommerce-cart .cart-collaterals .cart_totals td:last-child { text-align: right; font-size: 13px; font-weight: normal; color: #959595; background-color: transparent; } #cms-theme.woocommerce-checkout .woocommerce-billing-fields, #cms-theme.woocommerce-checkout .woocommerce-additional-fields { -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 */ /* BOX */ background-color: #fff; border: medium none; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); padding: 20px; } #cms-theme.woocommerce-checkout .woocommerce-billing-fields > h3, #cms-theme.woocommerce-checkout .woocommerce-additional-fields > h3 { font-size: 18px; font-family: inherit; margin-bottom: 22px; } #cms-theme.woocommerce-checkout .woocommerce-billing-fields > h3:after, #cms-theme.woocommerce-checkout .woocommerce-additional-fields > h3:after { content: ":"; } #cms-theme.woocommerce-checkout #customer_details { margin-bottom: 50px; } #cms-theme.woocommerce-checkout #order_review_heading { display: none; } #cms-theme.woocommerce-checkout .woocommerce-checkout-review-order-table, #cms-theme.woocommerce-checkout .woocommerce-checkout-payment { -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 */ /* BOX */ background-color: #fff; border: medium none; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); padding: 20px; } #cms-theme.woocommerce-checkout .woocommerce-checkout-review-order-table { margin-bottom: 50px; } #cms-theme.woocommerce-checkout .woocommerce-checkout-review-order-table > h2 { font-size: 18px; font-family: inherit; margin-bottom: 22px; } #cms-theme.woocommerce-checkout .woocommerce-checkout-review-order-table > h2:after { content: ":"; } #cms-theme.woocommerce-checkout .woocommerce-checkout-review-order-table td { border-color: #eaeaea; } #cms-theme.woocommerce-checkout .woocommerce-checkout-review-order-table th, #cms-theme.woocommerce-checkout .woocommerce-checkout-review-order-table td:before { font-size: 13px; font-weight: 800; color: #1151d3; text-transform: uppercase; } #cms-theme.woocommerce-checkout .woocommerce-checkout-review-order-table td:first-child { font-size: 14px; font-weight: 700; color: #282828; } #cms-theme.woocommerce-checkout .woocommerce-checkout-review-order-table td:last-child { text-align: right; font-size: 13px; font-weight: normal; color: #959595; background-color: transparent; } #cms-theme.woocommerce-checkout ul.wc_payment_methods { border-bottom: 1px solid #eaeaea; padding: 0 0 20px; } #cms-theme.woocommerce-checkout ul.wc_payment_methods li label { font-weight: 600; color: #282828; } #cms-theme.woocommerce-checkout .place-order { padding: 20px 0 0; } #cms-theme.woocommerce-account { /* Woo Widget */ } #cms-theme.woocommerce-account .woocommerce-form-login { -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 */ /* BOX */ background-color: #fff; border: medium none; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); padding: 30px; border: none; } #cms-theme.woocommerce-account .woocommerce-form-login .woocommerce-Button { margin-right: 5px; } #cms-theme.woocommerce-account #customer_login .u-column1, #cms-theme.woocommerce-account #customer_login .u-column2 { -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 */ /* BOX */ background-color: #fff; border: medium none; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); padding: 30px; } #cms-theme.woocommerce-account #customer_login .u-column1 > h2, #cms-theme.woocommerce-account #customer_login .u-column2 > h2 { font-size: 18px; font-family: inherit; margin-bottom: 22px; } #cms-theme.woocommerce-account #customer_login .u-column1 > h2:after, #cms-theme.woocommerce-account #customer_login .u-column2 > h2:after { content: ":"; } #cms-theme.woocommerce-account #customer_login .u-column1 .form-row:last-child, #cms-theme.woocommerce-account #customer_login .u-column2 .form-row:last-child { margin-bottom: 0; } #cms-theme.woocommerce-account #customer_login .woocommerce-form-login { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } #cms-theme.woocommerce-account #customer_login .woocommerce-form-login .form-row:not(.form-row-wide) { float: left; margin-bottom: 0; } #cms-theme.woocommerce-account #customer_login .woocommerce-form-login .lost_password { float: right; font-weight: 500; margin: 12px 0 0; } #cms-theme.woocommerce-account #customer_login .woocommerce-form-login .lost_password a { color: #282828; } #cms-theme.woocommerce-account #customer_login .woocommerce-form-login .lost_password a:hover { color: #1151d3; } #cms-theme.woocommerce-account #customer_login .woocomerce-form, #cms-theme.woocommerce-account #customer_login .register { padding: 0; border: none; margin: 0; } #cms-theme.woocommerce-account .woocommerce-MyAccount-navigation li { font-size: 13px; line-height: 22px; font-weight: 500; border-bottom: 1px solid #222; margin-left: 15px; position: relative; } #cms-theme.woocommerce-account .woocommerce-MyAccount-navigation li a { color: #333; display: block; padding: 9px 0; } #cms-theme.woocommerce-account .woocommerce-MyAccount-navigation li a:before { content: "\f105"; font-family: FontAwesome; color: #1151d3; font-size: 11px; position: absolute; top: 50%; left: -12px; -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 */ } #cms-theme.woocommerce-account .woocommerce-MyAccount-navigation li a:hover { color: #1151d3; } #cms-theme.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { color: #1151d3; } #cms-theme.woocommerce-account .woocommerce-MyAccount-navigation li:last-child { border-bottom: none; } #cms-theme.woocommerce-account .woocommerce-MyAccount-content { -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 */ /* BOX */ background-color: #fff; border: medium none; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); padding: 30px; } #cms-theme.woocommerce-account .woocommerce-MyAccount-content fieldset legend { border: medium none; font-family: inherit; font-size: 18px; font-weight: 600; padding-top: 15px; } #cms-theme.woocommerce-account .woocommerce-MyAccount-content fieldset legend:after { content: ":"; } #cms-theme .widget_price_filter { /* Apply All Style */ } #cms-theme .widget_price_filter .ui-slider-horizontal { height: 4px; } #cms-theme .widget_price_filter .ui-slider .ui-slider-range { background-color: #1151d3; -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 */ /* BOX */ } #cms-theme .widget_price_filter .price_slider_wrapper .ui-widget-content { -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 */ /* BOX */ } #cms-theme .widget_price_filter .price_slider_wrapper .price_slider_amount button { background-color: transparent; border-color: #222; color: #222; } #cms-theme .widget_price_filter .price_slider_wrapper .price_slider_amount button:hover { background-color: #1151d3; border-color: #1151d3; color: #fff; } #cms-theme .cshero-product-category { font-size: 12px; color: #333; } #cms-theme .cshero-product-category a { color: #333; } #cms-theme .cshero-product-category a:hover { color: #1151d3; } #cms-theme .cshero-product-title h3, #cms-theme h3.product_title { font-family: inherit; font-size: 18px; font-weight: 700; line-height: 26px; margin-bottom: 10px; padding: 0; } #cms-theme .cshero-product-title h3 a, #cms-theme h3.product_title a { color: #282828; } #cms-theme .cshero-product-title h3 a:hover, #cms-theme h3.product_title a:hover, #cms-theme .cshero-product-title h3 a:focus, #cms-theme h3.product_title a:focus { color: #1151d3; } #cms-theme h3.product_title { font-size: 18px; } .cms-product-related-wrap .cms-related-heading { margin-top: 30px; } @media screen and (min-width: 992px) { #cms-theme .woocommerce .products li { width: 25%; clear: initial !important; } #cms-theme .woocommerce.columns-1 .products li { width: 100%; } #cms-theme .woocommerce.columns-2 .products li { width: 50%; } #cms-theme .woocommerce.columns-2 .products li:nth-child(2n+1) { clear: left; } #cms-theme .woocommerce.columns-3 .products li { width: 33.33%; } #cms-theme .woocommerce.columns-3 .products li:nth-child(3n+1) { clear: left; } #cms-theme .woocommerce.columns-4 .products li { width: 25%; } #cms-theme .woocommerce.columns-4 .products li:nth-child(3n+1) { clear: initial !important; } #cms-theme .woocommerce.columns-4 .products li:nth-child(4n+1) { clear: left !important; } #cms-theme .woocommerce.columns-5 .products li { width: 20%; } #cms-theme .woocommerce.columns-5 .products li:nth-child(5n+1) { clear: left; } #cms-theme .woocommerce.columns-6 .products li { width: 16.66%; } #cms-theme .woocommerce.columns-6 .products li:nth-child(6n+1) { clear: left; } #cms-theme .rm-product-box .woocommerce .products li { margin-bottom: 8px; } #cms-theme .rm-product-box .woocommerce .products li .cshere-woo-item-wrap { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } #cms-theme .rm-product-box .woocommerce .products li .cshere-woo-item-wrap .cshero-woo-image { margin: 0 0 15px; } #cms-theme .rm-product-box .woocommerce .products li .product-status { top: 20px; left: 20px; } #cms-theme .rm-product-box .woocommerce .products li .onsale { top: 20px; right: 20px; } } @media screen and (min-width: 1200px) { #cms-theme.woocommerce-cart th.product-name { width: 55%; } #cms-theme.woocommerce-cart th.product-price, #cms-theme.woocommerce-cart th.product-quantity, #cms-theme.woocommerce-cart th.product-subtotal { width: 15%; } } @media screen and (max-width: 1200px) { .cshero-woo-inner .cshero-add-to-cart .add_to_cart_button, .cshero-woo-inner .cshero-add-to-cart .wc-forward { padding-left: 11px !important; padding-right: 11px !important; font-size: 12px !important; } } @media screen and (max-width: 991px) { #cms-theme.woocommerce-cart .cms-checkout-form { overflow: scroll; } #cms-theme.woocommerce-cart .cms-checkout-form .cms-shop-table { width: 990px; margin-bottom: 20px; } #cms-theme.woocommerce-cart .cms-checkout-form .cms-shop-table .cart-action-wrap .actions { text-align: right; } #cms-theme.woocommerce-cart .cms-checkout-form .cms-shop-table .cart-action-wrap .actions .button { width: inherit; display: inline-block; } #cms-theme.woocommerce .shop-4column .products li.product, #cms-theme.woocommerce-page .shop-4column .products li.product, #cms-theme.woocommerce .products li, #cms-theme.woocommerce-page .products li, #cms-theme .woocommerce .products li { width: 50%; } #cms-theme.woocommerce .shop-4column .products li.product:nth-child(2n+1), #cms-theme.woocommerce-page .shop-4column .products li.product:nth-child(2n+1), #cms-theme.woocommerce .products li:nth-child(2n+1), #cms-theme.woocommerce-page .products li:nth-child(2n+1), #cms-theme .woocommerce .products li:nth-child(2n+1) { clear: left; } #cms-theme.woocommerce .shop-4column .products li.product:nth-child(3n+1), #cms-theme.woocommerce-page .shop-4column .products li.product:nth-child(3n+1), #cms-theme.woocommerce .products li:nth-child(3n+1), #cms-theme.woocommerce-page .products li:nth-child(3n+1), #cms-theme .woocommerce .products li:nth-child(3n+1) { clear: initial; } .shop-sidebar .sidebar-wrap #sidebar { margin-top: 60px; } #cms-theme.woocommerce-account #customer_login .woocommerce-form-login .form-row:not(.form-row-wide) { float: none; } #cms-theme.woocommerce-account #customer_login .woocommerce-form-login .lost_password { float: none; } #cms-theme.woocommerce-account #customer_login .woocommerce-form-login .woocommerce-form__label-for-checkbox { display: block; margin: 15px 0 0; } } @media screen and (max-width: 767px) { #cms-theme.single-product .pr-single-product .cs-product-wrap { padding: 20px; } #cms-theme.single-product .pr-single-product .cs-product-wrap .entry-summary .pr-price-rating .woo-price { float: none; } #cms-theme.single-product .pr-single-product .cs-product-wrap .entry-summary .pr-price-rating .woocommerce-product-rating { float: none; margin-bottom: 10px; } #cms-theme.single-product .pr-single-product .cs-product-wrap .entry-summary .pr-price-rating .woocommerce-product-rating .star-rating { margin-left: 0; } #cms-theme.single-product .pr-single-product .cs-product-wrap form.cart .quantity { float: none; } #cms-theme.single-product .pr-single-product .cs-product-wrap form.cart .button:not(.single_add_to_cart_button) { float: left; margin-top: 15px; } .single-product.woocommerce .quantity-wrapper { float: none !important; } .single-product.woocommerce .entry-summary form.cart { text-align: left !important; } #cms-theme.woocommerce .shop-4column .products li.product, #cms-theme.woocommerce-page .shop-4column .products li.product, #cms-theme.woocommerce .products li, #cms-theme.woocommerce-page .products li, #cms-theme .woocommerce .products li { width: 100%; } #cms-theme.woocommerce .shop-4column .products li.product:nth-child(n+1), #cms-theme.woocommerce-page .shop-4column .products li.product:nth-child(n+1), #cms-theme.woocommerce .products li:nth-child(n+1), #cms-theme.woocommerce-page .products li:nth-child(n+1), #cms-theme .woocommerce .products li:nth-child(n+1) { clear: left; } #cms-theme.woocommerce .shop-4column .products li.product:nth-child(2n+1), #cms-theme.woocommerce-page .shop-4column .products li.product:nth-child(2n+1), #cms-theme.woocommerce .products li:nth-child(2n+1), #cms-theme.woocommerce-page .products li:nth-child(2n+1), #cms-theme .woocommerce .products li:nth-child(2n+1) { clear: initial; } #cms-theme.single-product .pr-single-product .woocommerce-tabs .tabs li { display: block; width: 100%; } #cms-theme.single-product .pr-single-product .woocommerce-tabs .tabs li a { display: block; margin: 0; border: none; } }