/* ------------------------------------------------------------- Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets List of CSS3 Sass Mixins File to be @imported and @included as you need The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER ENDING css files note: All CSS3 Properties are being supported by Safari 5 more info: http://www.findmebyip.com/litmus/#css3-properties Mixins available: - css3-prefix - arguments: Property, Value - background-gradient - arguments: Start Color: #3C3C3C, End Color: #999999 - background-horizontal - arguments: Start Color: #3C3C3C, End Color: #999999 - background-radial - arguments: Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100% - background-size - arguments: Width: 100%, Height: 100% - background-opacity - arguments: Color: #000, Opacity: .85 - border-radius - arguments: Radius: 5px - border-radius-separate - arguments: Top Left: 5px, Top Right: 5px, Bottom Left: 5px, Bottom Right: 5px - box - arguments: Orientation: horizontal, Pack: center, Align: center - box-rgba - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C - box-shadow - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) - box-sizing - arguments: Type: border-box - columns - arguments: Count: 3, Gap: 10 - double-borders - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0 - flex - arguments: Value: 1 - flip - arguments: ScaleX: -1 - font-face - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf - opacity - arguments: Opacity: 0.5 - outline radius - arguments: Radius: 5px - resize - arguments: Direction: both - rotate - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0 CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html - text-shadow - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) - transform - arguments: Parameters: null - transform-style - arguments: Style: preserve-3d - transition - Default arguments: What: all, Length: 1s, Easing: ease-in-out - - Examples: @include transition (all 2s ease-in-out); - @include transition (opacity 1s ease-in 2s, width 2s ease-out); - triple-borders - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0 - keyframes - arguments: Animation name - content: Animation css - animation - arguments: name duration timing-function delay iteration-count direction fill-mode play-state (http://www.w3schools.com/cssref/css3_pr_animation.asp) ------------------------------------------------------------- */ /* ADDS A BROWSER PREFIX TO THE PROPERTY */ /* ========================================================================== Style Button ========================================================================== */ /*------------------------------------------------------------------ [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. Image Gallery 20. Lists 21. Timeline 22. Pie Chart 23. CMS Process 24. CMS Portfolio -------------------------------------------------------------------*/ /* ========================================================================== [Start] All Style Footer Top & Footer Bottom ========================================================================== */ /* ========================================================================== [Start] All Style Form ========================================================================== */ /* ========================================================================== [Start] All style header /* 1. Header Left /* 2. Header Main ========================================================================== */ /* 1. Header Left */ /*------------------------------------------------------------------ [Main of contents] 1. Page Title 2. Primary -------------------------------------------------------------------*/ /* ========================================================================== [Start] 1. Page Title ========================================================================== */ /*------------------------------------------------------------------ [All Style RTL] -------------------------------------------------------------------*/ /* ========================================================================== Style Main Menu ========================================================================== */ /* -----> Minimum width of 992 pixels. */ /* ========================================================================== [Start] 1. Reset HTML/CSS, Unitest, Body, @Extend ========================================================================== */ /*------------------------------------------------------------------ [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 -------------------------------------------------------------------*/ #colophon.site-footer:before { background-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; } } #wl-wrapper.woocommerce .button, .btn, button, .button, input[type="submit"] { background-color: #222; font-size: 13px; font-weight: 700; border: none; color: #fff; text-transform: uppercase; padding: 17px 45px 16px; line-height: 1; -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: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ position: relative; border: 2px solid #222; } #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 { outline: medium none; text-decoration: none; background-color: #a8353a; border-color: #a8353a; color: #fff; } .btn-icon { font-weight: 600; font-size: 13px; color: #fff; text-transform: uppercase; margin-left: 30px; line-height: 1; padding-top: 16px; padding-bottom: 16px; padding-left: 63px; position: relative; -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; /* Button Styles */ } .btn-icon:hover { color: #a8353a; } .btn-icon i { font-size: 48px; position: absolute; 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 */ /* TRANSFORM STYLE */ } .btn { /* Button Size */ } .btn i { padding-right: 9px; } .btn span { display: inline-block; } .btn span + i { padding-right: 0; padding-left: 9px; } .btn.btn-radius { -webkit-border-radius: 55px; -khtml-border-radius: 55px; -moz-border-radius: 55px; -ms-border-radius: 55px; -o-border-radius: 55px; border-radius: 55px; /* BACKGROUND GRADIENT */ } .btn.btn-primary { background-color: #a8353a; border-color: #a8353a; } .btn.btn-primary:hover { background-color: #222; border-color: #222; } .btn.btn-primary-alt, .btn.btn-primary-alt-radius { background-color: #fff; color: #a8353a; border-color: #a8353a; } .btn.btn-primary-alt:hover, .btn.btn-primary-alt-radius:hover { background-color: #222; border-color: #222; color: #fff; } .btn.btn-default-alt, .btn.btn-default-alt-radius { background-color: #fff; color: #222; } .btn.btn-default-alt:hover, .btn.btn-default-alt-radius:hover { background-color: #a8353a; border-color: #a8353a; color: #fff; } .btn.btn-primary-radius { background-color: #a8353a; border-color: #a8353a; } .btn.btn-primary-radius:hover { background-color: #222; border-color: #222; } .btn.btn-default-radius, .btn.btn-default-alt-radius, .btn.btn-primary-radius, .btn.btn-primary-alt-radius { -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 */ } .btn.btn-primary-white { background-color: transparent; color: #fff; border-color: #fff; } .btn.btn-primary-white:hover { background-color: #a8353a; color: #fff; border-color: #a8353a; } .btn.btn-primary-white-alt { background-color: #fff; color: #222; border-color: #fff; } .btn.btn-primary-white-alt:hover { color: #fff; background-color: #a8353a; border-color: #a8353a; } .btn.btn-default-white { background-color: transparent; color: #fff; border-color: #fff; } .btn.btn-default-white:hover { background-color: #222; color: #fff; border-color: #222; } .btn.btn-default-white-alt { background-color: #fff; color: #222; border-color: #fff; } .btn.btn-default-white-alt:hover { color: #fff; background-color: #222; border-color: #222; } .btn.btn-lg { padding-left: 60px; padding-right: 60px; } .btn.btn-sm { padding-left: 23px; padding-right: 23px; } .btn.btn-tiny { padding-left: 17px; padding-right: 17px; } @-webkit-keyframes btn-whole1 { 60% { -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); } 85% { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes btn-whole1 { 60% { -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); } 85% { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes btn-whole2 { to { opacity: 0; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes btn-whole2 { /* Button slider */ to { opacity: 0; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rev_slider_wrapper .btn { -webkit-transition: all 300ms linear 0ms !important; -moz-transition: all 300ms linear 0ms !important; -ms-transition: all 300ms linear 0ms !important; transition: all 300ms linear 0ms !important; } .rev_slider_wrapper .btn.btn-md { padding: 11px 34px !important; } @media (min-width: 768px) and (max-width: 1280px) { /* ========================================================================== End Style Button ========================================================================== */ .rev_slider_wrapper .btn { padding: 13px 30px !important; line-height: 1 !important; font-size: 11px !important; } } .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 */ /* TRANSFORM STYLE */ 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: #a8353a; background-color: #a8353a; } .carousel .carousel-control.left { left: 50px; } .carousel .carousel-control.right { right: 50px; } .is-left-sidebar #content { float: right; } .box-blog { background-color: #fff; -webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); -moz-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); -ms-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ padding: 40px; margin-bottom: 30px; } .page-template-blog-standard, .archive.category, .single-post { background-color: #f9f9f9; } .page-template-blog-standard .content-full-width, .archive.category .content-full-width, .single-post .content-full-width { max-width: 870px; margin: auto; float: none; } .entry-blog { background-color: #fff; -webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); -moz-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); -ms-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ margin-bottom: 40px; padding: 40px; } .entry-blog .entry-header { margin-bottom: 22px; } .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 */ width: inherit; } .entry-blog .entry-title { font-size: 24px; margin-bottom: 30px; margin-top: 12px; } .entry-blog .entry-title a { color: #2f2f2f; } .entry-blog .entry-title a:hover { color: #a8353a; } .entry-blog .entry-body { margin-bottom: 18px; } .entry-blog .entry-footer { line-height: 1; } .entry-blog .read-more { font-size: 13px; text-transform: uppercase; font-weight: 600; position: relative; padding-bottom: 10px; display: inline-block; overflow: hidden; line-height: 1; } .entry-blog .read-more:before { content: ""; width: 20px; height: 2px; background-color: #a8353a; left: 0; bottom: 0; position: absolute; display: block; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .entry-blog .read-more:hover { color: #a8353a; } .entry-blog .read-more:hover:before { width: 100%; } .entry-blog.hidden-feature-image { padding-top: 35px; } .entry-blog.hidden-feature-image .entry-header { display: none; } .entry-meta li { display: inline-block; font-size: 13px; color: #616161; font-family: 'Droidserif Italic'; position: relative; padding: 0 8px; } .entry-meta li:before { content: "/"; position: absolute; right: -4px; } .entry-meta li:first-child { padding-left: 0; } .entry-meta li:last-child:before { display: none; } .entry-meta li a { color: #a8353a; } .entry-meta li a:hover { color: #616161; } .pagination { margin: 10px 0; width: 100%; text-align: center; /* [Start] 2. Single Details +-----------------------------------+ */ } .pagination .page-numbers { border: 1px solid #eee; background-color: #fff; border-radius: 0px; display: inline-block; height: 51px; line-height: 51px; text-align: center; width: 51px; color: #646464; font-size: 20px; font-weight: 500; } .pagination .page-numbers:hover, .pagination .page-numbers.current { background-color: #a8353a; border-color: #a8353a; color: #fff; } .pagination .page-numbers + .page-numbers { margin-left: 12px; } .pagination .page-numbers i { font-size: 26px; } blockquote { padding: 26px 30px; background: transparent; margin: 20px 0; border-left: 6px solid #222; font-size: 20px; line-height: 28px; color: #9b9b9b; font-family: 'Droidserif Italic'; } blockquote cite { color: #222; display: block; font-weight: 600; font-size: 13px; font-style: normal; margin-top: 8px; } blockquote.st1 { border: none; position: relative; } blockquote.st1:before, blockquote.st1:after { content: "\f10d"; font-family: FontAwesome; font-style: normal; font-size: 16px; color: #222; 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: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; /* BACKGROUND GRADIENT */ color: #a8353a; } blockquote.st3 { border: none; background-color: #2f2f2f; color: #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 */ } blockquote.st3 cite { color: #fff; } .single-post #cms-page-title .cms-page-title-inner h1 { font-size: 55px; } .single-post #cms-page-title .cms-page-title-inner span { margin-top: 15px; } .single-post .cms-breadcrumb { display: none; } .single-post .entry-blog { margin-bottom: 30px; } .single-post .entry-blog .entry-body { margin-bottom: 0; } .single-post .entry-blog .entry-meta { margin-bottom: 18px; } .single-post .entry-social-shared { border-top: 2px solid #f3f3f3; margin-top: 25px; padding-top: 25px; } .single-post .entry-social-shared li { display: inline-block; } .single-post .entry-social-shared li:first-child { color: #222; font-size: 13px; font-weight: 700; text-transform: uppercase; } .single-post .entry-social-shared li a { font-size: 14px; color: #5d5d5d; } .single-post .entry-social-shared li a:hover { color: #a8353a; } .single-post .entry-social-shared li:not(.social-label) { padding-left: 17px; } .single-post .post-previous-next { padding: 35px 40px 20px; } .single-post .post-previous-next .nav-image { width: 49px; height: 49px; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ display: inline-block; margin-top: 5px; } .single-post .post-previous-next .nav-inner span { font-size: 13px; color: #b8b8b8; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; font-family: 'Droidserif Italic'; } .single-post .post-previous-next .nav-inner h3 { font-size: 14px; color: #282828; line-height: 22px; } .single-post .post-previous-next .nav-inner:hover h3 { color: #a8353a; } .single-post .post-previous-next .nav-link-prev { padding-right: 28px; min-height: 60px; } .single-post .post-previous-next .nav-link-prev:before { background: #eee none repeat scroll 0 0; content: ""; display: block; height: 48px; position: absolute; right: -2px; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ width: 2px; } .single-post .post-previous-next .nav-link-prev .nav-image { float: left; } .single-post .post-previous-next .nav-link-prev .nav-inner { padding-left: 64px; } .single-post .post-previous-next .nav-link-next { padding-left: 28px; } .single-post .post-previous-next .nav-link-next .nav-image { float: right; } .single-post .post-previous-next .nav-link-next .nav-inner { padding-right: 64px; } .single-post .entry-author { padding: 34px 40px 35px; } .single-post .entry-author .admin-avt { max-width: 90px; float: left; margin-top: 5px; } .single-post .entry-author .admin-avt img { max-width: 90px; width: 100%; } .single-post .entry-author .admin-info { padding-left: 120px; } .single-post .entry-author .user-social { padding-top: 10px; } .single-post .entry-author .user-social li { display: inline-block; padding-right: 21px; } .single-post .entry-author .user-social li a { font-size: 15px; color: #5d5d5d; } .single-post .entry-author .user-social li a:hover { color: #a8353a; } .single-post .related-post { padding: 32px 40px 32px; } .single-post .related-post .feature-image { display: block; } .single-post .related-post .feature-image span { display: block; min-height: 178px; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .single-post .related-post .no-feature-img .feature-image { display: none; } .single-post .related-post .title { font-size: 15px; line-height: 23px; margin-bottom: 12px; margin-top: 16px; } .single-post .related-post .title a { color: #222; } .single-post .related-post .title a:hover { color: #a8353a; } .single-post .related-post .detail-date { font-size: 13px; color: #616161; font-family: 'Droidserif Italic'; } .single-post .related-post .row { margin: 0 -11px; } .single-post .related-post .row .item { padding: 0 11px; } .single-portfolio .single-portfolio-image { padding-bottom: 45px; } .single-portfolio .single-portfolio-image img { width: 100%; } .single-portfolio .single-portfolio-image.sg-gallery .single-portfolio-image-item { margin-bottom: 30px; } .single-portfolio .single-portfolio-holder .single-portfolio-title { position: relative; font-size: 30px; line-height: 1.1; margin-bottom: 25px; padding-bottom: 30px; } .single-portfolio .single-portfolio-content { margin-bottom: 35px; } .single-portfolio .single-portfolio-about { padding: 30px; background-color: #f9f9f9; margin-bottom: 30px; } .single-portfolio .single-portfolio-about li { font-size: 14px; line-height: 29px; } .single-portfolio .single-portfolio-about li span { color: #222; } .single-portfolio .single-portfolio-about li a { color: #9e9e9e; } .single-portfolio .single-portfolio-about li a:after { content: ", "; } .single-portfolio .single-portfolio-about li a:hover { color: #a8353a; } .single-portfolio .single-portfolio-about li a:last-child:after { content: ""; } .single-portfolio .single-portfolio-share { padding: 30px; background-color: #f9f9f9; } .single-portfolio .single-portfolio-share li { display: inline-block; } .single-portfolio .single-portfolio-share li span { font-size: 13px; text-transform: uppercase; color: #222; display: inline-block; padding-right: 20px; font-weight: 700; } .single-portfolio .single-portfolio-share li a { font-size: 14px; color: #5d5d5d; padding: 0 6px; } .single-portfolio .single-portfolio-share li a:hover { color: #a8353a; } .single-portfolio .single-portfolio-pagination .nav-link-prev a, .single-portfolio .single-portfolio-pagination .nav-link-next a { position: relative; display: inline-block; } .single-portfolio .single-portfolio-pagination .nav-link-prev a span.nav-portfolio-subtitle, .single-portfolio .single-portfolio-pagination .nav-link-next a span.nav-portfolio-subtitle { display: block; color: #b8b8b8; } .single-portfolio .single-portfolio-pagination .nav-link-prev a span.nav-portfolio-title, .single-portfolio .single-portfolio-pagination .nav-link-next a span.nav-portfolio-title { font-size: 16px; line-height: 28px; color: #222; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .single-portfolio .single-portfolio-pagination .nav-link-prev a i, .single-portfolio .single-portfolio-pagination .nav-link-next a i { height: 50px; width: 50px; line-height: 50px; border: 1px solid #eee; font-size: 25px; color: #646464; text-align: center; position: absolute; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .single-portfolio .single-portfolio-pagination .nav-link-prev a:hover span.nav-portfolio-title, .single-portfolio .single-portfolio-pagination .nav-link-next a:hover span.nav-portfolio-title { color: #a8353a; } .single-portfolio .single-portfolio-pagination .nav-link-prev a:hover i, .single-portfolio .single-portfolio-pagination .nav-link-next a:hover i { color: #fff; border-color: #a8353a; background-color: #a8353a; } .single-portfolio .single-portfolio-pagination .nav-link-prev a { padding-left: 65px; } .single-portfolio .single-portfolio-pagination .nav-link-prev a i { left: 0; } .single-portfolio .single-portfolio-pagination .nav-link-next a { padding-right: 65px; } .single-portfolio .single-portfolio-pagination .nav-link-next a i { right: 0; } .single-portfolio .single-portfolio-pagination .nav-all-portfolio { margin: 14px 0; line-height: 1; } .single-portfolio .single-portfolio-pagination .nav-all-portfolio a { font-size: 23px; color: #616161; } .single-portfolio .single-portfolio-pagination .nav-all-portfolio a:hover { color: #a8353a; } .single-portfolio .pt-line { width: 100%; height: 0; border-top: 1px solid #eee; padding-top: 50px; margin-top: 40px; } .single-portfolio #sg-portfolio-slider { margin-bottom: 45px; padding-bottom: 0; } .single-portfolio #sg-portfolio-slider .owl-controls .owl-nav .owl-prev, .single-portfolio #sg-portfolio-slider .owl-controls .owl-nav .owl-next { margin-top: 0; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .single-portfolio #sg-portfolio-slider .owl-controls .owl-nav .owl-prev i, .single-portfolio #sg-portfolio-slider .owl-controls .owl-nav .owl-next i { border-color: #fff; margin: 0; } .single-portfolio #sg-portfolio-slider .owl-controls .owl-nav .owl-prev i:hover, .single-portfolio #sg-portfolio-slider .owl-controls .owl-nav .owl-next i:hover { border-color: #a8353a; } .single-portfolio #sg-portfolio-slider .owl-controls .owl-nav .owl-prev { left: 30px; } .single-portfolio #sg-portfolio-slider .owl-controls .owl-nav .owl-next { right: 30px; } .single-portfolio.sg-portfolio-layout2 .pt-line { margin-top: 0; } .single-portfolio.sg-portfolio-layout3 .pt-line { margin-top: 70px; } .single-portfolio.sg-portfolio-layout4 #sg-portfolio-slider { margin-bottom: 75px; } .single-portfolio.sg-portfolio-layout6 .single-portfolio-image, .single-portfolio.sg-portfolio-layout8 .single-portfolio-image { padding: 0; } .single-portfolio.sg-portfolio-layout7 .single-portfolio-holder { padding-top: 45px; } .single-portfolio.sg-portfolio-layout9 .single-portfolio-boxright { margin-bottom: 60px; } .single-portfolio.sg-portfolio-layout9 .single-portfolio-content { margin-bottom: 50px; } #comments #respond { background-color: #fff; -webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); -moz-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); -ms-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ padding: 30px 40px 40px; margin-bottom: 30px; } #comments .comment-list-wrap { padding: 30px 40px 23px; } #comments .comment-list { list-style: none; padding: 0; } #comments .comment-list .comment-body { padding-left: 90px; position: relative; border-top: 2px solid #eee; padding-top: 30px; margin-top: 30px; } #comments .comment-list .comment-body .comment-inner { margin-bottom: 12px; } #comments .comment-list .comment-body .comment-author .avatar { max-width: 70px; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; /* BACKGROUND GRADIENT */ width: 100%; position: absolute; top: 30px; left: 0; -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-author cite { font-size: 14px; text-transform: uppercase; color: #222; font-style: normal; font-weight: 600; } #comments .comment-list .comment-body .comment-author cite a { color: #222; } #comments .comment-list .comment-body .comment-author cite a:hover { color: #a8353a; } #comments .comment-list .comment-body .comment-author .says { display: none; } #comments .comment-list .comment-body .comment-meta { line-height: 1; font-family: "Droidserif Italic"; font-size: 13px; margin-top: 9px; margin-bottom: 18px; } #comments .comment-list .comment-body .comment-meta a { color: #616161; } #comments .comment-list .comment-body .comment-meta a:hover { color: #a8353a; } #comments .comment-list .comment-body .comment-right { padding-left: 90px; } #comments .comment-list .comment-body .commetn-text { padding-left: 90px; padding-top: 4px; } #comments .comment-list .comment-body .commetn-text p { margin-bottom: 4px; } #comments .comment-list .comment-body .reply a { font-size: 13px; color: #a8353a; text-transform: uppercase; font-weight: 700; } #comments .comment-list .comment-body .reply a:hover { color: #222; } #comments .comment-list > li:first-child > .comment-body { border: none; padding-top: 0; margin-top: 40px; } #comments .comment-list > li:first-child > .comment-body .avatar { top: 0 !important; } #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: #222; } #comments .comment-list .pingback > .comment-body a.url:hover { color: #a8353a; } #comments #commentform .form-submit { margin-top: 40px; margin-bottom: 0; } #comments #commentform .form-submit #submit { display: block; width: 100%; } #comments #commentform .comment-form-comment { margin-bottom: 19px; margin-top: 26px; } #comments #commentform .row { margin: 0 -10px; } #comments #commentform .row .col-xs-12 { padding: 0 10px; } .tab-click .pace { display: none !important; } .vc_column-inner .vc_separator .vc_sep_holder { height: inherit; } .vc_column-inner .vc_separator .vc_sep_holder .vc_sep_line { top: inherit; } .mfp-wrap img.mfp-img { padding: 0; } .mfp-wrap .mfp-bottom-bar { margin: 0; padding: 10px 0; } .mfp-wrap .mfp-counter { top: 10px; } .box-need-help { background-color: #a8353a; padding: 50px 25px; color: #fff; text-align: center; } .box-need-help h3 { color: #fff; position: relative; font-size: 14px; line-height: 1; padding-bottom: 22px; margin-bottom: 25px; } .box-need-help h3:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; height: 2px; width: 40px; background-color: #fff; } .box-need-help p { font-size: 14px; line-height: 23px; margin-bottom: 25px; } .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; } .wpb_column.col-fixed-right { position: absolute; top: 0; right: 0; } .arrow-right { overflow: hidden; } .arrow-right .wpb_wrapper { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset; } .arrow-right:before { background-color: #fff; content: ""; height: 40px; position: absolute; right: -20px; bottom: 155px; -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 */ /* TRANSFORM STYLE */ width: 40px; z-index: 99; } .bg-image-default { background-size: cover; background-position: center; background-repeat: no-repeat; } .cms-load-posts i { padding: 0; display: none; } .cms-load-posts span { display: inline-block; padding: 0 6px; } .cms-load-posts a.run-loading i { display: inline-block; } .link-about { display: inline-block; text-align: left; /* Slick Carousel */ } .link-about li { font-size: 16px; text-transform: uppercase; letter-spacing: 0.035em; line-height: 23px; padding-right: 22px; margin-bottom: 18px; position: relative; } .link-about li a { color: rgba(255, 255, 255, 0.67); } .link-about li a span { text-transform: none; color: #7f2429; display: block; } .link-about li a i { position: absolute; right: 0; top: 3px; } .link-about li a:hover { color: #fff; } .slick-prev:before, .slick-next:before { color: #a8353a; /* OWL Carousel */ } 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: 50px; width: 50px; line-height: 50px; border: 1px solid #eee; font-size: 25px; color: #646464; 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: #fff; } .owl-controls .owl-nav .owl-prev i:before, .owl-controls .owl-nav .owl-next i:before { content: "\f104"; font-family: "FontAwesome"; } .owl-controls .owl-nav .owl-prev i:hover, .owl-controls .owl-nav .owl-next i:hover { color: #fff; border-color: #a8353a; background-color: #a8353a; } .owl-controls .owl-nav .owl-next i:before { content: "\f105"; } .owl-controls .owl-dots { text-align: center; padding-top: 25px; } .owl-controls .owl-dots .owl-dot { display: inline-block; margin: 0 6px; } .owl-controls .owl-dots .owl-dot span { display: block; height: 5px; width: 5px; background-color: #222; -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 */ position: relative; } .owl-controls .owl-dots .owl-dot span:before { content: ""; height: 9px; width: 9px; position: absolute; top: -2px; left: -2px; border: 2px solid #222; -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 */ -webkit-box-shadow: 0 0 10px #222 inset; -moz-box-shadow: 0 0 10px #222 inset; -ms-box-shadow: 0 0 10px #222 inset; box-shadow: 0 0 10px #222 inset; } .owl-controls .owl-dots .owl-dot span:after { content: ""; height: 13px; width: 13px; border: 2px solid transparent; position: absolute; top: -4px; left: -4px; -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 */ } .owl-controls .owl-dots .owl-dot.active span { background-color: #222; } .owl-controls .owl-dots .owl-dot.active span:before { border-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .owl-controls .owl-dots .owl-dot.active span:after { border-color: #222; } .dot-style-white .owl-controls .owl-dots .owl-dot span:before { border: 2px solid #fff; -webkit-box-shadow: 0 0 10px #fff inset; -moz-box-shadow: 0 0 10px #fff inset; -ms-box-shadow: 0 0 10px #fff inset; box-shadow: 0 0 10px #fff inset; } .dot-style-white .owl-controls .owl-dots .owl-dot.active span { background-color: #fff; } .dot-style-white .owl-controls .owl-dots .owl-dot.active span:before { border-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .dot-style-white .owl-controls .owl-dots .owl-dot.active span:after { border-color: #fff; } .dot-style-gray .owl-controls .owl-dots .owl-dot span:before { border: 2px solid #656565; -webkit-box-shadow: 0 0 10px #656565 inset; -moz-box-shadow: 0 0 10px #656565 inset; -ms-box-shadow: 0 0 10px #656565 inset; box-shadow: 0 0 10px #656565 inset; } .dot-style-gray .owl-controls .owl-dots .owl-dot.active span { background-color: #656565; } .dot-style-gray .owl-controls .owl-dots .owl-dot.active span:before { border-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .dot-style-gray .owl-controls .owl-dots .owl-dot.active span:after { border-color: #656565; } .social-page { text-align: center; /* [Start] 1. Custom Heading +-----------------------------------+ */ } .social-page li { display: inline-block; margin: 0 23px; } .social-page li a { color: rgba(0, 0, 0, 0.45); font-size: 20px; } .social-page li a:hover { color: #7f2429; } .vc_custom_heading { /* [Start] 2. Counter +-----------------------------------+ */ } .vc_custom_heading cite { font-style: normal; color: #a8353a; 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: 28px; } .cms-counter-wraper .cms-counter-icon i { font-size: 40px; color: #a8353a; } .cms-counter-wraper .cms-counter-content { font-weight: 600; } .cms-counter-wraper .cms-counter-content .cms-counter { color: #222; font-size: 45px; line-height: 1; } .cms-counter-wraper .cms-counter-content .cms-counter-title { font-size: 14px; color: #9b9b9b; text-transform: uppercase; font-weight: 700; } .cms-counter-wraper .cms-counter-content .cms-counter-line { display: block; margin: 10px auto 14px; width: 20px; height: 2px; background-color: rgba(219, 219, 219, 0.8); } .wg-title-white .vc_tta-container > h2 { color: #fff; } .wg-title-primary .vc_tta-container > h2 { color: #a8353a; } .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: 35px !important; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list { border-bottom: 1px solid #ededed; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a { padding: 11px 10px; font-size: 14px; color: #282828; line-height: 1; text-transform: uppercase; position: relative; border: none; font-weight: 600; background-color: transparent; margin: 0 10px; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a:before { background-color: #a8353a; 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: #a8353a; } .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; } .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: 600; font-size: 14px; line-height: 1.1; text-transform: uppercase; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; /* BACKGROUND GRADIENT */ border: none; text-align: right; margin: 3px 0px; position: relative; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-left .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a:before, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a:before { background-color: #a8353a !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: #a8353a !important; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-left .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a:before, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a:before, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-left .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:hover a:before, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:hover a:before { height: 100% !important; opacity: 1; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-left .vc_tta-panels-container, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-panels-container { width: inherit; padding-left: 30px; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-left .vc_tta-panels-container .vc_tta-panels, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-panels-container .vc_tta-panels { background-color: transparent; border: none; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-panels-container { padding-left: 0px; padding-right: 30px; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-panels-container .vc_tta-tabs-list .vc_tta-tab { text-align: left; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container { text-align: center; margin-bottom: 24px !important; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a { padding: 11px 20px; font-size: 14px; color: #282828; font-weight: 600; line-height: 1; position: relative; border: none; background-color: transparent; text-transform: uppercase; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a i { height: 60px; line-height: 60px; width: 60px; background-color: #282828; font-size: 28px; color: #fff; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ display: inline-block; margin-bottom: 17px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a span { display: block; margin: 0 !important; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a span + i { margin-bottom: 0; margin-top: 23px; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a, .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:hover a { color: #a8353a; } .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: #a8353a; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left) .vc_tta-panels-container .vc_tta-panels { border: none; background-color: transparent; text-align: center; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left) .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body { padding: 0; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left).tabs-position-bottom { padding-bottom: 188px; position: relative; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left).tabs-position-bottom .vc_tta-tabs-container { bottom: 0; margin-bottom: 0 !important; position: absolute; width: 100%; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left).tabs-position-bottom .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a i { font-size: 24px; } .vc_tta-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body { border-color: transparent; border-width: 0px; background-color: #fff; padding: 0px; font-size: 16px; line-height: 26px; } .vc_tta-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body img { margin-top: 8px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .vc_tta-container .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel, .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-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading, .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading { background-color: #f4f4f4; 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 */ } .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-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; color: #222; padding: 29px 22px; } .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, .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: 20px; height: 20px; background-color: #222; -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-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-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 { border-width: 2px 0 0; border-color: #fff; width: 10px; margin: auto; } .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, .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 { background-color: #fff; border: medium none; height: 10px; left: 10px; margin: auto; width: 2px; } .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, .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: 70px; padding-right: 28px; } .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, .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: 28px; } .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, .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: 28px; padding-right: 70px; } .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, .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: 28px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-body, .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel .vc_tta-panel-body { background-color: #f4f4f4 !important; font-size: 14px; font-weight: normal; color: #a5a5a5; line-height: 22px; border: none; padding: 0px 28px 26px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a, .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-container .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel:hover .vc_tta-panel-heading .vc_tta-panel-title > a, .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel:hover .vc_tta-panel-heading .vc_tta-panel-title > a { color: #a8353a; } .vc_tta-container .vc_tta-accordion.vc_tta-style-classic .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, .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, .vc_tta-container .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel:hover .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-modern .vc_tta-panels .vc_tta-panel:hover .vc_tta-panel-heading .vc_tta-panel-title > a .vc_tta-controls-icon.vc_tta-controls-icon-plus { background-color: #a8353a; } .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading { background-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 > a { border: 1px solid #eee; } .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel .vc_tta-panel-body { background-color: #fff; border-style: solid; border-width: 0 1px 1px 1px; border-color: #eee; } @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 { background-color: #f9f9f9; border: medium none; } .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: 14px; color: #222; text-transform: uppercase; } .vc_tta-container .vc_tta.vc_tta-tabs .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a { color: #a8353a; } .vc_tta-container .vc_tta.vc_tta-tabs .vc_tta-panel .vc_tta-panel-body { padding: 15px !important; } } .cms-pricing-wrapper { background-color: #fff; border-radius: 3px; -webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); -moz-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); -ms-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1); padding: 40px; /* [Start] 6. Progressbar +-----------------------------------+ */ } .cms-pricing-wrapper .pricing-header { background-color: #f5f5f5; padding: 20px 20px 35px; } .cms-pricing-wrapper .pricing-header .pricing-title { font-size: 16px; color: #a8353a; } .cms-pricing-wrapper .pricing-header .pricing-meta { line-height: 1; color: #222; padding: 17px 0 10px; } .cms-pricing-wrapper .pricing-header .pricing-meta .pricing-currency { font-size: 28px; } .cms-pricing-wrapper .pricing-header .pricing-meta .pricing-time { font-size: 13px; } .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: #a5a5a5; } .cms-pricing-wrapper .pricing-body { padding: 44px 0; } .cms-pricing-wrapper .pricing-body li { padding-bottom: 17px; position: relative; } .cms-pricing-wrapper .pricing-body li:before { width: 50px; height: 1px; background-color: #efefef; content: ""; position: absolute; bottom: 8px; left: 0; right: 0; margin: auto; } .cms-pricing-wrapper .pricing-body li:last-child { padding-bottom: 0; } .cms-pricing-wrapper .pricing-body li:last-child:before { display: none; } .cms-pricing-wrapper .pricing-button .btn { padding-left: 0; padding-right: 0; width: 100%; } .cms-pricing-wrapper.pricing-style2 .pricing-header { background-color: #a8353a; } .cms-pricing-wrapper.pricing-style2 .pricing-header .pricing-title { color: #2f2f2f; } .cms-pricing-wrapper.pricing-style2 .pricing-header .pricing-meta, .cms-pricing-wrapper.pricing-style2 .pricing-header .pricing-subtitle { color: #fff; } .cms-progress-wraper { position: relative; overflow: hidden; } .cms-progress-wraper .cms-progress-title { font-size: 13px; line-height: 1; text-transform: uppercase; font-weight: 700; } .cms-progress-wraper .cms-progress-icon i { font-size: 45px; color: #a8353a; } .cms-progress-layout1 { /* [Start] 7. Alert +-----------------------------------+ */ } .cms-progress-layout1 .cms-progress-title { margin-bottom: 9px; } .cms-progress-layout1 .cms-progress { height: 6px; width: 100%; background-color: #eee; -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 */ overflow: visible; margin-bottom: 16px; } .cms-progress-layout1 .cms-progress .progress-bar { background-image: none; background-color: #a8353a; 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 */ -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .cms-progress-layout1 .cms-progress .progress-couter { color: #9b9b9b; font-size: 12px; position: absolute; right: 0; top: -25px; font-weight: 600; } .cms-alert-wrapper { /* [Start] 8. Testimonial +-----------------------------------+ */ } .cms-alert-wrapper .alert { font-size: 14px; line-height: 24px; letter-spacing: 0.035em; padding: 18px 20px; position: relative; color: #222; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; background-color: #fff; margin-bottom: 0; } .cms-alert-wrapper .alert .close { font-size: 18px; opacity: 1; -webkit-text-shadow: none; -moz-text-shadow: none; -ms-text-shadow: none; text-shadow: none; } .cms-alert-wrapper .title { font-size: 18px; left: 18px; position: absolute; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-alert-wrapper .alert-icon { font-size: 18px; padding-right: 4px; position: relative; top: 2px; display: inline-block; } .cms-alert-wrapper.cms-alert-outline .alert { border: 1px solid #222; } .cms-alert-wrapper.cms-alert-modern .alert { background-color: #a8353a; color: #fff; } .cms-alert-wrapper.cms-alert-modern .alert .close { color: #fff; } .cms-alert-wrapper.cms-alert-flat .alert { background-color: #eaedf1; } .cms-testimonial { /* [Start] 9. Team +-----------------------------------+ */ } .cms-testimonial .cms-testimonial-wrapper .cms-testimonial-image { max-width: 50px; } .cms-testimonial .cms-testimonial-wrapper .cms-testimonial-image 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 */ } .cms-testimonial .cms-testimonial-wrapper .cms-testimonial-content { font-size: 23px; line-height: 35px; font-family: 'Droidserif Italic'; } .cms-testimonial .cms-testimonial-wrapper .cms-testimonial-content p { margin: 0; } .cms-testimonial .cms-testimonial-wrapper .cms-testimonial-title { font-size: 14px; line-height: 22px; font-weight: 700; } .cms-testimonial .cms-testimonial-wrapper .cms-testimonial-position { font-size: 13px; line-height: 23px; color: #616161; } .cms-testimonial .cms-testimonial-wrapper .cms-testimonial-icon { background-size: contain; width: 26px; height: 20px; margin: auto; background-image: url(../images/testimonial-icon.png); position: relative; } .cms-testimonial.cms-testimonial-layout1 .cms-testimonial-content { margin-bottom: 30px; } .cms-testimonial.cms-testimonial-layout1 .cms-testimonial-footer { display: inline-block; margin-top: 35px; } .cms-testimonial.cms-testimonial-layout1 .cms-testimonial-footer .cms-testimonial-image { float: left; } .cms-testimonial.cms-testimonial-layout1 .cms-testimonial-footer .cms-testimonial-meta { padding-left: 70px; text-align: left; } .cms-testimonial.cms-testimonial-layout1 .cms-testimonial-footer .cms-testimonial-meta .cms-testimonial-title { margin: 2px 0; } .cms-testimonial.cms-testimonial-layout1 .owl-controls .owl-nav .owl-prev i, .cms-testimonial.cms-testimonial-layout1 .owl-controls .owl-nav .owl-next i { background-color: transparent; border: none; } .cms-testimonial.cms-testimonial-layout1 .owl-controls .owl-nav .owl-prev i:hover, .cms-testimonial.cms-testimonial-layout1 .owl-controls .owl-nav .owl-next i:hover { color: #a8353a; } .cms-testimonial.cms-testimonial-layout2 .cms-testimonial-item { padding: 10px 0; } .cms-testimonial.cms-testimonial-layout2 .cms-testimonial-wrapper { background-color: #fff; padding: 40px 30px 30px; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); -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 */ } .cms-testimonial.cms-testimonial-layout2 .cms-testimonial-wrapper .cms-testimonial-image { display: inline-block; margin: auto; } .cms-testimonial.cms-testimonial-layout2 .cms-testimonial-wrapper .cms-testimonial-content { font-size: 16px; line-height: 24px; letter-spacing: 0.02em; padding-top: 25px; padding-bottom: 16px; } .cms-testimonial.cms-testimonial-layout2 .cms-testimonial-wrapper .cms-testimonial-title { margin-top: 15px; margin-bottom: 2px; } .cms-layout-team { /* [Start] 10. Heading +-----------------------------------+ */ } .cms-layout-team .cms-team-header { position: relative; } .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-color: rgba(34, 34, 34, 0.95); 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-layout-team .cms-team-header .cms-team-social { -webkit-transition: all 400ms linear 0ms; -moz-transition: all 400ms linear 0ms; -ms-transition: all 400ms linear 0ms; transition: all 400ms linear 0ms; } .cms-layout-team .cms-team-header .cms-team-social li { display: inline-block; } .cms-layout-team .cms-team-header .cms-team-social li a { font-size: 14px; color: #fff; padding: 0 7px; } .cms-layout-team .cms-team-header .cms-team-social li a:hover { color: #a8353a; } .cms-layout-team .cms-team-title { font-size: 18px; line-height: 26px; margin-top: 25px; margin-bottom: 2px; } .cms-layout-team .cms-team-position { font-size: 13px; } .cms-layout-team .cms-team-content { padding-top: 15px; } .cms-layout-team .h-line { position: relative; width: 20px; margin: 0 auto 15px auto; } .cms-layout-team.cms-team-layout1 .cms-team-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 */ } .cms-layout-team.cms-team-layout1 .cms-team-overlay { -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .cms-layout-team.cms-team-layout1 .cms-team-social { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translate(0, -50%) scale(0.5); -khtml-transform: translate(0, -50%) scale(0.5); -moz-transform: translate(0, -50%) scale(0.5); -ms-transform: translate(0, -50%) scale(0.5); -o-transform: translate(0, -50%) scale(0.5); transform: translate(0, -50%) scale(0.5); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-layout-team.cms-team-layout1 .cms-team-wrapper:hover .cms-team-social { -webkit-transform: translate(0, -50%) scale(1); -khtml-transform: translate(0, -50%) scale(1); -moz-transform: translate(0, -50%) scale(1); -ms-transform: translate(0, -50%) scale(1); -o-transform: translate(0, -50%) scale(1); transform: translate(0, -50%) scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-layout-team.cms-team-layout1 .owl-controls .owl-dots { padding-top: 42px; } .cms-layout-team.cms-team-layout2 .cms-team-content { position: absolute; bottom: 0; left: 0; right: 0; padding: 30px; } .cms-layout-team.cms-team-layout2 .cms-team-content .cms-team-title { color: #fff; margin-top: 18px; } .cms-layout-team .cms-team-wrapper:hover .cms-team-overlay { bottom: 20px; left: 20px; top: 20px; right: 20px; opacity: 1; } .cms-layout-team.cms-grid-wraper .cms-team-wrapper { margin-bottom: 45px; } .cms-heading-wrapper { margin: auto; max-width: 1000px; text-align: center; } .cms-heading-wrapper .h-line { height: 2px; margin: auto auto 25px; position: relative; width: 40px; } .cms-heading-wrapper .h-icon { height: 54px; width: 54px; display: block; background-color: #222; margin: auto auto 24px; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; /* BACKGROUND GRADIENT */ background-repeat: no-repeat; background-position: center; background-image: url(../images/bg-h-icon.png); } .cms-heading-wrapper .subtitle { color: #616161; font-family: "Droidserif Italic"; font-size: 16px; } .cms-heading-wrapper .title { font-size: 28px; margin: 11px 0 23px; font-weight: 700; } .cms-heading-wrapper .description { font-size: 15px; line-height: 24px; } .cms-heading-wrapper .description + .h-line { margin-top: 25px; margin-bottom: 0; } .cms-heading-wrapper.cms-heading-default .description { max-width: 730px; margin: auto; } .cms-heading-wrapper.cms-heading-layout1 { text-align: left; } .cms-heading-wrapper.cms-heading-layout1 .title { font-style: italic; font-size: 35px; line-height: 1.2; } .cms-heading-wrapper.cms-heading-layout1 .h-line { width: inherit; } .cms-heading-wrapper.cms-heading-layout1 .description { color: #a5a5a5; font-size: 15px; line-height: 25px; font-family: "Droidserif Italic"; } .cms-heading-wrapper.cms-heading-layout1 .description + .h-line { margin-bottom: 0; margin-top: 22px; } .social-connect { padding-top: 3px; } .social-connect a { font-size: 26px; padding-right: 20px; } .cms-edge-wrapper { left: 0; position: absolute; right: 0; width: 100%; /* [Start] 11. Fancybox +-----------------------------------+ */ } .cms-edge-wrapper svg { position: absolute; left: 0; right: 0; } .cms-edge-wrapper.edge-top { top: 0; } .cms-edge-wrapper.edge-top svg { transform: rotate(180deg); top: 0; } .cms-edge-wrapper.edge-top.edge-style3 svg { transform: rotate(0deg); } .cms-edge-wrapper.edge-bottom { bottom: 0; } .cms-edge-wrapper.edge-bottom svg { bottom: 0; } .cms-edge-wrapper.edge-bottom.edge-style3 svg { transform: rotate(180deg); } .cms-fancyboxes-wraper { /* [Start] 13. Client +-----------------------------------+ */ } .cms-fancyboxes-wraper .cms-fancybox-title { font-size: 18px; line-height: 29px; } .cms-fancyboxes-wraper .cms-fancybox-icon i { font-size: 40px; color: #a8353a; -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-fancyboxes-deault .cms-fancybox-icon { margin-bottom: 20px; } .cms-fancyboxes-wraper.cms-fancyboxes-deault .cms-fancybox-icon img { max-width: 100px; } .cms-fancyboxes-wraper.cms-fancyboxes-deault .cms-fancybox-title { margin-bottom: 6px; } .cms-fancyboxes-wraper.cms-fancyboxes-deault .cs-carousel-item-wrap .cms-fancybox-item:nth-child(2) { margin-top: 48px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout1 .cms-fancybox-icon { max-width: 70px; float: left; } .cms-fancyboxes-wraper.cms-fancyboxes-layout1 .cms-fancybox-icon img { max-width: 45px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout1 .cms-fancybox-content { padding-left: 70px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout1 .cms-fancybox-title { margin-bottom: 6px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout2 .cms-fancybox-icon { margin-bottom: 24px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout2 .cms-fancybox-icon img { width: 100%; } .cms-fancyboxes-wraper.cms-fancyboxes-layout2 .cms-fancybox-title span { color: #a8353a; position: relative; display: inline-block; padding-right: 6px; padding-bottom: 3px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout2 .cms-fancybox-title span:before { height: 2px; width: 25px; background-color: #a8353a; content: ""; position: absolute; bottom: 0; left: 0; } .cms-fancyboxes-wraper.cms-fancyboxes-layout3 .cms-fancybox-header, .cms-fancyboxes-wraper.cms-fancyboxes-layout4 .cms-fancybox-header { position: relative; } .cms-fancyboxes-wraper.cms-fancyboxes-layout3 .cms-fancybox-header .cms-fancybox-number, .cms-fancyboxes-wraper.cms-fancyboxes-layout4 .cms-fancybox-header .cms-fancybox-number { color: #efefef; font-size: 65px; font-weight: 700; position: absolute; top: -4px; left: 0; } .cms-fancyboxes-wraper.cms-fancyboxes-layout3 .cms-fancybox-header .cms-fancybox-title, .cms-fancyboxes-wraper.cms-fancyboxes-layout4 .cms-fancybox-header .cms-fancybox-title { position: relative; margin-top: 9px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout3 .cms-fancybox-header .cms-fancybox-subtitle, .cms-fancyboxes-wraper.cms-fancyboxes-layout4 .cms-fancybox-header .cms-fancybox-subtitle { font-size: 13px; color: #a8353a; line-height: 1; font-family: 'Droidserif Italic'; position: relative; } .cms-fancyboxes-wraper.cms-fancyboxes-layout3 .cms-fancybox-header.number-right .cms-fancybox-number, .cms-fancyboxes-wraper.cms-fancyboxes-layout4 .cms-fancybox-header.number-right .cms-fancybox-number { bottom: 15px; left: inherit; right: 0; top: inherit; } .cms-fancyboxes-wraper.cms-fancyboxes-layout4 { padding: 104px 90px; background-color: #f9f9f9; background-position: center center; background-repeat: no-repeat; background-size: cover; } .cms-fancyboxes-wraper.cms-fancyboxes-layout4 .cms-fancybox-header .cms-fancybox-subtitle { color: #616161; font-size: 14px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout4 .cms-fancybox-header .cms-fancybox-title { font-size: 23px; margin-bottom: 28px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout4 .cms-button-wrapper { padding-top: 14px; } .cms-fancyboxes-wraper .cms-button-wrapper .btn-text { font-size: 13px; text-transform: uppercase; color: #a8353a; font-weight: 600; 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; padding-bottom: 6px; } .cms-fancyboxes-wraper .cms-button-wrapper .btn-text:before { height: 2px; width: 25px; background-color: #a8353a; content: ""; position: absolute; bottom: 0; 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-fancyboxes-wraper .cms-button-wrapper .btn-text:hover:before { width: 100%; } .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 +-----------------------------------+ */ /* Grid Blog */ } .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: 9px; padding-bottom: 9px; 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: #e3e3e3; } .cms-carousel-client-layout2 .cms-carousel-item .cms-carousel-media:before { background-color: #e3e3e3; 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-grid-blog-layout1 .entry-blog, .cms-carousel-blog-layout1 .entry-blog { margin-bottom: 30px; padding-bottom: 30px; } .cms-grid-blog-layout1 .entry-blog .entry-header a, .cms-carousel-blog-layout1 .entry-blog .entry-header a { display: block; background-color: #222; -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 */ overflow: hidden; } .cms-grid-blog-layout1 .entry-blog .entry-header a img, .cms-carousel-blog-layout1 .entry-blog .entry-header a img { width: 100%; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-grid-blog-layout1 .entry-blog .entry-header a:hover img, .cms-carousel-blog-layout1 .entry-blog .entry-header a:hover img { opacity: 0.8; -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 */ /* TRANSFORM STYLE */ } .cms-grid-blog-layout1 .entry-blog .entry-meta li, .cms-carousel-blog-layout1 .entry-blog .entry-meta li { font-size: 12px; } .cms-grid-blog-layout1 .entry-blog .entry-meta .detail-comment, .cms-carousel-blog-layout1 .entry-blog .entry-meta .detail-comment { display: none; } .cms-grid-blog-layout1 .entry-blog .entry-title, .cms-carousel-blog-layout1 .entry-blog .entry-title { font-size: 18px; line-height: 23px; margin-bottom: 20px; } .cms-grid-blog-layout1 .pagination, .cms-carousel-blog-layout1 .pagination { margin-top: 20px; } .cms-carousel-blog-layout1 .entry-blog { margin-bottom: 23px; } .box-style-dark { /* [Start] 19. Image Grid Gallery +-----------------------------------+ */ } .box-style-dark .entry-blog { background-color: #1d1d1d; } .box-style-dark .entry-blog .entry-title a { color: #fff; } .box-style-dark .entry-blog .entry-title a:hover { color: #a8353a; } .wpb_gallery_slides.wpb_image_grid .wpb_image_grid_ul { margin: 0 -15px; } .wpb_gallery_slides.wpb_image_grid .wpb_image_grid_ul .isotope-item { width: 25%; padding: 0; margin: 0; } .wpb_gallery_slides.wpb_image_grid .wpb_image_grid_ul .isotope-item a { display: block; position: relative; background-color: #222; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ } .wpb_gallery_slides.wpb_image_grid .wpb_image_grid_ul .isotope-item a img { opacity: 0.75; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .wpb_gallery_slides.wpb_image_grid .wpb_image_grid_ul .isotope-item a:hover img { opacity: 1; } .wpb_images_carousel .vc_images_carousel { /* [Start] 20. CMS Lists +-----------------------------------+ */ } .wpb_images_carousel .vc_images_carousel .vc_carousel-indicators li { border-color: #fff; background-color: #fff; } .wpb_images_carousel .vc_images_carousel .vc_carousel-indicators li.vc_active { background-color: transparent; } .wpb_images_carousel .vc_images_carousel .vc_carousel-control { background-color: #fff; color: #222; height: 50px; line-height: 50px; text-align: center; -webkit-text-shadow: none; -moz-text-shadow: none; -ms-text-shadow: none; text-shadow: none; width: 50px; opacity: 1; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .wpb_images_carousel .vc_images_carousel .vc_carousel-control .icon-next, .wpb_images_carousel .vc_images_carousel .vc_carousel-control .icon-prev { height: 50px; line-height: 50px; width: 50px; margin: 0; font-size: 25px; position: static; } .wpb_images_carousel .vc_images_carousel .vc_carousel-control .icon-next:before, .wpb_images_carousel .vc_images_carousel .vc_carousel-control .icon-prev:before { content: "\f104"; font-family: FontAwesome; top: 0; display: inline-block; vertical-align: middle; } .wpb_images_carousel .vc_images_carousel .vc_carousel-control .icon-next:before { content: "\f105"; } .wpb_images_carousel .vc_images_carousel .vc_carousel-control.vc_left { left: 30px; } .wpb_images_carousel .vc_images_carousel .vc_carousel-control.vc_right { right: 30px; } .wpb_images_carousel .vc_images_carousel .vc_carousel-control:hover { background-color: #a8353a; color: #fff; } .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: FontAwesome; color: #222; 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 */ /* TRANSFORM STYLE */ font-size: 15px; } .cms-lists .list-style.list-style1 li:before { content: "\f01d"; } .cms-lists .list-style.list-style2 li:before { content: "\f058"; } .cms-lists .list-style.list-style3 li:before { content: "\f105"; } .cms-lists .list-style.list-style4 li:before { content: "\f006"; } .cms-lists .list-style.list-style5 li:before { content: "\f006"; } .cms-lists .list-style.list-style6 li:before { content: "\f0da"; } .cms-lists .list-style.list-style7 li:before { content: "\f111"; font-size: 7px; } .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: #222; 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 */ /* TRANSFORM STYLE */ font-weight: 600; } .cms-cta-wrapper { /* [Start] 21. CMS Timeline +-----------------------------------+ */ } .cms-cta-wrapper .title { font-size: 24px; margin: 12px 0; } .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: #a8353a; float: left; width: 85px; line-height: 29px; position: relative; padding-right: 18px; font-weight: 600; } .cms-timeline-layout1 .cms-timeline-list .cms-timeline-year i { background-color: #fff; color: #222; 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; font-weight: 500; 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: #a8353a; width: 139px !important; height: 139px !important; line-height: 148px !important; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ -webkit-box-shadow: 0 0 0 3px #ebebeb; -moz-box-shadow: 0 0 0 3px #ebebeb; -ms-box-shadow: 0 0 0 3px #ebebeb; box-shadow: 0 0 0 3px #ebebeb; left: 50% !important; position: absolute !important; top: 50% !important; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ font-weight: 600; } .wpb_wrapper .vc_pie_chart .vc_pie_wrapper .vc_pie_chart_value:after { content: "%"; font-size: 23px; } .wpb_wrapper .vc_pie_chart h4.wpb_heading { font-size: 16px; line-height: 28px; margin: 42px 0; } .wpb_wrapper .vc_pie_chart.style2 .vc_pie_wrapper .vc_pie_chart_value { color: transparent; } .wpb_wrapper .vc_pie_chart.style2 .vc_pie_wrapper i { font-size: 40px; color: #a8353a; left: 50%; line-height: 148px; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-process .cms-process-icon i { font-size: 40px; color: #fff; background-color: rgba(168, 53, 58, 0.95); -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; /* BACKGROUND GRADIENT */ bottom: 0; display: block; height: 100px; left: 0; line-height: 100px; margin: auto; position: absolute; right: 0; text-align: center; top: 0; width: 100px; } .cms-process .cms-process-title { font-size: 14px; text-transform: uppercase; font-weight: 700; } .cms-process .cms-process-title span { color: #a8353a; padding-right: 5px; } .cms-process.icon-style1 .cms-process-icon i { -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-process.icon-style1 .cms-process-item:hover .cms-process-icon i { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-process.icon-style3 .cms-process-icon i { width: 120px; height: 120px; line-height: 120px; background-color: #a8353a; } .cms-process .cms-process-content { position: relative; } .cms-process .cms-process-content .h-line { position: absolute; right: -20px; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-process .cms-process-content .h-line .line1, .cms-process .cms-process-content .h-line .line2 { background-color: #9b9b9b; } .cms-process .cms-process-content .h-line .line1:after, .cms-process .cms-process-content .h-line .line2:after { display: none; } .cms-process .cms-process-content .h-line .line1:before, .cms-process .cms-process-content .h-line .line2:before { background-color: #9b9b9b; } .cms-process-layout-default .cms-process-list { margin: 0 -35px; } .cms-process-layout-default .cms-process-item { float: left; padding: 0 35px; margin-bottom: 35px; } .cms-process-layout-default .cms-process-item .cms-process-icon { background-position: center center; background-repeat: no-repeat; background-size: cover; border: 5px solid #fff; -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 */ display: block; height: 130px; width: 130px; position: relative; margin: 0 auto 45px auto; } .cms-process-layout-default .cms-process-item .cms-process-icon:before { content: ""; height: 134px; width: 134px; border: 2px solid #e8e8e8; position: absolute; top: -7px; left: -7px; -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 */ } .cms-process-layout-default .cms-process-item:last-child .h-line { display: none !important; } .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: 80px; line-height: 25px; color: #222; display: block; margin-bottom: 25px; } .cms-countdown-wraper .countdown-item-container .countdown-period { font-size: 14px; color: #a5a5a5; font-weight: 600; text-transform: uppercase; } .countdown-white .cms-countdown-wraper .countdown-item-container .countdown-amount { color: #fff; } .countdown-white .cms-countdown-wraper .countdown-item-container .countdown-period { color: #f9f9f9; } .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: #222; font-size: 40px; line-height: 45px; } .cms-dropcap-content.style2 .first-letter { font-size: 25px; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; /* BACKGROUND GRADIENT */ background-color: #222; color: #fff; } .cms-dropcap-content.style3 .first-letter { background-color: #898989; color: #fff; font-size: 25px; } .cms-higlighted-style1 { background-color: #a8353a; color: #fff; padding: 5px 0px; } .cms-higlighted-style2 { background-color: #d8d8d8; padding: 5px 0px; } .cms-higlighted-style3 { background-color: #222; 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: #222; background-color: #fff; padding-left: 5px; z-index: 11; } .cms-typingout { font-size: 16px; color: #222; line-height: 26px; font-weight: 600; /* [Start] 24. CMS Portfolio +-----------------------------------+ */ } .cms-filter-style1 { text-align: center; margin-bottom: 32px; } .cms-filter-style1 li { padding: 0 14px; } .cms-filter-style1 li a { font-size: 13px; color: #333; } .cms-filter-style1 li a.active, .cms-filter-style1 li a:hover { color: #a8353a; } .cms-portfolio .cms-portfolio-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.9); opacity: 0; -webkit-transition: all 230ms linear 0ms; -moz-transition: all 230ms linear 0ms; -ms-transition: all 230ms linear 0ms; transition: all 230ms linear 0ms; } .cms-portfolio .cms-portfolio-title { font-size: 18px; line-height: 28px; margin-bottom: 8px; } .cms-portfolio .cms-portfolio-title a { color: #222; } .cms-portfolio .cms-portfolio-title a:hover { color: #a8353a; } .cms-portfolio .cms-portfolio-category { font-size: 13px; line-height: normal; } .cms-portfolio .cms-portfolio-category a { color: #222; } .cms-portfolio .cms-portfolio-category a:after { content: ", "; } .cms-portfolio .cms-portfolio-category a:hover { color: #a8353a; } .cms-portfolio .cms-portfolio-category a:last-child:after { content: ""; } .cms-portfolio .cms-grid-item.col-lg-3 .cms-portfolio-holder .cms-portfolio-title { font-size: 16px; line-height: 26px; } .cms-portfolio .cms-load-posts { padding-top: 20px; } .cms-portfolio.cms-portfolio-standard .cms-portfolio-image { position: relative; } .cms-portfolio.cms-portfolio-standard .cms-portfolio-image a { color: #333; } .cms-portfolio.cms-portfolio-standard .cms-portfolio-image a span { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translate(0, -50%) scale(0); -khtml-transform: translate(0, -50%) scale(0); -moz-transform: translate(0, -50%) scale(0); -ms-transform: translate(0, -50%) scale(0); -o-transform: translate(0, -50%) scale(0); transform: translate(0, -50%) scale(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ text-align: center; font-size: 36px; -webkit-transition: all 400ms linear 0ms; -moz-transition: all 400ms linear 0ms; -ms-transition: all 400ms linear 0ms; transition: all 400ms linear 0ms; } .cms-portfolio.cms-portfolio-standard .cms-portfolio-image:hover a { opacity: 1; left: 30px; right: 30px; top: 30px; bottom: 30px; } .cms-portfolio.cms-portfolio-standard .cms-portfolio-image:hover a span { -webkit-transform: translate(0, -50%) scale(1); -khtml-transform: translate(0, -50%) scale(1); -moz-transform: translate(0, -50%) scale(1); -ms-transform: translate(0, -50%) scale(1); -o-transform: translate(0, -50%) scale(1); transform: translate(0, -50%) scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-portfolio.cms-portfolio-standard .cms-portfolio-holder { text-align: center; padding: 24px 20px 58px 20px; } .cms-portfolio.cms-portfolio-standard .pagination { margin: 0; } .cms-portfolio.cms-portfolio-standard .outline .btn-primary { background-color: #fff; border-color: #222; color: #222; } .cms-portfolio.cms-portfolio-standard .outline .btn-primary:hover { background-color: #a8353a; border-color: #a8353a; color: #fff; } .cms-portfolio.cms-portfolio-grid .cms-portfolio-image { position: relative; } .cms-portfolio.cms-portfolio-grid .cms-portfolio-image .cms-portfolio-overlay .cms-portfolio-holder { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translate(0, -50%) scale(0); -khtml-transform: translate(0, -50%) scale(0); -moz-transform: translate(0, -50%) scale(0); -ms-transform: translate(0, -50%) scale(0); -o-transform: translate(0, -50%) scale(0); transform: translate(0, -50%) scale(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ opacity: 0; text-align: center; -webkit-transition: all 400ms linear 0ms; -moz-transition: all 400ms linear 0ms; -ms-transition: all 400ms linear 0ms; transition: all 400ms linear 0ms; padding: 20px; } .cms-portfolio.cms-portfolio-grid .cms-portfolio-image:hover .cms-portfolio-overlay { opacity: 1; left: 30px; right: 30px; top: 30px; bottom: 30px; } .cms-portfolio.cms-portfolio-grid .cms-portfolio-image:hover .cms-portfolio-overlay .cms-portfolio-holder { -webkit-transform: translate(0, -50%) scale(1); -khtml-transform: translate(0, -50%) scale(1); -moz-transform: translate(0, -50%) scale(1); -ms-transform: translate(0, -50%) scale(1); -o-transform: translate(0, -50%) scale(1); transform: translate(0, -50%) scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ opacity: 1; } .cms-portfolio.cms-portfolio-grid .cms-load-posts { padding-top: 50px; } .cms-portfolio.cms-portfolio-grid .cms-paging-navigation { margin-top: 25px; } .cms-portfolio.cms-portfolio-parallax .cms-portfolio-image { position: relative; display: block; width: 100%; height: 700px; overflow: hidden; } .cms-portfolio.cms-portfolio-parallax .cms-portfolio-image .cms-portfolio-cover { position: absolute; display: block; width: 100%; height: 100%; z-index: 1; } .cms-portfolio.cms-portfolio-parallax .cms-portfolio-image .cms-portfolio-cover img { position: absolute; display: block; min-width: 100%; min-height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-portfolio.cms-portfolio-parallax .cms-portfolio-holder { padding-top: 150px; padding-bottom: 150px; } .cms-portfolio.cms-portfolio-parallax .cms-portfolio-holder .cms-portfolio-title { font-size: 30px; line-height: 1; margin-top: 22px; margin-bottom: 18px; } .cms-portfolio.cms-portfolio-parallax .cms-portfolio-holder .cms-portfolio-readmore { font-size: 13px; text-transform: uppercase; font-weight: 600; } .cms-carousel-portfolio-simple .cms-carousel-portfolio-wrap, .cms-carousel-portfolio-slider .cms-carousel-portfolio-wrap { min-height: 610px; background-color: #a8353a; background-size: cover; background-position: center; background-repeat: no-repeat; padding: 100px 0; } .cms-carousel-portfolio-simple .cms-carousel-portfolio-wrap .cms-portfolio-content, .cms-carousel-portfolio-slider .cms-carousel-portfolio-wrap .cms-portfolio-content { background-color: rgba(255, 255, 255, 0.9); left: 0; margin: auto; max-width: 570px; padding: 75px 30px; position: absolute; right: 0; text-align: center; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-carousel-portfolio-simple .cms-carousel-portfolio-wrap .cms-portfolio-content .cms-portfolio-title, .cms-carousel-portfolio-slider .cms-carousel-portfolio-wrap .cms-portfolio-content .cms-portfolio-title { font-size: 30px; line-height: 1; margin-top: 22px; margin-bottom: 18px; } .cms-carousel-portfolio-simple .cms-carousel-portfolio-wrap .cms-portfolio-content .cms-portfolio-readmore, .cms-carousel-portfolio-slider .cms-carousel-portfolio-wrap .cms-portfolio-content .cms-portfolio-readmore { font-size: 13px; text-transform: uppercase; font-weight: 600; } .cms-carousel-portfolio-simple .owl-controls .owl-prev, .cms-carousel-portfolio-slider .owl-controls .owl-prev, .cms-carousel-portfolio-simple .owl-controls .owl-next, .cms-carousel-portfolio-slider .owl-controls .owl-next { margin-top: 0; position: absolute; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ overflow: hidden; } .cms-carousel-portfolio-simple .owl-controls .owl-prev i, .cms-carousel-portfolio-slider .owl-controls .owl-prev i, .cms-carousel-portfolio-simple .owl-controls .owl-next i, .cms-carousel-portfolio-slider .owl-controls .owl-next i { border: none; background-color: transparent; height: 100px; width: 50px; margin: 0; } .cms-carousel-portfolio-simple .owl-controls .owl-prev i:before, .cms-carousel-portfolio-slider .owl-controls .owl-prev i:before, .cms-carousel-portfolio-simple .owl-controls .owl-next i:before, .cms-carousel-portfolio-slider .owl-controls .owl-next i:before, .cms-carousel-portfolio-simple .owl-controls .owl-prev i:after, .cms-carousel-portfolio-slider .owl-controls .owl-prev i:after, .cms-carousel-portfolio-simple .owl-controls .owl-next i:after, .cms-carousel-portfolio-slider .owl-controls .owl-next i:after { content: ""; position: absolute; background-color: #fff; height: 55px; width: 1px; 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-carousel-portfolio-simple .owl-controls .owl-prev i:before, .cms-carousel-portfolio-slider .owl-controls .owl-prev i:before, .cms-carousel-portfolio-simple .owl-controls .owl-next i:before, .cms-carousel-portfolio-slider .owl-controls .owl-next i:before { -webkit-transform: rotate(36deg) translateY(0px); -khtml-transform: rotate(36deg) translateY(0px); -moz-transform: rotate(36deg) translateY(0px); -ms-transform: rotate(36deg) translateY(0px); -o-transform: rotate(36deg) translateY(0px); transform: rotate(36deg) translateY(0px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ top: 21px; } .cms-carousel-portfolio-simple .owl-controls .owl-prev i:after, .cms-carousel-portfolio-slider .owl-controls .owl-prev i:after, .cms-carousel-portfolio-simple .owl-controls .owl-next i:after, .cms-carousel-portfolio-slider .owl-controls .owl-next i:after { -webkit-transform: rotate(-36deg) translateY(0px); -khtml-transform: rotate(-36deg) translateY(0px); -moz-transform: rotate(-36deg) translateY(0px); -ms-transform: rotate(-36deg) translateY(0px); -o-transform: rotate(-36deg) translateY(0px); transform: rotate(-36deg) translateY(0px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ top: 22px; } .cms-carousel-portfolio-simple .owl-controls .owl-prev i:hover, .cms-carousel-portfolio-slider .owl-controls .owl-prev i:hover, .cms-carousel-portfolio-simple .owl-controls .owl-next i:hover, .cms-carousel-portfolio-slider .owl-controls .owl-next i:hover { background-color: transparent; } .cms-carousel-portfolio-simple .owl-controls .owl-prev i:hover:before, .cms-carousel-portfolio-slider .owl-controls .owl-prev i:hover:before, .cms-carousel-portfolio-simple .owl-controls .owl-next i:hover:before, .cms-carousel-portfolio-slider .owl-controls .owl-next i:hover:before { -webkit-transform: rotate(36deg) translateY(10px); -khtml-transform: rotate(36deg) translateY(10px); -moz-transform: rotate(36deg) translateY(10px); -ms-transform: rotate(36deg) translateY(10px); -o-transform: rotate(36deg) translateY(10px); transform: rotate(36deg) translateY(10px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-carousel-portfolio-simple .owl-controls .owl-prev i:hover:after, .cms-carousel-portfolio-slider .owl-controls .owl-prev i:hover:after, .cms-carousel-portfolio-simple .owl-controls .owl-next i:hover:after, .cms-carousel-portfolio-slider .owl-controls .owl-next i:hover:after { -webkit-transform: rotate(-36deg) translateY(-10px); -khtml-transform: rotate(-36deg) translateY(-10px); -moz-transform: rotate(-36deg) translateY(-10px); -ms-transform: rotate(-36deg) translateY(-10px); -o-transform: rotate(-36deg) translateY(-10px); transform: rotate(-36deg) translateY(-10px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-carousel-portfolio-simple .owl-controls .owl-prev, .cms-carousel-portfolio-slider .owl-controls .owl-prev { left: 30px; } .cms-carousel-portfolio-simple .owl-controls .owl-prev i:hover:before, .cms-carousel-portfolio-slider .owl-controls .owl-prev i:hover:before { -webkit-transform: rotate(36deg) translateY(-10px); -khtml-transform: rotate(36deg) translateY(-10px); -moz-transform: rotate(36deg) translateY(-10px); -ms-transform: rotate(36deg) translateY(-10px); -o-transform: rotate(36deg) translateY(-10px); transform: rotate(36deg) translateY(-10px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-carousel-portfolio-simple .owl-controls .owl-prev i:hover:after, .cms-carousel-portfolio-slider .owl-controls .owl-prev i:hover:after { -webkit-transform: rotate(-36deg) translateY(10px); -khtml-transform: rotate(-36deg) translateY(10px); -moz-transform: rotate(-36deg) translateY(10px); -ms-transform: rotate(-36deg) translateY(10px); -o-transform: rotate(-36deg) translateY(10px); transform: rotate(-36deg) translateY(10px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-carousel-portfolio-simple .owl-controls .owl-next, .cms-carousel-portfolio-slider .owl-controls .owl-next { right: 30px; } .cms-carousel-portfolio-simple .owl-controls .owl-next i:before, .cms-carousel-portfolio-slider .owl-controls .owl-next i:before, .cms-carousel-portfolio-simple .owl-controls .owl-next i:after, .cms-carousel-portfolio-slider .owl-controls .owl-next i:after { left: inherit; right: 0; } .cms-carousel-portfolio-simple .owl-controls .owl-next i:before, .cms-carousel-portfolio-slider .owl-controls .owl-next i:before { top: 23px; } .cms-carousel-portfolio-simple .owl-controls .owl-dots, .cms-carousel-portfolio-slider .owl-controls .owl-dots { bottom: 30px; left: 0; margin: auto; max-width: 300px; padding-top: 0; position: absolute; right: 0; text-align: center; } .cms-carousel-portfolio-slider .cms-carousel-portfolio-wrap { min-height: 100vh; } .cms-carousel-portfolio-slider .cms-carousel-portfolio-wrap a { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .cms-grid-shop .cshere-woo-item-wrap { margin-bottom: 32px; } .cms-grid-shop .cshere-woo-item-wrap .cshero-woo-image { background-color: #f4f4f4; position: relative; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .cms-grid-shop .cshere-woo-item-wrap .cshero-woo-image img { margin-bottom: 0; padding: 30px; } .cms-grid-shop .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all 260ms ease 0ms; -moz-transition: all 260ms ease 0ms; -ms-transition: all 260ms ease 0ms; transition: all 260ms ease 0ms; background-color: rgba(168, 53, 58, 0.95); opacity: 0; } .cms-grid-shop .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a { background-color: transparent; border: medium none; color: #fff; display: inline-block; left: 0; margin: auto; max-width: 150px; padding: 10px; position: absolute; right: 0; text-align: center; top: 50%; -webkit-transform: translate(0, -50%) scale(0); -khtml-transform: translate(0, -50%) scale(0); -moz-transform: translate(0, -50%) scale(0); -ms-transform: translate(0, -50%) scale(0); -o-transform: translate(0, -50%) scale(0); transform: translate(0, -50%) scale(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ opacity: 0; } .cms-grid-shop .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a.add_to_cart_button.added { display: none; } .cms-grid-shop .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a:hover { border-color: #a8353a; background-color: #a8353a !important; color: #fff; } .cms-grid-shop .cshere-woo-item-wrap .cshero-woo-image:hover .cshero-add-to-cart { opacity: 1; left: 30px; top: 30px; right: 30px; bottom: 30px; } .cms-grid-shop .cshere-woo-item-wrap .cshero-woo-image:hover .cshero-add-to-cart a { opacity: 1; -webkit-transform: translate(0, -50%) scale(1); -khtml-transform: translate(0, -50%) scale(1); -moz-transform: translate(0, -50%) scale(1); -ms-transform: translate(0, -50%) scale(1); -o-transform: translate(0, -50%) scale(1); transform: translate(0, -50%) scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-grid-shop .cshere-woo-item-wrap .cshero-woo-meta { padding: 22px 0 10px; text-align: center; } .cms-grid-shop .cshere-woo-item-wrap .cshero-woo-meta .cshero-product-title { font-size: 18px; font-weight: 600; line-height: 26px; padding: 4px 0 10px; margin-bottom: 0; } .cms-grid-shop .cshere-woo-item-wrap .cshero-woo-meta .cshero-product-title a { color: #222; } .cms-grid-shop .cshere-woo-item-wrap .cshero-woo-meta .cshero-product-title a:hover, .cms-grid-shop .cshere-woo-item-wrap .cshero-woo-meta .cshero-product-title a:focus { color: #a8353a; } .cms-grid-shop .cshere-woo-item-wrap .cshero-woo-meta .cshero-product-price { color: #9b9b9b; font-size: 17px; font-weight: 600; } .cms-grid-shop .cshere-woo-item-wrap .cshero-woo-meta .cshero-product-category a:after { content: ""; } .cms-grid-shop .cshere-woo-item-wrap .cshero-woo-meta .cshero-product-category a:last-child:after { content: ""; } .cms-grid-shop .cshere-woo-item-wrap .cshero-woo-meta .star-rating { display: none; } .cms-grid-shop .cshere-woo-item-wrap .cshero-woo-meta .posted_in { font-family: Lora; } .cms-grid-shop .cshere-woo-item-wrap .cshero-woo-meta .posted_in a { color: #b8b8b8; } .cms-grid-shop .cshere-woo-item-wrap .cshero-woo-meta .posted_in a:hover { color: #a8353a; } .cms-grid-shop .cshere-woo-item-wrap .cshero-woo-meta .content { display: none; } .cms-grid-shop.cms-grid-shop-masonry .cshere-woo-item-wrap { position: relative; margin-bottom: 0; } .cms-grid-shop.cms-grid-shop-masonry .cshere-woo-item-wrap:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.95); z-index: 1; opacity: 0; -webkit-transition: all 260ms ease 0ms; -moz-transition: all 260ms ease 0ms; -ms-transition: all 260ms ease 0ms; transition: all 260ms ease 0ms; } .cms-grid-shop.cms-grid-shop-masonry .cshere-woo-item-wrap .cshero-woo-image img { width: 100%; } .cms-grid-shop.cms-grid-shop-masonry .cshere-woo-item-wrap .cshero-woo-meta { position: absolute; padding: 30px 20px; top: 50%; left: 0; right: 0; -webkit-transform: translate(0px, -50%) scale(0); -khtml-transform: translate(0px, -50%) scale(0); -moz-transform: translate(0px, -50%) scale(0); -ms-transform: translate(0px, -50%) scale(0); -o-transform: translate(0px, -50%) scale(0); transform: translate(0px, -50%) scale(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ z-index: 2; -webkit-transition: all 260ms ease 0ms; -moz-transition: all 260ms ease 0ms; -ms-transition: all 260ms ease 0ms; transition: all 260ms ease 0ms; } .cms-grid-shop.cms-grid-shop-masonry .cshere-woo-item-wrap .cshero-woo-meta .cshero-product-title { font-size: 17px; } .cms-grid-shop.cms-grid-shop-masonry .cshere-woo-item-wrap:hover:before { opacity: 1; top: 20px; left: 20px; right: 20px; bottom: 20px; } .cms-grid-shop.cms-grid-shop-masonry .cshere-woo-item-wrap:hover .cshero-woo-meta { -webkit-transform: translate(0px, -50%) scale(1); -khtml-transform: translate(0px, -50%) scale(1); -moz-transform: translate(0px, -50%) scale(1); -ms-transform: translate(0px, -50%) scale(1); -o-transform: translate(0px, -50%) scale(1); transform: translate(0px, -50%) scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-grid-demo { text-align: center; } .cms-grid-demo .cms-filter-category { margin-bottom: 12px; } .cms-grid-demo .cms-grid-feature { -webkit-transition: all 260ms ease 0ms; -moz-transition: all 260ms ease 0ms; -ms-transition: all 260ms ease 0ms; transition: all 260ms ease 0ms; display: block; } .cms-grid-demo .cms-grid-feature img { -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); } .cms-grid-demo .cms-grid-title { font-size: 16px; line-height: 1; margin-top: 25px; margin-bottom: 25px; } .cms-grid-demo .cms-grid-title a { color: #222; } .cms-grid-demo .cms-grid-title a:hover { color: #a8353a; } .cms-grid-demo .cms-grid-item { padding-top: 20px; } .cms-grid-demo .cms-grid-item:hover .cms-grid-feature { -webkit-transform: translateY(-8px); -khtml-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); transform: translateY(-8px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-carousel-showcase .owl-item .cms-carousel-item { -webkit-transform: translateZ(0) translateY(7%) scale(0.86); -khtml-transform: translateZ(0) translateY(7%) scale(0.86); -moz-transform: translateZ(0) translateY(7%) scale(0.86); -ms-transform: translateZ(0) translateY(7%) scale(0.86); -o-transform: translateZ(0) translateY(7%) scale(0.86); transform: translateZ(0) translateY(7%) scale(0.86); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: transform 0.4s ease; -moz-transition: transform 0.4s ease; -ms-transition: transform 0.4s ease; transition: transform 0.4s ease; } .cms-carousel-showcase .owl-item .cms-carousel-item img { -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); } .cms-carousel-showcase .owl-item.center .cms-carousel-item { -webkit-transform: translateZ(0) translateY(0%) scale(1); -khtml-transform: translateZ(0) translateY(0%) scale(1); -moz-transform: translateZ(0) translateY(0%) scale(1); -ms-transform: translateZ(0) translateY(0%) scale(1); -o-transform: translateZ(0) translateY(0%) scale(1); transform: translateZ(0) translateY(0%) scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-carousel-showcase .owl-item:not(.center):hover .cms-carousel-item { -webkit-transform: translateZ(0) translateY(7%) scale(0.88); -khtml-transform: translateZ(0) translateY(7%) scale(0.88); -moz-transform: translateZ(0) translateY(7%) scale(0.88); -ms-transform: translateZ(0) translateY(7%) scale(0.88); -o-transform: translateZ(0) translateY(7%) scale(0.88); transform: translateZ(0) translateY(7%) scale(0.88); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-carousel-showcase .owl-controls .owl-prev, .cms-carousel-showcase .owl-controls .owl-next { margin-top: 0; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .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: #a8353a; } .cms-carousel-showcase .owl-controls .owl-prev { left: 21%; } .cms-carousel-showcase .owl-controls .owl-next { right: 21%; } #colophon { background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: cover; font-size: 13px; line-height: 22px; background-image: url(../images/bg-footer.jpg); position: relative; } #colophon:before { content: ""; background-color: rgba(34, 34, 34, 0.97); width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; } #cms-footer-top { padding-top: 90px; padding-bottom: 80px; color: #9b9b9b; } #cms-footer-top .wg-title { font-size: 13px; line-height: normal; color: #fff; text-transform: uppercase; letter-spacing: 0.02em; margin-bottom: 30px; } #cms-footer-top a { color: #cecece; } #cms-footer-top a:hover { color: #fff; } #cms-footer-top .widget_recent_entries li { line-height: 22px; padding: 0 0 15px; } #cms-footer-top .widget_recent_entries a { font-size: 14px; font-weight: 600; } #cms-footer-top .widget_recent_entries span { color: #616161; font-family: 'Droidserif Italic'; display: block; line-height: 1; margin-top: 8px; } #cms-footer-top .widget_cs_social_widget { padding: 12px 0; } #cms-footer-top .widget_cs_social_widget li { display: inline-block; } #cms-footer-top .widget_cs_social_widget li a { color: #646464; } #cms-footer-top .widget_cs_social_widget li a:hover { color: #a8353a; } #cms-footer-bottom { border-top: 1px solid rgba(71, 71, 71, 0.25); position: relative; padding: 35px 0; } #cms-footer-bottom a { color: #a8353a; } #cms-footer-bottom a:hover { color: #fff; } #cms-footer-bottom .widget_nav_menu ul.menu > li { display: inline-block; position: relative; padding: 0 10px; } #cms-footer-bottom .widget_nav_menu ul.menu > li:before { background-color: #4e4e4e; content: ""; height: 11px; left: -2px; position: absolute; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ width: 2px; } #cms-footer-bottom .widget_nav_menu ul.menu > li a { color: #646464; } #cms-footer-bottom .widget_nav_menu ul.menu > li a:hover { color: #a8353a; } #cms-footer-bottom .widget_nav_menu ul.menu > li:first-child { padding-left: 0; } #cms-footer-bottom .widget_nav_menu ul.menu > li:first-child:before { display: none; } #cms-footer-bottom .widget_nav_menu ul.menu > li:last-child { padding-right: 0; } #cms-footer-bottom .widget_nav_menu li ul.sub-menu { background-color: #fff; margin: 0; padding: 11px 0; position: absolute; bottom: 100%; z-index: 1001; height: 1px; clip: rect(1px, 1px, 1px, 1px); min-width: 210px; overflow: hidden; -webkit-box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.25); -ms-box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 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; text-align: left; margin: 0 !important; opacity: 0; visibility: hidden; } #cms-footer-bottom .widget_nav_menu li ul.sub-menu li a { padding: 0 20px; display: block; } #cms-footer-bottom .widget_nav_menu li ul.sub-menu li ul.sub-menu { left: 100%; height: 100%; top: 0; } #cms-footer-bottom .widget_nav_menu li:hover > ul.sub-menu { clip: inherit; overflow: inherit; height: inherit; opacity: 1; visibility: visible; } .cms-footer4 #cms-footer-bottom { background-color: #fff; color: #646464; border: none; } .cms-footer5 { text-align: center; position: fixed !important; bottom: 0; left: 0; right: 0; z-index: -1; } .cms-footer5 #cms-footer-top { position: relative; padding-top: 220px; padding-bottom: 130px; } .cms-footer5 #cms-footer-top a.btn-primary { color: #fff; } .cms-footer5 #cms-footer-top a.btn-primary:hover { background-color: transparent; border-color: #a8353a; color: #a8353a; } .cms-footer5 #cms-footer-top .heading-space { padding-top: 52px; margin-bottom: 50px; } .cms-footer5 #cms-footer-bottom { border: none; } .cshero-popup-search, .cshero-popup-menu { display: none; } .wg-heading-footer { font-size: 65px; line-height: 72px; font-weight: 700; color: #fff; } #back_to_top span { bottom: 41px; right: 20px; width: 45px; height: 45px; line-height: 45px; text-align: center; position: fixed; background-color: #a8353a; opacity: 0; visibility: hidden; -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: 18px; cursor: pointer; z-index: 1001; background-color: rgba(0, 0, 0, 0.25); -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; /* BACKGROUND GRADIENT */ } #back_to_top span i { vertical-align: middle; } #back_to_top span:hover { background-color: #a8353a; -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15); box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15); -webkit-transition: all 150ms linear 0ms; -moz-transition: all 150ms linear 0ms; -ms-transition: all 150ms linear 0ms; transition: all 150ms linear 0ms; } #back_to_top.on span { opacity: 1; visibility: visible; } .body-border-wrapper #back_to_top span { right: 50px; } input[type='text'], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], textarea, select { background-color: #fff; color: #9b9b9b; font-size: 13px; padding: 8px 18px; line-height: 22px; 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 */ outline: none; border-width: 1px; border-style: solid; border-color: #eee; height: 51px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } textarea { height: 125px; max-width: 100%; padding: 12px 18px; } 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: #a8353a; } input::-moz-placeholder, textarea::-moz-placeholder { color: #9b9b9b; opacity: 1; } input::-webkit-input-placeholder, textarea::-webkit-placeholder { color: #9b9b9b; opacity: 1; } input::-o-placeholder, textarea::-o-placeholder { color: #9b9b9b; opacity: 1; } input::-ms-placeholder, textarea::-ms-placeholder { color: #9b9b9b; opacity: 1; } .wpb_widgetised_column .tnp-field-email input::-moz-placeholder, .wpb_widgetised_column .tnp-field-email textarea::-moz-placeholder { color: #fff; opacity: 1; } .wpb_widgetised_column .tnp-field-email input::-webkit-input-placeholder, .wpb_widgetised_column .tnp-field-email textarea::-webkit-input-placeholder { color: #fff; opacity: 1; } .placeholder-dark input::-o-placeholder, .wpb_widgetised_column .tnp-field-email textarea::-o-placeholder { color: #fff; opacity: 1; } .wpb_widgetised_column .tnp-field-email input::-ms-placeholder, .wpb_widgetised_column .tnp-field-email textarea::-ms-placeholder { color: #fff; opacity: 1; } .wpb_widgetised_column .tnp-field-email input { color: #fff; } .wpcf7-form .ajax-loader { display: none; } .wpcf7-form .wpcf7-form-control.wpcf7-textarea { height: 122px; } .wpcf7-form .row div[class*="col-"] { margin-bottom: 20px; } body span.wpcf7-not-valid-tip { color: #a8353a; display: block; font-size: 12px; margin-bottom: 15px; } body div.wpcf7-validation-errors { border: medium none; color: #7f2429; display: block; margin: 10px 0 30px; padding: 0; font-size: 14px; } .get-contact-page { /* ========================================================================== [End] All Style Form ========================================================================== */ } .get-contact-page h3 { font-size: 16px; margin-bottom: 20px; } .get-contact-page a { font-size: 13px; font-weight: 600; color: #a8353a; text-transform: uppercase; position: relative; padding-bottom: 6px; } .get-contact-page a:before { content: ""; width: 22px; height: 2px; background-color: #a8353a; position: absolute; bottom: 0; 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; } .get-contact-page a:hover:before { width: 100%; } .get-contact-page p { margin-bottom: 7px; } body.header-12 { margin-left: 270px; } body.header-12 #primary { width: 100%; padding: 0; } body.header-12 #primary > .row { margin: 0; } body.header-12 #primary #content { padding: 0; } body.header-12 #primary .vc_row:not(.vc_inner) { width: 100% !important; left: 0 !important; margin: 0 !important; padding-left: 65px !important; padding-right: 65px !important; } body.header-12 #primary .vc_row:not(.vc_inner).vc_row-no-padding { padding-left: 0px !important; padding-right: 0px !important; } body.header-12 #cms-footer-top > .container, body.header-12 #cms-footer-bottom > .container { width: 100%; padding-left: 80px; padding-right: 80px; } body.header-12 #cshero-menu-mobile { display: block; position: fixed; right: 30px; top: 30px; z-index: 1002; -webkit-transform: translate(0px, 0%); -khtml-transform: translate(0px, 0%); -moz-transform: translate(0px, 0%); -ms-transform: translate(0px, 0%); -o-transform: translate(0px, 0%); transform: translate(0px, 0%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } #cshero-header-left { width: 270px; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 1001; height: 100vh; padding: 30px; text-align: center; } #cshero-header-left #cshero-header { border: none; } #cshero-header-left #cshero-header .sticky-logo { display: none; } #cshero-header-left #cshero-header #cshero-header-left-navigation { padding: 60px 30px; } #cshero-header-left #cshero-header .menu-accordion li { padding: 8px 0; } #cshero-header-left #cshero-header .menu-accordion li a { color: #333; font-size: 13px; line-height: 1; text-transform: uppercase; font-weight: 700; } #cshero-header-left #cshero-header .menu-accordion li.current-menu-ancestor > a, #cshero-header-left #cshero-header .menu-accordion li.current-page-parent > a, #cshero-header-left #cshero-header .menu-accordion li.current-menu-parent > a, #cshero-header-left #cshero-header .menu-accordion li.current-menu-item > a, #cshero-header-left #cshero-header .menu-accordion li > a:hover { color: #a8353a; } #cshero-header-left #cshero-header .cs-menu-toggle { top: 4px; } #cshero-header-left #cshero-header .cs-menu-toggle:before { color: #222; font-size: 16px; } #cshero-header-left #cshero-header .cs-menu-toggle:hover:before { color: #a8353a; } #cshero-header-left #cshero-header .vertical-handle { background-color: rgba(34, 34, 34, 0.07); -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 */ right: -4px; width: 4px; } #cshero-header-left #cshero-header-social ul li { display: inline-block; padding: 0 10px; } #cshero-header-left #cshero-header-social ul li a { color: #646464; font-size: 14px; } #cshero-header-left #cshero-header-social ul li a:hover { color: #a8353a; } #cshero-header-left #cshero-header-social ul li:first-child { display: none; } #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: #9b9b9b; } #cshero-header-left #cshero-header-social .cms-copyright a:hover { color: #a8353a; } .admin-bar #cshero-header-left { top: 32px; } @media (min-width: 1280px) { #cshero-header-left #cshero-header-left-navigation { 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 */ /* TRANSFORM STYLE */ width: 100%; } #cshero-header-left #cshero-header-social { bottom: 0; left: 0; padding: 30px; position: absolute; right: 0; text-align: center; } } @media (max-width: 1280px) { /* 2. Header Main */ body.header-12 #primary .vc_row:not(.vc_inner) { padding-left: 0 !important; padding-right: 0 !important; } body.header-12 #primary .vc_row:not(.vc_inner) > .wpb_column > .vc_column-inner { padding-left: 50px !important; padding-right: 50px !important; } body.header-12 #primary .vc_row.vc_row-no-padding > .wpb_column > .vc_column-inner { padding-left: 0px !important; padding-right: 0px !important; } body.header-12 #cms-footer-top > .container, body.header-12 #cms-footer-bottom > .container { padding-left: 50px; padding-right: 50px; } } #cshero-header-inner #cshero-header-top { background-color: #f9f9f9; border-bottom: 1px solid #efefef; padding: 13px 0 12px 0; color: #a5a5a5; font-size: 12px; } #cshero-header-inner #cshero-header-top .contact-top li { display: inline-block; } #cshero-header-inner #cshero-header-top .contact-top li + li { padding-left: 18px; } #cshero-header-inner #cshero-header-top .contact-top li i { color: #a8353a; font-size: 14px; padding-right: 6px; } #cshero-header-inner #cshero-header-top .contact-top li a { color: #a5a5a5; } #cshero-header-inner #cshero-header-top .contact-top li a:hover { color: #a8353a; } #cshero-header-inner #cshero-header-top .social-top li { display: inline-block; } #cshero-header-inner #cshero-header-top .social-top li + li { padding-left: 20px; } #cshero-header-inner #cshero-header-top .social-top li a { color: #222; font-size: 14px; } #cshero-header-inner #cshero-header-top .social-top li a:hover { color: #a8353a; } #cshero-header-inner #cshero-header-logo a { display: block; line-height: 100px; } #cshero-header-inner #cshero-header-logo a img { height: 42px; } @media (min-width: 992px) { #cshero-header-inner #cshero-header { position: relative; } #cshero-header-inner #cshero-header #cshero-header-logo a { line-height: 100px; } #cshero-header-inner #cshero-header #cshero-header-logo a.sticky-logo { position: absolute; top: 0; left: 0; right: 0; opacity: 0; padding: 0 15px; } #cshero-header-inner #cshero-header .cshero-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: 14px; } #cshero-header-inner #cshero-header .cshero-navigation-right .widget-search-header { display: none; } #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon { display: inline-block; } #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon + .h-icon { padding-left: 18px; } #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon i { font-size: 16px; position: relative; top: -1px; color: #222; 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; } #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon i:hover { color: #a8353a; } #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-hide, #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu { height: 12px; width: 16px; display: block; position: relative; cursor: pointer; } #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-hide span, #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu span { display: inline-block; height: 2px; width: 16px; background-color: #222; 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; } #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-hide:before, #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:before, #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-hide:after, #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:after { content: ""; height: 2px; width: 16px; background-color: #222; 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; } #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-hide:before, #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:before { top: 0; } #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-hide:after, #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:after { bottom: 0; } #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-hide:hover span, #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:hover span, #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-hide:hover:before, #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:hover:before, #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-hide:hover:after, #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:hover:after { background-color: #a8353a; } #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .icon-cart { position: relative; line-height: normal; cursor: pointer; } #cshero-header-inner #cshero-header .cshero-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 */ background-color: #a8353a; color: #fff; font-size: 10px; height: 16px; line-height: 18px; position: absolute; right: -7px; text-align: center; top: -7px; width: 16px; } #cshero-header-inner #cshero-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; top: 0; width: 100%; z-index: 1001; } #cshero-header-inner #cshero-header.header-fixed #cshero-header-logo a.main-logo { opacity: 0; } #cshero-header-inner #cshero-header.header-fixed #cshero-header-logo a.sticky-logo { opacity: 1; } #cshero-header-inner #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > li > a, #cshero-header-inner #cshero-header.header-fixed #cshero-header-logo a, #cshero-header-inner #cshero-header.header-fixed .cshero-navigation-right { line-height: 80px; } #cshero-header-inner.header-trans #cshero-header { -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; left: 0; right: 0; position: fixed; top: 0; width: 100%; z-index: 1001; } #cshero-header-inner.header-nav-white #cshero-header:not(.header-fixed) .cshero-header-navigation .main-navigation .menu-main-menu > li > a { color: #fff; } #cshero-header-inner.header-nav-white #cshero-header:not(.header-fixed) .cshero-header-navigation .main-navigation .menu-main-menu > li > a .menu-title:before { background-color: #fff; } #cshero-header-inner.header-nav-white #cshero-header:not(.header-fixed) .cshero-navigation-right .h-icon i { color: #fff; } #cshero-header-inner.header-nav-white #cshero-header:not(.header-fixed) .cshero-navigation-right .h-icon i:hover { color: #a8353a; } #cshero-header-inner.header-nav-white #cshero-header:not(.header-fixed) .cshero-navigation-right .h-icon .h-button-hide span, #cshero-header-inner.header-nav-white #cshero-header:not(.header-fixed) .cshero-navigation-right .h-icon .h-button-menu span, #cshero-header-inner.header-nav-white #cshero-header:not(.header-fixed) .cshero-navigation-right .h-icon .h-button-hide:before, #cshero-header-inner.header-nav-white #cshero-header:not(.header-fixed) .cshero-navigation-right .h-icon .h-button-menu:before, #cshero-header-inner.header-nav-white #cshero-header:not(.header-fixed) .cshero-navigation-right .h-icon .h-button-hide:after, #cshero-header-inner.header-nav-white #cshero-header:not(.header-fixed) .cshero-navigation-right .h-icon .h-button-menu:after { background-color: #fff; } #cshero-header-inner.header-nav-white #cshero-header:not(.header-fixed) .cshero-navigation-right .h-icon .h-button-hide:hover span, #cshero-header-inner.header-nav-white #cshero-header:not(.header-fixed) .cshero-navigation-right .h-icon .h-button-menu:hover span, #cshero-header-inner.header-nav-white #cshero-header:not(.header-fixed) .cshero-navigation-right .h-icon .h-button-hide:hover:before, #cshero-header-inner.header-nav-white #cshero-header:not(.header-fixed) .cshero-navigation-right .h-icon .h-button-menu:hover:before, #cshero-header-inner.header-nav-white #cshero-header:not(.header-fixed) .cshero-navigation-right .h-icon .h-button-hide:hover:after, #cshero-header-inner.header-nav-white #cshero-header:not(.header-fixed) .cshero-navigation-right .h-icon .h-button-menu:hover:after { background-color: #a8353a; } #cshero-header-inner.header-nav-white-sticky #cshero-header.header-fixed { background-color: #222; } #cshero-header-inner.header-nav-white-sticky #cshero-header .cshero-header-navigation .main-navigation .menu-main-menu > li > a { color: #fff; } #cshero-header-inner.header-nav-white-sticky #cshero-header .cshero-header-navigation .main-navigation .menu-main-menu > li > a .menu-title:before { background-color: #fff; } #cshero-header-inner.header-nav-white-sticky #cshero-header .cshero-navigation-right .h-icon i { color: #fff; } #cshero-header-inner.header-nav-white-sticky #cshero-header .cshero-navigation-right .h-icon i:hover { color: #a8353a; } #cshero-header-inner.header-nav-white-sticky #cshero-header .cshero-navigation-right .h-icon .h-button-hide span, #cshero-header-inner.header-nav-white-sticky #cshero-header .cshero-navigation-right .h-icon .h-button-menu span, #cshero-header-inner.header-nav-white-sticky #cshero-header .cshero-navigation-right .h-icon .h-button-hide:before, #cshero-header-inner.header-nav-white-sticky #cshero-header .cshero-navigation-right .h-icon .h-button-menu:before, #cshero-header-inner.header-nav-white-sticky #cshero-header .cshero-navigation-right .h-icon .h-button-hide:after, #cshero-header-inner.header-nav-white-sticky #cshero-header .cshero-navigation-right .h-icon .h-button-menu:after { background-color: #fff; } #cshero-header-inner.header-nav-white-sticky #cshero-header .cshero-navigation-right .h-icon .h-button-hide:hover span, #cshero-header-inner.header-nav-white-sticky #cshero-header .cshero-navigation-right .h-icon .h-button-menu:hover span, #cshero-header-inner.header-nav-white-sticky #cshero-header .cshero-navigation-right .h-icon .h-button-hide:hover:before, #cshero-header-inner.header-nav-white-sticky #cshero-header .cshero-navigation-right .h-icon .h-button-menu:hover:before, #cshero-header-inner.header-nav-white-sticky #cshero-header .cshero-navigation-right .h-icon .h-button-hide:hover:after, #cshero-header-inner.header-nav-white-sticky #cshero-header .cshero-navigation-right .h-icon .h-button-menu:hover:after { background-color: #a8353a; } #cshero-header-inner.header-nav-center #cshero-header .cshero-navigation-right { text-align: right; } #cshero-header-inner.header-nav-center #cshero-header .cshero-header-navigation .main-navigation { text-align: center; } #cshero-header-inner.header-logo-center #cshero-header > .container { position: relative; } #cshero-header-inner.header-logo-center #cshero-header-logo { left: 50%; max-width: 300px; position: absolute; text-align: center; top: 0; -webkit-transform: translate(-50%, 0px); -khtml-transform: translate(-50%, 0px); -moz-transform: translate(-50%, 0px); -ms-transform: translate(-50%, 0px); -o-transform: translate(-50%, 0px); transform: translate(-50%, 0px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ width: 100%; z-index: 99; } #cshero-header-inner.header-logo-center #cshero-header-navigation-left { float: left; width: 38%; } #cshero-header-inner.header-logo-center #cshero-header-navigation-left .main-navigation { text-align: left; } #cshero-header-inner.header-logo-center #cshero-header-navigation-right { float: right; text-align: right; width: 38%; } #cshero-header-inner.header-full-width #cshero-header > .container { width: 100%; padding: 0 50px; } #cshero-header-inner.h-line-style1 #cshero-header:not(.header-fixed) { border-bottom: 1px solid rgba(255, 255, 255, 0.15); } #cshero-header-inner.h-line-style2 #cshero-header:not(.header-fixed) > .container { position: relative; } #cshero-header-inner.h-line-style2 #cshero-header:not(.header-fixed) > .container:before { content: ""; position: absolute; left: 15px; right: 15px; bottom: 0; background-color: rgba(255, 255, 255, 0.15); height: 1px; display: block; } #cshero-header-inner.header-7 #cshero-header { top: 30px; } #cshero-header-inner.header-7 #cshero-header > .container { background-color: #fff; padding: 0 30px; } #cshero-header-inner.header-7 #cshero-header.header-fixed { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } #cshero-header-inner.header-7 #cshero-header.header-fixed > .container { -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); } #cshero-header-inner.header-11 #cshero-header #cshero-header-navigation { text-align: right; } #cshero-header-inner.header-11 #cshero-header .main-navigation, #cshero-header-inner.header-11 #cshero-header .cshero-navigation-right { display: inline-block; vertical-align: middle; text-align: right; } #cshero-header-inner.header-11 #cshero-header:not(.header-fixed) #cshero-header-logo, #cshero-header-inner.header-11 #cshero-header:not(.header-fixed) #cshero-header-navigation { width: 100%; text-align: center; } #cshero-header-inner.header-11 #cshero-header:not(.header-fixed) #cshero-header-logo a { padding-top: 32px; } #cshero-header-inner.header-11 #cshero-header:not(.header-fixed) .main-navigation, #cshero-header-inner.header-11 #cshero-header:not(.header-fixed) .cshero-navigation-right { float: none; } #cshero-header-inner.custom-header-14 #cshero-header .cshero-navigation-right { padding-left: 28px; margin-left: 14px; } #cshero-header-inner.custom-header-14 #cshero-header .cshero-navigation-right:before { content: ""; width: 2px; height: 24px; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ background-color: rgba(255, 255, 255, 0.25); } #cshero-header-inner.custom-header-14 #cshero-header.header-fixed .cshero-navigation-right:before { background-color: #222; } .admin-bar #cshero-header-inner #cshero-header.header-fixed, .admin-bar #cshero-header-inner.header-trans #cshero-header { top: 32px; } .admin-bar #cshero-header-inner.header-7 #cshero-header { top: 62px; } } @media (max-width: 991px) { #cshero-header-inner #cshero-header #cshero-header-logo a.sticky-logo { display: none; } body.header-12 { margin-left: 0; } body.header-12 #cshero-header-left { opacity: 0; visibility: hidden; -webkit-transform: translateX(-270px); -khtml-transform: translateX(-270px); -moz-transform: translateX(-270px); -ms-transform: translateX(-270px); -o-transform: translateX(-270px); transform: translateX(-270px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: all 260ms linear 0ms; -moz-transition: all 260ms linear 0ms; -ms-transition: all 260ms linear 0ms; transition: all 260ms linear 0ms; } body.header-12 #cshero-header-left.open { opacity: 1; visibility: visible; -webkit-transform: translateX(0px); -khtml-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } body.header-12 #primary .vc_row:not(.vc_inner) { padding-left: 0 !important; padding-right: 0 !important; } body.header-12 #primary .vc_row > .wpb_column > .vc_column-inner { padding-left: 30px !important; padding-right: 30px !important; } body.header-12 #primary .vc_row.vc_row-no-padding > .wpb_column > .vc_column-inner { padding-left: 0px !important; padding-right: 0px !important; } body.header-12 #cms-footer-top > .container, body.header-12 #cms-footer-bottom > .container { padding-left: 50px; padding-right: 50px; } } @media (max-width: 640px) { /* ========================================================================== [End] 1. Header Main ========================================================================== */ body.header-12 #cshero-menu-mobile { right: 10px; top: 10px; } body.header-12 #cshero-menu-mobile i { display: block; margin: 0 0 10px 0; } body.header-12 #cshero-header-left { padding: 10px 30px 30px; } body.header-12 #cshero-header-left #cshero-header #cshero-header-left-navigation { padding: 20px 30px 40px; } body.header-12 #primary .vc_row:not(.vc_inner) > .wpb_column > .vc_column-inner { padding-left: 15px !important; padding-right: 15px !important; } body.header-12 #primary .vc_row.vc_row-no-padding > .wpb_column > .vc_column-inner { padding-left: 0px !important; padding-right: 0px !important; } body.header-12 #cms-footer-top > .container, body.header-12 #cms-footer-bottom > .container { padding-left: 15px; padding-right: 15px; } } @font-face { font-family: 'Poppins Regular'; src: url('../fonts/poppins-regular-webfont.woff2') format('woff2'), url('../fonts/poppins-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } .ft-pr { font-family: 'Poppins Regular'; } .cms-heading-wrapper .ft-pr { font-family: 'Poppins Regular' !important; } @font-face { font-family: 'Poppins Light'; src: url('../fonts/poppins-light-webfont.woff2') format('woff2'), url('../fonts/poppins-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } .ft-pl { font-family: 'Poppins Light'; } .cms-heading-wrapper .ft-pl { font-family: 'Poppins Light' !important; } @font-face { font-family: 'Poppins Medium'; src: url('../fonts/poppins-medium-webfont.woff2') format('woff2'), url('../fonts/poppins-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } .ft-pm { font-family: 'Poppins Medium'; } .cms-heading-wrapper .ft-pm { font-family: 'Poppins Medium' !important; } @font-face { font-family: 'Poppins Semibold'; src: url('../fonts/poppins-semibold-webfont.woff2') format('woff2'), url('../fonts/poppins-semibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } .ft-psb { font-family: 'Poppins Semibold'; } .cms-heading-wrapper .ft-psb { font-family: 'Poppins Semibold' !important; } @font-face { font-family: 'Poppins Bold'; src: url('../fonts/poppins-bold-webfont.woff2') format('woff2'), url('../fonts/poppins-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } .ft-pb { font-family: 'Poppins Bold'; } .cms-heading-wrapper .ft-pb { font-family: 'Poppins Bold' !important; } @font-face { font-family: 'Droidserif'; src: url('../fonts/droidserif-webfont.woff2') format('woff2'), url('../fonts/droidserif-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } .ft-ds { font-family: 'Droidserif'; } .cms-heading-wrapper .ft-ds { font-family: 'Droidserif' !important; } @font-face { font-family: 'Droidserif Italic'; src: url('../fonts/droidserif-italic-webfont.woff2') format('woff2'), url('../fonts/droidserif-italic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } .ft-dsi { font-family: 'Droidserif Italic'; } .cms-heading-wrapper .ft-dsi { font-family: 'Droidserif Italic' !important; } @font-face { font-family: 'Droidserif Bold'; src: url('../fonts/droidserif-bold-webfont.woff2') format('woff2'), url('../fonts/droidserif-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } .ft-dsb { font-family: 'Droidserif Bold'; } .cms-heading-wrapper .ft-dsb { font-family: 'Droidserif Bold' !important; } .cms-breadcrumb { padding: 12px 0 0; } .cms-breadcrumb .breadcrumbs li { display: inline-block; font-size: 14px; line-height: 1; padding: 0 14px; color: #fff; position: relative; } .cms-breadcrumb .breadcrumbs li a { color: #fff; } .cms-breadcrumb .breadcrumbs li a:hover { color: #a8353a !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: 330px 0 170px; position: relative; } #cms-page-title:before { height: 100%; width: 100%; content: ""; position: absolute; top: 0; left: 0; background-color: rgba(27, 26, 26, 0.5); } #cms-page-title .cms-page-title-inner { position: relative; z-index: 3; } #cms-page-title .cms-page-title-inner h1 { color: #fff; margin: 0; font-size: 75px; line-height: 1.1; font-weight: 700; } #cms-page-title .cms-page-title-inner span { position: relative; display: inline-block; max-width: 650px; margin: 8px auto 0 auto; color: #f9f9f9; font-size: 16px; line-height: 27px; font-family: 'Droidserif Italic'; padding-bottom: 25px; } #cms-page-title.pt-style2 .cms-breadcrumb { padding-top: 0; padding-bottom: 18px; } #cms-page-title.pt-style3 .cms-page-title-inner h1 { font-size: 35px; line-height: 1; color: #222; } #cms-page-title.pt-style3 .cms-breadcrumb .breadcrumbs li { color: #222; } #cms-page-title.pt-style3 .cms-breadcrumb .breadcrumbs li a { color: #222; } #cms-page-title.pt-style4 { padding: 80px 0; } #cms-page-title.pt-style4:before { background-color: rgba(255, 255, 255, 0.2); } #cms-page-title.pt-style4 .cms-page-title-inner h1 { font-size: 35px; line-height: 48px; color: #222; } #cms-page-title.pt-style4 .cms-breadcrumb .breadcrumbs li { color: #222; } #cms-page-title.pt-style4 .cms-breadcrumb .breadcrumbs li a { color: #222; } .home #cms-breadcrumb { display: none; /* ========================================================================== [End] 1. Page Title ========================================================================== */ /* ========================================================================== [Start] 2. Primary ========================================================================== */ } #cms-content { padding: 100px 0; } #cms-content.noPadding { padding: 0 !important; } .row-has-boxshadow:before, .row-has-boxshadow:after { height: 12px; width: 100%; position: absolute; left: 0; content: ""; z-index: 99; opacity: 0.3; } .row-has-boxshadow:before { top: 0; background-image: url(../images/box-shadow-top.png); background-repeat: repeat-x; } .row-has-boxshadow:after { bottom: 0; background-image: url(../images/box-shadow-bottom.png); background-repeat: repeat-x; } .row-has-boxshadow-top:before { height: 12px; width: 100%; position: absolute; top: 0; left: 0; content: ""; background-image: url(../images/box-shadow-top.png); background-repeat: repeat-x; z-index: 99; opacity: 0.3; } .row-has-boxshadow-bottom:before { height: 12px; width: 100%; position: absolute; bottom: 0; left: 0; content: ""; background-image: url(../images/box-shadow-top.png); background-repeat: repeat-x; z-index: 99; opacity: 0.3; } .cms-video-popup-wrapper { text-align: center; background-repeat: no-repeat; background-size: cover; background-position: center; overflow: hidden; /* [Start] 404 Page +-----------------------------------+ */ } .cms-video-popup-wrapper .cms-button-video { display: inline-block; height: 68px; width: 68px; background-position: center; background-repeat: no-repeat; background-image: url(../images/video-button1.png); -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 */ } .cms-video-popup-wrapper.button-style1 .cms-button-video { background-color: #222; } .cms-video-popup-wrapper.button-style1 .cms-button-video:hover { background-color: #a8353a; } .cms-video-popup-wrapper.button-style2 .cms-button-video, .cms-video-popup-wrapper.button-style3 .cms-button-video { height: 32px; width: 32px; background-image: url(../images/video-button2.png); } .cms-video-popup-wrapper.button-style2 .cms-button-video:before, .cms-video-popup-wrapper.button-style3 .cms-button-video:before { border: 2px solid #f9f9f9; border-radius: 100%; content: ""; display: block; height: 68px; left: -18px; position: absolute; top: -18px; width: 68px; z-index: 1; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-video-popup-wrapper.button-style2 .cms-button-video:hover, .cms-video-popup-wrapper.button-style3 .cms-button-video:hover { background-color: #a8353a; } .cms-video-popup-wrapper.button-style2 .cms-button-video:hover:before, .cms-video-popup-wrapper.button-style3 .cms-button-video:hover:before { border-color: #a8353a; } .cms-video-popup-wrapper.button-style3 .cms-button-video:before { border: 2px solid #a8353a; } .cms-video-popup-wrapper.intro-active { height: 360px; position: relative; } .cms-video-popup-wrapper.intro-active .cms-button-video { position: absolute; top: 50%; left: 0; right: 0; margin: auto; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ z-index: 2; } .cms-video-popup-wrapper.intro-active span { display: block; height: 100%; position: absolute; width: 100%; z-index: 1; } #main .error-404 { max-width: 660px; margin: auto; padding: 40px 0; /* [Start] Slider +-----------------------------------+ */ } #main .error-404 .title404 { font-size: 240px; line-height: 1; letter-spacing: 0.02em; } #main .error-404 .h-line { height: 2px; width: 40px; position: relative; margin: auto; } #main .error-404 .page-content { padding: 25px 0 20px 0; } .rev_slider_wrapper .rs-background-video-layer { z-index: 1 !important; } .rev_slider_wrapper .tp-dottedoverlay { z-index: 99 !important; } .rev_slider_wrapper .tp-dottedoverlay.twoxtwo { background-image: none !important; background-color: rgba(27, 26, 26, 0.55) !important; } .rev_slider_wrapper .tp-dottedoverlay.twoxtwowhite { background-image: none !important; background-color: rgba(168, 53, 58, 0.85) !important; } .rev_slider_wrapper .text-center { text-align: center !important; } .rev_slider_wrapper .btn { line-height: 1 !important; padding-top: 16px; padding-bottom: 16px; } .rev_slider_wrapper .btn-space { margin: 0 15px; } .rev_slider_wrapper .tp-bullets.custom .tp-bullet, .rev_slider_wrapper .tp-bullets.hephaistos .tp-bullet { display: block; height: 5px; width: 5px; background-color: #fff; -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 */ } .rev_slider_wrapper .tp-bullets.custom .tp-bullet:before, .rev_slider_wrapper .tp-bullets.hephaistos .tp-bullet:before { content: ""; height: 9px; width: 9px; position: absolute; top: -2px; left: -2px; border: 2px solid #fff; -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 */ -webkit-box-shadow: 0 0 10px #fff inset; -moz-box-shadow: 0 0 10px #fff inset; -ms-box-shadow: 0 0 10px #fff inset; box-shadow: 0 0 10px #fff inset; } .rev_slider_wrapper .tp-bullets.custom .tp-bullet:after, .rev_slider_wrapper .tp-bullets.hephaistos .tp-bullet:after { content: ""; height: 13px; width: 13px; border: 2px solid transparent; position: absolute; top: -4px; left: -4px; -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 */ } .rev_slider_wrapper .tp-bullets.custom .tp-bullet.selected, .rev_slider_wrapper .tp-bullets.hephaistos .tp-bullet.selected { background-color: #fff; } .rev_slider_wrapper .tp-bullets.custom .tp-bullet.selected:before, .rev_slider_wrapper .tp-bullets.hephaistos .tp-bullet.selected:before { border-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .rev_slider_wrapper .tp-bullets.custom .tp-bullet.selected:after, .rev_slider_wrapper .tp-bullets.hephaistos .tp-bullet.selected:after { border-color: #fff; } .rev_slider_wrapper .tp-bullets.hephaistos .tp-bullet { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; border: none; } .rev_slider_wrapper .tp-bullets.hephaistos .tp-bullet:before { border-color: #222; -webkit-box-shadow: 0 0 10px #222 inset; -moz-box-shadow: 0 0 10px #222 inset; -ms-box-shadow: 0 0 10px #222 inset; box-shadow: 0 0 10px #222 inset; } .rev_slider_wrapper .tp-bullets.hephaistos .tp-bullet.selected { background-color: #222; } .rev_slider_wrapper .tp-bullets.hephaistos .tp-bullet.selected:before { border-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .rev_slider_wrapper .tp-bullets.hephaistos .tp-bullet.selected:after { border-color: #222; } .rev_slider_wrapper .tparrows.custom, .rev_slider_wrapper .tparrows.hephaistos { background-color: transparent !important; height: 100px; overflow: hidden; width: 50px; } .rev_slider_wrapper .tparrows.custom:before, .rev_slider_wrapper .tparrows.hephaistos:before, .rev_slider_wrapper .tparrows.custom:after, .rev_slider_wrapper .tparrows.hephaistos:after { content: "" !important; position: absolute; background-color: #fff; height: 55px; width: 1px; 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; } .rev_slider_wrapper .tparrows.custom:before, .rev_slider_wrapper .tparrows.hephaistos:before { -webkit-transform: rotate(36deg) translateY(0px); -khtml-transform: rotate(36deg) translateY(0px); -moz-transform: rotate(36deg) translateY(0px); -ms-transform: rotate(36deg) translateY(0px); -o-transform: rotate(36deg) translateY(0px); transform: rotate(36deg) translateY(0px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ top: 20px; } .rev_slider_wrapper .tparrows.custom:after, .rev_slider_wrapper .tparrows.hephaistos:after { -webkit-transform: rotate(-36deg) translateY(0px); -khtml-transform: rotate(-36deg) translateY(0px); -moz-transform: rotate(-36deg) translateY(0px); -ms-transform: rotate(-36deg) translateY(0px); -o-transform: rotate(-36deg) translateY(0px); transform: rotate(-36deg) translateY(0px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ top: 22px; } .rev_slider_wrapper .tparrows.custom.tp-rightarrow:before, .rev_slider_wrapper .tparrows.hephaistos.tp-rightarrow:before, .rev_slider_wrapper .tparrows.custom.tp-rightarrow:after, .rev_slider_wrapper .tparrows.hephaistos.tp-rightarrow:after { left: inherit; right: 0; } .rev_slider_wrapper .tparrows.custom:hover:before, .rev_slider_wrapper .tparrows.hephaistos:hover:before { -webkit-transform: rotate(36deg) translateY(10px); -khtml-transform: rotate(36deg) translateY(10px); -moz-transform: rotate(36deg) translateY(10px); -ms-transform: rotate(36deg) translateY(10px); -o-transform: rotate(36deg) translateY(10px); transform: rotate(36deg) translateY(10px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .rev_slider_wrapper .tparrows.custom:hover:after, .rev_slider_wrapper .tparrows.hephaistos:hover:after { -webkit-transform: rotate(-36deg) translateY(-10px); -khtml-transform: rotate(-36deg) translateY(-10px); -moz-transform: rotate(-36deg) translateY(-10px); -ms-transform: rotate(-36deg) translateY(-10px); -o-transform: rotate(-36deg) translateY(-10px); transform: rotate(-36deg) translateY(-10px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .rev_slider_wrapper .tparrows.custom.tp-leftarrow:hover:before, .rev_slider_wrapper .tparrows.hephaistos.tp-leftarrow:hover:before { -webkit-transform: rotate(36deg) translateY(-10px); -khtml-transform: rotate(36deg) translateY(-10px); -moz-transform: rotate(36deg) translateY(-10px); -ms-transform: rotate(36deg) translateY(-10px); -o-transform: rotate(36deg) translateY(-10px); transform: rotate(36deg) translateY(-10px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .rev_slider_wrapper .tparrows.custom.tp-leftarrow:hover:after, .rev_slider_wrapper .tparrows.hephaistos.tp-leftarrow:hover:after { -webkit-transform: rotate(-36deg) translateY(10px); -khtml-transform: rotate(-36deg) translateY(10px); -moz-transform: rotate(-36deg) translateY(10px); -ms-transform: rotate(-36deg) translateY(10px); -o-transform: rotate(-36deg) translateY(10px); transform: rotate(-36deg) translateY(10px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .rev_slider_wrapper .tparrows.hephaistos:before, .rev_slider_wrapper .tparrows.hephaistos:after { background-color: #333; } .rev_slider_wrapper .tparrows.hephaistos.tp-leftarrow:before { top: 23px; } .fixed-bottom { bottom: 0; left: 0; margin: 0 !important; position: absolute; right: 0; width: 100%; } .fixed-bottom > .vc_column_container { margin: auto; max-width: 1140px; } #bg-position-bottom { background-position: center bottom !important; } .row-overlay { position: relative; } .row-overlay: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 { position: relative; z-index: 1; } .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; } .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 */ } .cms-modal-close, .hidden-sidebar-close { color: #fff; font-size: 24px; position: absolute; right: 35px; top: 45px; 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-modal-close:hover, .hidden-sidebar-close:hover { color: #a8353a; } .cms-hidden-sidebar-wrap { padding: 40px 50px; width: 100%; max-width: 370px; background-color: #fff; position: fixed; top: 0; right: 0; z-index: 1002; opacity: 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 */ /* TRANSFORM STYLE */ 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; height: 100%; bottom: 0; } .cms-hidden-sidebar-wrap .hidden-sidebar-close { color: #222; font-size: 18px; } .cms-hidden-sidebar-wrap .hidden-sidebar-close:hover { color: #a8353a; } .cms-hidden-sidebar-wrap .cms-hidden-sidebar-inner { width: 100% !important; } .cms-hidden-sidebar-wrap .cms-hidden-sidebar-inner > aside { margin-bottom: 40px; } .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 */ /* TRANSFORM STYLE */ 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; z-index: 1003; background-color: rgba(34, 34, 34, 0.98); -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 { /* Menu Popup */ } .cms-search-wrap .cshero-search-inner { left: 0; margin: auto; max-width: 570px; position: absolute; right: 0; top: 55%; transform: translate(0px, -50%); width: 100%; border-bottom: 2px solid #9e9e9e; -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-search-wrap .cshero-search-inner #searchform input[type="text"] { background-color: transparent; border: medium none; padding: 0 40px 0 0; font-size: 35px; color: #9e9e9e; font-weight: 300; height: 80px; } .cms-search-wrap .cshero-search-inner #searchform > div::before { color: #9e9e9e; font-size: 28px; right: 0; } .cms-search-wrap .cshero-search-inner #searchform #searchsubmit { height: 80px; width: 40px; } .cms-search-wrap.open { opacity: 1; visibility: visible; } .cms-search-wrap.open .cshero-search-inner { top: 50%; opacity: 1; } .cms-menu-popup-wrap { padding-bottom: 90px; } .cms-menu-popup-wrap .cms-menu-popup-inner { left: 0; margin: auto; max-width: 370px; 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-inner .menu-main-menu > li { -webkit-transform: translateX(-30px); -khtml-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -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; } .cms-menu-popup-wrap .cms-menu-popup-inner .menu-main-menu > li.open { -webkit-transform: translateX(0px); -khtml-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ opacity: 1; } .cms-menu-popup-wrap .social-top { bottom: 40px; left: 0; position: absolute; right: 0; text-align: center; } .cms-menu-popup-wrap .social-top li { display: inline-block; padding: 0 12px; } .cms-menu-popup-wrap .social-top li a { font-size: 14px; color: #646464; } .cms-menu-popup-wrap .social-top li a:hover { color: #a8353a; } .cms-menu-popup-wrap .social-top li:first-child { display: none; } .cms-menu-popup-wrap.open { opacity: 1; visibility: visible; } .cms-hidden-overlay { background-color: rgba(34, 34, 34, 0.6); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 1001; opacity: 0; visibility: hidden; -webkit-transition: all 200ms linear 0ms; -moz-transition: all 200ms linear 0ms; -ms-transition: all 200ms linear 0ms; transition: all 200ms linear 0ms; /* Full Height Page */ } .cms-hidden-overlay.open { opacity: 1; visibility: visible; } .fp-tableCell .wpb_column.col-h100 { height: 100vh; } .fp-tableCell .wpb_column.col-h100 .vc_column-inner { height: 100%; } #fp-nav.right { right: 30px; } #fp-nav ul li { margin: 5px 0; } #fp-nav ul li a span { display: block; height: 5px !important; width: 5px !important; background-color: #222; -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 */ position: relative; margin: 0 !important; } #fp-nav ul li a span:before { content: ""; height: 9px; width: 9px; position: absolute; top: -2px; left: -2px; border: 2px solid #222; -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 */ -webkit-box-shadow: 0 0 10px #222 inset; -moz-box-shadow: 0 0 10px #222 inset; -ms-box-shadow: 0 0 10px #222 inset; box-shadow: 0 0 10px #222 inset; } #fp-nav ul li a span:after { content: ""; height: 13px; width: 13px; border: 2px solid transparent; position: absolute; top: -4px; left: -4px; -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 */ } #fp-nav ul li a.active span { background-color: #222; } #fp-nav ul li a.active span:before { border-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } #fp-nav ul li a.active span:after { border-color: #222; } #cms-theme .mfp-image-holder .mfp-close, #cms-theme .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 */ } #cms-theme.fp-viewing-section0 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:before, #cms-theme.fp-viewing-section2 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:before, #cms-theme.fp-viewing-section4 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:before, #cms-theme.fp-viewing-section6 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:before, #cms-theme.fp-viewing-section8 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:before, #cms-theme.fp-viewing-section10 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:before, #cms-theme.fp-viewing-section0 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:after, #cms-theme.fp-viewing-section2 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:after, #cms-theme.fp-viewing-section4 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:after, #cms-theme.fp-viewing-section6 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:after, #cms-theme.fp-viewing-section8 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:after, #cms-theme.fp-viewing-section10 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:after, #cms-theme.fp-viewing-section0 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu span, #cms-theme.fp-viewing-section2 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu span, #cms-theme.fp-viewing-section4 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu span, #cms-theme.fp-viewing-section6 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu span, #cms-theme.fp-viewing-section8 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu span, #cms-theme.fp-viewing-section10 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu span { background-color: #222; } #cms-theme.fp-viewing-section0 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:hover:before, #cms-theme.fp-viewing-section2 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:hover:before, #cms-theme.fp-viewing-section4 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:hover:before, #cms-theme.fp-viewing-section6 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:hover:before, #cms-theme.fp-viewing-section8 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:hover:before, #cms-theme.fp-viewing-section10 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:hover:before, #cms-theme.fp-viewing-section0 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:hover:after, #cms-theme.fp-viewing-section2 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:hover:after, #cms-theme.fp-viewing-section4 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:hover:after, #cms-theme.fp-viewing-section6 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:hover:after, #cms-theme.fp-viewing-section8 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:hover:after, #cms-theme.fp-viewing-section10 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:hover:after, #cms-theme.fp-viewing-section0 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:hover span, #cms-theme.fp-viewing-section2 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:hover span, #cms-theme.fp-viewing-section4 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:hover span, #cms-theme.fp-viewing-section6 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:hover span, #cms-theme.fp-viewing-section8 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:hover span, #cms-theme.fp-viewing-section10 #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-menu:hover span { background-color: #a8353a; } #cms-theme.fp-viewing-section1 #cshero-header-inner #cshero-header #cshero-header-logo a.main-logo, #cms-theme.fp-viewing-section3 #cshero-header-inner #cshero-header #cshero-header-logo a.main-logo, #cms-theme.fp-viewing-section5 #cshero-header-inner #cshero-header #cshero-header-logo a.main-logo, #cms-theme.fp-viewing-section7 #cshero-header-inner #cshero-header #cshero-header-logo a.main-logo, #cms-theme.fp-viewing-section9 #cshero-header-inner #cshero-header #cshero-header-logo a.main-logo { opacity: 0; } #cms-theme.fp-viewing-section1 #cshero-header-inner #cshero-header #cshero-header-logo a.sticky-logo, #cms-theme.fp-viewing-section3 #cshero-header-inner #cshero-header #cshero-header-logo a.sticky-logo, #cms-theme.fp-viewing-section5 #cshero-header-inner #cshero-header #cshero-header-logo a.sticky-logo, #cms-theme.fp-viewing-section7 #cshero-header-inner #cshero-header #cshero-header-logo a.sticky-logo, #cms-theme.fp-viewing-section9 #cshero-header-inner #cshero-header #cshero-header-logo a.sticky-logo { opacity: 1; } #cms-theme.fp-viewing-section1 #fp-nav ul li a span, #cms-theme.fp-viewing-section3 #fp-nav ul li a span, #cms-theme.fp-viewing-section5 #fp-nav ul li a span, #cms-theme.fp-viewing-section7 #fp-nav ul li a span, #cms-theme.fp-viewing-section9 #fp-nav ul li a span { background-color: #fff; } #cms-theme.fp-viewing-section1 #fp-nav ul li a span:before, #cms-theme.fp-viewing-section3 #fp-nav ul li a span:before, #cms-theme.fp-viewing-section5 #fp-nav ul li a span:before, #cms-theme.fp-viewing-section7 #fp-nav ul li a span:before, #cms-theme.fp-viewing-section9 #fp-nav ul li a span:before { border: 2px solid #fff; -webkit-box-shadow: 0 0 10px #fff inset; -moz-box-shadow: 0 0 10px #fff inset; -ms-box-shadow: 0 0 10px #fff inset; box-shadow: 0 0 10px #fff inset; } #cms-theme.fp-viewing-section1 #fp-nav ul li a.active span, #cms-theme.fp-viewing-section3 #fp-nav ul li a.active span, #cms-theme.fp-viewing-section5 #fp-nav ul li a.active span, #cms-theme.fp-viewing-section7 #fp-nav ul li a.active span, #cms-theme.fp-viewing-section9 #fp-nav ul li a.active span { background-color: #fff; } #cms-theme.fp-viewing-section1 #fp-nav ul li a.active span:before, #cms-theme.fp-viewing-section3 #fp-nav ul li a.active span:before, #cms-theme.fp-viewing-section5 #fp-nav ul li a.active span:before, #cms-theme.fp-viewing-section7 #fp-nav ul li a.active span:before, #cms-theme.fp-viewing-section9 #fp-nav ul li a.active span:before { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; border-color: transparent; } #cms-theme.fp-viewing-section1 #fp-nav ul li a.active span:after, #cms-theme.fp-viewing-section3 #fp-nav ul li a.active span:after, #cms-theme.fp-viewing-section5 #fp-nav ul li a.active span:after, #cms-theme.fp-viewing-section7 #fp-nav ul li a.active span:after, #cms-theme.fp-viewing-section9 #fp-nav ul li a.active span:after { border-color: #fff; } .fp-tableCell .vc_col-sm-6 { /* Page Loading */ } .fp-tableCell .vc_col-sm-6 .cms-testimonial-layout1 { max-width: 730px; } .fp-tableCell .vc_col-sm-6 .cms-testimonial-layout1 .cms-testimonial-wrapper { padding: 0 40px; } .cms-page-in { 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; } .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: #fff; height: 100%; position: fixed; top: 0; left: 0; width: 100%; z-index: 1991; } .admin-bar .pace { top: 32px; } .admin-bar .pace .pace-progress { top: 32px; } .admin-bar .pace .pace-activity { top: 57px; } .pace-inactive { display: none; } .pace .pace-progress { background: #a8353a; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 4px; } .pace .pace-progress-inner { display: block; position: absolute; right: 0px; width: 100px; height: 100%; opacity: 1; -webkit-transform: rotate(3deg) translate(0px, -4px); -khtml-transform: rotate(3deg) translate(0px, -4px); -moz-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); -o-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .pace .pace-activity { display: block; position: fixed; z-index: 2000; top: 25px; right: 25px; width: 20px; height: 20px; border: solid 3px transparent; border-top-color: #a8353a; border-left-color: #a8353a; -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 */ -webkit-animation: pace-spinner 400ms linear infinite; -moz-animation: pace-spinner 400ms linear infinite; -ms-animation: pace-spinner 400ms linear infinite; -o-animation: pace-spinner 400ms linear infinite; animation: pace-spinner 400ms linear infinite; } .body-border-wrapper .pace .pace-activity { right: 55px; } @-webkit-keyframes pace-spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes pace-spinner { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes pace-spinner { 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes pace-spinner { 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes pace-spinner { 0% { transform: rotate(0deg); transform: rotate(0deg); } 100% { transform: rotate(360deg); transform: rotate(360deg); } } #cms-buy-button-fixed { background: #a8353a; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; /* BACKGROUND GRADIENT */ bottom: 40px; -webkit-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.35); -ms-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.35); box-shadow: 0 15px 50px rgba(0, 0, 0, 0.35); padding: 16px 22px; position: fixed; right: 92px; z-index: 9999; } #cms-buy-button-fixed .btn-buy-close { background-color: #222; border-radius: 100%; color: #fff; font-size: 12px; height: 22px; line-height: 22px; position: absolute; right: -10px; text-align: center; top: -11px; width: 22px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; opacity: 0; visibility: hidden; cursor: pointer; } #cms-buy-button-fixed .cms-buy-button-content-wrapper { letter-spacing: 0.02em; color: #fff; font-size: 12px; font-weight: 600; line-height: 15px; overflow: hidden; text-transform: uppercase; display: block; position: relative; } #cms-buy-button-fixed #cms-buy-button-cart-icon { margin-right: 10px; } #cms-buy-button-fixed #cms-buy-button-envato-logo { fill: #fff; } #cms-buy-button-fixed .cms-buy-button-top > * { display: block; float: left; line-height: inherit; margin-right: 3px; } #cms-buy-button-fixed .decorated { margin-left: 5px; padding-left: 13px; position: relative; } #cms-buy-button-fixed .decorated:before { background-color: #000; content: ""; height: 20px; left: -1px; opacity: 0.15; position: absolute; top: 0; width: 2px; } #cms-buy-button-fixed:hover { -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.35); -ms-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.35); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.35); } #cms-buy-button-fixed:hover .btn-buy-close { opacity: 1; visibility: visible; } .body-border-wrapper #cms-buy-button-fixed { right: 122px; } #cms-loadding { background: #fff; height: 100%; position: fixed; width: 100%; z-index: 10000; top: 0; left: 0; right: 0; bottom: 0; } #cms-loadding .cms-loader { width: 15px; height: 15px; position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ margin: auto; animation: cms-loader 1s ease infinite; -moz-animation: cms-loader 1s ease infinite; -webkit-animation: cms-loader 1s ease infinite; -ms-animation: cms-loader 1s ease infinite; -o-animation: cms-loader 1s ease infinite; } @keyframes cms-loader { 0%, 100% { box-shadow: -6px 20px 0 #a8353a, 13px 20px 0 rgba(168, 53, 58, 0.2), 13px 39px 0 rgba(168, 53, 58, 0.2), -6px 39px 0 rgba(168, 53, 58, 0.2); } 25% { box-shadow: -6px 20px 0 rgba(168, 53, 58, 0.2), 13px 20px 0 #a8353a, 13px 39px 0 rgba(168, 53, 58, 0.2), -6px 39px 0 rgba(168, 53, 58, 0.2); } 50% { box-shadow: -6px 20px 0 rgba(168, 53, 58, 0.2), 13px 20px 0 rgba(168, 53, 58, 0.2), 13px 39px 0 #a8353a, -6px 39px 0 rgba(168, 53, 58, 0.2); } 75% { box-shadow: -6px 20px 0 rgba(168, 53, 58, 0.2), 13px 20px 0 rgba(168, 53, 58, 0.2), 13px 39px 0 rgba(168, 53, 58, 0.2), -6px 39px 0 #a8353a; } } @-webkit-keyframes cms-loader { /* ========================================================================== [End] 3. Primary ========================================================================== */ 0%, 100% { box-shadow: -6px 20px 0 #a8353a, 13px 20px 0 rgba(168, 53, 58, 0.2), 13px 39px 0 rgba(168, 53, 58, 0.2), -6px 39px 0 rgba(168, 53, 58, 0.2); } 25% { box-shadow: -6px 20px 0 rgba(168, 53, 58, 0.2), 13px 20px 0 #a8353a, 13px 39px 0 rgba(168, 53, 58, 0.2), -6px 39px 0 rgba(168, 53, 58, 0.2); } 50% { box-shadow: -6px 20px 0 rgba(168, 53, 58, 0.2), 13px 20px 0 rgba(168, 53, 58, 0.2), 13px 39px 0 #a8353a, -6px 39px 0 rgba(168, 53, 58, 0.2); } 75% { box-shadow: -6px 20px 0 rgba(168, 53, 58, 0.2), 13px 20px 0 rgba(168, 53, 58, 0.2), 13px 39px 0 rgba(168, 53, 58, 0.2), -6px 39px 0 #a8353a; } } .cms-rtl .rev_slider_wrapper { direction: ltr; } .cms-rtl [class*="vc_col-"], .cms-rtl [class^="vc_col-"], .cms-rtl [class*="col-md-"], .cms-rtl [class^="col-md-"] { float: right; } .cms-rtl .alignleft { float: right; } .cms-rtl .alignright { float: left; } .cms-rtl .text-right { text-align: left; } .cms-rtl .text-left { text-align: right; } .cms-rtl .cms-search-wrap .cshero-search-inner #searchform { /* Content */ } .cms-rtl .cms-search-wrap .cshero-search-inner #searchform input[type="text"] { padding-right: 0; padding-left: 40px; } .cms-rtl .cms-carousel { direction: ltr; } .cms-rtl .cms-carousel .cms-carousel-item { direction: rtl; } .cms-rtl .wg-title .line1, .cms-rtl #reply-title .line1, .cms-rtl .comments-title .line1, .cms-rtl .h-line .line1 { left: inherit; right: 1px; } .cms-rtl .wg-title .line1:before, .cms-rtl #reply-title .line1:before, .cms-rtl .comments-title .line1:before, .cms-rtl .h-line .line1:before { right: 10px; left: inherit; } .cms-rtl .wg-title .line1:after, .cms-rtl #reply-title .line1:after, .cms-rtl .comments-title .line1:after, .cms-rtl .h-line .line1:after { right: 20px; left: inherit; } .cms-rtl .wg-title .line2, .cms-rtl #reply-title .line2, .cms-rtl .comments-title .line2, .cms-rtl .h-line .line2 { right: 0px; left: inherit; } .cms-rtl .wg-title .line2:before, .cms-rtl #reply-title .line2:before, .cms-rtl .comments-title .line2:before, .cms-rtl .h-line .line2:before { left: inherit; right: 10px; } .cms-rtl .wg-title .line2:after, .cms-rtl #reply-title .line2:after, .cms-rtl .comments-title .line2:after, .cms-rtl .h-line .line2:after { left: inherit; right: 20px; } .cms-rtl .wg-title .line3, .cms-rtl #reply-title .line3, .cms-rtl .comments-title .line3, .cms-rtl .h-line .line3 { left: inherit; right: 31px; } .cms-rtl .wg-title .line3:before, .cms-rtl #reply-title .line3:before, .cms-rtl .comments-title .line3:before, .cms-rtl .h-line .line3:before { left: inherit; right: -1px; } .cms-rtl .wg-title .line4, .cms-rtl #reply-title .line4, .cms-rtl .comments-title .line4, .cms-rtl .h-line .line4 { left: inherit; right: 41px; } .cms-rtl .wg-title .line4:before, .cms-rtl #reply-title .line4:before, .cms-rtl .comments-title .line4:before, .cms-rtl .h-line .line4:before { left: inherit; right: -1px; } .cms-rtl .wg-title .line5, .cms-rtl #reply-title .line5, .cms-rtl .comments-title .line5, .cms-rtl .h-line .line5 { left: inherit; right: 51px; } .cms-rtl .wg-title .line5:before, .cms-rtl #reply-title .line5:before, .cms-rtl .comments-title .line5:before, .cms-rtl .h-line .line5:before { left: inherit; right: -1px; } .cms-rtl .wg-title .line6, .cms-rtl #reply-title .line6, .cms-rtl .comments-title .line6, .cms-rtl .h-line .line6 { left: inherit; right: 61px; } .cms-rtl .wg-title .line6:before, .cms-rtl #reply-title .line6:before, .cms-rtl .comments-title .line6:before, .cms-rtl .h-line .line6:before { left: inherit; right: -1px; } .cms-rtl #searchform > div::before { right: inherit !important; left: 18px; } .cms-rtl #searchform #searchsubmit { right: inherit; left: 0; } .cms-rtl blockquote { text-align: right; } .cms-rtl.single-post .post-previous-next .nav-link-prev { text-align: left; } .cms-rtl.single-post .post-previous-next .nav-link-next { text-align: right; } .cms-rtl.single-post .entry-author .admin-avt { float: right; } .cms-rtl.single-post .entry-author .admin-info { padding-left: 0; padding-right: 120px; } .cms-rtl.single-post #comments .comment-list .comment-body { padding-left: 0px; padding-right: 90px; } .cms-rtl.single-post #comments .comment-list .comment-body .comment-author .avatar { right: 0; left: inherit; } .cms-rtl.single-post #comments .comment-list > li:first-child > .comment-body { padding-left: 0; padding-right: 90px; } .cms-rtl .entry-meta li:last-child::before { display: block; } .cms-rtl .entry-meta li:first-child { padding-left: 8px; } .cms-rtl .entry-meta li:first-child:before { display: none; } .cms-rtl .is-right-sidebar #content { float: left; } .cms-rtl .cms-recent-post .cms-recent-media { float: right; } .cms-rtl .cms-recent-post .cms-recent-details { padding-right: 65px; padding-left: 0; } .cms-rtl .cms-fancyboxes-wraper.cms-fancyboxes-layout1 .cms-fancybox-icon { float: right; } .cms-rtl .cms-fancyboxes-wraper.cms-fancyboxes-layout1 .cms-fancybox-content { padding-left: 0; padding-right: 70px; } .cms-rtl .cms-modal-close, .cms-rtl .hidden-sidebar-close { right: initial; left: 45px; z-index: 100; } .cms-rtl .cms-fancyboxes-wraper.cms-fancyboxes-layout4 .cms-button-wrapper { direction: ltr; text-align: right; } .cms-rtl .cms-progress-layout1 .cms-progress .progress-couter { right: inherit; left: 0; /* Footer */ } .cms-rtl .site-footer .widget_newsletterwidget form .tnp-field-button { right: inherit; left: 0; } .cms-rtl #cms-footer-bottom .cms-footer-bottom-item.text-center { direction: ltr; } .cms-rtl #cms-footer-bottom .cms-footer-bottom-item1 { direction: ltr; text-align: right; } .cms-rtl #cms-footer-bottom .widget_nav_menu ul.menu > li:before { right: -2px; } .cms-rtl #cms-footer-bottom .widget_nav_menu ul.menu > li:first-child { padding-right: 0; padding-left: 10px; } .cms-rtl #cms-footer-bottom .widget_nav_menu ul.menu > li:last-child { padding-left: 0; padding-right: 10px; } .cms-rtl .cms-testimonial.cms-testimonial-layout1 .cms-testimonial-footer .cms-testimonial-image { float: right; } .cms-rtl .cms-testimonial.cms-testimonial-layout1 .cms-testimonial-footer .cms-testimonial-meta { padding-left: 0; padding-right: 70px; text-align: right; } .cms-rtl .cms-heading-wrapper.cms-heading-layout1 { text-align: right; } .cms-rtl .get-contact-page { direction: ltr; text-align: right; } .cms-rtl input[type="text"], .cms-rtl input[type="password"], .cms-rtl input[type="datetime"], .cms-rtl input[type="datetime-local"], .cms-rtl input[type="date"], .cms-rtl input[type="month"], .cms-rtl input[type="time"], .cms-rtl input[type="week"], .cms-rtl input[type="number"], .cms-rtl input[type="email"], .cms-rtl input[type="url"], .cms-rtl input[type="search"], .cms-rtl input[type="tel"], .cms-rtl input[type="color"], .cms-rtl textarea, .cms-rtl select { text-align: right; } .cms-rtl .vc_slide.vc_images_carousel { direction: ltr; } .cms-rtl a.pp_next, .cms-rtl a.pp_previous, .cms-rtl div.pp_default .pp_expand, .cms-rtl div.pp_default .pp_nav .pp_pause, .cms-rtl div.pp_default .pp_nav .pp_play, .cms-rtl .pp_close, .cms-rtl .pp_arrow_next, .cms-rtl .pp_arrow_previous { text-indent: 99999px; } .cms-rtl .cms-fancyboxes-wraper.cms-fancyboxes-layout2 .cms-fancybox-title span { padding-right: 0; padding-left: 6px; } .cms-rtl .cms-fancyboxes-wraper.cms-fancyboxes-layout3 .cms-button-wrapper, .cms-rtl .cms-fancyboxes-wraper.cms-fancyboxes-layout4 .cms-button-wrapper { direction: ltr; text-align: right; } .cms-rtl .cms-fancyboxes-wraper.cms-fancyboxes-layout3 .cms-fancybox-header .cms-fancybox-number, .cms-rtl .cms-fancyboxes-wraper.cms-fancyboxes-layout4 .cms-fancybox-header .cms-fancybox-number { left: initial; right: 0; } .cms-rtl .cms-lists .list-style li { padding-left: 0; padding-right: 28px; } .cms-rtl .cms-lists .list-style li:before { left: initial; right: 0; } .cms-rtl .cms-lists .list-style.list-style8 { padding-right: 0; } .cms-rtl .cms-lists .list-style.list-style8 li { padding-right: 0; } .cms-rtl .cms-process .cms-process-title span { padding-left: 5px; padding-right: 0; } .cms-rtl .cms-process .cms-process-content .h-line { right: inherit; left: -20px; } .cms-rtl .cms-dropcap-content .first-letter { float: right; margin: 5px 0 0 20px; } .cms-rtl .cms-alert-wrapper .close { float: left; } .cms-rtl .cmsrt .cmsrt-meta .cmsrt-price { right: inherit; left: 0; } .cms-rtl#cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content .cart_list li { padding: 0 0 15px 20px; } .cms-rtl#cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content .cart_list li a img { float: right; margin-right: 0; margin-left: 20px; } .cms-rtl#cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content .cart_list li a.remove { display: none; } .cms-rtl#cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content p.total .amount { float: left; } .cms-rtl #cshero-header-inner #cshero-header .cshero-navigation-right { padding-left: 0; padding-right: 14px; } .cms-rtl #cshero-header-inner.custom-header-14 #cshero-header .cshero-navigation-right { margin-left: 0; padding-left: 0; margin-right: 14px; padding-right: 28px; } .cms-rtl #cshero-header-inner.custom-header-14 #cshero-header .cshero-navigation-right:before { left: inherit; right: 0; } .cms-rtl .tagcloud a { margin-right: 0; margin-left: 15px; } .cms-rtl .pagination .page-numbers { margin-left: 0; } .cms-rtl .pagination .page-numbers + .page-numbers { margin-right: 12px; } @media screen and (min-width: 992px) { .cms-rtl #cshero-header-inner #cshero-header .cshero-navigation-right { float: left; } .cms-rtl #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon + .h-icon { padding-left: 0; padding-right: 18px; } .cms-rtl #cshero-header-inner #cshero-header .cshero-header-navigation .main-navigation { text-align: left; } .cms-rtl #cshero-header-inner #cshero-header .cshero-header-navigation .main-navigation li ul li a { text-align: right; } .cms-rtl #cshero-header-inner #cshero-header .cshero-header-navigation .main-navigation li ul li a i { padding-right: 0px; padding-left: 6px; } .cms-rtl #cshero-header-inner #cshero-header .cshero-header-navigation .main-navigation li ul:not(.wg-menu-item) li.menu-item-has-children > a::after { right: inherit; left: 0; content: "\f104"; } .cms-rtl #cshero-header-inner #cshero-header .cshero-header-navigation .main-navigation ul.multicolumn > li { border-left: none; padding-left: 0; border-right: 1px solid #f2f2f2; padding-right: 10px; } .cms-rtl #cshero-header-inner #cshero-header .cshero-header-navigation .main-navigation ul.multicolumn > li > ul.sub-menu { width: 100% !important; } .cms-rtl #cshero-header-inner #cshero-header .cshero-header-navigation .main-navigation li ul.standar-dropdown ul.sub-menu { left: inherit; right: 100%; } } @media screen and (max-width: 991px) { .cms-rtl #cshero-menu-mobile { right: inherit; left: 15px; } .cms-rtl #cshero-menu-mobile a { display: inline-block; position: relative; } .cms-rtl .cs-menu-toggle { right: inherit; left: 0; } .cms-rtl #cshero-header #cshero-header-navigation { left: 0; right: inherit; } .cms-rtl #cshero-header #cshero-header-navigation .menu-main-menu li { text-align: right; } .cms-rtl #cshero-header #cshero-header-navigation .menu-main-menu li a:before, .cms-rtl #cshero-header #cshero-header-navigation .menu-main-menu li:after { display: none; } } @media screen and (min-width: 992px) { /* -----> Minimum width of 992 pixels. */ .title-attribute { background-color: #a8353a; -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 */ color: #fff; font-size: 8px; line-height: 1; padding: 3px 4px; position: absolute; right: -28px; top: -10px; } .title-attribute:before { border-color: #a8353a transparent transparent #a8353a; border-style: solid; border-width: 2px; content: ""; left: 0; position: absolute; top: 100%; } .new-item-menu a { line-height: 100px; color: #fff; padding: 0 15px; } .new-item-menu a:hover { color: #a8353a; } .header-fixed .new-item-menu a { line-height: 80px; color: #222; } .header-fixed .new-item-menu a:hover { color: #a8353a; } #cshero-menu-mobile { display: none; } .effect-line .menu-main-menu > li > a .menu-title { position: relative; } .effect-line .menu-main-menu > li > a .menu-title:before { bottom: -10px; height: 2px; width: 0; left: 0; right: 0; margin: auto; background-color: transparent; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; position: absolute; content: ""; } .effect-line .menu-main-menu > li.current-menu-ancestor > a .menu-title:before, .effect-line .menu-main-menu > li.current-page-parent > a .menu-title:before, .effect-line .menu-main-menu > li.current-menu-parent > a .menu-title:before, .effect-line .menu-main-menu > li.current-menu-item > a .menu-title:before, .effect-line .menu-main-menu > li > a:hover .menu-title:before { width: 20px; background-color: #222; } #cshero-header-navigation { position: static; } .cshero-header-navigation .main-navigation { text-align: right; } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li, .cshero-header-navigation .main-navigation .menu-main-menu > li { vertical-align: top; padding: 0 14px; display: inline-block; position: relative; } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a, .cshero-header-navigation .main-navigation .menu-main-menu > li > a { font-size: 13px; color: #222; 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: 700; line-height: 100px; visibility: inherit !important; } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a i, .cshero-header-navigation .main-navigation .menu-main-menu > li > a i { display: block; width: 100%; line-height: 0; margin-bottom: 6px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a i + .menu-title, .cshero-header-navigation .main-navigation .menu-main-menu > li > a i + .menu-title { -webkit-transform: translateY(25px); -khtml-transform: translateY(25px); -moz-transform: translateY(25px); -ms-transform: translateY(25px); -o-transform: translateY(25px); transform: translateY(25px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ display: block; } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a .menu-title, .cshero-header-navigation .main-navigation .menu-main-menu > li > a .menu-title { position: relative; } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a.onepage.current, .cshero-header-navigation .main-navigation .menu-main-menu > li > a.onepage.current { color: #a8353a; } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li > ul.sub-menu, .cshero-header-navigation .main-navigation .menu-main-menu > li > ul.sub-menu { opacity: 0; -webkit-transition: 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; } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li:hover > ul.sub-menu, .cshero-header-navigation .main-navigation .menu-main-menu > li:hover > ul.sub-menu { opacity: 1; } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li .cs-menu-toggle, .cshero-header-navigation .main-navigation .menu-main-menu > li .cs-menu-toggle { display: none; } .cshero-header-navigation .main-navigation { /* Menu Stick Wall */ } .cshero-header-navigation .main-navigation li ul:not(.wg-menu-item) { background-color: #fff; margin: 0; padding: 11px 0; position: absolute; top: 100%; z-index: 1001; height: 0px; min-width: 210px; width: inherit !important; overflow: hidden; visibility: hidden; -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); 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 STYLE */ transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; -o-transform-origin: 0 0 0; } .cshero-header-navigation .main-navigation li ul:not(.wg-menu-item) li.menu-item-has-children > a { position: relative; padding-right: 25px; } .cshero-header-navigation .main-navigation li ul:not(.wg-menu-item) li.menu-item-has-children > a:after { content: "\f105"; font-family: FontAwesome; font-size: inherit; position: absolute; right: 0; color: #7f7f7f; font-weight: normal; } .cshero-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 */ /* TRANSFORM STYLE */ } .cshero-header-navigation .main-navigation li ul ul:not(.wg-menu-item) { top: -11px; left: 100%; /* End Menu Stick Wall */ } .cshero-header-navigation .main-navigation li ul ul:not(.wg-menu-item).back { right: 100%; left: auto; } .cshero-header-navigation .main-navigation li ul ul:not(.wg-menu-item).back ul:not(.back) { right: 100%; left: auto; } .cshero-header-navigation .main-navigation li ul ul:not(.wg-menu-item).back ul.back { left: 100%; right: auto; } .cshero-header-navigation .main-navigation li ul ul:not(.wg-menu-item).back ul.back ul:not(.back) { left: 100%; right: auto; } .cshero-header-navigation .main-navigation li ul ul:not(.wg-menu-item).back ul.back ul.back { right: 100%; left: auto; } .cshero-header-navigation .main-navigation { /* End Menu Sub Level */ /* Start Mega Menu */ } .cshero-header-navigation .main-navigation ul li:hover > ul, .cshero-header-navigation .main-navigation ul li:focus > ul, .cshero-header-navigation .main-navigation .focus > ul { border-left: 0; clip: inherit; height: inherit; overflow: visible; visibility: visible; } .cshero-header-navigation .main-navigation li ul li { padding: 0 25px; white-space: nowrap; } .cshero-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 #f2f2f2; -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; } .cshero-header-navigation .main-navigation li ul li a i { padding-right: 6px; } .cshero-header-navigation .main-navigation li ul li a:hover { color: #a8353a; padding-left: 12px; } .cshero-header-navigation .main-navigation li ul li a .menu-title { position: relative; display: inline-block; } .cshero-header-navigation .main-navigation li ul li.current-menu-parent > a, .cshero-header-navigation .main-navigation li ul li.current-menu-item > a { color: #a8353a; } .cshero-header-navigation .main-navigation li ul li.current-menu-parent > a:after, .cshero-header-navigation .main-navigation li ul li.current-menu-item > a:after { color: #a8353a !important; } .cshero-header-navigation .main-navigation li ul.sub-menu li:last-child > a { border: none; } .cshero-header-navigation .main-navigation ul.sub-menu li { position: relative; } .cshero-header-navigation .main-navigation { /* End Start Mega Menu */ /* Header Fixed */ } .cshero-header-navigation .main-navigation .columns2 > li:nth-of-type(2n+1), .cshero-header-navigation .main-navigation .columns3 > li:nth-child(3n+1), .cshero-header-navigation .main-navigation .columns4 > li:nth-child(4n+1), .cshero-header-navigation .main-navigation .columns5 > li:nth-child(5n+1) { clear: left; border-right: 0px solid transparent; } .cshero-header-navigation .main-navigation .columns5 > li { width: 20% !important; } .cshero-header-navigation .main-navigation .columns4 > li { width: 25% !important; } .cshero-header-navigation .main-navigation .columns3 > li { width: 33.3344% !important; } .cshero-header-navigation .main-navigation .columns2 > li { width: 50% !important; } .cshero-header-navigation .main-navigation [class*="columns"] { padding-top: 30px !important; padding-bottom: 30px !important; } .cshero-header-navigation .main-navigation [class*="columns"] > li { float: left; padding: 0; } .cshero-header-navigation .main-navigation [class*="columns"] > li ul li { padding: 0 25px; } .cshero-header-navigation .main-navigation [class*="columns"] > li ul li ul.sub-menu li { padding: 0 30px; } .cshero-header-navigation .main-navigation [class*="columns"] > li > a { width: 100%; border-bottom: none; } .cshero-header-navigation .main-navigation [class*="columns"] > li > a:after { content: "" !important; } .cshero-header-navigation .main-navigation .menu-main-menu li.has_full_width { position: inherit; } .cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu { left: 0; margin: auto; right: 0; width: 100% !important; } .cshero-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; } .cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu li a:hover { color: #a8353a; padding-left: 10px; } .cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu li:before { display: none; } .cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu li.current-menu-item > a { color: #a8353a; } .cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu > li > a { padding: 0 25px; margin-bottom: 8px; margin-top: 6px; } .cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu > li > a, .cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu > li > a span { color: #222; font-weight: 600; } .cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu > li > a:hover, .cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu > li > a span:hover { background-color: transparent; } .cshero-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; } .cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_to_right.sub-menu { left: auto; right: 90px; margin: auto; } .cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_to_right.sub-menu .sub-menu { background-color: transparent; } .cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_to_right.sub-menu > li > a { display: block; font-size: 13px; padding: 6px 0; text-align: left; color: #7f7f7f; } .cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_to_right.sub-menu > li > a:hover { color: #a8353a; } .cshero-header-navigation .main-navigation li.group > ul.sub-menu { display: block; float: left; left: 0; position: relative; width: 100%; height: inherit; } .cshero-header-navigation .main-navigation ul.multicolumn > li { border-left: 1px solid #f2f2f2; padding-left: 10px; } .cshero-header-navigation .main-navigation ul.multicolumn > li.hidden-menu-item > a { display: none !important; } .cshero-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; } .cshero-header-navigation .main-navigation ul.multicolumn > li ul.sub-menu > li:hover > ul.sub-menu { opacity: 1; } .cshero-header-navigation .main-navigation ul.multicolumn > li > ul.sub-menu { 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 */ /* TRANSFORM STYLE */ } .cshero-header-navigation .main-navigation ul.multicolumn > li > ul.sub-menu > li > a { border-bottom: none; } .cshero-header-navigation .main-navigation ul.multicolumn > li:hover { position: relative; z-index: 10; } .cshero-header-navigation .main-navigation ul.multicolumn > li.hidden-menu-item > a { display: none; } .cshero-header-navigation .main-navigation ul.standar-dropdown li ul.sub-menu { opacity: 0; -webkit-transition: 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; } .cshero-header-navigation .main-navigation ul.standar-dropdown li:hover ul.sub-menu { opacity: 1; } .header-fixed .effect-line .menu-main-menu > li > a .menu-title:before { bottom: -9px; } .header-7.no-header-top .cshero-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 { cursor: pointer; display: inline-block; height: 30px; line-height: 30px; position: absolute; right: 0; text-align: center; top: 6px; width: 30px; } .cs-menu-toggle:before { content: "\f278"; font-family: Material-Design-Iconic-Font; font-size: 14px; color: #222; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cs-menu-toggle:hover:before { color: #a8353a; } .menu-accordion { /* -----> Max width of 992 pixels. */ } .menu-accordion li { position: relative; } .menu-accordion li a { color: #fff; font-weight: 600; font-size: 20px; } .menu-accordion > li { padding: 12px 0; } .menu-accordion > li > a { font-size: 30px; line-height: normal; } .menu-accordion > li.current-menu-ancestor > a, .menu-accordion > li.current-page-parent > a, .menu-accordion > li.current-menu-parent > a, .menu-accordion > li.current-menu-item > a, .menu-accordion > li > a:hover { color: #a8353a; } .menu-accordion .cs-menu-toggle { top: 12px; } .menu-accordion .cs-menu-toggle:before { color: #fff; font-size: 22px; } .menu-accordion .cs-menu-toggle:hover:before { color: #a8353a; } .menu-accordion .sub-menu { width: 100% !important; max-height: 0; overflow: hidden; opacity: 0; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; transition: all 0.25s ease; } .menu-accordion .sub-menu li { padding: 8px 0; } .menu-accordion .sub-menu li a:hover { color: #a8353a; } .menu-accordion .sub-menu.submenu-open { padding-top: 15px; max-height: 1000px; opacity: 1; overflow: visible; } .menu-accordion .sub-menu.submenu-open + .cs-menu-toggle:before { content: "\f273"; } @media screen and (max-width: 991px) { /* -----> End Max width of 992 pixels. */ .title-attribute { display: none; } .menu-accordion li a { font-size: 16px; } .menu-accordion > li { padding: 10px 0; } .menu-accordion > li > a { font-size: 22px; } #cshero-header { border-bottom: 1px solid #e7e4ef; background-color: #fff; } #cshero-header > .container { position: relative; z-index: 1001; } #cshero-header #cshero-header-logo { padding: 0 15px; } #cshero-header #cshero-header-logo a { display: inline-block; line-height: 100px; } #cshero-header #cshero-header-logo a img { max-height: 80px; } #cshero-header #cshero-header-navigation { background-color: #fff; max-width: 330px; 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; } #cshero-header #cshero-header-navigation.navigation-open { opacity: 1; visibility: visible; top: 101px; } #cshero-header #cshero-header-navigation .menu-main-menu li { border-bottom: 1px solid rgba(0, 0, 0, 0.07); position: relative; height: inherit !important; } #cshero-header #cshero-header-navigation .menu-main-menu li a { display: block; padding: 9px 0; color: #222; visibility: inherit !important; } #cshero-header #cshero-header-navigation .menu-main-menu li:last-child { border-bottom: none; } #cshero-header #cshero-header-navigation .menu-main-menu li.current-menu-ancestor > a, #cshero-header #cshero-header-navigation .menu-main-menu li.current-menu-parent > a, #cshero-header #cshero-header-navigation .menu-main-menu li.current-menu-item > a, #cshero-header #cshero-header-navigation .menu-main-menu li:hover > a { color: #a8353a; } #cshero-header #cshero-header-navigation .menu-main-menu.nav-menu-left li:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.07); } #cshero-header #cshero-header-navigation .menu-main-menu .sub-menu { max-height: 0; overflow: hidden; opacity: 0; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; transition: all 0.25s ease; } #cshero-header #cshero-header-navigation .menu-main-menu .sub-menu li a { padding-left: 10px; padding-right: 10px; } #cshero-header #cshero-header-navigation .menu-main-menu .sub-menu li:first-child { border-top: 1px solid rgba(0, 0, 0, 0.07); } #cshero-header #cshero-header-navigation .menu-main-menu .sub-menu li:last-child { border-bottom: none; } #cshero-header #cshero-header-navigation .menu-main-menu .sub-menu li .sub-menu li a { padding-left: 15px; } #cshero-header #cshero-header-navigation .menu-main-menu .sub-menu.submenu-open { max-height: 1000px; opacity: 1; overflow: visible; } #cshero-header #cshero-header-navigation .menu-main-menu .sub-menu.submenu-open + .cs-menu-toggle:before { content: "\f273"; } #cshero-menu-mobile { display: block; position: absolute; right: 15px; top: 50%; transform: translate(0px, -50%); } #cshero-menu-mobile i { background-color: #222; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ -webkit-box-shadow: 0 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; color: #fff; cursor: pointer; font-size: 20px; height: 36px; line-height: 36px; text-align: center; width: 46px; display: inline-block; margin-right: 6px; } #cshero-menu-mobile i:hover { background-color: #a8353a; } #cshero-menu-mobile cite { background-color: #a8353a; border-radius: 100%; font-size: 12px; font-style: normal; height: 18px; line-height: 18px; position: absolute; right: 0; top: -6px; width: 18px; } } @media screen and (max-width: 767px) { /* ========================================================================== End Style Main Menu ========================================================================== */ #cshero-menu-mobile i { font-size: 15px; height: 30px; line-height: 30px; margin-right: 3px; width: 30px; } } body { overflow-x: hidden; font-family: 'Poppins Regular'; letter-spacing: 0; color: #9b9b9b; font-size: 14px; line-height: 23px; } body.menu-popup-active { height: 100%; overflow: hidden; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } img.aligncenter { margin: 5px auto; } .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: #a8353a; } .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: #a8353a; } a:hover, a:focus { color: #7f2429; } 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: #222; font-weight: 600; visibility: inherit !important; } 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 .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: #222; } .dark2 { color: #2f2f2f; } .color-primary { color: #a8353a; } .color-secondary { color: #7f2429 !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 */ } .br-3px { -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ } .br-4px { -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; /* BACKGROUND GRADIENT */ } .br-5px { -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; /* BACKGROUND GRADIENT */ } .z-index-1 { z-index: 1; } .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 */ -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 */ } table th { color: #222; } 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: #222; } dl dd { line-height: normal; margin-bottom: 20px; } dl dd a { color: #a8353a; } 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: #a8353a; } 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; /* ========================================================================== [End] 1. Reset HTML/CSS, Unitest, Body ========================================================================== */ } 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: #a8353a; } dl + h2 + ul li ul { padding-left: 35px; } .wg-title, #reply-title, .comments-title { font-size: 13px; line-height: 30px; color: #222; text-transform: uppercase; margin-bottom: 20px; position: relative; padding-bottom: 2px; font-weight: 700; } .wg-title .line1, #reply-title .line1, .comments-title .line1, .h-line .line1, .wg-title .line1:before, #reply-title .line1:before, .comments-title .line1:before, .h-line .line1:before, .wg-title .line1:after, #reply-title .line1:after, .comments-title .line1:after, .h-line .line1:after, .wg-title .line2, #reply-title .line2, .comments-title .line2, .h-line .line2, .wg-title .line2:before, #reply-title .line2:before, .comments-title .line2:before, .h-line .line2:before, .wg-title .line2:after, #reply-title .line2:after, .comments-title .line2:after, .h-line .line2:after, .wg-title .line3, #reply-title .line3, .comments-title .line3, .h-line .line3, .wg-title .line3:before, #reply-title .line3:before, .comments-title .line3:before, .h-line .line3:before, .wg-title .line4, #reply-title .line4, .comments-title .line4, .h-line .line4, .wg-title .line4:before, #reply-title .line4:before, .comments-title .line4:before, .h-line .line4:before, .wg-title .line5, #reply-title .line5, .comments-title .line5, .h-line .line5, .wg-title .line5:before, #reply-title .line5:before, .comments-title .line5:before, .h-line .line5:before, .wg-title .line6, #reply-title .line6, .comments-title .line6, .h-line .line6, .wg-title .line6:before, #reply-title .line6:before, .comments-title .line6:before, .h-line .line6:before { content: ""; height: 1px; width: 9px; position: absolute; background-color: #a8353a; display: inline-block; } .wg-title .line1, #reply-title .line1, .comments-title .line1, .h-line .line1 { left: 1px; bottom: 1px; } .wg-title .line1:before, #reply-title .line1:before, .comments-title .line1:before, .h-line .line1:before { left: 10px; bottom: 0px; } .wg-title .line1:after, #reply-title .line1:after, .comments-title .line1:after, .h-line .line1:after { left: 20px; bottom: 0px; } .wg-title .line2, #reply-title .line2, .comments-title .line2, .h-line .line2 { left: 0px; bottom: 0; } .wg-title .line2:before, #reply-title .line2:before, .comments-title .line2:before, .h-line .line2:before { left: 10px; bottom: 0; } .wg-title .line2:after, #reply-title .line2:after, .comments-title .line2:after, .h-line .line2:after { left: 20px; bottom: 0; } .wg-title .line3, #reply-title .line3, .comments-title .line3, .h-line .line3 { bottom: 1px; left: 31px; } .wg-title .line3:before, #reply-title .line3:before, .comments-title .line3:before, .h-line .line3:before { bottom: -1px; left: -1px; } .wg-title .line4, #reply-title .line4, .comments-title .line4, .h-line .line4 { bottom: 1px; left: 41px; } .wg-title .line4:before, #reply-title .line4:before, .comments-title .line4:before, .h-line .line4:before { bottom: -1px; left: -1px; } .wg-title .line5, #reply-title .line5, .comments-title .line5, .h-line .line5 { bottom: 1px; left: 51px; } .wg-title .line5:before, #reply-title .line5:before, .comments-title .line5:before, .h-line .line5:before { bottom: -1px; left: -1px; } .wg-title .line6, #reply-title .line6, .comments-title .line6, .h-line .line6 { bottom: 1px; left: 61px; } .wg-title .line6:before, #reply-title .line6:before, .comments-title .line6:before, .h-line .line6:before { bottom: -1px; left: -1px; } .wg-title.two-line .line1:after, #reply-title.two-line .line1:after, .comments-title.two-line .line1:after, .h-line.two-line .line1:after, .wg-title.two-line .line2:after, #reply-title.two-line .line2:after, .comments-title.two-line .line2:after, .h-line.two-line .line2:after { display: none; } #sidebar, .wpb_widgetised_column { /* [Start] 1. Newletter +-----------------------------------+ */ } #sidebar #widget-area > aside, .wpb_widgetised_column #widget-area > aside, #sidebar .slidingbar-widget-col, .wpb_widgetised_column .slidingbar-widget-col { margin-bottom: 40px; } #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 { 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: 15px; line-height: 24px; color: #222; font-weight: 600; } #sidebar .widget_products ul li a:hover, .wpb_widgetised_column .widget_products ul li a:hover { color: #a8353a; } #sidebar .widget_products ul li a img, .wpb_widgetised_column .widget_products ul li a img { float: left; margin: 0 20px 0px 0; max-width: 70px; width: 100%; } #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: 14px; color: #9b9b9b; } #sidebar .widget_products ul li del .amount, .wpb_widgetised_column .widget_products ul li del .amount { color: #9b9b9b; font-size: 14px; font-weight: normal; } .site-footer .widget_newsletterwidget .newsletter-subscription { margin: 0; } .site-footer .widget_newsletterwidget .tnp-widget { margin-top: 12px; } .site-footer .widget_newsletterwidget form { position: relative; } .site-footer .widget_newsletterwidget form .tnp-field-email { margin-top: 15px; } .site-footer .widget_newsletterwidget form .tnp-field-email label { display: none; } .site-footer .widget_newsletterwidget form .tnp-field-email .tnp-email { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; border: 1px solid #222 !important; background-color: rgba(25, 25, 25, 0.6) !important; font-style: italic; height: 42px !important; font-size: 12px !important; color: #474747; } .site-footer .widget_newsletterwidget form .tnp-field-button { position: absolute; right: 0; top: 0; margin-bottom: 0; } .site-footer .widget_newsletterwidget form .tnp-field-button:before { content: "\f178"; color: #a8353a; display: block; font-family: FontAwesome; font-size: 11px; height: 42px; line-height: 42px; text-align: center; width: 42px; } .site-footer .widget_newsletterwidget form .tnp-field-button:after { content: ""; height: 2px; width: 0; background-color: #a8353a; display: block; position: absolute; right: 16px; 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; } .site-footer .widget_newsletterwidget form .tnp-field-button:hover:after { width: 11px; } .site-footer .widget_newsletterwidget form .tnp-field-button .tnp-submit { height: 42px !important; width: 42px !important; padding: 0 15px; background-color: transparent !important; border: none !important; font-weight: 700; color: #fff; position: initial !important; text-indent: -9999px; position: absolute !important; top: 0; right: 0; } .wpb_widgetised_column .widget_newsletterwidget { text-align: center; /* [Start] 2. Search +-----------------------------------+ */ } .wpb_widgetised_column .widget_newsletterwidget .newsletter-subscription { margin: 0; } .wpb_widgetised_column .widget_newsletterwidget .tnp-widget { margin-top: 12px; } .wpb_widgetised_column .widget_newsletterwidget form { position: relative; } .wpb_widgetised_column .widget_newsletterwidget form .tnp-field-email { display: inline-block; margin: 0; vertical-align: middle; max-width: 370px; width: 100%; margin: 20px 13px 0 13px; } .wpb_widgetised_column .widget_newsletterwidget form .tnp-field-email label { display: none; } .wpb_widgetised_column .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 #eee !important; background-color: transparent !important; height: 50px !important; font-size: 12px !important; color: #fff; padding-left: 18px; } .wpb_widgetised_column .widget_newsletterwidget form .tnp-field-button { position: static; right: 0; top: 0; margin-bottom: 0; display: inline-block; vertical-align: middle; margin: 20px 13px 0 13px; } .wpb_widgetised_column .widget_newsletterwidget form .tnp-field-button .tnp-submit { height: 50px !important; padding: 0 50px; background-color: #a8353a !important; border: none !important; color: #fff; position: static !important; } .wpb_widgetised_column .widget_newsletterwidget form .tnp-field-button .tnp-submit:hover { background-color: #79262a !important; } #searchform { position: relative; /* [Start] 3. Tags +-----------------------------------+ */ } #searchform .screen-reader-text { display: none; } #searchform > div:before { color: #a8353a; 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 */ /* TRANSFORM STYLE */ z-index: 1; } #searchform input[type="text"] { background-color: #f9f9f9; } #searchform #searchsubmit { position: absolute; top: 0; right: 0; background-color: transparent; opacity: 0; z-index: 2; padding: 0; height: 35px; width: 45px; } .tagcloud a { font-size: 12px !important; color: #9b9b9b; line-height: 30px; padding: 1px 14px 0; background-color: #f9f9f9; border: 1px solid #eee !important; display: inline-block; margin-right: 15px; margin-bottom: 15px; /* [Start] 4. Categories +-----------------------------------+ */ } .tagcloud a:hover { color: #a8353a; } .widget_categories li, .widget_pages li, .widget_meta li, .widget_nav_menu li, .widget_archive li, .widget_recent_entries li, .widget_recent_comments li { line-height: 31px; font-size: 13px; color: #a8353a; } .widget_categories li a, .widget_pages li a, .widget_meta li a, .widget_nav_menu li a, .widget_archive li a, .widget_recent_entries li a, .widget_recent_comments li a { color: #333; } .widget_categories li a:hover, .widget_pages li a:hover, .widget_meta li a:hover, .widget_nav_menu li a:hover, .widget_archive li a:hover, .widget_recent_entries li a:hover, .widget_recent_comments li a:hover { color: #a8353a; } .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_product_categories li { line-height: 31px; } .widget_product_categories li a { color: #333; } .widget_product_categories li a + span { color: #a8353a; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .widget_product_categories li a:hover { color: #a8353a; } .widget_product_categories li a:hover + span { color: #a8353a; } .widget_price_filter .wg-title { margin-bottom: 32px; } .widget_cs_social_widget li { display: inline-block; } .widget_cs_social_widget li a { color: #222; font-size: 14px; padding: 0 9px; } .widget_cs_social_widget li a:hover { color: #a8353a; } .widget_cs_social_widget li:first-child { padding-left: 0; } .cms-recent-post .item { margin-bottom: 16px; } .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: 49px; width: 49px; background-repeat: no-repeat; background-position: center; background-size: cover; 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 */ overflow: hidden; } .cms-recent-post .cms-recent-details { padding-left: 65px; } .cms-recent-post .cms-recent-details .title { font-size: 14px; line-height: 22px; margin-bottom: 5px; } .cms-recent-post .cms-recent-details .title a { color: #282828; } .cms-recent-post .cms-recent-details .title a:hover { color: #a8353a; } .cms-recent-post .cms-recent-details .date { font-size: 13px; line-height: 26px; color: #616161; font-family: 'Droidserif Italic'; } .widget_recent_entries li, .widget_recent_comments li { border-bottom: 1px dashed rgba(0, 0, 0, 0.1); padding: 5px 0; } .widget_recent_entries li:last-child, .widget_recent_comments li:last-child { border-bottom: none; } #sb_instagram .sbi_item img { -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 */ } #sb_instagram .sbi_item .sbi_photo { position: relative; } #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: 5px; left: 5px; bottom: 5px; right: 5px; content: ""; background-color: #a8353a; opacity: 0.95; z-index: 1; -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 */ 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; } .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_product_search .woocommerce-product-search { position: relative; } .widget_product_search .woocommerce-product-search .screen-reader-text { display: none; } .widget_product_search .woocommerce-product-search .search-field { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; color: #222; border: 1px solid #efefef; height: 51px; padding-right: 42px; } .widget_product_search .woocommerce-product-search input[type="submit"] { background-color: transparent; border: medium none; font-size: 0; max-width: 50px; position: absolute; right: 0; top: 0; height: 50px; z-index: 3; } .widget_product_search .woocommerce-product-search input[type="submit"]:hover { background-color: transparent !important; } .widget_product_search .woocommerce-product-search:before { color: #a8353a; content: "\f002"; font-family: FontAwesome; font-size: 14px; position: absolute; right: 21px; top: 13px; z-index: 2; } @media screen and (max-width: 1360px) { .fp-tableCell .vc_col-sm-6 .cms-testimonial-layout1 { max-width: 530px; } } @media screen and (max-width: 1280px) { .cms-carousel-portfolio-simple .cms-carousel-portfolio-wrap { min-height: 510px; } .cms-carousel-portfolio-simple .cms-carousel-portfolio-wrap .cms-portfolio-content { padding: 50px 30px; } .cms-carousel-wrap .cms-carousel-layout1 .owl-controls .owl-nav .owl-prev { left: 30px; } .cms-carousel-wrap .cms-carousel-layout1 .owl-controls .owl-nav .owl-next { right: 30px; } .cms-menu-popup-wrap .social-top { bottom: 20px; } } @media screen and (min-width: 1200px) { #cms-page-title.page-title-fullscreen { padding: 0; display: table; height: 100vh; width: 100%; /* Border Body */ } #cms-page-title.page-title-fullscreen > .container { display: table-cell; max-width: 1170px; text-align: center; vertical-align: middle; width: 100%; } #cms-page-title.page-title-fullscreen > .container .cms-page-title-inner { padding-top: 50px; } body.body-border-wrapper { padding: 30px; background-color: #fff; } body.body-border-wrapper .body-border { width: 30px; background-color: #fff; position: fixed; top: 0; bottom: 0; z-index: 10001; } 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 #cshero-header-inner.header-trans #cshero-header { top: 30px; } body.body-border-wrapper #cshero-header-inner.header-trans #cshero-header.header-fixed { top: 0; } body.body-border-wrapper.admin-bar #cshero-header-inner.header-trans #cshero-header { top: 62px; } body.body-border-wrapper.admin-bar #cshero-header-inner.header-trans #cshero-header.header-fixed { top: 32px; } body.body-border-wrapper .cms-carousel-portfolio-slider .cms-carousel-portfolio-wrap { min-height: calc(100vh - 60px); min-height: -moz-calc(100vh - 60px); min-height: -webkit-calc(100vh - 60px); min-height: -ms-calc(100vh - 60px); min-height: -o-calc(100vh - 60px); } .sg-portfolio-layout6 .sg-portfolio-masonry .single-portfolio-image-item:last-child { width: 100%; } .sg-portfolio-layout7 .sg-portfolio-masonry .single-portfolio-image-item:nth-child(3), .sg-portfolio-layout7 .sg-portfolio-masonry .single-portfolio-image-item:nth-child(4) { width: 50%; } .cms-testimonial-layout1 .cms-testimonial-wrapper { padding: 0 100px; } .cms-testimonial-layout1 .owl-controls .owl-nav .owl-prev, .cms-testimonial-layout1 .owl-controls .owl-nav .owl-next { margin: 0; position: absolute; top: 0; } .cms-testimonial-layout1 .owl-controls .owl-nav .owl-prev { left: 0; } .cms-testimonial-layout1 .owl-controls .owl-nav .owl-next { right: 0; } .cms-carousel-wrap .cms-carousel-layout2.custom-layout3 .owl-controls .owl-nav .owl-prev { left: 80px; } .cms-carousel-wrap .cms-carousel-layout2.custom-layout3 .owl-controls .owl-nav .owl-next { right: 80px; } .fixed-bottom { padding: 0 20%; } .main-form { padding-right: 115px; position: relative; } .main-form .submit-btn { position: absolute; bottom: 5px; right: 0; } .main-form .wpcf7-textarea { -webkit-width: -webkit-calc(100% - 95px); -moz-width: -moz-calc(100% - 95px); -ms-width: -moz-calc(100% - 95px); -o-width: -moz-calc(100% - 95px); width: calc(100% - 95px); } .width_column_change #cms-footer-top .col-lg-3:nth-child(1) { width: 40%; } .width_column_change #cms-footer-top .col-lg-3:nth-child(2) { width: 20%; } .width_column_change #cms-footer-top .col-lg-3:nth-child(3) { width: 20%; } .width_column_change #cms-footer-top .col-lg-3:nth-child(4) { width: 20%; } } @media screen and (min-width: 1200px) { /* ========================================================================== [Start] Medium devices (desktops, 992px and up) ========================================================================== */ } @media screen and (min-width: 992px) { /* ========================================================================== [Start] Small devices (tablets, 768px and up) ========================================================================== */ #cshero-menu-mobile { display: none !important; /* [Start] Main +-----------------------------------+ */ } .vc_row.vc_row-o-content-middle .fp-scroller > .vc_column_container, .vc_row.vc_row-o-content-middle .fp-tableCell > .vc_column_container { align-items: center; } .vc_row.vc_row-flex .fp-scroller, .vc_row.vc_row-flex .fp-scroller > .vc_column_container, .vc_row.vc_row-flex .fp-tableCell, .vc_row.vc_row-flex .fp-tableCell > .vc_column_container { display: flex; } .vc_row.vc_row-flex .fp-scroller > .vc_column_container > .vc_column-inner, .vc_row.vc_row-flex .fp-tableCell > .vc_column_container > .vc_column-inner { flex-grow: 1; display: flex; /* [Start] Footer +-----------------------------------+ */ } #cms-footer-top .cms-footer-top-item.col-lg-2 { width: 15.6667%; } #cms-footer-top .cms-footer-top-item.col-lg-2:first-child { width: 20.6667%; } } @media screen and (max-width: 991px) { .heading-resize-sm { font-size: 30px !important; line-height: 36px !important; } .container { width: 100%; } .cms-edge-wrapper { left: 0 !important; } .wpb_gallery_slides.wpb_image_grid .wpb_image_grid_ul .isotope-item { width: 50%; } #cms-footer-top .cms-footer-top-item { margin-bottom: 35px; } #cms-footer-top .cms-footer-top-item:nth-child(3) { clear: left; } .rm-padding-sm > .vc_column-inner { padding-left: 0 !important; padding-right: 0 !important; } #main .error-404 .title404 { font-size: 120px; } .cms-heading-wrapper .title-resize { font-size: 40px !important; line-height: 52px !important; } } @media (min-width: 768px) and (max-width: 991px) { /* ========================================================================== [Start] Extra small devices ========================================================================== */ .text-center-sm { text-align: center; } } @media screen and (max-width: 767px) { .cms-portfolio .cms-portfolio-image img { width: 100%; } .cms-search-wrap .cshero-search-inner { left: 15px; right: 15px; width: inherit; } .cms-search-wrap .cshero-search-inner #searchform input[type="text"] { font-size: 20px; height: 50px; } .cms-search-wrap .cshero-search-inner #searchform #searchsubmit { height: 50px; } .cms-search-wrap .cshero-search-inner #searchform > div::before { font-size: 18px; } .cms-portfolio.cms-portfolio-parallax .cms-portfolio-image { height: inherit; } .cms-portfolio.cms-portfolio-parallax .cms-portfolio-image .cms-portfolio-cover { position: static; -webkit-transform: translateZ(0px) translateY(0px) !important; -khtml-transform: translateZ(0px) translateY(0px) !important; -moz-transform: translateZ(0px) translateY(0px) !important; -ms-transform: translateZ(0px) translateY(0px) !important; -o-transform: translateZ(0px) translateY(0px) !important; transform: translateZ(0px) translateY(0px) !important; /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-portfolio.cms-portfolio-parallax .cms-portfolio-image .cms-portfolio-cover img { position: static; width: 100%; min-width: inherit; min-height: inherit; -webkit-transform: translate(0%); -khtml-transform: translate(0%); -moz-transform: translate(0%); -ms-transform: translate(0%); -o-transform: translate(0%); transform: translate(0%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-portfolio.cms-portfolio-parallax .cms-portfolio-holder { padding-top: 50px; padding-bottom: 50px; } .rm-padding-xs > .vc_column-inner { padding-left: 0 !important; padding-right: 0 !important; } #sidebar + #content.sidebar-active { margin-top: 100px; } #content.sidebar-active + #sidebar { margin-top: 90px; } .cms-carousel-wrap .dotsCont { margin: 10px -5px 0; } .cms-carousel-wrap .dotsCont .item-dot { padding: 0 5px; } .pt-xs-10 { padding-top: 10px; } #cshero-header #cshero-header-navigation { max-width: 100%; } .text-center-xs { text-align: center !important; } .cms-treatment-wrapper .w40, .cms-treatment-wrapper .w60 { width: 100%; } .cms-treatment-wrapper .w40 .cms-treatment-item-inner { margin-bottom: 16px; } .vc_tta-tabs-position-left .vc_tta-tabs-container { display: none !important; } #cms-spaprice .panel-group .panel .panel-heading .panel-title .w50 { width: 100%; } #cms-spaprice .panel-group .panel .panel-heading .panel-title .w50:nth-child(2) { padding: 13px 0; } #cms-spaprice .panel-group .panel .panel-heading .panel-title a:not(.collapsed) .w50:nth-child(2) { padding: 13px 20px; } #cms-spaprice .panel-group .panel .panel-body.image-active .panel-text { padding: 0; } #cms-spaprice .panel-group .panel .panel-body.image-active .panel-image { margin-top: 30px; max-width: inherit; min-height: 170px; position: static; width: 100%; } .rm-padding-xs > .vc_column-inner { padding-left: 15px !important; padding-right: 15px !important; } #cms-page-title .cms-page-title-inner h1 { font-size: 45px; /* Single Post */ } .single-post .post-previous-next .nav-link-prev { margin-bottom: 30px; } .single-post .post-previous-next .nav-link-prev:before { display: none; } .single-post .entry-author .admin-avt { margin-bottom: 20px; float: none; max-width: 100%; text-align: center; } .single-post .entry-author .admin-info { padding-left: 0; text-align: center; } .single-post #comments .comment-list .children { padding: 0; } #cms-content { margin-bottom: 0 !important; } .cms-footer5 { position: relative !important; z-index: 999; } } @media screen and (max-width: 480px) { #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-right { padding: 0; padding-top: 15px; } #comments .comment-list .comment-body .commetn-text { padding-left: 0; text-align: center; } .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: 100px; 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; } #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: 230px !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: #222; 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: #a8353a; } #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 */ } #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: 20px; top: 20px; 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 */ } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content .cart_list li a.remove:hover:before { background-color: #a8353a; } #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: #a8353a; 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: #a8353a; color: #fff; background-color: #a8353a; -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 */ 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: #222; border-color: #222; color: #fff; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content p.buttons .button.checkout { border: 2px solid #222; background-color: transparent; color: #222; margin-top: 10px; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content p.buttons .button.checkout:hover { background-color: #a8353a; color: #fff; border-color: #a8353a; } #cms-theme #cshero-header.header-fixed .widget_shopping_cart { top: 80px; } #cms-theme .header-5 .widget_shopping_cart, #cms-theme .header-6 .widget_shopping_cart, #cms-theme .header-5 .widget-search-header, #cms-theme .header-6 .widget-search-header { top: 111px !important; } #cms-theme .header-8 .widget_shopping_cart { top: 60px !important; right: 0; } #cms-theme .header-19 .widget_shopping_cart.open { top: 70px; } #cms-theme.woocommerce #cms-page-title, #cms-theme.woocommerce-page #cms-page-title { padding-bottom: 32px !important; } #cms-theme.woocommerce #cms-page-title .cms-page-title-inner, #cms-theme.woocommerce-page #cms-page-title .cms-page-title-inner { padding-bottom: 145px; } #cms-theme.woocommerce #cshero-header-top-woo, #cms-theme.woocommerce-page #cshero-header-top-woo { display: block; } #cms-theme.woocommerce #page-wrapper.cs-wide, #cms-theme.woocommerce-page #page-wrapper.cs-wide { background-color: #fff; /* [Start] 1. Navigation */ } #cms-theme.woocommerce .woocommerce-pagination, #cms-theme.woocommerce-page .woocommerce-pagination, #cms-theme.woocommerce .woo-nav-links, #cms-theme.woocommerce-page .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 .woo-nav-links ul, #cms-theme.woocommerce-page .woo-nav-links ul { border: none; } #cms-theme.woocommerce .woocommerce-pagination ul li, #cms-theme.woocommerce-page .woocommerce-pagination ul li, #cms-theme.woocommerce .woo-nav-links ul li, #cms-theme.woocommerce-page .woo-nav-links ul li { margin: 0 5px; border: none; } #cms-theme.woocommerce .woocommerce-pagination ul li:first-child, #cms-theme.woocommerce-page .woocommerce-pagination ul li:first-child, #cms-theme.woocommerce .woo-nav-links ul li:first-child, #cms-theme.woocommerce-page .woo-nav-links ul li:first-child { margin-left: 0; } #cms-theme.woocommerce .woocommerce-pagination ul li .page-numbers, #cms-theme.woocommerce-page .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 { border: none; border-radius: 0px; display: inline-block; height: 51px; line-height: 51px; text-align: center; width: 51px; color: #646464; font-size: 25px; background-color: #fff; padding: 0; border: 1px solid #eee; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } #cms-theme.woocommerce .woocommerce-pagination ul li .page-numbers:hover, #cms-theme.woocommerce-page .woocommerce-pagination ul li .page-numbers:hover, #cms-theme.woocommerce .woo-nav-links ul li .page-numbers:hover, #cms-theme.woocommerce-page .woo-nav-links ul li .page-numbers:hover, #cms-theme.woocommerce .woocommerce-pagination ul li .page-numbers.current, #cms-theme.woocommerce-page .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 { background-color: #a8353a; color: #fff; border-color: #a8353a; } #cms-theme.woocommerce .woocommerce-pagination ul li .page-numbers + .page-numbers, #cms-theme.woocommerce-page .woocommerce-pagination ul li .page-numbers + .page-numbers, #cms-theme.woocommerce .woo-nav-links ul li .page-numbers + .page-numbers, #cms-theme.woocommerce-page .woo-nav-links ul li .page-numbers + .page-numbers { margin-left: 10px; } #cms-theme.woocommerce .woocommerce-pagination ul li .page-numbers.next, #cms-theme.woocommerce-page .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 .woocommerce-pagination ul li .page-numbers.prev, #cms-theme.woocommerce-page .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 { font-size: 0; } #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 .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 .woocommerce-pagination ul li .page-numbers.prev:before, #cms-theme.woocommerce-page .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 { content: '\f177'; font-family: FontAwesome; font-size: 20px; } #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 .woo-nav-links ul li .page-numbers.next:before, #cms-theme.woocommerce-page .woo-nav-links ul li .page-numbers.next:before { content: '\f178'; } #cms-theme.woocommerce .woo-nav-links, #cms-theme.woocommerce-page .woo-nav-links { padding-top: 24px; /* [End] 1. Navigation */ /* [Start] 2. Button */ } #cms-theme.woocommerce .woo-nav-links li, #cms-theme.woocommerce-page .woo-nav-links li { display: inline-block; } #cms-theme.woocommerce input#submit, #cms-theme.woocommerce-page input#submit, #cms-theme.woocommerce .button, #cms-theme.woocommerce-page .button, #cms-theme.woocommerce button input[type="submit"], #cms-theme.woocommerce-page button input[type="submit"], #cms-theme.woocommerce .added_to_cart, #cms-theme.woocommerce-page .added_to_cart { border: 2px solid #a8353a; background-color: #a8353a; border-color: #a8353a; border-radius: 0; color: #fff; font-size: 13px; line-height: 1; margin: 0; padding: 13px 20px; position: relative; font-weight: 600; letter-spacing: 0.02em; text-transform: uppercase; } #cms-theme.woocommerce input#submit i, #cms-theme.woocommerce-page input#submit i, #cms-theme.woocommerce .button i, #cms-theme.woocommerce-page .button i, #cms-theme.woocommerce button input[type="submit"] i, #cms-theme.woocommerce-page button input[type="submit"] i, #cms-theme.woocommerce .added_to_cart i, #cms-theme.woocommerce-page .added_to_cart i { padding-right: 8px; position: relative; top: 1px; } #cms-theme.woocommerce .added_to_cart:hover, #cms-theme.woocommerce-page .added_to_cart:hover, #cms-theme.woocommerce .added_to_cart:focus, #cms-theme.woocommerce-page .added_to_cart:focus, #cms-theme.woocommerce button:hover, #cms-theme.woocommerce-page button:hover, #cms-theme.woocommerce .button:hover, #cms-theme.woocommerce-page .button:hover, #cms-theme.woocommerce input[type="submit"]:hover, #cms-theme.woocommerce-page input[type="submit"]:hover, #cms-theme.woocommerce button:focus, #cms-theme.woocommerce-page button:focus, #cms-theme.woocommerce .button:focus, #cms-theme.woocommerce-page .button:focus, #cms-theme.woocommerce input[type="submit"]:focus, #cms-theme.woocommerce-page input[type="submit"]:focus { outline: medium none; text-decoration: none; color: #fff; background-color: #7f2429; border-color: #7f2429; } #cms-theme.woocommerce input#submit, #cms-theme.woocommerce-page input#submit { background-color: #323232; color: #fff; border-color: #323232; } #cms-theme.woocommerce input#submit:hover, #cms-theme.woocommerce-page input#submit:hover, #cms-theme.woocommerce input#submit:focus, #cms-theme.woocommerce-page input#submit:focus { background-color: #a8353a; border-color: #a8353a; color: #fff !important; } #cms-theme.woocommerce select, #cms-theme.woocommerce-page select { -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 */ border: 1px solid #eee; color: #b8b8b8; height: 47px; line-height: 47px; outline: medium none; padding: 0 10px; } #cms-theme.woocommerce .select2-container--default, #cms-theme.woocommerce-page .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 { -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 */ 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 { 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 { 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-search--dropdown .select2-search__field, #cms-theme.woocommerce-page .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 { /* [End] 3. Sidebar */ /* [Start] 4. Archive Product */ } #cms-theme.woocommerce .widget_price_filter .ui-slider, #cms-theme.woocommerce-page .widget_price_filter .ui-slider { background-color: #efefef; margin-bottom: 32px; } #cms-theme.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, #cms-theme.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle { background-color: #323232; top: -2px; height: 8px; width: 8px; margin: 0; -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 */ } #cms-theme.woocommerce .widget_price_filter .price_slider_amount .price_label, #cms-theme.woocommerce-page .widget_price_filter .price_slider_amount .price_label { color: #323232; font-size-adjust: inherit; padding: 8px 0; } #cms-theme.woocommerce .woocommerce-result-count, #cms-theme.woocommerce-page .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 { position: relative; display: inline-block; } #cms-theme.woocommerce .form-effect form, #cms-theme.woocommerce-page .form-effect form { margin: 0; } #cms-theme.woocommerce .form-effect form select, #cms-theme.woocommerce-page .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 { padding: 5px 10px; } #cms-theme.woocommerce .form-effect form select option:hover, #cms-theme.woocommerce-page .form-effect form select option:hover { background-color: #e5e5e5; } #cms-theme.woocommerce .form-effect .arrow-down, #cms-theme.woocommerce-page .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 { float: left; } #cms-theme.woocommerce .cms-product-meta, #cms-theme.woocommerce-page .cms-product-meta { display: none; } #cms-theme.woocommerce .products, #cms-theme.woocommerce-page .products { margin-left: -15px; margin-right: -15px; } #cms-theme.woocommerce .products li, #cms-theme.woocommerce-page .products li, #cms-theme.woocommerce .products .owl-item, #cms-theme.woocommerce-page .products .owl-item { 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 .owl-item.last, #cms-theme.woocommerce-page .products .owl-item.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 .owl-item:nth-child(3n+1), #cms-theme.woocommerce-page .products .owl-item:nth-child(3n+1) { clear: left; } #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 .owl-item .cshere-woo-item-wrap .cshero-woo-image, #cms-theme.woocommerce-page .products .owl-item .cshere-woo-item-wrap .cshero-woo-image { background-color: #f4f4f4; position: relative; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } #cms-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 .owl-item .cshere-woo-item-wrap .cshero-woo-image img, #cms-theme.woocommerce-page .products .owl-item .cshere-woo-item-wrap .cshero-woo-image img { margin-bottom: 0; padding: 30px; } #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 .owl-item .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart, #cms-theme.woocommerce-page .products .owl-item .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all 260ms ease 0ms; -moz-transition: all 260ms ease 0ms; -ms-transition: all 260ms ease 0ms; transition: all 260ms ease 0ms; background-color: rgba(168, 53, 58, 0.95); opacity: 0; } #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 .owl-item .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a, #cms-theme.woocommerce-page .products .owl-item .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a { background-color: transparent; border: medium none; color: #fff; display: inline-block; left: 0; margin: auto; max-width: 150px; padding: 10px; position: absolute; right: 0; text-align: center; top: 50%; -webkit-transform: translate(0, -50%) scale(0); -khtml-transform: translate(0, -50%) scale(0); -moz-transform: translate(0, -50%) scale(0); -ms-transform: translate(0, -50%) scale(0); -o-transform: translate(0, -50%) scale(0); transform: translate(0, -50%) scale(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ opacity: 0; } #cms-theme.woocommerce .products li .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a.add_to_cart_button.added, #cms-theme.woocommerce-page .products li .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a.add_to_cart_button.added, #cms-theme.woocommerce .products .owl-item .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a.add_to_cart_button.added, #cms-theme.woocommerce-page .products .owl-item .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a.add_to_cart_button.added { display: none; } #cms-theme.woocommerce .products li .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a:hover, #cms-theme.woocommerce-page .products li .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a:hover, #cms-theme.woocommerce .products .owl-item .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a:hover, #cms-theme.woocommerce-page .products .owl-item .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a:hover { border-color: #a8353a; background-color: #a8353a !important; color: #fff; } #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 .owl-item .cshere-woo-item-wrap .cshero-woo-image:hover .cshero-add-to-cart, #cms-theme.woocommerce-page .products .owl-item .cshere-woo-item-wrap .cshero-woo-image:hover .cshero-add-to-cart { opacity: 1; left: 30px; top: 30px; right: 30px; bottom: 30px; } #cms-theme.woocommerce .products li .cshere-woo-item-wrap .cshero-woo-image:hover .cshero-add-to-cart a, #cms-theme.woocommerce-page .products li .cshere-woo-item-wrap .cshero-woo-image:hover .cshero-add-to-cart a, #cms-theme.woocommerce .products .owl-item .cshere-woo-item-wrap .cshero-woo-image:hover .cshero-add-to-cart a, #cms-theme.woocommerce-page .products .owl-item .cshere-woo-item-wrap .cshero-woo-image:hover .cshero-add-to-cart a { opacity: 1; -webkit-transform: translate(0, -50%) scale(1); -khtml-transform: translate(0, -50%) scale(1); -moz-transform: translate(0, -50%) scale(1); -ms-transform: translate(0, -50%) scale(1); -o-transform: translate(0, -50%) scale(1); transform: translate(0, -50%) scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } #cms-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 .owl-item .cshere-woo-item-wrap .cshero-woo-meta, #cms-theme.woocommerce-page .products .owl-item .cshere-woo-item-wrap .cshero-woo-meta { padding: 22px 0 10px; 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 .owl-item .cshere-woo-item-wrap .cshero-woo-meta .star-rating, #cms-theme.woocommerce-page .products .owl-item .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, #cms-theme.woocommerce-page .products li .cshere-woo-item-wrap .cshero-woo-meta .posted_in, #cms-theme.woocommerce .products .owl-item .cshere-woo-item-wrap .cshero-woo-meta .posted_in, #cms-theme.woocommerce-page .products .owl-item .cshere-woo-item-wrap .cshero-woo-meta .posted_in { font-family: Lora; } #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 .owl-item .cshere-woo-item-wrap .cshero-woo-meta .posted_in a, #cms-theme.woocommerce-page .products .owl-item .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 .owl-item .cshere-woo-item-wrap .cshero-woo-meta .posted_in a:hover, #cms-theme.woocommerce-page .products .owl-item .cshere-woo-item-wrap .cshero-woo-meta .posted_in a:hover { color: #a8353a; } #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 .owl-item .cshere-woo-item-wrap .cshero-woo-meta .content, #cms-theme.woocommerce-page .products .owl-item .cshere-woo-item-wrap .cshero-woo-meta .content { display: none; } #cms-theme.woocommerce .product .onsale, #cms-theme.woocommerce-page .product .onsale { -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 */ font-weight: 700; right: 20px; line-height: 50px; margin: 0; min-height: 0; padding: 0; text-transform: uppercase; top: 20px; background-color: #a8353a; font-size: 12px; width: 50px; height: 50px; left: inherit; z-index: 1; } #cms-theme.woocommerce .product .amount, #cms-theme.woocommerce-page .product .amount { font-weight: normal; font-size: 17px; color: #9b9b9b; font-weight: 600; } #cms-theme.woocommerce .product del .amount, #cms-theme.woocommerce-page .product del .amount { font-weight: normal; font-size: 13px; color: #a9a9a9; } #cms-theme.woocommerce .star-rating, #cms-theme.woocommerce-page .star-rating { margin: 6px 26px 0; height: 16px; } #cms-theme.woocommerce .star-rating:before, #cms-theme.woocommerce-page .star-rating:before { color: #a8353a; } #cms-theme.woocommerce .star-rating span::before, #cms-theme.woocommerce-page .star-rating span::before { color: #a8353a; } #cms-theme.woocommerce .cms-product-layout, #cms-theme.woocommerce-page .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 { background-color: #a8353a; 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.active, #cms-theme.woocommerce-page .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 { margin-left: 3px; } #cms-theme.woocommerce .pr-full-width, #cms-theme.woocommerce-page .pr-full-width { float: none; margin: auto; width: 100%; } #cms-theme.woocommerce .pr-full-width .cshere-woo-item-wrap .cshero-woo-meta .cshero-add-to-cart a, #cms-theme.woocommerce-page .pr-full-width .cshere-woo-item-wrap .cshero-woo-meta .cshero-add-to-cart a { display: inline-block; } #cms-theme.woocommerce .pr-full-width .products li.product, #cms-theme.woocommerce-page .pr-full-width .products li.product { width: 25%; clear: none; } #cms-theme.woocommerce .pr-full-width .products li.product:nth-child(4n+1), #cms-theme.woocommerce-page .pr-full-width .products li.product:nth-child(4n+1) { clear: left; } #cms-theme.woocommerce #sidebar, #cms-theme.woocommerce-page #sidebar { margin-bottom: 100px; } #cms-theme.woocommerce del, #cms-theme.woocommerce-page del { opacity: 1; filter: alpha(opacity=1); color: ; } #cms-theme.woocommerce .woocommerce-message, #cms-theme.woocommerce-page .woocommerce-message { border-top: 3px solid #a8353a; /* [End] 4. Archive Product */ } #cms-theme.woocommerce .woocommerce-message:before, #cms-theme.woocommerce-page .woocommerce-message:before { color: #a8353a; } #cms-theme.woocommerce .quantity, #cms-theme.woocommerce-page .quantity { position: relative; margin-right: 10px; width: 115px; } #cms-theme.woocommerce .quantity .qty, #cms-theme.woocommerce-page .quantity .qty { border: 1px solid #eee; border-radius: 0; background-color: transparent; font-size: 13px; letter-spacing: 0.05em; text-transform: uppercase; color: #595959; height: 47px; width: 115px; padding: 12px 22px; text-indent: 10px; -webkit-appearance: none; -khtml-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } #cms-theme.woocommerce .quantity .minus, #cms-theme.woocommerce-page .quantity .minus, #cms-theme.woocommerce .quantity .plus, #cms-theme.woocommerce-page .quantity .plus { display: block; height: 28px; width: 28px; background: url(../images/plus.jpg) no-repeat; cursor: pointer; position: absolute; top: 9px; right: 10px; } #cms-theme.woocommerce .quantity .minus, #cms-theme.woocommerce-page .quantity .minus { background: url(../images/minus.jpg) no-repeat; right: inherit; left: 10px; } #cms-theme table.shop_table { -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 */ } #cms-theme table.shop_table th { color: #222; } #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 table.variations label { color: #222; font-size: 14px; margin: 0 10px; padding: 18px 0; } #cms-theme.single-product .single_variation_wrap .woocommerce-variation-price { margin-bottom: 20px; } #cms-theme.single-product .single_variation_wrap .woocommerce-variation-price span.price { font-size: 20px; } #cms-theme.single-product .pr-single-product .cs-product-wrap { position: relative; margin-bottom: 40px; } #cms-theme.single-product .pr-single-product .cs-product-wrap .onsale { -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 */ font-weight: 700; right: 20px; line-height: 50px; margin: 0; min-height: 0; padding: 0; text-transform: uppercase; top: 20px; background-color: #a8353a; font-size: 12px; width: 50px; height: 50px; left: inherit; z-index: 1; } #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 h3.product_title { margin-bottom: 0; } #cms-theme.single-product .pr-single-product .cs-product-wrap .entry-summary .pr-price-rating .woo-price { font-size: 18px; font-weight: 600; } #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; } #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: #a8353a; } #cms-theme.single-product .pr-single-product .cs-product-wrap .woocommerce-product-gallery .woocommerce-product-gallery__trigger:after { background-color: #a8353a; } #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 */ } #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: #a8353a; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ color: #fff; font-size: 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: #7f2429; } #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 */ } #cms-theme.single-product .pr-single-product .woocommerce-tabs .tabs li a { background-color: transparent; border-right: 1px solid #eee; color: #323232; font-size: 14px; font-weight: 600; 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: #a8353a; } #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 */ 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: #a8353a; } #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: #7f2429; } #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: #a8353a; } #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 */ 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: #222; } #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 */ } #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 */ 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 */ /* TRANSFORM STYLE */ } #cms-theme.woocommerce-cart .cms-shop-table td.product-name .cart-product-holder a.remove:hover { background-color: #a8353a; } #cms-theme.woocommerce-cart .cms-shop-table td.product-name .cart-product-holder .cms-product-title { font-size: 16px; font-weight: 700; color: #222; 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: #a8353a; } #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: #a8353a; 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: #222; background-color: #222; margin-right: 6px; } #cms-theme.woocommerce-cart .cms-shop-table .cart-action-wrap .checkout-button:hover { border-color: #a8353a; background-color: #a8353a; } #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: #a8353a; } #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 */ 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: #a8353a; 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 */ 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 */ 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: #a8353a; text-transform: uppercase; } #cms-theme.woocommerce-checkout .woocommerce-checkout-review-order-table td:first-child { font-size: 14px; font-weight: 700; color: #222; } #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: #222; } #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 */ 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 */ 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: #222; } #cms-theme.woocommerce-account #customer_login .woocommerce-form-login .lost_password a:hover { color: #a8353a; } #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: #a8353a; 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 */ /* TRANSFORM STYLE */ } #cms-theme.woocommerce-account .woocommerce-MyAccount-navigation li a:hover { color: #a8353a; } #cms-theme.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { color: #a8353a; } #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 */ 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: #a8353a; -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 */ } #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 */ } #cms-theme .widget_price_filter .price_slider_wrapper .price_slider_amount button { background-color: transparent; border-color: #7f2429; color: #7f2429; } #cms-theme .widget_price_filter .price_slider_wrapper .price_slider_amount button:hover { background-color: #a8353a; border-color: #a8353a; color: #fff; } #cms-theme .cshero-product-category { font-size: 13px; color: #333; font-family: 'Droidserif Italic'; } #cms-theme .cshero-product-category a { color: #333; } #cms-theme .cshero-product-category a:hover { color: #a8353a; } #cms-theme .cshero-product-title h3, #cms-theme h3.product_title { font-size: 18px; font-weight: 600; line-height: 26px; padding: 4px 0 10px; } #cms-theme .cshero-product-title h3 a, #cms-theme h3.product_title a { color: #222; } #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: #a8353a; } #cms-theme h3.product_title { font-size: 18px; } #cms-theme.single-product .woo-nav-links { margin-bottom: 65px !important; /* Relate Item Product */ } #cms-theme .cms-related-heading + .products { margin: 0 !important; } #cms-theme .cms-related-heading .wg-title { font-size: 14px; } #cms-theme #related-product-carousel .owl-item { padding: 0 !important; margin-bottom: 0; clear: inherit; } #cms-theme #related-product-carousel .owl-item:nth-child(3n+1) { clear: inherit; } #cms-theme #related-product-carousel .cshero-product-title h3 { margin-bottom: 0; } @media screen and (max-width: 991px) { #cms-theme.woocommerce .pr-full-width .products li.product, #cms-theme.woocommerce-page .pr-full-width .products li.product, #cms-theme.woocommerce .products li, #cms-theme.woocommerce-page .products li, #cms-theme.woocommerce .products .owl-item, #cms-theme.woocommerce-page .products .owl-item { width: 50%; } #cms-theme.woocommerce .pr-full-width .products li.product:nth-child(2n+1), #cms-theme.woocommerce-page .pr-full-width .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 .owl-item:nth-child(2n+1), #cms-theme.woocommerce-page .products .owl-item:nth-child(2n+1) { clear: left; } #cms-theme.woocommerce .pr-full-width .products li.product:nth-child(3n+1), #cms-theme.woocommerce-page .pr-full-width .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 .owl-item:nth-child(3n+1), #cms-theme.woocommerce-page .products .owl-item:nth-child(3n+1) { clear: initial; } } @media screen and (max-width: 480px) { #cms-theme.woocommerce .pr-full-width .products li.product, #cms-theme.woocommerce-page .pr-full-width .products li.product, #cms-theme.woocommerce .products li, #cms-theme.woocommerce-page .products li, #cms-theme.woocommerce .products .owl-item, #cms-theme.woocommerce-page .products .owl-item { width: 100%; } #cms-theme.woocommerce .pr-full-width .products li.product:nth-child(n+1), #cms-theme.woocommerce-page .pr-full-width .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 .owl-item:nth-child(n+1), #cms-theme.woocommerce-page .products .owl-item:nth-child(n+1) { clear: left; } #cms-theme.woocommerce .pr-full-width .products li.product:nth-child(2n+1), #cms-theme.woocommerce-page .pr-full-width .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 .owl-item:nth-child(2n+1), #cms-theme.woocommerce-page .products .owl-item:nth-child(2n+1) { clear: initial; } }