/* ------------------------------------------------------------- Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER ENDING css files note: All CSS3 Properties are being supported by Safari 5 more info: http://www.findmebyip.com/litmus/#css3-properties Mixins available: - css3-prefix - arguments: Property, Value - background-gradient - arguments: Start Color: #3C3C3C, End Color: #999999 - background-horizontal - arguments: Start Color: #3C3C3C, End Color: #999999 - background-radial - arguments: Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100% - background-size - arguments: Width: 100%, Height: 100% - background-opacity - arguments: Color: #000, Opacity: .85 - border-radius - arguments: Radius: 5px - border-radius-separate - arguments: Top Left: 5px, Top Right: 5px, Bottom Left: 5px, Bottom Right: 5px - box - arguments: Orientation: horizontal, Pack: center, Align: center - box-rgba - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C - box-shadow - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) - box-sizing - arguments: Type: border-box - columns - arguments: Count: 3, Gap: 10 - double-borders - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0 - flex - arguments: Value: 1 - flip - arguments: ScaleX: -1 - font-face - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf - opacity - arguments: Opacity: 0.5 - outline radius - arguments: Radius: 5px - resize - arguments: Direction: both - rotate - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0 CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html - text-shadow - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) - transform - arguments: Parameters: null - transform-style - arguments: Style: preserve-3d - transition - Default arguments: What: all, Length: 1s, Easing: ease-in-out - - - triple-borders - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0 - keyframes - arguments: Animation name - content: Animation css - animation - arguments: name duration timing-function delay iteration-count direction fill-mode play-state (http://www.w3schools.com/cssref/css3_pr_animation.asp) ------------------------------------------------------------- */ /* ADDS A BROWSER PREFIX TO THE PROPERTY */ /* ========================================================================== Style Button ========================================================================== */ /*------------------------------------------------------------------ [Table of contents] 1. Blog Classic 2. Post Classic 3. Navigation 4. Single Services 4. Single Project 5. Single Teams -------------------------------------------------------------------*/ /* Comment */ /*------------------------------------------------------------------ [All Style Shortcode] 1. Shortcode Social 2. Heading 3. Blockquote 4. List 5. Tab 6. CMS Progressbar 7. CMS Client 8. CMS Testimonial 9. CMS Counter 10. CMS Pricing 11. CMS Fancybox 12. CMS Gird 13. CMS Countdown 14. CMS Call To Action 15. CMS Projects 16. CMS Shop 17. CMS Section Feature 18. CMS Overview 19. CMS Process 20. CMS Careers 21. CMS Partner 22. CMS Case -------------------------------------------------------------------*/ /* CMS Grid Column */ /* Responsive Column VC */ /* ========================================================================== [Start] All Style Footer Top & Footer Bottom ========================================================================== */ /* ========================================================================== [Start] All Style Form ========================================================================== */ /* ========================================================================== [Start] All style header /* 1. Header Main 2. Search Popup 3. Hidden Sidebar ========================================================================== */ /* ========================================================================== [Start] 2. Search Nav ========================================================================== */ /*------------------------------------------------------------------ [Main of contents] 1. Reset HTML/CSS, Unitest, Body 2. Page Title 3. Primary 3. Footer -------------------------------------------------------------------*/ /* ========================================================================== [Start] 1. Reset HTML/CSS, Unitest, Body, @Extend ========================================================================== */ /*------------------------------------------------------------------ [Woo of contents] 1. Navigation 2. Typo 3. Sidebar 4. Archive Product 5. Single Product 6. Cart Search -------------------------------------------------------------------*/ /* ========================================================================== Style Main Menu ========================================================================== */ /* -----> Minimum width of 992 pixels. */ /*------------------------------------------------------------------ [All Style Widget] 1. Social + Contact Top 2. Flickr 3. Search Top 4. Tag 5. Recent post -------------------------------------------------------------------*/ /* 1. Social */ /* CMS Grid Column */ /* Responsive Column VC */ .layout-services.services-layout5 .bg-overlay { background-color: rgba(69, 130, 37, 0.9); } .overlay-primary-color .overlay-color { background-color: rgba(69, 130, 37, 0.95); } .overlay-primary-color2 .overlay-color { background-color: rgba(69, 130, 37, 0.75); } .btn, button, .button, input[type="submit"] { border: 2px solid #282828; border-radius: 0; color: #222; font-size: 13px; line-height: 1; margin: 0; padding: 17px 26px; position: relative; text-transform: uppercase; font-weight: 700; background-color: transparent; letter-spacing: 0.02em; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .btn:hover, button:hover, .button:hover, input[type="submit"]:hover, .btn:focus, button:focus, .button:focus, input[type="submit"]:focus { outline: medium none; text-decoration: none; color: #fff; background-color: #222; border-color: #222; } .btn i { padding-left: 10px; } .btn.btn-lg { padding: 17px 46px; } .btn.btn-md { padding: 17px 36px; } .btn.btn-xs { padding: 12px 13px; } .btn.btn-block { display: block; } .btn.btn-primary { background-color: #458225; border-color: #458225; color: #fff; } .btn.btn-primary:hover { background-color: #222; border-color: #222; color: #fff; } .btn.btn-secondary { background-color: #222; border-color: #222; color: #fff; } .btn.btn-secondary:hover { background-color: #458225; border-color: #458225; color: #fff; } .btn.btn-dark { background-color: #222; border-color: #222; color: #fff; } .btn.btn-dark:hover { background-color: #458225; border-color: #458225; color: #fff; } .btn.btn-default-white { background-color: #fff; color: #222; border-color: #fff; } .btn.btn-default-white:hover, .btn.btn-default-white:focus { border-color: #222; color: #fff; background-color: #222; } .btn.btn-primary-white { background-color: #fff; color: #222; border-color: #fff; } .btn.btn-primary-white:hover, .btn.btn-primary-white:focus { border-color: #458225; color: #fff; background-color: #458225; } .btn.btn-default-white-alt { border-color: #fff; color: #fff; } .btn.btn-default-white-alt:hover { border-color: #222; color: #fff; background-color: #222; } .btn.btn-primary-white-alt { border-color: #fff; color: #fff; } .btn.btn-primary-white-alt:hover { border-color: #458225; color: #fff; background-color: #458225; } .btn.btn-text-default { border: none; padding: 0; } .btn.btn-text-default:hover, .btn.btn-text-default:focus { background-color: transparent; color: #458225; } .btn.btn-text-white { border: none; padding: 0; color: #fff; } .btn.btn-text-white:hover, .btn.btn-text-white:focus { background-color: transparent; color: #458225; } .cms-button-wrapper a:nth-child(2) { margin-left: 18px; } .rev_slider_wrapper { /* ========================================================================== End Style Button ========================================================================== */ } .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-primary { -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); } .rev_slider_wrapper .btn.btn-primary:hover { background-color: #fff; color: #222; border-color: #fff; } .rev_slider_wrapper .btn.btn-default-alt { -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); } .rev_slider_wrapper .btn.btn-default-alt:hover { color: #fff; border-color: #458225; background-color: #458225; } .rev_slider_wrapper .btn.btn.btn-primary-white-alt:hover { background-color: #fff; color: #222; border-color: #fff; } .rev_slider_wrapper .btn.btn-default-white { padding-left: 56px; padding-right: 56px; } .rev_slider_wrapper .btn.btn-default-white:hover { background-color: transparent; border-color: #fff; color: #fff; } .rev_slider_wrapper .text-right { display: block; } .rev_slider_wrapper .btn-cpace { margin: 0 8px !important; } .hidden-more-link .more-link { display: none; } .mfp-close:hover { background-color: transparent !important; color: !important; } .tr-overlay { background-color: rgba(255, 255, 255, 0); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#282828)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #282828); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #282828); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), #282828); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), #282828); background-image: linear-gradient(top, rgba(255, 255, 255, 0), #282828); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(255, 255, 255, 0)', endColorStr='#282828'); /* BACKGROUND HORIZONTAL */ bottom: 0; height: 50%; left: 0; position: absolute; 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; } .carousel .carousel-control { background: transparent; bottom: 26px; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ 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; opacity: 0; } .carousel .carousel-control.left { left: 15px; right: 70px; } .carousel .carousel-control:hover { color: #458225; border-color: #458225; } .carousel:hover .carousel-control.left { left: 50px; opacity: 1; } .carousel:hover .carousel-control.right { right: 50px; opacity: 1; } #page-blog-standard { /* ========================================================================== [Start] 1. Blog Classic ========================================================================== */ } #page-blog-standard #primary { margin-bottom: 80px; } #page-blog-standard .pagination { margin: 0; } #cms-theme.page-template-blog-standard #page-wrapper.cs-wide, #cms-theme.single-post #page-wrapper.cs-wide, #cms-theme.archive #page-wrapper.cs-wide { background-color: #f9f9f9; } .entry-title { font-size: 25px; line-height: 28px; font-weight: normal; } .entry-readmore a { color: #333; font-size: 13px; font-weight: 700; text-transform: uppercase; } .entry-readmore a:hover { color: #458225; } .entry-readmore a i { padding-right: 5px; } .entry-blog { background-color: #fff; border-width: 0 1px 1px 1px; border-style: solid; border-color: #eee; padding: 0 30px 30px 30px; margin-top: 30px; margin-bottom: 80px; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); -webkit-border-radius: 0 0 3px 3px; -khtml-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; /* BACKGROUND GRADIENT */ /* ========================================================================== [End] 1. Blog Classic ========================================================================== */ /* ========================================================================== [Start] 2. Single Post ========================================================================== */ } .entry-blog .entry-header { position: relative; top: -30px; } .entry-blog .entry-header img { -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; /* BACKGROUND GRADIENT */ } .entry-blog .entry-header .blog-icon { position: absolute; width: 49px; height: 49px; font-size: 18px; color: #fff; line-height: 49px; background-color: #282828; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ text-align: center; bottom: 30px; left: 30px; } .entry-blog .entry-content .blog-detail { font-size: 13px; color: #616161; font-weight: 500; text-transform: uppercase; position: relative; top: -6px; margin-bottom: 3px; } .entry-blog .entry-content .blog-detail li { display: inline-block; padding-right: 4px; } .entry-blog .entry-content .blog-detail li a { color: #458225; } .entry-blog .entry-content .blog-detail li a:hover { color: #222; } .entry-blog .entry-content .blog-detail li.comment a { color: #616161; } .entry-blog .entry-content .blog-detail li.comment a:hover { color: #458225; } .entry-blog .entry-content .blog-detail li:after { color: #d5d5d5; content: "/"; padding-left: 10px; } .entry-blog .entry-content .blog-detail li:last-child:after { content: ""; } .entry-blog .entry-content .entry-title { margin-bottom: 18px; } .entry-blog .entry-content .entry-readmore { margin-top: 16px; } .single-post .entry-blog { margin-bottom: 30px; padding-bottom: 0; border-bottom: none; } .single-post .entry-blog .entry-content { padding-bottom: 24px; } .single-post .entry-blog .entry-content .entry-content-inner { padding-top: 8px; } .single-post .entry-blog .social-shared { margin-top: 23px; padding-top: 23px; border-top: 2px solid #efefef; } .single-post .entry-blog .social-shared li { display: inline-block; margin: 0 8px; } .single-post .entry-blog .social-shared li a { font-size: 14px; color: #5d5d5d; } .single-post .entry-blog .social-shared li a:hover { color: #458225; } .single-post .entry-blog .social-shared li:first-child { margin-left: 0; } .single-post .entry-blog .social-shared li:first-child span { color: #222; font-size: 14px; font-weight: 700; letter-spacing: 0.06em; } .single-post .entry-blog .entry-content .entry-title { margin-bottom: 10px; } .single-post .entry-author { margin-top: 30px; background-color: #fff; border-width: 0 1px 1px 1px; border-style: solid; border-color: #eee; padding: 25px 30px 30px 30px; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); -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 */ } .single-post .entry-author .cms-title, .single-post .entry-author #comments #reply-title, #comments .single-post .entry-author #reply-title, .single-post .entry-author #comments .comments-title, #comments .single-post .entry-author .comments-title, .single-post .entry-author #sidebar .widget-title, #sidebar .single-post .entry-author .widget-title, .single-post .entry-author .wpb_widgetised_column .widget-title, .wpb_widgetised_column .single-post .entry-author .widget-title, .single-post .entry-author .sg-services-sidebar .widget-title, .sg-services-sidebar .single-post .entry-author .widget-title, .single-post .entry-author .sidebar-post-type .widget-title, .sidebar-post-type .single-post .entry-author .widget-title, .single-post .entry-author #sidebar .wg-title, #sidebar .single-post .entry-author .wg-title, .single-post .entry-author .wpb_widgetised_column .wg-title, .wpb_widgetised_column .single-post .entry-author .wg-title, .single-post .entry-author .sg-services-sidebar .wg-title, .sg-services-sidebar .single-post .entry-author .wg-title, .single-post .entry-author .sidebar-post-type .wg-title, .sidebar-post-type .single-post .entry-author .wg-title, .single-post .entry-author #cms-theme .cms-related-heading .wg-title, #cms-theme .cms-related-heading .single-post .entry-author .wg-title { margin-bottom: 20px; } .single-post .entry-author .admin-avt { max-width: 90px; float: left; } .single-post .entry-author .admin-avt img { width: 100%; -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 */ margin-top: 8px; } .single-post .entry-author .admin-info { padding-left: 120px; position: relative; } .single-post .entry-author .admin-des ul li { display: inline-block; padding-right: 20px; } .single-post .entry-author .admin-des ul li a { color: #5e5e5e; font-size: 15px; } .single-post .entry-author .admin-des ul li a:hover { color: #458225; } .single-post .entry-author .cms-author-social { padding-top: 9px; } .single-post .post-navigation { background-color: #fff; border-width: 0 1px 1px 1px; border-style: solid; border-color: #eee; padding: 30px 30px 22px; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); -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 */ } .single-post .post-navigation .nav-link-prev a, .single-post .post-navigation .nav-link-next a { display: inline-block; width: 100%; } .single-post .post-navigation .nav-link-prev a img, .single-post .post-navigation .nav-link-next a img { max-width: 50px; float: left; -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 */ } .single-post .post-navigation .nav-link-prev a .nav-inner, .single-post .post-navigation .nav-link-next a .nav-inner { padding-left: 65px; padding-right: 30px; position: relative; top: -6px; } .single-post .post-navigation .nav-link-prev a .nav-inner span, .single-post .post-navigation .nav-link-next a .nav-inner span { font-size: 13px; line-height: 1; color: #b8b8b8; } .single-post .post-navigation .nav-link-prev a h3, .single-post .post-navigation .nav-link-next a h3 { font-size: 14px; line-height: 22px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; margin-bottom: 0; } .single-post .post-navigation .nav-link-prev a:hover, .single-post .post-navigation .nav-link-next a:hover { border-color: #458225; } .single-post .post-navigation .nav-link-prev a:hover h3, .single-post .post-navigation .nav-link-next a:hover h3 { color: #458225; } .single-post .post-navigation .nav-link-next a img { float: right; } .single-post .post-navigation .nav-link-next a .nav-inner { padding-left: 30px; padding-right: 65px; border-left: 1px solid #e8e8e8; } .single-post .single-post-wrap { margin-bottom: 100px; } .cms-related-post { background-color: #fff; border-width: 0 1px 1px 1px; border-style: solid; border-color: #eee; padding: 25px 30px; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ margin-top: 30px; /* ========================================================================== [End] 2. Single Post ========================================================================== */ /* ========================================================================== [Start] 3. Navigation ========================================================================== */ } .cms-related-post .item .item-inner { position: relative; overflow: hidden; } .cms-related-post .item .item-inner img { -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; /* BACKGROUND GRADIENT */ margin-bottom: 10px; } .cms-related-post .item .item-inner .detail-date { font-size: 13px; color: #616161; font-weight: 500; text-transform: uppercase; } .cms-related-post .item .item-inner .title { font-size: 15px; line-height: 24px; font-weight: normal; padding-top: 2px; margin-bottom: 0; } .cms-related-post .item .item-inner .title a { color: #282828; } .cms-related-post .item .item-inner .title a:hover { color: #458225; } .pagination { margin-top: 0; margin-bottom: 80px; width: 100%; text-align: center; /* ========================================================================== [End] 3. Navigation ========================================================================== */ /* ========================================================================== [Start] 4. Single Services ========================================================================== */ } .pagination .page-numbers { border: none; border-radius: 0px; display: inline-block; height: 51px; line-height: 51px; text-align: center; width: 51px; color: #333; font-size: 20px; font-weight: 700; background-color: #f4f4f4; } .pagination .page-numbers:hover, .pagination .page-numbers.current { background-color: #458225; color: #fff; } .pagination .page-numbers + .page-numbers { margin-left: 10px; } .single-services #page-title.br-style6 .text-center { text-align: left; } .single-services .cms-cta-wrapper { background-color: #458225; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; } .single-services .cms-cta-wrapper:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; } .single-services .cms-cta-wrapper .cms-cta-content .title { border-bottom-color: #fff; } .single-services .single-services-wrap .wpb_images_carousel { position: relative; } .single-services .single-services-wrap .wpb_images_carousel .vc_carousel-control { height: 60px; width: 60px; text-align: center; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; position: absolute; top: 50%; left: 30px; background-color: transparent; margin: 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 */ } .single-services .single-services-wrap .wpb_images_carousel .vc_carousel-control span { background-color: transparent; border: none; margin: 0; position: static; height: inherit; width: inherit; padding: 0; margin: 0; } .single-services .single-services-wrap .wpb_images_carousel .vc_carousel-control span:before { height: 60px; width: 34px; background-color: rgba(27, 26, 26, 0.95); position: absolute; top: 0; left: 0; content: ""; z-index: 0; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .single-services .single-services-wrap .wpb_images_carousel .vc_carousel-control span:after { background-image: url(../images/slide-arrow-left.png); background-repeat: no-repeat; background-position: center; height: 60px; width: 60px; position: absolute; top: 0; left: 0; content: ""; z-index: 0; } .single-services .single-services-wrap .wpb_images_carousel .vc_carousel-control:hover span:before { width: 60px; } .single-services .single-services-wrap .wpb_images_carousel .vc_right { left: inherit; right: 30px; } .single-services .single-services-wrap .wpb_images_carousel .vc_right span:before { left: initial !important; right: 0; } .single-services .single-services-wrap .wpb_images_carousel .vc_right span:after { background-image: url(../images/slide-arrow-right.png); } .single-services-wrap { margin-bottom: 100px; /* ========================================================================== [End] 4. Single Practice ========================================================================== */ /* ========================================================================== [Start] 4. Single Project ========================================================================== */ } .single-services-wrap.layout3 { margin-bottom: 0; } .single-services-wrap .sg-services-sidebar { margin-bottom: 0; } .single-services-wrap .sg-services-sidebar .slidingbar-widget-col:last-child { margin-bottom: 0; } .single-services-wrap .sg-services-image { margin-bottom: 27px; } .single-services-wrap .sg-services-image img { widows: 100%; } .single-services-wrap .wpb_text_column { font-size: 17px; line-height: 28px; } .single-services-wrap .cms-carousel-item { padding: 0 3px; } .single-services-wrap .cms-carousel-item .cms-team-item-inner { margin-bottom: 10px; } .sg-project { /* ========================================================================== [End] 5. Single Project ========================================================================== */ } .sg-project .project-heading-line { border-bottom: 2px solid #efefef; font-size: 16px; margin-bottom: 25px; padding-bottom: 10px; position: relative; } .sg-project .project-heading-line:before { content: ""; height: 3px; width: 30px; background-color: #458225; position: absolute; bottom: -2px; left: 0; } .sg-project .project-heading { font-size: 20px; text-transform: uppercase; margin-bottom: 11px; padding-bottom: 3px; position: relative; } .sg-project .project-heading:before { content: ""; height: 3px; width: 30px; background-color: #458225; position: absolute; bottom: -2px; left: 0; } .sg-project .navigation { text-align: center; margin-bottom: 100px; } .sg-project .navigation ul li { display: inline-block; margin: 0 8px; } .sg-project .navigation ul li a { height: 51px; width: 51px; border: 2px solid #2f2f2f; color: #2f2f2f; line-height: 51px; text-align: center; display: block; } .sg-project .navigation ul li a:hover { background-color: #458225; color: #fff; border-color: #458225; } .sg-project .sg-project-body { margin-bottom: 50px; } .sg-project .owl-theme .owl-controls { bottom: 30px; left: 24px; position: absolute; } .sg-project .owl-theme .owl-controls .owl-prev, .sg-project .owl-theme .owl-controls .owl-next { margin: 0 6px; } .sg-project .owl-theme .owl-controls .owl-prev i, .sg-project .owl-theme .owl-controls .owl-next i { width: 27px; height: 70px; border: none; line-height: 70px; font-size: 20px; background-color: #2f2f2f; } .sg-project .owl-theme .owl-controls .owl-prev i:before, .sg-project .owl-theme .owl-controls .owl-next i:before { color: #fff; } .sg-project .owl-theme .owl-controls .owl-prev:hover i, .sg-project .owl-theme .owl-controls .owl-next:hover i { width: 70px; background-color: #458225; } .sg-project .owl-theme .owl-controls .owl-prev:hover i:before, .sg-project .owl-theme .owl-controls .owl-next:hover i:before { color: #fff; } .sg-project .sg-project-description .sg-project-description-inner { padding: 25px 30px; background-color: #f9f9f9; } .sg-project .sg-project-description ul li { line-height: 29px; } .sg-project .sg-project-description ul li span { color: #313131; font-weight: 700; } .sg-project .sg-project-description ul li a { color: #9e9e9e; } .sg-project .sg-project-description ul li a:hover { color: #458225; } .sg-project .sg-project-description ul li a + a:before { content: ","; padding-right: 3px; } .sg-project.project-layout1 .sg-project-header { margin-bottom: 70px; } .sg-project.project-layout2 .sg-project-sidebar .gap { margin-bottom: 55px; } .sg-project.project-layout2 .sg-project-header { margin-bottom: 62px; } .sg-project.project-layout2 .sg-project-body { margin-bottom: 65px; } .sg-project.project-layout2 #sg-project-gallery { margin-bottom: 30px; } .sg-project.project-layout2 .navigation li { margin: 0; } .sg-project.project-layout2 .navigation li.nav-link-prev { float: left; } .sg-project.project-layout2 .navigation li.nav-link-next { float: right; } .cta-post .cms-cta-wrapper { background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; background-color: #458225; padding: 25px 0; } .cta-post .cms-cta-wrapper:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; } .cta-post .cms-cta-wrapper .cms-cta-content .title { border-bottom-color: #fff; } .single-teams { font-size: 17px; line-height: 28px; } .single-teams .sg-teams-header { margin-bottom: 30px; } .single-teams .sg-teams-header .sg-teams-image { margin-bottom: 40px; width: 270px; float: left; } .single-teams .sg-teams-header .sg-teams-image img { margin-bottom: 30px; } .single-teams .sg-teams-header .sg-teams-image .sg-teams-social a { width: 35%; float: left; height: 40px; line-height: 40px; font-size: 16px; color: #fff; background-color: #458225; width: 60px; display: inline-block; -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 */ text-align: center; margin-right: 10px; } .single-teams .sg-teams-header .sg-teams-image .sg-teams-social a.fa-facebook { background-color: #5d82d1; } .single-teams .sg-teams-header .sg-teams-image .sg-teams-social a.fa-twitter { background-color: #40bff5; } .single-teams .sg-teams-header .sg-teams-image .sg-teams-social a.fa-google-plus { background-color: #eb5e4c; } .single-teams .sg-teams-header .sg-teams-image .sg-teams-social a.fa-linkedin { background-color: #238cc8; } .single-teams .sg-teams-header .sg-teams-image .sg-teams-social a.fa-rss { background-color: #ea7d31; } .single-teams .sg-teams-header .sg-teams-image .sg-teams-social a:hover { opacity: 0.8; } .single-teams .sg-teams-header .sg-teams-excerpt { padding-left: 300px; } .single-teams .sg-teams-header .cms-team-title { font-size: 18px; line-height: 26px; margin-bottom: 9px; } .single-teams .sg-teams-header .cms-team-position { font-size: 13px; line-height: 1; } .single-teams .sg-teams-header .sg-teams-social a:last-child { margin-right: 0; } .single-case .sg-case-content { font-size: 17px; line-height: 28px; } .single-case .sg-case-image img { margin-bottom: 28px; } #comments #respond { margin-top: 30px; background-color: #fff; border-width: 0 1px 1px 1px; border-style: solid; border-color: #eee; padding: 25px 30px; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); -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 */ } #comments .st-comments-wrap { margin-top: 30px; background-color: #fff; border-width: 0 1px 1px 1px; border-style: solid; border-color: #eee; padding: 25px 30px; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); -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 */ } #comments #reply-title, #comments .comments-title { margin-bottom: 16px !important; } #comments .comment-list { list-style: none; padding: 0; margin: 0; } #comments .comment-list > .comment { margin-bottom: 25px; } #comments .comment-list > .comment:last-child { margin-bottom: 0; } #comments .comment-list > .comment:last-child .comment-content { padding-bottom: 0; border-bottom: none; } #comments .comment-list > .comment ul.children > li { margin-top: 25px; } #comments .comment-list > .comment ul.children > li .comment-body { margin-left: 90px; } #comments .comment-list > .comment ul.children > li .comment-body .comment-main { border-bottom: 2px solid #e8e8e8; } #comments .comment-list > .comment ul.children > li .comment-body .comment-main .comment-content { border-bottom: none; } #comments .comment-list .comment-author-image { max-width: 70px; float: left; width: 100%; } #comments .comment-list .comment-author-image img { width: 100%; 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 */ margin-top: 5px; } #comments .comment-list .comment-main { padding-left: 90px; position: relative; } #comments .comment-list .comment-main .reply { margin-top: 14px; } #comments .comment-list .comment-main .reply a { display: inline-block; color: #458225; font-weight: 700; font-size: 13px; text-transform: uppercase; font-family: Open Sans; } #comments .comment-list .comment-main .reply a:hover { color: #222; } #comments .comment-list .comment-main .reply a:after { content: "\f178"; font-family: FontAwesome; padding-left: 6px; } #comments .comment-list .comment-main .comment-meta { color: #acb4b8; } #comments .comment-list .comment-main .comment-meta .comment-author { display: block; font-size: 14px; font-weight: 700; margin: 0 0 5px; color: #282828; } #comments .comment-list .comment-main .comment-meta .comment-date { color: #616161; display: block; font-size: 12px; font-weight: 500; line-height: normal; margin: 0 0 10px; text-transform: uppercase; } #comments .comment-list .comment-main .comment-content { padding-bottom: 24px; border-bottom: 2px solid #e8e8e8; } #comments .comment-list .comment-main .comment-content p { margin: 0; } #comments .comment-form { padding-top: 12px; } #comments textarea { max-width: 100%; width: 100%; } #commentform p { margin-bottom: 20px; } #commentform p.form-submit { margin-bottom: 10px; padding-top: 10px; } #commentform #form-allowed-tags { display: none; } #commentform input[type="text"]:focus, #commentform textarea:focus { border-bottom-color: #458225; } #commentform #submit { padding-left: 56px; padding-right: 56px; background-color: #222; border-color: #222; color: #fff; width: 100%; } #commentform #submit:hover { background-color: #458225; border-color: #458225; } .comment-awaiting-moderation { display: none; } #cancel-comment-reply-link { display: inline-block; color: #fff; font-weight: 700; padding: 0 10px; height: 25px; line-height: 25px; background-color: #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 */ } #cancel-comment-reply-link:hover { background-color: #458225; } .h-chart-310 .vc_line-chart-canvas { height: 310px !important; width: 100% !important; } .h-chart-220 .vc_line-chart-canvas { height: 220px !important; width: 100% !important; } .h-chart-180 .vc_line-chart-canvas { height: 180px !important; width: 100% !important; } #cms-theme .vc_line-chart .vc_chart-legend { width: 100%; margin-top: 10px; } #cms-theme .vc_line-chart .vc_chart-legend li { display: inline-block; } #cms-theme .vc_line-chart .vc_chart-with-legend { width: 100%; } .line-wrap { margin-bottom: 18px; padding-bottom: 20px; position: relative; } .line-wrap .line-icon2:before, .line-wrap .line-icon2:after { height: 2px; width: 30px; content: ""; background-color: #282828; position: absolute; left: 0; bottom: 4px; } .line-wrap .line-icon2:after { bottom: 0px; width: 20px; } .box-slider { background-color: #fff; padding: 30px; max-width: 370px; } .box-slider .box-slider-subtitle { font-size: 14px; color: #5a5a5a; } .box-slider .box-slider-title { font-size: 20px !important; line-height: 29px !important; color: #458225; text-transform: uppercase !important; white-space: pre-wrap; word-wrap: break-word; border-top: 1px solid #eaeaea; margin: 15px 0 22px !important; padding: 15px 0 0 !important; } .box-slider .box-slider-readmore a:last-child { margin-left: 20px; } .box-slider .box-slider-readmore a.btn-primary:hover { background-color: #222; border-color: #222; color: #fff; } .cms-grid-filter { text-align: center; /* Owl bullet --------------------------------*/ /* Styling Pagination*/ } .cms-grid-filter ul { margin: 0 0 30px; padding: 0; } .cms-grid-filter li { display: inline-block; margin: 0 14px 14px 14px; } .cms-grid-filter li a { font-size: 13px; color: #5e5e5e; font-weight: 700; text-transform: uppercase; display: inline-block; position: relative; letter-spacing: 0.018em; } .cms-grid-filter li a:before { background-color: #458225; content: ""; height: 2px; position: absolute; bottom: -1px; width: 0; opacity: 0; left: 0; right: 0; margin: auto; filter: alpha(opacity=0); -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-grid-filter li a.active, .cms-grid-filter li a:hover { color: #458225; } .cms-grid-filter li a.active:before, .cms-grid-filter li a:hover:before { opacity: 1; filter: alpha(opacity=1); width: 100%; } .owl-theme .owl-controls .owl-nav { text-align: center; } .owl-theme .owl-controls .owl-prev, .owl-theme .owl-controls .owl-next { display: inline-block; margin: 32px 5px 0 5px; } .owl-theme .owl-controls .owl-prev i, .owl-theme .owl-controls .owl-next i { height: 51px; width: 51px; border: 2px solid #eee; line-height: 51px; text-align: center; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; background-color: #fff; } .owl-theme .owl-controls .owl-prev i:before, .owl-theme .owl-controls .owl-next i:before { font-size: 21px; color: #222; } .owl-theme .owl-controls .owl-prev i:hover:before, .owl-theme .owl-controls .owl-next i:hover:before { color: #458225; } .owl-theme .owl-controls .owl-prev i:before { content: "\f177"; } .owl-theme .owl-controls .owl-next i:before { content: "\f178"; } .owl-theme .owl-controls .owl-dots { margin-top: 30px; text-align: center; } .owl-theme .owl-controls .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-controls .owl-dot span { display: block; width: 16px; height: 2px; margin: 0 3px; background: #222; position: relative; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .owl-theme .owl-controls .owl-dot.active span, .owl-theme .owl-controls .owl-dot:hover span { background: #458225; } .wpb_single_image .vc_figure { width: 100%; } .wpb_single_image.icon .vc_single_image-wrapper { position: relative; } .wpb_single_image.icon .vc_single_image-wrapper img { margin-top: 7px; } .wpb_single_image.icon .vc_single_image-wrapper:before { height: 60px; width: 60px; background-color: #458225; -webkit-border-radius: 0px 0px 2px 2px; -khtml-border-radius: 0px 0px 2px 2px; -moz-border-radius: 0px 0px 2px 2px; -ms-border-radius: 0px 0px 2px 2px; -o-border-radius: 0px 0px 2px 2px; border-radius: 0px 0px 2px 2px; /* BACKGROUND GRADIENT */ content: ""; right: 20px; top: 7px; position: absolute; } .wpb_single_image.icon .vc_single_image-wrapper:after { content: "\f132"; font-family: FontAwesome; font-size: 28px; color: #fff; position: absolute; right: 39px; top: 24px; } .white-popup-block { background: #fff; margin: 40px auto; max-width: 650px; padding: 20px 30px; position: relative; text-align: left; /* ========================================================================== [Start] 1. Shortcode social ========================================================================== */ } .cms-social-page { /* ========================================================================== [End] 1. Shortcode social ========================================================================== */ /* ========================================================================== [Start] 2. Shortcode Heading ========================================================================== */ } .cms-social-page a { margin: 0 6px; display: inline-block; } .cms-social-page a i { background-color: #458225; font-size: 16px; height: 50px; line-height: 50px; text-align: center; width: 50px; color: #fff; -webkit-transition: all 280ms linear 0ms; -moz-transition: all 280ms linear 0ms; -ms-transition: all 280ms linear 0ms; transition: all 280ms linear 0ms; } .cms-social-page a i.fa-facebook { background-color: #5d82d1; } .cms-social-page a i.fa-twitter { background-color: #40bff5; } .cms-social-page a i.fa-google-plus { background-color: #eb5e4c; } .cms-social-page a i.fa-linkedin { background-color: #238cc8; } .cms-social-page a i.fa-envelope { background-color: #ec971f; } .cms-social-page a i:hover { opacity: 0.8; } .cms-social-page a:first-child { margin-left: 0; } .vc_custom_heading cite { color: #458225; font-style: normal; } .vc_col-sm-6 .cms-heading-inner, .vc_col-sm-4 .cms-heading-inner, .vc_col-sm-3 .cms-heading-inner, .vc_col-sm-6 .cms-heading-button, .vc_col-sm-4 .cms-heading-button, .vc_col-sm-3 .cms-heading-button { width: 100%; } .cms-heading-wrapper { /* ========================================================================== [End] 2. Shortcode Heading ========================================================================== */ /* ========================================================================== [Start] 3. Shortcode Blockquote ========================================================================== */ } .cms-heading-wrapper .subtitle { font-size: 15px; color: #616161; } .cms-heading-wrapper .title { color: #222; font-size: 30px; line-height: 1; margin-bottom: 5px; padding-bottom: 0; padding-top: 8px; text-transform: uppercase; font-weight: 800; letter-spacing: 0.04em; } .cms-heading-wrapper .description { padding-top: 18px; } .cms-heading-wrapper .btn { background-color: transparent; } .cms-heading-wrapper .btn:hover { background-color: #222; } .cms-heading-wrapper .cms-heading-button { margin-top: 23px; } .cms-heading-wrapper.heading-style2 .description p { margin-bottom: 0; } .cms-heading-wrapper.heading-style3 .title { line-height: 1.2; } .cms-heading-wrapper.heading-style3 .description { padding-top: 32px; } .cms-heading-wrapper.heading-style3 .description p { margin: 0; } .cms-heading-wrapper.heading-style4 .title { text-transform: none; font-size: 18px; line-height: 1; font-weight: 700; padding: 0 0 12px; } .cms-heading-wrapper.heading-style4 .description { font-family: inherit; font-size: 17px; line-height: 28px; padding-top: 0; } .cms-heading-wrapper.heading-style4 .line-icon { margin-bottom: 10px; } .cms-heading-wrapper.heading-style4 .line-icon:before { width: 30px; } .cms-heading-wrapper.heading-style4 .line-icon:after { width: 20px; } blockquote { padding: 26px 30px; background: transparent; margin: 20px 0; font-style: italic; border-left: 6px solid #1b1a1a; font-size: 20px; line-height: 28px; color: #828282; } blockquote cite { color: #959595; display: block; font-family: Open Sans; font-size: 13px; font-style: normal; margin-top: 8px; } .blockquote-style1 blockquote { border: none; position: relative; } .blockquote-style1 blockquote:before, .blockquote-style1 blockquote:after { content: "\f10d"; font-family: FontAwesome; font-style: normal; font-size: 16px; color: #666; position: absolute; top: 0; left: 0; } .blockquote-style1 blockquote:after { content: "\f10e"; top: inherit; bottom: 0; left: inherit; right: 0; } .blockquote-style2 blockquote { border: none; background-color: #f9f9f9; -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: #458225; } .blockquote-style3 { /* ========================================================================== [End] 3. Shortcode Blockquote ========================================================================== */ /* ========================================================================== [Start] 4. List ========================================================================== */ } .blockquote-style3 blockquote { 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 */ } [class*="cms-list-"] ul li, [class^="cms-list-"] ul li { line-height: 30px; } [class*="cms-list-"] ul li:before, [class^="cms-list-"] ul li:before { color: #1b1a1a; font-family: 'ElegantIcons'; padding-right: 10px; position: relative; top: 1px; } .cms-list-arrow-round ul li:before { font-size: 15px; content: "I"; } .cms-list-check-round ul li:before { font-size: 13px; content: "R"; } .cms-list-arrow-icon1 ul li:before { font-size: 17px; content: "5"; } .cms-list-arrow-icon2 ul li:before { font-size: 14px; content: "\e03c"; } .cms-list-arrow-icon3 ul li:before { font-size: 15px; content: "E"; } .cms-list-round-icon ul li:before { font-size: 7px; content: "\f111"; font-family: FontAwesome; top: -2px; padding-right: 15px; padding-left: 5px; } .cms-list-star-icon ul li:before { font-size: 13px; content: "\e031"; } .cms-list-number ol { counter-reset: li; list-style: none; padding: 0; } .cms-list-number ol li { line-height: 30px; } .cms-list-number ol li:before { counter-increment: li; content: counter(li) "."; color: #1b1a1a; font-weight: 700; padding-right: 13px; } .cms-list-round-icon2 ul li { font-size: 15px; line-height: 27px; font-family: Raleway; /* ========================================================================== [End] 4. List ========================================================================== */ /* ========================================================================== [Start] 5. Shortcode Tab ========================================================================== */ } .cms-list-round-icon2 ul li:before { font-size: 13px; content: "\f0a3"; font-family: FontAwesome; color: #458225; top: -1px; padding-right: 16px; } .no-box-shadow .vc_tta-panel { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; } body .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: 40px !important; } body .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 5px; font-size: 13px; letter-spacing: 0.05em; color: #b3b3b3; line-height: 1; text-transform: uppercase; position: relative; border: none; font-weight: 700; background-color: transparent; } body .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: #458225; 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; } body .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, body .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: #222; } body .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, body .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; } body .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; } body .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; } body .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-left .vc_tta-tabs-container, body .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-tabs-container { width: inherit; margin-top: 15px; } body .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, body .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; } body .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, body .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; } body .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, body .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: 18px 30px; 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-color: transparent #e5e4e4 transparent transparent; border-width: 1px; border-style: solid; font-weight: 700; text-align: right; } body .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, body .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, body .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, body .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 { border-color: #e5e4e4 transparent #e5e4e4 #e5e4e4; } body .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-left .vc_tta-panels-container, body .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-panels-container { width: inherit; padding-left: 30px; } body .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-left .vc_tta-panels-container .vc_tta-panels, body .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; } body .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; } body .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; } body .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: 47px !important; } body .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 35px; font-size: 16px; letter-spacing: 0.05em; color: #b3b3b3; line-height: 1; position: relative; border: none; background-color: transparent; } body .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: 72px; line-height: 72px; width: 72px; background-color: #458225; font-size: 30px; color: #fff; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ display: inline-block; margin-bottom: 23px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } body .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; } body .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; } body .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, body .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: #222; } body .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, body .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: #222; } body .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; } body .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; } body .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left).tabs-position-bottom { padding-bottom: 188px; position: relative; } body .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%; } body .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; } body .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: 28px; } body .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 */ } body .vc_tta-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body .vc_single_image-wrapper { position: relative; } body .vc_tta-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body .vc_single_image-wrapper:before { height: 60px; width: 60px; background-color: #458225; -webkit-border-radius: 0px 0px 2px 2px; -khtml-border-radius: 0px 0px 2px 2px; -moz-border-radius: 0px 0px 2px 2px; -ms-border-radius: 0px 0px 2px 2px; -o-border-radius: 0px 0px 2px 2px; border-radius: 0px 0px 2px 2px; /* BACKGROUND GRADIENT */ content: ""; right: 20px; top: 8px; position: absolute; } body .vc_tta-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body .vc_single_image-wrapper:after { content: "\f132"; font-family: FontAwesome; font-size: 28px; color: #fff; position: absolute; right: 39px; top: 24px; } body .vc_tta-container .vc_tta-accordion.title-style2 .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title a { text-transform: none; } body .vc_tta-container .vc_tta-accordion .vc_tta-panels { border: 1px solid #efefef; -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 */ padding: 9px 30px; background-color: #fff; } body .vc_tta-container .vc_tta-accordion .vc_tta-panels .vc_tta-panel-heading { border: none; } body .vc_tta-container .vc_tta-accordion .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title a { border: none; padding: 15px 0; color: #282828 !important; font-size: 16px; line-height: normal; background-color: #fff; position: relative; font-weight: 700; background-image: none; border-bottom: 3px solid #efefef; text-transform: uppercase; } body .vc_tta-container .vc_tta-accordion .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title a i + span { padding-left: 12px; } body .vc_tta-container .vc_tta-accordion .vc_tta-panels .vc_tta-panel-heading .vc_tta-controls-icon-position-right.vc_tta-panel-title a span { padding-right: 12px; } body .vc_tta-container .vc_tta-accordion .vc_tta-panels .vc_tta-panel-heading .vc_tta-controls-icon { left: inherit; right: 0; height: 10px; width: 10px; } body .vc_tta-container .vc_tta-accordion .vc_tta-panels .vc_tta-panel-heading .vc_tta-controls-icon:before, body .vc_tta-container .vc_tta-accordion .vc_tta-panels .vc_tta-panel-heading .vc_tta-controls-icon:after { border-color: #458225 !important; } body .vc_tta-container .vc_tta-accordion .vc_tta-panels .vc_tta-panel-body { background-color: #fff !important; padding: 0; border: none; font-size: 14px; line-height: 25px; } body .vc_tta-container .vc_tta-accordion .vc_tta-panels .vc_tta-panel-body .media-left { padding-right: 20px; } body .vc_tta-container .vc_tta-accordion .vc_tta-panels .vc_tta-panel-body .media-left img { margin-top: 6px; } body .vc_tta-container .vc_tta-accordion .vc_tta-panels .vc_tta-panel-body .more { font-weight: 700; color: #458225; display: block; padding-top: 4px; } body .vc_tta-container .vc_tta-accordion .vc_tta-panels .vc_tta-panel-body .more i { padding-left: 10px; } body .vc_tta-container .vc_tta-accordion .vc_tta-panels .vc_tta-panel-body .more:hover { color: #222; } body .vc_tta-container .vc_tta-accordion .vc_tta-panels .vc_active .vc_tta-panel-heading .vc_tta-panel-title a { border-bottom: none; } body .vc_tta-container .vc_tta-accordion .vc_tta-panels .vc_active .vc_tta-panel-body { border-bottom: 3px solid #ebebeb; padding-bottom: 24px; } body .vc_tta-container .vc_tta-accordion .vc_tta-panels .vc_tta-panel:last-child .vc_tta-panel-heading .vc_tta-panel-title a { border-bottom: none; } body .vc_tta-container .vc_tta-accordion .vc_tta-panels .vc_tta-panel.vc_active:last-child .vc_tta-panel-body { border-bottom: none; padding-bottom: 10px; } body .vc_tta-container .vc_tta-accordion .vc_tta-tabs .vc_tta-panels { padding-left: 0; padding-right: 0; } body .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels { border: none; padding: 0; background-color: transparent; } body .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel { background-color: #fff; } body .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title a { border: none; padding: 8px 0; text-transform: none; } body .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title a span { padding-left: 0; } body .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title a:before { background-color: #222; border-radius: 2px; bottom: 0; content: ""; height: 30px; margin: auto; position: absolute; right: -10px; top: 0; width: 30px; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } body .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title a .vc_tta-controls-icon:before, body .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title a .vc_tta-controls-icon:after { border-color: #fff !important; } body .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel-body { border-bottom: none; padding-top: 4px; padding-bottom: 13px; } body .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel { border-width: 1px; border-style: solid; border-color: #ebebeb; padding: 19px 31px 18px 24px; -webkit-box-shadow: 0 2.3px 2px 0.1px #f1f1f1; -moz-box-shadow: 0 2.3px 2px 0.1px #f1f1f1; -ms-box-shadow: 0 2.3px 2px 0.1px #f1f1f1; box-shadow: 0 2.3px 2px 0.1px #f1f1f1; margin-bottom: 22px; -webkit-transition: all 550ms ease 0s; -moz-transition: all 550ms ease 0s; -ms-transition: all 550ms ease 0s; transition: all 550ms ease 0s; -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 */ } body .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel.vc_active { padding: 19px 31px 18px 24px; } body .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-title a:before { background-color: #458225; } body .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-body { border-top: 1px solid #efefef; padding-top: 12px; margin-top: 18px; } body .vc_tta-container .vc_tta-accordion.vc_tta-style-modern.noBorderTop .vc_tta-panels .vc_tta-panel { border-width: 0px 1px 1px 1px; } body .vc_tta-container .vc_tta-accordion.vc_tta-style-modern.cms-tab-modern .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title a:before { background-color: transparent; } body .vc_tta-container .vc_tta-accordion.vc_tta-style-modern.cms-tab-modern .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title a .vc_tta-controls-icon:before, body .vc_tta-container .vc_tta-accordion.vc_tta-style-modern.cms-tab-modern .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title a .vc_tta-controls-icon:after { border-color: #222 !important; } body .vc_tta-container .vc_tta-accordion.vc_tta-style-modern.cms-tab-modern .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title a .vc_tta-controls-icon:before, body .vc_tta-container .vc_tta-accordion.vc_tta-style-modern.cms-tab-modern .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title a .vc_tta-controls-icon:after { border-color: #458225 !important; } @media screen and (max-width: 767px) { /* ========================================================================== [End] 5. Shortcode Tab ========================================================================== */ /* ========================================================================== [Start] 6. CMS Progressbar ========================================================================== */ body .vc_tta-container .vc_tta-panels { padding: 0; } body .vc_tta-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title a:after { border: none; } body .vc_tta-container .vc_tta-panels-container { padding: 0 !important; } } .cms-progress-layout1 { /* ========================================================================== [End] 6. CMS Progressbar ========================================================================== */ /* ========================================================================== [Start] 7. CMS Client ========================================================================== */ } .cms-progress-layout1 .cms-progress-item-wrap { position: relative; } .cms-progress-layout1 .cms-progress-item-wrap .cms-progress-title { font-weight: 800; color: #222; font-size: 15px; margin-bottom: 4px; } .cms-progress-layout1 .cms-progress-item-wrap .cms-progress-title i { padding-right: 5px; } .cms-progress-layout1 .cms-progress-item-wrap .progress-bar { background-color: #458225; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; z-index: 2; } .cms-progress-layout1 .cms-progress-item-wrap .cms-progress.progress { 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 */ margin-bottom: 24px; } .cms-progress-layout1 .cms-progress-item-wrap .progress-couter { color: #ccc; font-family: Open Sans; font-size: 30px; position: absolute; right: 0; top: 8px; z-index: 1; } .cms-progress-layout1.progress-bg-gradient .cms-progress-item-wrap .progress-bar { background-color: #458225; background-image: -webkit-gradient(linear, left top, right top, from(#458225), to(#222)); background-image: -webkit-linear-gradient(left, #458225, #222); background-image: -moz-linear-gradient(left, #458225, #222); background-image: -ms-linear-gradient(left, #458225, #222); background-image: -o-linear-gradient(left, #458225, #222); background-image: linear-gradient(left, #458225, #222); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#458225', endColorStr='#222', gradientType='1'); /* Vertical Top */ } .cms-progress-layout1.progress-bg-gradient2 .cms-progress-item-wrap .progress-bar { background-color: #458225; background-image: -webkit-gradient(linear, left top, right top, from(#458225), to(#2c62c1)); background-image: -webkit-linear-gradient(left, #458225, #2c62c1); background-image: -moz-linear-gradient(left, #458225, #2c62c1); background-image: -ms-linear-gradient(left, #458225, #2c62c1); background-image: -o-linear-gradient(left, #458225, #2c62c1); background-image: linear-gradient(left, #458225, #2c62c1); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#458225', endColorStr='#2c62c1', gradientType='1'); /* Vertical Top */ } .cms-carousel-client .cms-carousel-media { display: block; } .cms-carousel-client .cms-carousel-media img { display: inline-block; width: inherit !important; margin: auto; } .cms-carousel-client-layout1 .owl-stage-outer { margin-right: 2px; } .cms-carousel-client-layout1 .cms-carousel-item { text-align: center; } .cms-carousel-client-layout1 .cms-carousel-item .cms-carousel-media { text-align: center; position: relative; padding-top: 9px; padding-bottom: 9px; } .cms-carousel-client-layout1 .cms-carousel-item .cms-carousel-media:after { height: 1px; position: absolute; content: ""; bottom: -1px; left: 15px; right: 15px; background-color: #e3e3e3; } .cms-carousel-client-layout1 .cms-carousel-item .cms-carousel-media:before { background-color: #e3e3e3; bottom: 15px; content: ""; position: absolute; right: -6px; top: 15px; width: 1px; } .cms-carousel-client-layout1 .cms-carousel-item .cms-carousel-media img { width: inherit; display: inline-block; } .cms-carousel-client-layout1 .owl-item:last-child .cms-carousel-item .cms-carousel-media:after { width: 0; } .cms-carousel-client-layout1.style-dark .cms-carousel-item .cms-carousel-media:before, .cms-carousel-client-layout1.style-dark .cms-carousel-item .cms-carousel-media:after { background-color: #2f2f2f; } .cms-carousel-client-layout2 { /* ========================================================================== [End] 7. CMS Client ========================================================================== */ /* ========================================================================== [Start] 8. CMS Testimonial ========================================================================== */ } .cms-carousel-client-layout2 .cms-carousel-item { position: relative; } .cms-carousel-client-layout2 .cms-carousel-item:before { height: 30px; width: 1px; background-color: #e6e6e6; position: absolute; top: 50%; right: -1px; content: ""; -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-testimonial .cms-testimonial-position { margin-bottom: 7px; } .cms-testimonial .cms-testimonial-position .author { font-size: 16px; font-weight: 700; display: block; line-height: 23px; margin: 0; } .cms-testimonial .cms-testimonial-position .position { font-size: 14px; } .cms-testimonial .cms-testimonial-body { font-size: 16px; line-height: 26px; color: #9b9b9b; font-family: 'Droid Serif Italic'; } .cms-testimonial.nav-custom-br .owl-dots { bottom: 32px; margin: 0; position: absolute; right: 1px; } .cms-testimonial.nav-custom-tr .owl-dots { margin: 0; position: absolute; right: 10px; top: 25px; } .cms-testimonial-layout1 .cms-carousel-item { padding: 0px 4px 0 4px; } .cms-testimonial-layout1 .cms-testimonial-wrapper { padding: 24px 30px 28px 50px; background-color: #fff; border-width: 0 1px 1px 1px; border-color: #ebebeb; border-style: solid; -webkit-box-shadow: 0 2.3px 4px 0.1px #e8e8e8; -moz-box-shadow: 0 2.3px 4px 0.1px #e8e8e8; -ms-box-shadow: 0 2.3px 4px 0.1px #e8e8e8; box-shadow: 0 2.3px 4px 0.1px #e8e8e8; -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 */ position: relative; } .cms-testimonial-layout1 .cms-testimonial-wrapper:before { content: ""; left: -2px; bottom: -14px; position: absolute; width: 0; height: 14px; width: 15px; background: url(../images/testimonial-arrow.png) no-repeat center; } .cms-testimonial-layout1 .icon-quote-sm { background-color: #282828; -webkit-border-radius: 0 2px 2px 0; -khtml-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -ms-border-radius: 0 2px 2px 0; -o-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; /* BACKGROUND GRADIENT */ color: #fff; font-size: 17px; height: 64px; left: 0; line-height: 64px; position: absolute; text-align: center; width: 30px; top: 30px; } .cms-testimonial-layout1 .icon-quote-lg i { bottom: 20px; color: #f1f1f1; font-size: 70px; position: absolute; right: 30px; } .cms-testimonial-layout1 .cms-carousel-body { position: relative; z-index: 1; } .cms-testimonial-layout1 .cms-carousel-body p { margin: 0; } .cms-testimonial-layout1 .cms-testimonial-footer { margin-top: 15px; padding-left: 28px; } .cms-testimonial-layout1 .cms-testimonial-footer 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 */ max-width: 50px; float: left; } .cms-testimonial-layout1 .cms-testimonial-footer .cms-testimonial-position { padding-left: 64px; padding-top: 2px; } .cms-testimonial-layout1.box-size-lg .cms-testimonial-wrapper { padding-left: 60px; } .cms-testimonial-layout1.noBoxshadow .cms-testimonial-wrapper { border-width: 0; -webkit-box-shadow: 0 0px 0px 0px #e8e8e8; -moz-box-shadow: 0 0px 0px 0px #e8e8e8; -ms-box-shadow: 0 0px 0px 0px #e8e8e8; box-shadow: 0 0px 0px 0px #e8e8e8; } .cms-testimonial-layout1.dot-white .owl-controls .owl-dot span { background-color: #fff; } .cms-testimonial-layout1.dot-white .owl-controls .owl-dot.active span { background-color: #458225; } .widget_text .cms-testimonial-layout1 .cms-testimonial-wrapper { padding: 15px; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; border: 2px solid #e8e8e8; } .widget_text .cms-testimonial-layout1 .cms-testimonial-wrapper:before { background: url("../images/wg-arrow-testimonial.png") no-repeat center center; bottom: -13px; left: -4px; } .widget_text .cms-testimonial-layout1 .cms-testimonial-wrapper .icon-quote-sm { display: none; } .widget_text .cms-testimonial-layout1 .cms-testimonial-wrapper .icon-quote-lg i { color: #458225; opacity: 0.25; } .cms-testimonial-layout2 { /* ========================================================================== [End] 8. CMS Testimonial ========================================================================== */ /* ========================================================================== [Start] 9. CMS Couter ========================================================================== */ } .cms-testimonial-layout2 .cms-carousel-item { padding: 0 75px; position: relative; } .cms-testimonial-layout2 .cms-carousel-item:before { background-color: #e8e8e8; height: 80px; width: 2px; content: ""; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-testimonial-layout2 .cms-carousel-item .cms-testimonial-wrapper { padding-top: 80px; } .cms-testimonial-layout2 .cms-carousel-item .cms-testimonial-wrapper .icon-quote i.lg { color: #f0f0f0; opacity: 0.5; filter: alpha(opacity=0.5); font-size: 140px; left: 0; margin: auto; position: absolute; right: 0; top: 26px; z-index: -1; opacity: 0; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .cms-testimonial-layout2 .cms-carousel-item .cms-testimonial-wrapper .icon-quote i.sm { font-size: 28px; color: #b8b8b8; left: 0; margin: auto; position: absolute; right: 0; top: 15px; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .cms-testimonial-layout2 .cms-carousel-item .cms-testimonial-wrapper .cms-testimonial-body { font-size: 19px; line-height: 31px; color: #656565; } .cms-testimonial-layout2 .cms-carousel-item .cms-testimonial-position { margin-top: 17px; } .cms-testimonial-layout2 .owl-item { -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .cms-testimonial-layout2 .owl-item.center .cms-testimonial-item .cms-testimonial-wrapper .icon-quote i.lg { opacity: 1; } .cms-testimonial-layout2 .owl-item.center .cms-testimonial-item .cms-testimonial-wrapper .icon-quote i.sm { color: #222; } .cms-testimonial-layout2 .owl-item:not(.center) .cms-testimonial-item-inner { opacity: 0.4; } .cms-testimonial-layout2.style-dark .cms-carousel-item:before { display: none; } .cms-testimonial-layout2.style-dark .cms-carousel-item .cms-testimonial-position .author { color: #fff; } .cms-testimonial-layout2.style-dark .cms-carousel-item .cms-testimonial-wrapper .icon-quote i.lg { color: #272727; } .cms-testimonial-layout2.style-dark .cms-carousel-item .cms-testimonial-wrapper .icon-quote i.sm { color: #fff !important; } .cms-counter-wraper { position: relative; /* ========================================================================== [End] 9. CMS Couter ========================================================================== */ /* ========================================================================== [Start] 10. CMS Pricing ========================================================================== */ } .cms-counter-wraper .cms-counter-inner { padding: 30px 0 25px; } .cms-counter-wraper .cms-counter-icon { margin-bottom: 22px; } .cms-counter-wraper .cms-counter-icon i { font-size: 40px; color: #222; } .cms-counter-wraper .cms-counter { font-size: 30px; line-height: 25px; color: #222; } .cms-counter-wraper .cms-counter-title { color: #616161; font-size: 15px; line-height: 25px; font-weight: 700; margin: 8px 0 0; } .resize-title { font-size: 16px; line-height: normal; text-transform: uppercase; } .cms-pricing { /* ========================================================================== [End] 10. CMS Pricing ========================================================================== */ /* ========================================================================== [Start] 11. CMS Fancybox ========================================================================== */ } .cms-pricing .cms-pricing-header { background-color: #458225; padding: 40px 30px 35px 30px; text-align: center; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; } .cms-pricing .cms-pricing-header:before { height: 100%; width: 100%; background-color: #458225; opacity: 0.8; content: ""; position: absolute; top: 0; left: 0; } .cms-pricing .cms-pricing-header.bg-img-acrive:after { height: 60%; width: 100%; background-color: rgba(255, 255, 255, 0); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#458225)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #458225); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #458225); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), #458225); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), #458225); background-image: linear-gradient(top, rgba(255, 255, 255, 0), #458225); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(255, 255, 255, 0)', endColorStr='#458225'); /* BACKGROUND HORIZONTAL */ content: ""; position: absolute; bottom: 0; left: 0; right: 0; } .cms-pricing .cms-pricing-header .cms-pricing-header-inner { position: relative; z-index: 1; } .cms-pricing .cms-pricing-header .cms-pricing-header-inner .cms-pricing-icon { padding-bottom: 28px; } .cms-pricing .cms-pricing-header .cms-pricing-header-inner .cms-pricing-icon i { background-color: rgba(255, 255, 255, 0.15); color: #fff; display: inline-block; font-size: 32px; height: 62px; line-height: 62px; text-align: center; width: 62px; } .cms-pricing .cms-pricing-header .cms-pricing-header-inner .cms-pricing-title { padding-top: 18px; padding-left: 25px; } .cms-pricing .cms-pricing-header .cms-pricing-header-inner .cms-pricing-title h3 { font-size: 15px; line-height: 1; margin-bottom: 10px; } .cms-pricing .cms-pricing-header .cms-pricing-header-inner .cms-pricing-subtitle { font-size: 13px; line-height: 21px; color: #fff; } .cms-pricing .cms-pricing-header .cms-pricing-header-inner .cms-pricing-price { color: #fff; } .cms-pricing .cms-pricing-header .cms-pricing-header-inner .cms-pricing-price .unit { font-size: 28px; padding-right: 4px; } .cms-pricing .cms-pricing-header .cms-pricing-header-inner .cms-pricing-price .price { font-size: 100px; line-height: 1; } .cms-pricing .cms-pricing-header .cms-pricing-header-inner .cms-pricing-price .time { font-size: 13px; font-weight: 500; display: block; } .cms-pricing .cms-pricing-body { background-color: #fff; border: 1px solid #e3e3e3; text-align: center; } .cms-pricing .cms-pricing-body .cms-pricing-content { padding: 34px 40px 40px 40px; } .cms-pricing .cms-pricing-body .cms-pricing-content ul { list-style: none; } .cms-pricing .cms-pricing-body .cms-pricing-content ul li { line-height: 40px; font-size: 14px; color: #474747; font-weight: 500; border-bottom: 1px solid #f5f4f4; position: relative; } .cms-pricing .cms-pricing-body .cms-pricing-content ul li:last-child { border-bottom: none; } .cms-pricing .cms-pricing-body .cms-pricing-readmore { padding: 40px; border-top: 1px solid #e3e3e3; } .cms-pricing.cms-pricing-layout2 .cms-pricing-header:before { opacity: 0; } .cms-pricing.cms-pricing-layout3 .cms-pricing-item { border: 1px solid #e3e3e3; } .cms-pricing.cms-pricing-layout3 .cms-pricing-item .cms-pricing-header { background-color: #fff; padding: 30px 26px 0; } .cms-pricing.cms-pricing-layout3 .cms-pricing-item .cms-pricing-header:before { opacity: 0; } .cms-pricing.cms-pricing-layout3 .cms-pricing-item .cms-pricing-header .cms-pricing-header-inner { background-color: #458225; padding: 30px; } .cms-pricing.cms-pricing-layout3 .cms-pricing-item .cms-pricing-header .cms-pricing-header-inner .cms-pricing-price { padding-bottom: 10px; } .cms-pricing.cms-pricing-layout3 .cms-pricing-item .cms-pricing-header .cms-pricing-header-inner .cms-pricing-title { padding: 0; } .cms-pricing.cms-pricing-layout3 .cms-pricing-item .cms-pricing-body { border: none; } .cms-fancyboxes-wraper .cms-fancybox-title { font-size: 18px; line-height: 29px; font-weight: 600; margin: 0 0 6px; } .cms-fancyboxes-wraper .cms-fancybox-icon .fancy-box-icon { display: block; } .cms-fancyboxes-wraper .cms-fancybox-icon .fancy-box-icon i { font-size: 35px; color: #434343; } .cms-fancyboxes-wraper .fancy-box-content p { margin: 0 0 5px; } .cms-fancyboxes-deault { border: 1px solid #eee; padding: 22px 29px 21px 29px; -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; } .cms-fancyboxes-deault.box-shadow { -webkit-box-shadow: 0 2.3px 2px 0.1px #f1f1f1; -moz-box-shadow: 0 2.3px 2px 0.1px #f1f1f1; -ms-box-shadow: 0 2.3px 2px 0.1px #f1f1f1; box-shadow: 0 2.3px 2px 0.1px #f1f1f1; } .cms-fancyboxes-deault.box-shadow:hover { border-color: #f1f1f1 !important; } .cms-fancyboxes-deault:hover { border-color: #458225; } .cms-fancyboxes-deault .cms-fancybox-icon .fancy-box-icon i { color: #222; } .cms-fancyboxes-layout1 .cms-fancybox-icon .fancy-box-icon { margin-bottom: 20px; } .cms-fancyboxes-layout1 .cms-fancybox-title { margin-bottom: 12px; } .cms-fancyboxes-layout1.box-icon .cms-fancybox-icon .fancy-box-icon i { background-color: #222; color: #fff; display: inline-block; font-size: 35px; height: 70px; line-height: 70px; text-align: center; width: 70px; margin-bottom: 5px; } .cms-fancyboxes-layout1.box-icon .cms-fancybox-icon .fancy-box-icon i.lnr:before { position: relative; left: 2px; } .cms-fancyboxes-layout1.box-icon:hover .cms-fancybox-icon .cms-fancybox-icon i { background-color: #458225; } .cms-fancyboxes-layout2 .cms-fancybox-icon { float: left; width: 65px; padding-top: 6px; } .cms-fancyboxes-layout2 .cms-fancybox-icon .fancy-box-icon i { color: #458225; } .cms-fancyboxes-layout2 .cms-fancybox-content { padding-left: 65px; } .cms-fancyboxes-layout2 .cms-fancybox-content .subtitle { font-size: 13px; margin-bottom: 5px; display: block; } .cms-fancyboxes-layout2 .cms-fancybox-content .cms-fancybox-title { margin-bottom: 16px; letter-spacing: 0.018em; } .cms-fancyboxes-layout3 .cms-fancybox-number { color: #cecece; font-size: 52px; line-height: 1; } .cms-fancyboxes-layout3 .fancy-box-image img { max-width: 70px; } .cms-fancyboxes-layout3 .cms-fancybox-content-left { float: left; } .cms-fancyboxes-layout3 .cms-fancybox-content-right { padding-left: 100px; } .cms-fancyboxes-layout3 .cms-fancybox-content-right .subtitle { color: #458225; font-size: 13px; line-height: 1; } .cms-fancyboxes-layout3 .cms-fancybox-content-right .cms-fancybox-title { font-size: 20px; line-height: 30px; margin-bottom: 15px; } .cms-fancyboxes-layout3 .cms-fancybox-content-right .cms-fancyboxes-readmore { line-height: 1; } .cms-fancyboxes-layout3 .cms-fancybox-content-right .cms-fancyboxes-readmore a { font-weight: 700; text-transform: uppercase; font-size: 13px; color: #333; } .cms-fancyboxes-layout3 .cms-fancybox-content-right .cms-fancyboxes-readmore a i { padding-right: 6px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-fancyboxes-layout3 .cms-fancybox-content-right .cms-fancyboxes-readmore a span { -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; opacity: 0; } .cms-fancyboxes-layout3 .cms-fancybox-content-right .cms-fancyboxes-readmore a:hover { color: #458225; } .cms-fancyboxes-layout3 .cms-fancybox-content-right .cms-fancyboxes-readmore a:hover i { color: #458225; } .cms-fancyboxes-layout3:hover .cms-fancybox-content-right .cms-fancyboxes-readmore a span { opacity: 1; } .cms-fancyboxes-layout3.style-dark .cms-fancybox-number { color: #343434; } .cms-fancyboxes-layout3.style-dark .cms-fancybox-title { color: #fff; } .cms-fancyboxes-layout3.style-dark .cms-fancybox-content-right .cms-fancyboxes-readmore a { color: #fff; } .cms-fancyboxes-wraper.cms-fancyboxes-layout4 { border: 1px solid #e7e9e9; padding: 23px 30px 10px 30px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout4 .cms-fancybox-icon { float: left; width: 54px; height: 54px; line-height: 54px; text-align: center; 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 */ 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; margin-top: 7px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout4 .cms-fancybox-icon i { color: #fff; font-size: 35px; vertical-align: middle; } .cms-fancyboxes-wraper.cms-fancyboxes-layout4 .cms-fancybox-content { padding-left: 83px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout4 .cms-fancybox-content .cms-fancybox-title { margin-bottom: 14px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout4:hover .cms-fancybox-icon { background-color: #458225; } .cms-fancyboxes-wraper.cms-fancyboxes-layout5 { -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 */ padding: 23px 30px; background-color: #458225; } .cms-fancyboxes-wraper.cms-fancyboxes-layout5 .cms-fancybox-icon { float: left; width: 32px; height: 32px; line-height: 32px; text-align: 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 */ 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; margin-top: 6px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout5 .cms-fancybox-icon i { color: #fff; font-size: 15px; vertical-align: middle; } .cms-fancyboxes-wraper.cms-fancyboxes-layout5 .cms-fancybox-content { padding-left: 50px; color: #fff; font-size: 13px; letter-spacing: 0.02em; line-height: 18px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout5 .cms-fancybox-content p { margin-bottom: 0; } .cms-fancyboxes-wraper.cms-fancyboxes-layout5 .cms-fancybox-content .cms-fancybox-title { margin-bottom: 14px; color: #fff; } .cms-fancyboxes-wraper.cms-fancyboxes-layout5 .cms-fancybox-content .cms-fancybox-title { font-size: 14px; font-weight: 700; margin: 0; } .cms-fancyboxes-layout6 .cms-fancybox-icon { float: left; width: 80px; padding-top: 6px; } .cms-fancyboxes-layout6 .cms-fancybox-icon .fancy-box-icon, .cms-fancyboxes-layout6 .cms-fancybox-icon .fancy-box-image { display: inline-block; width: 60px; height: 60px; line-height: 60px; text-align: center; background-color: #458225; -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-fancyboxes-layout6 .cms-fancybox-icon .fancy-box-icon img, .cms-fancyboxes-layout6 .cms-fancybox-icon .fancy-box-image img { max-width: 45px; } .cms-fancyboxes-layout6 .cms-fancybox-icon .fancy-box-icon i { font-size: 32px; color: #fff; } .cms-fancyboxes-layout6 .cms-fancybox-content { padding-left: 80px; } .cms-fancyboxes-layout6 .cms-fancybox-content .subtitle { font-size: 13px; margin-bottom: 5px; display: block; color: rgba(34, 34, 34, 0.8); } .cms-fancyboxes-layout6 .cms-fancybox-content .cms-fancybox-title { margin-bottom: 15px; padding-bottom: 14px; letter-spacing: 0.018em; position: relative; font-size: 22px; } .cms-fancyboxes-layout6 .cms-fancybox-content .cms-fancybox-title:before { content: ""; height: 2px; background-color: #222; position: absolute; bottom: 0; left: 0; width: 32px; } .cms-fancyboxes-layout6:hover .cms-fancybox-icon .fancy-box-icon, .cms-fancyboxes-layout6:hover .cms-fancybox-icon .fancy-box-image { -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; } .about-list { list-style: outside; padding-left: 43px; font-size: 15px; line-height: 30px; font-weight: 500; /* ========================================================================== [End] 11. CMS Fancybox ========================================================================== */ /* ========================================================================== [Start] 12. CMS Grid ========================================================================== */ /* Grid Blog */ } .cms-grid-blog-layout1 .entry-blog, .cms-carousel-blog-layout1 .entry-blog { margin-bottom: 50px; padding-bottom: 24px; } .cms-grid-blog-layout1 .entry-blog .blog-icon, .cms-carousel-blog-layout1 .entry-blog .blog-icon { left: 20px; bottom: 20px; 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-grid-blog-layout1 .entry-blog .entry-title, .cms-carousel-blog-layout1 .entry-blog .entry-title { font-size: 18px; line-height: 28px; margin-bottom: 9px; } .cms-grid-blog-layout1 .entry-blog .entry-title a, .cms-carousel-blog-layout1 .entry-blog .entry-title a { color: #222; } .cms-grid-blog-layout1 .entry-blog .entry-title a:hover, .cms-carousel-blog-layout1 .entry-blog .entry-title a:hover { color: #458225; } .cms-grid-blog-layout1 .entry-blog .entry-readmore a, .cms-carousel-blog-layout1 .entry-blog .entry-readmore a { position: relative; } .cms-grid-blog-layout1 .entry-blog .entry-readmore a span, .cms-carousel-blog-layout1 .entry-blog .entry-readmore a span { 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-grid-blog-layout1 .entry-blog .entry-readmore a:before, .cms-carousel-blog-layout1 .entry-blog .entry-readmore a:before { width: 100%; height: 2px; background-color: #333; content: ""; position: absolute; bottom: -27px; left: 0; opacity: 0; } .cms-grid-blog-layout1 .entry-blog .entry-readmore a:hover:before, .cms-carousel-blog-layout1 .entry-blog .entry-readmore a:hover:before { background-color: #458225; } .cms-grid-blog-layout1 .entry-blog:hover .blog-icon, .cms-carousel-blog-layout1 .entry-blog:hover .blog-icon { opacity: 1; } .cms-grid-blog-layout1 .entry-blog:hover .entry-readmore a:before, .cms-carousel-blog-layout1 .entry-blog:hover .entry-readmore a:before, .cms-grid-blog-layout1 .entry-blog:hover .entry-readmore a span, .cms-carousel-blog-layout1 .entry-blog:hover .entry-readmore a span { opacity: 1; } .cms-grid-blog-layout1 .cms-grid-media img, .cms-carousel-blog-layout1 .cms-grid-media img { width: 100%; } .cms-grid-blog-layout1.style-2 .entry-blog, .cms-carousel-blog-layout1.style-2 .entry-blog { padding-top: 30px; margin-top: 0px; } .cms-grid-blog-layout1.style-dark .entry-blog, .cms-carousel-blog-layout1.style-dark .entry-blog { background-color: #1d1d1d; border-color: #1d1d1d; } .cms-grid-blog-layout1.style-dark .entry-blog .entry-content .entry-title a, .cms-carousel-blog-layout1.style-dark .entry-blog .entry-content .entry-title a { color: #fff; } .cms-grid-blog-layout1.style-dark .entry-blog .entry-content .entry-title a:hover, .cms-carousel-blog-layout1.style-dark .entry-blog .entry-content .entry-title a:hover { color: #458225; } .cms-grid-blog-layout1.style-dark .entry-blog .entry-content .entry-readmore a, .cms-carousel-blog-layout1.style-dark .entry-blog .entry-content .entry-readmore a { color: #fff; } .cms-grid-blog-layout1.style-dark .entry-blog .entry-content .entry-readmore a:before, .cms-carousel-blog-layout1.style-dark .entry-blog .entry-content .entry-readmore a:before { background-color: #fff; } .cms-carousel-blog-layout2 { /* End Grid Blog */ /* Grid Teams */ } .cms-carousel-blog-layout2 .entry-content { min-height: 620px; background-size: cover; background-repeat: no-repeat; } .cms-carousel-blog-layout2 .entry-content .entry-content-inner { background-color: #fff; left: 50px; padding: 50px 40px; position: absolute; right: 50px; 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 */ text-align: center; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; opacity: 0; visibility: hidden; } .cms-carousel-blog-layout2 .entry-content .entry-content-inner .blog-detail { color: #458225; padding-bottom: 15px; } .cms-carousel-blog-layout2 .entry-content .entry-content-inner .blog-detail a { text-transform: uppercase; font-weight: 600; color: #458225; font-size: 13px; } .cms-carousel-blog-layout2 .entry-content .entry-content-inner .blog-detail a:hover { color: #222; } .cms-carousel-blog-layout2 .entry-content .entry-content-inner .entry-title { font-size: 23px; line-height: 33px; font-family: 'Droid Serif Bold'; margin-bottom: 30px; } .cms-carousel-blog-layout2 .entry-content .entry-content-inner .entry-readmore a { padding: 11px 17px; } .cms-carousel-blog-layout2 .owl-item.center .entry-content .entry-content-inner { opacity: 1; visibility: visible; } .cms-carousel-blog-layout2 .owl-nav .owl-prev, .cms-carousel-blog-layout2 .owl-nav .owl-next { position: absolute; top: 50%; margin: 0; height: 60px; width: 68px; -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-blog-layout2 .owl-nav .owl-prev i, .cms-carousel-blog-layout2 .owl-nav .owl-next i { border: none; height: 60px; width: 68px; line-height: 60px; background-color: transparent; background-repeat: no-repeat; background-position: center; position: relative; z-index: 2; } .cms-carousel-blog-layout2 .owl-nav .owl-prev i:before, .cms-carousel-blog-layout2 .owl-nav .owl-next i:before { display: none; } .cms-carousel-blog-layout2 .owl-nav .owl-prev:before, .cms-carousel-blog-layout2 .owl-nav .owl-next:before { height: 60px; width: 34px; background-color: #262525; content: ""; position: absolute; top: 0; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; z-index: 1; } .cms-carousel-blog-layout2 .owl-nav .owl-prev:hover:before, .cms-carousel-blog-layout2 .owl-nav .owl-next:hover:before { width: 68px; } .cms-carousel-blog-layout2 .owl-nav .owl-prev { left: -34px; } .cms-carousel-blog-layout2 .owl-nav .owl-prev i { background-image: url('../images/slide-arrow-left.png'); } .cms-carousel-blog-layout2 .owl-nav .owl-prev:before { left: 0; } .cms-carousel-blog-layout2 .owl-nav .owl-next { right: -34px; } .cms-carousel-blog-layout2 .owl-nav .owl-next i { background-image: url('../images/slide-arrow-right.png'); } .cms-carousel-blog-layout2 .owl-nav .owl-next:before { right: 0; } .layout-team { /* End Grid Team */ /* Start Grid Services */ } .layout-team .cms-team-image img { width: 100%; } .layout-team .cms-team-title { font-size: 18px; line-height: 26px; margin-bottom: 3px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .layout-team .cms-team-position { font-size: 13px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .layout-team .team-meta-hover .cms-team-title a { color: #fff; } .layout-team .team-meta-hover .cms-team-title a:hover { color: #458225; } .layout-team .cms-team-social a { color: #2b2b2b; font-size: 15px; margin: 0 13px; } .layout-team .cms-team-social a:hover { color: #458225; } .layout-team.team-layout1 .cms-team-item-inner { border: 1px solid #f3f3f3; -webkit-border-radius: 0 0 3px 3px; -khtml-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; /* BACKGROUND GRADIENT */ -webkit-box-shadow: 0 3px 3px #e8e8e8; -moz-box-shadow: 0 3px 3px #e8e8e8; -ms-box-shadow: 0 3px 3px #e8e8e8; box-shadow: 0 3px 3px #e8e8e8; margin-bottom: 49px; overflow: hidden; } .layout-team.team-layout1 .cms-team-item-inner .cms-team-image { position: relative; } .layout-team.team-layout1 .cms-team-item-inner .cms-team-image:before, .layout-team.team-layout1 .cms-team-item-inner .cms-team-image:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .layout-team.team-layout1 .cms-team-item-inner .cms-team-image:before { z-index: 1; background-color: rgba(34, 34, 34, 0.75); } .layout-team.team-layout1 .cms-team-item-inner .cms-team-image:after { z-index: 2; background-color: rgba(255, 255, 255, 0); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#222)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #222); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #222); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), #222); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), #222); background-image: linear-gradient(top, rgba(255, 255, 255, 0), #222); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(255, 255, 255, 0)', endColorStr='#222'); /* BACKGROUND HORIZONTAL */ } .layout-team.team-layout1 .cms-team-item-inner .cms-team-image .team-meta-hover { left: 0; padding: 10px; 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 */ z-index: 3; 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; } .layout-team.team-layout1 .cms-team-item-inner .cms-team-meta { padding: 24px 30px; position: relative; overflow: hidden; } .layout-team.team-layout1 .cms-team-item-inner .cms-team-meta .cms-team-social { 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 */ -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; } .layout-team.team-layout1 .cms-team-item-inner:hover .cms-team-image:before, .layout-team.team-layout1 .cms-team-item-inner:hover .cms-team-image:after, .layout-team.team-layout1 .cms-team-item-inner:hover .cms-team-image .team-meta-hover { opacity: 1; } .layout-team.team-layout1 .cms-team-item-inner:hover .cms-team-meta .cms-team-title, .layout-team.team-layout1 .cms-team-item-inner:hover .cms-team-meta .cms-team-position { opacity: 0; } .layout-team.team-layout1 .cms-team-item-inner:hover .cms-team-meta .cms-team-social { opacity: 1; } .layout-team.team-layout2 .cms-team-item-inner { margin-bottom: 70px; } .layout-team.team-layout2 .cms-team-item-inner .btn { padding: 11px 13px; } .layout-team.team-layout2 .cms-team-item-inner .btn i { display: inline-block; left: 14px; opacity: 0; padding: 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 */ -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .layout-team.team-layout2 .cms-team-item-inner .btn:hover { border-color: #458225; background-color: #458225; padding-left: 32px; } .layout-team.team-layout2 .cms-team-item-inner .btn:hover i { opacity: 1; } .layout-team.team-layout2 .cms-team-item-inner .cms-team-desc { padding-bottom: 22px; } .layout-team.team-layout3 .cms-team-item-inner { margin-bottom: 70px; } .layout-team.team-layout3 .cms-team-item-inner .cms-team-image { margin-bottom: 13px; } .layout-team.team-layout3 .cms-team-item-inner .cms-team-desc { margin-bottom: 24px; } .layout-team.team-layout3 .cms-team-item-inner .btn { padding: 11px 13px; } .layout-team.team-layout3 .cms-team-item-inner .btn i { display: inline-block; left: 14px; opacity: 0; padding: 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 */ -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .layout-team.team-layout3 .cms-team-item-inner .btn:hover { border-color: #458225; background-color: #458225; padding-left: 32px; } .layout-team.team-layout3 .cms-team-item-inner .btn:hover i { opacity: 1; } .layout-services .cms-services-image img { width: 100%; } .layout-services .cms-services-title { font-size: 20px; font-weight: 600; line-height: 29px; letter-spacing: 0.018em; margin-bottom: 5px; } .layout-services .cms-services-title a { color: #222; } .layout-services .cms-services-title a:hover { color: #458225; } .layout-services .cms-services-subtitle { font-size: 13px; line-height: 16px; color: #656565; } .layout-services .cms-services-icon { font-size: 32px; color: #282828; } .layout-services .cms-services-readmore.style1 { margin-top: 24px; } .layout-services .cms-services-readmore.style1 .btn i { display: inline-block; left: 14px; padding: 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 */ -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; } .layout-services .cms-services-readmore.style1 .btn:hover { border-color: #458225; background-color: #458225; padding-left: 32px; } .layout-services .cms-services-readmore.style1 .btn:hover i { opacity: 1; } .layout-services .cms-services-readmore.style2 { margin-top: 15px; } .layout-services .cms-services-readmore.style2 .btn i { padding-left: 0; padding-right: 6px; } .layout-services .cms-services-meta.box-style1 .cms-services-icon { float: left; margin-top: 24px; margin-bottom: 10px; } .layout-services .cms-services-meta.box-style1 .cms-services-meta-right { padding: 14px 20px 18px 64px; } .layout-services .cms-services-meta.box-style1 .cms-services-meta-right .cms-services-meta-right-inner { position: relative; } .layout-services .cms-services-meta.box-style1 .cms-services-meta-right .cms-services-meta-right-inner:before { position: absolute; left: -16px; top: 50%; transform: translate(0, -50%); content: ""; background-color: #cecece; height: 12px; width: 2px; } .layout-services .line-gap { background-color: #282828; display: inline-block; height: 2px; width: 32px; vertical-align: middle; } .layout-services .style-overlay { position: relative; } .layout-services .style-overlay:before { height: 100%; width: 100%; background-color: #458225; opacity: 0; content: ""; position: absolute; top: 0; left: 0; 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; } .layout-services .style-overlay:after { height: 60%; width: 100%; background-color: rgba(255, 255, 255, 0); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#458225)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #458225); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #458225); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), #458225); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), #458225); background-image: linear-gradient(top, rgba(255, 255, 255, 0), #458225); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(255, 255, 255, 0)', endColorStr='#458225'); /* BACKGROUND HORIZONTAL */ content: ""; position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; 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; } .layout-services .style-overlay .more { color: #fff; display: block; font-size: 40px; height: 40px; left: 0; line-height: 40px; margin: auto; 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 */ width: 40px; z-index: 3; opacity: 0; } .layout-services .cms-services-item-inner:hover .style-overlay:before { opacity: 0.8; } .layout-services .cms-services-item-inner:hover .style-overlay:after, .layout-services .cms-services-item-inner:hover .style-overlay .more { opacity: 1; } .layout-services.services-layout1 .cms-services-item-inner { margin-bottom: 50px; } .layout-services.services-layout1 .cms-services-item-inner .cms-services-header { position: relative; } .layout-services.services-layout1 .cms-services-item-inner .cms-services-header .more { top: calc(50% - 50px); top: -webkit-calc(50% - 50px); } .layout-services.services-layout1 .cms-services-item-inner .cms-services-header .cms-services-meta { background-color: #fff; bottom: 0; left: 0; position: absolute; right: 70px; z-index: 4; } .layout-services.services-layout1 .cms-services-item-inner .cms-services-header .cms-services-meta:before { width: 32px; height: 2px; background-color: #282828; position: absolute; bottom: 0; left: 0; content: ""; } .layout-services.services-layout1 .cms-services-item-inner .cms-services-header .cms-services-meta img { max-width: 36px; } .layout-services.services-layout1 .cms-services-item-inner .cms-services-body { margin-top: 26px; } .layout-services.services-layout1.style-dark .cms-services-item-inner .cms-services-header .cms-services-meta { background-color: #1d1d1d; } .layout-services.services-layout1.style-dark .cms-services-item-inner .cms-services-header .cms-services-meta:before { background-color: #616161; } .layout-services.services-layout1.style-dark .cms-services-item-inner .cms-services-icon { color: #fff; } .layout-services.services-layout1.style-dark .cms-services-item-inner .cms-services-title a { color: #fff; } .layout-services.services-layout1.style-dark .cms-services-item-inner .cms-services-title a:hover { color: #458225; } .layout-services.services-layout1.style-dark .cms-services-item-inner .cms-services-readmore a { border-color: #fff; color: #fff; } .layout-services.services-layout1.style-dark .cms-services-item-inner .cms-services-readmore a:hover { border-color: #458225; } .layout-services.services-layout1.style-dark .owl-controls .owl-dot span { background-color: #fff; } .layout-services.services-layout1.style-dark .owl-controls .owl-dot.active span, .layout-services.services-layout1.style-dark .owl-controls .owl-dot:hover span { background-color: #458225; } .layout-services.services-layout2 .cms-services-header { margin-top: 10px; } .layout-services.services-layout2 .cms-services-content { padding-top: 15px; } .layout-services.services-layout2 .cms-services-meta img { max-width: 36px; } .layout-services.services-layout3 .cms-services-meta { position: relative; } .layout-services.services-layout3 .cms-services-meta:before { width: 32px; height: 2px; background-color: #282828; position: absolute; bottom: 0; left: 0; content: ""; } .layout-services.services-layout3 .cms-services-meta img { max-width: 36px; } .layout-services.services-layout3 .cms-services-content { padding-top: 24px; } .layout-services.services-layout4 .cms-services-meta i, .layout-services.services-layout4 .cms-services-meta span { border: 2px solid #282828; -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: inline-block; height: 94px; line-height: 94px; width: 94px; 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; } .layout-services.services-layout4 .cms-services-meta i:after, .layout-services.services-layout4 .cms-services-meta span:after { position: absolute; top: 4px; left: 4px; bottom: 4px; right: 4px; content: ""; border: 2px solid #458225; opacity: 0; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; /* BACKGROUND GRADIENT */ } .layout-services.services-layout4 .cms-services-meta .cms-services-title { margin-top: 20px; margin-bottom: 0; } .layout-services.services-layout4 .cms-services-meta img { display: inline-block; max-width: 36px; vertical-align: middle; } .layout-services.services-layout4 .cms-services-body { padding-top: 4px; } .layout-services.services-layout4 .cms-services-item-inner:hover .cms-services-meta i, .layout-services.services-layout4 .cms-services-item-inner:hover .cms-services-meta span { background-color: #282828; color: #fff; } .layout-services.services-layout4 .cms-services-item-inner:hover .cms-services-meta i:after, .layout-services.services-layout4 .cms-services-item-inner:hover .cms-services-meta span:after { opacity: 1; } .layout-services.services-layout5 { color: #fff; } .layout-services.services-layout5 .bg-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; 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; } .layout-services.services-layout5 .cms-services-item-inner { background-size: cover; padding: 100px 80px; position: relative; 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; } .layout-services.services-layout5 .cms-services-item-inner .line-gap { background-color: #fff; } .layout-services.services-layout5 .cms-services-item-inner .cms-services-icon { color: #fff; } .layout-services.services-layout5 .cms-services-item-inner img.cms-services-icon { display: inline-block; max-width: 100px; } .layout-services.services-layout5 .cms-services-item-inner .cms-services-subtitle { color: #f9f9f9; margin-bottom: 5px; } .layout-services.services-layout5 .cms-services-item-inner .cms-services-title { margin-top: 12px; } .layout-services.services-layout5 .cms-services-item-inner .cms-services-title a { color: #fff; } .layout-services.services-layout5 .cms-services-item-inner .cms-services-body { padding-top: 5px; } .layout-services.services-layout5 .cms-services-item-inner .cms-services-readmore .btn { border-color: #fff; color: #fff; } .layout-services.services-layout5 .cms-services-item-inner .cms-services-readmore .btn:hover { background-color: transparent; color: #fff; } .layout-services.services-layout5 .cms-services-item:hover .bg-overlay, .layout-services.services-layout5 .cms-services-item:hover .cms-services-item-inner { opacity: 1; } .layout-services.services-layout6 .cms-services-header { margin-bottom: 12px; } .layout-services.services-layout6 .cms-services-meta { padding-bottom: 6px; } .layout-services.services-layout6 .cms-services-meta .cms-services-title { margin-bottom: 0; } .layout-services.services-layout6 .cms-grid-item { margin-bottom: 50px; } .layout-services.services-layout7 .cms-services-icon-wrap { margin-bottom: 20px; } .layout-services.services-layout7 .cms-services-icon { font-size: 46px; color: #458225; } .layout-services.services-layout7 .cms-services-meta { margin-bottom: 8px; } .layout-services.services-layout8 .bg-overlay { background-color: #fff; position: absolute; top: 0; left: 0; bottom: 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; } .layout-services.services-layout8 .cms-services-item { position: relative; } .layout-services.services-layout8 .cms-services-item .cms-services-item-inner { -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 */ -webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.15); -moz-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.15); -ms-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.15); box-shadow: 0 2px 3px rgba(40, 40, 40, 0.15); padding: 72px 40px 40px; position: relative; } .layout-services.services-layout8 .cms-services-item .cms-services-item-inner .cms-services-title { font-size: 22px; } .layout-services.services-layout8 .cms-services-item .cms-services-item-inner .cms-services-subtitle { color: rgba(34, 34, 34, 0.8); } .layout-services.services-layout8 .cms-services-item .cms-services-item-inner .cms-services-title, .layout-services.services-layout8 .cms-services-item .cms-services-item-inner .cms-services-subtitle, .layout-services.services-layout8 .cms-services-item .cms-services-item-inner .cms-services-content { -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .layout-services.services-layout8 .cms-services-item .cms-services-item-inner .line-gap { background-color: #cecece; } .layout-services.services-layout8 .cms-services-item .cms-services-item-inner .cms-services-readmore { font-size: 13px; font-weight: 700; text-transform: uppercase; } .layout-services.services-layout8 .cms-services-item .cms-services-item-inner .cms-services-readmore i { padding-right: 6px; } .layout-services.services-layout8 .cms-services-item:hover .bg-overlay { background-color: rgba(27, 26, 26, 0.8); } .layout-services.services-layout8 .cms-services-item:hover .cms-services-item-inner .cms-services-title a { color: #fff; } .layout-services.services-layout8 .cms-services-item:hover .cms-services-item-inner .cms-services-subtitle { color: rgba(255, 255, 255, 0.8); } .layout-services.services-layout8 .cms-services-item:hover .cms-services-item-inner .cms-services-content { color: #ededed; } .layout-services.services-layout8 .cms-services-item:hover .cms-services-item-inner .cms-services-readmore a { color: #458225; } .layout-services.services-layout8 .cms-services-item:hover .cms-services-item-inner .cms-services-readmore a:hover { color: #fff; } .layout-services.services-layout9 .cms-services-meta i { background-color: #458225; background-image: -webkit-gradient(linear, left top, right top, from(#458225), to(#222)); background-image: -webkit-linear-gradient(left, #458225, #222); background-image: -moz-linear-gradient(left, #458225, #222); background-image: -ms-linear-gradient(left, #458225, #222); background-image: -o-linear-gradient(left, #458225, #222); background-image: linear-gradient(left, #458225, #222); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#458225', endColorStr='#222', gradientType='1'); /* Vertical Top */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; font: 48px; } .layout-services.services-layout9 .cms-services-title { margin-top: 20px; margin-bottom: 17px; } .layout-services.services-layout9 .cms-services-title a { color: #222; } .layout-services.services-layout9 .cms-services-title a:hover { color: #458225; } .layout-services.services-layout9 .cms-services-item-inner { padding-bottom: 68px; } .cms-carousel.layout-services.services-layout1 .cms-services-item-inner { margin-bottom: 5px; } .rm-title-upper .cms-heading-content .title { text-transform: none; /* End Grid Services */ /* Start Gallery */ } .layout-gallery { /* End GAllery */ /* ========================================================================== [End] 12. CMS Grid ========================================================================== */ } .layout-gallery .cms-gallery-item { padding: 0; } .layout-gallery .cms-gallery-item img { width: 100%; } .layout-gallery .cms-gallery-item .cms-grid-item-inner { position: relative; overflow: hidden; } .layout-gallery .cms-gallery-item .cms-grid-item-inner .cms-gallery-title { color: #fff; font-size: 22px; font-weight: 500; line-height: 28px; margin-bottom: 8px; } .layout-gallery .cms-gallery-item .cms-grid-item-inner .cms-gallery-category a { color: #fff; } .layout-gallery .cms-gallery-item .cms-grid-item-inner .cms-gallery-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; } .layout-gallery .cms-gallery-item .cms-grid-item-inner .cms-gallery-content:before { background-color: #458225; position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; opacity: 0.85; filter: alpha(opacity=0.85); content: ""; } .layout-gallery .cms-gallery-item .cms-grid-item-inner .cms-gallery-content .cms-gallery-content-inner { 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: 100%; text-align: center; } .layout-gallery .cms-gallery-item .cms-grid-item-inner .cms-gallery-content .cms-gallery-content-inner span { color: #fff; font-size: 40px; height: 44px; line-height: 44px; text-align: center; width: 44px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .layout-gallery .cms-gallery-item .cms-grid-item-inner .cms-gallery-content .cms-gallery-content-inner span:hover { color: #222; } .layout-gallery .cms-gallery-item .cms-grid-item-inner .cms-gallery-content:hover { opacity: 1; } .layout-gallery .navigation { margin-top: 50px; } .layout-gallery.no-bottom-padding .navigation { margin-top: 35px; } .cms-countdown-wraper .countdown-item-container { -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 */ background-color: #f9f9f9; text-align: center; padding-top: 46px; padding-bottom: 32px; } .cms-countdown-wraper .countdown-item-container .countdown-amount { font-size: 65px; line-height: 46px; color: #222; display: block; margin-bottom: 21px; font-weight: 700 !important; } .cms-countdown-wraper .countdown-item-container .countdown-period { font-size: 15px; font-weight: 700; color: #a5a5a5; } .pagination li { /* [Start] 14. Call To Action +-----------------------------------+ */ } .pagination li a, .pagination li span { -webkit-border-radius: 0 !important; -khtml-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; /* BACKGROUND GRADIENT */ padding: 9px 0; border-color: #e5e5e5; border-width: 1px; color: #222; font-size: 14px; font-weight: 400; margin-bottom: 10px; margin-left: 10px; max-width: 40px; min-width: 40px; padding: 9px 0; text-align: center; text-transform: uppercase; } .pagination li.active a, .pagination li:hover a { background-color: #458225; border-color: #458225; color: #fff; } .cms-cta-wrapper { padding: 44px 0; /* [Start] 14. Call To Action +-----------------------------------+ */ /* [Start] 15. CMS Projects +-----------------------------------+ */ } .cms-cta-wrapper .cms-cta-content { padding-top: 8px; padding-bottom: 8px; } .cms-cta-wrapper .cms-cta-content .title, .cms-cta-wrapper .cms-cta-content .desc { color: #282828; font-size: 26px; letter-spacing: 0.06em; line-height: normal; font-weight: 500; display: inline-block; } .cms-cta-wrapper .cms-cta-content .title { font-weight: 700; border-bottom: 2px solid #282828; } .cms-cta-wrapper.style2 { border: 1px solid rgba(255, 255, 255, 0.4); margin: 54px 0; padding: 28px; } .cms-cta-wrapper.style3 { padding: 25px 0; } .cms-cta-wrapper.cta-left .cms-cta-content { float: right; text-align: right; } .cms-cta-wrapper.cta-left .cms-cta-button { text-align: left; } .cms-projects-style.grid-dark .cms-grid-filter li a { color: #807f7f; } .cms-projects-style.grid-dark .cms-grid-filter li a:hover, .cms-projects-style.grid-dark .cms-grid-filter li a.active { color: #458225; } .cms-projects-style.grid-dark .cms-load-posts .btn { border-color: #807f7f; color: #807f7f; background-color: transparent; } .cms-projects-style.grid-dark .cms-load-posts .btn:hover { border-color: #458225; color: #458225; } .cms-projects-style1 { /* [End] 15. CMS Projects +-----------------------------------+ */ } .cms-projects-style1 .cms_pagination { margin-top: 50px; } .cms-projects-style1 .cms-projects-item-inner { position: relative; overflow: hidden; } .cms-projects-style1 .cms-projects-item-inner .cms-projects-image img { width: 100%; } .cms-projects-style1 .cms-projects-item-inner .cms-projects-image:before { background: rgba(47, 47, 47, 0.95); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 290ms linear 0ms; -moz-transition: all 290ms linear 0ms; -ms-transition: all 290ms linear 0ms; transition: all 290ms linear 0ms; } .cms-projects-style1 .cms-projects-item-inner .cms-projects-hover { left: 0; position: absolute; right: 0; top: 0; bottom: 0; padding: 50px; } .cms-projects-style1 .cms-projects-item-inner .cms-projects-hover .cms-projects-category { -webkit-transform: translateX(-100px); -khtml-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: all 290ms linear 0ms; -moz-transition: all 290ms linear 0ms; -ms-transition: all 290ms linear 0ms; transition: all 290ms linear 0ms; opacity: 0; filter: alpha(opacity=0); } .cms-projects-style1 .cms-projects-item-inner .cms-projects-hover .cms-projects-category a { color: #a9a9a9; font-size: 13px; text-transform: uppercase; line-height: 1; margin-bottom: 2px; } .cms-projects-style1 .cms-projects-item-inner .cms-projects-hover .cms-projects-category a:hover { color: #458225; } .cms-projects-style1 .cms-projects-item-inner .cms-projects-hover .cms-projects-title { -webkit-transform: translateX(-100px); -khtml-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -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; filter: alpha(opacity=0); } .cms-projects-style1 .cms-projects-item-inner .cms-projects-hover .cms-projects-title a { color: #fff; font-size: 18px; text-transform: uppercase; line-height: normal; } .cms-projects-style1 .cms-projects-item-inner .cms-projects-hover .cms-projects-title a:hover { color: #458225; } .cms-projects-style1 .cms-projects-item-inner .cms-projects-hover .cms-projects-readmore a { color: #458225; font-size: 36px; font-weight: 300; position: absolute; left: 50px; bottom: 50px; -webkit-transition: all 290ms linear 0ms; -moz-transition: all 290ms linear 0ms; -ms-transition: all 290ms linear 0ms; transition: all 290ms linear 0ms; opacity: 0; filter: alpha(opacity=0); } .cms-projects-style1 .cms-projects-item-inner:hover .cms-projects-hover .cms-projects-category, .cms-projects-style1 .cms-projects-item-inner:hover .cms-projects-hover .cms-projects-title { -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; filter: alpha(opacity=1); } .cms-projects-style1 .cms-projects-item-inner:hover .cms-projects-hover .cms-projects-readmore a { opacity: 1; filter: alpha(opacity=1); } .cms-projects-style1 .cms-projects-item-inner:hover .cms-projects-image:before { opacity: 1; filter: alpha(opacity=1); } .cms-projects-style1 .cms-projects-item.col-lg-3 .cms-projects-hover { padding: 25px; } .cms-projects-style1 .cms-projects-item.col-lg-3 .cms-projects-hover .cms-projects-readmore a { left: 25px; bottom: 25px; } .custom-map > .vc_column_wrapper { background-color: #fff; margin: 0 15px; padding: 88px; /* Loading */ } .cms-loader:before, .cms-loader:after, .cms-loader { border-radius: 50%; height: 18px; width: 18px; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: cmsloader 1.8s infinite ease-in-out; animation: cmsloader 1.8s infinite ease-in-out; } .cms-loader { font-size: 10px; margin: auto; position: relative; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-loader:before, .cms-loader:after { content: ''; position: absolute; top: 0; } .cms-loader:before { left: -28px; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .cms-loader:after { left: 28px; } @-webkit-keyframes cmsloader { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em #458225; } 40% { box-shadow: 0 2.5em 0 0 #458225; } } @keyframes cmsloader { /* [Start] 16. CMS Shop +-----------------------------------+ */ 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em #458225; } 40% { box-shadow: 0 2.5em 0 0 #458225; } } .cms-grid-shop-layout1 { /* [Start] 17. CMS Section Feature +-----------------------------------+ */ } .cms-grid-shop-layout1 .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-layout1 .cshere-woo-item-wrap .cshero-woo-image img { margin-bottom: 0; padding: 30px; width: 100%; } .cms-grid-shop-layout1 .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart { height: 100%; left: 0; position: absolute; top: 0; width: 100%; opacity: 0; -webkit-transition: all 400ms ease 0ms; -moz-transition: all 400ms ease 0ms; -ms-transition: all 400ms ease 0ms; transition: all 400ms ease 0ms; background-color: rgba(34, 34, 34, 0.95); } .cms-grid-shop-layout1 .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a { display: block; left: 30px; position: absolute; right: 30px; bottom: 30px; text-align: center; background-color: #fff; border-color: #fff; color: #222; } .cms-grid-shop-layout1 .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a.add_to_cart_button.added { display: none; } .cms-grid-shop-layout1 .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a.added_to_cart { padding: 17px 26px; font-weight: 700; letter-spacing: 0.02em; line-height: 1; text-transform: uppercase; font-size: 13px; } .cms-grid-shop-layout1 .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a:hover { border-color: #458225; background-color: #458225 !important; color: #fff; } .cms-grid-shop-layout1 .cshere-woo-item-wrap .cshero-woo-image:hover .cshero-add-to-cart { opacity: 1; } .cms-grid-shop-layout1 .cshere-woo-item-wrap .cshero-woo-meta { padding: 19px 0 60px; text-align: center; } .cms-grid-shop-layout1 .cshere-woo-item-wrap .cshero-woo-meta .cshero-product-title { font-size: 18px; line-height: 26px; margin: 0 0 13px; padding: 4px 0 0; } .cms-grid-shop-layout1 .cshere-woo-item-wrap .cshero-woo-meta .cshero-product-price { font-size: 16px; line-height: 1; } .cms-grid-shop-layout1 .cshere-woo-item-wrap .cshero-woo-meta .cshero-product-price ins { background-color: transparent; color: inherit; } .cms-grid-shop-layout1 .cshere-woo-item-wrap .cshero-woo-meta .cshero-product-price del { font-size: 13px; color: #a9a9a9; } .cms-button-video { background-color: #1b1a1a; border-radius: 1px; color: #fff; display: inline-block; font-size: 32px; height: 52px; line-height: 52px; width: 62px; text-align: center; } .cms-button-video i { line-height: 52px; } .cms-button-video:hover, .cms-button-video:focus { background-color: #458225; color: #fff; } .cms-button-video.btn-video-primary { background-color: #458225; } .cms-button-video.btn-video-primary:hover { opacity: 0.8; } .cms-button-video.btn-video2 { height: 70px; width: 70px; background-color: rgba(27, 26, 26, 0.5); text-align: center; line-height: 70px !important; -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-button-video.btn-video2 i { font-size: 48px; color: #fff; line-height: 1; display: inline; vertical-align: middle; } .cms-button-video.btn-video2:hover { background-color: #458225; } .cms-button-video.btn-video3 { background-color: transparent; } .cms-button-video.btn-video3 i { font-size: 64px; } .cms-button-video.btn-video3:hover { color: #458225; } .wpb_raw_code .cms-button-video { display: flex; margin: auto; } .wpb_raw_code .cms-button-video i { margin: auto; } .wg-text-help { background-image: url(../images/need-help.jpg); background-repeat: no-repeat; background-size: cover; padding: 30px; color: #fff; position: relative; /* [Start] 17. CMS Overview +-----------------------------------+ */ } .wg-text-help:before { height: 100%; width: 100%; position: absolute; top: 0; left: 0; content: ""; background-color: #458225; opacity: 0.55; } .wg-text-help:after { background-image: -webkit-linear-gradient(#458225, rgba(0, 0, 0, 0)); background-image: -webkit-linear-gradient(center bottom, #458225, rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(center bottom, #458225, rgba(0, 0, 0, 0)); background-image: -ms-linear-gradient(center bottom, #458225, rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(center bottom, #458225, rgba(0, 0, 0, 0)); background-image: linear-gradient(center bottom, #458225, rgba(0, 0, 0, 0)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#458225', endColorStr='rgba(0, 0, 0, 0)', gradientType='1'); /* BACKGROUND RADIAL */ content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; opacity: 1; } .wg-text-help h3 { font-size: 16px; color: #fff; line-height: 1; position: relative; z-index: 1; padding-bottom: 25px; margin-bottom: 20px; } .wg-text-help h3:before { width: 30px; position: absolute; bottom: 4px; left: 0; content: ""; height: 2px; background-color: #282828; } .wg-text-help h3:after { width: 20px; position: absolute; bottom: 0; left: 0; content: ""; height: 2px; background-color: #282828; } .wg-text-help p { font-size: 15px; font-style: italic; font-weight: 500; letter-spacing: 0.01em; position: relative; z-index: 1; margin-bottom: 19px; } .wg-text-help .btn { position: relative; z-index: 1; padding: 12px 13px; } .wg-text-help .btn i { padding-right: 6px; padding-left: 0; } .cms-carousel-overview-layout1 { /* [Start] 19. CMS Process +-----------------------------------+ */ } .cms-carousel-overview-layout1 .cms-overview-inner { position: relative; } .cms-carousel-overview-layout1 .cms-overview-inner img { width: 100%; } .cms-carousel-overview-layout1 .cms-overview-inner .cms-overview-content { position: absolute; width: 100%; left: 0; padding: 50px; 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-overview-layout1 .cms-overview-inner .cms-overview-content .cms-overview-title { color: #222; font-size: 35px; line-height: 40px; max-width: 320px; } .cms-carousel-overview-layout1 .cms-overview-inner .cms-overview-content .cms-overview-description { color: #616161; font-size: 17px; line-height: 26px; max-width: 400px; } .cms-carousel-overview-layout1 .cms-overview-inner .cms-overview-content .cms-overview-readmore { padding-top: 10px; } .cms-carousel-overview-layout1 .cms-overview-inner .cms-overview-content .cms-overview-readmore .btn { padding-left: 40px; padding-right: 40px; } .cms-carousel-overview-layout1 .owl-controls .owl-dots { bottom: 24px; left: 50%; margin: 0; position: absolute; -webkit-transform: translate(-50%, 0px); -khtml-transform: translate(-50%, 0px); -moz-transform: translate(-50%, 0px); -ms-transform: translate(-50%, 0px); -o-transform: translate(-50%, 0px); transform: translate(-50%, 0px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-carousel-overview-layout1 .owl-controls .owl-dots .owl-dot span { background-color: rgba(255, 255, 255, 0.4); } .cms-carousel-overview-layout1 .owl-controls .owl-dots .owl-dot.active span { background-color: #fff; } .cms-carousel-overview-layout1.text-right .cms-overview-title, .cms-carousel-overview-layout1.text-right .cms-overview-description, .cms-carousel-overview-layout1.text-right .cms-overview-readmore { display: inline-block; float: right; clear: right; } .cms-process-layout1 { /* [Start] 19. CMS Careers +-----------------------------------+ */ } .cms-process-layout1 .cms-process-list { position: relative; padding-top: 15px; } .cms-process-layout1 .cms-process-list:before { height: 100%; width: 2px; background-color: #cecece; position: absolute; top: 0; left: 84px; content: ""; } .cms-process-layout1 .cms-process-list li { padding-bottom: 45px; } .cms-process-layout1 .cms-process-list li:last-child { padding-bottom: 0; } .cms-process-layout1 .cms-process-list .cms-process-year { font-size: 25px; color: #458225; float: left; width: 85px; line-height: 29px; position: relative; padding-right: 18px; } .cms-process-layout1 .cms-process-list .cms-process-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-process-layout1 .cms-process-list .cms-process-title { font-size: 20px; font-weight: 500; line-height: 29px; margin-bottom: 7px; } .cms-process-layout1 .cms-process-list .cms-process-content { padding-left: 120px; } .single-careers-wrap { margin-bottom: 100px; } .cms-careers-default { /* [Start] 21. CMS Partner +-----------------------------------+ */ } .cms-careers-default .cms-careers-inner { border: 1px solid #e8e8e8; -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-careers-default .cms-careers-inner ul { border-bottom: 1px solid #e8e8e8; padding: 32px 15px; } .cms-careers-default .cms-careers-inner ul li { display: inline-block; font-size: 13px; color: #9b9b9b; font-weight: 500; line-height: 23px; } .cms-careers-default .cms-careers-inner ul li a { color: #9b9b9b; } .cms-careers-default .cms-careers-inner ul li.cms-careers-title a { font-size: 16px; color: #458225; font-weight: 700; } .cms-careers-default .cms-careers-inner ul li.cms-careers-title a:hover { color: #222; } .cms-careers-default .cms-careers-inner ul li i { font-size: 16px; padding-right: 5px; } .cms-partner-layout1 { /* [Start] 22. CMS Case +-----------------------------------+ */ } .cms-partner-layout1 .cms-partner-image { float: left; width: 170px; } .cms-partner-layout1 .cms-partner-image a { background-color: #f9f9f9; border: 1px solid #e7e9e9; display: block; max-height: 115px; width: 100%; text-align: 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 */ } .cms-partner-layout1 .cms-partner-image a img { max-height: 115px; max-width: 100%; } .cms-partner-layout1 .cms-partner-content { padding-left: 200px; margin-bottom: 64px; } .cms-partner-layout1 .cms-partner-content .cms-partner-title { font-size: 20px; line-height: 30px; margin-bottom: 5px; } .cms-partner-layout1 .cms-partner-content .cms-partner-subtitle { position: relative; padding-bottom: 20px; margin-bottom: 10px; } .case-layout .cms-title-case { font-size: 22px; line-height: 1; letter-spacing: 0.04em; text-transform: uppercase; text-align: center; margin-bottom: 25px; } .case-layout .grid-case-categories { margin-top: 24px; margin-bottom: 6px; } .case-layout .grid-case-categories a { font-size: 13px; font-weight: 600; text-transform: uppercase; } .case-layout .grid-case-title { font-size: 18px; line-height: 28px; font-weight: normal; margin-bottom: 0; } .case-layout .grid-case-title a { color: #222; } .case-layout .grid-case-title a:hover { color: #458225; } .case-layout .grid-case-image img { width: 100%; height: auto; } .cms-case-layout1 .grid-case-body { background-color: #fff; padding: 30px; background-color: #fff; border-color: #eee; -webkit-border-radius: 0 0 3px 3px; -khtml-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; /* BACKGROUND GRADIENT */ border-style: solid; border-width: 0 1px 1px; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); margin-bottom: 30px; } .cms-case-layout1 .grid-case-body .grid-case-image { position: relative; } .cms-case-layout1 .grid-case-body .grid-case-image img { -webkit-border-radius: 0 0 3px 3px; -khtml-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; /* BACKGROUND GRADIENT */ } .cms-case-layout1 .grid-case-body .grid-case-image:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #458225; content: ""; 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-border-radius: 0 0 3px 3px; -khtml-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; /* BACKGROUND GRADIENT */ } .cms-case-layout1 .grid-case-body .grid-case-image .grid-case-more { color: #fff; font-size: 50px; font-weight: 300; height: 40px; left: 0; line-height: 40px; margin: auto; position: absolute; right: 0; text-align: center; top: 50%; -webkit-transform: translate(0px, -50%) scale(0); -khtml-transform: translate(0px, -50%) scale(0); -moz-transform: translate(0px, -50%) scale(0); -ms-transform: translate(0px, -50%) scale(0); -o-transform: translate(0px, -50%) scale(0); transform: translate(0px, -50%) scale(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: all 300ms ease 0ms; -moz-transition: all 300ms ease 0ms; -ms-transition: all 300ms ease 0ms; transition: all 300ms ease 0ms; width: 40px; } .cms-case-layout1 .grid-case-body .grid-case-content .grid-case-categories a { color: #458225; } .cms-case-layout1 .grid-case-body:hover .grid-case-image:before { opacity: 0.7; } .cms-case-layout1 .grid-case-body:hover .grid-case-image .grid-case-more { -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-case-layout1 .cms-grid-filter ul li a { color: #333; } .cms-case-layout1 .cms-grid-filter ul li a.active, .cms-case-layout1 .cms-grid-filter ul li a:hover { color: #458225; } .cms-case-layout1 .cms-title-case + .cms-grid-filter ul { margin-bottom: 30px; } .cms-case-layout1 .pagination { margin-top: 20px; } .cms-case-layout2 .grid-case-body { margin-bottom: 30px; } .cms-case-layout2 .grid-case-body .grid-case-image { position: relative; } .cms-case-layout2 .grid-case-body .grid-case-image img { -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ } .cms-case-layout2 .grid-case-body .grid-case-image:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #458225; content: ""; opacity: 0; -webkit-transition: all 230ms ease 0ms; -moz-transition: all 230ms ease 0ms; -ms-transition: all 230ms ease 0ms; transition: all 230ms ease 0ms; -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-case-layout2 .grid-case-body .grid-case-content-hover { bottom: 0; left: 0; padding: 26px 30px; position: absolute; width: 100%; } .cms-case-layout2 .grid-case-body .grid-case-content-hover .grid-case-categories { -webkit-transform: translateX(40px); -khtml-transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px); -o-transform: translateX(40px); transform: translateX(40px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: all 280ms ease 0ms; -moz-transition: all 280ms ease 0ms; -ms-transition: all 280ms ease 0ms; transition: all 280ms ease 0ms; opacity: 0; } .cms-case-layout2 .grid-case-body .grid-case-content-hover .grid-case-categories a { color: #dedede; } .cms-case-layout2 .grid-case-body .grid-case-content-hover .grid-case-title { -webkit-transform: translateX(40px); -khtml-transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px); -o-transform: translateX(40px); transform: translateX(40px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: all 330ms ease 0ms; -moz-transition: all 330ms ease 0ms; -ms-transition: all 330ms ease 0ms; transition: all 330ms ease 0ms; opacity: 0; } .cms-case-layout2 .grid-case-body .grid-case-content-hover .grid-case-title a { color: #fff; } .cms-case-layout2 .grid-case-body .grid-case-content-hover .grid-case-title a:hover { color: #222; } .cms-case-layout2 .grid-case-body:hover .grid-case-image:before { opacity: 0.7; } .cms-case-layout2 .grid-case-body:hover .grid-case-image .grid-case-content-hover .grid-case-categories, .cms-case-layout2 .grid-case-body:hover .grid-case-image .grid-case-content-hover .grid-case-title { -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-case-layout2 .cms-grid-filter ul { margin-bottom: 12px; } .cms-case-layout2 .cms-grid-filter ul li a { color: #333; } .cms-case-layout2 .cms-grid-filter ul li a.active, .cms-case-layout2 .cms-grid-filter ul li a:hover { color: #458225; } .cms-case-layout2 .pagination { margin-top: 20px; } .cms-case-layout2.cms-case-custom-layout3 .grid-case-body { margin-bottom: 0; } .cms-case-layout2.cms-case-custom-layout3 .grid-case-body .grid-case-image:before { -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 */ background-color: rgba(34, 34, 34, 0.95); -webkit-transition: all 330ms ease 0ms; -moz-transition: all 330ms ease 0ms; -ms-transition: all 330ms ease 0ms; transition: all 330ms ease 0ms; } .cms-case-layout2.cms-case-custom-layout3 .grid-case-body .grid-case-image img { -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; /* BACKGROUND GRADIENT */ } .cms-case-layout2.cms-case-custom-layout3 .grid-case-body:hover .grid-case-image:before { left: 30px; right: 30px; top: 30px; bottom: 30px; } .cms-case-layout2.cms-case-custom-layout3 .cms-grid-item { padding: 0; } .cms-case-layout2.cms-case-custom-layout3 .cms-grid-item .grid-case-categories a { text-transform: none; } .cms-case-layout2.cms-case-custom-layout3 .cms-grid-item .grid-case-title { font-style: normal; } .cms-case-layout2.cms-case-custom-layout3 .cms-grid-item .grid-case-title a:hover { color: #458225; } .cms-case-layout2.cms-case-custom-layout3 .cms-grid-item .grid-case-content-hover { width: inherit; left: 30px; right: 30px; bottom: 30px; } .cms-grid-demo { text-align: center; } .cms-grid-demo .cms-filter-category { margin-bottom: 12px; } .cms-grid-demo .cms-filter-category li a { color: #333; font-weight: 800; } .cms-grid-demo .cms-filter-category li a:hover { color: #458225; } .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 .grid-demo-title { font-size: 16px; line-height: 1; margin-top: 25px; margin-bottom: 25px; } .cms-grid-demo .grid-demo-title a { color: #222; } .cms-grid-demo .grid-demo-title a:hover { color: #458225; } .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: 24px; -webkit-transition: all 260ms ease 0ms; -moz-transition: all 260ms ease 0ms; -ms-transition: all 260ms ease 0ms; transition: all 260ms ease 0ms; } .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: #458225; } .cms-carousel-showcase .owl-controls .owl-prev { left: 21%; } .cms-carousel-showcase .owl-controls .owl-next { right: 21%; } .cms-carousel.cms-fancyboxes-wraper .cms-fancybox-item { margin-bottom: 55px; } .cms-carousel.cms-fancyboxes-wraper .cms-fancybox-item:last-child { margin-bottom: 0; } .cms-carousel.cms-fancyboxes-wraper .cms-fancybox-icon .fancy-box-icon i { color: #458225; font-size: 32px; } .cms-carousel.cms-fancyboxes-wraper .cms-fancybox-title { padding-top: 10px; margin-bottom: 8px; } .social-box .cs-social { /* ========================================================================== [Start] 22. Pie chart ========================================================================== */ } .social-box .cs-social li { padding: 0; } .social-box .cs-social li + li { padding-left: 6px; } .social-box .cs-social li a { font-size: 15px; height: 36px; width: 36px; line-height: 36px; background-color: #458225; -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 */ display: block; text-align: center; } .social-box .cs-social li a i { color: #fff; } .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: #458225; 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: #458225; 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 */ } @media screen and (max-width: 1600px) { #cms-theme.header-21 { margin-left: 270px; } #cms-theme.header-21 #cshero-header-left { padding: 50px 30px !important; width: 270px !important; } #cms-theme.header-21 #page-default .entry-content > .vc_row { padding-left: 50px; padding-right: 50px; } #cms-theme.header-21 .vc_row[data-vc-full-width] { padding-left: 50px !important; padding-right: 50px !important; } #cms-theme.header-21 .vc_row[data-vc-stretch-content] { padding-left: 0 !important; padding-right: 0 !important; } #cms-theme.header-21 .cms-cta-wrapper .container { padding-left: 50px; padding-right: 50px; } #cms-theme.header-21 #cshero-footer #cshero-footer-top > .container, #cms-theme.header-21 #cshero-footer #cshero-footer-bottom > .container { width: 100%; padding-left: 50px; padding-right: 50px; } #cms-theme.header-21 #cshero-footer #cshero-footer-feature-top > .container { padding-left: 65px; padding-right: 65px; } #cms-theme.header-21 #page-title.br-style9 { padding-left: 50px; padding-right: 50px; } } @media screen and (max-width: 1400px) { #cshero-footer.cshero-footer9 #cshero-footer-top { padding-top: 120px; padding-bottom: 80px; } #cshero-footer.cshero-footer9 #cshero-footer-top .wg-heading-sub { font-size: 15px; } #cshero-footer.cshero-footer9 #cshero-footer-top .wg-heading-footer { font-size: 36px; line-height: 42px; } } @media screen and (min-width: 1360px) { .cms-carousel-client-layout3.navigation-horizontal-center .owl-controls .owl-prev, .cms-carousel-client-layout3.navigation-horizontal-center .owl-controls .owl-next { left: -81px; margin: 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 */ } .cms-carousel-client-layout3.navigation-horizontal-center .owl-controls .owl-next { left: inherit; right: -81px; } } @media screen and (max-width: 1360px) { .column-padding-small .vc_column-inner { padding-left: 15px !important; padding-right: 15px !important; } } @media screen and (max-width: 1200px) { .cms-carousel-blog-layout2 .owl-nav .owl-prev { left: 0; } .cms-carousel-blog-layout2 .owl-nav .owl-next { right: 0; } #cms-theme.header-21 { margin-left: 0px; border: none; } #cms-theme.header-21 #cshero-menu-left-mobile { display: block; } #cms-theme.header-21 #cshero-header-left { padding: 50px 30px !important; width: 270px !important; z-index: 1001; -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 */ opacity: 0; visibility: hidden; -webkit-transition: all 220ms ease 0ms; -moz-transition: all 220ms ease 0ms; -ms-transition: all 220ms ease 0ms; transition: all 220ms ease 0ms; } #cms-theme.header-21 #page-title.br-style9 { padding-left: 65px; padding-right: 65px; } #cms-theme.header-21 #page-title.br-style9 #page-title-text, #cms-theme.header-21 #page-title.br-style9 #breadcrumb-text { text-align: center; width: 100%; } #cms-theme.header-21.menu-left-open #cshero-header-left { 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 */ } #cshero-footer #cshero-footer-top .footer-time li { float: none; width: 100%; } #cshero-footer #cshero-footer-top .footer-time li:nth-child(2n) { text-align: left; } #cshero-footer #cshero-footer-top ul.menu li { float: none; width: 100%; } #cshero-header-navigation .main-navigation .menu-main-menu > ul > li, #cshero-header-navigation .main-navigation .menu-main-menu > li { padding: 0 6px; } #cshero-header-navigation .main-navigation li ul:not(.wg-menu-item) { min-width: 190px; } #cshero-header-inner #cshero-header #cshero-header-logo a span, #cshero-header-inner.header-1 .top-media.last, #cshero-header-inner.header-9 .top-media.last { display: none; /* Footer */ } #cshero-footer-bottom .title-social { display: block; margin-bottom: 12px; } #cshero-footer-bottom .cs-social { margin-left: -2px; } #cshero-footer-bottom .title-newsletter { position: static; margin-bottom: 12px; } #cshero-footer-bottom .newsletter-widget { padding-left: 0; } } @media screen and (min-width: 1270px) { body .cs-boxed { margin: auto; width: 1270px; } body .cs-boxed .container { width: 100%; } body .cs-boxed #cshero-footer { padding: 0 35px; } body .cs-boxed #cshero-footer #cshero-footer-feature-top .container { max-width: 1170px; padding: 0 35px; } body #page-wrapper.cs-boxed #cshero-header-inner #cshero-header-top { margin: auto; max-width: 1170px; } body #page-wrapper.cs-boxed #cshero-header-inner #cshero-header { margin: auto; max-width: 1170px; padding: 0; } body #page-wrapper.cs-boxed #cshero-header-inner #cshero-header > .container { padding: 0; } body #page-wrapper.cs-boxed #cshero-header-inner #cshero-header.header-fixed { max-width: 1270px; } body #page-wrapper.cs-boxed #cshero-header-inner #cshero-header.header-fixed > .container { padding: 0 50px; } body #page-wrapper.cs-boxed #cshero-header-inner.header-1 .h-cart-wrapper i.cart, body #page-wrapper.cs-boxed #cshero-header-inner.header-7 .h-cart-wrapper i.cart { margin-right: 0; } body #page-wrapper.cs-boxed #cshero-header-inner.header-1 .nav-button-icon .top-media, body #page-wrapper.cs-boxed #cshero-header-inner.header-7 .nav-button-icon .top-media { margin-left: 24px; } body #page-wrapper.cs-boxed #cshero-header-inner.header-1 .nav-button-icon .top-media.last, body #page-wrapper.cs-boxed #cshero-header-inner.header-7 .nav-button-icon .top-media.last { display: none; } body #page-wrapper.cs-boxed #cshero-header-inner.header-2 #cshero-header { padding: 0 15px; } body #page-wrapper.cs-boxed #cshero-header-inner.header-15 .container { padding: 0; } body #page-wrapper.cs-boxed #cshero-header-inner.header-15 #cshero-header { padding: 0; } body #page-wrapper.cs-boxed #cshero-header-inner.header-15 #cshero-header.header-fixed { max-width: 1170px; } body #page-wrapper.cs-boxed #cshero-header-inner.bg-trans #cshero-header { padding: 0 50px; max-width: 1270px; } body #page-wrapper.cs-boxed #cshero-header-inner.bg-trans #cshero-header.header-fixed > .container { padding: 0; } body #page-wrapper.cs-boxed #cshero-header-inner.custom-header18 { background-color: #fff; } body #page-wrapper.cs-boxed #cshero-header-inner.custom-header18 #cshero-header-wrapper { padding: 0 20px; } body #page-wrapper.cs-boxed #cshero-header-inner.custom-header18 #cshero-header-wrapper #cshero-header-top, body #page-wrapper.cs-boxed #cshero-header-inner.custom-header18 #cshero-header-wrapper #cshero-header { max-width: 1270px; } body #page-wrapper.cs-boxed #cshero-header-inner.custom-header18 #cshero-header-wrapper #cshero-header { padding: 0 30px; } body #page-wrapper.cs-boxed #cshero-header-inner.custom-header18 #cshero-header-wrapper #cshero-header.header-fixed { padding: 0; } body #page-wrapper.cs-boxed .vc_row[data-vc-full-width] { width: 100% !important; padding-left: 35px !important; padding-right: 35px !important; left: 0 !important; margin: 0; } body #page-wrapper.cs-boxed #cms-page-title-wrapper { padding: 0 50px; } body #page-wrapper.cs-boxed #cms-page-title-wrapper #page-title-text, body #page-wrapper.cs-boxed #cms-page-title-wrapper #breadcrumb-text { padding: 0 30px; } body #page-wrapper.cs-boxed #primary { padding-left: 0; padding-right: 0; } body #page-wrapper.cs-boxed #primary .entry-content > .vc_row { padding: 0 35px; margin: 0; } body #page-wrapper.cs-boxed #primary.sidebar-active { padding-left: 50px; padding-right: 15px; } body #page-wrapper.cs-boxed #primary.sidebar-active + #sidebar { padding-right: 50px; } body #page-wrapper.cs-boxed #primary.sidebar-active .entry-content > .vc_row { padding-left: 0 !important; padding-right: 0 !important; margin: 0; } body #page-wrapper.cs-boxed #primary.sidebar-active .entry-content > .vc_row > .vc_column_wrapper > .wpb_column > .vc_column-inner { padding-left: 0; padding-right: 0; } body #page-wrapper.cs-boxed .sidebar-left-active #primary.sidebar-active { padding-left: 15px; padding-right: 50px; } body #page-wrapper.cs-boxed .sidebar-left-active #primary.sidebar-active + #sidebar { padding-right: 15px; padding-left: 50px; } body #page-wrapper.cs-boxed .sg-teams-content > .vc_row { padding-left: 0 !important; padding-right: 0 !important; } body #page-wrapper.cs-boxed .sg-teams-content > .vc_row .vc_row { margin: 0; } body #page-wrapper.cs-boxed .sg-teams-content > .vc_row[data-vc-full-width] { margin: 0 -15px; } body .case-layout .cms-title-case { margin-bottom: 0; float: left; } body .case-layout .cms-title-case + .cms-grid-filter { text-align: right; } body .case-layout .cms-title-case + .cms-grid-filter li { margin-right: 8px; margin-left: 8px; } body .case-layout .cms-title-case + .cms-grid-filter li:last-child { margin-right: 0; } body.single .cs-boxed #main > .container { padding: 0 50px; } body.single .cs-boxed #main #cms-cta > .container { padding: 0 50px; } body.single.single-post .cs-boxed #main > .container { padding: 0 15px; } body.post-type-archive-product #main > .container { padding: 0 50px; } #cshero-header-logo.col-lg-5 { width: 34.667%; } #cshero-header-navigation.col-lg-7 { width: 65.333%; } } @media screen and (max-width: 1200px) and (min-width: 993px) { .header-7 #cshero-header-logo { width: 36.667%; } .header-7 #cshero-header-navigation { width: 63.333%; } } @media screen and (max-width: 1024px) and (min-width: 993px) { .vc_col-sm-3 .cms-counter-icon { float: none; } .vc_col-sm-3 .cms-counter-content .cms-counter-title { margin-bottom: 20px; } } @media screen and (max-width: 1024px) { #page-title { background-attachment: inherit; } body .vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a { padding: 10px 18px; } .row-image-holder { bottom: 30px; left: 30px; right: 45px; top: 30px; } .cms-pricing .cms-pricing-item { margin-bottom: 30px; } } @media screen and (min-width: 993px) { .cms-careers-default .cms-careers-inner ul li.col-lg-3:nth-child(1) { width: 32%; } .cms-careers-default .cms-careers-inner ul li.col-lg-3:nth-child(4) { width: 18%; } .line-gap .cms-counter-wraper:before { width: 2px; height: 30px; background-color: rgba(49, 49, 49, 0.1); content: ""; position: absolute; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ right: -16px; } .line-gap .wpb_column:last-child .cms-counter-wraper:before { width: 0; } .line-gap.light .cms-counter-wraper:before { background-color: rgba(255, 255, 255, 0.3); } .cms-grid .col-lg-3:nth-child(4n+1) { clear: left; } .cms-grid .col-lg-4:nth-child(3n+1) { clear: left; } .cms-grid .col-lg-6:nth-child(2n+1) { clear: left; } #cshero-menu-mobile { display: none !important; } .practice-layout6.nav-top-right .owl-controls, .cms-carousel-client.nav-top-right .owl-controls { position: absolute; right: -5px; top: -101px; } .practice-layout6.nav-top-right .owl-controls .owl-prev, .cms-carousel-client.nav-top-right .owl-controls .owl-prev, .practice-layout6.nav-top-right .owl-controls .owl-next, .cms-carousel-client.nav-top-right .owl-controls .owl-next { margin-top: 0; } .cms-grid-blog-layout1 .col-lg-4:nth-child(3n+1) { clear: left; } .cms-grid-blog-layout1 .col-lg-3:nth-child(4n+1) { clear: left; } } @media screen and (max-width: 993px) { #cshero-header-inner #cshero-header #cshero-header-logo .top-media { display: none; } .body-border-wrapper #cshero-header-inner #cshero-header.header-fixed { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } } @media screen and (max-width: 992px) { #cshero-footer-contact-form .cshero-footer-top1 { padding: 0; } #cshero-footer-contact-form .wpcf7 { padding: 30px 30px 0 30px; } #cshero-footer-contact-form .wpcf7 .col-xs-12 { margin-bottom: 25px; } .wpb_column.position-left, .wpb_column.position-right { position: static; } .section-feature1 .vc_column-inner, .section-feature2 .vc_column-inner { padding-left: 15px !important; padding-right: 15px !important; border: none !important; } .section-feature1 .vc_column-inner .cms-fancyboxes-layout1, .section-feature2 .vc_column-inner .cms-fancyboxes-layout1 { padding-left: 30px; padding-right: 30px; } .section-feature1 .vc_column-inner .vc_separator, .section-feature2 .vc_column-inner .vc_separator { display: none; } .no-border-sm .vc_column-inner { border: none !important; } .font-sm { font-size: 60px !important; } .countdown-item-container { margin-bottom: 30px; } .cms-heading-right { padding-top: 20px; } .cms-heading-wrapper.heading-style3 .cms-heading-inner { text-align: left; } .cms-heading-wrapper.heading-style3 .cms-heading-inner .box:before { right: inherit; left: -35px; } .cms-heading-wrapper.heading-style3 .col-lg-6 { padding: 0 50px; } .cms-heading-wrapper.heading-style3 .col-lg-6.cms-heading-right { margin-top: 20px; } .title-tablet { font-size: 300% !important; } .text-center-md { text-align: center; /* Call To Action */ } .text-center-md * { text-align: center !important; } .text-center-md .cart-contents { float: none !important; } .cms-cta-wrapper .cms-cta-content { padding-bottom: 25px; } .cms-cta-wrapper .title { border-bottom: none !important; } .cms-cta-wrapper.cta-left .cms-cta-content, .cms-cta-wrapper.cta-left .cms-cta-button { text-align: center; } .vc_row.space-default { padding: 40px 15px !important; /* Text Align */ } .text-rp-center { text-align: center !important; } .text-rp-center .wpb_single_image.vc_align_left { text-align: center; } .text-rp-right { text-align: right !important; } .w100-sm { width: 100%; } body > div > div > .container, #cs-header > .container { width: 100% !important; } .container { width: 100%; } .icon-slider i { height: 60px !important; width: 60px !important; line-height: 60px !important; font-size: 20px !important; /* ========================================================================== Header Mobile ========================================================================== */ } body #cshero-header { position: static !important; } body #cshero-header > .container { position: relative; z-index: 99; } body #cshero-header .cshero-header-search { right: 70px; } #cshero-menu-mobile { 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 */ display: block; } #cshero-header-navigation { display: none; } #cshero-header-navigation.collapse { display: block; /* ========================================================================== End Header Mobile ========================================================================== */ /* Woo */ } .cart-action-wrap td.coupon, .cart-action-wrap .actions { width: 50%; } .cart-action-wrap .button { width: 100% !important; float: none; } #cms-trust.woocommerce .products li, #cms-medico.woocommerce-page .products li { width: 50%; } .vc_row-no-padding.small-1-column .wpb_column { margin-top: 0 !important; } #cshero-footer-feature-top .feature-top-item span:nth-child(2) { line-height: 31px; } #cshero-footer-top .media { padding-bottom: 10px; } #cshero-footer-top .media .media-left { padding: 0; display: block; } #cshero-footer-top .media .media-left img { top: 0; margin-bottom: 15px; } #cshero-footer-top .media .media-body { padding: 0; display: block; } #cshero-footer-top [class*="cshero-footer-"] { margin-bottom: 35px; } #cshero-footer-top aside.[class^="col-"] { margin-bottom: 30px; } #cshero-footer-top aside.[class^="col-"]:last-child { margin: 0; } #cshero-footer-top aside.[class^="col-"] aside.[class^="widget_"], #cshero-footer-top aside.[class^="col-"] aside.[class^="widget-"], #cshero-footer-top aside.[class^="col-"] .widget { margin: 30px 0 0; } #cshero-footer-top aside.[class^="col-"] aside.[class^="widget_"]:first-child, #cshero-footer-top aside.[class^="col-"] aside.[class^="widget-"]:first-child, #cshero-footer-top aside.[class^="col-"] .widget:first-child { margin: 0; } #cshero-footer-bottom .cs-social li { margin-bottom: 8px; } } @media screen and (max-width: 991px) and (min-width: 768px) { .cms-grid-wraper .cms-grid-item.col-sm-6:nth-child(odd) { clear: left; } .text-rp-small { font-size: 13px !important; line-height: 26px !important; } .heading-rp-small { font-size: 28px !important; line-height: 36px !important; } .cms-careers-default .cms-careers-inner ul li.col-lg-3:nth-child(3) { clear: left; } } @media screen and (max-width: 992px) and (min-width: 768px) { .small-1-column .wpb_column { width: 100%; } .small-1-column .wpb_column + .wpb_column { margin-top: 35px; } .small-1-column.sm-no-margin .wpb_column + .wpb_column { margin-top: 0; } .small-2-column .wpb_column { width: 50%; margin-top: 0; } .small-2-column .wpb_column:nth-child(2) { margin-top: 0; } .small-2-column .wpb_column:nth-child(3), .small-2-column .wpb_column:nth-child(4) { margin-top: 35px; } .small-3-column .wpb_column { width: 33.33%; } .small-3-column .wpb_column + .wpb_column { margin-top: 0; } .section-counter { /* Text Align */ } .section-counter.small-2-column .wpb_column:nth-child(3), .section-counter.small-2-column .wpb_column:nth-child(4) { margin-top: 0; border-top: 1px solid #ebebeb; } .section-counter.small-2-column.line-dark .wpb_column:nth-child(3), .section-counter.small-2-column.line-dark .wpb_column:nth-child(4) { border-top: 1px solid #4c4b4b; } .section-counter.small-2-column .wpb_column:nth-child(2) { border-right: none !important; } .text-center-small { text-align: center; /* End Text Align */ } .text-center-small .wpb_wrapper { text-align: center; } .text-center-small .vc_custom_heading { text-align: center !important; } #cms-trust.woocommerce .products li:nth-child(even), #cms-medico.woocommerce-page .products li:nth-child(even) { clear: right; } #cms-trust.woocommerce .products li:nth-child(odd), #cms-medico.woocommerce-page .products li:nth-child(odd) { clear: left; } } @media (min-width: 768px) { .column-no-padding [class*="vc_col-"] { padding: 0; } } @media (max-width: 767px) { #cms-theme.header-21 #cshero-header-left { padding: 60px 25px !important; width: 260px !important; -webkit-transform: translateX(-260px); -khtml-transform: translateX(-260px); -moz-transform: translateX(-260px); -ms-transform: translateX(-260px); -o-transform: translateX(-260px); transform: translateX(-260px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } #cms-theme.header-21 #cshero-header-left #cshero-header-left-logo { margin-bottom: 60px; } #cms-theme.header-21 #cshero-header-left #cshero-header-left-menu .menu-main-menu li a { font-size: 13px; font-weight: 600; } #cms-theme.header-21 #cshero-header-left #cshero-header-left-menu .menu-main-menu li .cs-menu-toggle:after { font-size: 12px; } #cms-theme.header-21 #page-title.br-style9 { padding-left: 25px; padding-right: 25px; } #cms-theme.header-21.menu-left-open #cshero-header-left { -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 */ } .custom-row-image + .vc_column_wrapper > .vc_col-sm-6:nth-child(1) { display: none; } .section-feature1 .vc_column-inner, .section-feature2 .vc_column-inner { padding-top: 15px !important; padding-bottom: 15px !important; } .font-sm { font-size: 32px !important; } .cms-heading-wrapper .title { font-size: 26px; } .cms-heading-wrapper .title.box:before { height: 86px; } .layout-services.services-layout5 .cms-services-item-inner { padding: 70px 50px; /* Slider */ } .custom { /* Button */ } .custom.tp-leftarrow { -webkit-transform: matrix(1, 0, 0, 1, 0, -30) !important; -khtml-transform: matrix(1, 0, 0, 1, 0, -30) !important; -moz-transform: matrix(1, 0, 0, 1, 0, -30) !important; -ms-transform: matrix(1, 0, 0, 1, 0, -30) !important; -o-transform: matrix(1, 0, 0, 1, 0, -30) !important; transform: matrix(1, 0, 0, 1, 0, -30) !important; /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .custom.tp-rightarrow { -webkit-transform: matrix(1, 0, 0, 1, -60, -30) !important; -khtml-transform: matrix(1, 0, 0, 1, -60, -30) !important; -moz-transform: matrix(1, 0, 0, 1, -60, -30) !important; -ms-transform: matrix(1, 0, 0, 1, -60, -30) !important; -o-transform: matrix(1, 0, 0, 1, -60, -30) !important; transform: matrix(1, 0, 0, 1, -60, -30) !important; /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .btn { margin-bottom: 4px; /* Page Title */ } .btn.btn-md { padding: 17px 18px; } #page-title { /* Tab */ } #page-title #page-title-text h1 { font-size: 23px; } #page-title #page-title-text .sub-title { font-size: 15px; } .vc_tta-panels-container .vc_tta-panel-title .vc_tta-title-text { margin-left: 0 !important; padding-left: 12px !important; } .vc_tta-style-classic .vc_tta-panel { padding-left: 20px; padding-right: 20px; /* Text Align */ } .vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title span { color: #458225; } .text-center-xs, .text-center-mini { text-align: center; } .text-center-xs .wpb_wrapper, .text-center-mini .wpb_wrapper { text-align: center; } .text-center-xs .vc_custom_heading, .text-center-mini .vc_custom_heading { text-align: center !important; } .text-left-xs { text-align: left !important; } .small-1-column .wpb_column + .wpb_column, .small-2-column .wpb_column + .wpb_column, .small-3-column .wpb_column + .wpb_column { margin-top: 35px; } .small-1-column.sm-no-margin .wpb_column + .wpb_column, .small-2-column.sm-no-margin .wpb_column + .wpb_column, .small-3-column.sm-no-margin .wpb_column + .wpb_column { margin-top: 0; } .small-2-column .wpb_column { width: 100%; } .section-counter.small-2-column .wpb_column { border-right: none !important; } .form-practice .wpcf7-submit { margin-bottom: 30px; } .heading-rp-small { font-size: 16px !important; line-height: 26px !important; /* End Text Align */ /* Single Image VC */ } body .vc_tta-container .vc_tta-panel-body .vc_single_image-wrapper { margin-top: 22px; /* Client */ } body .vc_tta-container .vc_tta-panel-body .vc_single_image-wrapper img { width: 100%; margin: 22px 0; } .cms-carousel-client-layout1 .cms-carousel-media { line-height: normal; /* End Client */ } .cshero-header-search { display: none; } #cshero-footer #cshero-footer-bottom { text-align: center; /* Blog */ } #cshero-footer #cshero-footer-bottom .cms-footer-social { padding-top: 15px; } .post-navigation .nav-link-prev, .cms-related-post-inner .item { margin-bottom: 30px; /* Shortcode Heading */ } .cms-heading-wrapper.heading-layout1 { /* End Shortcode Heading */ /* Footer Top */ } .cms-heading-wrapper.heading-layout1 .cms-heading-button { margin-top: 30px; padding-left: 115px; } .cms-heading-wrapper.heading-layout1 .cms-heading-content .line-title { width: 30px; } .cms-fancyboxes-layout2 .cms-fancybox-item { padding-bottom: 33px; } .cms-error404 .entry-header h1 { font-size: 100px; } .cms-error404 .entry-header h1:before { font-size: 130px; left: -45px; top: -28px; } .wpb_single_image.icon .vc_single_image-wrapper { width: 100%; margin-bottom: 20px; } .wpb_single_image.icon .vc_single_image-wrapper img { width: 100%; } .cshero-popup-search .cshero-search-inner #searchform input[type="text"] { font-size: 11px; } #sidebar, .wpb_widgetised_column, .sg-services-sidebar, #sidebar, .wpb_widgetised_column, .sidebar-post-type { margin-top: 30px; } } @media (max-width: 640px) { #cms-trust.woocommerce .products li, #cms-medico.woocommerce-page .products li, #cms-trust.woocommerce .pr-content.pr-list-active .products li .cshere-woo-item-wrap .cshero-woo-inner, #cms-trust.woocommerce .pr-content.pr-list-active .products li .cshere-woo-item-wrap .cshero-woo-meta { width: 100%; } .single-teams .sg-teams-header .sg-teams-image { width: 100%; text-align: center; } .single-teams .sg-teams-header .sg-teams-image .sg-teams-social { display: inline-block; } .single-teams .sg-teams-header .sg-teams-excerpt { padding: 0; } } @media (max-width: 480px) { #cshero-header-inner #cshero-header #cshero-header-logo a img { max-width: 165px; /* Shortcode Heading */ } .cms-heading-wrapper.heading-layout1 { /* End Shortcode Heading */ } .cms-heading-wrapper.heading-layout1 .cms-heading-content { padding-left: 55px; } .cms-heading-wrapper.heading-layout1 .cms-heading-content:before { width: 30px; } .cms-heading-wrapper.heading-layout1 .cms-heading-button { padding-left: 70px; } .cms-testimonial-layout1 .cms-carousel-media img { max-width: 100%; width: 100%; float: none; } .cms-testimonial-layout1 .main-title { padding: 0; margin-top: 25px; } #cshero-footer-top ul.menu li, #cshero-footer-top .cshero-footer-top3 ul.menu li { width: 100%; } } #cshero-footer { background-color: #222; } #cshero-footer a { color: #7f7f7f; } #cshero-footer a:hover { color: #458225; } #cshero-footer .widget-title { font-size: 15px; text-transform: uppercase; color: #fff; margin-bottom: 13px; } #cshero-footer .cms-footer-social li { display: inline-block; } #cshero-footer .cms-footer-social li a { display: block; font-size: 14px; height: 36px; width: 36px; background-color: #2b2b2b; -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 */ color: #fff; text-align: center; line-height: 36px; margin: 0 3px; } #cshero-footer .cms-footer-social li a:hover { color: #458225; } #cshero-footer #cshero-footer-feature-top { padding-top: 90px; } #cshero-footer #cshero-footer-feature-top .container { max-width: 1140px; } #cshero-footer #cshero-footer-feature-top .footer-feature-item { text-align: center; background-color: #1c1c1c; -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: 500; letter-spacing: 0.02em; padding: 36px 30px; } #cshero-footer #cshero-footer-feature-top .footer-feature-item h3 { font-size: 15px; line-height: 1; color: #458225; font-weight: normal; margin-bottom: 12px; } #cshero-footer #cshero-footer-feature-top .footer-feature-item:nth-child(2) { background-color: #181818; } #cshero-footer #cshero-footer-top { padding: 60px 0 65px 0; } #cshero-footer #cshero-footer-top .cms-footer-social { margin-top: 24px; } #cshero-footer #cshero-footer-top ul.menu li { float: left; width: 50%; line-height: 25px; } #cshero-footer #cshero-footer-top ul.menu li a { font-size: 13px; } #cshero-footer #cshero-footer-top ul.download { padding-top: 5px; } #cshero-footer #cshero-footer-top .footer-time { font-size: 13px; color: #474747; text-transform: uppercase; margin-top: 22px; } #cshero-footer #cshero-footer-top .footer-time li { width: 50%; float: left; } #cshero-footer #cshero-footer-top .footer-time li:nth-child(even) { text-align: right; } #cshero-footer #cshero-footer-top .news-twitter-content a { color: #458225; } #cshero-footer #cshero-footer-top .news-twitter-content a.jtwt_date { color: #616161; } #cshero-footer #cshero-footer-top .cms-cta-wrapper { background-color: #458225; padding-left: 30px; padding-right: 30px; } #cshero-footer #cshero-footer-top .cms-cta-wrapper .title { color: #fff; border-color: #fff; } #cshero-footer #cshero-footer-top .cms-cta-wrapper .desc { color: #fff; } #cshero-footer #cshero-footer-top .cms-cta-wrapper .btn { color: #fff; } #cshero-footer #cshero-footer-top .cms-cta-wrapper .btn:hover { background-color: #222; color: #fff; border-color: #222; } #cshero-footer #cshero-footer-top aside + aside { margin-top: 23px; } #cshero-footer #cshero-footer-bottom { padding: 31px 0; position: relative; font-size: 13px; } #cshero-footer #cshero-footer-bottom:before { background-color: #2b2b2b; content: ""; height: 1px; left: 15px; position: absolute; right: 15px; top: 0; max-width: 1140px; margin: auto; } #cshero-footer #cshero-footer-bottom a { color: #458225; } #cshero-footer #cshero-footer-bottom a:hover { color: #9b9b9b; } #cshero-footer #cshero-footer-bottom .cms-footer-social li a { color: #fff; } #cshero-footer #cshero-footer-bottom .cms-footer-social li a:hover { color: #458225; } #cshero-footer #cshero-footer-bottom .cms-copyright { padding-top: 6px; } #cshero-footer #cshero-footer-bottom .cms-footer-menu { text-align: center; padding-top: 6px; } #cshero-footer #cshero-footer-bottom .cms-footer-menu a { color: #7f7f7f; display: inline-block; padding: 0 11px; position: relative; } #cshero-footer #cshero-footer-bottom .cms-footer-menu a:before { height: 13px; width: 1px; background-color: #7f7f7f; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ right: -3px; content: ""; } #cshero-footer #cshero-footer-bottom .cms-footer-menu a:last-child:before { height: 0; } #cshero-footer #cshero-footer-bottom .cms-footer-menu a:hover { color: #458225; } #cshero-footer.cshero-footer2 #cshero-footer-top { padding-top: 78px; } #cshero-footer.cshero-footer2 #cshero-footer-feature-top { padding-top: 10px; padding-bottom: 70px; } #cshero-footer.cshero-footer4 #cshero-footer-feature-top { padding-top: 80px; padding-bottom: 70px; } #cshero-footer.cshero-footer6 #cshero-footer-bottom .cms-footer-menu { text-align: inherit; } #cshero-footer.cshero-footer8 #cshero-footer-top { padding-top: 0; } #cshero-footer.cshero-footer8 #cshero-footer-top .cshero-footer-cta { padding-bottom: 70px; } #cshero-footer.cshero-footer8 #cshero-footer-bottom .cms-copyright, #cshero-footer.cshero-footer8 #cshero-footer-bottom .cms-footer-menu { padding-top: 8px; } #cshero-footer.cshero-footer9 { bottom: 0; left: 0; position: fixed; right: 0; text-align: center; z-index: -1; background-image: url(../images/bg-footer-fixed.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } #cshero-footer.cshero-footer9:before { background-color: rgba(27, 26, 26, 0.85); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } #cshero-footer.cshero-footer9 #cshero-footer-top { position: relative; z-index: 1; padding-top: 195px; padding-bottom: 156px; } #cshero-footer.cshero-footer9 #cshero-footer-top .wg-heading-sub { font-size: 17px; color: #e5e4e4; font-family: 'Droid Serif Italic'; } #cshero-footer.cshero-footer9 #cshero-footer-top .wg-heading-footer { color: #fff; font-size: 55px; line-height: 60px; font-weight: 800; margin-bottom: 40px; } #cshero-footer.cshero-footer9 #cshero-footer-top .btn-primary { padding-left: 33px; padding-right: 33px; color: #fff; } #cshero-footer.cshero-footer9 #cshero-footer-top .btn-primary:hover { color: #458225; border-color: #fff; background-color: #fff; } #cshero-footer.cshero-footer9 #cshero-footer-bottom:before { display: none; } #cshero-footer.cshero-footer10 #cshero-footer-top .cms-copyright { font-size: 13px; padding-top: 12px; } #cshero-footer.cshero-footer10 #cshero-footer-top .cms-copyright a { color: #458225; } #cshero-footer.cshero-footer10 #cshero-footer-top .cms-copyright a:hover { color: #fff; } #cshero-footer.cshero-footer12 #cshero-footer-feature-top { padding-top: 0; } #cshero-footer.cshero-footer12 #cshero-footer-feature-top .footer-feature-item { background-color: #181818; } #back_to_top.on { bottom: 40px; right: 20px; width: 42px; height: 42px; overflow: hidden; position: fixed; text-decoration: none; z-index: 9999; font-size: 0; color: transparent; 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 */ cursor: pointer; -webkit-transition: 0.3s ease-in-out 0s; -moz-transition: 0.3s ease-in-out 0s; -ms-transition: 0.3s ease-in-out 0s; transition: 0.3s ease-in-out 0s; } #back_to_top.on:hover { background-color: #458225; -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:after { color: #fff; content: '\f106'; font-size: 18px; line-height: 42px; font-family: 'FontAwesome'; text-align: center; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: all 150ms linear 0ms; -moz-transition: all 150ms linear 0ms; -ms-transition: all 150ms linear 0ms; transition: all 150ms linear 0ms; } .cms-get-touch { margin: 25px 0; /* Request Form */ } .cms-get-touch p { padding: 9px 0 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: #fff; margin: 0; } .cms-get-touch p i { padding-right: 4px; color: #222; } .cms-get-touch p a { color: #458225; } .cms-get-touch p a:hover { color: #fff; } .cms-get-touch p:first-child { border-top: 1px solid rgba(255, 255, 255, 0.1); } .quote-form-popup-wrapper { background-color: rgba(34, 34, 34, 0.95); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 10000; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; visibility: hidden; /* Login + Register */ } .quote-form-popup-wrapper .quote-form-popup-inner { left: 0; margin: auto; max-width: 370px; 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 */ padding-top: 36px; width: 100%; } .quote-form-popup-wrapper .quote-form-popup-inner .form-close { color: #fff; font-size: 18px; position: absolute; right: 0; top: 0; z-index: 1; cursor: pointer; } .quote-form-popup-wrapper .quote-form-popup-inner .request-form .request-form-content { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .quote-form-popup-wrapper.open { visibility: visible; opacity: 1; filter: alpha(opacity=1); } .cms-login-wrap.cms-popup, .cms-register-wrap.cms-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1003; background-color: rgba(34, 34, 34, 0.95); 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; } .cms-login-wrap.open, .cms-register-wrap.open { opacity: 1; visibility: visible; } .cms-form-login .more-sign-up, .cms-form-register .more-sign-up, .cms-form-login .more-sign-in, .cms-form-register .more-sign-in { font-size: 13px; color: #222; text-transform: uppercase; text-align: center; padding: 22px 0 0; letter-spacing: 0.02em; font-weight: 600; } .cms-form-login .more-sign-up.white, .cms-form-register .more-sign-up.white, .cms-form-login .more-sign-in.white, .cms-form-register .more-sign-in.white { color: #fff; } .cms-form-login .more-sign-up a, .cms-form-register .more-sign-up a, .cms-form-login .more-sign-in a, .cms-form-register .more-sign-in a { color: #458225; border-bottom: 2px solid #458225; } .cms-form-login .more-sign-up a:hover, .cms-form-register .more-sign-up a:hover, .cms-form-login .more-sign-in a:hover, .cms-form-register .more-sign-in a:hover { opacity: 0.5; } .cms-form-login .cms-modal-dialog.dialog-popup, .cms-form-register .cms-modal-dialog.dialog-popup { left: 50%; margin: 0; max-width: 370px; width: 100%; 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-form-login .cms-modal-content, .cms-form-register .cms-modal-content { background-color: #fff; padding: 0; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ overflow: hidden; } .cms-form-login .cms-modal-content .cms-modal-header, .cms-form-register .cms-modal-content .cms-modal-header { background-image: url(../images/bg-login.jpg); background-repeat: no-repeat; background-size: cover; padding: 40px 10px; color: #fff; -webkit-border-radius: 3px 3px 0 0; -khtml-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; /* BACKGROUND GRADIENT */ position: relative; } .cms-form-login .cms-modal-content .cms-modal-header:before, .cms-form-register .cms-modal-content .cms-modal-header:before { height: 100%; width: 100%; position: absolute; top: 0; left: 0; content: ""; background-color: #458225; opacity: 0.75; } .cms-form-login .cms-modal-content .cms-modal-header:after, .cms-form-register .cms-modal-content .cms-modal-header:after { background-image: -webkit-linear-gradient(#458225, rgba(0, 0, 0, 0)); background-image: -webkit-linear-gradient(center bottom, #458225, rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(center bottom, #458225, rgba(0, 0, 0, 0)); background-image: -ms-linear-gradient(center bottom, #458225, rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(center bottom, #458225, rgba(0, 0, 0, 0)); background-image: linear-gradient(center bottom, #458225, rgba(0, 0, 0, 0)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#458225', endColorStr='rgba(0, 0, 0, 0)', gradientType='1'); /* BACKGROUND RADIAL */ content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .cms-form-login .cms-modal-content .cms-modal-header .cms-modal-header-innder, .cms-form-register .cms-modal-content .cms-modal-header .cms-modal-header-innder { position: relative; z-index: 1; } .cms-form-login .cms-modal-content .cms-modal-header .cms-modal-header-innder i, .cms-form-register .cms-modal-content .cms-modal-header .cms-modal-header-innder i { width: 62px; height: 62px; font-size: 32px; color: #fff; line-height: 62px; background-color: rgba(255, 255, 255, 0.15); display: inline-block; } .cms-form-login .cms-modal-content .cms-modal-header .cms-modal-header-innder h3, .cms-form-register .cms-modal-content .cms-modal-header .cms-modal-header-innder h3 { margin-top: 48px; margin-bottom: 10px; } .cms-form-login .cms-modal-content .cms-modal-header .cms-modal-header-innder span, .cms-form-register .cms-modal-content .cms-modal-header .cms-modal-header-innder span { font-size: 16px; } .cms-form-login .cms-modal-content .cms-modal-header h3, .cms-form-register .cms-modal-content .cms-modal-header h3 { font-size: 26px; line-height: 1; color: #fff; margin-bottom: 20px; } .cms-form-login .cms-modal-content .cms-modal-body, .cms-form-register .cms-modal-content .cms-modal-body { padding: 0; border: 1px solid #e8e8e8; } .cms-form-login .cms-modal-content .cms-modal-body .profile-content, .cms-form-register .cms-modal-content .cms-modal-body .profile-content { padding: 20px; text-align: center; } .cms-form-login .cms-modal-content .cms-modal-body .profile-content .user-avatar, .cms-form-register .cms-modal-content .cms-modal-body .profile-content .user-avatar { display: none; } .cms-form-login .cms-modal-content .cms-modal-body .profile-content .user-name, .cms-form-register .cms-modal-content .cms-modal-body .profile-content .user-name { font-size: 16px; font-weight: 700; color: #458225; text-transform: uppercase; } .cms-form-login .cms-modal-content .cms-modal-body .input, .cms-form-register .cms-modal-content .cms-modal-body .input { border-color: #b0b0b0; border-width: 0 0 2px; color: #9b9b9b; padding-left: 0; text-transform: uppercase; margin-bottom: 35px; } .cms-form-login .cms-modal-content .cms-modal-body .forget, .cms-form-register .cms-modal-content .cms-modal-body .forget { color: #458225; font-style: italic; font-weight: 600; } .cms-form-login .cms-modal-content .cms-modal-body .forget:hover, .cms-form-register .cms-modal-content .cms-modal-body .forget:hover { opacity: 0.6; } .cms-form-login .cms-modal-content .cms-modal-body label, .cms-form-register .cms-modal-content .cms-modal-body label { font-style: italic; color: #7c7f85; } .cms-form-login .cms-modal-content .cms-modal-body .login-form .check, .cms-form-register .cms-modal-content .cms-modal-body .login-form .check, .cms-form-login .cms-modal-content .cms-modal-body .register-form .check, .cms-form-register .cms-modal-content .cms-modal-body .register-form .check { position: relative; top: -1px; } .cms-form-login .cms-modal-content .cms-modal-body .login-form .fields-content, .cms-form-register .cms-modal-content .cms-modal-body .login-form .fields-content, .cms-form-login .cms-modal-content .cms-modal-body .register-form .fields-content, .cms-form-register .cms-modal-content .cms-modal-body .register-form .fields-content { padding: 40px; } .cms-form-login .cms-modal-content .cms-modal-body .login-form .fields-footer, .cms-form-register .cms-modal-content .cms-modal-body .login-form .fields-footer, .cms-form-login .cms-modal-content .cms-modal-body .register-form .fields-footer, .cms-form-register .cms-modal-content .cms-modal-body .register-form .fields-footer { padding: 40px; border-top: 1px solid #e8e8e8; } .cms-form-login .cms-modal-content .cms-modal-body span.wpcf7-not-valid-tip, .cms-form-register .cms-modal-content .cms-modal-body span.wpcf7-not-valid-tip { font-size: 10px; line-height: 1; margin-bottom: 10px; } #page-sign-up, #page-sign-in { padding-bottom: 80px; } #page-sign-up .cms-modal-content, #page-sign-in .cms-modal-content { max-width: 370px; margin: auto; } .body-border-wrapper #back_to_top.on { bottom: 50px; right: 50px; } #cshero-footer-contact-form .wpcf7 { background-color: #181818; padding: 50px 60px 25px; } #cshero-footer-contact-form .wpcf7 .row { margin-bottom: 0; } #cshero-footer-contact-form .wpcf7 p { margin: 0; } #cshero-footer-contact-form .wpcf7 .wpcf7-response-output.wpcf7-validation-errors, #cshero-footer-contact-form .wpcf7 .wpcf7-not-valid-tip.wpcf7-validation-errors { color: #458225; } #cshero-footer-contact-form .wpcf7 .wpcf7-form-control:not(.wpcf7-submit) { border-color: #3d3d3d; } #cshero-footer-contact-form .wpcf7 .wpcf7-submit:hover { background-color: transparent; border-color: #458225; color: #458225; } #cshero-footer-contact-form .wpcf7 select option { background-color: #fff; } .box-light { background-color: #fff; padding: 50px 50px 27px; } .box-light .row:last-child { margin-bottom: 0; } input[type='text'], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], textarea, select { background-color: transparent; color: #9b9b9b; font-size: 13px; padding: 10px 18px; line-height: normal; width: 100%; -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; /* BACKGROUND GRADIENT */ outline: none; border-width: 2px; border-style: solid; border-color: #e8e8e8; height: 42px; } textarea { height: 165px; max-width: 100%; padding: 15px 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: #458225; /** Contact Form 7 */ } .wpcf7-form .wpcf7-form-item { margin-bottom: 20px; } .wpcf7-form .wpcf7-not-valid-tip { font-size: 12px; position: absolute; right: 15px; top: 0; color: #d94e90; } .wpcf7-form textarea + .wpcf7-not-valid-tip { top: -10px; } .wpcf7-form .wpcf7-validation-errors { border: medium none; display: block; text-align: left; margin: 20px 0 0; } .wpcf7-form input[type='text'], .wpcf7-form input[type="password"], .wpcf7-form input[type="datetime"], .wpcf7-form input[type="datetime-local"], .wpcf7-form input[type="date"], .wpcf7-form input[type="month"], .wpcf7-form input[type="time"], .wpcf7-form input[type="week"], .wpcf7-form input[type="number"], .wpcf7-form input[type="email"], .wpcf7-form input[type="url"], .wpcf7-form input[type="search"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="color"], .wpcf7-form textarea, .wpcf7-form select { height: 51px; border-width: 0 0 2px 0; text-transform: uppercase; font-weight: 500; padding-left: 0; } .wpcf7-form input[type='text']:focus, .wpcf7-form input[type="password"]:focus, .wpcf7-form input[type="datetime"]:focus, .wpcf7-form input[type="datetime-local"]:focus, .wpcf7-form input[type="date"]:focus, .wpcf7-form input[type="month"]:focus, .wpcf7-form input[type="time"]:focus, .wpcf7-form input[type="week"]:focus, .wpcf7-form input[type="number"]:focus, .wpcf7-form input[type="email"]:focus, .wpcf7-form input[type="url"]:focus, .wpcf7-form input[type="search"]:focus, .wpcf7-form input[type="tel"]:focus, .wpcf7-form input[type="color"]:focus, .wpcf7-form textarea:focus, .wpcf7-form select:focus { border-color: #e8e8e8; } .wpcf7-form textarea { height: 95px; vertical-align: bottom; } .wpcf7-form .input-filled { position: relative; } .wpcf7-form .input-filled:before { height: 2px; width: 100%; max-width: 0; background-color: #458225; content: ""; position: absolute; bottom: 0; left: 0; z-index: 10; display: block; -webkit-transition: all 400ms ease 0ms; -moz-transition: all 400ms ease 0ms; -ms-transition: all 400ms ease 0ms; transition: all 400ms ease 0ms; } .wpcf7-form .input-filled.input-filled-active:before { max-width: 2000px; } 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; } .placeholder-dark input::-moz-placeholder, .placeholder-dark textarea::-moz-placeholder { color: #474747; opacity: 1; } .placeholder-dark input::-webkit-input-placeholder, .placeholder-dark textarea::-webkit-input-placeholder { color: #474747; opacity: 1; } .placeholder-dark input::-o-placeholder, .placeholder-dark textarea::-o-placeholder { color: #474747; opacity: 1; } .placeholder-dark input::-ms-placeholder, .placeholder-dark textarea::-ms-placeholder { color: #474747; opacity: 1; } .placeholder-dark input { color: #474747; } .element-form-post { position: relative; } .element-form-post i { left: 20px; position: absolute; top: 16px; } .wpcf7-form .row { margin-bottom: 30px; } .wpcf7-form .form-white .wpcf7-form-control, .wpcf7-form .form-white .wpcf7-form-control:focus { border-color: rgba(255, 255, 255, 0.2); color: #fff; } .wpcf7-form [class*="menu-"] { position: relative; } .wpcf7-form [class*="menu-"]:before { content: "\f107"; font-family: FontAwesome; font-size: 19px; position: absolute; top: -2px; right: 0; z-index: 1; color: #9b9b9b; font-weight: normal; } .wpcf7-form input[type='text'] { padding-left: 0; } .wpcf7-form select { -webkit-appearance: none; -khtml-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; position: relative; z-index: 2; } .wpcf7-form select:hover { cursor: pointer; } .wpcf7-form select option { color: #222; } .wpcf7-form textarea { padding-left: 0; } .wpcf7-form.style-service input[type='text'], .wpcf7-form.style-service input[type="password"], .wpcf7-form.style-service input[type="datetime"], .wpcf7-form.style-service input[type="datetime-local"], .wpcf7-form.style-service input[type="date"], .wpcf7-form.style-service input[type="month"], .wpcf7-form.style-service input[type="time"], .wpcf7-form.style-service input[type="week"], .wpcf7-form.style-service input[type="number"], .wpcf7-form.style-service input[type="email"], .wpcf7-form.style-service input[type="url"], .wpcf7-form.style-service input[type="search"], .wpcf7-form.style-service input[type="tel"], .wpcf7-form.style-service input[type="color"], .wpcf7-form.style-service textarea, .wpcf7-form.style-service select { height: 42px; border-width: 0px; background-color: #fff; text-transform: uppercase; padding: 12px 22px; } .wpcf7-form.style-service .input-filled:before { display: none; } .wpcf7-form.style-service textarea { height: 165px; } .wpcf7-form.style-service .row { margin: 0 -10px; margin-bottom: 20px; } .wpcf7-form.style-service .row .col-xs-12 { padding: 0 10px; } .wpcf7-form.style-service .row.no-space { margin-bottom: 0; } .wpcf7-form.style-service .btn-secondary:hover { background-color: transparent; color: #222; border-color: #222; } .wpcf7-form.input-border .wpcf7-form-control:not(.wpcf7-submit) { border: 2px solid #e8e8e8; padding-left: 18px; } .wpcf7-form.input-border [class*="menu-"]::before { right: 12px; } .wpcf7-form.input-border .wpcf7-submit { margin-top: 30px; } .wpcf7-form .wpcf7-response-output, .wpcf7-not-valid-tip { font-size: 13px; font-style: italic; } .wpcf7-form .wpcf7-response-output.wpcf7-validation-errors, .wpcf7-not-valid-tip.wpcf7-validation-errors { color: #222; } .wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ng, .wpcf7-not-valid-tip.wpcf7-mail-sent-ng { border: none; padding: 0; color: #458225; } .wpcf7-not-valid-tip { color: #458225 !important; } .request-form .request-form-header { background-color: #458225; color: #fff; padding: 26px 30px 30px; position: relative; } .request-form .request-form-header .get-form-quote { bottom: 0; left: 0; position: absolute; right: 0; top: 0; cursor: pointer; z-index: 1; } .request-form .request-form-header .scroll-to-content { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .request-form .request-form-header .lnr { float: left; font-size: 40px; position: relative; top: 8px; width: 65px; } .request-form .request-form-header h3 { color: #fff; font-size: 22px; line-height: 1; text-transform: uppercase; margin: 5px 0 0; } .request-form .request-form-header p { margin: 0; } .request-form .request-form-header .request-form-inner { position: relative; padding-left: 65px; } .request-form .request-form-header .request-form-inner:before { background-color: #ff8600; content: ""; height: 22px; left: 51px; position: absolute; top: 50%; transform: translate(0px, -50%); width: 2px; } .request-form .request-form-content { background-color: #f9f9f9; padding: 30px 50px 50px; -webkit-box-shadow: 0 2.3px 2px 0.1px #f1f1f1; -moz-box-shadow: 0 2.3px 2px 0.1px #f1f1f1; -ms-box-shadow: 0 2.3px 2px 0.1px #f1f1f1; box-shadow: 0 2.3px 2px 0.1px #f1f1f1; border: 1px solid #f7f7f7; } .request-form .request-form-content div { margin-bottom: 19px; } .request-form .request-form-content div:last-child { margin-bottom: 0; padding-top: 11px; } .request-form .request-form-content p { margin: 0; } .request-form .request-form-content .wpcf7-textarea { margin-top: 11px; } .request-form .ajax-loader { display: none; } .request-form .request-form-content-vc { background-color: #458225; border-top: 2px solid #fff; padding: 50px; } .request-form .request-form-content-vc .btn:hover { border-color: #222; background-color: transparent; color: #222; } .fr-bg-white .request-form .request-form-content { background-color: #fff; } .bg-gray input[type='text'], .bg-gray input[type="password"], .bg-gray input[type="datetime"], .bg-gray input[type="datetime-local"], .bg-gray input[type="date"], .bg-gray input[type="month"], .bg-gray input[type="time"], .bg-gray input[type="week"], .bg-gray input[type="number"], .bg-gray input[type="email"], .bg-gray input[type="url"], .bg-gray input[type="search"], .bg-gray input[type="tel"], .bg-gray input[type="color"], .bg-gray textarea, .bg-gray select { background-color: #d8d8d8; border-color: #d8d8d8; padding-left: 20px; } .bg-gray .wpcf7-submit { height: 95px; } .bg-gray .wpcf7-submit:hover { background-color: #fff; border-color: #fff; color: #458225; } .btn-submit-full .wpcf7-submit { height: 95px; background-color: #222; border-color: #222; } .btn-submit-full .wpcf7-submit:hover { background-color: #458225; border-color: #458225; } .style-dark { /* ========================================================================== [End] All Style Form ========================================================================== */ } .style-dark input[type='text'], .style-dark input[type='email'], .style-dark textarea, .style-dark select { border-color: #3f3f3f; } #cshero-header-button .btn-header { 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; text-align: right; } #cshero-header-button .btn-header a { background-color: #222; -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; /* BACKGROUND GRADIENT */ color: #fff; font-size: 12px; font-weight: normal; padding: 8px 10px; } .header-fixed #cshero-header-button .btn-header { line-height: 75px; } .widget-search-header { background-color: #1b1a1a; display: inline-block; max-width: 270px; position: absolute; right: 15px; top: 100px; width: 100%; padding: 20px; opacity: 0; filter: alpha(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; } .widget-search-header #searchform div { line-height: normal; } .widget-search-header #searchform div input[type="text"] { border: none; padding: 0; color: #9e9e9e; height: 30px; } .widget-search-header #searchform div #searchsubmit { width: 35px; height: 30px; padding: 0; } .widget-search-header #searchform div:before { right: 11px; top: 7px; color: #fff; } .widget-search-header #searchform div:after { top: 0; right: 0; } .widget-search-header.open { opacity: 1; filter: alpha(opacity=1); visibility: visible; } .header-fixed .widget-search-header { top: 75px; /* ========================================================================== [End] 2. Search Nav ========================================================================== */ /* ========================================================================== [1. Header Main ========================================================================== */ } #cshero-header-inner .cms-top-social li { display: inline-block; margin: 0 14px; } #cshero-header-inner .cms-top-social li a { font-size: 14px; color: #5d5d5d; } #cshero-header-inner .cms-top-social li a:hover { color: #458225; } #cshero-header-inner .cms-top-social li:last-child { margin-right: 0; } #cshero-header-inner .top-contact { font-size: 12px; line-height: 20px; color: #cecece; display: inline-block; margin-right: 11px; padding-right: 13px; position: relative; } #cshero-header-inner .top-contact:before { background-color: #dedede; content: ""; height: 100px; position: absolute; right: 0; top: -50px; width: 1px; } #cshero-header-inner .top-contact a { margin-right: 11px; padding-right: 15px; position: relative; color: #cecece; } #cshero-header-inner .top-contact a:hover { color: #458225; } #cshero-header-inner .top-contact a:before { background-color: #dedede; content: ""; height: 100px; position: absolute; right: 0; top: -50px; width: 1px; } #cshero-header-inner .top-contact span { display: inline-block; } #cshero-header-inner .top-contact i { padding-right: 6px; } #cshero-header-inner #cshero-header-top { position: relative; z-index: 1; overflow: hidden; } #cshero-header-inner #cshero-header-top .row { padding-top: 7px; padding-bottom: 7px; } #cshero-header-inner #cshero-header-top .h-line { background-color: #dedede; height: 1px; width: 100%; } #cshero-header-inner #cshero-header-top .top-media a.top-button { display: inline-block; padding: 0 9px; background-color: transparent; border: 1px solid #dedede; color: #cecece; } #cshero-header-inner #cshero-header-top .top-media a.top-button:hover { background-color: #458225; border-color: #458225; color: #fff; } #cshero-header-inner #cshero-header { position: relative; z-index: 1000; background-color: #fff; width: 100%; } #cshero-header-inner #cshero-header .container { position: relative; } #cshero-header-inner #cshero-header #cshero-header-logo a { display: block; line-height: 100px; } #cshero-header-inner #cshero-header #cshero-header-logo a img { height: 49px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #cshero-header-inner #cshero-header #cshero-header-logo a.logo-sticky { position: absolute; top: 0; left: 15px; opacity: 0; filter: alpha(opacity=0); visibility: hidden; } #cshero-header-inner #cshero-header #cshero-header-logo .top-media { border-left: 1px solid #dedede; display: inline-block; margin-left: 26px; padding-left: 20px; vertical-align: top; } #cshero-header-inner #cshero-header #cshero-header-logo .top-media .cms-top-social li { margin: 0 9px; } #cshero-header-inner #cshero-header #cshero-header-logo .top-media .cms-top-social li a { color: #5d5d5d; } #cshero-header-inner #cshero-header #cshero-header-logo .top-media .cms-top-social li a:hover { color: #458225; } #cshero-header-inner #cshero-header .cshero-navigation-right { float: right; } #cshero-header-inner #cshero-header .cshero-navigation-right .widget_shopping_cart .widget-title { display: none; } #cshero-header-inner #cshero-header .cshero-navigation-right .nav-button-icon { font-size: 14px; 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; } #cshero-header-inner #cshero-header .cshero-navigation-right .nav-button-icon i { margin: 0 16px; color: #222; } #cshero-header-inner #cshero-header .cshero-navigation-right .nav-button-icon i:last-child { margin-right: 0; } #cshero-header-inner #cshero-header .cshero-navigation-right .nav-button-icon i.cart { margin-left: 3px; margin-right: 26px; } #cshero-header-inner #cshero-header .cshero-navigation-right .nav-button-icon i:hover { cursor: pointer; color: #458225; } #cshero-header-inner #cshero-header .cshero-navigation-right .nav-button-icon .h-search-wrapper { display: inline-block; vertical-align: top; } #cshero-header-inner #cshero-header .cshero-navigation-right .nav-button-icon .h-cart-wrapper { position: relative; padding: 10px 0; cursor: pointer; } #cshero-header-inner #cshero-header .cshero-navigation-right .nav-button-icon .h-cart-wrapper:hover i { color: #458225 !important; } #cshero-header-inner #cshero-header .cshero-navigation-right .nav-button-icon .h-cart-wrapper:hover .couter_items { opacity: 1; } #cshero-header-inner #cshero-header .cshero-navigation-right .nav-button-icon .couter_items { background-color: #458225; -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 */ color: #fff; display: inline-block; font-size: 10px; font-weight: 500; height: 17px; line-height: 17px; text-align: center; width: 17px; position: absolute; top: 0px; right: 17px; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; transition: all 300ms ease 0s; opacity: 0; } #cshero-header-inner #cshero-header .cshero-navigation-right .nav-button-icon .cms-top-social li { margin: 0 0 0 17px; } #cshero-header-inner #cshero-header .cshero-navigation-right .nav-button-icon .cms-top-social li i { margin-left: 0; } #cshero-header-inner #cshero-header .cshero-navigation-right .nav-button-icon .cms-top-social li:first-child { margin-left: 0; } #cshero-header-inner .top-media { display: inline-block; } #cshero-header-inner .top-media a.top-button { padding: 6px 9px; border: 1px solid rgba(255, 255, 255, 0.25); font-size: 12px; color: #dedede; } #cshero-header-inner .top-media a.top-button:hover { border-color: #458225; background-color: #458225; color: #fff; } #cshero-header-inner .top-media.line-small { color: #cecece; position: relative; } #cshero-header-inner .top-media.line-small i.fa-phone { padding-right: 6px; color: #cecece !important; } #cshero-header-inner .top-media.line-small:before { height: 30px; width: 1px; content: ""; background-color: #dedede; 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 */ left: -4px; } #cshero-header-inner .top-media.last { border-left: medium none !important; padding-left: 13px !important; } #cshero-header-inner.custom-header24 #cshero-header .btn-download { display: inline-block; padding-left: 10px; } #cshero-header-inner.custom-header24 #cshero-header .btn-download a { border: 2px solid #fff; color: #fff; display: inline; font-size: 13px; font-weight: 700; padding: 3px 8px; text-transform: uppercase; } #cshero-header-inner.custom-header24 #cshero-header .btn-download a:hover { border-color: #458225; background-color: #458225; } #cshero-header-inner.custom-header24 #cshero-header.header-fixed .btn-download a { color: #222; border-color: #222; } #cshero-header-inner.custom-header24 #cshero-header.header-fixed .btn-download a:hover { border-color: #458225; color: #fff; } #cshero-header-inner.custom-header28 #cshero-header .cshero-navigation-right { display: inline-block; float: none; } #cshero-header-inner.custom-header28 #cshero-header .main-navigation { display: inline-block; vertical-align: middle; } #cshero-header-inner.bg-trans { position: absolute; width: 100%; 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.bg-trans #cshero-header-top .h-line { background-color: rgba(255, 255, 255, 0.25); } #cshero-header-inner.bg-trans #cshero-header-top .top-contact:before, #cshero-header-inner.bg-trans #cshero-header-top .top-contact a:before { background-color: rgba(255, 255, 255, 0.25); } #cshero-header-inner.bg-trans #cshero-header-top .cms-top-social li a { color: #fff; } #cshero-header-inner.bg-trans #cshero-header-top .cms-top-social li a:hover { color: #458225; } #cshero-header-inner.bg-trans #cshero-header-top .top-media a.top-button { color: #fff; border-color: rgba(255, 255, 255, 0.25); } #cshero-header-inner.bg-trans #cshero-header { -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; transition: all 300ms ease 0s; background-color: transparent; } #cshero-header-inner.bg-trans #cshero-header .top-media a.top-button { border: 1px solid rgba(255, 255, 255, 0.25); color: #fff; } #cshero-header-inner.bg-trans #cshero-header .top-media.line-small:before { background-color: rgba(255, 255, 255, 0.25); } #cshero-header-inner.bg-trans.style-3 #cshero-header { border-bottom: none; } #cshero-header-inner.header-19 #cshero-header-top { overflow: visible; z-index: 1002; } #cshero-header-inner.header-19 #cshero-header-top .cms-top-social { display: inline-block; } #cshero-header-inner.header-23 #cshero-header-top { background-color: #282828; color: #9e9e9e; font-size: 13px; font-weight: 500; } #cshero-header-inner.header-23 #cshero-header-top span { color: #458225; } #cshero-header-inner.header-23 #cshero-header-top a { color: #9e9e9e; } #cshero-header-inner.header-23 #cshero-header-top a:hover { color: #458225; } #cshero-header-inner.header-23 #cshero-header-top .top-wellcome { margin-right: 10px; padding-right: 10px; position: relative; } #cshero-header-inner.header-23 #cshero-header-top .top-wellcome:before { content: ""; height: 18px; width: 1px; background-color: #484848; position: absolute; top: 50%; right: -2px; -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 */ } #cshero-header-inner.header-23 #cshero-header-top .cms-top-social { display: inline-block; } #cshero-header-inner.header-23 #cshero-header-top .cms-top-social li { margin: 0 8px; } #cshero-header-inner.header-23 #cshero-header-top .cms-top-social li a { font-size: 14px; } @media (min-width: 993px) { #cshero-header-inner.header-2 #cshero-header .cshero-navigation-right .nav-button-icon .h-cart-wrapper, #cshero-header-inner.header-15 #cshero-header .cshero-navigation-right .nav-button-icon .h-cart-wrapper { padding-right: 10px; display: inline-block; padding-top: 0; padding-bottom: 0; } #cshero-header-inner.header-2 #cshero-header .cshero-navigation-right .nav-button-icon .h-cart-wrapper .couter_items, #cshero-header-inner.header-15 #cshero-header .cshero-navigation-right .nav-button-icon .h-cart-wrapper .couter_items { right: 0; } #cshero-header-inner.header-23 #cshero-header-logo { padding-top: 50px; margin-bottom: 18px; } #cshero-header-inner.header-23 #cshero-header-navigation .main-navigation .menu-main-menu > li > a, #cshero-header-inner.header-23 #cshero-header .cshero-navigation-right .nav-button-icon { line-height: 70px !important; } #cshero-header-inner.header-23 #cshero-header-navigation { text-align: center; } #cshero-header-inner.header-23 #cshero-header-navigation .cshero-navigation-right { display: inline-block; float: none; position: relative; vertical-align: middle; } #cshero-header-inner.header-23 #cshero-header-navigation .cshero-navigation-right .widget-search-header, #cshero-header-inner.header-23 #cshero-header-navigation .cshero-navigation-right .widget_shopping_cart_content, #cshero-header-inner.header-23 #cshero-header-navigation .cshero-navigation-right .widget_shopping_cart { width: 320px; top: 70px; } #cshero-header-inner.header-23 #cshero-header-navigation .cshero-navigation-right .widget_shopping_cart .widget_shopping_cart_content .cart_list li a.remove { right: 0; } #cshero-header-inner.header-23 #cshero-header-navigation .main-navigation { display: inline-block; vertical-align: middle; } #cshero-header-inner #cshero-header #cshero-header-navigation { -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #cshero-header-inner #cshero-header #cshero-header-navigation .menu-white .menu-main-menu > ul > li > a, #cshero-header-inner #cshero-header #cshero-header-navigation .menu-white .menu-main-menu > li > a { color: #fff; } #cshero-header-inner #cshero-header #cshero-header-navigation .icon-white i { color: #fff; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #cshero-header-inner #cshero-header #cshero-header-navigation .icon-white i:hover { color: #458225; } #cshero-header-inner #cshero-header.header-fixed { position: fixed; top: 0; background-color: #fff; z-index: 1001; width: 100%; left: 0; right: 0; -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); margin: auto; } #cshero-header-inner #cshero-header.header-fixed #cshero-header-logo a { line-height: 75px; } #cshero-header-inner #cshero-header.header-fixed #cshero-header-logo a img { height: 49px; } #cshero-header-inner #cshero-header.header-fixed #cshero-header-logo a.logo-main { opacity: 0; filter: alpha(opacity=0); visibility: hidden; } #cshero-header-inner #cshero-header.header-fixed #cshero-header-logo a.logo-sticky { opacity: 1; filter: alpha(opacity=1); visibility: visible; } #cshero-header-inner #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > ul > li > a, #cshero-header-inner #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > li > a { line-height: 75px; } #cshero-header-inner #cshero-header.header-fixed #cshero-header-navigation .menu-white .menu-main-menu > ul > li > a, #cshero-header-inner #cshero-header.header-fixed #cshero-header-navigation .menu-white .menu-main-menu > li > a { color: #222; } #cshero-header-inner #cshero-header.header-fixed #cshero-header-navigation .icon-white i { color: #222; } #cshero-header-inner #cshero-header.header-fixed #cshero-header-navigation .icon-white i:hover { color: #458225; } #cshero-header-inner #cshero-header.header-fixed .nav-button-icon { line-height: 75px; } #cshero-header-inner #cshero-header.header-fixed .nav-button-icon:before { background-color: #eaeaea; } #cshero-header-inner.h-style #cshero-header-wrapper { height: 100px; } #cshero-header-inner.bg-trans #cshero-header { border-bottom: 1px solid rgba(255, 255, 255, 0.25); } #cshero-header-inner.bg-trans #cshero-header #cshero-header-logo .top-media { border-left: 1px solid rgba(255, 255, 255, 0.25); } #cshero-header-inner.bg-trans #cshero-header #cshero-header-logo .top-media .cms-top-social li a { color: #fff; } #cshero-header-inner.bg-trans #cshero-header #cshero-header-logo .top-media .cms-top-social li a:hover { color: #458225; } #cshero-header-inner.bg-trans #cshero-header.header-fixed { border-bottom: none; } #cshero-header-inner.bg-trans #cshero-header.header-fixed #cshero-header-logo .top-media { border-left: 1px solid #dedede; } #cshero-header-inner.bg-trans #cshero-header.header-fixed #cshero-header-logo .top-media .cms-top-social li a { color: #5d5d5d; } #cshero-header-inner.bg-trans #cshero-header.header-fixed #cshero-header-logo .top-media .cms-top-social li a:hover { color: #458225; } #cshero-header-inner.bg-trans #cshero-header.header-fixed .top-media { border-left-color: #dedede; } #cshero-header-inner.bg-trans #cshero-header.header-fixed .top-media a.top-button { border-color: #dedede; color: #5d5d5d; } #cshero-header-inner.bg-trans #cshero-header.header-fixed .top-media a.top-button:hover { color: #fff; border-color: #458225; } #cshero-header-inner.bg-trans #cshero-header.header-fixed .top-media.line-small:before { background-color: #dedede; } #cshero-header-inner.bg-trans #cshero-header.header-fixed .top-media.line-small i { color: #9b9b9b !important; } #cshero-header-inner.m-style #cshero-header .menu-main-menu > li > a .menu-title { position: relative; } #cshero-header-inner.m-style #cshero-header .menu-main-menu > li > a .menu-title:before { content: ""; position: absolute; height: 2px; background-color: transparent; width: 100%; bottom: -4px; left: 0; right: 0; width: 0; margin: auto; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #cshero-header-inner.m-style #cshero-header .menu-main-menu > li.current-menu-item > a .menu-title:before, #cshero-header-inner.m-style #cshero-header .menu-main-menu > li.current-menu-ancestor > a .menu-title:before, #cshero-header-inner.m-style #cshero-header .menu-main-menu > li > a:hover .menu-title:before { width: 100%; background-color: #222; } #cshero-header-inner.m-style.bg-trans #cshero-header .menu-main-menu > li.current-menu-item > a .menu-title:before, #cshero-header-inner.m-style.bg-trans #cshero-header .menu-main-menu > li.current-menu-ancestor > a .menu-title:before, #cshero-header-inner.m-style.bg-trans #cshero-header .menu-main-menu > li > a:hover .menu-title:before { background-color: #fff; } #cshero-header-inner.m-style.bg-trans #cshero-header.header-fixed .menu-main-menu > li.current-menu-item > a .menu-title:before, #cshero-header-inner.m-style.bg-trans #cshero-header.header-fixed .menu-main-menu > li.current-menu-ancestor > a .menu-title:before, #cshero-header-inner.m-style.bg-trans #cshero-header.header-fixed .menu-main-menu > li > a:hover .menu-title:before { background-color: #222; } #cshero-header-inner.h-style-16 #cshero-header { -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); } #cshero-header-inner.header-1 .top-media { border-left: 1px solid rgba(255, 255, 255, 0.25); padding-left: 30px; } #cshero-header-inner.header-2 #cshero-header-top { z-index: 2; } #cshero-header-inner.header-2 #cshero-header { border-bottom: none; } #cshero-header-inner.header-2 #cshero-header .cshero-navigation-right .nav-button-icon i.cart { margin-right: 0; } #cshero-header-inner.h-style-3 #cshero-header { border-bottom: none; } #cshero-header-inner.h-style-5 #cshero-header #cshero-header-logo a { line-height: 111px; } #cshero-header-inner.h-style-5 #cshero-header #cshero-header-navigation .h-top-contact { padding: 8px 0; border-bottom: 1px solid #eaeaea; display: inline-block; } #cshero-header-inner.h-style-5 #cshero-header #cshero-header-navigation .h-top-contact li { display: inline-block; } #cshero-header-inner.h-style-5 #cshero-header #cshero-header-navigation .h-top-contact li:before { height: 19px; right: -2px; top: 3px; } #cshero-header-inner.h-style-5 #cshero-header #cshero-header-navigation .h-top-contact li:last-child:before { height: 0; } #cshero-header-inner.h-style-5 #cshero-header #cshero-header-navigation .main-navigation .menu-main-menu > li > a, #cshero-header-inner.h-style-5 #cshero-header #cshero-header-navigation .cshero-navigation-right .nav-button-icon { line-height: 75px; } #cshero-header-inner.h-style-5 #cshero-header #cshero-header-navigation .nav-button-icon i { border: 1px solid #eaeaea; height: 30px; line-height: 30px; text-align: center; width: 35px; margin: 0 -2px; } #cshero-header-inner.h-style-5 #cshero-header #cshero-header-navigation .nav-button-icon i.search { margin-left: 30px; padding-left: 0; } #cshero-header-inner.h-style-5 #cshero-header #cshero-header-navigation .nav-button-icon .couter_items { right: 12px; top: -15px; } #cshero-header-inner.h-style-5 #cshero-header #cshero-header-navigation .nav-button-icon:before { bottom: 23px; top: inherit; -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-inner.h-style-5 #cshero-header #cshero-header-contact { text-align: right; } #cshero-header-inner.h-style-5 #cshero-header.header-fixed #cshero-header-logo a { line-height: 111px; } #cshero-header-inner.h-style-5 #cshero-header.header-fixed #cshero-header-logo a img { height: inherit; } #cshero-header-inner.h-style-5.bg-trans #cshero-header:not(.header-fixed) #cshero-header-navigation .h-top-contact { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } #cshero-header-inner.h-style-5.bg-trans #cshero-header:not(.header-fixed) #cshero-header-navigation .h-top-contact li span { color: #fff; } #cshero-header-inner.h-style-5.bg-trans #cshero-header:not(.header-fixed) #cshero-header-navigation .h-top-contact li:before { background-color: rgba(255, 255, 255, 0.1); } #cshero-header-inner.header-4.bg-trans #cshero-header { border-bottom: none; } #cshero-header-inner.header-7 #cshero-header-logo .logo-main { display: inline-block !important; } #cshero-header-inner.header-9 .top-media a.top-button { color: #5d5d5d; border: 1px solid #dedede; } #cshero-header-inner.header-9 .top-media a.top-button:hover { color: #fff; } #cshero-header-inner.header-9.custom-header17 #cshero-header { border-top: 2px solid #458225; } #cshero-header-inner.header-9.custom-header17 #cshero-header .top-media { border-left: none; padding-left: 0; } #cshero-header-inner.header-9.custom-header17 #cshero-header .top-media .top-button { background-color: #458225; border-color: #458225; color: #fff; } #cshero-header-inner.header-9.custom-header17 #cshero-header .top-media .top-button:hover { background-color: transparent; color: #458225; } #cshero-header-inner.header-9 .top-media, #cshero-header-inner.header-10 .top-media { border-left: 1px solid #dedede; padding-left: 30px; } #cshero-header-inner.header-9 #cshero-header .cshero-navigation-right .nav-button-icon .cms-top-social i, #cshero-header-inner.header-10 #cshero-header .cshero-navigation-right .nav-button-icon .cms-top-social i { color: #5d5d5d; } #cshero-header-inner.header-9 #cshero-header .cshero-navigation-right .nav-button-icon .cms-top-social i:hover, #cshero-header-inner.header-10 #cshero-header .cshero-navigation-right .nav-button-icon .cms-top-social i:hover { color: #458225; } #cshero-header-inner.header-15 { background-color: #fff; left: 0; margin: auto; max-width: 1170px; position: absolute; right: 0; top: 0; z-index: 1001; } #cshero-header-inner.header-15 .container { padding: 0 30px; } #cshero-header-inner.header-15 #cshero-header.header-fixed { max-width: 1170px; left: inherit; right: inherit; } #cshero-header-inner.header-15 #cshero-header { border-bottom: none; } #cshero-header-inner.header-15 #cshero-header .cshero-navigation-right .nav-button-icon i.cart { margin-right: 0; } #cshero-header-inner.custom-header18 { left: 0; margin: auto; position: absolute; right: 0; top: 0; z-index: 1001; } #cshero-header-inner.custom-header18 #cshero-header-top { background-color: #282828; } #cshero-header-inner.custom-header18 #cshero-header-top .top-contact i { color: #458225; } #cshero-header-inner.custom-header18 #cshero-header-top .top-contact:before, #cshero-header-inner.custom-header18 #cshero-header-top .top-contact a:before { background-color: #484848; height: 10px; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } #cshero-header-inner.custom-header18 #cshero-header-top .top-media a { border-color: #458225; background-color: #458225; color: #fff; } #cshero-header-inner.custom-header18 #cshero-header-top .top-media a:hover { background-color: transparent; color: #458225; } #cshero-header-inner.custom-header18 #cshero-header .cshero-navigation-right .nav-button-icon i.cart { margin-right: 0; } #cshero-header-inner.custom-header18 #cshero-header .cshero-navigation-right .nav-button-icon .couter_items { right: -10px; } #cshero-header-inner.custom-header18 #cshero-header .menu-main-menu > li > a .menu-title { position: static; } #cshero-header-inner.custom-header18 #cshero-header .menu-main-menu > li > a .menu-title:before { bottom: inherit; background-color: #458225 !important; } #cshero-header-inner.custom-header18 #cshero-header .menu-main-menu > li:hover > a, #cshero-header-inner.custom-header18 #cshero-header .menu-main-menu > li.current-menu-item > a, #cshero-header-inner.custom-header18 #cshero-header .menu-main-menu > li.current-menu-parent > a { color: #458225; } #cshero-header-inner.custom-header18 #cshero-header #cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu { max-width: 1170px !important; } #cshero-header-inner.header-19 .widget-search-header.open { top: 70px; } #cshero-header-inner.header-19 #cshero-header-top { background-color: #f2f2f2; color: #5d5d5d; font-size: 12px; letter-spacing: 0.02em; line-height: 22px; } #cshero-header-inner.header-19 #cshero-header-middle { padding-bottom: 65px; padding-top: 30px; } #cshero-header-inner.header-19 #cshero-header-middle #cshero-header-contact .media, #cshero-header-inner.header-19 #cshero-header-middle .header-contact .media { display: inline-block; color: #bfbfbf; font-size: 12px; line-height: 20px; letter-spacing: 0.02em; margin-left: 25px; padding-left: 25px; position: relative; margin-top: 3px; overflow: visible; } #cshero-header-inner.header-19 #cshero-header-middle #cshero-header-contact .media:before, #cshero-header-inner.header-19 #cshero-header-middle .header-contact .media:before { height: 30px; width: 1px; background-color: #dedede; position: absolute; top: 50%; left: -1px; content: ""; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } #cshero-header-inner.header-19 #cshero-header-middle #cshero-header-contact .media:first-child, #cshero-header-inner.header-19 #cshero-header-middle .header-contact .media:first-child { padding-left: 0; margin-left: 0; } #cshero-header-inner.header-19 #cshero-header-middle #cshero-header-contact .media:first-child:before, #cshero-header-inner.header-19 #cshero-header-middle .header-contact .media:first-child:before { display: none; } #cshero-header-inner.header-19 #cshero-header-middle #cshero-header-contact .media .media-left, #cshero-header-inner.header-19 #cshero-header-middle .header-contact .media .media-left { padding-top: 10px; padding-right: 14px; } #cshero-header-inner.header-19 #cshero-header-middle #cshero-header-contact .media .media-left i, #cshero-header-inner.header-19 #cshero-header-middle .header-contact .media .media-left i { font-size: 14px; } #cshero-header-inner.header-19 #cshero-header-middle #cshero-header-contact .media .media-body span, #cshero-header-inner.header-19 #cshero-header-middle .header-contact .media .media-body span { display: block; } #cshero-header-inner.header-19 #cshero-header-middle #cshero-header-contact .media .media-body span:nth-child(2), #cshero-header-inner.header-19 #cshero-header-middle .header-contact .media .media-body span:nth-child(2) { color: #5d5d5d; } #cshero-header-inner.header-19 #cshero-header-middle #cshero-header-contact .media .media-body a, #cshero-header-inner.header-19 #cshero-header-middle .header-contact .media .media-body a { color: #5d5d5d; } #cshero-header-inner.header-19 #cshero-header-middle #cshero-header-contact .media .media-body a:hover, #cshero-header-inner.header-19 #cshero-header-middle .header-contact .media .media-body a:hover { color: #458225; } #cshero-header-inner.header-19 #cshero-header { background-color: transparent; bottom: -35px; position: absolute; } #cshero-header-inner.header-19 #cshero-header .navigation-main { background-color: #333; -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 */ } #cshero-header-inner.header-19 #cshero-header .navigation-main #site-navigation { float: left; padding: 0 20px; } #cshero-header-inner.header-19 #cshero-header .navigation-main #site-navigation .menu-main-menu > li > a { line-height: 70px; color: #fff; } #cshero-header-inner.header-19 #cshero-header .navigation-main #site-navigation .menu-main-menu > li > a .menu-title:before { background-color: #458225; } #cshero-header-inner.header-19 #cshero-header .navigation-main .cshero-navigation-right .nav-button-icon { line-height: 70px; display: inline-block; vertical-align: middle; } #cshero-header-inner.header-19 #cshero-header .navigation-main .cshero-navigation-right .nav-button-icon i { color: #fff; } #cshero-header-inner.header-19 #cshero-header .navigation-main .cshero-navigation-right .nav-button-icon i:hover { color: #458225; } #cshero-header-inner.header-19 #cshero-header .navigation-main .cshero-navigation-right .top-media { margin-right: -1px; } #cshero-header-inner.header-19 #cshero-header .navigation-main .cshero-navigation-right .top-media a { display: inline-block; vertical-align: middle; line-height: 70px; padding: 0 30px; color: #fff; background-color: #458225; border: none; font-size: 13px; letter-spacing: 0.02em; text-transform: uppercase; -webkit-border-radius: 0 2px 2px 0; -khtml-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -ms-border-radius: 0 2px 2px 0; -o-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; /* BACKGROUND GRADIENT */ } #cshero-header-inner.header-19 #cshero-header .navigation-main .cshero-navigation-right .top-media a:hover { opacity: 0.85; } #cshero-header-inner.header-19 #cshero-header.header-fixed { bottom: inherit; position: fixed; background-color: #333; } #cshero-header-inner.header-19 #cshero-header.header-fixed .top-media a { -webkit-border-radius: 0 !important; -khtml-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; /* BACKGROUND GRADIENT */ } #cshero-header-inner.header-19 #cshero-header-wrapper { position: relative; } #cshero-header-inner.header-19.custom-header20 #cshero-header-middle { padding-bottom: 30px; } #cshero-header-inner.header-19.custom-header20 #cshero-header:not(.header-fixed) { margin-bottom: 30px; position: relative; bottom: 0; } #cshero-header-inner.header-19.custom-header20 #cshero-header .navigation-main #site-navigation .menu-main-menu > li { padding-left: 5px; padding-right: 5px; } #cshero-header-inner.header-19.custom-header20 #cshero-header .navigation-main #site-navigation .menu-main-menu > li > a .menu-title { background-color: transparent; border-radius: 2px; padding: 5px 10px; -webkit-transition: all 280ms ease 0ms; -moz-transition: all 280ms ease 0ms; -ms-transition: all 280ms ease 0ms; transition: all 280ms ease 0ms; } #cshero-header-inner.header-19.custom-header20 #cshero-header .navigation-main #site-navigation .menu-main-menu > li > a .menu-title:before { display: none; } #cshero-header-inner.header-19.custom-header20 #cshero-header .navigation-main #site-navigation .menu-main-menu > li:hover > a > span, #cshero-header-inner.header-19.custom-header20 #cshero-header .navigation-main #site-navigation .menu-main-menu > li.current-menu-item > a > span, #cshero-header-inner.header-19.custom-header20 #cshero-header .navigation-main #site-navigation .menu-main-menu > li.current-menu-parent > a > span, #cshero-header-inner.header-19.custom-header20 #cshero-header .navigation-main #site-navigation .menu-main-menu > li.current-menu-ancestor > a > span { background-color: #458225; } #cshero-header-inner.header-19.custom-header22 .widget-search-header.open { top: 55px; } #cshero-header-inner.header-19.custom-header22 #cshero-header-middle { padding-bottom: 30px; } #cshero-header-inner.header-19.custom-header22 #cshero-header:not(.header-fixed) { position: relative; bottom: 0; } #cshero-header-inner.header-19.custom-header22 #cshero-header { background-color: #458225; } #cshero-header-inner.header-19.custom-header22 #cshero-header .navigation-main { background-color: transparent; } #cshero-header-inner.header-19.custom-header22 #cshero-header .navigation-main #site-navigation { padding: 0; } #cshero-header-inner.header-19.custom-header22 #cshero-header .navigation-main #site-navigation .menu-main-menu > li:first-child { padding-left: 0; } #cshero-header-inner.header-19.custom-header22 #cshero-header .navigation-main #site-navigation .menu-main-menu > li > a { line-height: 55px; position: relative; } #cshero-header-inner.header-19.custom-header22 #cshero-header .navigation-main #site-navigation .menu-main-menu > li > a .menu-title { position: static; } #cshero-header-inner.header-19.custom-header22 #cshero-header .navigation-main #site-navigation .menu-main-menu > li > a .menu-title:before { right: inherit; background-color: #fff; bottom: 0; } #cshero-header-inner.header-19.custom-header22 #cshero-header .navigation-main #site-navigation .menu-main-menu > li > a .title-attribute { background-color: #222; bottom: inherit; top: 3px; -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 */ } #cshero-header-inner.header-19.custom-header22 #cshero-header .navigation-main #site-navigation .menu-main-menu > li > a .title-attribute:before { border-color: #222 transparent transparent; } #cshero-header-inner.header-19.custom-header22 #cshero-header .navigation-main .cshero-navigation-right .nav-button-icon { line-height: 55px; } #cshero-header-inner.header-19.custom-header22 #cshero-header .navigation-main .cshero-navigation-right .nav-button-icon i:hover { color: #222 !important; } #cshero-header-inner.header-19.custom-header22 #cshero-header .navigation-main .cshero-navigation-right .nav-button-icon .couter_items { background-color: #222; } #cshero-header-inner.header-19.custom-header22 #cshero-header .navigation-main .cshero-navigation-right .top-media a { line-height: 55px; -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 */ background-color: #222; font-weight: 500; } #cshero-header-inner.header-19.custom-header25 #cshero-header .widget-search-header.open { top: 60px; } #cshero-header-inner.header-19.custom-header25 #cshero-header:not(.header-fixed) { bottom: -30px; } #cshero-header-inner.header-19.custom-header25 #cshero-header .navigation-main { background-color: #458225; } #cshero-header-inner.header-19.custom-header25 #cshero-header .navigation-main #site-navigation .menu-main-menu > li > a { line-height: 60px; } #cshero-header-inner.header-19.custom-header25 #cshero-header .navigation-main #site-navigation .menu-main-menu > li > a .menu-title:before { background-color: #fff; } #cshero-header-inner.header-19.custom-header25 #cshero-header .navigation-main #site-navigation .menu-main-menu > li > a .title-attribute { background-color: #222; } #cshero-header-inner.header-19.custom-header25 #cshero-header .navigation-main #site-navigation .menu-main-menu > li > a .title-attribute:before { border-color: #222 transparent transparent; } #cshero-header-inner.header-19.custom-header25 #cshero-header .navigation-main .cshero-navigation-right .nav-button-icon { line-height: 60px; } #cshero-header-inner.header-19.custom-header25 #cshero-header .navigation-main .cshero-navigation-right .nav-button-icon i:hover { color: #222 !important; } #cshero-header-inner.header-19.custom-header25 #cshero-header .navigation-main .cshero-navigation-right .nav-button-icon .couter_items { background-color: #222; } #cshero-header-inner.header-19.custom-header25 #cshero-header .top-media a { background-color: #222; border: medium none; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ display: block; font-size: 13px; font-weight: 700; line-height: 60px; padding: 0 34px; color: #fff; text-transform: uppercase; } #cshero-header-inner.header-19.custom-header25 #cshero-header .top-media a:hover { background-color: #458225; } #cshero-header-inner.header-19.custom-header25 #cshero-header.header-fixed { background-color: #458225; } #cshero-header-inner.custom-header26 #cshero-header-wrapper { left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 1001; } #cshero-header-inner.custom-header26 #cshero-header-wrapper .header-fixed { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } #cshero-header-inner.custom-header26 .widget-search-header.open { top: 60px; } #cshero-header-inner.custom-header26 #cshero-header-contact a { color: #bfbfbf !important; } #cshero-header-inner.custom-header26 #cshero-header-contact a:hover { color: #458225 !important; } #cshero-header-inner.custom-header26 #cshero-header-contact .media-left i, #cshero-header-inner.custom-header26 #cshero-header-contact .media-body span { color: #458225; } #cshero-header-inner.custom-header26 #cshero-header-contact .media-body span:nth-child(2) { color: #bfbfbf !important; } #cshero-header-inner.custom-header26 #cshero-header-contact .media::before { background-color: rgba(255, 255, 255, 0.2) !important; } #cshero-header-inner.custom-header26 #cshero-header-middle { padding-bottom: 30px; } #cshero-header-inner.custom-header26 #cshero-header:not(.header-fixed) { position: relative; bottom: 0; } #cshero-header-inner.custom-header26 #cshero-header .navigation-main { background-color: #458225; } #cshero-header-inner.custom-header26 #cshero-header .navigation-main #site-navigation { padding: 0; } #cshero-header-inner.custom-header26 #cshero-header .navigation-main #site-navigation .menu-main-menu { padding: 0 12px; } #cshero-header-inner.custom-header26 #cshero-header .navigation-main #site-navigation .menu-main-menu > li > a { line-height: 60px; position: relative; } #cshero-header-inner.custom-header26 #cshero-header .navigation-main #site-navigation .menu-main-menu > li > a .menu-title { position: static; } #cshero-header-inner.custom-header26 #cshero-header .navigation-main #site-navigation .menu-main-menu > li > a .menu-title:before { right: inherit; background-color: #fff; bottom: 0; } #cshero-header-inner.custom-header26 #cshero-header .navigation-main #site-navigation .menu-main-menu > li > a .title-attribute { background-color: #222; bottom: inherit; top: 3px; -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 */ } #cshero-header-inner.custom-header26 #cshero-header .navigation-main #site-navigation .menu-main-menu > li > a .title-attribute:before { border-color: #222 transparent transparent; } #cshero-header-inner.custom-header26 #cshero-header .navigation-main .cshero-navigation-right .nav-button-icon { line-height: 60px; } #cshero-header-inner.custom-header26 #cshero-header .navigation-main .cshero-navigation-right .nav-button-icon i:hover { color: #222 !important; } #cshero-header-inner.custom-header26 #cshero-header .navigation-main .cshero-navigation-right .nav-button-icon .couter_items { background-color: #222; } #cshero-header-inner.custom-header26 #cshero-header .navigation-main .cshero-navigation-right .top-media a { line-height: 60px; -webkit-border-radius: 0px 2px 2px 0; -khtml-border-radius: 0px 2px 2px 0; -moz-border-radius: 0px 2px 2px 0; -ms-border-radius: 0px 2px 2px 0; -o-border-radius: 0px 2px 2px 0; border-radius: 0px 2px 2px 0; /* BACKGROUND GRADIENT */ background-color: #222; } #cshero-header-inner.custom-header27 #cshero-header-wrapper { left: 0; position: absolute; right: 0; top: 0; z-index: 1001; margin: auto; max-width: 1140px; padding: 0 15px; background-color: #222; } #cshero-header-inner.custom-header27 #cshero-header-wrapper .widget-search-header.open { top: 50px; } #cshero-header-inner.custom-header27 #cshero-header-wrapper #cshero-header { position: relative; top: 0; } #cshero-header-inner.custom-header27 #cshero-header-wrapper #cshero-header .container { width: 100%; } #cshero-header-inner.custom-header27 #cshero-header-wrapper #cshero-header.header-fixed { position: fixed; max-width: 1140px; background-color: #222; } #cshero-header-inner.custom-header27 #cshero-header-wrapper #cshero-header.header-fixed > .container { padding: 0 30px; } #cshero-header-inner.custom-header27 #cshero-header-wrapper #cshero-header #cshero-header-navigation .navigation-main { background-color: #222; border-bottom: 1px solid #434343; } #cshero-header-inner.custom-header27 #cshero-header-wrapper #cshero-header #cshero-header-navigation .navigation-main .main-navigation { padding: 0; } #cshero-header-inner.custom-header27 #cshero-header-wrapper #cshero-header #cshero-header-navigation .navigation-main .menu-main-menu > li:first-child { padding-left: 0; } #cshero-header-inner.custom-header27 #cshero-header-wrapper #cshero-header #cshero-header-navigation .navigation-main .menu-main-menu > li > a { line-height: 50px; position: relative; } #cshero-header-inner.custom-header27 #cshero-header-wrapper #cshero-header #cshero-header-navigation .navigation-main .menu-main-menu > li > a .menu-title { position: static; } #cshero-header-inner.custom-header27 #cshero-header-wrapper #cshero-header #cshero-header-navigation .navigation-main .menu-main-menu > li > a .menu-title:before { right: inherit; background-color: #fff; bottom: 0; } #cshero-header-inner.custom-header27 #cshero-header-wrapper #cshero-header #cshero-header-navigation .navigation-main .menu-main-menu > li > a .title-attribute { bottom: inherit; top: 3px; font-size: 8px; padding: 2px 4px; } #cshero-header-inner.custom-header27 #cshero-header-wrapper #cshero-header #cshero-header-navigation .navigation-main .menu-main-menu > li.current-menu-item > a, #cshero-header-inner.custom-header27 #cshero-header-wrapper #cshero-header #cshero-header-navigation .navigation-main .menu-main-menu > li.current-menu-ancestor > a, #cshero-header-inner.custom-header27 #cshero-header-wrapper #cshero-header #cshero-header-navigation .navigation-main .menu-main-menu > li:hover > a { color: #458225; } #cshero-header-inner.custom-header27 #cshero-header-wrapper #cshero-header #cshero-header-navigation .navigation-main .menu-main-menu > li.current-menu-item > a .menu-title:before, #cshero-header-inner.custom-header27 #cshero-header-wrapper #cshero-header #cshero-header-navigation .navigation-main .menu-main-menu > li.current-menu-ancestor > a .menu-title:before, #cshero-header-inner.custom-header27 #cshero-header-wrapper #cshero-header #cshero-header-navigation .navigation-main .menu-main-menu > li:hover > a .menu-title:before { background-color: #458225; } #cshero-header-inner.custom-header27 #cshero-header-wrapper #cshero-header #cshero-header-navigation .navigation-main .cshero-navigation-right .nav-button-icon { line-height: 50px; } #cshero-header-inner.custom-header27 #cshero-header-wrapper #cshero-header #cshero-header-navigation .navigation-main .cshero-navigation-right .top-media { margin: 0; } #cshero-header-inner.custom-header27 #cshero-header-wrapper #cshero-header #cshero-header-navigation .navigation-main .cshero-navigation-right .top-media a { line-height: 50px; -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 */ } #cshero-header-inner.custom-header27 #cshero-header-wrapper #cshero-header-middle { padding-bottom: 30px; } #cshero-header-inner.custom-header27 #cshero-header-wrapper #cshero-header-middle .container { width: 100%; } #cshero-header-inner.custom-header27 #cshero-header-wrapper #cshero-header-middle .container .header-contact .media-body a { color: #bfbfbf; } #cshero-header-inner.custom-header27 #cshero-header-wrapper #cshero-header-middle .container .header-contact .media-body a:hover { color: #458225; } #cshero-header-inner.custom-header27 #cshero-header-wrapper #cshero-header-middle .container .header-contact .media-body span:nth-child(2) { color: #bfbfbf; } #cshero-header-inner.header-top-full #cshero-header-top { background-color: #282828; color: #9e9e9e; } #cshero-header-inner.header-top-full #cshero-header-top span { color: #458225; } #cshero-header-inner.header-top-full #cshero-header-top .top-wellcome, #cshero-header-inner.header-top-full #cshero-header-top .top-visit { display: inline-block; vertical-align: middle; } #cshero-header-inner.header-top-full #cshero-header-top .top-visit { position: relative; padding-left: 14px; margin-left: 14px; } #cshero-header-inner.header-top-full #cshero-header-top .top-visit:before { content: ""; height: 19px; width: 1px; background-color: #484848; position: absolute; top: 50%; left: -2px; -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 */ } #cshero-header-inner.header-top-full #cshero-header-top .cms-top-social li { margin: 0 10px; } #cshero-header-inner.header-top-full #cshero-header-top .cms-top-social li a { color: #9e9e9e; } #cshero-header-inner.header-top-full #cshero-header-top .cms-top-social li a:hover { color: #458225; } #cshero-header-inner.header-top-full #cshero-header-top .cms-top-social .hide { display: inline-block !important; margin-right: 0; color: #458225; } .cs-boxed #main { background-color: #fff; } .cs-boxed #cshero-header.header-fixed { max-width: 1270px; } .body-border-wrapper #cshero-header-inner #cshero-header.header-fixed { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } } @media (max-width: 992px) { .header-19 #cshero-header-top { background-color: #f2f2f2; /* Search Nav */ } .widget-search-header { width: 270px; top: 46px; right: -100px; } #cshero-header-inner.bg-trans #cshero-header > .container { background-color: rgba(255, 255, 255, 0.05); border-bottom: 1px solid rgba(255, 255, 255, 0.1); } #cshero-header-inner.bg-trans #cshero-header > .container #cshero-header-navigation { margin-top: 15px; } #cshero-menu-mobile .nav-button-icon { position: absolute; right: 115px; } #cshero-menu-mobile .nav-button-icon .fa-search:before { content: "\e618"; font-family: 'Pe-icon-7-stroke'; } } .admin-bar { /* ========================================================================== [End] 1. Header Main ========================================================================== */ /* ========================================================================== [Start] 3. Hidden Sidebar ========================================================================== */ } .admin-bar #cshero-header-inner #cshero-header.header-fixed, .admin-bar #cshero-header-inner.custom-header26 #cshero-header-wrapper .header-fixed { top: 32px; } .admin-bar .more-sign-up, .admin-bar .more-sign-in { display: none; } #cms-theme #page-wrapper { -webkit-transition: all 400ms ease 0ms; -moz-transition: all 400ms ease 0ms; -ms-transition: all 400ms ease 0ms; transition: all 400ms ease 0ms; position: relative; z-index: 999; } #cms-theme #page-wrapper.cs-wide { background-color: #fff; } #cms-theme.hidden-sidebar-active #page-wrapper { -webkit-transform: translateX(-370px); -khtml-transform: translateX(-370px); -moz-transform: translateX(-370px); -ms-transform: translateX(-370px); -o-transform: translateX(-370px); transform: translateX(-370px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cshero-hidden-sidebar { background-color: #222; color: #bfbfbf; height: 100%; position: fixed; right: 0; top: 0; width: 370px; padding: 65px 40px; z-index: 1000; -webkit-transition: all 400ms ease 0ms; -moz-transition: all 400ms ease 0ms; -ms-transition: all 400ms ease 0ms; transition: all 400ms ease 0ms; opacity: 0; visibility: hidden; z-index: 0; /* ========================================================================== [Start] 4. Hidden Sidebar ========================================================================== */ } .cshero-hidden-sidebar .sidebar-close { cursor: pointer; font-size: 15px; position: absolute; right: 30px; top: 50px; opacity: 0; -webkit-transition: all 400ms ease 0ms; -moz-transition: all 400ms ease 0ms; -ms-transition: all 400ms ease 0ms; transition: all 400ms ease 0ms; } .cshero-hidden-sidebar .sidebar-close:hover { color: #fff; } .cshero-hidden-sidebar:hover .sidebar-close { opacity: 1; } .cshero-hidden-sidebar.open { opacity: 1; visibility: visible; } .cshero-hidden-sidebar .sidebar-inner { height: 100vh; } .cshero-hidden-sidebar a { color: #fff; } .cshero-hidden-sidebar a:hover { color: #458225; } .cshero-hidden-sidebar aside { margin-bottom: 35px; } .cshero-hidden-sidebar ul.menu li a { font-weight: 700; text-transform: uppercase; display: block; line-height: 40px; } .cshero-hidden-sidebar ul.menu li a .menu-title { position: relative; } .cshero-hidden-sidebar ul.menu li a .menu-title:before { background-color: #458225; content: ""; height: 2px; position: absolute; top: -3px; width: 0px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cshero-hidden-sidebar ul.menu li.current-menu-item a, .cshero-hidden-sidebar ul.menu li a:hover { color: #458225; } .cshero-hidden-sidebar ul.menu li.current-menu-item a .menu-title:before, .cshero-hidden-sidebar ul.menu li a:hover .menu-title:before { opacity: 1; filter: alpha(opacity=1); width: 10px; } .cshero-hidden-sidebar .cs-social { text-align: center; } .cshero-hidden-sidebar .cs-social li { margin: 0 13px; } .cshero-hidden-sidebar .cs-social li a { font-size: 14px; } .view-demos { background-color: rgba(34, 34, 34, 0.95); bottom: 0; left: 0; position: fixed; width: 100%; z-index: 1001; -webkit-transition: all 280ms ease 0ms; -moz-transition: all 280ms ease 0ms; -ms-transition: all 280ms ease 0ms; transition: all 280ms ease 0ms; opacity: 0; filter: alpha(opacity=0); } .view-demos .view-demos-content-inner { padding: 20px 80px; border: 1px solid #333; } .view-demos .open { background-color: rgba(34, 34, 34, 0.95); color: #fff; font-size: 14px; font-weight: 700; height: 42px; left: 0; top: -42px; line-height: 42px; padding: 0 20px; position: absolute; z-index: 1002; -webkit-transition: all 400ms ease 0ms; -moz-transition: all 400ms ease 0ms; -ms-transition: all 400ms ease 0ms; transition: all 400ms ease 0ms; } .view-demos .open i { font-size: 22px; line-height: 0; padding-left: 20px; position: relative; top: 2px; color: #458225; -webkit-transition: all 400ms ease 0ms; -moz-transition: all 400ms ease 0ms; -ms-transition: all 400ms ease 0ms; transition: all 400ms ease 0ms; } .view-demos.opened { margin-bottom: 0 !important; } .view-demos.opened .open i:before { content: "\f107"; } .cms-demos .cms-carousel-image { position: relative; } .cms-demos .cms-carousel-image img { border: 2px solid #333; } .cms-demos .cms-carousel-image a:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 400ms ease 0ms; -moz-transition: all 400ms ease 0ms; -ms-transition: all 400ms ease 0ms; transition: all 400ms ease 0ms; background-color: rgba(213, 170, 109, 0.8); z-index: 1; } .cms-demos .cms-carousel-image span { 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 */ font-size: 24px; height: 44px; left: 0; line-height: 44px; margin: auto; position: absolute; right: 0; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ width: 44px; opacity: 0; display: inline-block; margin-top: -40px; filter: alpha(opacity=0); -webkit-transition: all 400ms ease 0ms; -moz-transition: all 400ms ease 0ms; -ms-transition: all 400ms ease 0ms; transition: all 400ms ease 0ms; z-index: 2; } .cms-demos .cms-carousel-image:hover a:before { opacity: 1; filter: alpha(opacity=1); } .cms-demos .cms-carousel-image:hover span { opacity: 1; filter: alpha(opacity=1); margin-top: 0; } .cms-demos .cms-carousel-image:hover img { border-color: #458225; } .cms-demos .cms-carousel-title { font-weight: 700; margin-top: 12px; text-transform: uppercase; } .cms-demos .cms-carousel-title a { color: #fff; } .cms-demos .cms-carousel-title a:hover { color: #458225; } .cms-demos .owl-controls .owl-prev, .cms-demos .owl-controls .owl-next { position: absolute; margin: 0; left: -60px; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-demos .owl-controls .owl-prev i, .cms-demos .owl-controls .owl-next i { height: 42px; line-height: 40px; width: 42px; } .cms-demos .owl-controls .owl-prev i:before, .cms-demos .owl-controls .owl-next i:before { font-size: 18px; } .cms-demos .owl-controls .owl-next { left: inherit; right: -60px; } #cms-theme.header-21 { margin-left: 270px; } #cms-theme.header-21 #page-title.br-style9 { background-color: #fff; margin-bottom: 80px; padding: 0 100px; } #cms-theme.header-21 #page-title.br-style9 .container { border-bottom: 1px solid #e8e8e8; padding: 70px 0 40px 0; width: 100%; } #cms-theme.header-21 .vc_row[data-vc-full-width] { width: 100% !important; padding-left: 90px !important; padding-right: 90px !important; left: 0 !important; margin: 0; } #cms-theme.header-21 .vc_row[data-vc-stretch-content] { padding-left: 0px !important; padding-right: 0px !important; } #cms-theme.header-21 #cshero-header-left { width: 270px !important; height: 100vh; position: fixed; top: 0; left: 0; background-color: #fff; padding: 30px; border-right: 1px solid #e8e8e8; } #cms-theme.header-21 #cshero-header-left #cshero-header-left-logo { margin-bottom: 112px; padding-bottom: 30px; position: relative; text-align: center; } #cms-theme.header-21 #cshero-header-left #cshero-header-left-logo:before { width: 270px; height: 1px; background-color: #e8e8e8; position: absolute; left: -30px; bottom: 0; content: ""; } #cms-theme.header-21 #cshero-header-left #cshero-header-left-menu .menu-main-menu > li > a { text-transform: uppercase; font-weight: 700; border-bottom: 1px solid #f1f1f1; } #cms-theme.header-21 #cshero-header-left #cshero-header-left-menu .menu-main-menu > li > a .title-attribute { display: none; } #cms-theme.header-21 #cshero-header-left #cshero-header-left-menu .menu-main-menu > li:last-child > a { border-bottom: none; } #cms-theme.header-21 #cshero-header-left #cshero-header-left-menu .menu-main-menu li { position: relative; } #cms-theme.header-21 #cshero-header-left #cshero-header-left-menu .menu-main-menu li a { font-size: 13px; color: #333; display: block; padding: 8px 0; position: relative; } #cms-theme.header-21 #cshero-header-left #cshero-header-left-menu .menu-main-menu li a:hover { color: #458225; } #cms-theme.header-21 #cshero-header-left #cshero-header-left-menu .menu-main-menu li.current-menu-item > a, #cms-theme.header-21 #cshero-header-left #cshero-header-left-menu .menu-main-menu li.current-menu-ancestor > a { color: #458225; } #cms-theme.header-21 #cshero-header-left #cshero-header-left-menu .menu-main-menu li.menu-item-has-children .cs-menu-toggle { cursor: pointer; display: block; height: 20px; line-height: 20px; position: absolute; right: -8px; text-align: center; top: 9px; width: 20px; } #cms-theme.header-21 #cshero-header-left #cshero-header-left-menu .menu-main-menu li.menu-item-has-children .cs-menu-toggle:before { content: ""; } #cms-theme.header-21 #cshero-header-left #cshero-header-left-menu .menu-main-menu li.menu-item-has-children .cs-menu-toggle:after { content: "\e684"; font-family: Pe-icon-7-stroke; font-weight: normal; font-size: 16px; color: #7f7f7f; } #cms-theme.header-21 #cshero-header-left #cshero-header-left-menu .menu-main-menu li.menu-item-has-children .cs-menu-toggle:hover:after { color: #458225; } #cms-theme.header-21 #cshero-header-left #cshero-header-left-menu .menu-main-menu li ul.sub-menu { max-height: 0; overflow: hidden; visibility: hidden; width: 100% !important; -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; padding-left: 13px; } #cms-theme.header-21 #cshero-header-left #cshero-header-left-menu .menu-main-menu li ul.sub-menu.submenu-open { max-height: 2000px; visibility: visible; overflow: visible; opacity: 1; } #cms-theme.header-21 #cshero-header-left #cshero-header-left-menu .menu-main-menu li ul.sub-menu.submenu-open + .cs-menu-toggle:after { content: "\e688"; } #cms-theme.header-21 #cshero-header-left #cshero-header-left-menu .menu-main-menu li ul.sub-menu .sub-menu + .cs-menu-toggle:after { content: "\e684"; color: #999; } #cms-theme.header-21 #cshero-header-left #cshero-header-left-menu .menu-main-menu li ul.sub-menu .sub-menu + .cs-menu-toggle:hover:after { color: #458225; } #cms-theme.header-21 #cshero-header-left #cshero-header-left-menu .menu-main-menu li ul.sub-menu .sub-menu.submenu-open + .cs-menu-toggle:after { content: "\e688"; } #cms-theme.header-21 #cshero-header-left #cshero-header-left-footer { margin-top: 170px; padding: 30px 0; position: relative; text-align: left; text-align: center; } #cms-theme.header-21 #cshero-header-left #cshero-header-left-footer:before { width: 270px; height: 1px; background-color: #e8e8e8; position: absolute; left: -30px; top: 0; content: ""; } #cms-theme.header-21 #cshero-header-left #cshero-header-left-footer .cms-footer-social li { display: inline-block; margin: 0 8px; } #cms-theme.header-21 #cshero-header-left #cshero-header-left-footer .cms-footer-social li a { color: #5d5d5d; } #cms-theme.header-21 #cshero-header-left #cshero-header-left-footer .cms-footer-social li a:hover { color: #458225; } #cms-theme.header-21 #page-default { width: 100%; padding: 0; } #cms-theme.header-21 #page-default .entry-content > .vc_row { margin: 0; padding: 0 90px; } #cms-theme.header-21 .cms-cta-wrapper .container { padding: 0 150px; width: 100%; } #cms-theme.header-21 #cshero-footer #cshero-footer-feature-top > .container { width: 100%; max-width: 100%; padding-left: 105px; padding-right: 105px; } #cms-theme.header-21 #cshero-footer #cshero-footer-top > .container, #cms-theme.header-21 #cshero-footer #cshero-footer-bottom > .container, #cms-theme.header-21 #cshero-footer #cs-copyright > .container { width: 100%; padding-left: 90px; padding-right: 90px; } #cshero-menu-left-mobile { display: none; background-color: rgba(0, 0, 0, 0.6); -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 */ height: 50px; line-height: 100px; position: absolute; right: 30px; text-align: center; top: 30px; width: 50px; z-index: 1001; } #cshero-menu-left-mobile .popup_menu { font-size: 21px; height: 30px; line-height: 30px; margin: auto; position: absolute; right: 0; left: 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: 23px; z-index: 1001; } #cshero-menu-left-mobile .popup_menu .line, #cshero-menu-left-mobile .popup_menu .line:before, #cshero-menu-left-mobile .popup_menu .line:after { height: 2px; width: 23px; display: block; -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; -ms-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; background-color: #fff; } #cshero-menu-left-mobile .popup_menu .line { position: absolute; top: 14px; } #cshero-menu-left-mobile .popup_menu .line:before, #cshero-menu-left-mobile .popup_menu .line:after { content: ""; position: absolute; } #cshero-menu-left-mobile .popup_menu .line:before { top: -7px; } #cshero-menu-left-mobile .popup_menu .line:after { top: 7px; } #cshero-menu-left-mobile .popup_menu:hover .line:before { top: -10px; } #cshero-menu-left-mobile .popup_menu:hover .line:after { top: 10px; } #cshero-menu-left-mobile .popup_menu.active .line { background-color: transparent; } #cshero-menu-left-mobile .popup_menu.active .line:before { top: 0; -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 */ } #cshero-menu-left-mobile .popup_menu.active .line:after { top: 0; -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 */ } .admin-bar.header-21 #cshero-header-left-logo { padding-top: 30px; } .admin-bar #cshero-menu-left-mobile { top: 62px; } .admin-bar #cshero-header-inner.custom-header27 #cshero-header-wrapper #cshero-header.header-fixed { top: 32px; } body { overflow-x: hidden; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } img.aligncenter { margin: 5px auto; } .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; } .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; } .entry-page-image { margin-bottom: 14px; } #main #page-default { position: relative; z-index: 1; } .block { display: block; } .b-ra img { -webkit-border-radius: 2px 2px 0 0; -khtml-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -ms-border-radius: 2px 2px 0 0; -o-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; /* BACKGROUND GRADIENT */ } .sl-italic { font-style: italic; letter-spacing: 0 !important; } .inline { display: inline-block; } a:before, a:after { outline: none; text-decoration: none; } a, a:hover, a:focus { outline: none; text-decoration: none; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; line-height: 1.1; font-weight: 700; } ul { padding: 0; margin: 0; list-style: none; } p { margin: 0 0 15px; } img { height: auto; max-width: 100%; } .hide-image img { display: none; } .l10 { letter-spacing: 0.01em; } .l20 { letter-spacing: 0.02em; } .l60 { letter-spacing: 0.06em; } .style-i { font-style: italic !important; } .w50 { float: left; width: 50%; } .size_big { font-size: 64px; } .size_small { font-size: 26px; } body .wpb_content_element, body .wpb_button { margin-bottom: 0; } .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%; } .cs-boxed .entry-content > .vc_row-fluid { background-color: #fff; position: relative; } .cs-boxed .entry-content > .vc_row-fluid.bg-primary-color { background-color: #458225; } .l40 { letter-spacing: 0.04em; } .media-body { width: inherit; } .margin-top40 { margin-top: 40px; } .thin { font-weight: 300; } .well { border: medium none; border-radius: 0; box-shadow: none; } .dark { color: #222; } .dark2 { color: #282828; } .color-primary { color: #458225; } .media .color-primary { color: #458225 !important; } .cmsline { width: 19px; height: 3px; background-color: #282828; display: block; } .line-gray { height: 1px; display: block; width: 100%; background-color: #353535; } .icon-box-style { display: block; height: 60px; line-height: 72px; text-align: center; width: 60px; -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 */ background-color: #458225; position: relative; } .icon-box-style:before { content: ""; height: 2px; width: 19px; background-color: #458225; position: absolute; bottom: -10px; left: 0; } .icon-box-style i { font-size: 28px; color: #fff; } .bg-primary-color, .box-primary .cms-counter-inner { background-color: #458225; } .cms-title, #comments #reply-title, #comments .comments-title, #sidebar .widget-title, .wpb_widgetised_column .widget-title, .sg-services-sidebar .widget-title, .sidebar-post-type .widget-title, #sidebar .wg-title, .wpb_widgetised_column .wg-title, .sg-services-sidebar .wg-title, .sidebar-post-type .wg-title, #cms-theme .cms-related-heading .wg-title { font-size: 16px; margin: 0 0 30px; position: relative; line-height: 30px; border-bottom: 2px solid #e8e8e8; padding-bottom: 11px; letter-spacing: 0.06em; } .cms-title:before, #comments #reply-title:before, #comments .comments-title:before, #sidebar .widget-title:before, .wpb_widgetised_column .widget-title:before, .sg-services-sidebar .widget-title:before, .sidebar-post-type .widget-title:before, #sidebar .wg-title:before, .wpb_widgetised_column .wg-title:before, .sg-services-sidebar .wg-title:before, .sidebar-post-type .wg-title:before, #cms-theme .cms-related-heading .wg-title:before, .cms-title:after, #comments #reply-title:after, #comments .comments-title:after, #sidebar .widget-title:after, .wpb_widgetised_column .widget-title:after, .sg-services-sidebar .widget-title:after, .sidebar-post-type .widget-title:after, #sidebar .wg-title:after, .wpb_widgetised_column .wg-title:after, .sg-services-sidebar .wg-title:after, .sidebar-post-type .wg-title:after, #cms-theme .cms-related-heading .wg-title:after { background-color: #282828; bottom: -2px; content: ""; height: 2px; left: 0; position: absolute; width: 30px; } .cms-title:after, #comments #reply-title:after, #comments .comments-title:after, #sidebar .widget-title:after, .wpb_widgetised_column .widget-title:after, .sg-services-sidebar .widget-title:after, .sidebar-post-type .widget-title:after, #sidebar .wg-title:after, .wpb_widgetised_column .wg-title:after, .sg-services-sidebar .wg-title:after, .sidebar-post-type .wg-title:after, #cms-theme .cms-related-heading .wg-title:after { width: 20px; bottom: -6px; } .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; /* ================> 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: #458225; } 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: #458225; } pre { background: #f5f5f5; color: #666; font-family: monospace; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre-wrap; word-wrap: break-word; } .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 ========================================================================== */ /* ========================================================================== [Start] 2. Page Title ========================================================================== */ } 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: #458225; } dl + h2 + ul li ul { padding-left: 35px; } .line-icon { display: inline-block; height: 6px; width: 30px; position: relative; } .line-icon:before, .line-icon:after { height: 2px; width: 20px; content: ""; background-color: #282828; position: absolute; right: 0; top: 0; } .line-icon:after { bottom: 0; right: inherit; left: 0; top: inherit; } .line-icon.white:before, .line-icon.white:after { background-color: #fff; } #page-title { position: relative; padding-top: 395px; padding-bottom: 45px; margin-bottom: 100px; background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; } #page-title > .container { position: relative; z-index: 1; } #page-title:before { background-color: rgba(27, 26, 26, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } #page-title #page-title-text h1 { color: #fff; font-size: 40px; line-height: 1; text-transform: uppercase; margin: 0; position: relative; letter-spacing: 0.04em; font-weight: 800; } #page-title #page-title-text .sub-title { color: #e5e4e4; font-family: Lora; font-size: 17px; font-style: italic; line-height: 45px; display: block; } #page-title #breadcrumb-text.line-white { position: relative; } #page-title #breadcrumb-text ul.breadcrumbs { color: #f9f9f9; font-size: 15px; line-height: normal; list-style: outside none none; letter-spacing: 0.02em; padding: 9px 0 0; } #page-title #breadcrumb-text ul.breadcrumbs li { display: inline-block; margin: 0; } #page-title #breadcrumb-text ul.breadcrumbs li + li:before { padding: 0 10px; font-family: FontAwesome; content: '/'; } #page-title #breadcrumb-text ul.breadcrumbs li a { color: #e5e4e4; } #page-title #breadcrumb-text ul.breadcrumbs li a:hover { color: #458225; text-decoration: none; } #page-title #breadcrumb-text ul.breadcrumbs li:first-child a:before { content: "Home"; } #page-title.br-style2, #page-title.br-style3 { padding-bottom: 146px; padding-top: 246px; } #page-title.br-style2 #page-title-text h1, #page-title.br-style3 #page-title-text h1 { padding-bottom: 4px; } #page-title.br-style2 #breadcrumb-text, #page-title.br-style3 #breadcrumb-text { margin-top: 2px; } #page-title.br-style2 .line-icon:before, #page-title.br-style3 .line-icon:before, #page-title.br-style2 .line-icon:after, #page-title.br-style3 .line-icon:after { background-color: #fff; } #page-title.br-style4 { padding-top: 270px; padding-bottom: 30px; } #page-title.br-style4 #page-title-text h1 { padding-bottom: 118px; } #page-title.br-style6 { padding-bottom: 100px; padding-top: 200px; } #page-title.br-style6:before { background-color: #458225; opacity: 0.75; } #page-title.br-style6:after { background-image: -webkit-linear-gradient(#458225, rgba(0, 0, 0, 0)); background-image: -webkit-linear-gradient(center bottom, #458225, rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(center bottom, #458225, rgba(0, 0, 0, 0)); background-image: -ms-linear-gradient(center bottom, #458225, rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(center bottom, #458225, rgba(0, 0, 0, 0)); background-image: linear-gradient(center bottom, #458225, rgba(0, 0, 0, 0)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#458225', endColorStr='rgba(0, 0, 0, 0)', gradientType='1'); /* BACKGROUND RADIAL */ content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } #page-title.br-style6 #page-title-text h1 { padding-bottom: 4px; } #page-title.br-style6 #breadcrumb-text { margin-top: 2px; } #page-title.br-style6 .line-icon:before, #page-title.br-style6 .line-icon:after { background-color: #fff; } #page-title.br-style7 { padding-bottom: 68px; padding-top: 170px; } #page-title.br-style7:before { background-color: rgba(0, 0, 0, 0.4); } #page-title.br-style7:after { background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); background-image: -webkit-linear-gradient(center bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(center bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); background-image: -ms-linear-gradient(center bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(center bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); background-image: linear-gradient(center bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(0, 0, 0, 0.4)', endColorStr='rgba(0, 0, 0, 0)', gradientType='1'); /* BACKGROUND RADIAL */ content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } #page-title.br-style7 #page-title-text h1 { padding-bottom: 0; padding-top: 10px; } #page-title.br-style7 #breadcrumb-text { margin-bottom: 5px; } #page-title.br-style7 .line-icon:before, #page-title.br-style7 .line-icon:after { background-color: #fff; } #page-title.br-style8 { padding-bottom: 94px; padding-top: 228px; margin-bottom: 0 !important; background-image: none !important; } #page-title.br-style8:before { background-color: transparent; } #page-title.br-style8 #page-title-text h1 { padding-bottom: 0; padding-top: 10px; } #page-title.br-style8 #breadcrumb-text { margin-bottom: 5px; } #page-title.br-style9 { padding: 70px 0; background-color: #f2f2f2; } #page-title.br-style9:before { background-color: transparent; } #page-title.br-style9 #page-title-text h1 { color: #222; font-size: 30px; } #page-title.br-style9 #breadcrumb-text ul.breadcrumbs { color: #222; } #page-title.br-style9 #breadcrumb-text ul.breadcrumbs a { color: #458225; } #page-title.br-style9 #breadcrumb-text ul.breadcrumbs a:hover { color: #222; } #page-title.br-custom-style-10 { padding-top: 290px; padding-bottom: 30px; } #page-title.br-custom-style-10 #page-title-text h1 { text-transform: none; font-size: 55px; line-height: 1.2; margin-bottom: 12px; } #page-title.br-custom-style-10 #page-title-text .sub-title { font-size: 17px; line-height: 24px; font-family: inherit; color: #e5e4e4; max-width: 680px; display: inline-block; margin: auto; font-style: normal; padding-bottom: 142px; } #page-title.overlay-primary-color:before { background-color: #458225; opacity: 0.75; } #page-title.overlay-primary-color:after { background-image: -webkit-linear-gradient(#458225, rgba(0, 0, 0, 0)); background-image: -webkit-linear-gradient(center bottom, #458225, rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(center bottom, #458225, rgba(0, 0, 0, 0)); background-image: -ms-linear-gradient(center bottom, #458225, rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(center bottom, #458225, rgba(0, 0, 0, 0)); background-image: linear-gradient(center bottom, #458225, rgba(0, 0, 0, 0)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#458225', endColorStr='rgba(0, 0, 0, 0)', gradientType='1'); /* BACKGROUND RADIAL */ content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } #page-title.overlay-primary-color .line-icon:before, #page-title.overlay-primary-color .line-icon:after { background-color: #fff; } #page-title.overlay-gradient-color:before { background-color: rgba(69, 130, 37, 0.8); background-image: -webkit-gradient(linear, left top, right top, from(rgba(69, 130, 37, 0.8)), to(rgba(34, 34, 34, 0.8))); background-image: -webkit-linear-gradient(left, rgba(69, 130, 37, 0.8), rgba(34, 34, 34, 0.8)); background-image: -moz-linear-gradient(left, rgba(69, 130, 37, 0.8), rgba(34, 34, 34, 0.8)); background-image: -ms-linear-gradient(left, rgba(69, 130, 37, 0.8), rgba(34, 34, 34, 0.8)); background-image: -o-linear-gradient(left, rgba(69, 130, 37, 0.8), rgba(34, 34, 34, 0.8)); background-image: linear-gradient(left, rgba(69, 130, 37, 0.8), rgba(34, 34, 34, 0.8)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(69, 130, 37, 0.8)', endColorStr='rgba(34, 34, 34, 0.8)', gradientType='1'); /* Vertical Top */ opacity: 0.9; } #page-title-wrapper { margin-bottom: 100px; } #page-title-wrapper #page-title { margin-bottom: 35px !important; } #page-title-wrapper.br-style5 .container #page-title-text h1 { color: #222; font-size: 40px; line-height: 1; text-transform: uppercase; margin: 0; position: relative; letter-spacing: 0.04em; font-weight: 800; } #page-title-wrapper.br-style5 .container #breadcrumb-text ul.breadcrumbs { color: #9b9b9b; font-size: 15px; line-height: normal; list-style: outside none none; letter-spacing: 0.02em; padding: 9px 0 0; } #page-title-wrapper.br-style5 .container #breadcrumb-text ul.breadcrumbs li { display: inline-block; margin: 0; } #page-title-wrapper.br-style5 .container #breadcrumb-text ul.breadcrumbs li + li:before { padding: 0 10px; font-family: FontAwesome; content: '/'; } #page-title-wrapper.br-style5 .container #breadcrumb-text ul.breadcrumbs li a { color: #222; } #page-title-wrapper.br-style5 .container #breadcrumb-text ul.breadcrumbs li a:hover { color: #458225; text-decoration: none; } #page-title-wrapper.br-style5 .container #breadcrumb-text ul.breadcrumbs li:first-child a:before { content: "Home"; } .page-title-custom #page-title { background-attachment: inherit; background-position: center bottom; } .home #breadcrumb-text { display: none; /* ========================================================================== [End] 2. Page Title ========================================================================== */ /* ========================================================================== [Start] 3. Primary ========================================================================== */ } .body-border { position: fixed; background-color: #eee; z-index: 10001; display: block; } .body-border.body-border-left { top: 0; bottom: 0; left: 0; } .body-border.body-border-right { top: 0; bottom: 0; right: 0; } #cms-theme.modal-open #page-wrapper, #cms-theme.modal-open #cshero-header-inner.header-19 #cshero-header-top { z-index: inherit; } #cms-theme.modal-open .modal-backdrop { background-color: #222; } #cms-theme.modal-open .modal-backdrop.in { opacity: 0.95; } #cms-theme.modal-open .modal-backdrop + .modal-backdrop { display: none !important; } #page-wrapper.cs-boxed { background-color: #fff; } #page-wrapper.cs-boxed.pt-style8 { background-color: transparent; } #page-wrapper.cs-boxed.pt-style8 #main { padding-top: 50px; } #page-wrapper.cs-boxed.pt-style8 #cms-page-title-wrapper { padding: 0; } #page-wrapper.cs-boxed.pt-style8 #cms-page-title-wrapper #page-title #breadcrumb-text ul.breadcrumbs li a:hover { color: #222; } #page-wrapper.cs-boxed.pt-style8 #cshero-header-inner #cshero-header-top .container, #page-wrapper.cs-boxed.pt-style8 #cshero-header-inner #cshero-header { padding: 0 !important; } #page-wrapper.cs-boxed.pt-style8 #cshero-header-inner.header-1, #page-wrapper.cs-boxed.pt-style8 #cshero-header-inner.header-2, #page-wrapper.cs-boxed.pt-style8 #cshero-header-inner.header-4, #page-wrapper.cs-boxed.pt-style8 #cshero-header-inner.header-7, #page-wrapper.cs-boxed.pt-style8 #cshero-header-inner.header-9, #page-wrapper.cs-boxed.pt-style8 #cshero-header-inner.header-10, #page-wrapper.cs-boxed.pt-style8 #cshero-header-inner.header-15 { max-width: 1270px; } #page-wrapper.cs-boxed.pt-style8 #cshero-header-inner.header-1:not(.bg-trans), #page-wrapper.cs-boxed.pt-style8 #cshero-header-inner.header-2:not(.bg-trans), #page-wrapper.cs-boxed.pt-style8 #cshero-header-inner.header-4:not(.bg-trans), #page-wrapper.cs-boxed.pt-style8 #cshero-header-inner.header-7:not(.bg-trans), #page-wrapper.cs-boxed.pt-style8 #cshero-header-inner.header-9:not(.bg-trans), #page-wrapper.cs-boxed.pt-style8 #cshero-header-inner.header-10:not(.bg-trans), #page-wrapper.cs-boxed.pt-style8 #cshero-header-inner.header-15:not(.bg-trans) { background-color: #fff; } #page-wrapper.cs-boxed.pt-style8 #cshero-header-inner.header-1 #cshero-header.header-fixed, #page-wrapper.cs-boxed.pt-style8 #cshero-header-inner.header-2 #cshero-header.header-fixed, #page-wrapper.cs-boxed.pt-style8 #cshero-header-inner.header-4 #cshero-header.header-fixed, #page-wrapper.cs-boxed.pt-style8 #cshero-header-inner.header-7 #cshero-header.header-fixed, #page-wrapper.cs-boxed.pt-style8 #cshero-header-inner.header-9 #cshero-header.header-fixed, #page-wrapper.cs-boxed.pt-style8 #cshero-header-inner.header-10 #cshero-header.header-fixed, #page-wrapper.cs-boxed.pt-style8 #cshero-header-inner.header-15 #cshero-header.header-fixed { max-width: 1270px !important; } #page-wrapper.cs-boxed .vc_row[data-vc-full-width].column-no-padding, #page-wrapper.cs-boxed .vc_row[data-vc-full-width].vc_row-no-padding { padding-left: 0 !important; padding-right: 0 !important; } #page-wrapper.cs-boxed .vc_row[data-vc-full-width].column-no-padding > .vc_column_wrapper, #page-wrapper.cs-boxed .vc_row[data-vc-full-width].vc_row-no-padding > .vc_column_wrapper { margin: 0; } #main { /* Column Position */ } #main .sidebar-left-active #primary.sidebar-active { float: right; } .wpb_column { /* Column Overlay */ } .wpb_column.position-left, .wpb_column.position-right { position: absolute; top: 0; left: 0; } .wpb_column.position-right { left: inherit; right: 0; } .column-bg-overlay { color: #fff; /* End Column Overlay */ } .column-bg-overlay .overlay-color-column { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .column-bg-overlay .wpb_wrapper { position: relative; z-index: 1; } .column-bg-overlay ul li { border-color: rgba(255, 255, 255, 0.2) !important; } #content footer.entry-meta { padding: 0; text-align: center; } .sider-page .wpb_row .container { padding: 0; width: 100%; } .sider-page.sd-left #primary { float: right; } .sider-page.sd-right #primary { float: left; } #page-blog-standard #primary.page-full-width, .single-post-wrap #primary.full-width, .archive #primary.page-full-width { float: none; margin: auto; max-width: 770px; /* Sidebar */ } #page-blog-standard #primary.page-full-width .pagination, .single-post-wrap #primary.full-width .pagination, .archive #primary.page-full-width .pagination { margin-bottom: 80px; } #sidebar #secondary, .wpb_widgetised_column.sidebar-shadow { padding: 30px 30px 0 30px; background-color: #fff; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); border-width: 1px; border-style: solid; border-color: #f9f9f9 #eee #eee; } #sidebar, .wpb_widgetised_column, .sg-services-sidebar, .sidebar-post-type { margin-bottom: 80px; /* Background Image Fixed vs Background Overlay Color */ } #sidebar aside, .wpb_widgetised_column aside, .sg-services-sidebar aside, .sidebar-post-type aside, #sidebar .slidingbar-widget-col, .wpb_widgetised_column .slidingbar-widget-col, .sg-services-sidebar .slidingbar-widget-col, .sidebar-post-type .slidingbar-widget-col { margin-bottom: 51px; } #sidebar ul.children, .wpb_widgetised_column ul.children, .sg-services-sidebar ul.children, .sidebar-post-type ul.children, #sidebar ul.sub-menu, .wpb_widgetised_column ul.sub-menu, .sg-services-sidebar ul.sub-menu, .sidebar-post-type ul.sub-menu { padding-left: 15px; } #content .wpb_row { /* Page 404 */ } #content .wpb_row.row-background-fixed { position: inherit; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; } #content .wpb_row.row-background-fixed .overlay-color { height: 3000px; left: -50%; position: relative; margin-bottom: -3000px; width: 200%; -webkit-transform: translateY(-20%); -khtml-transform: translateY(-20%); -moz-transform: translateY(-20%); -ms-transform: translateY(-20%); -o-transform: translateY(-20%); transform: translateY(-20%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } #content .wpb_row.row-bg-overlay { overflow: hidden; } #content .wpb_row .overlay-color { position: absolute; height: 100%; width: 200%; top: 0; left: -50%; background-color: rgba(69, 130, 37, 0.95); } #content .wpb_row.bg-overlay-gradient .overlay-color { background-color: rgba(69, 130, 37, 0.8); background-image: -webkit-gradient(linear, left top, right top, from(rgba(69, 130, 37, 0.8)), to(rgba(34, 34, 34, 0.8))); background-image: -webkit-linear-gradient(left, rgba(69, 130, 37, 0.8), rgba(34, 34, 34, 0.8)); background-image: -moz-linear-gradient(left, rgba(69, 130, 37, 0.8), rgba(34, 34, 34, 0.8)); background-image: -ms-linear-gradient(left, rgba(69, 130, 37, 0.8), rgba(34, 34, 34, 0.8)); background-image: -o-linear-gradient(left, rgba(69, 130, 37, 0.8), rgba(34, 34, 34, 0.8)); background-image: linear-gradient(left, rgba(69, 130, 37, 0.8), rgba(34, 34, 34, 0.8)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(69, 130, 37, 0.8)', endColorStr='rgba(34, 34, 34, 0.8)', gradientType='1'); /* Vertical Top */ opacity: 0.9; } .cms-error404 { text-align: center; margin-bottom: 200px; /* Page Loading */ } .cms-error404 .entry-header h1 { font-size: 280px; line-height: 235px; margin-bottom: 10px; margin-top: 80px; font-weight: 700; } .cms-error404 .entry-content { margin: auto; max-width: 600px; } .cms-error404 .entry-content .text { font-size: 15px; color: #a5a5a5; } .cms-error404 .entry-content a { margin-top: 30px; } #cms-loadding { background: #fff; height: 100%; position: fixed; width: 100%; z-index: 10000; top: 0; /* Page Contact - Gettouch */ } .page-get-contact { /* Custom - Row background image */ } .page-get-contact ul { margin-bottom: 20px; } .page-get-contact ul li { padding-left: 28px; position: relative; margin-bottom: 7px; margin-top: 4px; } .page-get-contact ul li i { font-size: 16px; color: #282828; padding-right: 14px; left: 0; position: absolute; top: 15px; color: #458225; } .page-get-contact ul li a { display: block; } .custom-row-image { background-size: cover; background-position: center center; background-repeat: no-repeat; height: 100%; left: 0; position: absolute; top: 0; width: 50%; } .custom-row-image:before { background-color: rgba(34, 34, 34, 0.15); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .overlay-none .custom-row-image:before { background: transparent; } .row-image-holder { border: 2px solid #f9f9f9; bottom: 90px; left: 15px; position: absolute; right: 165px; text-align: center; top: 90px; } .row-image-holder img { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .col-bg-overlay > .vc_column-inner { position: relative; } .col-bg-overlay > .vc_column-inner:before { height: 100%; width: 100%; position: absolute; top: 0; left: 0; content: ""; background-color: #458225; opacity: 0.45; display: block; } .col-bg-overlay > .vc_column-inner:after { background-image: -webkit-linear-gradient(#458225, rgba(0, 0, 0, 0)); background-image: -webkit-linear-gradient(center bottom, #458225, rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(center bottom, #458225, rgba(0, 0, 0, 0)); background-image: -ms-linear-gradient(center bottom, #458225, rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(center bottom, #458225, rgba(0, 0, 0, 0)); background-image: linear-gradient(center bottom, #458225, rgba(0, 0, 0, 0)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#458225', endColorStr='rgba(0, 0, 0, 0)', gradientType='1'); /* BACKGROUND RADIAL */ content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; display: block; opacity: 1; } .col-bg-overlay > .vc_column-inner > .wpb_wrapper { position: relative; z-index: 1; } .col-bg-overlay2 .custom-row-image:before { height: 100%; width: 100%; position: absolute; top: 0; left: 0; content: ""; background-color: #458225; opacity: 0.75; display: block; } .col-bg-overlay2 .custom-row-image:after { background-image: -webkit-linear-gradient(#458225, rgba(0, 0, 0, 0)); background-image: -webkit-linear-gradient(center bottom, #458225, rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(center bottom, #458225, rgba(0, 0, 0, 0)); background-image: -ms-linear-gradient(center bottom, #458225, rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(center bottom, #458225, rgba(0, 0, 0, 0)); background-image: linear-gradient(center bottom, #458225, rgba(0, 0, 0, 0)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#458225', endColorStr='rgba(0, 0, 0, 0)', gradientType='1'); /* BACKGROUND RADIAL */ content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; display: block; opacity: 0.8; } .custom-row-image-right .custom-row-image { left: initial; right: 0; } .custom-row-image-right .custom-row-image:before { background-color: transparent; } .bg-border-custom .custom-row-image:after { border: 2px solid rgba(255, 255, 255, 0.5); bottom: 100px; content: ""; left: 100px; position: absolute; right: 100px; top: 100px; /* Custom Slider */ } .rev_slider a { -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 a.btn-default-white:hover, .rev_slider a.btn-default-white:focus { background-color: #458225; border-color: #458225; } .rev_slider_wrapper { /* End Custom Slider */ /* Feature Section */ } .rev_slider_wrapper .tp-bullets.custom .tp-bullet { width: 16px; height: 2px; background-color: rgba(255, 255, 255, 0.4); } .rev_slider_wrapper .tp-bullets.custom .tp-bullet.selected, .rev_slider_wrapper .tp-bullets.custom .tp-bullet:hover { background-color: #fff; } .rev_slider_wrapper .tp-leftarrow.custom, .rev_slider_wrapper .tp-rightarrow.custom { height: 60px; width: 60px; text-align: center; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; background-color: transparent; } .rev_slider_wrapper .tp-leftarrow.custom:before, .rev_slider_wrapper .tp-rightarrow.custom:before { height: 60px; width: 34px; background-color: rgba(27, 26, 26, 0.95); position: absolute; top: 0; left: 0; content: "" !important; z-index: 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 .tp-leftarrow.custom:after, .rev_slider_wrapper .tp-rightarrow.custom:after { background-image: url(../images/slide-arrow-left.png); background-repeat: no-repeat; background-position: center; height: 60px; width: 60px; position: absolute; top: 0; left: 0; content: ""; z-index: 0; } .rev_slider_wrapper .tp-leftarrow.custom:hover:before, .rev_slider_wrapper .tp-rightarrow.custom:hover:before { width: 60px; } .rev_slider_wrapper .tp-rightarrow.custom:before { left: initial !important; right: 0; } .rev_slider_wrapper .tp-rightarrow.custom:after { background-image: url(../images/slide-arrow-right.png); } .section-feature1 .vc_img-placeholder, .section-feature2 .vc_img-placeholder { max-width: 50px; } .section-feature1.no-shadow > .vc_column_wrapper, .section-feature2.no-shadow > .vc_column_wrapper { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .section-feature1 > .vc_column_wrapper { background-color: #fff; -webkit-box-shadow: 0 2.3px 2px 0.1px #f1f1f1; -moz-box-shadow: 0 2.3px 2px 0.1px #f1f1f1; -ms-box-shadow: 0 2.3px 2px 0.1px #f1f1f1; box-shadow: 0 2.3px 2px 0.1px #f1f1f1; margin: 0 15px; } .page-title-align-left #breadcrumb-text, .page-title-align-left #page-title-text { text-align: left; } #cms-buy-button-fixed { background: #458225; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; /* BACKGROUND GRADIENT */ bottom: 40px; -webkit-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.35); -ms-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.35); box-shadow: 0 15px 50px rgba(0, 0, 0, 0.35); position: fixed; right: 92px; z-index: 9999; /* ========================================================================== [End] 3. Primary ========================================================================== */ } #cms-buy-button-fixed .btn-buy-close { background-color: #222; border-radius: 100%; color: #fff; font-size: 12px; height: 22px; line-height: 22px; position: absolute; right: -10px; text-align: center; top: -11px; width: 22px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; opacity: 0; visibility: hidden; cursor: pointer; } #cms-buy-button-fixed a { padding: 16px 22px; display: inline-block; } #cms-buy-button-fixed .cms-buy-button-content-wrapper { letter-spacing: 0.02em; color: #fff; font-size: 12px; font-weight: 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; } .woocommerce-ResetPassword { margin-bottom: 100px; } #cms-theme .site-header .widget_shopping_cart { background-color: #1b1a1a; position: absolute; right: 15px; top: 100px; overflow: hidden; visibility: hidden; max-width: 370px; width: 100%; 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; z-index: 1; line-height: normal; } #cms-theme .site-header .widget_shopping_cart.open { overflow: visible; visibility: visible; opacity: 1; filter: alpha(opacity=1); } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content { padding: 30px; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content .cart_list { width: 100% !important; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content .cart_list li { padding: 0; margin-bottom: 15px; position: relative; padding-bottom: 15px; padding-right: 20px; border-bottom: 1px solid #252424; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content .cart_list li.empty { margin: 0; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content .cart_list li a { color: #fff; font-size: 15px; font-weight: 700; line-height: 24px; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content .cart_list li a:hover { color: #458225; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content .cart_list li a img { float: left; max-width: 75px; width: 100%; margin-right: 20px; margin-left: 0; -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 */ max-width: 60px; padding: 12px; background-color: #f4f4f4; } #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: #000; color: #fff; content: "\f129"; display: inline-block; font-family: Ionicons; font-size: 9px; height: 19px; line-height: 19px; text-align: center; width: 19px; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content .cart_list li a.remove:hover:before { background-color: #458225; } #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: 1px solid #252424; color: #b8b8b8; font-size: 14px; font-weight: 600; padding-top: 26px; margin-bottom: 26px; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content p.total .amount { color: #458225; 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: 48%; text-align: center; border-color: #458225; color: #fff; background-color: #458225; -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 */ padding: 16px 10px; display: inline-block; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content p.buttons .button:hover { background-color: transparent; border-color: #fff; color: #fff; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content p.buttons .button.checkout { float: right; } #cms-theme #cshero-header.header-fixed .widget_shopping_cart { top: 75px; } #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 .custom-header22 .widget_shopping_cart.open { top: 55px; } #cms-theme .custom-header25 .widget_shopping_cart.open, #cms-theme .custom-header26 .widget_shopping_cart.open { top: 60px; } #cms-theme .custom-header27 .widget_shopping_cart.open { top: 50px; } #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: 0; padding-top: 0px; margin-bottom: 92px; width: 100%; text-align: center; font-family: Montserrat; 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: #333; font-size: 20px; font-weight: 700; background-color: #f4f4f4; padding: 0; } #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: #458225; color: #fff; } #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 #458225; background-color: #458225; border-color: #458225; border-radius: 0; color: #fff; font-size: 13px; line-height: 1; margin: 0; padding: 15px 20px; position: relative; font-weight: 700; 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: #222; border-color: #222; } #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: #458225; border-color: #458225; 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 #e5e5e5; color: #b8b8b8; height: 34px; line-height: 34px; outline: medium none; padding: 0 10px; /* [End] 2. Button */ /* [Start] 3. Sidebar */ } #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 .widget_products, #cms-theme.woocommerce-page .widget_products { /* [End] 3. Sidebar */ /* [Start] 4. Archive Product */ } #cms-theme.woocommerce .widget_products ul li, #cms-theme.woocommerce-page .widget_products ul li { border-bottom: 1px solid #f5f4f4; margin-bottom: 20px; padding: 0; } #cms-theme.woocommerce .widget_products ul li:last-child, #cms-theme.woocommerce-page .widget_products ul li:last-child { border: none; margin-bottom: 0; } #cms-theme.woocommerce .widget_products ul li a, #cms-theme.woocommerce-page .widget_products ul li a { font-weight: 700; font-size: 15px; font-weight: 700; line-height: 24px; margin-bottom: 5px; } #cms-theme.woocommerce .widget_products ul li a img, #cms-theme.woocommerce-page .widget_products ul li a img { background-color: #ededed; border-radius: 2px; float: left; margin: 0 20px 20px 0; max-width: 70px; padding: 8px 15px; width: 100%; } #cms-theme.woocommerce .widget_products ul li .amount, #cms-theme.woocommerce-page .widget_products ul li .amount, #cms-theme.woocommerce .widget_products ul li ins .amount, #cms-theme.woocommerce-page .widget_products ul li ins .amount { font-size: 13px; color: #a9a9a9; } #cms-theme.woocommerce .widget_products ul li del .amount, #cms-theme.woocommerce-page .widget_products ul li del .amount { color: #b2b2b2; font-size: 16px; font-weight: normal; } #cms-theme.woocommerce .woocommerce-result-count, #cms-theme.woocommerce-page .woocommerce-result-count { color: #282828; 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 .products, #cms-theme.woocommerce-page .products { margin-top: 30px; 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 { height: 100%; left: 0; position: absolute; top: 0; width: 100%; opacity: 0; -webkit-transition: all 400ms ease 0ms; -moz-transition: all 400ms ease 0ms; -ms-transition: all 400ms ease 0ms; transition: all 400ms ease 0ms; background-color: rgba(34, 34, 34, 0.95); } #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 { display: block; left: 30px; position: absolute; right: 30px; bottom: 30px; text-align: center; background-color: #fff; border-color: #fff; color: #222; } #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: #458225; background-color: #458225 !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; } #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: 19px 0 26px; 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: #458225; } #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: #458225; 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: 16px; color: #9b9b9b; } #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: #458225; } #cms-theme.woocommerce .star-rating span::before, #cms-theme.woocommerce-page .star-rating span::before { color: #458225; } #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: #458225; 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 #458225; /* [End] 4. Archive Product */ } #cms-theme.woocommerce .woocommerce-message:before, #cms-theme.woocommerce-page .woocommerce-message:before { color: #458225; } #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 .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: #458225; 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; background-color: #f4f4f4; text-align: center; padding: 50px 0; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ } #cms-theme.single-product .pr-single-product .cs-product-wrap .woocommerce-product-gallery img { display: inline-block; width: inherit; } #cms-theme.single-product .pr-single-product .cs-product-wrap .cshero-product-meta .share-label { color: #222; display: block; font-size: 18px; font-weight: 700; 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: #458225; -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: #222; } #cms-theme.single-product .pr-single-product .woocommerce-tabs .tabs { margin: 0; padding: 0; background-color: #f9f9f9; border-color: #eee; border-style: solid; border-width: 1px 1px 0; } #cms-theme.single-product .pr-single-product .woocommerce-tabs .tabs:before, #cms-theme.single-product .pr-single-product .woocommerce-tabs .tabs:after { border: none; display: none; } #cms-theme.single-product .pr-single-product .woocommerce-tabs .tabs li { padding: 0; border: none; margin: 0; float: left; background-color: transparent; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ } #cms-theme.single-product .pr-single-product .woocommerce-tabs .tabs li a { background-color: transparent; border-right: 1px solid #eee; color: #323232; font-size: 15px; font-weight: 700; 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: #458225; } #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: #458225; } #cms-theme.single-product .pr-single-product .panel ul a:hover { color: ; } #cms-theme.single-product .pr-single-product #tab-reviews #comments > h2 { margin-bottom: 20px; font-size: 16px; font-weight: 600; } #cms-theme.single-product .pr-single-product #tab-reviews #comments ul, #cms-theme.single-product .pr-single-product #tab-reviews #comments ol { padding: 0; margin: 0; } #cms-theme.single-product .pr-single-product #tab-reviews .comment-text { margin: 0; border: 1px dashed #dedede !important; } #cms-theme.single-product .pr-single-product #tab-reviews .commentlist .comment-meta .author, #cms-theme.single-product .pr-single-product #tab-reviews .commentlist .comment-meta time { color: #333; font-weight: normal; } #cms-theme.single-product .pr-single-product #tab-reviews .commentlist .comment-meta .author:before, #cms-theme.single-product .pr-single-product #tab-reviews .commentlist .comment-meta time:before { content: "\f007"; font-family: FontAwesome; font-size: 14px; padding-right: 10px; color: #222; } #cms-theme.single-product .pr-single-product #tab-reviews .commentlist .comment-meta .author { margin-right: 14px; } #cms-theme.single-product .pr-single-product #tab-reviews .commentlist .comment-meta time:before { content: "\f073"; } #cms-theme.single-product .pr-single-product #tab-reviews #reply-title, #cms-theme.single-product .pr-single-product #tab-reviews .title-rating { font-size: 16px; line-height: normal; margin-bottom: 20px; font-weight: 600; } #cms-theme.single-product .pr-single-product #tab-reviews .title-rating { margin-top: 25px; } #cms-theme.single-product .pr-single-product #tab-reviews textarea { height: 210px; margin-top: 10px; } #cms-theme.single-product .pr-single-product #tab-reviews .stars a:after { color: #458225; } #cms-theme.woocommerce-cart { /* [End] 6. Cart */ } #cms-theme.woocommerce-cart .page-full-width { max-width: 940px; margin: auto; float: none; } #cms-theme.woocommerce-cart .cms-checkout-page { margin-bottom: 80px; } #cms-theme.woocommerce-cart .quantity { width: 115px; } #cms-theme.woocommerce-cart .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.woocommerce-cart .shop_table th { color: #222; } #cms-theme.woocommerce-cart .shop_table td.coupon { border-right: 1px solid #e5e5e5; } #cms-theme.woocommerce-cart .shop_table td.coupon label { color: #222; } #cms-theme.woocommerce-cart .shop_table td.coupon input { width: 100%; margin-bottom: 10px; } #cms-theme.woocommerce-cart .shop_table td.actions input { width: 100%; } #cms-theme.woocommerce-cart .shop_table td.actions .wc-proceed-to-checkout { padding: 0 0 10px; } #cms-theme.woocommerce-cart .shop_table .product-remove a { background-color: transparent; } #cms-theme.woocommerce-cart .shop_table .product-remove a i { color: #458225; } #cms-theme.woocommerce-cart .shop_table .product-remove a i:hover { color: ; } #cms-theme.woocommerce-cart .cart-collaterals { margin-bottom: 50px; } #cms-theme.woocommerce-cart .cart-collaterals .cart_totals { width: 100%; } #cms-theme.woocommerce-cart .cart-collaterals .cart_totals > h2 { font-size: 28px; margin-bottom: 20px; } #cms-theme.woocommerce-cart .cart-collaterals .cart_totals table { border: 1px solid rgba(0, 0, 0, 0.1); } #cms-theme.woocommerce-cart .cart-collaterals .cart_totals table th { color: #323232; padding: 10px; } #cms-theme.woocommerce-cart .cart-collaterals .cart_totals table td { border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 0 20px; } #cms-theme.woocommerce-cart .cart-collaterals .cart_totals table .cart-subtotal td { border-top: none; } #cms-theme.woocommerce-cart .cart-collaterals .cart_totals table .amount { color: #222; } #cms-theme.woocommerce-checkout { /* Woo Widget */ } #cms-theme.woocommerce-checkout .amount { color: #222; } #cms-theme.woocommerce-checkout .payment_methods, #cms-theme.woocommerce-checkout .place-order { -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ background-color: #f5f5f5; border: none; } #cms-theme.woocommerce-checkout #primary { margin-bottom: 80px; } #cms-theme.woocommerce-checkout #primary label { color: #323232; font-weight: normal; } #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: #458225; -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: #222; color: #222; } #cms-theme .widget_price_filter .price_slider_wrapper .price_slider_amount button:hover { background-color: #458225; border-color: #458225; color: #fff; } #cms-theme .cshero-product-title h3, #cms-theme h3.product_title { font-size: 18px; font-weight: 700; line-height: 26px; padding: 4px 0 10px; } #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: #458225; } #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 #related-product-carousel { margin-bottom: 40px; } #cms-theme #related-product-carousel .owl-item { padding: 0 !important; clear: inherit; } #cms-theme #related-product-carousel .owl-item:nth-child(3n+1) { clear: inherit; } @media screen and (max-width: 992px) { #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; } } @media screen and (min-width: 992px) { /* -----> Minimum width of 992 pixels. */ /* -----> Max width of 992 pixels. */ #menu-mobile, .cs-menu-toggle { display: none; } #cshero-header-navigation { position: static; } #cshero-header-navigation .collapse { display: block; } #cshero-header-navigation .main-navigation div.nav-menu > ul { width: 100%; } #cshero-header-navigation .main-navigation .menu-main-menu { float: 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 10px; display: inline-block; } #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a, #cshero-header-navigation .main-navigation .menu-main-menu > li > a { font-weight: 700; font-size: 13px; color: #222; text-transform: uppercase; line-height: 100px; display: block; position: relative; overflow: hidden; } #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a i, #cshero-header-navigation .main-navigation .menu-main-menu > li > a i { display: block; width: 100%; line-height: 0; margin-bottom: 6px; -webkit-transition: all 420ms linear 0ms; -moz-transition: all 420ms linear 0ms; -ms-transition: all 420ms linear 0ms; transition: all 420ms linear 0ms; } #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a i + .menu-title, #cshero-header-navigation .main-navigation .menu-main-menu > li > a i + .menu-title { -webkit-transform: translateY(25px); -khtml-transform: translateY(25px); -moz-transform: translateY(25px); -ms-transform: translateY(25px); -o-transform: translateY(25px); transform: translateY(25px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ display: block; } #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a .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 .menu-title .title-attribute, #cshero-header-navigation .main-navigation .menu-main-menu > li > a .menu-title .title-attribute { background-color: #458225; border-radius: 1px; color: #fff; display: inline-block; font-size: 9px; line-height: 1; padding: 3px 4px; position: absolute; right: 4px; bottom: 22px; } #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a .menu-title .title-attribute:before, #cshero-header-navigation .main-navigation .menu-main-menu > li > a .menu-title .title-attribute:before { border-color: #458225 transparent transparent; border-style: solid; border-width: 3px; bottom: -6px; content: ""; left: 50%; position: absolute; transform: translate(-50%, 0px); } #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: #458225; } #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > ul.sub-menu, #cshero-header-navigation .main-navigation .menu-main-menu > li > ul.sub-menu { opacity: 0; -webkit-transition: opacity 0.4s ease 0s; -moz-transition: opacity 0.4s ease 0s; -ms-transition: opacity 0.4s ease 0s; transition: opacity 0.4s ease 0s; } #cshero-header-navigation .main-navigation .menu-main-menu > ul > li:hover > ul.sub-menu, #cshero-header-navigation .main-navigation .menu-main-menu > li:hover > ul.sub-menu { opacity: 1; } #cshero-header-navigation .main-navigation .menu-main-menu > ul > li.current-menu-item > a .menu-title:before, #cshero-header-navigation .main-navigation .menu-main-menu > li.current-menu-item > a .menu-title:before, #cshero-header-navigation .main-navigation .menu-main-menu > ul > li.current-menu-ancestor > a .menu-title:before, #cshero-header-navigation .main-navigation .menu-main-menu > li.current-menu-ancestor > a .menu-title:before, #cshero-header-navigation .main-navigation .menu-main-menu > ul > li:hover > a .menu-title:before, #cshero-header-navigation .main-navigation .menu-main-menu > li:hover > a .menu-title:before { opacity: 1; filter: alpha(opacity=1); width: 10px; } #cshero-header-navigation .main-navigation .menu-main-menu > ul > li ul li.current-menu-item > a, #cshero-header-navigation .main-navigation .menu-main-menu > li ul li.current-menu-item > a, #cshero-header-navigation .main-navigation .menu-main-menu > ul > li ul li.current-menu-ancestor > a, #cshero-header-navigation .main-navigation .menu-main-menu > li ul li.current-menu-ancestor > a { color: #458225; } #cshero-header-navigation .main-navigation li ul:not(.wg-menu-item) { background-color: #1b1a1a; margin: 0; padding: 11px 0; position: absolute; top: 100%; z-index: 1; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); min-width: 210px; /* Menu Stick Wall */ } #cshero-header-navigation .main-navigation li ul:not(.wg-menu-item) li.menu-item-has-children > a:after { content: "\f105"; font-family: FontAwesome; font-size: inherit; float: right; color: #7f7f7f; font-weight: normal; } #cshero-header-navigation .main-navigation li ul:not(.wg-menu-item).back { right: 0; left: inherit; } #cshero-header-navigation .main-navigation li ul ul:not(.wg-menu-item) { top: -11px; left: 100%; /* End Menu Stick Wall */ } #cshero-header-navigation .main-navigation li ul ul:not(.wg-menu-item).back { right: 100%; left: auto; } #cshero-header-navigation .main-navigation li ul ul:not(.wg-menu-item).back ul:not(.back) { right: 100%; left: auto; } #cshero-header-navigation .main-navigation li ul ul:not(.wg-menu-item).back ul.back { left: 100%; right: auto; } #cshero-header-navigation .main-navigation li ul ul:not(.wg-menu-item).back ul.back ul:not(.back) { left: 100%; right: auto; } #cshero-header-navigation .main-navigation li ul ul:not(.wg-menu-item).back ul.back ul.back { right: 100%; left: auto; } #cshero-header-navigation .main-navigation { /* End Menu Sub Level */ /* Start Mega Menu */ } #cshero-header-navigation .main-navigation ul li:hover > ul, #cshero-header-navigation .main-navigation ul li:focus > ul, #cshero-header-navigation .main-navigation .focus > ul { border-left: 0; clip: inherit; overflow: inherit; height: inherit; } #cshero-header-navigation .main-navigation li ul li { padding: 0 25px; } #cshero-header-navigation .main-navigation li ul li a { display: block; padding: 9px 0; color: #7f7f7f; font-size: 13px; font-weight: normal; border-bottom: 1px solid #252424; text-align: left; } #cshero-header-navigation .main-navigation li ul li a i { padding-right: 5px; } #cshero-header-navigation .main-navigation li ul li a:hover { color: #458225; } #cshero-header-navigation .main-navigation li ul.sub-menu li:last-child > a { border: none; } #cshero-header-navigation .main-navigation ul.sub-menu li { position: relative; } #cshero-header-navigation .main-navigation { /* End Start Mega Menu */ } #cshero-header-navigation .main-navigation .columns2 > li:nth-of-type(2n+1), #cshero-header-navigation .main-navigation .columns3 > li:nth-child(3n+1), #cshero-header-navigation .main-navigation .columns4 > li:nth-child(4n+1), #cshero-header-navigation .main-navigation .columns5 > li:nth-child(5n+1) { clear: left; border-right: 0px solid transparent; } #cshero-header-navigation .main-navigation .columns5 > li { width: 20% !important; } #cshero-header-navigation .main-navigation .columns4 > li { width: 25% !important; } #cshero-header-navigation .main-navigation .columns3 > li { width: 33.3344% !important; } #cshero-header-navigation .main-navigation .columns2 > li { width: 50% !important; } #cshero-header-navigation .main-navigation [class*="columns"] { padding: 11px 14px !important; } #cshero-header-navigation .main-navigation [class*="columns"] > li { float: left; padding: 0; } #cshero-header-navigation .main-navigation [class*="columns"] > li ul li { padding: 0 11px; } #cshero-header-navigation .main-navigation [class*="columns"] > li ul li ul.sub-menu li { padding: 0 30px; } #cshero-header-navigation .main-navigation [class*="columns"] > li > a { width: 100%; border-bottom: none; } #cshero-header-navigation .main-navigation [class*="columns"] > li > a:after { content: "" !important; } #cshero-header-navigation .main-navigation .menu-main-menu li.has_full_width { position: inherit; } #cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu { left: 0; margin: auto; max-width: 1140px !important; right: 0; width: 100% !important; } #cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu .sub-menu { background-color: transparent; } #cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu > li > a { padding-left: 11px; padding-right: 11px; } #cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu > li > a span.menu-title { color: #fff; text-transform: uppercase; font-weight: bold; font-size: 13px; } #cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu > li > a span.menu-title:before { content: ""; } #cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu > li > a:hover { background-color: transparent; } #cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_to_right.sub-menu { left: auto; right: 90px; margin: auto; } #cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_to_right.sub-menu .sub-menu { background-color: transparent; } #cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_to_right.sub-menu > li > a span.menu-title { color: #ccc; text-transform: none; font-weight: bold; font-size: 14px; } #cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_to_right.sub-menu > li > a span.menu-title:before { content: ""; } #cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_to_right.sub-menu > li > a:hover { background-color: transparent; } #cshero-header-navigation .main-navigation li.group > ul.sub-menu { display: block; float: left; left: 0; position: relative; width: 100%; height: inherit; } #cshero-header-navigation .main-navigation ul.multicolumn > li ul.sub-menu ul.sub-menu { background-color: #1b1a1a !important; opacity: 0; -webkit-transition: opacity 0.4s ease 0s; -moz-transition: opacity 0.4s ease 0s; -ms-transition: opacity 0.4s ease 0s; transition: opacity 0.4s ease 0s; } #cshero-header-navigation .main-navigation ul.multicolumn > li ul.sub-menu > li:hover > ul.sub-menu { opacity: 1; } #cshero-header-navigation .main-navigation ul.multicolumn > li > ul.sub-menu { padding-bottom: 0; } #cshero-header-navigation .main-navigation ul.multicolumn > li > ul.sub-menu > li:last-child > a { padding-bottom: 2px; } #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.multicolumn > li .sub-menu.back { right: 0; } #cshero-header-navigation .main-navigation ul.multicolumn .menu-title { position: relative; } #cshero-header-navigation .main-navigation ul.multicolumn .menu-title .title-attribute { background-color: #458225; border-radius: 1px 1px 1px 0; color: #fff; display: inline-block; font-size: 8px; line-height: 1; padding: 3px 4px; position: absolute; right: -30px; top: -11px; text-transform: uppercase; } #cshero-header-navigation .main-navigation ul.multicolumn .menu-title .title-attribute:before { border-color: #458225 transparent transparent #458225; border-style: solid; border-width: 2px; bottom: -4px; content: ""; height: 0; left: 0; position: absolute; width: 0; } #cshero-header-navigation .main-navigation ul.standar-dropdown li ul.sub-menu { opacity: 0; -webkit-transition: opacity 0.4s ease 0s; -moz-transition: opacity 0.4s ease 0s; -ms-transition: opacity 0.4s ease 0s; transition: opacity 0.4s ease 0s; } #cshero-header-navigation .main-navigation ul.standar-dropdown li:hover ul.sub-menu { opacity: 1; } } @media screen and (max-width: 992px) { /* -----> End Max width of 992 pixels. */ /* ========================================================================== End Style Main Menu ========================================================================== */ #cshero-header-navigation { text-align: left; } #cshero-header-navigation.collapse { background: rgba(34, 34, 34, 0.9); position: absolute; top: 100px; left: 15px; right: 15px; width: inherit; } .no-trans #cshero-header-navigation.collapse { top: 115px; } #cshero-header #cshero-menu-mobile { display: block; } #cshero-header #cshero-menu-mobile i { background: #458225; color: #fff; cursor: pointer; font-size: 26px; height: 35px; line-height: 35px; text-align: center; width: 45px; position: absolute; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } #cshero-header #cshero-menu-mobile i.cms-icon-menu { right: 15px; } #cshero-header #cshero-menu-mobile i:hover { background: #333; } #cshero-header #cshero-menu-mobile .page-popup-wrapper { position: static !important; } #cshero-header #cshero-menu-mobile .page-popup-wrapper .contact-page i { right: 125px; left: inherit; } #cshero-header #cshero-menu-mobile .page-popup-wrapper .search-page i { right: 70px; } #cshero-header-navigation .main-navigation div.nav-menu > ul { margin: 0; padding: 0; list-style: none; max-height: 0; overflow: hidden; transition: all 500ms ease; } #cshero-header-navigation .main-navigation div.nav-menu > ul li { list-style: none; } #cshero-header-navigation .main-navigation div.nav-menu > ul li a { display: block; color: #5e5e5e; } #cshero-header-navigation .main-navigation div.nav-menu > ul li a:hover, #cshero-header-navigation .main-navigation div.nav-menu > ul li a:focus { color: #21759b; } .collapse .main-navigation div.nav-menu > ul { display: block; max-height: 2000px; } #cshero-header #cshero-header-navigation .main-navigation { padding: 15px 0; /* Dropdown Sub Menu */ } #cshero-header #cshero-header-navigation .main-navigation .menu-main-menu > li > a i { display: none; } #cshero-header #cshero-header-navigation .main-navigation .menu-main-menu li { line-height: 31px; } #cshero-header #cshero-header-navigation .main-navigation .menu-main-menu li a { background: transparent; color: #999; font-size: 15px; font-weight: normal; } #cshero-header #cshero-header-navigation .main-navigation ul.sub-menu { width: 100% !important; margin: 0; padding-left: 20px; } #cshero-header #cshero-header-navigation .main-navigation li.current-menu-item > a, #cshero-header #cshero-header-navigation .main-navigation li.current-menu-parent > a, #cshero-header #cshero-header-navigation .main-navigation li.current-menu-ancestor > a { color: #fff !important; } .cs-menu-toggle { display: block; color: #999; cursor: pointer; position: absolute; right: 0; text-align: center; top: 0; width: 30px; font-size: 18px; background-color: rgba(255, 255, 255, 0.03); -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cs-menu-toggle:before { content: "\f105"; font-family: FontAwesome; } .cs-menu-toggle:hover { color: #fff; } #cshero-header-navigation .main-navigation .menu-main-menu > li { position: relative; } #cshero-header-navigation .main-navigation .menu-main-menu > li li { position: relative; } #cshero-header-navigation .main-navigation .menu-main-menu > li a { display: block; border-bottom: none; font-size: 16px; margin: 0 0 10px; text-transform: none; } #cshero-header-navigation .main-navigation .menu-main-menu > li a:hover { color: #fff !important; } #cshero-header-navigation .main-navigation .menu-main-menu > li ul li a { font-size: 15px; } #cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu { max-height: 0; overflow: hidden; padding-left: 10px; -webkit-transition: max-height 600ms linear 0ms; -moz-transition: max-height 600ms linear 0ms; -ms-transition: max-height 600ms linear 0ms; transition: max-height 600ms linear 0ms; } #cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu.submenu-open { max-height: 1000px; } #cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu.submenu-open + .cs-menu-toggle { background-color: rgba(255, 255, 255, 0.1); } #cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu.submenu-open + .cs-menu-toggle:before { content: "\f107"; } .mobile-menu-no-dropdown #cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu { max-height: 1000px; } .mobile-menu-no-dropdown #cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu + .cs-menu-toggle { display: none; } } .title-social { display: none; } .cs-social li { padding: 0 14px; display: inline-block; } .cs-social li a { font-size: 15px; } .cs-social li a span { display: none; } .cs-social.text-left li:first-child { margin-left: 0; } .cs-social.text-right li:last-child { margin-right: 0; } .cs-social.round li, .cs-social.round2 li { display: block; margin: 0 0 20px; } .cs-social.round li a i, .cs-social.round2 li a i { height: 50px; width: 50px; line-height: 50px; background-color: #fff; -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 */ display: block; text-align: center; color: #458225; float: left; font-size: 18px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cs-social.round li a i:hover, .cs-social.round2 li a i:hover { color: #fff; background-color: #458225; } .cs-social.round li a i.fa-facebook, .cs-social.round2 li a i.fa-facebook { color: #507cbe; } .cs-social.round li a i.fa-facebook:hover, .cs-social.round2 li a i.fa-facebook:hover { background-color: #507cbe; color: #fff; } .cs-social.round li a i.fa-rss, .cs-social.round2 li a i.fa-rss { color: #d93e2d; } .cs-social.round li a i.fa-rss:hover, .cs-social.round2 li a i.fa-rss:hover { background-color: #d93e2d; color: #fff; } .cs-social.round li a i.fa-twitter, .cs-social.round2 li a i.fa-twitter { color: #00abef; } .cs-social.round li a i.fa-twitter:hover, .cs-social.round2 li a i.fa-twitter:hover { background-color: #00abef; color: #fff; } .cs-social.round li a i.fa-linkedin, .cs-social.round2 li a i.fa-linkedin { color: #3371b7; } .cs-social.round li a i.fa-linkedin:hover, .cs-social.round2 li a i.fa-linkedin:hover { background-color: #3371b7; color: #fff; } .cs-social.round li a i.fa-google-plus, .cs-social.round2 li a i.fa-google-plus { color: #d93e2d; } .cs-social.round li a i.fa-google-plus:hover, .cs-social.round2 li a i.fa-google-plus:hover { background-color: #d93e2d; color: #fff; } .cs-social.round li a span, .cs-social.round2 li a span { display: block; line-height: 50px; padding-left: 70px; color: #b5b5b5; } .cs-social.round2 li { margin: 0 5px; display: inline-block; } .cs-social.round2 li a { font-size: 16px; } .cs-social.round2 li a span { display: none; } .cs-social.round2.text-left li:first-child { margin-left: 0; } .cs-social.round2.text-right li:last-child { margin-right: 0; } .contact-top { /* End - 1. Social */ /* 2. Flickr */ } .contact-top ul { padding: 0; margin: 0; font-size: 12px; line-height: 20px; } .contact-top ul li { display: inline-block; } .contact-top ul li + li { margin-left: 5px; } .contact-top ul li:before { content: "|"; padding-right: 10px; } .contact-top ul li span { color: #5d5d5d; } .contact-top ul li:first-child:before { content: ""; padding: 0; } .contact-top ul li a { color: #458225; } body .flickr_badge_image { background: rgba(0, 0, 0, 0); float: left; height: auto; padding: 0 10px 10px 0; width: 25%; margin: 0; } body .flickr_badge_image a { display: block; width: 100%; } body .flickr_badge_image a img { width: 100%; -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 */ } .flickr-brand { /* End 2. Flickr */ /* 3. Search */ } .flickr-brand a { font-size: 11px; margin-top: 4px; float: left; color: #a9a9ab; display: block; width: 100%; } .flickr-brand a:hover { color: #458225; } #searchform { position: relative; } #searchform input[type="text"] { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; color: #222; border: 2px solid #e8e8e8; height: 51px; padding-right: 42px; padding-left: 15px; } #searchform #searchsubmit { background-color: transparent; border: medium none; font-size: 0; width: 50px; position: absolute; right: 0; top: 0; height: 50px; z-index: 99; } #searchform .screen-reader-text { display: none; } #searchform div:before { content: "\f002"; font-family: FontAwesome; position: absolute; right: 18px; top: 13px; font-size: 14px; color: #333; z-index: 1000; z-index: 2; } #searchform:hover div:after { background-color: #222; } .cshero-popup-search #searchform:before { font-size: 28px; right: 15px; top: 10px; } .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: 2px solid #e8e8e8; height: 51px; padding-right: 42px; text-indent: 15px; } .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: #333; content: "\f002"; font-family: FontAwesome; font-size: 14px; position: absolute; right: 21px; top: 13px; z-index: 2; } .cms-error404 #searchform { max-width: 287px; margin: auto; /* 3. End Search */ /* 4. Start Tags */ } .tagcloud a { border: 1px solid #e8e8e8; -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 */ display: inline-block; font-size: 13px !important; margin: 0 4px 6px 0; padding: 3px 11px; color: #a9a9a9 !important; /* 4. Start Tags */ } .tagcloud a:hover { color: #458225 !important; border-color: #458225; } .cms-recent-post .cms-recent-media { max-width: 60px; float: left; } .cms-recent-post .cms-recent-media img { -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ position: relative; top: 4px; } .cms-recent-post .cms-recent-details { padding-left: 80px; } .cms-recent-post .cms-recent-details .detail-terms { font-size: 13px; font-style: italic; margin-bottom: 3px; color: #a9a9a9; } .cms-recent-post .cms-recent-details .title { font-size: 14px; line-height: 24px; margin: 0 0 8px; } .cms-recent-post .cms-recent-details .title a { color: #282828; } .cms-recent-post .cms-recent-details .title a:hover { color: #458225; } .cms-recent-post .cms-recent-details .date { border-bottom: 1px solid #efefef; color: #616161; font-size: 13px; margin-bottom: 12px; padding-bottom: 13px; text-transform: uppercase; } .cms-recent-post .item:last-child .date { border: none; padding: 0; margin: 0; } .cms-recent-post.style-2 .cms-recent-media a { display: block; height: 49px; width: 49px; -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 */ background-position: center; background-size: cover; } .cms-recent-post.style-2 .cms-recent-media i { font-size: 18px; height: 49px; width: 49px; background-color: #191919; line-height: 49px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ text-align: center; color: #fff; position: relative; top: 6px; } .cms-recent-post.style-2 .cms-recent-details { padding-left: 65px; } .cms-recent-post.style-2 .cms-recent-details .title a { color: #cecece !important; } .cms-recent-post.style-2 .cms-recent-details .title a:hover { color: #458225 !important; } .cms-recent-post.style-2 .cms-recent-details .date { border-bottom-color: #2b2b2b; } #sidebar .widget_archive li, .wpb_widgetised_column .widget_archive li, .sg-services-sidebar .widget_archive li, .sidebar-post-type .widget_archive li, #sidebar .widget_categories li, .wpb_widgetised_column .widget_categories li, .sg-services-sidebar .widget_categories li, .sidebar-post-type .widget_categories li, #sidebar .widget_meta li, .wpb_widgetised_column .widget_meta li, .sg-services-sidebar .widget_meta li, .sidebar-post-type .widget_meta li, #sidebar .widget_pages li, .wpb_widgetised_column .widget_pages li, .sg-services-sidebar .widget_pages li, .sidebar-post-type .widget_pages li, #sidebar .widget_product_categories li, .wpb_widgetised_column .widget_product_categories li, .sg-services-sidebar .widget_product_categories li, .sidebar-post-type .widget_product_categories li { position: relative; padding: 0 25px; } #sidebar .widget_archive li a, .wpb_widgetised_column .widget_archive li a, .sg-services-sidebar .widget_archive li a, .sidebar-post-type .widget_archive li a, #sidebar .widget_categories li a, .wpb_widgetised_column .widget_categories li a, .sg-services-sidebar .widget_categories li a, .sidebar-post-type .widget_categories li a, #sidebar .widget_meta li a, .wpb_widgetised_column .widget_meta li a, .sg-services-sidebar .widget_meta li a, .sidebar-post-type .widget_meta li a, #sidebar .widget_pages li a, .wpb_widgetised_column .widget_pages li a, .sg-services-sidebar .widget_pages li a, .sidebar-post-type .widget_pages li a, #sidebar .widget_product_categories li a, .wpb_widgetised_column .widget_product_categories li a, .sg-services-sidebar .widget_product_categories li a, .sidebar-post-type .widget_product_categories li a { color: #333; display: block; font-size: 13px; font-weight: 500; border-bottom: 1px solid #efefef; padding: 12px 0; } #sidebar .widget_archive li a:before, .wpb_widgetised_column .widget_archive li a:before, .sg-services-sidebar .widget_archive li a:before, .sidebar-post-type .widget_archive li a:before, #sidebar .widget_categories li a:before, .wpb_widgetised_column .widget_categories li a:before, .sg-services-sidebar .widget_categories li a:before, .sidebar-post-type .widget_categories li a:before, #sidebar .widget_meta li a:before, .wpb_widgetised_column .widget_meta li a:before, .sg-services-sidebar .widget_meta li a:before, .sidebar-post-type .widget_meta li a:before, #sidebar .widget_pages li a:before, .wpb_widgetised_column .widget_pages li a:before, .sg-services-sidebar .widget_pages li a:before, .sidebar-post-type .widget_pages li a:before, #sidebar .widget_product_categories li a:before, .wpb_widgetised_column .widget_product_categories li a:before, .sg-services-sidebar .widget_product_categories li a:before, .sidebar-post-type .widget_product_categories li a:before { content: "\f178"; font-family: FontAwesome; padding-right: 10px; font-size: 11px; font-weight: normal; position: absolute; left: 0; } #sidebar .widget_archive li a:hover, .wpb_widgetised_column .widget_archive li a:hover, .sg-services-sidebar .widget_archive li a:hover, .sidebar-post-type .widget_archive li a:hover, #sidebar .widget_categories li a:hover, .wpb_widgetised_column .widget_categories li a:hover, .sg-services-sidebar .widget_categories li a:hover, .sidebar-post-type .widget_categories li a:hover, #sidebar .widget_meta li a:hover, .wpb_widgetised_column .widget_meta li a:hover, .sg-services-sidebar .widget_meta li a:hover, .sidebar-post-type .widget_meta li a:hover, #sidebar .widget_pages li a:hover, .wpb_widgetised_column .widget_pages li a:hover, .sg-services-sidebar .widget_pages li a:hover, .sidebar-post-type .widget_pages li a:hover, #sidebar .widget_product_categories li a:hover, .wpb_widgetised_column .widget_product_categories li a:hover, .sg-services-sidebar .widget_product_categories li a:hover, .sidebar-post-type .widget_product_categories li a:hover, #sidebar .widget_archive li a.services-active, .wpb_widgetised_column .widget_archive li a.services-active, .sg-services-sidebar .widget_archive li a.services-active, .sidebar-post-type .widget_archive li a.services-active, #sidebar .widget_categories li a.services-active, .wpb_widgetised_column .widget_categories li a.services-active, .sg-services-sidebar .widget_categories li a.services-active, .sidebar-post-type .widget_categories li a.services-active, #sidebar .widget_meta li a.services-active, .wpb_widgetised_column .widget_meta li a.services-active, .sg-services-sidebar .widget_meta li a.services-active, .sidebar-post-type .widget_meta li a.services-active, #sidebar .widget_pages li a.services-active, .wpb_widgetised_column .widget_pages li a.services-active, .sg-services-sidebar .widget_pages li a.services-active, .sidebar-post-type .widget_pages li a.services-active, #sidebar .widget_product_categories li a.services-active, .wpb_widgetised_column .widget_product_categories li a.services-active, .sg-services-sidebar .widget_product_categories li a.services-active, .sidebar-post-type .widget_product_categories li a.services-active { color: #458225; } #sidebar .widget_archive li a:hover:before, .wpb_widgetised_column .widget_archive li a:hover:before, .sg-services-sidebar .widget_archive li a:hover:before, .sidebar-post-type .widget_archive li a:hover:before, #sidebar .widget_categories li a:hover:before, .wpb_widgetised_column .widget_categories li a:hover:before, .sg-services-sidebar .widget_categories li a:hover:before, .sidebar-post-type .widget_categories li a:hover:before, #sidebar .widget_meta li a:hover:before, .wpb_widgetised_column .widget_meta li a:hover:before, .sg-services-sidebar .widget_meta li a:hover:before, .sidebar-post-type .widget_meta li a:hover:before, #sidebar .widget_pages li a:hover:before, .wpb_widgetised_column .widget_pages li a:hover:before, .sg-services-sidebar .widget_pages li a:hover:before, .sidebar-post-type .widget_pages li a:hover:before, #sidebar .widget_product_categories li a:hover:before, .wpb_widgetised_column .widget_product_categories li a:hover:before, .sg-services-sidebar .widget_product_categories li a:hover:before, .sidebar-post-type .widget_product_categories li a:hover:before, #sidebar .widget_archive li a.services-active:before, .wpb_widgetised_column .widget_archive li a.services-active:before, .sg-services-sidebar .widget_archive li a.services-active:before, .sidebar-post-type .widget_archive li a.services-active:before, #sidebar .widget_categories li a.services-active:before, .wpb_widgetised_column .widget_categories li a.services-active:before, .sg-services-sidebar .widget_categories li a.services-active:before, .sidebar-post-type .widget_categories li a.services-active:before, #sidebar .widget_meta li a.services-active:before, .wpb_widgetised_column .widget_meta li a.services-active:before, .sg-services-sidebar .widget_meta li a.services-active:before, .sidebar-post-type .widget_meta li a.services-active:before, #sidebar .widget_pages li a.services-active:before, .wpb_widgetised_column .widget_pages li a.services-active:before, .sg-services-sidebar .widget_pages li a.services-active:before, .sidebar-post-type .widget_pages li a.services-active:before, #sidebar .widget_product_categories li a.services-active:before, .wpb_widgetised_column .widget_product_categories li a.services-active:before, .sg-services-sidebar .widget_product_categories li a.services-active:before, .sidebar-post-type .widget_product_categories li a.services-active:before { color: #458225; } #sidebar .widget_archive li.current-menu-item a, .wpb_widgetised_column .widget_archive li.current-menu-item a, .sg-services-sidebar .widget_archive li.current-menu-item a, .sidebar-post-type .widget_archive li.current-menu-item a, #sidebar .widget_categories li.current-menu-item a, .wpb_widgetised_column .widget_categories li.current-menu-item a, .sg-services-sidebar .widget_categories li.current-menu-item a, .sidebar-post-type .widget_categories li.current-menu-item a, #sidebar .widget_meta li.current-menu-item a, .wpb_widgetised_column .widget_meta li.current-menu-item a, .sg-services-sidebar .widget_meta li.current-menu-item a, .sidebar-post-type .widget_meta li.current-menu-item a, #sidebar .widget_pages li.current-menu-item a, .wpb_widgetised_column .widget_pages li.current-menu-item a, .sg-services-sidebar .widget_pages li.current-menu-item a, .sidebar-post-type .widget_pages li.current-menu-item a, #sidebar .widget_product_categories li.current-menu-item a, .wpb_widgetised_column .widget_product_categories li.current-menu-item a, .sg-services-sidebar .widget_product_categories li.current-menu-item a, .sidebar-post-type .widget_product_categories li.current-menu-item a { color: #fff; background-color: #458225; } #sidebar .widget_archive li:last-child a, .wpb_widgetised_column .widget_archive li:last-child a, .sg-services-sidebar .widget_archive li:last-child a, .sidebar-post-type .widget_archive li:last-child a, #sidebar .widget_categories li:last-child a, .wpb_widgetised_column .widget_categories li:last-child a, .sg-services-sidebar .widget_categories li:last-child a, .sidebar-post-type .widget_categories li:last-child a, #sidebar .widget_meta li:last-child a, .wpb_widgetised_column .widget_meta li:last-child a, .sg-services-sidebar .widget_meta li:last-child a, .sidebar-post-type .widget_meta li:last-child a, #sidebar .widget_pages li:last-child a, .wpb_widgetised_column .widget_pages li:last-child a, .sg-services-sidebar .widget_pages li:last-child a, .sidebar-post-type .widget_pages li:last-child a, #sidebar .widget_product_categories li:last-child a, .wpb_widgetised_column .widget_product_categories li:last-child a, .sg-services-sidebar .widget_product_categories li:last-child a, .sidebar-post-type .widget_product_categories li:last-child a { border-bottom: none; } #sidebar .widget_archive ul.children, .wpb_widgetised_column .widget_archive ul.children, .sg-services-sidebar .widget_archive ul.children, .sidebar-post-type .widget_archive ul.children, #sidebar .widget_categories ul.children, .wpb_widgetised_column .widget_categories ul.children, .sg-services-sidebar .widget_categories ul.children, .sidebar-post-type .widget_categories ul.children, #sidebar .widget_meta ul.children, .wpb_widgetised_column .widget_meta ul.children, .sg-services-sidebar .widget_meta ul.children, .sidebar-post-type .widget_meta ul.children, #sidebar .widget_pages ul.children, .wpb_widgetised_column .widget_pages ul.children, .sg-services-sidebar .widget_pages ul.children, .sidebar-post-type .widget_pages ul.children, #sidebar .widget_product_categories ul.children, .wpb_widgetised_column .widget_product_categories ul.children, .sg-services-sidebar .widget_product_categories ul.children, .sidebar-post-type .widget_product_categories ul.children { padding-left: 0px; } #sidebar .widget_nav_menu li, .wpb_widgetised_column .widget_nav_menu li, .sg-services-sidebar .widget_nav_menu li, .sidebar-post-type .widget_nav_menu li { position: relative; margin-bottom: 8px; } #sidebar .widget_nav_menu li a, .wpb_widgetised_column .widget_nav_menu li a, .sg-services-sidebar .widget_nav_menu li a, .sidebar-post-type .widget_nav_menu li a { background-color: #f4f4f4; color: #5e5e5e; display: block; font-family: Montserrat; font-size: 13px; font-weight: 700; letter-spacing: 0.02em; padding: 12px 20px; text-transform: uppercase; } #sidebar .widget_nav_menu li a:hover, .wpb_widgetised_column .widget_nav_menu li a:hover, .sg-services-sidebar .widget_nav_menu li a:hover, .sidebar-post-type .widget_nav_menu li a:hover, #sidebar .widget_nav_menu li a.services-active, .wpb_widgetised_column .widget_nav_menu li a.services-active, .sg-services-sidebar .widget_nav_menu li a.services-active, .sidebar-post-type .widget_nav_menu li a.services-active { color: #fff; background-color: #458225; } #sidebar .widget_nav_menu li a:before, .wpb_widgetised_column .widget_nav_menu li a:before, .sg-services-sidebar .widget_nav_menu li a:before, .sidebar-post-type .widget_nav_menu li a:before { content: "\f178"; font-family: FontAwesome; padding-right: 10px; font-size: 11px; font-weight: normal; } #sidebar .widget_nav_menu li.current-menu-item a, .wpb_widgetised_column .widget_nav_menu li.current-menu-item a, .sg-services-sidebar .widget_nav_menu li.current-menu-item a, .sidebar-post-type .widget_nav_menu li.current-menu-item a { color: #fff; background-color: #458225; } #sidebar .widget_nav_menu ul.sub-menu, .wpb_widgetised_column .widget_nav_menu ul.sub-menu, .sg-services-sidebar .widget_nav_menu ul.sub-menu, .sidebar-post-type .widget_nav_menu ul.sub-menu { margin-top: 8px; padding: 0; width: 100% !important; } #sidebar .widget_nav_menu ul.sub-menu li a, .wpb_widgetised_column .widget_nav_menu ul.sub-menu li a, .sg-services-sidebar .widget_nav_menu ul.sub-menu li a, .sidebar-post-type .widget_nav_menu ul.sub-menu li a { padding-left: 30px; } #sidebar .widget_nav_menu ul.sub-menu li ul.sub-menu li a, .wpb_widgetised_column .widget_nav_menu ul.sub-menu li ul.sub-menu li a, .sg-services-sidebar .widget_nav_menu ul.sub-menu li ul.sub-menu li a, .sidebar-post-type .widget_nav_menu ul.sub-menu li ul.sub-menu li a { padding-left: 40px; } #sidebar .widget_nav_menu ul.sub-menu li ul.sub-menu li ul.sub-menu li a, .wpb_widgetised_column .widget_nav_menu ul.sub-menu li ul.sub-menu li ul.sub-menu li a, .sg-services-sidebar .widget_nav_menu ul.sub-menu li ul.sub-menu li ul.sub-menu li a, .sidebar-post-type .widget_nav_menu ul.sub-menu li ul.sub-menu li ul.sub-menu li a { padding-left: 50px; } .single-services .sg-services-sidebar .widget_nav_menu li a.services-active, .single-services .sidebar-post-type .widget_nav_menu li a.services-active { background-color: #f4f4f4; color: #5e5e5e; } .widget_nav_menu .widget-title { margin: 0 0 15px; } .widget_nav_menu li.current-menu-item > a { color: #458225; } .widget_calendar.slidingbar-widget-col { margin-top: 60px; } .widget_calendar #wp-calendar { position: relative; } .widget_calendar #wp-calendar caption { background-color: #458225; color: #fff; font-size: 24px; font-weight: 700; line-height: 1; padding: 18px 0; text-align: center; } .widget_calendar #wp-calendar thead { background-color: #222; color: #fff; } .widget_calendar #wp-calendar thead th { font-weight: 700; text-align: center; color: #fff; } .widget_calendar #wp-calendar thead tr th:first-child { padding-left: 20px; } .widget_calendar #wp-calendar thead tr th:last-child { padding-right: 20px; } .widget_calendar #wp-calendar tbody { border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } .widget_calendar #wp-calendar tbody td { font-weight: 300; text-align: center; padding: 0; border-top: none; } .widget_calendar #wp-calendar tbody td a { font-weight: 700; color: #458225; } .widget_calendar #wp-calendar tbody td a:hover { color: #222; } .widget_calendar #wp-calendar tbody tr td:first-child { padding-left: 20px; } .widget_calendar #wp-calendar tbody tr td:last-child { padding-right: 20px; } .widget_calendar #wp-calendar tbody tr:first-child td { padding-top: 12px; } .widget_calendar #wp-calendar tbody tr:last-child td { padding-bottom: 12px; } .widget_calendar #wp-calendar tfoot { border: medium none; } .widget_calendar #wp-calendar tfoot td { padding: 0; border: none; height: 60px; position: absolute; top: 0; left: 15px; } .widget_calendar #wp-calendar tfoot td#prev a { font-size: 0; } .widget_calendar #wp-calendar tfoot td#prev a:before { color: #fff; content: "\f104"; font-family: FontAwesome; font-size: 16px; line-height: 60px; } .widget_calendar #wp-calendar tfoot td#next { left: inherit; right: 15px; } .widget_calendar #wp-calendar tfoot td#next a { font-size: 0; } .widget_calendar #wp-calendar tfoot td#next a:before { color: #fff; content: "\f105"; font-family: FontAwesome; font-size: 16px; line-height: 60px; } .widget_newsletterwidget .newsletter-subscription { margin: 0; } .widget_newsletterwidget .newsletter-widget { margin-top: 14px; } .widget_newsletterwidget p { margin: 0; } .widget_newsletterwidget form { position: relative; } .widget_newsletterwidget form .tnp-field-email { margin-top: 15px; } .widget_newsletterwidget form .tnp-field-email label { display: none; } .widget_newsletterwidget form .tnp-field-email .tnp-email { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; background-color: transparent !important; border: 2px solid #191919 !important; box-shadow: none !important; height: 42px !important; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; padding-left: 15px; font-style: italic; color: #474747; font-size: 13px !important; } .widget_newsletterwidget form .tnp-field-button { position: absolute; right: 0; top: 0; } .widget_newsletterwidget form .tnp-field-button .tnp-submit { height: 42px !important; width: 42px; padding: 0 !important; background-color: transparent !important; border: none !important; font-weight: 700; color: #fff; font-size: 12px; text-indent: -99999px; z-index: 2; position: initial !important; } .widget_newsletterwidget form .tnp-field-button .tnp-submit:hover { background-color: transparent !important; border-color: #458225 !important; } .widget_newsletterwidget form:before { color: #fff; content: "\f178"; font-family: FontAwesome; font-size: 11px; position: absolute; right: 14px; 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: 2; } .widget_newsletterwidget form:after { height: 42px; width: 42px; content: ""; background-color: #191919; position: absolute; top: 0; right: 0; 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; } .widget_newsletterwidget form:hover .tnp-email { border-color: #458225 !important; color: #fff; } .widget_newsletterwidget form:hover .tnp-submit { border-color: #458225 !important; } .widget_newsletterwidget form:hover .tnp-submit:hover { color: #fff; } .widget_newsletterwidget form:hover:after { background-color: #458225; } .ft_flickr_widget { overflow: hidden; /* 5. Recent Post */ } .widget_recent_entries li, .widget_recent_comments li { padding: 15px 0 15px; border-top: 1px solid #f5f4f4; position: relative; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } .widget_recent_entries li:first-child, .widget_recent_comments li:first-child { border-top: none; padding-top: 0; } .widget_recent_entries li:first-child:before, .widget_recent_comments li:first-child:before { top: 10px; } .widget_recent_entries li .post-date, .widget_recent_comments li .post-date { color: #458225; display: block; order: -1; } .widget_recent_comments li { display: inline-block; } .widget_recent_comments .comment-author-link { display: block; } .widget_rss .rsswidget { display: block; } .widget_rss .rss-date { font-style: italic; } .widget_rss .rssSummary { padding-top: 12px; } .widget_rss li { border-bottom: 1px solid #ededed; margin-bottom: 20px; padding-bottom: 20px; } .widget select option { max-width: 300px; } .post-password-form [type="password"] { margin-bottom: 10px; } .download a { background-color: #458225; color: #fff !important; display: block; font-size: 13px; font-weight: 800; padding: 15px; position: relative; text-transform: uppercase; margin-bottom: 20px; overflow: hidden; } .download a span { display: inline-block; margin-top: 9px; } .download a span:nth-child(1) { width: 22px; height: 24px; background-color: #2f2f2f; color: #458225; font-weight: normal; font-size: 8px; text-align: center; margin-right: 11px; vertical-align: top; } .download a i { font-size: 24px; height: 40px; width: 40px; line-height: 40px; text-align: center; background-color: rgba(255, 255, 255, 0.15); color: #fff; font-size: 24px; float: right; } .download a:hover { background-color: #2f2f2f; color: #fff; } .download a:hover span:nth-child(1) { background-color: #458225; color: #fff; } .download-style2 a { background-color: #458225; color: #222; display: block; font-size: 16px; font-weight: 700; padding: 24px 25px; position: relative; letter-spacing: 0.02em; overflow: hidden; } .download-style2 a i { height: 50px; width: 30px; line-height: 50px; text-align: center; background-color: #222; color: #fff; font-size: 24px; float: right; position: absolute; top: 0; right: 20px; -webkit-border-radius: 0 0 2px 2px; -khtml-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; -ms-border-radius: 0 0 2px 2px; -o-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; /* BACKGROUND GRADIENT */ -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .download-style2 a:hover { background-color: #2f2f2f; color: #fff; } .download-style2 a:hover i { background-color: #458225; } .widget_znews-twitter-widget .item-content { margin-bottom: 20px; } .widget_znews-twitter-widget .item-content .news-twitter-icon { font-size: 20px; padding-top: 2px; float: left; color: #458225; } .widget_znews-twitter-widget .item-content .news-twitter-item-inner { padding-left: 32px; } .widget_znews-twitter-widget .item-content .news-twitter-item-inner a { color: #458225; } .widget_znews-twitter-widget .item-content:last-child { padding: 0; margin: 0; border: none; } @media screen and (max-width: 1600px) { #cms-theme.header-21 { margin-left: 270px; } #cms-theme.header-21 #cshero-header-left { padding: 50px 30px !important; width: 270px !important; } #cms-theme.header-21 #page-default .entry-content > .vc_row { padding-left: 50px; padding-right: 50px; } #cms-theme.header-21 .vc_row[data-vc-full-width] { padding-left: 50px !important; padding-right: 50px !important; } #cms-theme.header-21 .vc_row[data-vc-stretch-content] { padding-left: 0 !important; padding-right: 0 !important; } #cms-theme.header-21 .cms-cta-wrapper .container { padding-left: 50px; padding-right: 50px; } #cms-theme.header-21 #cshero-footer #cshero-footer-top > .container, #cms-theme.header-21 #cshero-footer #cshero-footer-bottom > .container { width: 100%; padding-left: 50px; padding-right: 50px; } #cms-theme.header-21 #cshero-footer #cshero-footer-feature-top > .container { padding-left: 65px; padding-right: 65px; } #cms-theme.header-21 #page-title.br-style9 { padding-left: 50px; padding-right: 50px; } } @media screen and (max-width: 1400px) { #cshero-footer.cshero-footer9 #cshero-footer-top { padding-top: 120px; padding-bottom: 80px; } #cshero-footer.cshero-footer9 #cshero-footer-top .wg-heading-sub { font-size: 15px; } #cshero-footer.cshero-footer9 #cshero-footer-top .wg-heading-footer { font-size: 36px; line-height: 42px; } } @media screen and (min-width: 1360px) { .cms-carousel-client-layout3.navigation-horizontal-center .owl-controls .owl-prev, .cms-carousel-client-layout3.navigation-horizontal-center .owl-controls .owl-next { left: -81px; margin: 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 */ } .cms-carousel-client-layout3.navigation-horizontal-center .owl-controls .owl-next { left: inherit; right: -81px; } } @media screen and (max-width: 1360px) { .column-padding-small .vc_column-inner { padding-left: 15px !important; padding-right: 15px !important; } } @media screen and (max-width: 1200px) { .cms-carousel-blog-layout2 .owl-nav .owl-prev { left: 0; } .cms-carousel-blog-layout2 .owl-nav .owl-next { right: 0; } #cms-theme.header-21 { margin-left: 0px; border: none; } #cms-theme.header-21 #cshero-menu-left-mobile { display: block; } #cms-theme.header-21 #cshero-header-left { padding: 50px 30px !important; width: 270px !important; z-index: 1001; -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 */ opacity: 0; visibility: hidden; -webkit-transition: all 220ms ease 0ms; -moz-transition: all 220ms ease 0ms; -ms-transition: all 220ms ease 0ms; transition: all 220ms ease 0ms; } #cms-theme.header-21 #page-title.br-style9 { padding-left: 65px; padding-right: 65px; } #cms-theme.header-21 #page-title.br-style9 #page-title-text, #cms-theme.header-21 #page-title.br-style9 #breadcrumb-text { text-align: center; width: 100%; } #cms-theme.header-21.menu-left-open #cshero-header-left { 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 */ } #cshero-footer #cshero-footer-top .footer-time li { float: none; width: 100%; } #cshero-footer #cshero-footer-top .footer-time li:nth-child(2n) { text-align: left; } #cshero-footer #cshero-footer-top ul.menu li { float: none; width: 100%; } #cshero-header-navigation .main-navigation .menu-main-menu > ul > li, #cshero-header-navigation .main-navigation .menu-main-menu > li { padding: 0 6px; } #cshero-header-navigation .main-navigation li ul:not(.wg-menu-item) { min-width: 190px; } #cshero-header-inner #cshero-header #cshero-header-logo a span, #cshero-header-inner.header-1 .top-media.last, #cshero-header-inner.header-9 .top-media.last { display: none; /* Footer */ } #cshero-footer-bottom .title-social { display: block; margin-bottom: 12px; } #cshero-footer-bottom .cs-social { margin-left: -2px; } #cshero-footer-bottom .title-newsletter { position: static; margin-bottom: 12px; } #cshero-footer-bottom .newsletter-widget { padding-left: 0; } } @media screen and (min-width: 1270px) { body .cs-boxed { margin: auto; width: 1270px; } body .cs-boxed .container { width: 100%; } body .cs-boxed #cshero-footer { padding: 0 35px; } body .cs-boxed #cshero-footer #cshero-footer-feature-top .container { max-width: 1170px; padding: 0 35px; } body #page-wrapper.cs-boxed #cshero-header-inner #cshero-header-top { margin: auto; max-width: 1170px; } body #page-wrapper.cs-boxed #cshero-header-inner #cshero-header { margin: auto; max-width: 1170px; padding: 0; } body #page-wrapper.cs-boxed #cshero-header-inner #cshero-header > .container { padding: 0; } body #page-wrapper.cs-boxed #cshero-header-inner #cshero-header.header-fixed { max-width: 1270px; } body #page-wrapper.cs-boxed #cshero-header-inner #cshero-header.header-fixed > .container { padding: 0 50px; } body #page-wrapper.cs-boxed #cshero-header-inner.header-1 .h-cart-wrapper i.cart, body #page-wrapper.cs-boxed #cshero-header-inner.header-7 .h-cart-wrapper i.cart { margin-right: 0; } body #page-wrapper.cs-boxed #cshero-header-inner.header-1 .nav-button-icon .top-media, body #page-wrapper.cs-boxed #cshero-header-inner.header-7 .nav-button-icon .top-media { margin-left: 24px; } body #page-wrapper.cs-boxed #cshero-header-inner.header-1 .nav-button-icon .top-media.last, body #page-wrapper.cs-boxed #cshero-header-inner.header-7 .nav-button-icon .top-media.last { display: none; } body #page-wrapper.cs-boxed #cshero-header-inner.header-2 #cshero-header { padding: 0 15px; } body #page-wrapper.cs-boxed #cshero-header-inner.header-15 .container { padding: 0; } body #page-wrapper.cs-boxed #cshero-header-inner.header-15 #cshero-header { padding: 0; } body #page-wrapper.cs-boxed #cshero-header-inner.header-15 #cshero-header.header-fixed { max-width: 1170px; } body #page-wrapper.cs-boxed #cshero-header-inner.bg-trans #cshero-header { padding: 0 50px; max-width: 1270px; } body #page-wrapper.cs-boxed #cshero-header-inner.bg-trans #cshero-header.header-fixed > .container { padding: 0; } body #page-wrapper.cs-boxed #cshero-header-inner.custom-header18 { background-color: #fff; } body #page-wrapper.cs-boxed #cshero-header-inner.custom-header18 #cshero-header-wrapper { padding: 0 20px; } body #page-wrapper.cs-boxed #cshero-header-inner.custom-header18 #cshero-header-wrapper #cshero-header-top, body #page-wrapper.cs-boxed #cshero-header-inner.custom-header18 #cshero-header-wrapper #cshero-header { max-width: 1270px; } body #page-wrapper.cs-boxed #cshero-header-inner.custom-header18 #cshero-header-wrapper #cshero-header { padding: 0 30px; } body #page-wrapper.cs-boxed #cshero-header-inner.custom-header18 #cshero-header-wrapper #cshero-header.header-fixed { padding: 0; } body #page-wrapper.cs-boxed .vc_row[data-vc-full-width] { width: 100% !important; padding-left: 35px !important; padding-right: 35px !important; left: 0 !important; margin: 0; } body #page-wrapper.cs-boxed #cms-page-title-wrapper { padding: 0 50px; } body #page-wrapper.cs-boxed #cms-page-title-wrapper #page-title-text, body #page-wrapper.cs-boxed #cms-page-title-wrapper #breadcrumb-text { padding: 0 30px; } body #page-wrapper.cs-boxed #primary { padding-left: 0; padding-right: 0; } body #page-wrapper.cs-boxed #primary .entry-content > .vc_row { padding: 0 35px; margin: 0; } body #page-wrapper.cs-boxed #primary.sidebar-active { padding-left: 50px; padding-right: 15px; } body #page-wrapper.cs-boxed #primary.sidebar-active + #sidebar { padding-right: 50px; } body #page-wrapper.cs-boxed #primary.sidebar-active .entry-content > .vc_row { padding-left: 0 !important; padding-right: 0 !important; margin: 0; } body #page-wrapper.cs-boxed #primary.sidebar-active .entry-content > .vc_row > .vc_column_wrapper > .wpb_column > .vc_column-inner { padding-left: 0; padding-right: 0; } body #page-wrapper.cs-boxed .sidebar-left-active #primary.sidebar-active { padding-left: 15px; padding-right: 50px; } body #page-wrapper.cs-boxed .sidebar-left-active #primary.sidebar-active + #sidebar { padding-right: 15px; padding-left: 50px; } body #page-wrapper.cs-boxed .sg-teams-content > .vc_row { padding-left: 0 !important; padding-right: 0 !important; } body #page-wrapper.cs-boxed .sg-teams-content > .vc_row .vc_row { margin: 0; } body #page-wrapper.cs-boxed .sg-teams-content > .vc_row[data-vc-full-width] { margin: 0 -15px; } body .case-layout .cms-title-case { margin-bottom: 0; float: left; } body .case-layout .cms-title-case + .cms-grid-filter { text-align: right; } body .case-layout .cms-title-case + .cms-grid-filter li { margin-right: 8px; margin-left: 8px; } body .case-layout .cms-title-case + .cms-grid-filter li:last-child { margin-right: 0; } body.single .cs-boxed #main > .container { padding: 0 50px; } body.single .cs-boxed #main #cms-cta > .container { padding: 0 50px; } body.single.single-post .cs-boxed #main > .container { padding: 0 15px; } body.post-type-archive-product #main > .container { padding: 0 50px; } #cshero-header-logo.col-lg-5 { width: 34.667%; } #cshero-header-navigation.col-lg-7 { width: 65.333%; } } @media screen and (max-width: 1200px) and (min-width: 993px) { .header-7 #cshero-header-logo { width: 36.667%; } .header-7 #cshero-header-navigation { width: 63.333%; } } @media screen and (max-width: 1024px) and (min-width: 993px) { .vc_col-sm-3 .cms-counter-icon { float: none; } .vc_col-sm-3 .cms-counter-content .cms-counter-title { margin-bottom: 20px; } } @media screen and (max-width: 1024px) { #page-title { background-attachment: inherit; } body .vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a { padding: 10px 18px; } .row-image-holder { bottom: 30px; left: 30px; right: 45px; top: 30px; } .cms-pricing .cms-pricing-item { margin-bottom: 30px; } } @media screen and (min-width: 993px) { .cms-careers-default .cms-careers-inner ul li.col-lg-3:nth-child(1) { width: 32%; } .cms-careers-default .cms-careers-inner ul li.col-lg-3:nth-child(4) { width: 18%; } .line-gap .cms-counter-wraper:before { width: 2px; height: 30px; background-color: rgba(49, 49, 49, 0.1); content: ""; position: absolute; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ right: -16px; } .line-gap .wpb_column:last-child .cms-counter-wraper:before { width: 0; } .line-gap.light .cms-counter-wraper:before { background-color: rgba(255, 255, 255, 0.3); } .cms-grid .col-lg-3:nth-child(4n+1) { clear: left; } .cms-grid .col-lg-4:nth-child(3n+1) { clear: left; } .cms-grid .col-lg-6:nth-child(2n+1) { clear: left; } #cshero-menu-mobile { display: none !important; } .practice-layout6.nav-top-right .owl-controls, .cms-carousel-client.nav-top-right .owl-controls { position: absolute; right: -5px; top: -101px; } .practice-layout6.nav-top-right .owl-controls .owl-prev, .cms-carousel-client.nav-top-right .owl-controls .owl-prev, .practice-layout6.nav-top-right .owl-controls .owl-next, .cms-carousel-client.nav-top-right .owl-controls .owl-next { margin-top: 0; } .cms-grid-blog-layout1 .col-lg-4:nth-child(3n+1) { clear: left; } .cms-grid-blog-layout1 .col-lg-3:nth-child(4n+1) { clear: left; } } @media screen and (max-width: 993px) { #cshero-header-inner #cshero-header #cshero-header-logo .top-media { display: none; } .body-border-wrapper #cshero-header-inner #cshero-header.header-fixed { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } } @media screen and (max-width: 992px) { #cshero-footer-contact-form .cshero-footer-top1 { padding: 0; } #cshero-footer-contact-form .wpcf7 { padding: 30px 30px 0 30px; } #cshero-footer-contact-form .wpcf7 .col-xs-12 { margin-bottom: 25px; } .wpb_column.position-left, .wpb_column.position-right { position: static; } .section-feature1 .vc_column-inner, .section-feature2 .vc_column-inner { padding-left: 15px !important; padding-right: 15px !important; border: none !important; } .section-feature1 .vc_column-inner .cms-fancyboxes-layout1, .section-feature2 .vc_column-inner .cms-fancyboxes-layout1 { padding-left: 30px; padding-right: 30px; } .section-feature1 .vc_column-inner .vc_separator, .section-feature2 .vc_column-inner .vc_separator { display: none; } .no-border-sm .vc_column-inner { border: none !important; } .font-sm { font-size: 60px !important; } .countdown-item-container { margin-bottom: 30px; } .cms-heading-right { padding-top: 20px; } .cms-heading-wrapper.heading-style3 .cms-heading-inner { text-align: left; } .cms-heading-wrapper.heading-style3 .cms-heading-inner .box:before { right: inherit; left: -35px; } .cms-heading-wrapper.heading-style3 .col-lg-6 { padding: 0 50px; } .cms-heading-wrapper.heading-style3 .col-lg-6.cms-heading-right { margin-top: 20px; } .title-tablet { font-size: 300% !important; } .text-center-md { text-align: center; /* Call To Action */ } .text-center-md * { text-align: center !important; } .text-center-md .cart-contents { float: none !important; } .cms-cta-wrapper .cms-cta-content { padding-bottom: 25px; } .cms-cta-wrapper .title { border-bottom: none !important; } .cms-cta-wrapper.cta-left .cms-cta-content, .cms-cta-wrapper.cta-left .cms-cta-button { text-align: center; } .vc_row.space-default { padding: 40px 15px !important; /* Text Align */ } .text-rp-center { text-align: center !important; } .text-rp-center .wpb_single_image.vc_align_left { text-align: center; } .text-rp-right { text-align: right !important; } .w100-sm { width: 100%; } body > div > div > .container, #cs-header > .container { width: 100% !important; } .container { width: 100%; } .icon-slider i { height: 60px !important; width: 60px !important; line-height: 60px !important; font-size: 20px !important; /* ========================================================================== Header Mobile ========================================================================== */ } body #cshero-header { position: static !important; } body #cshero-header > .container { position: relative; z-index: 99; } body #cshero-header .cshero-header-search { right: 70px; } #cshero-menu-mobile { 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 */ display: block; } #cshero-header-navigation { display: none; } #cshero-header-navigation.collapse { display: block; /* ========================================================================== End Header Mobile ========================================================================== */ /* Woo */ } .cart-action-wrap td.coupon, .cart-action-wrap .actions { width: 50%; } .cart-action-wrap .button { width: 100% !important; float: none; } #cms-trust.woocommerce .products li, #cms-medico.woocommerce-page .products li { width: 50%; } .vc_row-no-padding.small-1-column .wpb_column { margin-top: 0 !important; } #cshero-footer-feature-top .feature-top-item span:nth-child(2) { line-height: 31px; } #cshero-footer-top .media { padding-bottom: 10px; } #cshero-footer-top .media .media-left { padding: 0; display: block; } #cshero-footer-top .media .media-left img { top: 0; margin-bottom: 15px; } #cshero-footer-top .media .media-body { padding: 0; display: block; } #cshero-footer-top [class*="cshero-footer-"] { margin-bottom: 35px; } #cshero-footer-top aside.[class^="col-"] { margin-bottom: 30px; } #cshero-footer-top aside.[class^="col-"]:last-child { margin: 0; } #cshero-footer-top aside.[class^="col-"] aside.[class^="widget_"], #cshero-footer-top aside.[class^="col-"] aside.[class^="widget-"], #cshero-footer-top aside.[class^="col-"] .widget { margin: 30px 0 0; } #cshero-footer-top aside.[class^="col-"] aside.[class^="widget_"]:first-child, #cshero-footer-top aside.[class^="col-"] aside.[class^="widget-"]:first-child, #cshero-footer-top aside.[class^="col-"] .widget:first-child { margin: 0; } #cshero-footer-bottom .cs-social li { margin-bottom: 8px; } } @media screen and (max-width: 991px) and (min-width: 768px) { .cms-grid-wraper .cms-grid-item.col-sm-6:nth-child(odd) { clear: left; } .text-rp-small { font-size: 13px !important; line-height: 26px !important; } .heading-rp-small { font-size: 28px !important; line-height: 36px !important; } .cms-careers-default .cms-careers-inner ul li.col-lg-3:nth-child(3) { clear: left; } } @media screen and (max-width: 992px) and (min-width: 768px) { .small-1-column .wpb_column { width: 100%; } .small-1-column .wpb_column + .wpb_column { margin-top: 35px; } .small-1-column.sm-no-margin .wpb_column + .wpb_column { margin-top: 0; } .small-2-column .wpb_column { width: 50%; margin-top: 0; } .small-2-column .wpb_column:nth-child(2) { margin-top: 0; } .small-2-column .wpb_column:nth-child(3), .small-2-column .wpb_column:nth-child(4) { margin-top: 35px; } .small-3-column .wpb_column { width: 33.33%; } .small-3-column .wpb_column + .wpb_column { margin-top: 0; } .section-counter { /* Text Align */ } .section-counter.small-2-column .wpb_column:nth-child(3), .section-counter.small-2-column .wpb_column:nth-child(4) { margin-top: 0; border-top: 1px solid #ebebeb; } .section-counter.small-2-column.line-dark .wpb_column:nth-child(3), .section-counter.small-2-column.line-dark .wpb_column:nth-child(4) { border-top: 1px solid #4c4b4b; } .section-counter.small-2-column .wpb_column:nth-child(2) { border-right: none !important; } .text-center-small { text-align: center; /* End Text Align */ } .text-center-small .wpb_wrapper { text-align: center; } .text-center-small .vc_custom_heading { text-align: center !important; } #cms-trust.woocommerce .products li:nth-child(even), #cms-medico.woocommerce-page .products li:nth-child(even) { clear: right; } #cms-trust.woocommerce .products li:nth-child(odd), #cms-medico.woocommerce-page .products li:nth-child(odd) { clear: left; } } @media (min-width: 768px) { .column-no-padding [class*="vc_col-"] { padding: 0; } } @media (max-width: 767px) { #cms-theme.header-21 #cshero-header-left { padding: 60px 25px !important; width: 260px !important; -webkit-transform: translateX(-260px); -khtml-transform: translateX(-260px); -moz-transform: translateX(-260px); -ms-transform: translateX(-260px); -o-transform: translateX(-260px); transform: translateX(-260px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } #cms-theme.header-21 #cshero-header-left #cshero-header-left-logo { margin-bottom: 60px; } #cms-theme.header-21 #cshero-header-left #cshero-header-left-menu .menu-main-menu li a { font-size: 13px; font-weight: 600; } #cms-theme.header-21 #cshero-header-left #cshero-header-left-menu .menu-main-menu li .cs-menu-toggle:after { font-size: 12px; } #cms-theme.header-21 #page-title.br-style9 { padding-left: 25px; padding-right: 25px; } #cms-theme.header-21.menu-left-open #cshero-header-left { -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 */ } .custom-row-image + .vc_column_wrapper > .vc_col-sm-6:nth-child(1) { display: none; } .section-feature1 .vc_column-inner, .section-feature2 .vc_column-inner { padding-top: 15px !important; padding-bottom: 15px !important; } .font-sm { font-size: 32px !important; } .cms-heading-wrapper .title { font-size: 26px; } .cms-heading-wrapper .title.box:before { height: 86px; } .layout-services.services-layout5 .cms-services-item-inner { padding: 70px 50px; /* Slider */ } .custom { /* Button */ } .custom.tp-leftarrow { -webkit-transform: matrix(1, 0, 0, 1, 0, -30) !important; -khtml-transform: matrix(1, 0, 0, 1, 0, -30) !important; -moz-transform: matrix(1, 0, 0, 1, 0, -30) !important; -ms-transform: matrix(1, 0, 0, 1, 0, -30) !important; -o-transform: matrix(1, 0, 0, 1, 0, -30) !important; transform: matrix(1, 0, 0, 1, 0, -30) !important; /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .custom.tp-rightarrow { -webkit-transform: matrix(1, 0, 0, 1, -60, -30) !important; -khtml-transform: matrix(1, 0, 0, 1, -60, -30) !important; -moz-transform: matrix(1, 0, 0, 1, -60, -30) !important; -ms-transform: matrix(1, 0, 0, 1, -60, -30) !important; -o-transform: matrix(1, 0, 0, 1, -60, -30) !important; transform: matrix(1, 0, 0, 1, -60, -30) !important; /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .btn { margin-bottom: 4px; /* Page Title */ } .btn.btn-md { padding: 17px 18px; } #page-title { /* Tab */ } #page-title #page-title-text h1 { font-size: 23px; } #page-title #page-title-text .sub-title { font-size: 15px; } .vc_tta-panels-container .vc_tta-panel-title .vc_tta-title-text { margin-left: 0 !important; padding-left: 12px !important; } .vc_tta-style-classic .vc_tta-panel { padding-left: 20px; padding-right: 20px; /* Text Align */ } .vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title span { color: #458225; } .text-center-xs, .text-center-mini { text-align: center; } .text-center-xs .wpb_wrapper, .text-center-mini .wpb_wrapper { text-align: center; } .text-center-xs .vc_custom_heading, .text-center-mini .vc_custom_heading { text-align: center !important; } .text-left-xs { text-align: left !important; } .small-1-column .wpb_column + .wpb_column, .small-2-column .wpb_column + .wpb_column, .small-3-column .wpb_column + .wpb_column { margin-top: 35px; } .small-1-column.sm-no-margin .wpb_column + .wpb_column, .small-2-column.sm-no-margin .wpb_column + .wpb_column, .small-3-column.sm-no-margin .wpb_column + .wpb_column { margin-top: 0; } .small-2-column .wpb_column { width: 100%; } .section-counter.small-2-column .wpb_column { border-right: none !important; } .form-practice .wpcf7-submit { margin-bottom: 30px; } .heading-rp-small { font-size: 16px !important; line-height: 26px !important; /* End Text Align */ /* Single Image VC */ } body .vc_tta-container .vc_tta-panel-body .vc_single_image-wrapper { margin-top: 22px; /* Client */ } body .vc_tta-container .vc_tta-panel-body .vc_single_image-wrapper img { width: 100%; margin: 22px 0; } .cms-carousel-client-layout1 .cms-carousel-media { line-height: normal; /* End Client */ } .cshero-header-search { display: none; } #cshero-footer #cshero-footer-bottom { text-align: center; /* Blog */ } #cshero-footer #cshero-footer-bottom .cms-footer-social { padding-top: 15px; } .post-navigation .nav-link-prev, .cms-related-post-inner .item { margin-bottom: 30px; /* Shortcode Heading */ } .cms-heading-wrapper.heading-layout1 { /* End Shortcode Heading */ /* Footer Top */ } .cms-heading-wrapper.heading-layout1 .cms-heading-button { margin-top: 30px; padding-left: 115px; } .cms-heading-wrapper.heading-layout1 .cms-heading-content .line-title { width: 30px; } .cms-fancyboxes-layout2 .cms-fancybox-item { padding-bottom: 33px; } .cms-error404 .entry-header h1 { font-size: 100px; } .cms-error404 .entry-header h1:before { font-size: 130px; left: -45px; top: -28px; } .wpb_single_image.icon .vc_single_image-wrapper { width: 100%; margin-bottom: 20px; } .wpb_single_image.icon .vc_single_image-wrapper img { width: 100%; } .cshero-popup-search .cshero-search-inner #searchform input[type="text"] { font-size: 11px; } #sidebar, .wpb_widgetised_column, .sg-services-sidebar, #sidebar, .wpb_widgetised_column, .sidebar-post-type { margin-top: 30px; } } @media (max-width: 640px) { #cms-trust.woocommerce .products li, #cms-medico.woocommerce-page .products li, #cms-trust.woocommerce .pr-content.pr-list-active .products li .cshere-woo-item-wrap .cshero-woo-inner, #cms-trust.woocommerce .pr-content.pr-list-active .products li .cshere-woo-item-wrap .cshero-woo-meta { width: 100%; } .single-teams .sg-teams-header .sg-teams-image { width: 100%; text-align: center; } .single-teams .sg-teams-header .sg-teams-image .sg-teams-social { display: inline-block; } .single-teams .sg-teams-header .sg-teams-excerpt { padding: 0; } } @media (max-width: 480px) { #cshero-header-inner #cshero-header #cshero-header-logo a img { max-width: 165px; /* Shortcode Heading */ } .cms-heading-wrapper.heading-layout1 { /* End Shortcode Heading */ } .cms-heading-wrapper.heading-layout1 .cms-heading-content { padding-left: 55px; } .cms-heading-wrapper.heading-layout1 .cms-heading-content:before { width: 30px; } .cms-heading-wrapper.heading-layout1 .cms-heading-button { padding-left: 70px; } .cms-testimonial-layout1 .cms-carousel-media img { max-width: 100%; width: 100%; float: none; } .cms-testimonial-layout1 .main-title { padding: 0; margin-top: 25px; } #cshero-footer-top ul.menu li, #cshero-footer-top .cshero-footer-top3 ul.menu li { width: 100%; } }