/* ------------------------------------------------------------- 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 ------------------------------------------------------------- */ /* ADDS A BROWSER PREFIX TO THE PROPERTY */ /* ========================================================================== Style Button ========================================================================== */ /*------------------------------------------------------------------ [All Style Shortcode] 1. Blog Standard 2. Single Details 3. Single Portfolio -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [All Style Shortcode] 1. Custom Heading 2. Counter 3. Tabs & Accordion 4. Pricing 5. Carousel 6. Progressbar 7. Alert 8. Testimonial 9. Team 10. Heading 11. Fancybox 12. Service 13. Client 14. Blog Carousel 15. Blog Grid 19. CMS Gallery 20. Lists 21. Timeline 22. Pie Chart 23. CMS Process 24. CMS Reservation 25. CMS Menu 26. CMS Full Page -------------------------------------------------------------------*/ /* ========================================================================== [Start] All Style Footer Top & Footer Bottom ========================================================================== */ /* ========================================================================== [Start] All Style Form ========================================================================== */ /* ========================================================================== [Start] All style header /* 1. Header Main ========================================================================== */ /* 1. Header Main */ /*------------------------------------------------------------------ [Main of contents] 1. Reset HTML/CSS, Unitest, Body 2. Page Title 3. Primary 3. Footer -------------------------------------------------------------------*/ /* ========================================================================== [Start] 2. Page Title ========================================================================== */ /* ========================================================================== Style Main Menu ========================================================================== */ /* -----> Minimum width of 992 pixels. */ /*------------------------------------------------------------------ [All Style Widgets] 1. Newletter 2. Search 3. Tags 4. Categories -------------------------------------------------------------------*/ /* ========================================================================== [Start] Large devices (desktops, 992px and up) ========================================================================== */ /* [Start] Header +-----------------------------------+ */ /*------------------------------------------------------------------ [Woo of contents] 1. Navigation 2. Typo 3. Sidebar 4. Archive Product 5. Single Product 6. Cart Search -------------------------------------------------------------------*/ .error404 #cms-content { background-image: url('http://7oroof.com/tfdemos/wp-granny/wp-content/themes/granny/assets/images/bg-page-title.jpg'); } @keyframes pulse { 0% { transform: scale(0.95); opacity: 0.7; } 50% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.95); opacity: 0.7; } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(0.95); opacity: 0.7; } 50% { -webkit-transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.95); opacity: 0.7; } } @-moz-keyframes headerSlideDown { 0% { margin-top: -150px; } 100% { margin-top: 0; } } @-ms-keyframes headerSlideDown { 0% { margin-top: -150px; } 100% { margin-top: 0; } } @-webkit-keyframes headerSlideDown { 0% { margin-top: -150px; } 100% { margin-top: 0; } } @keyframes headerSlideDown { 0% { margin-top: -150px; } 100% { margin-top: 0; } } #wl-wrapper.woocommerce .button, .btn, button, .button, input[type="submit"] { background-color: #282828; font-size: 13px; font-weight: 800; border: none; color: #fff; text-transform: uppercase; padding: 0 45px; line-height: 46px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ position: relative; border: 2px solid #282828; letter-spacing: 0.02em; } #wl-wrapper.woocommerce .button:hover, .btn:hover, button:hover, .button:hover, input[type="submit"]:hover, .btn:focus, button:focus, .button:focus, input[type="submit"]:focus { outline: medium none; text-decoration: none; background-color: #b1525a; border-color: #b1525a; color: #fff; } .btn-icon { font-weight: 600; font-size: 13px; color: #fff; text-transform: uppercase; margin-left: 30px; line-height: 1; padding-top: 16px; padding-bottom: 16px; padding-left: 63px; position: relative; -webkit-transition: all 300ms linear 0ms !important; -moz-transition: all 300ms linear 0ms !important; -ms-transition: all 300ms linear 0ms !important; transition: all 300ms linear 0ms !important; /* Button Styles */ } .btn-icon:hover { color: #b1525a; } .btn-icon i { font-size: 48px; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .btn { /* Button Size */ } .btn i { padding-right: 9px; } .btn span { display: inline-block; } .btn span + i { padding-right: 0; padding-left: 9px; } .btn.btn-radius { -webkit-border-radius: 55px; -khtml-border-radius: 55px; -moz-border-radius: 55px; -ms-border-radius: 55px; -o-border-radius: 55px; border-radius: 55px; /* BACKGROUND GRADIENT */ } .btn.btn-primary { background-color: #b1525a; border-color: #b1525a; } .btn.btn-primary:hover { background-color: #282828; border-color: #282828; } .btn.btn-primary-alt, .btn.btn-primary-alt-radius { background-color: transparent; color: #b1525a; border-color: #b1525a; } .btn.btn-primary-alt:hover, .btn.btn-primary-alt-radius:hover { background-color: #b1525a; border-color: #b1525a; color: #fff; } .btn.btn-default-alt, .btn.btn-default-alt-radius { background-color: #fff; color: #282828; } .btn.btn-default-alt:hover, .btn.btn-default-alt-radius:hover { background-color: #b1525a; border-color: #b1525a; color: #fff; } .btn.btn-primary-radius { background-color: #b1525a; border-color: #b1525a; } .btn.btn-primary-radius:hover { background-color: #282828; border-color: #282828; } .btn.btn-default-radius, .btn.btn-default-alt-radius, .btn.btn-primary-radius, .btn.btn-primary-alt-radius { -webkit-border-radius: 50px; -khtml-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; /* BACKGROUND GRADIENT */ } .btn.btn-primary-white { background-color: transparent; color: #fff; border-color: #fff; } .btn.btn-primary-white:hover { background-color: #b1525a; color: #fff; border-color: #b1525a; } .btn.btn-primary-hover-white { background-color: #b1525a; border-color: #b1525a; } .btn.btn-primary-hover-white:hover { background-color: transparent; border-color: #fff; color: #fff; } .btn.btn-primary-white-alt { background-color: #fff; color: #282828; border-color: #fff; } .btn.btn-primary-white-alt:hover { color: #fff; background-color: #b1525a; border-color: #b1525a; } .btn.btn-default-white { background-color: transparent; color: #fff; border-color: #fff; } .btn.btn-default-white:hover { background-color: #282828; color: #fff; border-color: #282828; } .btn.btn-lg { padding-left: 60px; padding-right: 60px; } .btn.btn-sm { padding-left: 23px; padding-right: 23px; } .btn.btn-tiny { padding-left: 17px; padding-right: 17px; } @-webkit-keyframes btn-granny1 { 60% { -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); } 85% { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes btn-granny1 { 60% { -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); } 85% { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes btn-granny2 { to { opacity: 0; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes btn-granny2 { /* Button slider */ to { opacity: 0; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rev_slider_wrapper .btn { -webkit-transition: all 300ms linear 0ms !important; -moz-transition: all 300ms linear 0ms !important; -ms-transition: all 300ms linear 0ms !important; transition: all 300ms linear 0ms !important; } .rev_slider_wrapper .btn.btn-md { padding: 11px 34px !important; } .btn-style { background-color: #b1525a; border-radius: 3px; color: #fff; display: inline-block; font-size: 13px; font-weight: 800; line-height: 28px; padding: 1px 8px 0; text-transform: uppercase; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* ========================================================================== End Style Button ========================================================================== */ } .carousel { /* [Start] 1. Blog Standard +-----------------------------------+ */ } .carousel .carousel-control { background: transparent; bottom: 26px; position: absolute; right: 15px; text-align: center; top: 50%; cursor: pointer; font-size: 24px; -webkit-text-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-text-shadow: 0 0 0 rgba(0, 0, 0, 0); -ms-text-shadow: 0 0 0 rgba(0, 0, 0, 0); text-shadow: 0 0 0 rgba(0, 0, 0, 0); -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ height: 45px; width: 45px; line-height: 45px; border: 1px solid #fff; } .carousel .carousel-control.left { left: 15px; right: 70px; } .carousel .carousel-control:hover { color: #fff; border-color: #b1525a; background-color: #b1525a; } .carousel .carousel-control.left { left: 50px; } .carousel .carousel-control.right { right: 50px; } .is-left-sidebar #content { float: right; } .box-blog { background-color: #fff; -webkit-box-shadow: 0 0 20px rgba(40, 40, 40, 0.1); -moz-box-shadow: 0 0 20px rgba(40, 40, 40, 0.1); -ms-box-shadow: 0 0 20px rgba(40, 40, 40, 0.1); box-shadow: 0 0 20px rgba(40, 40, 40, 0.1); -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ padding: 40px; margin-bottom: 40px; } .page-template-blog-standard, .archive.category, .single-post { background-color: #f9f9f9; } .page-template-blog-standard .content-full-width, .archive.category .content-full-width, .single-post .content-full-width { max-width: 870px; margin: auto; float: none; } .page-template-blog-standard .content-full-width .pagination, .archive.category .content-full-width .pagination, .single-post .content-full-width .pagination { text-align: center; } .entry-blog { background-color: #fff; -webkit-box-shadow: 0 0px 20px rgba(40, 40, 40, 0.12); -moz-box-shadow: 0 0px 20px rgba(40, 40, 40, 0.12); -ms-box-shadow: 0 0px 20px rgba(40, 40, 40, 0.12); box-shadow: 0 0px 20px rgba(40, 40, 40, 0.12); -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: 40px; } .entry-blog .entry-header { position: relative; } .entry-blog .entry-header .entry-content-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(34, 34, 34, 0.75); -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; opacity: 0; display: none; } .entry-blog .entry-header .entry-content-overlay a { height: 60px; width: 60px; line-height: 60px; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ right: 0; text-align: center; background-color: #b1525a; -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: 20px; color: #fff; position: absolute; margin-top: -60px; opacity: 0; } .entry-blog .entry-header .entry-content-overlay a:hover { color: #b1525a; background-color: #fff; } .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 */ width: inherit; } .entry-blog .entry-header .post-thumbnail + .entry-content-overlay { display: block; } .entry-blog .entry-title { font-size: 20px; margin-bottom: 19px; margin-top: 6px; font-family: inherit; font-weight: 800; } .entry-blog .entry-title a { color: #282828; } .entry-blog .entry-title a:hover { color: #b1525a; } .entry-blog .entry-body { padding: 33px 40px 40px 40px; } .entry-blog .entry-body .entry-readmore { padding-top: 23px; } .entry-blog.hidden-feature-image { padding-top: 35px; } .entry-blog.hidden-feature-image .entry-header { display: none; } .entry-blog:hover .entry-header .entry-content-overlay { opacity: 1; } .entry-blog:hover .entry-header .entry-content-overlay a { opacity: 1; margin-top: 0; } .entry-meta li { display: inline-block; font-size: 12px; color: #686868; font-weight: 600; position: relative; padding: 0 8px; } .entry-meta li:before { content: "/"; position: absolute; right: -4px; } .entry-meta li:first-child { padding-left: 0; } .entry-meta li:last-child:before { display: none; } .entry-meta li a { color: #b1525a; } .entry-meta li a:hover { color: #616161; } .pagination { margin: 10px 0 0; width: 100%; /* [Start] 2. Single Details +-----------------------------------+ */ } .pagination .page-numbers { border: none; 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 */ display: inline-block; height: 51px; line-height: 51px; text-align: center; width: 51px; color: #fff; font-size: 20px; font-family: 'Kaushanscript Regular'; margin-bottom: 10px; } .pagination .page-numbers:hover, .pagination .page-numbers.current { background-color: #b1525a; border-color: #b1525a; color: #fff; } .pagination .page-numbers + .page-numbers { margin-left: 6px; } .pagination .page-numbers i { font-size: 26px; } blockquote { padding: 26px 30px; background: transparent; margin: 20px 0; border-left: 6px solid #282828; font-size: 20px; line-height: 28px; color: #9b9b9b; font-style: italic; } blockquote cite { color: #282828; display: block; font-size: 18px; line-height: 28px; font-family: 'Kaushanscript Regular'; margin-top: 8px; font-style: normal; padding-top: 4px; } blockquote.st1 { border: none; position: relative; } blockquote.st1:before, blockquote.st1:after { content: "\f10d"; font-family: FontAwesome; font-style: normal; font-size: 16px; color: #282828; position: absolute; top: 0; left: 0; } blockquote.st1:after { content: "\f10e"; top: inherit; bottom: 0; left: inherit; right: 0; } blockquote.st2 { border: none; background-color: #f4f4f4; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; /* BACKGROUND GRADIENT */ color: #b1525a; } blockquote.st3 { border: none; background-color: #222; color: #fff; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; /* BACKGROUND GRADIENT */ } blockquote.st3 cite { color: #fff; } .single-post .entry-meta { margin-bottom: 15px; } .single-post #cms-page-title.pt-style3 { padding-top: 225px; } .single-post #cms-page-title.pt-style3 .cms-page-title-inner h1 { padding-bottom: 60px; } .single-post .entry-blog { margin-bottom: 40px; } .single-post .entry-blog .entry-body { margin-bottom: 0; } .single-post .entry-social-shared { border-top: 2px solid #f3f3f3; margin-top: 25px; padding-top: 25px; text-align: right; } .single-post .entry-social-shared li { display: inline-block; } .single-post .entry-social-shared li:first-child { color: #222; font-size: 13px; font-weight: 800; text-transform: uppercase; float: left; } .single-post .entry-social-shared li a { font-size: 14px; color: #5d5d5d; } .single-post .entry-social-shared li a:hover { color: #b1525a; } .single-post .entry-social-shared li:not(.social-label) { padding-left: 17px; } .single-post .post-previous-next { padding: 35px 40px 33px; } .single-post .post-previous-next .nav-image { width: 49px; height: 49px; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ display: inline-block; margin-top: 5px; } .single-post .post-previous-next .nav-inner span { font-size: 11px; color: #686868; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; font-weight: 600; } .single-post .post-previous-next .nav-inner h3 { font-size: 14px; color: #282828; line-height: 22px; font-family: inherit; font-weight: 800; } .single-post .post-previous-next .nav-inner:hover h3 { color: #b1525a; } .single-post .post-previous-next .nav-link-prev { padding-right: 28px; } .single-post .post-previous-next .nav-link-prev:before { background: #eee none repeat scroll 0 0; content: ""; display: block; height: 48px; position: absolute; right: -2px; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ width: 2px; } .single-post .post-previous-next .nav-link-prev .nav-image { float: left; } .single-post .post-previous-next .nav-link-prev .nav-inner { padding-left: 64px; } .single-post .post-previous-next .nav-link-next { padding-left: 28px; } .single-post .post-previous-next .nav-link-next .nav-image { float: right; } .single-post .post-previous-next .nav-link-next .nav-inner { padding-right: 64px; } .single-post .entry-author { padding: 34px 40px 35px; } .single-post .entry-author .admin-avt { max-width: 90px; float: left; margin-top: 5px; } .single-post .entry-author .admin-avt img { max-width: 90px; width: 100%; } .single-post .entry-author .admin-info { padding-left: 120px; } .single-post .entry-author .user-social { padding-top: 10px; } .single-post .entry-author .user-social li { display: inline-block; padding-right: 21px; } .single-post .entry-author .user-social li a { font-size: 15px; color: #5d5d5d; } .single-post .entry-author .user-social li a:hover { color: #b1525a; } .single-post .related-post { padding: 32px 40px 32px; } .single-post .related-post .feature-image { display: block; } .single-post .related-post .feature-image span { display: block; min-height: 178px; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .single-post .related-post .no-feature-img .feature-image { display: none; } .single-post .related-post .title { font-size: 15px; line-height: 23px; margin-bottom: 12px; margin-top: 16px; font-family: inherit; font-weight: 700; } .single-post .related-post .title a { color: #282828; } .single-post .related-post .title a:hover { color: #b1525a; } .single-post .related-post .row { margin: 0 -11px; } .single-post .related-post .row .item { padding: 0 11px; } .single-portfolio .single-portfolio-image { padding-bottom: 45px; } .single-portfolio .single-portfolio-image img { width: 100%; } .single-portfolio .single-portfolio-image.sg-gallery .single-portfolio-image-item { margin-bottom: 30px; } .single-portfolio .single-portfolio-holder .single-portfolio-title { position: relative; font-size: 30px; line-height: 1.1; margin-bottom: 25px; padding-bottom: 30px; } .single-portfolio .single-portfolio-content { margin-bottom: 35px; } .single-portfolio .single-portfolio-about { padding: 30px; background-color: #f9f9f9; margin-bottom: 30px; } .single-portfolio .single-portfolio-about li { font-size: 14px; line-height: 29px; } .single-portfolio .single-portfolio-about li span { color: #282828; } .single-portfolio .single-portfolio-about li a { color: #9e9e9e; } .single-portfolio .single-portfolio-about li a:after { content: ", "; } .single-portfolio .single-portfolio-about li a:hover { color: #b1525a; } .single-portfolio .single-portfolio-about li a:last-child:after { content: ""; } .single-portfolio .single-portfolio-share { padding: 30px; background-color: #f9f9f9; } .single-portfolio .single-portfolio-share li { display: inline-block; } .single-portfolio .single-portfolio-share li span { font-size: 13px; text-transform: uppercase; color: #222; display: inline-block; padding-right: 20px; } .single-portfolio .single-portfolio-share li a { font-size: 14px; color: #5d5d5d; padding: 0 8px; } .single-portfolio .single-portfolio-share li a:hover { color: #b1525a; } .single-portfolio .single-portfolio-pagination .nav-link-prev a, .single-portfolio .single-portfolio-pagination .nav-link-next a { position: relative; display: inline-block; } .single-portfolio .single-portfolio-pagination .nav-link-prev a span.nav-portfolio-subtitle, .single-portfolio .single-portfolio-pagination .nav-link-next a span.nav-portfolio-subtitle { display: block; color: #b8b8b8; } .single-portfolio .single-portfolio-pagination .nav-link-prev a span.nav-portfolio-title, .single-portfolio .single-portfolio-pagination .nav-link-next a span.nav-portfolio-title { font-size: 16px; line-height: 28px; color: #282828; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .single-portfolio .single-portfolio-pagination .nav-link-prev a i, .single-portfolio .single-portfolio-pagination .nav-link-next a i { height: 50px; width: 50px; line-height: 50px; border: 1px solid #eee; font-size: 25px; color: #646464; text-align: center; position: absolute; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .single-portfolio .single-portfolio-pagination .nav-link-prev a:hover span.nav-portfolio-title, .single-portfolio .single-portfolio-pagination .nav-link-next a:hover span.nav-portfolio-title { color: #b1525a; } .single-portfolio .single-portfolio-pagination .nav-link-prev a:hover i, .single-portfolio .single-portfolio-pagination .nav-link-next a:hover i { color: #fff; border-color: #b1525a; background-color: #b1525a; } .single-portfolio .single-portfolio-pagination .nav-link-prev a { padding-left: 65px; } .single-portfolio .single-portfolio-pagination .nav-link-prev a i { left: 0; } .single-portfolio .single-portfolio-pagination .nav-link-next a { padding-right: 65px; } .single-portfolio .single-portfolio-pagination .nav-link-next a i { right: 0; } .single-portfolio .single-portfolio-pagination .nav-all-portfolio { margin: 14px 0; line-height: 1; } .single-portfolio .single-portfolio-pagination .nav-all-portfolio a { font-size: 23px; color: #616161; } .single-portfolio .single-portfolio-pagination .nav-all-portfolio a:hover { color: #b1525a; } .single-portfolio .pt-line { width: 100%; height: 0; border-top: 1px solid #eee; padding-top: 50px; margin-top: 40px; } .single-portfolio #sg-portfolio-slider { margin-bottom: 45px; padding-bottom: 0; } .single-portfolio #sg-portfolio-slider .owl-controls .owl-nav .owl-prev, .single-portfolio #sg-portfolio-slider .owl-controls .owl-nav .owl-next { margin-top: 0; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .single-portfolio #sg-portfolio-slider .owl-controls .owl-nav .owl-prev i, .single-portfolio #sg-portfolio-slider .owl-controls .owl-nav .owl-next i { border-color: #fff; margin: 0; } .single-portfolio #sg-portfolio-slider .owl-controls .owl-nav .owl-prev i:hover, .single-portfolio #sg-portfolio-slider .owl-controls .owl-nav .owl-next i:hover { border-color: #b1525a; } .single-portfolio #sg-portfolio-slider .owl-controls .owl-nav .owl-prev { left: 30px; } .single-portfolio #sg-portfolio-slider .owl-controls .owl-nav .owl-next { right: 30px; } .single-portfolio.sg-portfolio-layout2 .pt-line { margin-top: 0; } .single-portfolio.sg-portfolio-layout3 .pt-line { margin-top: 70px; } .single-portfolio.sg-portfolio-layout4 #sg-portfolio-slider { margin-bottom: 75px; } .single-portfolio.sg-portfolio-layout6 .single-portfolio-image, .single-portfolio.sg-portfolio-layout8 .single-portfolio-image { padding: 0; } .single-portfolio.sg-portfolio-layout7 .single-portfolio-holder { padding-top: 45px; } .single-portfolio.sg-portfolio-layout9 .single-portfolio-boxright { margin-bottom: 60px; } .single-portfolio.sg-portfolio-layout9 .single-portfolio-content { margin-bottom: 50px; } .single-post #cms-content, #cms-theme.archive #cms-content { background-color: #f9f9f9; } #comments #respond { background-color: #fff; -webkit-box-shadow: 0 0 20px rgba(40, 40, 40, 0.1); -moz-box-shadow: 0 0 20px rgba(40, 40, 40, 0.1); -ms-box-shadow: 0 0 20px rgba(40, 40, 40, 0.1); box-shadow: 0 0 20px rgba(40, 40, 40, 0.1); -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ padding: 30px 40px 40px; margin-bottom: 0px; } #comments .comment-list-wrap { padding: 30px 40px 23px; } #comments .comment-list { list-style: none; padding: 0; } #comments .comment-list #respond { margin-bottom: 35px; } #comments .comment-list .comment-body { margin-bottom: 30px; } #comments .comment-list .comment-body .comment-awaiting-moderation { display: none; } #comments .comment-list .comment-body .comment-awaiting-moderation + br { display: none; } #comments .comment-list .comment-body .comment-inner { margin-bottom: 40px; } #comments .comment-list .comment-body .comment-author { line-height: 1; margin-bottom: 9px; padding-left: 90px; position: relative; } #comments .comment-list .comment-body .comment-author .avatar { max-width: 70px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ width: 100%; float: left; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 0; } #comments .comment-list .comment-body .comment-author cite { font-size: 14px; text-transform: capitalize; color: #282828; font-weight: 700; font-style: normal; line-height: 1; } #comments .comment-list .comment-body .comment-author .says { display: none; } #comments .comment-list .comment-body .comment-meta { line-height: 1; margin-bottom: 12px; padding-left: 90px; } #comments .comment-list .comment-body .comment-meta a { color: #616161; font-size: 12px; text-transform: uppercase; line-height: 1; font-weight: 600; } #comments .comment-list .comment-body .comment-meta a:hover { color: #b1525a; } #comments .comment-list .comment-body .comment-meta + p { padding-left: 90px; margin-bottom: 5px; } #comments .comment-list .comment-body .comment-right { padding-left: 120px; } #comments .comment-list .comment-body .commetn-text { padding-left: 120px; padding-top: 4px; } #comments .comment-list .comment-body .commetn-text p { margin-bottom: 4px; } #comments .comment-list .comment-body .reply { padding-left: 90px; } #comments .comment-list .comment-body .reply a { font-size: 13px; color: #b1525a; text-transform: uppercase; font-weight: 800; } #comments .comment-list .comment-body .reply a:hover { color: #282828; } #comments .comment-list > li .comment-body { position: relative; padding-bottom: 23px; } #comments .comment-list > li .comment-body:before { left: 90px; height: 1px; right: 0; background-color: #d9d9d9; position: absolute; bottom: 0; content: ""; } #comments .comment-list > li:last-child .comment-body { margin-bottom: 0; padding-bottom: 0; } #comments .comment-list > li:last-child .comment-body:before { display: none; } #comments .comment-list .children { list-style: none; padding: 0 0 0 90px; } #comments .comment-list .children > li { border-top: 1px solid #d9d9d9; padding-top: 30px; margin-top: 22px; } #comments .comment-list .pingback > .comment-body { padding-left: 0; } #comments .comment-list .pingback > .comment-body a.url { color: #282828; } #comments .comment-list .pingback > .comment-body a.url:hover { color: #b1525a; } #comments #commentform .form-submit { margin-top: 28px; margin-bottom: 0; } #comments #commentform .form-submit #submit { display: block; width: 100%; } #comments #commentform .comment-form-comment { margin-bottom: 30px; margin-top: 26px; } body .wpb_single_image .vc_single_image-wrapper.vc_box_rounded, body .wpb_single_image .vc_single_image-wrapper.vc_box_rounded img { -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; /* BACKGROUND GRADIENT */ } body img.mfp-img { padding: 0 !important; } body .mfp-image-holder .mfp-close, body .mfp-iframe-holder .mfp-close { line-height: 40px; padding: 0; right: 0; text-align: center; top: -44px; width: 40px; -webkit-border-radius: 2px 2px 0 0; -khtml-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -ms-border-radius: 2px 2px 0 0; -o-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; /* BACKGROUND GRADIENT */ } body .mfp-bottom-bar { margin-top: 0; } .pswp .pswp__bg { opacity: 0.95 !important; } .cms-hd-line { width: 24px; height: 2px; background-color: #686868; margin: auto; } .media.box-icon { font-size: 13px; color: #757575; line-height: 1; } .media.box-icon .media-left { padding-right: 32px; } .media.box-icon h3 { font-size: 16px; text-transform: uppercase; font-family: 'loraitalic'; margin-bottom: 10px; margin-top: 3px; } .wpb_column.col-fixed-right { position: absolute; top: 0; right: 0; } .bg-image-default { background-size: cover; background-position: center; background-repeat: no-repeat; } .cms-load-posts { margin-top: 40px; /* Slick Carousel */ } .cms-load-posts i { padding: 0; display: none; } .cms-load-posts span { display: inline-block; padding: 0 6px; } .cms-load-posts a.run-loading i { display: inline-block; } .slick-prev:before, .slick-next:before { color: #b1525a; /* OWL Carousel */ } body .owl-carousel .owl-item img { transform-style: inherit; } .owl-controls .owl-nav { text-align: center; } .owl-controls .owl-nav .owl-prev, .owl-controls .owl-nav .owl-next { display: inline-block; text-align: center; margin-top: 30px; } .owl-controls .owl-nav .owl-prev i, .owl-controls .owl-nav .owl-next i { height: 50px; width: 50px; line-height: 50px; border: 1px solid #eee; font-size: 25px; color: #646464; text-align: center; margin: 0 5px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; background-color: #fff; } .owl-controls .owl-nav .owl-prev i:before, .owl-controls .owl-nav .owl-next i:before { content: "\f104"; font-family: "FontAwesome"; } .owl-controls .owl-nav .owl-prev i:hover, .owl-controls .owl-nav .owl-next i:hover { color: #fff; border-color: #b1525a; background-color: #b1525a; } .owl-controls .owl-nav .owl-next i:before { content: "\f105"; } .owl-controls .owl-dots { text-align: center; padding-top: 43px; } .owl-controls .owl-dots .owl-dot { display: inline-block; margin: 0 5px; } .owl-controls .owl-dots .owl-dot span { display: block; height: 12px; width: 12px; background-color: transparent; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; /* BACKGROUND GRADIENT */ position: relative; border: 3px solid #282828; } .owl-controls .owl-dots .owl-dot.active span { background-color: #282828; } .dot-style-white .owl-controls .owl-dots .owl-dot span { border-color: #fff; } .dot-style-white .owl-controls .owl-dots .owl-dot.active span { background-color: #fff; } .social-page { padding-top: 5px; /* [Start] 1. Custom Heading +-----------------------------------+ */ } .social-page li { display: inline-block; } .social-page li + li { margin-left: 6px; } .social-page li a { display: block; height: 42px; width: 42px; background-color: #1c1c1c; color: #fff; line-height: 42px; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; /* BACKGROUND GRADIENT */ font-size: 14px; text-align: center; } .social-page li a:hover { background-color: #b1525a; } .vc_custom_heading { /* [Start] 2. Counter +-----------------------------------+ */ } .vc_custom_heading cite { font-style: normal; color: #b1525a; text-decoration: underline; } .vc_custom_heading.text-shadow span { -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); -ms-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); } .cms-counter-wraper { /* [Start] 3. Tabs & Accordion +-----------------------------------+ */ } .cms-counter-wraper .cms-counter-icon { margin-bottom: 28px; } .cms-counter-wraper .cms-counter-icon i { font-size: 70px; color: #b1525a; } .cms-counter-wraper .cms-counter-content { font-family: 'Kaushanscript Regular'; } .cms-counter-wraper .cms-counter-content .cms-counter, .cms-counter-wraper .cms-counter-content .cms-counter-load { color: #282828; font-size: 70px; line-height: 1; margin-bottom: 12px; } .cms-counter-wraper .cms-counter-content .cms-counter-title { font-size: 20px; color: #9b9b9b; } .wg-title-white .vc_tta-container > h2 { color: #fff; } .wg-title-primary .vc_tta-container > h2 { color: #b1525a; } .title-center .vc_tta-container > h2 { text-align: center; } .vc_tta-container { margin: 0 !important; } .vc_tta-container > h2 { font-size: 17px; line-height: 32px; margin-bottom: 30px; /* Tabs */ } .vc_tta-container .vc_tta-tabs { /* Accordion */ } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container { text-align: center; margin-bottom: 35px !important; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab { padding: 0 20px; } .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 0px; font-size: 22px; color: #333; line-height: 1; text-transform: none; position: relative; border: none; background-color: transparent; margin: 0 10px; font-family: 'Kaushanscript Regular'; } .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: #b1525a; bottom: 0 !important; content: ""; display: block; height: 2px !important; left: 0; margin: auto; opacity: 0; position: absolute; right: 0 !important; top: inherit !important; width: 0; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:hover a { color: #b1525a; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a:before, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:hover a:before { width: 100%; opacity: 1; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic:not(.vc_tta-tabs-position-left) .vc_tta-panels-container .vc_tta-panels { border: none; background-color: transparent; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic:not(.vc_tta-tabs-position-left) .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body { padding: 0; } .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 .list-style { text-align: left; display: inline-block; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic:not(.vc_tta-tabs-position-left).filter-light .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a { color: #fff; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic:not(.vc_tta-tabs-position-left).filter-light .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic:not(.vc_tta-tabs-position-left).filter-light .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:hover a { color: #b1525a; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic:not(.vc_tta-tabs-position-left).filter-light .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a:before, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic:not(.vc_tta-tabs-position-left).filter-light .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:hover a:before { width: 100%; opacity: 1; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-left .vc_tta-tabs-container, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-tabs-container { width: inherit; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-left .vc_tta-tabs-container .vc_tta-tabs-list, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-tabs-container .vc_tta-tabs-list { border-right: 1px solid #e6e6e6; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-left .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab { margin-top: 0; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-left .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:first-child, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:first-child { margin-top: 1px; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-left .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a { background-color: #fff; color: #282828; padding: 10px 30px; font-weight: 600; font-size: 14px; line-height: 1.1; text-transform: uppercase; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; /* BACKGROUND GRADIENT */ border: none; text-align: right; margin: 3px 0px; position: relative; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-left .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a:before, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a:before { background-color: #b1525a !important; bottom: 0 !important; content: ""; display: block !important; height: 0 !important; left: inherit !important; margin: auto; opacity: 0; position: absolute; right: 0 !important; top: inherit !important; width: 2px !important; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-left .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-left .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:hover a, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:hover a { color: #b1525a !important; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-left .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a:before, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a:before, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-left .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:hover a:before, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:hover a:before { height: 100% !important; opacity: 1; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-left .vc_tta-panels-container, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-panels-container { width: inherit; padding-left: 30px; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-left .vc_tta-panels-container .vc_tta-panels, .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-panels-container .vc_tta-panels { background-color: transparent; border: none; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-panels-container { padding-left: 0px; padding-right: 30px; } .vc_tta-container .vc_tta-tabs.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-panels-container .vc_tta-tabs-list .vc_tta-tab { text-align: left; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container { text-align: center; margin-bottom: 24px !important; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a { padding: 11px 20px; font-size: 14px; color: #282828; font-weight: 600; line-height: 1; position: relative; border: none; background-color: transparent; text-transform: uppercase; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a i { height: 60px; line-height: 60px; width: 60px; background-color: #282828; font-size: 28px; color: #fff; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ display: inline-block; margin-bottom: 17px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a span { display: block; margin: 0 !important; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a span + i { margin-bottom: 0; margin-top: 23px; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a, .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:hover a { color: #b1525a; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active i, .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left) .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:hover i { background-color: #b1525a; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left) .vc_tta-panels-container .vc_tta-panels { border: none; background-color: transparent; text-align: center; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left) .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body { padding: 0; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left).tabs-position-bottom { padding-bottom: 188px; position: relative; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left).tabs-position-bottom .vc_tta-tabs-container { bottom: 0; margin-bottom: 0 !important; position: absolute; width: 100%; } .vc_tta-container .vc_tta-tabs.vc_tta-style-modern:not(.vc_tta-tabs-position-left).tabs-position-bottom .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a i { font-size: 24px; } .vc_tta-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body { border-color: transparent; border-width: 0px; background-color: #fff; padding: 0px; font-size: 16px; line-height: 26px; } .vc_tta-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body img { margin-top: 5px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .vc_tta-container .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel { margin-bottom: 30px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); } .vc_tta-container .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel:last-child { margin-bottom: 0; } .vc_tta-container .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading { background-color: #fff !important; border: medium none; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; /* BACKGROUND GRADIENT */ padding: 10px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title { border: 1px dashed rgba(188, 141, 70, 0.5); } .vc_tta-container .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a { font-size: 20px; line-height: 26px; color: #282828; padding: 14px 17px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a .vc_tta-controls-icon.vc_tta-controls-icon-plus { width: 20px; height: 20px; background-color: #b1525a; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .vc_tta-container .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a .vc_tta-controls-icon.vc_tta-controls-icon-plus:before { border-width: 2px 0 0; border-color: #fff; width: 10px; margin: auto; } .vc_tta-container .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a .vc_tta-controls-icon.vc_tta-controls-icon-plus:after { background-color: #fff; border: medium none; height: 10px; left: 10px; margin: auto; width: 2px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-left > a { padding-left: 50px; padding-right: 17px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-left i { left: 17px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-right > a { padding-left: 17px; padding-right: 50px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-right i { right: 17px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-body { background-color: #fff; font-size: 15px; font-weight: normal; color: #a5a5a5; line-height: 24px; border: none; padding: 17px 27px 27px 27px; position: relative; } .vc_tta-container .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-body:before { content: ""; position: absolute; top: 0; left: 10px; bottom: 10px; right: 10px; border: 1px dashed rgba(188, 141, 70, 0.5); } .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); padding: 5px 0; } .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel { margin-bottom: 0; } .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading { background-color: #fff !important; border: medium none; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; /* BACKGROUND GRADIENT */ padding: 5px 10px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title { border: 1px dashed rgba(188, 141, 70, 0.5); } .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a { font-size: 20px; line-height: 26px; color: #282828; padding: 14px 17px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a .vc_tta-controls-icon.vc_tta-controls-icon-plus { width: 20px; height: 20px; background-color: #b1525a; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a .vc_tta-controls-icon.vc_tta-controls-icon-plus:before { border-width: 2px 0 0; border-color: #fff; width: 10px; margin: auto; } .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a .vc_tta-controls-icon.vc_tta-controls-icon-plus:after { background-color: #fff; border: medium none; height: 10px; left: 10px; margin: auto; width: 2px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-left > a { padding-left: 50px; padding-right: 17px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-left i { left: 17px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-right > a { padding-left: 17px; padding-right: 50px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-right i { right: 17px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel .vc_tta-panel-body { background-color: #fff; font-size: 15px; font-weight: normal; color: #a5a5a5; line-height: 24px; border: none; padding: 12px 27px 27px 27px; position: relative; overflow: visible; } .vc_tta-container .vc_tta-accordion.vc_tta-style-modern .vc_tta-panels .vc_tta-panel .vc_tta-panel-body:before { content: ""; position: absolute; top: -5px; left: 10px; bottom: 10px; right: 10px; border-width: 0 1px 1px 1px; border-style: dashed; border-color: rgba(188, 141, 70, 0.5); } .vc_tta-container .vc_tta-accordion.vc_tta-style-flat .vc_tta-panels .vc_tta-panel { margin-bottom: 20px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); } .vc_tta-container .vc_tta-accordion.vc_tta-style-flat .vc_tta-panels .vc_tta-panel:last-child { margin-bottom: 0; } .vc_tta-container .vc_tta-accordion.vc_tta-style-flat .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading { background-color: #fff !important; border: medium none; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; /* BACKGROUND GRADIENT */ padding: 10px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-flat .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a { font-size: 20px; line-height: 26px; color: #282828; padding: 14px 17px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-flat .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a .vc_tta-controls-icon.vc_tta-controls-icon-plus { width: 20px; height: 20px; background-color: #b1525a; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .vc_tta-container .vc_tta-accordion.vc_tta-style-flat .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a .vc_tta-controls-icon.vc_tta-controls-icon-plus:before { border-width: 2px 0 0; border-color: #fff; width: 10px; margin: auto; } .vc_tta-container .vc_tta-accordion.vc_tta-style-flat .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a .vc_tta-controls-icon.vc_tta-controls-icon-plus:after { background-color: #fff; border: medium none; height: 10px; left: 10px; margin: auto; width: 2px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-flat .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-left > a { padding-left: 50px; padding-right: 17px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-flat .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-left i { left: 17px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-flat .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-right > a { padding-left: 17px; padding-right: 50px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-flat .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-right i { right: 17px; } .vc_tta-container .vc_tta-accordion.vc_tta-style-flat .vc_tta-panels .vc_tta-panel .vc_tta-panel-body { background-color: #fff; font-size: 15px; font-weight: normal; color: #a5a5a5; line-height: 24px; border: none; padding: 17px 27px 27px 27px; position: relative; } .vc_tta-container .vc_tta-accordion.vc_tta-style-flat .vc_tta-panels .vc_tta-panel .vc_tta-panel-body:before { content: ""; position: absolute; top: 0; left: 27px; bottom: 10px; right: 27px; border-width: 1px 0 0; border-style: dashed; border-color: rgba(188, 141, 70, 0.5); } @media screen and (max-width: 767px) { /* [Start] 4. Pricing +-----------------------------------+ */ .vc_tta-container .vc_tta.vc_tta-tabs .vc_tta-panels-container { padding-left: 0 !important; } .vc_tta-container .vc_tta.vc_tta-tabs .vc_tta-panel .vc_tta-panel-heading { border: medium none; margin-bottom: 10px !important; } .vc_tta-container .vc_tta.vc_tta-tabs .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a { color: #282828; font-weight: 600; font-size: 16px; color: #282828; padding: 16px 20px; } .vc_tta-container .vc_tta.vc_tta-tabs .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a { color: #b1525a; } .vc_tta-container .vc_tta.vc_tta-tabs .vc_tta-panel .vc_tta-panel-body { padding: 15px !important; background-color: transparent !important; } } .cms-pricing-wrapper { background-color: #fff; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.12); -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.12); box-shadow: 0 0 20px rgba(0, 0, 0, 0.12); position: relative; /* [Start] 5. Carousel +-----------------------------------+ */ } .cms-pricing-wrapper svg { position: absolute; width: 90px; height: 25px; left: 0; right: 0; top: -22px; margin: auto; } .cms-pricing-wrapper svg .svg-fill { fill: #c49b5c; } .cms-pricing-wrapper .pricing-header { background-color: #c49b5c; padding: 30px 30px 33px; -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 */ } .cms-pricing-wrapper .pricing-header .pricing-title { font-size: 20px; color: #222; } .cms-pricing-wrapper .pricing-header .pricing-meta { line-height: 1; color: #f9f9f9; padding: 32px 0 15px; } .cms-pricing-wrapper .pricing-header .pricing-meta .pricing-currency { font-size: 28px; font-family: 'Kaushanscript Regular'; } .cms-pricing-wrapper .pricing-header .pricing-meta .pricing-time { font-size: 13px; } .cms-pricing-wrapper .pricing-header .pricing-meta .pricing-price { font-size: 70px; font-family: 'Kaushanscript Regular'; } .cms-pricing-wrapper .pricing-header .pricing-subtitle { font-size: 13px; line-height: 21px; color: #f9f9f9; display: block; padding-bottom: 22px; } .cms-pricing-wrapper .pricing-body { padding: 30px 40px; position: relative; } .cms-pricing-wrapper .pricing-body svg .svg-fill { fill: #fff; } .cms-pricing-wrapper .pricing-body li { padding: 10px 0; border-bottom: 1px solid #f5f4f4; } .cms-pricing-wrapper .pricing-body li:last-child { border-bottom: none; } .cms-pricing-wrapper .pricing-button { -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-top: 2px solid #eee; padding: 40px; } .cms-pricing-wrapper .pricing-button .btn { padding: 0; width: 100%; } .cms-pricing-wrapper.pricing-style2 svg { display: none; } .cms-carousel-wrap { /* [Start] 6. Progressbar +-----------------------------------+ */ } .cms-carousel-wrap .cms-carousel-layout1 .cms-carousel-image { min-height: 430px; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; /* BACKGROUND GRADIENT */ } .cms-carousel-wrap .cms-carousel-layout1 .owl-controls .owl-nav i { height: 50px; width: 50px; line-height: 50px; background-color: #e3e7f3; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; /* BACKGROUND GRADIENT */ -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); } .cms-carousel-wrap .cms-carousel-layout1 .owl-controls .owl-nav i:before { color: #333c54; font-size: 25px; } .cms-carousel-wrap .cms-carousel-layout1 .owl-controls .owl-nav i:hover:before { color: #b1525a; } .cms-carousel-wrap .cms-carousel-layout1 .owl-controls .owl-nav .owl-prev, .cms-carousel-wrap .cms-carousel-layout1 .owl-controls .owl-nav .owl-next { position: absolute; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-carousel-wrap .cms-carousel-layout1 .owl-controls .owl-nav .owl-prev { left: -25px; } .cms-carousel-wrap .cms-carousel-layout1 .owl-controls .owl-nav .owl-prev i:before { content: "\f2ea"; } .cms-carousel-wrap .cms-carousel-layout1 .owl-controls .owl-nav .owl-next { right: -25px; } .cms-carousel-wrap .cms-carousel-layout1 .owl-controls .owl-nav .owl-next i:before { content: "\f2ee"; } .cms-carousel-wrap .cms-carousel-layout1 .owl-controls .owl-dots .owl-dot span { border-color: #fff; height: 15px; width: 15px; } .cms-carousel-wrap .cms-carousel-layout1 .owl-controls .owl-dots .owl-dot.active span { background-color: #fff; border-color: #fff; } .cms-carousel-wrap .dotsCont { margin: 30px -15px 0 -15px; } .cms-carousel-wrap .dotsCont .item-dot { width: 16.6667%; float: left; padding: 0 15px; } .cms-carousel-wrap .dotsCont .item-dot div { min-height: 85px; background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; /* BACKGROUND GRADIENT */ cursor: pointer; } .cms-carousel-wrap .dotsCont .item-dot.active div, .cms-carousel-wrap .dotsCont .item-dot:hover div { -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25); -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25); } .cms-carousel-wrap .cms-carousel-layout2 .cms-carousel-image { min-height: 350px; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; /* BACKGROUND GRADIENT */ } .cms-carousel-wrap .cms-carousel-layout2 .cms-carousel-content { position: absolute; bottom: 0; left: 0; right: 0; padding: 15px 50px; } .cms-carousel-wrap .cms-carousel-layout2 .cms-carousel-content h3 { font-size: 20px; line-height: normal; color: #fff; font-family: 'Raleway Semibold'; font-weight: normal; margin-bottom: 8px; } .cms-carousel-wrap .cms-carousel-layout2 .cms-carousel-content .cms-carousel-description { color: rgba(255, 255, 255, 0.66); max-width: 80%; } .cms-carousel-wrap .cms-carousel-layout2 .owl-controls .owl-nav i { height: 50px; width: 50px; line-height: 50px; } .cms-carousel-wrap .cms-carousel-layout2 .owl-controls .owl-nav i:before { color: rgba(255, 255, 255, 0.5); font-size: 25px; } .cms-carousel-wrap .cms-carousel-layout2 .owl-controls .owl-nav i:hover:before { color: #b1525a; } .cms-carousel-wrap .cms-carousel-layout2 .owl-controls .owl-nav .owl-prev, .cms-carousel-wrap .cms-carousel-layout2 .owl-controls .owl-nav .owl-next { position: absolute; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-carousel-wrap .cms-carousel-layout2 .owl-controls .owl-nav .owl-prev { left: 0; } .cms-carousel-wrap .cms-carousel-layout2 .owl-controls .owl-nav .owl-prev i:before { content: "\f2ea"; } .cms-carousel-wrap .cms-carousel-layout2 .owl-controls .owl-nav .owl-next { right: 0; } .cms-carousel-wrap .cms-carousel-layout2 .owl-controls .owl-nav .owl-next i:before { content: "\f2ee"; } .cms-carousel-wrap .cms-carousel-layout2.custom-layout3 .cms-carousel-image { min-height: 450px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; /* BACKGROUND GRADIENT */ } .cms-carousel-wrap .cms-carousel-layout2.custom-layout3 .cms-carousel-content { padding: 15px 15px 30px; max-width: 1170px; margin: auto; } .cms-carousel-wrap .cms-carousel-layout2.custom-layout3 .cms-carousel-content .cms-carousel-description { max-width: 540px; } .cms-progress-wraper { position: relative; overflow: hidden; } .cms-progress-wraper .cms-progress-title { font-size: 13px; line-height: 1; font-weight: 800; color: #282828; text-transform: uppercase; } .cms-progress-wraper .cms-progress-icon i { font-size: 45px; color: #b1525a; } .cms-progress-layout1 { /* [Start] 7. Alert +-----------------------------------+ */ } .cms-progress-layout1 .cms-progress-title { display: inline-block; margin-bottom: 7px; } .cms-progress-layout1 .cms-progress { height: 9px; width: 100%; background-color: #282828; border: 3px solid #282828; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; -webkit-border-radius: 9px; -khtml-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px; /* BACKGROUND GRADIENT */ overflow: visible; margin-bottom: 23px; } .cms-progress-layout1 .cms-progress .progress-bar { background-image: none; background-color: #b1525a; overflow: visible; -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-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; height: 3px; margin-bottom: 3px; } .cms-progress-layout1 .cms-progress .progress-couter { color: #9b9b9b; font-size: 12px; position: absolute; right: 0; top: -28px; font-weight: 600; } .cms-progress-layout1.cms-progress-style2 .cms-progress { -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-progress-layout1.cms-progress-style2 .progress-bar { -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; /* BACKGROUND GRADIENT */ } .cms-alert-wrapper { /* [Start] 8. Testimonial +-----------------------------------+ */ } .cms-alert-wrapper .alert { font-size: 14px; line-height: 24px; letter-spacing: 0.035em; padding: 18px 20px; position: relative; color: #282828; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; background-color: #fff; margin-bottom: 0; } .cms-alert-wrapper .alert .close { font-size: 18px; opacity: 1; -webkit-text-shadow: none; -moz-text-shadow: none; -ms-text-shadow: none; text-shadow: none; } .cms-alert-wrapper .title { font-size: 18px; left: 18px; position: absolute; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-alert-wrapper .alert-icon { font-size: 18px; padding-right: 4px; position: relative; top: 2px; display: inline-block; } .cms-alert-wrapper.cms-alert-outline .alert { border: 1px solid #282828; } .cms-alert-wrapper.cms-alert-modern .alert { background-color: #b1525a; color: #fff; } .cms-alert-wrapper.cms-alert-modern .alert .close { color: #fff; } .cms-alert-wrapper.cms-alert-flat .alert { background-color: #eaedf1; } .cms-testimonial { /* [Start] 9. Team +-----------------------------------+ */ } .cms-testimonial .cms-testimonial-image { margin-bottom: 24px; } .cms-testimonial .cms-testimonial-image span { display: inline-block; height: 46px; width: 46px; position: relative; } .cms-testimonial .cms-testimonial-image span:before { content: ""; width: 54px; height: 54px; -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 */ border: 2px solid #b1525a; position: absolute; top: -4px; left: -4px; opacity: 0.8; } .cms-testimonial .cms-testimonial-image span img { width: 100%; height: 100%; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; /* BACKGROUND GRADIENT */ } .cms-testimonial .cms-testimonial-content { font-size: 23px; line-height: 32px; color: #282828; margin-bottom: 23px; } .cms-testimonial .cms-testimonial-title { font-size: 13px; line-height: 1; color: #a5a5a5; font-weight: 500; font-style: italic; font-family: inherit; margin-bottom: 5px; } .cms-testimonial .cms-testimonial-rating { margin-bottom: 18px; } .cms-testimonial .cms-testimonial-rating:before { font-family: FontAwesome; letter-spacing: 6px; color: #ffc80a; font-size: 16px; } .cms-testimonial .cms-testimonial-rating.rating-5-star:before { content: "\f005\f005\f005\f005\f005"; } .cms-testimonial .cms-testimonial-rating.rating-4-star:before { content: "\f005\f005\f005\f005"; } .cms-testimonial .cms-testimonial-rating.rating-3-star:before { content: "\f005\f005\f005"; } .cms-testimonial .cms-testimonial-rating.rating-2-star:before { content: "\f005\f005"; } .cms-testimonial .cms-testimonial-rating.rating-1-star:before { content: "\f005"; } .cms-testimonial.cms-testimonial-layout1 .cms-testimonial-content { max-width: 850px; margin-left: auto; margin-right: auto; } .cms-testimonial.cms-testimonial-layout2 .cms-testimonial-wrapper { padding: 35px 30px; background-color: #fff; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ position: relative; margin-bottom: 10px; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.26); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.26); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.26); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.26); } .cms-testimonial.cms-testimonial-layout2 .cms-testimonial-wrapper:before { content: ""; width: 16px; height: 42px; position: absolute; top: 0; left: 30px; background-image: url(../images/testimonial-icon.png); } .cms-testimonial.cms-testimonial-layout2 .cms-testimonial-wrapper:after { height: 30px; -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 */ background-color: #fff; content: ""; position: absolute; left: 2px; right: 2px; bottom: -2px; display: block; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.26); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.26); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.26); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.26); z-index: -1; } .cms-testimonial.cms-testimonial-layout2 .owl-controls .owl-dots { padding-top: 33px; } .cms-testimonial.cms-testimonial-layout3 .ts3-icon { background-image: url("../images/page-title-icon.png"); background-repeat: no-repeat; display: inline-block; height: 52px; width: 49px; background-size: cover; } .cms-testimonial.cms-testimonial-layout3 .cms-testimonial-content { color: #fff; font-size: 40px; line-height: 1.1; padding-top: 36px; padding-bottom: 15px; } .cms-testimonial.cms-testimonial-layout3 .cms-testimonial-title { font-size: 13px; font-weight: 500; font-style: italic; color: #b1525a; margin-bottom: 0; } .cms-layout-team { /* [Start] 10. Heading +-----------------------------------+ */ } .cms-layout-team .cms-team-header { position: relative; overflow: hidden; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .cms-layout-team .cms-team-header .cms-team-image img { -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; width: 100%; } .cms-layout-team .cms-team-header .cms-team-overlay { background-color: rgba(34, 34, 34, 0.95); 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; opacity: 0; } .cms-layout-team .cms-team-header .cms-team-hover { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; padding: 23px 25px; color: #9b9b9b; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-layout-team .cms-team-header .cms-team-hover p { margin: 0; } .cms-layout-team .cms-team-social { margin-bottom: 12px; } .cms-layout-team .cms-team-social li { display: inline-block; padding: 0 9px; } .cms-layout-team .cms-team-social li a { font-size: 14px; color: #b1525a; } .cms-layout-team .cms-team-social li a:hover { color: #fff; } .cms-layout-team .cms-team-title { font-size: 22px; line-height: 26px; } .cms-layout-team .cms-team-position { font-size: 13px; line-height: 1; } .cms-layout-team.cms-team-layout1 .cms-team-inner { background-color: #fff; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ overflow: hidden; } .cms-layout-team.cms-team-layout1 .cms-team-inner .cms-team-body { padding: 28px 15px; } .cms-layout-team.cms-team-layout1 .cms-team-hover { opacity: 0; } .cms-layout-team.cms-team-layout1.cms-team-style1 .cms-carousel-item { padding: 15px; } .cms-layout-team.cms-team-layout1.cms-team-style1 .cms-team-inner { -webkit-box-shadow: 0 0 18px rgba(40, 40, 40, 0.12); -moz-box-shadow: 0 0 18px rgba(40, 40, 40, 0.12); -ms-box-shadow: 0 0 18px rgba(40, 40, 40, 0.12); box-shadow: 0 0 18px rgba(40, 40, 40, 0.12); } .cms-layout-team.cms-team-layout1.cms-team-style1 .cms-team-inner .cms-team-header { -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-layout-team.cms-team-layout1.cms-grid-wraper .cms-team-inner { margin-bottom: 30px; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.12); -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.12); box-shadow: 0 0 20px rgba(0, 0, 0, 0.12); } .cms-layout-team.cms-team-layout2 .cms-team-title { color: #fff; } .cms-layout-team.cms-team-layout2 .cms-team-hover { top: 0; } .cms-layout-team.cms-team-layout2 .cms-team-hover .cms-team-social { left: 0; position: absolute; right: 0; top: 35px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; -webkit-transform: translateY(40px); -khtml-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ opacity: 0; } .cms-layout-team.cms-team-layout2 .cms-team-hover .cms-team-body { bottom: 0; left: 0; padding: 28px 15px; position: absolute; right: 0; -webkit-transform: translateY(-40px); -khtml-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ opacity: 0; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-layout-team.cms-team-layout2 .cms-team-inner:hover .cms-team-social, .cms-layout-team.cms-team-layout2 .cms-team-inner:hover .cms-team-body { -webkit-transform: translateY(0px); -khtml-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ opacity: 1; } .cms-layout-team.cms-team-layout3 .cms-team-social li a { color: #333; } .cms-layout-team.cms-team-layout3 .cms-team-position { margin-bottom: 20px; } .cms-layout-team.cms-team-layout3 .cms-team-content { padding-top: 16px; padding-bottom: 20px; } .cms-layout-team.cms-team-layout3 .cms-team-content p { margin-bottom: 0; } .cms-layout-team.cms-team-layout3 .cms-team-header { margin-bottom: 30px; } .cms-layout-team.cms-team-layout3 .cms-team-inner:hover .cms-team-social li a { color: #b1525a; } .cms-layout-team.cms-team-layout3 .cms-team-inner:hover .cms-team-social li a:hover { color: #333; } .cms-layout-team .cms-team-inner:hover .cms-team-header .cms-team-image img { -webkit-transform: scale(1.2); -khtml-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-layout-team .cms-team-inner:hover .cms-team-header .cms-team-overlay, .cms-layout-team .cms-team-inner:hover .cms-team-header .cms-team-hover { opacity: 1; } .cms-heading-wrapper { margin: auto; max-width: 1000px; text-align: center; } .cms-heading-wrapper .subtitle { color: #616161; font-size: 35px; line-height: 1; color: rgba(188, 141, 70, 0.87); } .cms-heading-wrapper .title { font-size: 45px; line-height: 1.1; margin: 0; padding-top: 7px; padding-bottom: 18px; } .cms-heading-wrapper .description { font-size: 15px; line-height: 24px; padding-bottom: 19px; } .cms-heading-wrapper .h-icon + .description { padding-top: 19px; } .cms-heading-wrapper.cms-heading-default .description { max-width: 730px; margin: auto; } .social-connect { padding-top: 3px; } .social-connect a { font-size: 26px; padding-right: 20px; } .cms-edge-wrapper { left: 0; position: absolute; right: 0; width: 100%; /* [Start] 11. Fancybox +-----------------------------------+ */ } .cms-edge-wrapper svg { position: absolute; left: 0; right: 0; } .cms-edge-wrapper.edge-top { top: 0; } .cms-edge-wrapper.edge-top svg { transform: rotate(180deg); top: 0; } .cms-edge-wrapper.edge-top.edge-style3 svg { transform: rotate(0deg); } .cms-edge-wrapper.edge-bottom { bottom: 0; } .cms-edge-wrapper.edge-bottom svg { bottom: 0; } .cms-edge-wrapper.edge-bottom.edge-style3 svg { transform: rotate(180deg); } .cms-fancybox-menu { -webkit-box-shadow: 0 1px 70px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 70px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 1px 70px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 70px rgba(0, 0, 0, 0.1); position: relative; padding-right: 200px; } .cms-fancybox-menu .cms-menu-restaurant-content { padding: 36px 25px 40px; } .cms-fancybox-menu .cms-menu-restaurant-content .cms-menu-restaurant-price { font-size: 20px; } .cms-fancybox-menu .cms-menu-restaurant-content .cms-menu-restaurant-title { font-size: 24px; line-height: 29px; margin: 10px 0 12px; } .cms-fancybox-menu .cms-menu-restaurant-content .cms-menu-restaurant-description { padding-top: 8px; } .cms-fancybox-menu .cms-menu-restaurant-content .cms-menu-restaurant-button { position: relative; z-index: 1; } .cms-fancybox-menu .cms-menu-restaurant-image { height: 100%; position: absolute !important; right: 0; top: 0; width: 200px; background-position: center; background-repeat: no-repeat; background-size: cover; } .cms-fancybox-menu .cms-menu-restaurant-image span { z-index: 99; width: 20px; height: 92px; background-image: url(../images/menu-arrow-left.png); position: absolute; bottom: 0; left: 0; top: 0; margin: auto; } .cms-fancybox-menu:before { content: ""; border: 1px dashed rgba(188, 141, 70, 0.5); position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; z-index: 1; } .cms-fancyboxes-wraper { /* [Start] 13. Client +-----------------------------------+ */ } .cms-fancyboxes-wraper .cms-fancybox-title { font-size: 28px; line-height: 29px; } .cms-fancyboxes-wraper .cms-fancybox-icon i { font-size: 40px; color: #b1525a; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; display: inline-block; } .cms-fancyboxes-wraper:hover .cms-fancybox-icon i { -webkit-animation: pulse 0.9s infinite; -moz-animation: pulse 0.9s infinite; -ms-animation: pulse 0.9s infinite; -o-animation: pulse 0.9s infinite; animation: pulse 0.9s infinite; } .cms-fancyboxes-wraper.cms-fancyboxes-deault .cms-fancybox-icon { margin-bottom: 32px; } .cms-fancyboxes-wraper.cms-fancyboxes-deault .cms-fancybox-title { margin-bottom: 22px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout1 .cms-fancybox-icon { max-width: 90px; float: left; } .cms-fancyboxes-wraper.cms-fancyboxes-layout1 .cms-fancybox-icon img { max-width: 65px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout1 .cms-fancybox-content { padding-left: 90px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout1 .cms-fancybox-title { margin-bottom: 18px; font-size: 23px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout2 .cms-fancybox-icon img { -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .cms-fancyboxes-wraper.cms-fancyboxes-layout2 .cms-fancybox-subtitle { font-size: 30px; line-height: 29px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout2 .cms-fancybox-title { font-size: 28px; line-height: 36px; margin-top: 9px; margin-bottom: 18px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout2 .cms-fancybox-content { padding-top: 34px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout2.cms-custom-layout3 .cms-fancybox-icon { position: relative; } .cms-fancyboxes-wraper.cms-fancyboxes-layout2.cms-custom-layout3 .cms-fancybox-icon:before { position: absolute; content: ""; background-color: rgba(0, 0, 0, 0); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000)); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), #000); background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), #000); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), #000); background-image: linear-gradient(top, rgba(0, 0, 0, 0), #000); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(0, 0, 0, 0)', endColorStr='#000'); /* BACKGROUND HORIZONTAL Right */ top: 0; left: 0; bottom: 0; right: 0; opacity: 0.86; } .cms-fancyboxes-wraper.cms-fancyboxes-layout2.cms-custom-layout3 .cms-fancybox-icon .cms-fancybox-subtitle { color: #fff; position: absolute; bottom: 0; display: block; left: 0; right: 0; text-align: center; padding: 12px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout2.cms-custom-layout3 .cms-fancybox-content { padding-top: 14px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout2.cms-custom-layout3 .cms-fancybox-button { padding-top: 8px; } .cms-fancyboxes-wraper.cms-carousel .cms-fancybox-icon img { width: inherit; display: inline-block; } .cms-fancyboxes-wraper.cms-carousel .cms-fancybox-description { font-size: 13px; } .cms-fancyboxes-wraper.cms-carousel .cs-carousel-item-wrap .cms-fancybox-item:first-child { margin-bottom: 44px; } .cms-fancyboxes-wraper.cms-carousel .owl-controls .owl-dots { padding-top: 23px; } .cms-carousel-client-layout1 .cms-carousel-item a { display: inline-block; } .cms-carousel-client-layout1 .cms-carousel-item .cms-carousel-media img { width: initial; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition-duration: 0.25s; } .cms-carousel-client-layout1 .cms-carousel-item .cms-carousel-media img:hover { width: initial; -webkit-filter: grayscale(0%); filter: grayscale(0%); } .cms-carousel-client-layout2 { /* [Start] 14. Blog Grid +-----------------------------------+ */ /* Grid Blog */ } .cms-carousel-client-layout2 .owl-stage-outer { margin-right: 2px; } .cms-carousel-client-layout2 .cms-carousel-item { text-align: center; } .cms-carousel-client-layout2 .cms-carousel-item .cms-carousel-media { text-align: center; position: relative; padding-top: 20px; padding-bottom: 20px; display: block; } .cms-carousel-client-layout2 .cms-carousel-item .cms-carousel-media:after { height: 1px; position: absolute; content: ""; bottom: -1px; left: 15px; right: 15px; background-color: rgba(206, 206, 206, 0.3); } .cms-carousel-client-layout2 .cms-carousel-item .cms-carousel-media:before { background-color: rgba(206, 206, 206, 0.3); bottom: 15px; content: ""; position: absolute; right: -6px; top: 15px; width: 1px; } .cms-carousel-client-layout2 .cms-carousel-item .cms-carousel-media img { width: inherit; display: inline-block; } .cms-carousel-client-layout2 .owl-item:last-child .cms-carousel-item .cms-carousel-media:after { width: 0; } .cms-grid-blog-layout1 .entry-blog { margin-bottom: 30px; } .cms-grid-blog-layout1 .entry-blog .entry-header img { width: 100%; } .cms-grid-blog-layout1 .entry-blog .entry-body { padding: 28px 30px; } .cms-grid-blog-layout1 .entry-blog .entry-category { color: #b1525a; font-size: 12px; font-weight: 600; } .cms-grid-blog-layout1 .entry-blog .entry-category a { color: #b1525a; } .cms-grid-blog-layout1 .entry-blog .entry-category a:hover { color: #282828; } .cms-grid-blog-layout1 .entry-blog .entry-title { font-size: 20px; line-height: 29px; margin-bottom: 15px; margin-top: 0; } .cms-grid-blog-layout1 .entry-blog .entry-date { border-top: 1px solid #ececec; margin-top: 25px; padding-top: 12px; font-size: 12px; font-weight: 600; color: #686868; } .cms-grid-blog-layout1 .pagination { margin-top: 20px; text-align: center; } .cms-grid-blog-layout1.color-dark .entry-blog { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .cms-grid-blog-layout1.color-dark .entry-body { background-color: #222; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .cms-grid-blog-layout1.color-dark .entry-body .entry-title a { color: #fff; } .cms-grid-blog-layout1.color-dark .entry-body .entry-title a:hover { color: #b1525a; } .cms-grid-blog-layout1.color-dark .entry-body .entry-date { border-color: #353535; } .cms-carousel.cms-grid-blog-layout1 .entry-blog { margin-bottom: 30; } .cms-carousel.cms-grid-blog-layout1 .entry-blog .entry-body { padding: 25px 38px; } .cms-carousel.cms-grid-blog-layout1 .owl-controls .owl-dots { padding-top: 15px; } .is-right-sidebar, .is-left-sidebar { /* [Start] 19. CMS Gallery +-----------------------------------+ */ } .is-right-sidebar .cms-grid-blog-layout1 .entry-blog .entry-body, .is-left-sidebar .cms-grid-blog-layout1 .entry-blog .entry-body { padding: 18px 20px; } .cms-grid-filter { text-align: center; margin-bottom: 18px; padding: 0 30px; } .cms-grid-filter li { padding: 0 19px; margin-bottom: 10px; } .cms-grid-filter li a { font-size: 22px; line-height: 1; color: #282828; font-family: 'Kaushanscript Regular'; position: relative; padding-bottom: 10px; display: inline-block; } .cms-grid-filter li a:before { height: 2px; width: 0; left: 0; right: 0; margin: auto; content: ""; bottom: 0; background-color: #b1525a; position: absolute; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-grid-filter li a.active, .cms-grid-filter li a:hover { color: #b1525a; } .cms-grid-filter li a.active:before, .cms-grid-filter li a:hover:before { width: 100%; } .cms-gallery .cms-grid-gallery { margin: 0 -5px; } .cms-gallery .cms-gallery-item { padding: 0 5px; margin-bottom: 10px; } .cms-gallery .cms-gallery-item .cms-grid-media img { width: 100%; } .cms-gallery .cms-gallery-item .cms-gallery-zoom { background-color: rgba(34, 34, 34, 0.95); position: absolute; top: 30px; right: 30px; left: 30px; bottom: 30px; opacity: 0; visibility: hidden; } .cms-gallery .cms-gallery-item .cms-gallery-zoom span { display: block; height: 20px; width: 20px; position: absolute; top: 50%; left: 0; right: 0; margin: auto; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-gallery .cms-gallery-item .cms-gallery-zoom span:before { content: ""; height: 20px; width: 2px; position: absolute; top: 0; left: 9px; background-color: #fff; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-gallery .cms-gallery-item .cms-gallery-zoom span:after { content: ""; width: 20px; height: 2px; position: absolute; top: 9px; left: 0; background-color: #fff; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-gallery .cms-gallery-item:hover .cms-gallery-inner .cms-gallery-zoom { opacity: 1; visibility: visible; } .cms-gallery.cms-carousel .cms-gallery-item { margin: 0; padding: 0; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.95; } .wpb_gallery_slides.wpb_image_grid { /* [Start] 20. CMS Lists +-----------------------------------+ */ } .wpb_gallery_slides.wpb_image_grid .wpb_image_grid_ul { margin: 0 -15px; } .wpb_gallery_slides.wpb_image_grid .wpb_image_grid_ul .isotope-item { width: 25%; padding: 0 15px; margin: 0 0 30px; } .wpb_gallery_slides.wpb_image_grid .wpb_image_grid_ul .isotope-item a { display: block; position: relative; background-color: #b1525a; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ } .wpb_gallery_slides.wpb_image_grid .wpb_image_grid_ul .isotope-item a img { -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 */ opacity: 0.25; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .wpb_gallery_slides.wpb_image_grid .wpb_image_grid_ul .isotope-item a:hover img { opacity: 1; } .cms-lists .list-style { font-size: 13px; line-height: 30px; color: #7f7f7f; } .cms-lists .list-style li { padding-left: 28px; position: relative; } .cms-lists .list-style li:before { content: ""; font-family: FontAwesome; color: #282828; left: 0; position: absolute; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ font-size: 15px; } .cms-lists .list-style.list-style1 li:before { content: "\f01d"; } .cms-lists .list-style.list-style2 li:before { content: "\f05d"; } .cms-lists .list-style.list-style3 li:before { content: "\f105"; } .cms-lists .list-style.list-style4 li:before { content: "\f006"; } .cms-lists .list-style.list-style5 li:before { content: "\f005"; } .cms-lists .list-style.list-style6 li:before { content: "\f0da"; } .cms-lists .list-style.list-style7 li:before { content: "\f111"; font-size: 7px; } .cms-lists .list-style.list-style8 { counter-reset: li; padding-left: 0; list-style: none; } .cms-lists .list-style.list-style8 li:after { counter-increment: li; content: counter(li) "."; color: #282828; left: 0; position: absolute; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ font-weight: 600; } .vc_tta-panel-body .cms-lists .list-style { font-size: 14px; } .cms-cta-wrapper { /* [Start] 21. CMS Timeline +-----------------------------------+ */ } .cms-cta-wrapper .title { font-size: 24px; margin: 12px 0; } .cms-timeline-layout1 { /* ========================================================================== [Start] 22. Pie chart ========================================================================== */ } .cms-timeline-layout1 .cms-timeline-list { position: relative; padding-top: 15px; } .cms-timeline-layout1 .cms-timeline-list:before { height: 100%; width: 2px; background-color: #cecece; position: absolute; top: 0; left: 84px; content: ""; } .cms-timeline-layout1 .cms-timeline-list li { padding-bottom: 45px; } .cms-timeline-layout1 .cms-timeline-list li:last-child { padding-bottom: 0; } .cms-timeline-layout1 .cms-timeline-list .cms-timeline-year { font-size: 25px; color: #b1525a; float: left; width: 85px; line-height: 29px; position: relative; padding-right: 18px; font-weight: 600; } .cms-timeline-layout1 .cms-timeline-list .cms-timeline-year i { background-color: #fff; color: #282828; font-size: 20px; height: 40px; line-height: 40px; position: absolute; right: -20px; text-align: center; top: -5px; width: 40px; } .cms-timeline-layout1 .cms-timeline-list .cms-timeline-title { font-size: 20px; font-weight: 500; line-height: 29px; margin-bottom: 7px; } .cms-timeline-layout1 .cms-timeline-list .cms-timeline-content { padding-left: 120px; } .wpb_wrapper { /* ========================================================================== [Start] 23. CMS Process ========================================================================== */ } .wpb_wrapper .vc_pie_chart .vc_pie_wrapper { width: 166px !important; height: 166px; } .wpb_wrapper .vc_pie_chart .vc_pie_wrapper .vc_pie_chart_back, .wpb_wrapper .vc_pie_chart .vc_pie_wrapper canvas { width: 166px !important; height: 166px !important; } .wpb_wrapper .vc_pie_chart .vc_pie_wrapper .vc_pie_chart_value { font-size: 43px !important; color: #b1525a; 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: 18px; 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: #b1525a; left: 50%; line-height: 148px; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-process .cms-process-icon i { font-size: 40px; color: #fff; background-color: rgba(188, 141, 70, 0.95); -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; /* BACKGROUND GRADIENT */ bottom: 0; display: block; height: 100px; left: 0; line-height: 100px; margin: auto; position: absolute; right: 0; text-align: center; top: 0; width: 100px; } .cms-process .cms-process-title { font-size: 18px; } .cms-process .cms-process-title span { color: #b1525a; padding-right: 5px; } .cms-process.icon-style1 .cms-process-icon i { -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-process.icon-style1 .cms-process-item:hover .cms-process-icon i { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-process.icon-style3 .cms-process-icon i { width: 120px; height: 120px; line-height: 120px; background-color: #b1525a; } .cms-process .cms-process-content { position: relative; } .cms-process .cms-process-content .h-line { position: absolute; right: -20px; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-process .cms-process-content .h-line .line1, .cms-process .cms-process-content .h-line .line2 { background-color: #9b9b9b; } .cms-process .cms-process-content .h-line .line1:after, .cms-process .cms-process-content .h-line .line2:after { display: none; } .cms-process .cms-process-content .h-line .line1:before, .cms-process .cms-process-content .h-line .line2:before { background-color: #9b9b9b; } .cms-process-layout-default .cms-process-list { margin: 0 -35px; } .cms-process-layout-default .cms-process-item { float: left; padding: 0 35px; margin-bottom: 35px; } .cms-process-layout-default .cms-process-item .cms-process-icon { background-position: center center; background-repeat: no-repeat; background-size: cover; border: 5px solid #fff; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; /* BACKGROUND GRADIENT */ display: block; height: 130px; width: 130px; position: relative; margin: 0 auto 45px auto; } .cms-process-layout-default .cms-process-item .cms-process-icon:before { content: ""; height: 134px; width: 134px; border: 2px solid #e8e8e8; position: absolute; top: -7px; left: -7px; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; /* BACKGROUND GRADIENT */ } .cms-process-layout-default .cms-process-item:last-child .h-line { display: none !important; } .cms-countdown-wraper .countdown-item-container { text-align: center; padding-top: 46px; padding-bottom: 32px; font-family: 'Kaushanscript Regular'; } .cms-countdown-wraper .countdown-item-container .countdown-amount { font-size: 70px; line-height: 1; color: #fff; display: block; margin-bottom: 15px; } .cms-countdown-wraper .countdown-item-container .countdown-period { font-size: 20px; color: #fff; } .cms-dropcap-content .first-letter { font-weight: 600; display: inline-block; float: left; margin: 5px 20px 0 0; width: 45px; height: 45px; text-align: center; color: #282828; font-size: 40px; line-height: 45px; } .cms-dropcap-content.style2 .first-letter { font-size: 25px; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; /* BACKGROUND GRADIENT */ background-color: #282828; color: #fff; } .cms-dropcap-content.style3 .first-letter { background-color: #898989; color: #fff; font-size: 25px; } .cms-higlighted-style1 { background-color: #b1525a; color: #fff; padding: 5px 0px; } .cms-higlighted-style2 { background-color: #d8d8d8; padding: 5px 0px; } .cms-higlighted-style3 { background-color: #282828; color: #fff; padding: 5px 0px; } .cmsrt { background-color: #fff; } .cmsrt .cmsrt-meta { position: relative; margin-bottom: 12px; } .cmsrt .cmsrt-meta .cmsrt-title-holder { display: inline-block; background-color: #fff; padding-right: 5px; z-index: 11; position: relative; } .cmsrt .cmsrt-meta .cmsrt-title-holder h3 { font-size: 15px; text-transform: uppercase; font-weight: normal; margin: 0; } .cmsrt .cmsrt-meta .cmsrt-title-line { height: 0; width: 100%; border-top: 2px dotted #dfe1e6; position: absolute; top: 15px; left: 0; z-index: 10; } .cmsrt .cmsrt-meta .cmsrt-price { position: absolute; top: 0; right: 0; font-size: 16px; font-weight: 700; color: #282828; background-color: #fff; padding-left: 5px; z-index: 11; } .cms-typingout { font-size: 16px; color: #222; line-height: 26px; font-weight: 600; } .cms-grid-shop .cms-grid-item, .cms-grid-shop .cms-carousel-item { margin-bottom: 30px; } .cms-grid-shop .cshero-product-category a:after { content: ", "; } .cms-grid-shop .cshero-product-category a:last-child:after { content: ""; } .cms-grid-shop .cshero-product-title { font-size: 23px; line-height: 26px; margin: 0 0 12px; padding: 0; } .cms-grid-shop .cshero-product-title a { color: #282828; } .cms-grid-shop .cshero-product-title a:hover { color: #b1525a; } .cms-grid-shop .cshero-product-price .amount { color: #b1525a; font-family: "Kaushanscript Regular"; font-size: 20px; font-weight: normal; } .cms-grid-shop .cshero-product-price del .amount { font-weight: normal; font-size: 20px; color: #282828; font-family: 'Kaushanscript Regular'; } .cms-grid-shop .cshero-add-to-cart .wc-forward { border: 2px solid #fff; line-height: 46px; font-size: 13px; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; padding-left: 20px; padding-right: 20px; } .cms-grid-shop .cshero-add-to-cart .wc-forward:hover { border-color: #b1525a; background-color: #b1525a; } .box-need-help { text-align: center; font-size: 15px; color: #9b9b9b; padding: 50px 30px; /* [Start] 24. Reservation +-----------------------------------+ */ } .box-need-help h3 { color: #fff; font-size: 22px; line-height: 1; margin-bottom: 22px; } .box-need-help p { font-style: italic; margin-bottom: 22px; font-weight: 500; } .box-need-help .btn { border-color: #b1525a; color: #b1525a; padding-left: 40px; padding-right: 40px; } .box-need-help .btn:hover { border-color: #b1525a; background-color: #b1525a; color: #fff; } #cms-reservation { -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 */ margin: auto; max-width: 770px; } #cms-reservation.cms-reservation-box { background-color: #fff; padding: 80px 100px 70px 100px; max-width: 970px; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.26); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.26); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.26); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.26); position: relative; } #cms-reservation.cms-reservation-box:before { height: 30px; -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 */ background-color: #fff; content: ""; position: absolute; left: 2px; right: 2px; bottom: -2px; display: block; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.26); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.26); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.26); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.26); z-index: -1; } #cms-reservation .cms-reservation-form input[type="text"], #cms-reservation .cms-reservation-form input[type="email"], #cms-reservation .cms-reservation-form input[type="tel"], #cms-reservation .cms-reservation-form textarea { border-width: 1px; -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-reservation .cms-reservation-form textarea { height: 93px; } #cms-reservation .cms-reservation-form input[type="submit"] { -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ width: 100%; } #cms-reservation .cms-reservation-form .form-group { margin-bottom: 30px; } #cms-reservation .fs-notice-wrapper { color: #eb5545; font-size: 13px; font-style: italic; padding: 10px 0 0; text-align: center; } #cms-reservation .cms-reservation-note { text-align: center; margin-bottom: 30px; } .cms-reservation-form-popup { background-color: rgba(34, 34, 34, 0.95); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 0; visibility: hidden; 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-reservation-form-popup .cms-close { position: absolute; top: 30px; right: 30px; } .cms-reservation-form-popup .cms-reservation-form-popup-inner { -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 */ background-color: #fff; border-radius: 4px; left: 15px; margin: 30px auto 0 auto; max-width: 765px; padding: 80px 100px 70px 100px; max-width: 970px; position: absolute; right: 15px; 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 */ -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-reservation-form-popup.open { visibility: visible; opacity: 1; z-index: 10000; } .cms-reservation-form-popup.open .cms-reservation-form-popup-inner { margin-top: 0; } .reservation-success-wrapper { text-align: center; } .reservation-success-wrapper .cms-close { display: none; } #ui-datepicker-div { background-color: #fff; padding: 22px; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; /* BACKGROUND GRADIENT */ -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); position: absolute; top: -9999px; min-width: 300px; z-index: 10001 !important; } #ui-datepicker-div .ui-datepicker-header { position: relative; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all { display: block; height: 30px; width: 30px; line-height: 30px; text-align: center; cursor: pointer; position: absolute; top: 0; padding: 0; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all:before { content: "\f104"; color: #040e24; font-family: FontAwesome; font-size: 16px; left: 0; position: absolute; right: 0; top: 0; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all:hover:before { color: #b1525a; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all span { display: none; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-datepicker-prev { left: 0; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-datepicker-next { right: 0; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-datepicker-next:before { content: "\f105"; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title { font-weight: 700; line-height: 30px; margin-bottom: 10px; min-height: 40px; text-align: center; text-transform: uppercase; font-size: 18px; color: #282828; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title span { display: inline-block; vertical-align: middle; line-height: 1; } #ui-datepicker-div .ui-datepicker-calendar { margin: 0; width: 100%; } #ui-datepicker-div .ui-datepicker-calendar th { text-align: center; } #ui-datepicker-div .ui-datepicker-calendar td { text-align: center; padding: 6px; color: rgba(0, 0, 0, 0.6); } #ui-datepicker-div .ui-datepicker-calendar td.ui-state-disabled { color: rgba(0, 0, 0, 0.2); } #ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-today a { color: #b1525a; } #ui-datepicker-div .ui-datepicker-calendar td a { color: #999; } #ui-datepicker-div .ui-datepicker-calendar td a:hover { color: #b1525a; } .cms-close { display: inline-block; height: 30px; width: 30px; line-height: 30px; text-align: center; background-color: #b1525a; -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 */ font-size: 14px; 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; cursor: pointer; } .cms-close:hover { background-color: #282828; } body .clockpicker-popover { min-width: 300px; z-index: 99999; /* [End] 24. Reservation +-----------------------------------+ */ /* [Start] 25. Menu +-----------------------------------+ */ } body .clockpicker-popover .popover-title { color: #b1525a !important; } body .clockpicker-popover.bottom { margin-top: 0; } body .clockpicker-popover.top { margin-bottom: 0; } body .clockpicker-popover > .arrow { display: none; } body .clockpicker-popover .clockpicker-plate { margin: auto; } body .clockpicker-popover span { color: #b1525a; } body .clockpicker-popover .clockpicker-tick:hover, body .clockpicker-popover .clockpicker-tick.active { background-color: rgba(188, 141, 70, 0.6); } .menu-price { font-size: 20px; line-height: 29px; color: #b1525a; font-family: 'Kaushanscript Regular'; } .cms-menu-restaurant .row { margin: 0 -20px; } .cms-menu-restaurant .row .cms-menu-restaurant-item { padding-left: 20px; padding-right: 20px; margin-bottom: 38px; } .cms-menu-restaurant .cms-menu-restaurant-price { font-size: 16px; line-height: normal; color: #b1525a; font-family: 'Kaushanscript Regular'; display: inline-block; } .cms-menu-restaurant .cms-restaurant-icon-gap { display: inline-block; height: 16px; width: 16px; background-image: url(../images/icon-h3.png); } .cms-menu-restaurant .cms-menu-restaurant-image { margin-bottom: 21px; position: relative; } .cms-menu-restaurant .cms-menu-restaurant-image .cms-menu-crispy-1 { height: 8px; display: block; display: block; position: absolute; left: 0; right: 0; z-index: 1; } .cms-menu-restaurant .cms-menu-restaurant-image .cms-menu-crispy-1.cms-menu-crispy-top { top: 0; background-image: url("../images/h_line1.png"); } .cms-menu-restaurant .cms-menu-restaurant-image .cms-menu-crispy-1.cms-menu-crispy-bottom { bottom: 0; background-image: url("../images/h_line1_bottom.png"); } .cms-menu-restaurant .cms-menu-restaurant-image .cms-menu-crispy-2 { width: 8px; display: block; display: block; position: absolute; top: 0; bottom: 0; z-index: 1; } .cms-menu-restaurant .cms-menu-restaurant-image .cms-menu-crispy-2.cms-menu-crispy-left { left: 0; background-image: url("../images/h_line1_right.png"); } .cms-menu-restaurant .cms-menu-restaurant-image .cms-menu-crispy-2.cms-menu-crispy-right { right: 0; background-image: url("../images/h_line1_left.png"); } .cms-menu-restaurant .cms-menu-restaurant-image a { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; min-height: 242px; width: 100%; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ text-align: center; } .cms-menu-restaurant .cms-menu-restaurant-image a:before { bottom: 0; left: 0; position: absolute; right: 0; top: 0; background-color: rgba(34, 41, 54, 0.5); content: ""; opacity: 0; -webkit-transition: all 220ms linear 0ms; -moz-transition: all 220ms linear 0ms; -ms-transition: all 220ms linear 0ms; transition: all 220ms linear 0ms; } .cms-menu-restaurant .cms-menu-restaurant-image a i { color: #fff; font-size: 32px; position: absolute; top: 50%; transform: translate(0px, -50%); left: 0; right: 0; opacity: 0; -webkit-transition: all 220ms linear 0ms; -moz-transition: all 220ms linear 0ms; -ms-transition: all 220ms linear 0ms; transition: all 220ms linear 0ms; } .cms-menu-restaurant .cms-menu-restaurant-image .cms-menu-restaurant-tag { position: absolute; top: 20px; left: 20px; } .cms-menu-restaurant .cms-menu-title-normal { font-size: 16px; line-height: 29px; font-family: inherit; font-weight: 700; margin-bottom: 0; } .cms-menu-restaurant .nav-tabs { border-bottom: none; text-align: center; margin-bottom: 30px; } .cms-menu-restaurant .nav-tabs > li { margin: 0 0 10px; padding: 0 18px; float: none; display: inline-block; } .cms-menu-restaurant .nav-tabs > li a { padding: 0 0 10px; margin: 0; border: none !important; background-color: transparent; } .cms-menu-restaurant .nav-tabs > li.active a, .cms-menu-restaurant .nav-tabs > li:hover a { color: #b1525a; } .cms-menu-restaurant .nav-tabs > li.active a:before, .cms-menu-restaurant .nav-tabs > li:hover a:before { width: 100%; } .cms-menu-restaurant.cms-menu-restaurant-box { background-color: #fff; max-width: 970px; padding: 75px 80px; -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: auto; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.26); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.26); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.26); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.26); position: relative; } .cms-menu-restaurant.cms-menu-restaurant-box:before { height: 30px; -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 */ background-color: #fff; content: ""; position: absolute; left: 2px; right: 2px; bottom: -2px; display: block; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.26); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.26); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.26); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.26); z-index: -1; } .cms-menu-restaurant.cms-menu-restaurant-style1 { text-align: center; } .cms-menu-restaurant.cms-menu-restaurant-style1 .cms-menu-restaurant-price { font-size: 20px; } .cms-menu-restaurant.cms-menu-restaurant-style1 .cms-menu-restaurant-title { font-size: 24px; line-height: 29px; margin: 10px 0 20px; } .cms-menu-restaurant.cms-menu-restaurant-style1 .cms-menu-restaurant-content { margin-bottom: 20px; } .cms-menu-restaurant.cms-menu-restaurant-style1 .cms-menu-restaurant-item { margin-bottom: 18px; } .cms-menu-restaurant.cms-menu-restaurant-style1 .cms-menu-restaurant-item:last-child { margin-bottom: 0; } .cms-menu-restaurant.cms-menu-restaurant-style1 .cms-menu-restaurant-item:last-child .cms-menu-restaurant-content { margin-bottom: 0; } .cms-menu-restaurant.cms-menu-restaurant-style1 .cms-menu-restaurant-item:last-child .cms-restaurant-icon-gap { display: none; } .cms-menu-restaurant.cms-menu-2col .cms-menu-restaurant-item { width: 50%; float: left; margin-bottom: 0; } .cms-menu-restaurant.cms-menu-2col .cms-menu-restaurant-item:nth-child(2n+1) { clear: left; } .cms-menu-restaurant.cms-menu-2col .cms-menu-restaurant-item:nth-child(1) { padding-bottom: 28px; padding-right: 20px; border-bottom: 1px solid #ececec; border-right: 1px solid #ececec; } .cms-menu-restaurant.cms-menu-2col .cms-menu-restaurant-item:nth-child(2) { padding-bottom: 28; padding-left: 20px; border-bottom: 1px solid #ececec; } .cms-menu-restaurant.cms-menu-2col .cms-menu-restaurant-item:nth-child(3) { padding-top: 44px; padding-right: 20px; border-right: 1px solid #ececec; } .cms-menu-restaurant.cms-menu-2col .cms-menu-restaurant-item:nth-child(4) { padding-top: 44px; padding-left: 20px; } .cms-menu-restaurant.cms-menu-2col .cms-menu-restaurant-item .cms-restaurant-icon-gap { display: none; } .cms-menu-restaurant.cms-menu-restaurant-style3 .tab-content { margin: 0 -15px; } .cms-menu-restaurant.cms-menu-restaurant-style3 .cms-menu-restaurant-item { margin-bottom: 48px; } .cms-menu-restaurant.cms-menu-restaurant-style3.no-featured-image .cms-menu-restaurant-item { margin-bottom: 25px; } .cms-menu-restaurant.cms-menu-restaurant-style3 .cms-menu-restaurant-holder { position: relative; } .cms-menu-restaurant.cms-menu-restaurant-style3 .cms-menu-restaurant-holder .cms-menu-restaurant-title { padding-right: 70px; } .cms-menu-restaurant.cms-menu-restaurant-style3 .cms-menu-restaurant-holder .cms-menu-restaurant-price { position: absolute; top: 0; right: 0; line-height: 29px; } .cms-menu-restaurant.cms-menu-restaurant-style3 .cms-menu-restaurant-content { padding-top: 3px; } .cms-menu-restaurant.cms-menu-restaurant-style4 .cms-menu-restaurant-item { margin-bottom: 42px; } .cms-menu-restaurant.cms-menu-restaurant-style4 .cms-menu-restaurant-item:nth-child(2n+1) { clear: left; } .cms-menu-restaurant.cms-menu-restaurant-style4 .cms-menu-restaurant-item .cms-menu-restaurant-image { max-width: 170px; width: 100%; float: left; margin-bottom: 0; } .cms-menu-restaurant.cms-menu-restaurant-style4 .cms-menu-restaurant-item .cms-menu-restaurant-image a { min-height: 110px; } .cms-menu-restaurant.cms-menu-restaurant-style4 .cms-menu-restaurant-item .cms-menu-restaurant-image + .cms-menu-restaurant-body { padding-left: 200px; } .cms-menu-restaurant.cms-menu-restaurant-style4 .cms-menu-restaurant-item .cms-menu-restaurant-image .cms-menu-crispy-1 { height: 4px; } .cms-menu-restaurant.cms-menu-restaurant-style4 .cms-menu-restaurant-item .cms-menu-restaurant-image .cms-menu-crispy-1.cms-menu-crispy-top { background-position: center bottom; } .cms-menu-restaurant.cms-menu-restaurant-style4 .cms-menu-restaurant-item .cms-menu-restaurant-image .cms-menu-crispy-1.cms-menu-crispy-bottom { background-position: center top; } .cms-menu-restaurant.cms-menu-restaurant-style4 .cms-menu-restaurant-item .cms-menu-restaurant-title { margin-bottom: 6px; } .cms-menu-restaurant.cms-menu-restaurant-style4 .cms-menu-restaurant-item .cms-menu-restaurant-content { padding-bottom: 8px; } .cms-menu-restaurant.cms-menu-restaurant-style4.cms-menu-restaurant-box { max-width: 100%; padding: 80px 80px 38px 80px; } .cms-menu-restaurant.cms-menu-restaurant-style4 .cms-menu-restaurant-tag { display: none; } .cms-menu-restaurant.cms-menu-restaurant-style5 .cms-menu-restaurant-item { padding: 0; background-color: #fff; } .cms-menu-restaurant.cms-menu-restaurant-style5 .cms-menu-restaurant-item .cms-menu-restaurant-item-inner { display: inline-grid; } .cms-menu-restaurant.cms-menu-restaurant-style5 .tab-content { background-color: #fff; -webkit-box-shadow: 0 1px 70px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 70px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 1px 70px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 70px rgba(0, 0, 0, 0.15); position: relative; } .cms-menu-restaurant.cms-menu-restaurant-style5 .tab-content .bg-menu-fixed { background-size: cover; background-repeat: no-repeat; background-attachment: fixed; bottom: 160px; max-height: 1240px; position: absolute; right: 0; top: 160px; } .cms-menu-restaurant.cms-menu-restaurant-style5 .cms-menu-restaurant-image { margin-bottom: 0; } .cms-menu-restaurant.cms-menu-restaurant-style5 .cms-menu-restaurant-image:before { content: ""; z-index: 99; width: 92px; height: 20px; background-image: url(../images/menu-arrow-top.png); position: absolute; bottom: 0; left: 0; right: 0; margin: auto; } .cms-menu-restaurant.cms-menu-restaurant-style5 .cms-menu-restaurant-image a { -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; /* BACKGROUND GRADIENT */ min-height: 390px; height: 100%; } .cms-menu-restaurant.cms-menu-restaurant-style5 .cms-menu-restaurant-image a:before { z-index: 69; } .cms-menu-restaurant.cms-menu-restaurant-style5 .cms-menu-restaurant-image a i { z-index: 109; } .cms-menu-restaurant.cms-menu-restaurant-style5 .cms-menu-restaurant-body { padding: 60px 40px; min-height: 390px; } .cms-menu-restaurant.cms-menu-restaurant-style5 .cms-menu-restaurant-body .cms-menu-restaurant-price { font-size: 20px; } .cms-menu-restaurant.cms-menu-restaurant-style5 .cms-menu-restaurant-body .cms-menu-restaurant-title { font-size: 24px; position: relative; margin-bottom: 25px; padding-top: 16px; padding-bottom: 33px; } .cms-menu-restaurant.cms-menu-restaurant-style5 .cms-menu-restaurant-body .cms-menu-restaurant-title:before { content: ""; width: 16px; height: 16px; background-image: url(../images/icon-h3.png); position: absolute; bottom: 0; left: 0; right: 0; margin: auto; } .cms-menu-restaurant.cms-menu-restaurant-style5.menu-3column .cms-menu-restaurant-item:nth-child(1) .cms-menu-restaurant-image, .cms-menu-restaurant.cms-menu-restaurant-style5.menu-3column .cms-menu-restaurant-item:nth-child(3) .cms-menu-restaurant-image { order: 2; } .cms-menu-restaurant.cms-menu-restaurant-style5.menu-3column .cms-menu-restaurant-item:nth-child(1) .cms-menu-restaurant-image:before, .cms-menu-restaurant.cms-menu-restaurant-style5.menu-3column .cms-menu-restaurant-item:nth-child(3) .cms-menu-restaurant-image:before { bottom: inherit; top: 0; background-image: url("../images/menu-arrow-bottom.png"); } .cms-menu-restaurant.cms-menu-restaurant-style5.menu-3column .cms-menu-restaurant-item:nth-child(1) .cms-menu-restaurant-body, .cms-menu-restaurant.cms-menu-restaurant-style5.menu-3column .cms-menu-restaurant-item:nth-child(3) .cms-menu-restaurant-body { order: 1; } .cms-menu-restaurant.cms-menu-restaurant-style5.menu-4column .cms-menu-restaurant-item:nth-child(2n+1) .cms-menu-restaurant-image { order: 2; } .cms-menu-restaurant.cms-menu-restaurant-style5.menu-4column .cms-menu-restaurant-item:nth-child(2n+1) .cms-menu-restaurant-body { order: 1; } .cms-menu-restaurant.cms-menu-restaurant-style5.menu-4column .cms-menu-restaurant-item .cms-menu-restaurant-image:before { display: none; } .cms-menu-restaurant.cms-menu-restaurant-style5.menu-4column .cms-menu-restaurant-item .cms-menu-restaurant-image a { min-height: 290px; } .cms-menu-restaurant.cms-menu-restaurant-style5.menu-4column .cms-menu-restaurant-item .cms-menu-restaurant-body { padding: 30px 20px; min-height: 290px; } .cms-menu-restaurant.cms-menu-restaurant-style5.menu-2column .cms-menu-restaurant-item-inner { display: block; } .cms-menu-restaurant.cms-menu-restaurant-style5.menu-2column .cms-menu-restaurant-item .cms-menu-restaurant-image { width: 50%; float: left; } .cms-menu-restaurant.cms-menu-restaurant-style5.menu-2column .cms-menu-restaurant-item .cms-menu-restaurant-image:before { width: 20px; height: 90px; right: 0; left: inherit; top: 0; bottom: 0; background-image: url("../images/menu-arrow-right.png"); } .cms-menu-restaurant.cms-menu-restaurant-style5.menu-2column .cms-menu-restaurant-item .cms-menu-restaurant-body { width: 50%; float: left; } .cms-menu-restaurant.cms-menu-restaurant-style5.menu-2column .cms-menu-restaurant-items:nth-child(2n+1) .cms-menu-restaurant-item .cms-menu-restaurant-image { float: right; } .cms-menu-restaurant.cms-menu-restaurant-style5.menu-2column .cms-menu-restaurant-items:nth-child(2n+1) .cms-menu-restaurant-item .cms-menu-restaurant-image:before { right: inherit; left: 0; background-image: url("../images/menu-arrow-left.png"); } .cms-menu-restaurant.cms-menu-restaurant-style5.color-dark .cms-grid-filter li a { color: #fff; background-color: transparent; } .cms-menu-restaurant.cms-menu-restaurant-style5.color-dark .cms-grid-filter li.active a, .cms-menu-restaurant.cms-menu-restaurant-style5.color-dark .cms-grid-filter li:hover a { color: #b1525a; } .cms-menu-restaurant.cms-menu-restaurant-style5.color-dark .tab-content { background-color: #222; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .cms-menu-restaurant.cms-menu-restaurant-style5.color-dark .tab-content .cms-menu-restaurant-item { background-color: #222; } .cms-menu-restaurant.cms-menu-restaurant-style5.color-dark .tab-content .cms-menu-restaurant-item .cms-menu-restaurant-title { color: #fff; } .cms-menu-restaurant.cms-menu-restaurant-style5.color-dark .cms-menu-restaurant-image:before { background-image: url(../images/menu-arrow-top-dark.png); } .cms-menu-restaurant.cms-menu-restaurant-style5.color-dark.menu-3column .cms-menu-restaurant-item:nth-child(1) .cms-menu-restaurant-image:before, .cms-menu-restaurant.cms-menu-restaurant-style5.color-dark.menu-3column .cms-menu-restaurant-item:nth-child(3) .cms-menu-restaurant-image:before { background-image: url("../images/menu-arrow-bottom-dark.png"); } .cms-menu-restaurant.cms-menu-restaurant-style6 .cms-menu-restaurant-item { margin-bottom: 45px; } .cms-menu-restaurant.cms-menu-restaurant-style6 .cms-menu-restaurant-item .cms-menu-restaurant-image { margin-bottom: 18px; } .cms-menu-restaurant.cms-menu-restaurant-style6 .cms-menu-restaurant-item .cms-menu-restaurant-body .cms-menu-restaurant-price { font-size: 20px; } .cms-menu-restaurant.cms-menu-restaurant-style6 .cms-menu-restaurant-item .cms-menu-restaurant-body .cms-menu-restaurant-title { font-size: 24px; padding-top: 12px; } .cms-menu-restaurant.cms-menu-restaurant-style7 .cms-menu-restaurant-item { padding: 0; margin-bottom: 0; } .cms-menu-restaurant.cms-menu-restaurant-style7 .cms-menu-restaurant-item .cms-menu-restaurant-image { margin-bottom: 0; } .cms-menu-restaurant.cms-menu-restaurant-style7 .cms-menu-restaurant-item .cms-menu-restaurant-image a { -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; /* BACKGROUND GRADIENT */ min-height: 390px; } .cms-menu-restaurant.cms-menu-restaurant-style7 .cms-menu-restaurant-item .cms-menu-restaurant-image a:before { opacity: 0.97; background-color: rgba(0, 0, 0, 0); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000)); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), #000); background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), #000); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), #000); background-image: linear-gradient(top, rgba(0, 0, 0, 0), #000); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(0, 0, 0, 0)', endColorStr='#000'); /* BACKGROUND HORIZONTAL Right */ } .cms-menu-restaurant.cms-menu-restaurant-style7 .cms-menu-restaurant-item .cms-menu-restaurant-image a:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; } .cms-menu-restaurant.cms-menu-restaurant-style7 .cms-menu-restaurant-item .cms-menu-restaurant-body { position: absolute; bottom: 0; left: 0; right: 0; padding: 28px 20px; z-index: 88; } .cms-menu-restaurant.cms-menu-restaurant-style7 .cms-menu-restaurant-item .cms-menu-restaurant-body .cms-menu-restaurant-title { font-size: 45px; color: #fff; -webkit-transition: all 200ms linear 0ms; -moz-transition: all 200ms linear 0ms; -ms-transition: all 200ms linear 0ms; transition: all 200ms linear 0ms; } .cms-menu-restaurant.cms-menu-restaurant-style7 .cms-menu-restaurant-item:hover .cms-menu-restaurant-body .cms-menu-restaurant-title { -webkit-transform: translate(0px, -30px); -khtml-transform: translate(0px, -30px); -moz-transform: translate(0px, -30px); -ms-transform: translate(0px, -30px); -o-transform: translate(0px, -30px); transform: translate(0px, -30px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-menu-restaurant .cms-menu-restaurant-item-inner:hover .cms-menu-restaurant-image a i, .cms-menu-restaurant .cms-menu-restaurant-item-inner:hover .cms-menu-restaurant-image a:before { opacity: 1; } .cms-menu-restaurant-wrapper.intro-active { overflow: hidden; -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-menu-restaurant-wrapper.intro-active .cms-menu-restaurant-intro { width: 30%; float: left; } .cms-menu-restaurant-wrapper.intro-active .cms-menu-restaurant-intro span { display: block; height: 100%; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } .cms-menu-restaurant-wrapper.intro-active .cms-menu-restaurant-inner { width: 70%; float: left; } .cms-menu-restaurant-wrapper.intro-active .cms-menu-restaurant-inner .cms-menu-restaurant-box { max-width: 100%; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; /* BACKGROUND GRADIENT */ } .mfp-menu .mfp-content { max-width: 830px; } .mfp-menu .mfp-content .mfp-close { background-color: #b1525a; -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: 30px; line-height: 30px; opacity: 1; right: 30px; text-align: center; top: 30px; width: 30px; font-size: 0; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .mfp-menu .mfp-content .mfp-close:before { content: "\f00d"; font-size: 14px; color: #fff; font-family: FontAwesome; font-weight: normal; } .mfp-menu .mfp-content .mfp-close:hover { background-color: #282828; } .cms-menu-modal { margin: auto; max-width: 830px; background-color: #fff; 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 */ /* [Start] 26. Menu +-----------------------------------+ */ } .cms-menu-modal .cms-menu-restaurant-media { position: relative; } .cms-menu-modal .cms-menu-restaurant-media:before { content: ""; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0.97; background-color: rgba(0, 0, 0, 0); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000)); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), #000); background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), #000); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), #000); background-image: linear-gradient(top, rgba(0, 0, 0, 0), #000); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(0, 0, 0, 0)', endColorStr='#000'); /* BACKGROUND HORIZONTAL Right */ } .cms-menu-modal .cms-menu-restaurant-media img { -webkit-border-radius: 2px 2px 0 0; -khtml-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -ms-border-radius: 2px 2px 0 0; -o-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; /* BACKGROUND GRADIENT */ } .cms-menu-modal .cms-menu-restaurant-media .cms-menu-restaurant-holder { position: absolute; bottom: 0; padding: 45px 20px; left: 0; right: 0; z-index: 2; } .cms-menu-modal .cms-menu-restaurant-media .cms-menu-restaurant-holder .cms-menu-restaurant-price { font-size: 25px; line-height: 1; color: #b1525a; font-family: 'Kaushanscript Regular'; } .cms-menu-modal .cms-menu-restaurant-media .cms-menu-restaurant-holder .cms-menu-restaurant-title { color: #fff; font-size: 34px; margin-top: 15px; margin-bottom: 0; } .cms-menu-modal .cms-menu-restaurant-content { padding: 40px; } #cms-fullpage .ft-row-fullheight, #cms-fullpage .ft-col-fullheight > .vc_column-inner { height: 100%; } #cms-fullpage #fullpage > .section { background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; } #cms-fullpage #fullpage > .section:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background-color: inherit; content: ""; } #cms-fullpage #fullpage .section-boxed .fp-tableCell .fp-tableCell-inner > .vc_row { max-width: 1170px; margin-left: auto; margin-right: auto; } #cms-fullpage #fullpage .fp-tableCell .vc_row .vc_column_container { padding-left: 15px; padding-right: 15px; } #cms-fullpage #fullpage .flex_column .fp-tableCell { display: flex; } #cms-fullpage #fullpage .flex_column .fp-tableCell .vc_row .vc_column_container { align-items: inherit; } #cms-fullpage #fullpage .flex_column .fp-tableCell .fp-tableCell-inner { display: flex; width: 100%; } #cms-fullpage #fullpage .flex_column .fp-tableCell .fp-tableCell-inner > .vc_row { max-width: 100%; width: 100%; margin: 0 !important; } #cms-fullpage #fullpage .reomve-col-padding-default .fp-tableCell .vc_row .vc_column_container { padding-left: 0; padding-right: 0; } #cms-fullpage #fullpage .no_flex_column .fp-tableCell { align-content: center; display: flex; flex-wrap: wrap; } #cms-fullpage #fullpage .no_flex_column .fp-tableCell .vc_row .vc_column_container { align-items: inherit; } #cms-fullpage #fullpage .no_flex_column .fp-tableCell .fp-tableCell-inner { align-content: center; width: 100%; } #cms-fullpage #fullpage .no_flex_column .fp-tableCell .fp-tableCell-inner > .vc_row { width: 100%; margin: 0 auto !important; } #cms-fullpage.cms-fullpage-auto-scroll { height: inherit !important; } #cms-fullpage.cms-fullpage-auto-scroll #fullpage .flex_column .fp-tableCell, #cms-fullpage.cms-fullpage-auto-scroll #fullpage > .section { height: inherit !important; } .col-arrow-left > .vc_column-inner:after, .col-arrow-right > .vc_column-inner:after { content: ""; width: 20px; height: 92px; 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 */ background-image: url(../images/menu-arrow-right.png); } .col-arrow-left > .vc_column-inner:after { right: 0; } .col-arrow-right > .vc_column-inner:after { background-image: url(../images/menu-arrow-left.png); left: 0; } #cms-theme #fp-nav { background: #b1525a; -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: 0 !important; position: fixed; right: 30px; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ z-index: 998; } #cms-theme #fp-nav ul { padding: 10px 0; } #cms-theme #fp-nav ul li { height: inherit; line-height: 1; margin: 0; padding: 4px 0; text-align: center; width: 32px; } #cms-theme #fp-nav ul li a span { background-color: transparent; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; /* BACKGROUND GRADIENT */ border: 3px solid #fff; display: inline-block; height: 12px; margin: 0; position: static; width: 12px; } #cms-theme #fp-nav ul li a.active span { background-color: #fff; } #cms-theme.fp-nav-style2 #fp-nav { background-color: transparent; right: 20px; } .opentable { font-size: 13px; color: #fff; text-transform: uppercase; font-weight: 800; } .opentable a { color: #c93642; } .opentable a:hover { color: #b1525a; } .vc_single_image-wrapper.vc_box_rounded { position: relative; } .vc_single_image-wrapper.vc_box_rounded:before, .vc_single_image-wrapper.vc_box_rounded:after { content: ""; height: 8px; display: block; display: block; position: absolute; left: 0; right: 0; z-index: 1; } .vc_single_image-wrapper.vc_box_rounded:before { top: 0; background-image: url("../images/h_line1.png"); } .vc_single_image-wrapper.vc_box_rounded:after { bottom: 0; background-image: url("../images/h_line1_bottom.png"); } .cms-opentable-wrapper { margin: auto; max-width: 760px; } .cms-opentable-wrapper .cms-opentable-header { padding-bottom: 45px; } .cms-opentable-wrapper .cms-opentable-header h2 { font-size: 45px; line-height: 1.1; margin: 0; padding-top: 7px; } .cms-opentable-wrapper .cms-opentable-header span { color: rgba(188, 141, 70, 0.87); font-size: 35px; line-height: 1; } .cms-opentable-wrapper .cms-opentable-form select, .cms-opentable-wrapper .cms-opentable-form input { border-width: 1px; background-color: transparent; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ position: relative; z-index: 1; -webkit-appearance: none; -khtml-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } .cms-opentable-wrapper .cms-opentable-form button { width: 100%; } .cms-opentable-wrapper .cms-opentable-form .col-lg-4 { margin-bottom: 30px; } .cms-opentable-wrapper .select-arrow { position: relative; background-color: #fff; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .cms-opentable-wrapper .select-arrow i { position: absolute; top: 50%; right: 20px; font-size: 18px; color: rgba(4, 3, 4, 0.5); -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-grid-demo .cms-grid-feature { position: relative; display: block; } .cms-grid-demo .cms-grid-feature:before { background-color: #b1525a; -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 */ bottom: -5px; content: ""; display: block; left: -5px; position: absolute; right: -5px; top: -5px; z-index: 1; -webkit-transition: all 300ms ease 0ms; -moz-transition: all 300ms ease 0ms; -ms-transition: all 300ms ease 0ms; transition: all 300ms ease 0ms; opacity: 0; } .cms-grid-demo .cms-grid-feature .demo-bg-scroll { background-position: center 0; background-repeat: no-repeat; background-size: cover; display: block; width: 100%; min-height: 370px; position: relative; z-index: 2; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); -webkit-transition: all 4s ease-out 0s; -moz-transition: all 4s ease-out 0s; -ms-transition: all 4s ease-out 0s; transition: all 4s ease-out 0s; } .cms-grid-demo .cms-grid-title { text-align: center; font-weight: normal; font-size: 30px; text-align: center; margin-top: 32px; padding-bottom: 20px; margin-bottom: 40px; } .cms-grid-demo .cms-grid-title a { color: #b1525a; } .cms-grid-demo .cms-grid-item-inner:hover .cms-grid-feature:before { opacity: 1; } .cms-grid-event-layout1 .cms-grid-masonry { overflow: visible !important; } .cms-grid-event-layout1 .item-title { font-family: inherit; font-weight: 600; font-size: 17px; line-height: 26px; margin-bottom: 22px; } .cms-grid-event-layout1 .item-title a { color: inherit; } .cms-grid-event-layout1 .item-title a:hover { color: #b1525a; } .cms-grid-event-layout1 .item-date { font-size: 12px; font-weight: 600; color: #b1525a; margin-bottom: 5px; } .cms-grid-event-layout1 .item-status { font-size: 11px; color: #686868; font-weight: 600; } .cms-grid-event-layout1 .item-more { margin-bottom: 13px; } .cms-grid-event-layout1 .item-more .btn { background-color: transparent; padding: 0 32px; border-color: #333; color: #333; } .cms-grid-event-layout1 .item-more .btn:hover { border-color: #b1525a; background-color: #b1525a; color: #fff; } .cms-grid-event-layout1 .item-body { padding-top: 24px; } .cms-grid-event-layout1 .cms-grid-item-inner { text-align: center; margin-bottom: 30px; padding: 40px 40px 32px 40px; background-color: #fff; -webkit-box-shadow: 0 0 28px rgba(40, 40, 40, 0.12); -moz-box-shadow: 0 0 28px rgba(40, 40, 40, 0.12); -ms-box-shadow: 0 0 28px rgba(40, 40, 40, 0.12); box-shadow: 0 0 28px rgba(40, 40, 40, 0.12); } @media screen and (max-width: 991px) { .cms-grid-event-layout1 .cms-grid-item-inner { padding-left: 30px; padding-right: 30px; } } .cms-grid-event-layout1 .cms-paging-navigation .pagination { margin-top: 20px; text-align: center; } .single-event #cms-page-title .cms-page-title-inner .cms-page-subtitle { line-height: normal; color: #b1525a; margin-bottom: 12px; } .single-event #cms-page-title .cms-page-title-inner h1 { padding-bottom: 39px; font-size: 45px; } .single-event #cms-page-title .cms-page-title-inner .page-title-date { font-size: 16px; line-height: 26px; font-weight: 600; color: #b1525a; margin-bottom: 4px; } .single-event #cms-page-title .cms-page-title-inner .page-title-time { font-size: 12px; line-height: 26px; color: #9e9e9e; font-weight: 600; } .single-event #cms-page-title .cms-page-title-inner .cms-page-title-meta { padding-bottom: 113px; } .single-event .wpb_text_column p { margin-bottom: 24px; } .single-event .wpb_text_column p:last-child { margin-bottom: 0; } .single-event .entry-socail { text-align: center; padding: 60px 0; } .single-event .entry-socail label { margin: 0 17px 0 0; font-size: 13px; text-transform: uppercase; color: #222; font-weight: 900; } .single-event .entry-socail a { font-size: 14px; color: #5d5d5d; display: inline-block; margin: 0 9px; } .single-event .comments-area { max-width: 900px; margin: auto; padding: 0 15px; } .cms-ticket-info { max-width: 970px; margin: 0 auto; } .cms-ticket-info .cms-ticket-info-inner { display: flex; flex-wrap: wrap; align-items: center; margin: 0 -15px; } .cms-ticket-info .cms-ticket-info-inner > div { padding: 15px; } .cms-ticket-info .cms-ticket-meta { flex-grow: 1; } .cms-ticket-info .cms-ticket-meta h3 { font-size: 20px; margin-bottom: 10px; } .cms-ticket-info .cms-ticket-meta p:last-child { margin-bottom: 0; } .cms-ticket-info .cms-ticket-button .btn { color: #b1525a; border-color: #b1525a; background-color: transparent; padding: 0 40px; } .cms-ticket-info .cms-ticket-button .btn:hover { background-color: #b1525a; color: #fff; } .cms-ticket-info .cms-ticket-price { margin: 10px 0; } .cms-ticket-info .cms-ticket-price label { margin: 0 10px 0 0; color: #686868; font-size: 11px; font-weight: 600; } .cms-ticket-info .cms-ticket-price span { font-size: 20px; color: #222; font-family: 'Kaushanscript Regular'; } .cms-ticket-info .cms-ticket-holder { display: flex; flex-wrap: wrap; align-items: center; margin: 0 -15px; } .cms-ticket-info .cms-ticket-holder > div { padding: 0 15px; } #cms-footer-top { padding: 95px 0 40px 0; } #cms-footer-top, .ft-footer-top { background-color: #222; color: #9b9b9b; } #cms-footer-top .ft-heading, .ft-footer-top .ft-heading { font-size: 24px; line-height: 29px; margin-bottom: 18px; } #cms-footer-top .btn-text, .ft-footer-top .btn-text { font-weight: 800; text-transform: uppercase; font-size: 13px; letter-spacing: 0.02em; color: #b1525a; } #cms-footer-top .btn-text:hover, .ft-footer-top .btn-text:hover { color: #fff; } #cms-footer-top h1, .ft-footer-top h1, #cms-footer-top h2, .ft-footer-top h2, #cms-footer-top h3, .ft-footer-top h3, #cms-footer-top h4, .ft-footer-top h4, #cms-footer-top h5, .ft-footer-top h5, #cms-footer-top h6, .ft-footer-top h6 { color: #fff; } .ft-footer-top { background-color: transparent; text-align: center; } .wpb_raw_code .ft-reservation h3 { color: #fff; } #cms-footer-minimal { background-color: #222; padding: 0 0 40px; } #cms-footer-bottom { padding: 36px 0; background-color: #1b1b1b; position: relative; font-size: 13px; line-height: 16px; } #cms-footer-bottom:before { content: ""; position: absolute; left: 0; right: 0; margin: auto; height: 94px; height: 20px; background-position: center; background-repeat: no-repeat; background-image: url(../images/ft-arrow-top.png); top: -19px; } #cms-footer-bottom .footer-bottom-logo { display: inline-block; } .site-footer .widget_newsletterwidget { display: inline-block; vertical-align: middle; max-width: 250px; width: 100%; margin: 0 5px; } .site-footer .footer-social { display: inline-block; vertical-align: middle; text-align: center; } .site-footer .footer-social li { display: inline-block; margin: 0 5px; } .site-footer .footer-social li a { height: 42px; width: 42px; line-height: 42px; color: #fff; font-size: 14px; background-color: #1b1b1b; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; /* BACKGROUND GRADIENT */ display: block; } .site-footer .footer-social li a:hover { background-color: #b1525a; } .site-footer .cms-footer-bottom-info { margin-bottom: 22px; display: block; } .site-footer .cms-footer-bottom-info li { display: inline-block; position: relative; padding: 0 12px; } .site-footer .cms-footer-bottom-info li:before { content: "-"; position: absolute; left: -4px; 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 */ } .site-footer .cms-footer-bottom-info li:first-child:before { display: none; } .site-footer .cms-footer-top-holder { margin-top: 30px; } .site-footer .ft-reservation { margin-top: -175px; } .site-footer.cms-footer2 .ft-reservation { margin-top: -95px; -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 */ } .site-footer.cms-footer2 .ft-reservation > h3, .site-footer.cms-footer2 .ft-reservation:before { display: none; } .site-footer.cms-footer3 #cms-footer-top { padding-bottom: 70px; } .site-footer.cms-footer4 #cms-footer-bottom { padding: 26px 0; } .site-footer.cms-footer5 #cms-footer-top { padding-bottom: 75px; } .site-footer.cms-footer5 .ft-heading { margin-bottom: 26px; } .site-footer.cms-footer5 .footer-social, .site-footer.cms-footer5 .widget_newsletterwidget { padding-top: 5px; } .site-footer.cms-footer5 #cms-footer-bottom { padding: 40px 0; } .site-footer.cms-footer6 #cms-footer-top { padding-bottom: 65px; } .site-footer.cms-footer6 .footer-social { display: block; margin-top: 30px; } .site-footer.cms-footer6 .widget_newsletterwidget { max-width: 370px; } .site-footer.cms-footer7 .cms-footer-top-logo { padding-bottom: 15px; } .site-footer.cms-footer7 #cms-footer-top { position: relative; } .site-footer.cms-footer7 #cms-footer-top:before { content: ""; position: absolute; left: 0; right: 0; margin: auto; height: 94px; height: 20px; background-position: center; background-repeat: no-repeat; top: -19px; background-image: url(../images/ft-arrow-top2.png); } .site-footer.cms-footer7 #cms-footer-minimal { padding-bottom: 50px; } .site-footer.cms-footer8 .ft-reservation > h3 { background-color: #b1525a; padding: 26px 22px 25px; } .site-footer.cms-footer8 .ft-reservation > h3:before { display: none; } .site-footer.cms-footer8 .ft-reservation:before { display: none; } .site-footer.cms-footer8 .ft-reservation svg { width: 90px; position: absolute; left: 0; right: 0; margin: auto; top: -20px; } .site-footer.cms-footer8 .ft-reservation svg .st0 { fill: #b1525a; } .site-footer.cms-footer12 { text-align: center; position: fixed; bottom: 0; left: 0; right: 0; z-index: -1; background-position: center; background-size: cover; background-repeat: no-repeat; } .site-footer.cms-footer12:before { content: ""; z-index: 1; position: absolute; top: 0; right: 0; height: 100%; width: 100%; background-color: rgba(27, 26, 26, 0.75); } .site-footer.cms-footer12 #cms-footer-top { position: relative; padding-top: 60px; padding-bottom: 60px; border: none; background-color: transparent; z-index: 99; width: 100%; } .site-footer.cms-footer12 #cms-footer-top .cms-footer-top-item { max-width: 860px; margin: auto; float: none; } .site-footer.cms-footer12 #cms-footer-top h6 { font-size: 36px; line-height: 45px; margin-bottom: 5px; } .site-footer.cms-footer12 #cms-footer-top h1 { font-size: 80px; margin-bottom: 34px; } .site-footer.cms-footer12 #cms-footer-top p { font-size: 17px; line-height: 26px; color: #fff; font-weight: 700; margin-bottom: 35px; } .site-footer.cms-footer12 #cms-footer-bottom { border: none; color: #9b9b9b; bottom: 0; left: 0; position: absolute; right: 0; background-color: transparent; z-index: 99; } .site-footer.cms-footer12 #cms-footer-bottom:before { display: none; } .site-footer.cms-footer12 #cms-footer-bottom a { color: #b1525a; } .site-footer.cms-footer12 #cms-footer-bottom a:hover { color: #fff; } .ft-reservation { max-width: 390px; } .ft-reservation > h3 { font-size: 28px; line-height: 29px; padding: 22px 40px 37px; position: relative; margin-bottom: 0; -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 */ text-align: center; } .ft-reservation > h3:before { content: ""; height: 15px; width: 100%; left: 0; right: 0; background-image: url(../images/ft-reservation-line.png); position: absolute; background-position: center; bottom: 0; } .ft-reservation .ft-reservation-holder { padding: 17px 40px 40px; text-align: center; } .ft-reservation ul { margin-bottom: 40px; } .ft-reservation ul li { text-align: left; border-bottom: 1px dashed #49433f; padding: 8px 0; } .ft-reservation ul li span { float: right; } .ft-reservation .btn-find-table { background-color: transparent; width: 100%; display: block; } .ft-reservation .btn-find-table:hover { background-color: #b1525a; border-color: #b1525a; } .ft-reservation, .box-arrow { position: relative; background-color: #1b1b1b; margin: auto; z-index: 99; -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 */ } .ft-reservation:before, .box-arrow:before, .ft-reservation:after, .box-arrow:after { content: ""; position: absolute; left: 0; right: 0; margin: auto; width: 94px; height: 20px; background-position: center; background-repeat: no-repeat; } .ft-reservation:before, .box-arrow:before { top: -19px; background-image: url(../images/ft-arrow-top.png); } .ft-reservation:after, .box-arrow:after { bottom: -19px; background-image: url(../images/ft-arrow-bottom.png); } .cshero-popup-search, .cshero-popup-menu { display: none; } #back_to_top span { height: 48px; width: 48px; line-height: 48px; text-align: center; position: fixed; bottom: 40px; right: 20px; background-color: rgba(0, 0, 0, 0.55); opacity: 0; visibility: hidden; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; color: #fff; font-size: 22px; -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; z-index: 1001; } #back_to_top span i { vertical-align: inherit; } #back_to_top span:hover { background-color: #b1525a; -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); } #back_to_top.on span { opacity: 1; visibility: visible; } input[type='text'], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], textarea, select { background-color: #fff; color: #9b9b9b; font-size: 13px; padding: 8px 18px; line-height: 22px; width: 100%; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ outline: none; border-width: 2px; border-style: solid; border-color: #eee; height: 52px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; font-weight: 500; } textarea { height: 112px; max-width: 100%; padding: 12px 18px; } input[type='text']:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, textarea:focus { border-color: #b1525a; } 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-white input::-moz-placeholder, .placeholder-white textarea::-moz-placeholder, .wpb_widgetised_column .tnp-field-email input::-moz-placeholder { color: #fff; opacity: 1; } .placeholder-white input::-webkit-input-placeholder, .placeholder-white textarea::-webkit-placeholder, .wpb_widgetised_column .tnp-field-email input::-webkit-input-placeholder { color: #fff; opacity: 1; } .placeholder-white input::-o-placeholder, .placeholder-white textarea::-o-placeholder, .wpb_widgetised_column .tnp-field-email input::-o-placeholder { color: #fff; opacity: 1; } .placeholder-white input::-ms-placeholder, .placeholder-white textarea::-ms-placeholder, .wpb_widgetised_column .tnp-field-email input::-ms-placeholder { color: #fff; opacity: 1; } .wpcf7-form .ajax-loader { display: none; } .wpcf7-form .wpcf7-form-control:not(.wpcf7-submit) { border-width: 1px; -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 */ } .wpcf7-form .wpcf7-form-control.wpcf7-textarea { height: 111px; } .wpcf7-form .wpcf7-form-control.wpcf7-submit { -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: 5px; } .wpcf7-form .row div[class*="col-"] { margin-bottom: 30px; } body span.wpcf7-not-valid-tip { color: #b1525a; display: block; font-size: 12px; margin-top: 15px; } body div.wpcf7-validation-errors { border: medium none; color: #222; display: block; margin: 0 0 30px; padding: 0; font-size: 14px; } .get-contact-page { /* ========================================================================== [End] All Style Form ========================================================================== */ } .get-contact-page h3 { font-size: 20px; margin-bottom: 19px; } .get-contact-page p + a { font-size: 13px; font-weight: 800; color: #b1525a; text-transform: uppercase; position: relative; padding-bottom: 6px; } .get-contact-page p + a:hover { color: #282828; } .get-contact-page p { margin-bottom: 7px; } body { overflow-x: hidden; font-family: 'Raleway Regular'; letter-spacing: 0; color: #9b9b9b; font-size: 14px; line-height: 23px; letter-spacing: 0.02em; } body.menu-popup-active { height: 100%; overflow: hidden; } body.menu-popup-active #cshero-header-inner #cshero-header:before { display: none; } body.menu-popup-active #cshero-header-inner #cshero-header .cshero-navigation-right .h-button-menu.open-menu-popup { opacity: 0; visibility: hidden; } body.menu-popup-active #cshero-header-inner #cshero-header .cshero-navigation-right .h-button-menu.cms-modal-close { opacity: 1; visibility: visible; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } img.aligncenter { margin: 5px auto; } .sticky { opacity: 1; } .alignleft { float: left; } img.alignleft { margin: 5px 30px 15px 0; } .alignright { float: right; } img.alignright { margin-left: 15px; margin-bottom: 20px; } .wp-caption { opacity: 1; } .wp-caption.alignnone { width: 100% !important; } .bg-primary { background-color: #b1525a; } .row-box-shadow { -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25); -ms-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25); box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25); position: relative; z-index: 99; bottom: -50px; } .text-center { text-align: center; } .text-right { text-align: right; } .media-left img { max-width: inherit; } .wp-caption-text { opacity: 1; } .gallery-caption { opacity: 1; } .left { float: left; } .right { float: right; } .text-upper { text-transform: uppercase; } .text-shadow-dark { -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); -ms-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); } .fs-i { font-style: italic; } .block { display: block; } a { -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; color: #b1525a; } a:hover, a:focus { color: #bc7d1e; } a, a:hover, a:focus, a:before, a:after { outline: none; text-decoration: none; } .title-link a { text-decoration: underline !important; } .color-white { color: #fff; } .text-italic { font-style: italic; } h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; line-height: 1.1; color: #282828; font-weight: normal; font-family: 'Kaushanscript Regular'; } h1 { font-size: 52px; } h2 { font-size: 42px; } h3 { font-size: 38px; } h4 { font-size: 32px; } h5 { font-size: 24px; } h6 { font-size: 20px; } ul { padding: 0; margin: 0; list-style: none; } p { margin: 0 0 15px; } img { height: auto; max-width: 100%; } .hide-image img { display: none; } .w40 { float: left; width: 40%; } .w50 { float: left; width: 50%; } .w60 { float: left; width: 60%; } .size_big { font-size: 64px; } .size_small { font-size: 26px; } body .wpb_content_element, body .wpb_button { margin-bottom: 0; } .entry-content > .vc_row-fluid { position: relative; } .entry-content > .wpb_row .wpb_row { margin-left: -15px; margin-right: -15px; } .entry-content > .wpb_row .padding-30 .wpb_row { margin-left: 0; margin-right: 0; } .vc_row-fluid .container .container, .vc_row-fluid .vc_row-fluid .container { width: 100%; } .media-body { width: inherit; } .thin { font-weight: 300; } .well { border: medium none; border-radius: 0; box-shadow: none; } .dark { color: #282828; } .dark2 { color: #2f2f2f; } .color-primary { color: #b1525a; } .color-secondary { color: #222 !important; } .br-2px { -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .br-3px { -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ } .br-4px { -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; /* BACKGROUND GRADIENT */ } .br-5px { -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; /* BACKGROUND GRADIENT */ } .z-index-1 { z-index: 1; } .zmdi { vertical-align: middle; } .lt0 { letter-spacing: 0 !important; } .lt-20 { letter-spacing: -0.02em !important; } .lt20 { letter-spacing: 0.02em !important; } .lt35 { letter-spacing: 0.035em !important; } .abs { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #bg-position-bottom { background-position: center bottom; } .box-shadow.wpb_column > .vc_column-inner { -webkit-border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; /* BACKGROUND GRADIENT */ -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); /* ================> Unit Test */ } table { border-bottom: 1px solid #ededed; border-collapse: collapse; border-spacing: 0; line-height: 2; margin: 0 0 20px; width: 100%; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ } table th { color: #282828; } caption, td { font-weight: normal; text-align: left; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 13px 8px; } th { font-weight: 700; } td { border-top: 1px solid #ededed; padding: 6px 10px 6px 0; /*--- Definition Lists ---*/ } dl { margin: 0 0 0 25px; } dl dt { font-weight: normal; line-height: 26px; text-transform: uppercase; font-weight: 700; color: #282828; } dl dd { line-height: normal; margin-bottom: 20px; } dl dd a { color: #b1525a; } 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: #b1525a; } pre { background: #f5f5f5; color: #666; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre-wrap; word-wrap: break-word; } #maps { overflow: visible !important; } .woocommerce ins { background-color: transparent; } .entry-content-inner ul { padding: 0 0 0 35px; list-style-type: square; } .entry-content-inner ul.list-style-check { list-style: none; padding: 0; } dl + h2 + ul { list-style: none; padding: 0 0 0 35px; } dl + h2 + ul li { position: relative; padding-left: 15px; } dl + h2 + ul li:before { content: "\f111"; font-family: FontAwesome; font-size: 7px; left: 0; position: absolute; color: #b1525a; } dl + h2 + ul li ul { padding-left: 35px; } #cshero-header-inner .h-btn-reservation .btn-reservation { border: 2px solid #222; color: #222; display: inline-block; font-size: 13px; font-weight: 800; line-height: 1; padding: 4px 6px; text-transform: uppercase; cursor: pointer; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #cshero-header-inner .h-btn-reservation .btn-reservation:hover { color: #fff; border-color: #b1525a; background-color: #b1525a; } #cshero-header-inner .h-btn-reservation.reservation-white a, #cshero-header-inner .h-btn-reservation.reservation-white span { border-color: #fff; color: #fff; background-color: transparent; } #cshero-header-inner .h-btn-reservation.reservation-white a:hover, #cshero-header-inner .h-btn-reservation.reservation-white span:hover { color: #fff; border-color: #b1525a; background-color: #b1525a; } #cshero-header-inner .h-btn-reservation.reservation-primary a, #cshero-header-inner .h-btn-reservation.reservation-primary span { border-color: #b1525a !important; background-color: #b1525a; color: #fff; } #cshero-header-inner .h-btn-reservation.reservation-primary a:hover, #cshero-header-inner .h-btn-reservation.reservation-primary span:hover { background-color: transparent !important; color: #b1525a !important; border-color: #b1525a !important; } #cshero-header-inner #cshero-header-top { background-color: #f9f9f9; border-bottom: 1px solid #efefef; padding: 13px 0 12px 0; color: #fff; font-size: 12px; } #cshero-header-inner #cshero-header-top .contact-top li { display: inline-block; } #cshero-header-inner #cshero-header-top .contact-top li + li { padding-left: 18px; } #cshero-header-inner #cshero-header-top .contact-top li i { color: #b1525a; font-size: 14px; padding-right: 6px; } #cshero-header-inner #cshero-header-top .contact-top li a { color: #cecece; } #cshero-header-inner #cshero-header-top .contact-top li a:hover { color: #b1525a; } #cshero-header-inner #cshero-header-top .social-top li { display: inline-block; } #cshero-header-inner #cshero-header-top .social-top li + li { padding-left: 20px; } #cshero-header-inner #cshero-header-top .social-top li a { color: #282828; font-size: 14px; } #cshero-header-inner #cshero-header-top .social-top li a:hover { color: #b1525a; } #cshero-header-inner #cshero-header-logo a { display: block; line-height: 100px; } #cshero-header-inner #cshero-header-logo a img { max-height: auto; } #cshero-header-inner.custom-header-18 #cshero-header-top { background-color: #fff; border-bottom: none; position: relative; } #cshero-header-inner.custom-header-18 #cshero-header-top:before { width: 100%; max-width: 1140px; height: 1px; background-image: url(../images/h-line-dark.jpg); background-repeat: repeat-x; position: absolute; left: 0; right: 0; bottom: -1px; margin: auto; content: ""; } #cshero-header-inner.header-6.remove-line #cshero-header-top { background-color: #00000029; border-bottom: none; position: relative; } #cshero-header-inner.header-6.remove-line #cshero-header-top:before { width: 100%; max-width: 100%; height: 1px; background-image: url("../images/h_line3.png"); background-position: center top; background-repeat: repeat-x; position: absolute; left: 0; right: 0; bottom: -1px; margin: auto; content: ""; } @media (min-width: 992px) { #cshero-header-inner.h_line_effect1 #cshero-header:before, #cshero-header-inner.h_line_effect2 #cshero-header:before { position: absolute; content: ""; height: 8px !important; width: 100%; bottom: -8px !important; left: 0; right: 0; background-position: center top; z-index: 99; } #cshero-header-inner.h_line_effect1 #cshero-header:before { background-image: url(../images/h_line1.png) !important; background-repeat: no-repeat; } #cshero-header-inner.h_line_effect2 #cshero-header:before { background-image: url(../images/h_line2.png) !important; background-repeat: repeat-x; } #cshero-header-inner #cshero-header { position: relative; } #cshero-header-inner #cshero-header #cshero-header-logo a { line-height: 100px; } #cshero-header-inner #cshero-header #cshero-header-logo a.sticky-logo { position: absolute; top: 0; left: 0; right: 0; opacity: 0; padding: 0 15px; } #cshero-header-inner #cshero-header .cshero-navigation-right { line-height: 100px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; float: right; position: relative; padding-left: 13px; } #cshero-header-inner #cshero-header .cshero-navigation-right .widget-search-header { display: none; } #cshero-header-inner #cshero-header .cshero-navigation-right .h-button-menu { background-color: #282828; cursor: pointer; } #cshero-header-inner #cshero-header .cshero-navigation-right .h-button-menu:hover { background-color: #b1525a; } #cshero-header-inner #cshero-header .cshero-navigation-right .h-button-menu.cms-modal-close { background-color: #b1525a; opacity: 0; position: absolute; right: 0; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ visibility: hidden; } #cshero-header-inner #cshero-header .cshero-navigation-right .h-button-menu.cms-modal-close:hover { background-color: #282828; } #cshero-header-inner #cshero-header .cshero-navigation-right .h-menu-social .social-top li { display: inline-block; } #cshero-header-inner #cshero-header .cshero-navigation-right .h-menu-social .social-top li a i { font-size: 14px; } #cshero-header-inner #cshero-header .cshero-navigation-right .h-menu-social .social-top li + li { margin-left: 20px; } #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon { display: inline-block; } #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon + .h-icon { padding-left: 18px; } #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon i { font-size: 14px; position: relative; top: -1px; color: #282828; cursor: pointer; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon i:hover { color: #b1525a; } #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-hide { height: 10px; width: 12px; display: block; position: relative; cursor: pointer; } #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-hide span { display: inline-block; height: 2px; width: 12px; background-color: #282828; position: absolute; top: 4px; left: 0; right: 0; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-hide:before, #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-hide:after { content: ""; height: 2px; width: 12px; background-color: #282828; position: absolute; left: 0; right: 0; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-hide:before { top: 0; } #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-hide:after { bottom: 0; } #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-hide:hover span, #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-hide:hover:before, #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .h-button-hide:hover:after { background-color: #b1525a; } #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .icon-cart { position: relative; line-height: normal; cursor: pointer; } #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .icon-cart .couter_items { -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; /* BACKGROUND GRADIENT */ background-color: #b1525a; color: #fff; font-size: 10px; height: 16px; line-height: 15px; position: absolute; right: -10px; text-align: center; top: -13px; width: 16px; opacity: 0; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #cshero-header-inner #cshero-header .cshero-navigation-right .h-icon .icon-cart:hover .couter_items { opacity: 1; } #cshero-header-inner #cshero-header.header-fixed { background-color: #fff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09); left: 0; right: 0; position: fixed !important; top: 0; width: 100%; z-index: 1001; -webkit-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown; -khtml-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown; -moz-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown; -ms-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown; -o-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown; animation: 0.95s ease 0s normal forwards 1 running headerSlideDown; /* BACKGROUND GRADIENT */ } #cshero-header-inner #cshero-header.header-fixed #cshero-header-logo a.main-logo { opacity: 0; } #cshero-header-inner #cshero-header.header-fixed #cshero-header-logo a.sticky-logo { opacity: 1; } #cshero-header-inner #cshero-header.header-fixed #cshero-header-navigation .menu-main-menu > li > a, #cshero-header-inner #cshero-header.header-fixed #cshero-header-logo a, #cshero-header-inner #cshero-header.header-fixed .cshero-navigation-right { line-height: 80px; } #cshero-header-inner.bg-trans { position: absolute; width: 100%; top: 0; z-index: 999; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #cshero-header-inner.bg-trans #cshero-header-top { background-color: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.15); } #cshero-header-inner.bg-trans #cshero-header-top .social-top li a { color: #fff; } #cshero-header-inner.bg-trans #cshero-header-top .social-top li a:hover { color: #b1525a; } #cshero-header-inner.header-trans #cshero-header { -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; left: 0; right: 0; position: absolute; top: 0; width: 100%; z-index: 1001; } #cshero-header-inner.header-trans.header-17 #cshero-header { margin: auto; max-width: 1140px; background-color: #fff; } #cshero-header-inner.header-trans.header-17 #cshero-header > .container { width: 100%; padding: 0 30px; position: relative; } #cshero-header-inner.header-trans.header-17 #cshero-header > .container:before, #cshero-header-inner.header-trans.header-17 #cshero-header > .container:after { content: ""; width: 8px; height: 106%; position: absolute; top: 0; bottom: 0; display: block; } #cshero-header-inner.header-trans.header-17 #cshero-header > .container:before { left: -8px; background-image: url(../images/h_line1_left.png); } #cshero-header-inner.header-trans.header-17 #cshero-header > .container:after { right: -8px; background-image: url(../images/h_line1_right.png); } #cshero-header-inner.header-trans.header-17 #cshero-header ul.multicolumn { padding-left: 0 !important; padding-right: 0 !important; } #cshero-header-inner.header-nav-white #cshero-header:not(.header-fixed) .cshero-header-navigation .main-navigation .menu-main-menu > li > a { color: #fff; } #cshero-header-inner.header-nav-white #cshero-header:not(.header-fixed) .cshero-header-navigation .main-navigation .menu-main-menu > li > a .menu-title:before { background-color: #fff; } #cshero-header-inner.header-nav-white #cshero-header:not(.header-fixed) .cshero-header-navigation .main-navigation .menu-main-menu > li > a.is-one-page .menu-title:before { background-color: transparent !important; } #cshero-header-inner.header-nav-white #cshero-header:not(.header-fixed) .cshero-header-navigation .main-navigation .menu-main-menu > li > a.is-one-page:hover .menu-title:before, #cshero-header-inner.header-nav-white #cshero-header:not(.header-fixed) .cshero-header-navigation .main-navigation .menu-main-menu > li > a.is-one-page.current .menu-title:before { background-color: #fff !important; } #cshero-header-inner.header-nav-white #cshero-header:not(.header-fixed) .cshero-navigation-right .h-btn-reservation .btn-reservation { color: #fff; border-color: #fff; } #cshero-header-inner.header-nav-white #cshero-header:not(.header-fixed) .cshero-navigation-right .h-btn-reservation .btn-reservation:hover { color: #fff; border-color: #b1525a; background-color: #b1525a; } #cshero-header-inner.header-nav-white #cshero-header:not(.header-fixed) .cshero-navigation-right .h-icon i { color: #fff; } #cshero-header-inner.header-nav-white #cshero-header:not(.header-fixed) .cshero-navigation-right .h-icon i:hover { color: #b1525a; } #cshero-header-inner.header-nav-white #cshero-header:not(.header-fixed) .cshero-navigation-right .h-icon .h-button-hide span, #cshero-header-inner.header-nav-white #cshero-header:not(.header-fixed) .cshero-navigation-right .h-icon .h-button-hide:before, #cshero-header-inner.header-nav-white #cshero-header:not(.header-fixed) .cshero-navigation-right .h-icon .h-button-hide:after { background-color: #fff; } #cshero-header-inner.header-nav-white #cshero-header:not(.header-fixed) .cshero-navigation-right .h-icon .h-button-hide:hover span, #cshero-header-inner.header-nav-white #cshero-header:not(.header-fixed) .cshero-navigation-right .h-icon .h-button-hide:hover:before, #cshero-header-inner.header-nav-white #cshero-header:not(.header-fixed) .cshero-navigation-right .h-icon .h-button-hide:hover:after { background-color: #b1525a; } #cshero-header-inner.header-nav-center #cshero-header .cshero-navigation-right { text-align: right; } #cshero-header-inner.header-nav-center #cshero-header .cshero-header-navigation .main-navigation { text-align: center; } #cshero-header-inner.header-logo-center #cshero-header-logo { left: 50%; max-width: 300px; position: absolute; text-align: center; top: 0; -webkit-transform: translate(-50%, 0px); -khtml-transform: translate(-50%, 0px); -moz-transform: translate(-50%, 0px); -ms-transform: translate(-50%, 0px); -o-transform: translate(-50%, 0px); transform: translate(-50%, 0px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ width: 100%; z-index: 99; } #cshero-header-inner.header-logo-center #cshero-header-navigation-left { float: left; width: 38%; } #cshero-header-inner.header-logo-center #cshero-header-navigation-left .main-navigation { text-align: left; } #cshero-header-inner.header-logo-center #cshero-header-navigation-left .main-navigation .nav-menu > li:first-child { padding-left: 0; } #cshero-header-inner.header-logo-center #cshero-header-navigation-right { float: right; text-align: right; width: 38%; } #cshero-header-inner.header-full-width #cshero-header > .container { width: 100%; padding: 0 50px; } #cshero-header-inner.h-line-style1 #cshero-header:not(.header-fixed):before { content: ""; height: 2px; width: 100%; position: absolute; bottom: -1px; left: 0; right: 0; background-image: url(../images/h_line3.png); background-repeat: repeat-x; background-position: center top; z-index: 99; } #cshero-header-inner.h-line-style1.remove-line #cshero-header:not(.header-fixed):after { display: none; } #cshero-header-inner.custom-header-20 #cshero-header-wrapper #cshero-header.header-fixed { background-color: #222; } #cshero-header-inner.custom-header-20 #cshero-header-wrapper #cshero-header.header-fixed .cshero-header-navigation .main-navigation .menu-main-menu > li > a { color: #fff; } #cshero-header-inner.custom-header-20 #cshero-header-wrapper #cshero-header.header-fixed .cshero-header-navigation .main-navigation .menu-main-menu > li.current-menu-ancestor > a .menu-title:before, #cshero-header-inner.custom-header-20 #cshero-header-wrapper #cshero-header.header-fixed .cshero-header-navigation .main-navigation .menu-main-menu > li.current-page-parent > a .menu-title:before, #cshero-header-inner.custom-header-20 #cshero-header-wrapper #cshero-header.header-fixed .cshero-header-navigation .main-navigation .menu-main-menu > li.current-menu-parent > a .menu-title:before, #cshero-header-inner.custom-header-20 #cshero-header-wrapper #cshero-header.header-fixed .cshero-header-navigation .main-navigation .menu-main-menu > li.current-menu-item > a .menu-title:before, #cshero-header-inner.custom-header-20 #cshero-header-wrapper #cshero-header.header-fixed .cshero-header-navigation .main-navigation .menu-main-menu > li > a:hover .menu-title:before { width: 20px; background-color: #fff; } #cshero-header-inner.custom-header-20 #cshero-header-wrapper #cshero-header.header-fixed .cshero-navigation-right .h-icon i { color: #fff; } #cshero-header-inner.custom-header-20 #cshero-header-wrapper #cshero-header.header-fixed .cshero-navigation-right .h-icon i:hover { color: #b1525a; } #cshero-header-inner.custom-header-20 #cshero-header-wrapper #cshero-header.header-fixed .cshero-navigation-right .h-btn-reservation .btn-reservation { border-color: #fff; color: #fff; } #cshero-header-inner.custom-header-20 #cshero-header-wrapper #cshero-header.header-fixed .cshero-navigation-right .h-btn-reservation .btn-reservation:hover { background-color: #b1525a; border-color: #b1525a; } #cshero-header-inner.header-21-- #cshero-header { position: fixed; } #cshero-header-inner.header-7 .social-top, #cshero-header-inner.header-12 .social-top { display: inline-block; } #cshero-header-inner.header-7 .social-top + .h-btn-reservation, #cshero-header-inner.header-12 .social-top + .h-btn-reservation { margin-left: 16px; } #cshero-header-inner.header-7 #cshero-header-top, #cshero-header-inner.header-12 #cshero-header-top { position: relative; border: none; } #cshero-header-inner.header-7 #cshero-header-top:before, #cshero-header-inner.header-12 #cshero-header-top:before { background-image: url("../images/h_line3.png"); background-position: center top; background-repeat: repeat-x; bottom: 0; content: ""; height: 2px; left: 0; margin: auto; max-width: 1140px; position: absolute; right: 0; width: 100%; } #cshero-header-inner.header-8 #cshero-header-top.t-bg-overlay { background-color: rgba(0, 0, 0, 0.4); border: none; } #cshero-header-inner.header-10 #cshero-header:not(.header-fixed) .cshero-header-navigation .main-navigation .menu-main-menu > li > a, #cshero-header-inner.header-10 #cshero-header:not(.header-fixed) #cshero-header-logo a, #cshero-header-inner.header-10 #cshero-header:not(.header-fixed) .cshero-navigation-right { line-height: 150px; } #cshero-header-inner.header-11 #cshero-header-navigation-left .menu-main-menu { text-align: right; } #cshero-header-inner.header-11 #cshero-header-navigation-right .menu-main-menu { text-align: left; } #cshero-header-inner.header-11 #cshero-header > .no-container { padding: 0 65px; } #cshero-header-inner.header-contact #cshero-header-contact-left, #cshero-header-inner.header-contact #cshero-header-contact-right { line-height: 100px; 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; } #cshero-header-inner.header-contact.header-cta #cshero-header-contact-left, #cshero-header-inner.header-contact.header-cta #cshero-header-contact-right { line-height: normal; } #cshero-header-inner.header-contact .top-phone, #cshero-header-inner.header-contact .top-address { display: inline-block; line-height: 24px; position: relative; vertical-align: middle; } #cshero-header-inner.header-contact .top-phone span:not(.address-menu), #cshero-header-inner.header-contact .top-address span:not(.address-menu) { display: block; font-size: 13px; line-height: 1; color: #bfbfbf; margin-bottom: 8px; } #cshero-header-inner.header-contact .top-phone a, #cshero-header-inner.header-contact .top-address a, #cshero-header-inner.header-contact .top-phone .address-menu, #cshero-header-inner.header-contact .top-address .address-menu { font-size: 16px; line-height: 1; color: #fff; font-family: 'Kaushanscript Regular'; } #cshero-header-inner.header-contact .top-phone i, #cshero-header-inner.header-contact .top-address i { font-size: 30px; color: #b1525a; 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 */ } #cshero-header-inner.header-contact .top-phone { padding-right: 48px; } #cshero-header-inner.header-contact .top-phone i { right: 0; } #cshero-header-inner.header-contact .top-address { padding-left: 48px; } #cshero-header-inner.header-contact .top-address i { left: 0; } #cshero-header-inner.header-contact #cshero-header.header-fixed #cshero-header-contact-left, #cshero-header-inner.header-contact #cshero-header.header-fixed #cshero-header-contact-right { line-height: 80px; } #cshero-header-inner.header-contact #cshero-header.header-fixed #cshero-header-contact-left .top-phone a, #cshero-header-inner.header-contact #cshero-header.header-fixed #cshero-header-contact-right .top-phone a, #cshero-header-inner.header-contact #cshero-header.header-fixed #cshero-header-contact-left .top-address a, #cshero-header-inner.header-contact #cshero-header.header-fixed #cshero-header-contact-right .top-address a, #cshero-header-inner.header-contact #cshero-header.header-fixed #cshero-header-contact-left .top-phone .address-menu, #cshero-header-inner.header-contact #cshero-header.header-fixed #cshero-header-contact-right .top-phone .address-menu, #cshero-header-inner.header-contact #cshero-header.header-fixed #cshero-header-contact-left .top-address .address-menu, #cshero-header-inner.header-contact #cshero-header.header-fixed #cshero-header-contact-right .top-address .address-menu { color: #282828; } #cshero-header-inner.header-13 #cshero-header-top { border: none; padding-top: 40px; padding-bottom: 0; } #cshero-header-inner.header-13 #cshero-header-top #cshero-header-logo { text-align: center; } #cshero-header-inner.header-13 #cshero-header-top #cshero-header-logo a { line-height: normal; } #cshero-header-inner.header-13 #cshero-header-top #cshero-header-logo .sticky-logo { display: none; } #cshero-header-inner.header-13 #cshero-header .cshero-header-navigation .main-navigation { text-align: center; } #cshero-header-inner.header-19 #cshero-header:not(.header-fixed) #cshero-header-logo a { line-height: 140px; } #cshero-header-inner.header-19 #cshero-header:not(.header-fixed) #cshero-header-logo a img { max-height: 97px; } #cshero-header-inner.header-19 #cshero-header:not(.header-fixed) .cshero-header-navigation .main-navigation .menu-main-menu > li > a, #cshero-header-inner.header-19 #cshero-header:not(.header-fixed) .cshero-header-navigation .cshero-navigation-right { line-height: 140px; } #cshero-header-inner.header-19 #cshero-header.header-fixed #cshero-header-logo a img { max-height: 60px; } .admin-bar #cshero-header-inner #cshero-header.header-fixed, .admin-bar #cshero-header-inner.header-trans #cshero-header, .admin-bar #cshero-header-inner.bg-trans { top: 32px; } .admin-bar .cs-boxed #cshero-header-inner #cshero-header:not(.header-fixed) { top: 0; } } @media (max-width: 991px) { #cshero-header-inner.header-11 #cshero-header { position: relative; } #cshero-header-inner.header-7 #cshero-header-top .social-top, #cshero-header-inner.header-12 #cshero-header-top .social-top { margin-bottom: 10px; } #cshero-header-inner.header-7 #cshero-header-top .social-top li a, #cshero-header-inner.header-12 #cshero-header-top .social-top li a { color: #b1525a; } #cshero-header-inner.header-7 #cshero-header-top .social-top li a:hover, #cshero-header-inner.header-12 #cshero-header-top .social-top li a:hover { color: #222; } #cshero-header-inner #cshero-header #cshero-header-logo a.sticky-logo { display: none; } #cshero-header-inner.header-12 .h-btn-reservation.reservation-white .btn-reservation { border-color: #282828; color: #282828; } #cshero-header-inner.header-12 .h-btn-reservation.reservation-white .btn-reservation:hover { color: #b1525a; border-color: #b1525a; } } .header-hidde-info { /* ========================================================================== [End] 1. Header Main ========================================================================== */ } .header-hidde-info .header-13.big-header-top #cshero-header-contact-left, .header-hidde-info .header-13.big-header-top #cshero-header-contact-right { display: none; } .cms-breadcrumb { padding: 12px 0 0; } .cms-breadcrumb .breadcrumbs li { display: inline-block; font-size: 14px; line-height: 1; padding: 0 14px; color: #f9f9f9; position: relative; } .cms-breadcrumb .breadcrumbs li a { color: #f9f9f9; } .cms-breadcrumb .breadcrumbs li a:hover { color: #b1525a !important; } .cms-breadcrumb .breadcrumbs li:after { content: "/"; font-size: 12px; position: absolute; right: -3px; top: 1px; } .cms-breadcrumb .breadcrumbs li:last-child:after { display: none; } #cms-page-title { background-image: url(../images/bg-page-title.jpg); background-repeat: no-repeat; background-position: center; background-attachment: fixed; background-size: cover; padding: 260px 0 50px; position: relative; overflow: hidden; text-align: center; } #cms-page-title:before { height: 100%; width: 100%; content: ""; position: absolute; top: 0; left: 0; background-color: rgba(27, 26, 26, 0.75); } #cms-page-title svg { position: absolute; bottom: -2px; max-width: 90px; left: 0; right: 0; margin: auto; height: 23px; } #cms-page-title .cms-page-title-inner { position: relative; z-index: 3; } #cms-page-title .cms-page-title-inner h1 { color: #fff; margin: 0; font-size: 65px; line-height: 1; font-weight: normal; padding-bottom: 80px; } #cms-page-title .cms-page-title-inner .cms-page-title-icon span { display: inline-block; width: 64px; height: 69px; background-image: url(../images/page-title-icon.png); background-repeat: no-repeat; } #cms-page-title .cms-page-title-inner .cms-page-subtitle { font-family: 'Greatvibes Regular'; font-size: 40px; font-weight: normal; line-height: 39px; color: #fff; } #cms-page-title.pt-style2 { padding-top: 290px; } #cms-page-title.pt-style2 .cms-page-title-inner .cms-page-subtitle { padding: 40px 60px 110px 60px; } #cms-page-title.pt-style3 { padding-top: 290px; } #cms-page-title.pt-style3 .cms-page-title-inner h1 { font-size: 45px; padding-bottom: 115px; } #cms-page-title.pt-style3 .cms-page-title-inner .cms-page-subtitle { font-size: 35px; line-height: 1; color: #b1525a; padding: 23px 0 8px; } #cms-page-title.pt-style4 { padding-top: 247px; padding-bottom: 118px; } #cms-page-title.pt-style4 .cms-page-title-inner h1 { font-size: 45px; padding-top: 18px; padding-bottom: 22px; } #cms-page-title.pt-style4 .cms-page-title-inner .cms-page-subtitle { font-size: 15px; line-height: 24px; color: #f9f9f9; font-family: inherit; max-width: 650px; margin: auto; } #cms-page-title.pt-style5 .cms-page-title-inner h1 { font-size: 45px; padding-bottom: 22px; } #cms-page-title.pt-style5 .cms-page-title-inner .cms-page-subtitle { font-size: 15px; line-height: 24px; color: #f9f9f9; font-family: inherit; max-width: 650px; margin: auto; } #cms-page-title.pt-style6, #cms-page-title.pt-style7 { padding-top: 222px; } #cms-page-title.pt-style6 .cms-page-title-inner h1, #cms-page-title.pt-style7 .cms-page-title-inner h1 { font-size: 45px; padding-bottom: 66px; } #cms-page-title.pt-style6 .cms-page-title-inner .cms-page-subtitle, #cms-page-title.pt-style7 .cms-page-title-inner .cms-page-subtitle { font-size: 35px; line-height: 1; color: #b1525a; padding: 23px 0 8px; } #cms-page-title.pt-style6:after, #cms-page-title.pt-style7:after { position: absolute; content: ""; height: 8px; width: 100%; bottom: 0; left: 0; right: 0; background-position: center bottom; z-index: 99; } #cms-page-title.pt-style6:after { background-image: url(../images/p_line1.png); background-repeat: no-repeat; } #cms-page-title.pt-style7:after { background-image: url(../images/p_line2.png); background-repeat: repeat-x; } .home #cms-breadcrumb { display: none; /* ========================================================================== [End] 2. Page Title ========================================================================== */ /* ========================================================================== [Start] 3. Primary ========================================================================== */ } #cms-theme.search #sidebar .widget_search { display: none; } #cms-content { padding: 110px 0 190px 0; background-color: #fff; } #cms-content.noPadding { padding: 0 !important; } .row-has-boxshadow:before, .row-has-boxshadow:after { height: 12px; width: 100%; position: absolute; left: 0; content: ""; z-index: 99; opacity: 0.3; } .row-has-boxshadow:before { top: 0; background-image: url(../images/box-shadow-top.png); background-repeat: repeat-x; } .row-has-boxshadow:after { bottom: 0; background-image: url(../images/box-shadow-bottom.png); background-repeat: repeat-x; } .row-has-boxshadow-top:before { height: 12px; width: 100%; position: absolute; top: 0; left: 0; content: ""; background-image: url(../images/box-shadow-top.png); background-repeat: repeat-x; z-index: 99; opacity: 0.3; } .row-has-boxshadow-bottom:before { height: 12px; width: 100%; position: absolute; bottom: 0; left: 0; content: ""; background-image: url(../images/box-shadow-top.png); background-repeat: repeat-x; z-index: 99; opacity: 0.3; } .row-divider .row-divider-top, .row-divider .row-divider-bottom { width: 100%; position: absolute; left: 0; z-index: 99; } .row-divider .row-divider-top { top: 0; } .row-divider .row-divider-bottom { bottom: 0; -webkit-transform: rotate(180deg); -khtml-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .row-divider.remove-divider-top .row-divider-top { display: none; } .row-divider.row-divider-style1 .row-divider-top, .row-divider.row-divider-style1 .row-divider-bottom { height: 8px; background-image: url(../images/row-divider-style1.png); background-repeat: no-repeat; } .row-divider.row-divider-style2 .row-divider-top, .row-divider.row-divider-style2 .row-divider-bottom { height: 4px; background-image: url(../images/row-divider-style2.png); background-repeat: repeat-x; } .row-divider.row-divider-style3 .row-divider-top, .row-divider.row-divider-style3 .row-divider-bottom { height: 3px; background-image: url(../images/row-divider-style3.png); background-repeat: repeat-x; } .row-divider.row-divider-style4 .row-divider-top, .row-divider.row-divider-style4 .row-divider-bottom { height: 8px; background-image: url(../images/row-divider-style4.png); background-repeat: repeat-x; } .row-divider.row-divider-style5 .row-divider-top, .row-divider.row-divider-style5 .row-divider-bottom { height: 3px; background-image: url(../images/row-divider-style5.png); background-repeat: repeat-x; } .row-divider.row-divider-style6 .row-divider-top, .row-divider.row-divider-style6 .row-divider-bottom { height: 6px; background-image: url(../images/row-divider-style6.png); background-repeat: repeat-x; } .row-divider.row-divider-style7 .row-divider-top, .row-divider.row-divider-style7 .row-divider-bottom { height: 7px; background-image: url(../images/row-divider-style7.png); background-repeat: repeat-x; } .row-divider.row-divider-style8 .row-divider-bottom { height: 4px; background-image: url(../images/row-divider-style2.png); background-repeat: repeat-x; } .row-divider.row-divider-style8 .row-svg-top { position: absolute; width: 90px; height: 21px; left: 0; right: 0; margin: auto; z-index: 99; top: 0; -webkit-transform: rotate(180deg); -khtml-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .row-divider.row-divider-style9 .row-divider-bottom { height: 8px; background-image: url(../images/row-divider-style1.png); background-repeat: no-repeat; } .row-divider.row-divider-style9 .row-svg-top { position: absolute; width: 90px; height: 21px; left: 0; right: 0; margin: auto; z-index: 99; top: 0; -webkit-transform: rotate(180deg); -khtml-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-video-popup-wrapper { text-align: center; background-repeat: no-repeat; background-size: cover; background-position: center; overflow: hidden; /* [Start] 404 Page +-----------------------------------+ */ } .cms-video-popup-wrapper .cms-button-video { display: inline-block; height: 68px; width: 68px; background-position: center; background-repeat: no-repeat; background-image: url(../images/video-button1.png); -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; /* BACKGROUND GRADIENT */ } .cms-video-popup-wrapper.button-style1 .cms-button-video { background-color: #222; } .cms-video-popup-wrapper.button-style1 .cms-button-video:hover { background-color: #b1525a; } .cms-video-popup-wrapper.button-style2 .cms-button-video, .cms-video-popup-wrapper.button-style3 .cms-button-video { height: 32px; width: 32px; background-image: url(../images/video-button2.png); } .cms-video-popup-wrapper.button-style2 .cms-button-video:before, .cms-video-popup-wrapper.button-style3 .cms-button-video:before { border: 2px solid #f9f9f9; border-radius: 100%; content: ""; display: block; height: 68px; left: -18px; position: absolute; top: -18px; width: 68px; z-index: 1; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-video-popup-wrapper.button-style2 .cms-button-video:hover, .cms-video-popup-wrapper.button-style3 .cms-button-video:hover { background-color: #b1525a; } .cms-video-popup-wrapper.button-style2 .cms-button-video:hover:before, .cms-video-popup-wrapper.button-style3 .cms-button-video:hover:before { border-color: #b1525a; } .cms-video-popup-wrapper.button-style3 .cms-button-video:before { border: 2px solid #b1525a; background-color: #b1525a; } .cms-video-popup-wrapper.button-style3 .cms-button-video:after { content: ""; height: 32px; width: 32px; background-image: url(../images/video-button2.png); position: absolute; top: 0; left: 0; z-index: 1; } .cms-video-popup-wrapper.button-style3 .cms-button-video:hover:before { border-color: #fff; background-color: transparent; } .cms-video-popup-wrapper.intro-active { height: 360px; position: relative; } .cms-video-popup-wrapper.intro-active .cms-button-video { position: absolute; top: 50%; left: 0; right: 0; margin: auto; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ z-index: 2; } .cms-video-popup-wrapper.intro-active span { display: block; height: 100%; position: absolute; width: 100%; z-index: 1; } .error404 { /* [Start] Slider +-----------------------------------+ */ } .error404 .error-404 { position: relative; z-index: 99; margin-top: 80px; } .error404 #cms-content { height: 100vh; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; align-items: center; display: flex; padding: 0 !important; } .error404 #cms-content:before { content: ""; background-color: rgba(27, 26, 26, 0.75); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .error404 #cms-content .page-404-title { font-size: 250px; line-height: 1; color: #fff; margin-bottom: 10px; } .error404 #cms-content .page-404-desc { color: #fff; font-size: 15px; line-height: 24px; margin: auto; max-width: 670px; padding-top: 18px; padding-bottom: 35px; } .error404 #cms-content .icon-404 { display: inline-block; width: 54px; height: 14px; background-image: url(../images/icon-h1.png); } .rev_slider_wrapper .text-center { text-align: center !important; } .rev_slider_wrapper .btn { line-height: 1 !important; padding-top: 16px; padding-bottom: 16px; } .rev_slider_wrapper .btn-space { margin: 0 15px; } .rev_slider_wrapper .tp-dottedoverlay.twoxtwo { background-image: none; background-color: rgba(27, 26, 26, 0.11); } .rev_slider_wrapper .btn-nowrap { white-space: nowrap !important; } .rev_slider_wrapper .tparrows.custom { background-color: rgba(0, 0, 0, 0.4) !important; height: 60px; width: 60px; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; /* BACKGROUND GRADIENT */ background-image: url(../images/arrow-slider.png) !important; background-repeat: no-repeat; background-position: center left; -webkit-transition: all 300ms linear 0ms !important; -moz-transition: all 300ms linear 0ms !important; -ms-transition: all 300ms linear 0ms !important; transition: all 300ms linear 0ms !important; } .rev_slider_wrapper .tparrows.custom.tp-rightarrow { background-position: center right; } .rev_slider_wrapper .tparrows.custom:before, .rev_slider_wrapper .tparrows.custom:after { content: "" !important; } .rev_slider_wrapper .tparrows.custom:hover { background-color: #b1525a !important; } .rev_slider_wrapper .tp-bullets.custom .tp-bullet { height: 6px; width: 6px; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; /* BACKGROUND GRADIENT */ border: 3px solid #fff; background-color: transparent !important; } .rev_slider_wrapper .tp-bullets.custom .tp-bullet:hover, .rev_slider_wrapper .tp-bullets.custom .tp-bullet.selected { background-color: #fff !important; } .fixed-bottom { bottom: 0; left: 0; margin: 0 !important; position: absolute; right: 0; width: 100%; } .fixed-bottom > .vc_column_container { margin: auto; max-width: 1140px; } #bg-position-bottom { background-position: center bottom !important; } .row-overlay { position: relative; } .row-overlay:after { background-color: inherit; bottom: 0; content: ""; display: block !important; height: 100% !important; left: 0; position: absolute; right: 0; top: 0; visibility: visible !important; } .row-overlay .vc_column-inner { position: relative; z-index: 1; } .col-overlay-color { position: relative; } .col-overlay-color > .vc_column-inner:before { background-color: inherit; bottom: 0; content: ""; display: block !important; height: 100% !important; left: 0; position: absolute; right: 0; top: 0; visibility: visible !important; } .col-overlay-color > .vc_column-inner > .wpb_wrapper { position: relative; z-index: 1; } .row-arrow .row-svg-bottom, .row-arrow .row-svg-top { position: absolute; width: 90px; height: 21px; left: 0; right: 0; margin: auto; z-index: 99; } .row-arrow .row-svg-bottom .st0, .row-arrow .row-svg-top .st0 { fill: #fff; } .row-arrow .row-svg-top { top: -1px; -webkit-transform: rotate(180deg); -khtml-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .row-arrow .row-svg-bottom { bottom: -1px; } .row-arrow.remove-arrow-bottom .row-svg-bottom, .row-arrow.remove-arrow-top .row-svg-top { display: none; } .row-arrow.row-arrow-dark .st0 { fill: #1d1d1d; } .col-overlay .vc_column-inner { position: relative; } .col-overlay .vc_column-inner:after { background-color: inherit; bottom: 0; content: ""; display: block !important; height: 100% !important; left: 0; position: absolute; right: 0; top: 0; visibility: visible !important; } .col-overlay .vc_column-inner .wpb_wrapper { position: relative; z-index: 1; } .section-offset-right .vc_row .vc_column-inner { padding-left: 15px !important; padding-right: 15px !important; } .vc_row-no-padding .section-offset-right .vc_row { padding-right: 15px; } .vc_row-no-padding .section-offset-left .vc_row { padding-left: 15px; /* Hidden Sidebar */ } .hidden-sidebar-close { position: absolute; right: 30px; top: 30px; cursor: pointer; } .hidden-sidebar-close:hover { background-color: #282828; } .cms-hidden-sidebar-wrap { padding: 60px 50px 40px 50px; width: 100%; max-width: 370px; background-color: #fff; position: fixed; top: 0; right: 0; z-index: 1002; opacity: 0; height: 100%; bottom: 0; -webkit-transform: translateX(100%); -khtml-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ visibility: hidden; -webkit-transition: all 260ms linear 0ms; -moz-transition: all 260ms linear 0ms; -ms-transition: all 260ms linear 0ms; transition: all 260ms linear 0ms; } .cms-hidden-sidebar-wrap .cms-hidden-sidebar-inner { width: 100% !important; } .cms-hidden-sidebar-wrap .cms-hidden-sidebar-inner > aside { margin-bottom: 40px; } .cms-hidden-sidebar-wrap.open { visibility: visible; -webkit-transform: translateX(0%); -khtml-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ opacity: 1; } .admin-bar .cms-hidden-sidebar-wrap { top: 32px; /* Search Popup */ } .cms-search-wrap, .cms-menu-popup-wrap { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 999; background-color: rgba(34, 34, 34, 0.96); -webkit-transition: all 260ms linear 0ms; -moz-transition: all 260ms linear 0ms; -ms-transition: all 260ms linear 0ms; transition: all 260ms linear 0ms; opacity: 0; visibility: hidden; } .cms-search-wrap { z-index: 9999; /* Menu Popup */ } .cms-search-wrap .cshero-search-inner { left: 0; margin: auto; max-width: 570px; position: absolute; right: 0; top: 55%; transform: translate(0px, -50%); width: 100%; -webkit-transition: all 320ms linear 0ms; -moz-transition: all 320ms linear 0ms; -ms-transition: all 320ms linear 0ms; transition: all 320ms linear 0ms; opacity: 0; } .cms-search-wrap .cshero-search-inner #searchform input[type="text"] { background-color: transparent; border: medium none; padding: 0 40px 0 0; font-size: 35px; font-family: 'Kaushanscript Regular'; color: #fff; font-weight: 300; height: 60px; } .cms-search-wrap .cshero-search-inner #searchform > div::before { color: #b1525a; font-size: 28px; right: 5px; } .cms-search-wrap .cshero-search-inner #searchform #searchsubmit { height: 60px; width: 40px; } .cms-search-wrap.open { opacity: 1; visibility: visible; } .cms-search-wrap.open .cshero-search-inner { top: 50%; opacity: 1; } .cms-menu-popup-wrap { padding-bottom: 90px; } .cms-menu-popup-wrap .cms-menu-popup-inner { left: 0; margin: auto; padding: 0 30px; position: absolute; right: 0; top: 50%; transform: translate(0px, -50%); width: 100%; -webkit-transition: all 320ms linear 0ms; -moz-transition: all 320ms linear 0ms; -ms-transition: all 320ms linear 0ms; transition: all 320ms linear 0ms; text-align: center; width: 100% !important; } .cms-menu-popup-wrap .cms-menu-popup-copyright { bottom: 40px; left: 0; position: absolute; right: 0; text-align: center; padding: 0 30px; } .cms-menu-popup-wrap.open { opacity: 1; visibility: visible; } .cms-hidden-overlay { background-color: rgba(34, 34, 34, 0.6); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 1001; opacity: 0; visibility: hidden; -webkit-transition: all 200ms linear 0ms; -moz-transition: all 200ms linear 0ms; -ms-transition: all 200ms linear 0ms; transition: all 200ms linear 0ms; /* Page Loading */ } .cms-hidden-overlay.open { opacity: 1; visibility: visible; } #cms-loadding { background: #fff; height: 100%; position: fixed; width: 100%; z-index: 10000; top: 0; } #cms-loadding .cms-loader:before, #cms-loadding .cms-loader:after, #cms-loadding .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-loadding .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-loadding .cms-loader:before, #cms-loadding .cms-loader:after { content: ''; position: absolute; top: 0; } #cms-loadding .cms-loader:before { left: -28px; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } #cms-loadding .cms-loader:after { left: 28px; } @-webkit-keyframes cmsloader { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em #b1525a; } 40% { box-shadow: 0 2.5em 0 0 #b1525a; } } @keyframes cmsloader { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em #b1525a; } 40% { box-shadow: 0 2.5em 0 0 #b1525a; } } #cms-buy-button-fixed { background: #b1525a; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; /* BACKGROUND GRADIENT */ bottom: 40px; -webkit-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.35); -ms-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.35); box-shadow: 0 15px 50px rgba(0, 0, 0, 0.35); padding: 16px 22px; position: fixed; right: 92px; z-index: 9999; } #cms-buy-button-fixed .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); } .bg-image-fixed > .vc_column-inner { background-attachment: fixed !important; } .cms-flex-wrap { align-content: center; display: flex; flex-wrap: wrap; /* ========================================================================== [End] 3. Primary ========================================================================== */ } .cms-flex-wrap .cms-flex-center { align-items: center; display: flex; } @font-face { font-family: 'Raleway Regular'; src: url('../fonts/raleway-regular-webfont.woff2') format('woff2'), url('../fonts/raleway-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } .ft-wr { font-family: 'Raleway Regular'; } @font-face { font-family: 'Kaushanscript Regular'; src: url('../fonts/kaushanscript-regular-webfont.woff2') format('woff2'), url('../fonts/kaushanscript-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } .ft-kh { font-family: 'Kaushanscript Regular'; } @font-face { font-family: 'Greatvibes Regular'; src: url('../fonts/greatvibes-regular-webfont.woff2') format('woff2'), url('../fonts/greatvibes-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } .ft-kg { font-family: 'Greatvibes Regular'; } @font-face { font-family: 'Droidserif'; src: url('../fonts/droidserif-webfont.woff2') format('woff2'), url('../fonts/droidserif-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } .ft-ds { font-family: 'Droidserif'; } .cms-heading-wrapper .ft-ds { font-family: 'Droidserif' !important; } @font-face { font-family: 'Droidserif Italic'; src: url('../fonts/droidserif-italic-webfont.woff2') format('woff2'), url('../fonts/droidserif-italic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } .ft-dsi { font-family: 'Droidserif Italic'; } .cms-heading-wrapper .ft-dsi { font-family: 'Droidserif Italic' !important; } @font-face { font-family: 'Droidserif Bold'; src: url('../fonts/droidserif-bold-webfont.woff2') format('woff2'), url('../fonts/droidserif-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } .ft-dsb { font-family: 'Droidserif Bold'; } .cms-heading-wrapper .ft-dsb { font-family: 'Droidserif Bold' !important; } .cms-menu-popup-wrap .menu-main-menu > li { display: inline-block; padding: 0 28px; } .cms-menu-popup-wrap .menu-main-menu > li > a { font-size: 30px; font-weight: 800; color: #fff; } .cms-menu-popup-wrap .menu-main-menu > li.current-menu-ancestor > a, .cms-menu-popup-wrap .menu-main-menu > li.current-page-parent > a, .cms-menu-popup-wrap .menu-main-menu > li.current-menu-parent > a, .cms-menu-popup-wrap .menu-main-menu > li.current-menu-item > a, .cms-menu-popup-wrap .menu-main-menu > li > a:hover { color: #b1525a; } .cms-menu-popup-wrap ul.submenu { display: none; } @media screen and (min-width: 992px) { /* -----> Minimum width of 992 pixels. */ .new-item-menu a { line-height: 100px; color: #fff; padding: 0 15px; } .new-item-menu a:hover { color: #b1525a; } .header-fixed .new-item-menu a { line-height: 80px; color: #282828; } .header-fixed .new-item-menu a:hover { color: #b1525a; } #cshero-menu-mobile { display: none; } .effect-line .menu-main-menu > li > a .menu-title { position: static; } .effect-line .menu-main-menu > li > a .menu-title:before { bottom: 0; height: 2px; width: 0; left: 0; right: 0; margin: auto; background-color: transparent; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; position: absolute; content: ""; } .effect-line .menu-main-menu > li > a.is-one-page .menu-title:before { width: 0; background-color: transparent !important; } .effect-line .menu-main-menu > li > a.is-one-page:hover .menu-title:before, .effect-line .menu-main-menu > li > a.is-one-page.current .menu-title:before { width: 20px; background-color: #282828 !important; } .effect-line .menu-main-menu > li.current-menu-ancestor > a .menu-title:before, .effect-line .menu-main-menu > li.current-page-parent > a .menu-title:before, .effect-line .menu-main-menu > li.current-menu-parent > a .menu-title:before, .effect-line .menu-main-menu > li.current-menu-item > a .menu-title:before, .effect-line .menu-main-menu > li > a:hover .menu-title:before { width: 20px; background-color: #282828; } .effect-line.l-style .menu-main-menu > li > a .menu-title { position: relative; } .effect-line.l-style .menu-main-menu > li > a .menu-title:before { bottom: -8px; } #cshero-header-navigation { position: static; } .cshero-header-navigation .main-navigation { text-align: right; } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li, .cshero-header-navigation .main-navigation .menu-main-menu > li { vertical-align: top; padding: 0 13px; display: inline-block; position: relative; } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a, .cshero-header-navigation .main-navigation .menu-main-menu > li > a { font-size: 13px; color: #282828; display: block; text-transform: uppercase; -webkit-transition: all 300ms linear 0ms !important; -moz-transition: all 300ms linear 0ms !important; -ms-transition: all 300ms linear 0ms !important; transition: all 300ms linear 0ms !important; font-weight: 800; line-height: 100px; visibility: inherit !important; position: relative; } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a i, .cshero-header-navigation .main-navigation .menu-main-menu > li > a i { display: block; width: 100%; line-height: 0; margin-bottom: 6px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a i + .menu-title, .cshero-header-navigation .main-navigation .menu-main-menu > li > a i + .menu-title { -webkit-transform: translateY(25px); -khtml-transform: translateY(25px); -moz-transform: translateY(25px); -ms-transform: translateY(25px); -o-transform: translateY(25px); transform: translateY(25px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ display: block; } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a.onepage.current, .cshero-header-navigation .main-navigation .menu-main-menu > li > a.onepage.current { color: #b1525a; } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li > ul.sub-menu, .cshero-header-navigation .main-navigation .menu-main-menu > li > ul.sub-menu { opacity: 0; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li:hover > ul.sub-menu, .cshero-header-navigation .main-navigation .menu-main-menu > li:hover > ul.sub-menu { opacity: 1; } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li .cs-menu-toggle, .cshero-header-navigation .main-navigation .menu-main-menu > li .cs-menu-toggle { display: none; } .cshero-header-navigation .main-navigation { /* Menu Stick Wall */ } .cshero-header-navigation .main-navigation li ul:not(.wg-menu-item) { background-color: rgba(27, 26, 26, 0.95); margin: 0; padding: 11px 0; position: absolute; top: 100%; z-index: 1001; height: 0px; min-width: 210px; width: inherit !important; overflow: hidden; visibility: hidden; clip: rect(1px, 1px, 1px, 1px); -webkit-transform: scaleY(0); -khtml-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; -o-transform-origin: 0 0 0; } .cshero-header-navigation .main-navigation li ul:not(.wg-menu-item) li.menu-item-has-children > a { position: relative; } .cshero-header-navigation .main-navigation li ul:not(.wg-menu-item) li.menu-item-has-children > a:after { content: "\f105"; font-family: FontAwesome; font-size: inherit; position: absolute; right: 0; color: #7f7f7f; font-weight: normal; } .cshero-header-navigation .main-navigation li:hover > ul.sub-menu { height: inherit; overflow: visible; visibility: visible; opacity: 1; clip: inherit; -webkit-transform: scaleY(1); -khtml-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cshero-header-navigation .main-navigation li ul ul:not(.wg-menu-item) { top: -11px; left: 100%; /* End Menu Stick Wall */ } .cshero-header-navigation .main-navigation li ul ul:not(.wg-menu-item).back { right: 100%; left: auto; } .cshero-header-navigation .main-navigation li ul ul:not(.wg-menu-item).back ul:not(.back) { right: 100%; left: auto; } .cshero-header-navigation .main-navigation li ul ul:not(.wg-menu-item).back ul.back { left: 100%; right: auto; } .cshero-header-navigation .main-navigation li ul ul:not(.wg-menu-item).back ul.back ul:not(.back) { left: 100%; right: auto; } .cshero-header-navigation .main-navigation li ul ul:not(.wg-menu-item).back ul.back ul.back { right: 100%; left: auto; } .cshero-header-navigation .main-navigation { /* End Menu Sub Level */ /* Start Mega Menu */ } .cshero-header-navigation .main-navigation ul li:hover > ul, .cshero-header-navigation .main-navigation ul li:focus > ul, .cshero-header-navigation .main-navigation .focus > ul { border-left: 0; clip: inherit; height: inherit; overflow: visible; visibility: visible; } .cshero-header-navigation .main-navigation li ul li { padding: 0 25px; white-space: nowrap; } .cshero-header-navigation .main-navigation li ul li a { display: block; font-size: 13px; padding: 8px 0; text-align: left; color: #7f7f7f; border-bottom: 1px solid rgba(127, 127, 127, 0.1); -webkit-transition: all 300ms linear 0ms !important; -moz-transition: all 300ms linear 0ms !important; -ms-transition: all 300ms linear 0ms !important; transition: all 300ms linear 0ms !important; } .cshero-header-navigation .main-navigation li ul li a i { padding-right: 6px; } .cshero-header-navigation .main-navigation li ul li a:hover { color: #b1525a; padding-left: 12px; } .cshero-header-navigation .main-navigation li ul li.current-menu-ancestor > a, .cshero-header-navigation .main-navigation li ul li.current-menu-parent > a, .cshero-header-navigation .main-navigation li ul li.current-menu-item > a { color: #b1525a; } .cshero-header-navigation .main-navigation li ul li.current-menu-ancestor > a:after, .cshero-header-navigation .main-navigation li ul li.current-menu-parent > a:after, .cshero-header-navigation .main-navigation li ul li.current-menu-item > a:after { color: #b1525a !important; } .cshero-header-navigation .main-navigation li ul.sub-menu li:last-child > a { border: none; } .cshero-header-navigation .main-navigation ul.sub-menu li { position: relative; } .cshero-header-navigation .main-navigation { /* End Start Mega Menu */ /* Header Fixed */ } .cshero-header-navigation .main-navigation .columns2 > li:nth-of-type(2n+1), .cshero-header-navigation .main-navigation .columns3 > li:nth-child(3n+1), .cshero-header-navigation .main-navigation .columns4 > li:nth-child(4n+1), .cshero-header-navigation .main-navigation .columns5 > li:nth-child(5n+1) { clear: left; border-right: 0px solid transparent; } .cshero-header-navigation .main-navigation .columns5 > li { width: 20% !important; } .cshero-header-navigation .main-navigation .columns4 > li { width: 25% !important; } .cshero-header-navigation .main-navigation .columns3 > li { width: 33.3344% !important; } .cshero-header-navigation .main-navigation .columns2 > li { width: 50% !important; } .cshero-header-navigation .main-navigation [class*="columns"] { padding-top: 30px !important; padding-bottom: 30px !important; } .cshero-header-navigation .main-navigation [class*="columns"] > li { float: left; padding: 0; } .cshero-header-navigation .main-navigation [class*="columns"] > li ul li { padding: 0 25px; } .cshero-header-navigation .main-navigation [class*="columns"] > li ul li ul.sub-menu li { padding: 0 30px; } .cshero-header-navigation .main-navigation [class*="columns"] > li > a { width: 100%; border-bottom: none; } .cshero-header-navigation .main-navigation [class*="columns"] > li > a:after { content: "" !important; } .cshero-header-navigation .main-navigation .menu-main-menu li.has_full_width { position: inherit; } .cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu { left: 0; margin: auto; right: 0; width: 100% !important; } .cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu li a { display: block; font-size: 13px; padding: 6px 0; text-align: left; color: #7f7f7f; } .cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu li a:hover { color: #b1525a; padding-left: 10px; } .cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu li:before { display: none; } .cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu li.current-menu-item > a { color: #b1525a; } .cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu > li > a { padding: 0 25px; margin-bottom: 8px; margin-top: 6px; } .cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu > li > a, .cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu > li > a span { color: #fff; font-weight: 600; padding-left: 13px !important; } .cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu > li > a:hover, .cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu > li > a span:hover { background-color: transparent; } .cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu > li > ul.sub-menu { background-color: transparent; border-top: none !important; } .cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_to_right.sub-menu { left: auto; right: 90px; margin: auto; } .cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_to_right.sub-menu .sub-menu { background-color: transparent; } .cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_to_right.sub-menu > li > a { display: block; font-size: 13px; padding: 6px 0; text-align: left; color: #7f7f7f; } .cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_to_right.sub-menu > li > a:hover { color: #b1525a; } .cshero-header-navigation .main-navigation li.group > ul.sub-menu { display: block; float: left; left: 0; position: relative; width: 100%; height: inherit; } .cshero-header-navigation .main-navigation ul.multicolumn > li { border-left: 1px solid rgba(127, 127, 127, 0.1); padding-left: 10px; } .cshero-header-navigation .main-navigation ul.multicolumn > li.hidden-menu-item > a { display: none !important; } .cshero-header-navigation .main-navigation ul.multicolumn > li ul.sub-menu ul.sub-menu { background-color: #fff !important; opacity: 0; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .cshero-header-navigation .main-navigation ul.multicolumn > li ul.sub-menu > li:hover > ul.sub-menu { opacity: 1; } .cshero-header-navigation .main-navigation ul.multicolumn > li > ul.sub-menu { height: inherit; opacity: 1; overflow: visible; padding-bottom: 0; visibility: visible; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; -webkit-transform: scaleY(1); -khtml-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cshero-header-navigation .main-navigation ul.multicolumn > li > ul.sub-menu > li > a { border-bottom: none; } .cshero-header-navigation .main-navigation ul.multicolumn > li:hover { position: relative; z-index: 10; } .cshero-header-navigation .main-navigation ul.multicolumn > li.hidden-menu-item > a { display: none; } .cshero-header-navigation .main-navigation ul.standar-dropdown li ul.sub-menu { opacity: 0; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .cshero-header-navigation .main-navigation ul.standar-dropdown li:hover ul.sub-menu { opacity: 1; } .header-7.no-header-top .cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu { max-width: 1170px; padding-left: 15px !important; padding-right: 15px !important; } } .cs-menu-toggle { cursor: pointer; display: inline-block; height: 30px; line-height: 30px; position: absolute; right: 0; text-align: center; top: 6px; width: 30px; /* -----> Max width of 992 pixels. */ } .cs-menu-toggle:before { content: "\f278"; font-family: Material-Design-Iconic-Font; font-size: 14px; color: #282828; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cs-menu-toggle:hover:before { color: #b1525a; } @media screen and (max-width: 991px) { /* -----> End Max width of 992 pixels. */ .cms-menu-popup-wrap .menu-main-menu > li { display: block; } .cms-menu-popup-wrap .menu-main-menu > li > a { display: block; padding: 10px 0; } #cshero-header { border-bottom: 1px solid #e7e4ef; background-color: #fff; } #cshero-header > .container { position: relative; z-index: 1001; } #cshero-header #cshero-header-logo { padding: 0 15px; } #cshero-header #cshero-header-logo a { display: inline-block; line-height: 100px; } #cshero-header #cshero-header-logo a img { max-height: 80px; } #cshero-header #cshero-header-navigation { background-color: #fff; max-width: 330px; position: absolute; right: 0; top: 121px; z-index: 1001; padding: 18px 30px; opacity: 0; visibility: hidden; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22); -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; width: 100% !important; } #cshero-header #cshero-header-navigation.navigation-open { opacity: 1; visibility: visible; top: 101px; } #cshero-header #cshero-header-navigation .menu-main-menu li { border-bottom: 1px solid rgba(0, 0, 0, 0.07); position: relative; height: inherit !important; } #cshero-header #cshero-header-navigation .menu-main-menu li a { display: block; padding: 9px 0; color: #282828; visibility: inherit !important; } #cshero-header #cshero-header-navigation .menu-main-menu li:last-child { border-bottom: none; } #cshero-header #cshero-header-navigation .menu-main-menu li.current-menu-ancestor > a, #cshero-header #cshero-header-navigation .menu-main-menu li.current-menu-parent > a, #cshero-header #cshero-header-navigation .menu-main-menu li.current-menu-item > a, #cshero-header #cshero-header-navigation .menu-main-menu li:hover > a { color: #b1525a; } #cshero-header #cshero-header-navigation .menu-main-menu.nav-menu-left li:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.07); } #cshero-header #cshero-header-navigation .menu-main-menu .sub-menu { display: none; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } #cshero-header #cshero-header-navigation .menu-main-menu .sub-menu li a { padding-left: 10px; padding-right: 10px; } #cshero-header #cshero-header-navigation .menu-main-menu .sub-menu li:first-child { border-top: 1px solid rgba(0, 0, 0, 0.07); } #cshero-header #cshero-header-navigation .menu-main-menu .sub-menu li:last-child { border-bottom: none; } #cshero-header #cshero-header-navigation .menu-main-menu .sub-menu li .sub-menu li a { padding-left: 15px; } #cshero-header #cshero-header-navigation .menu-main-menu .sub-menu.submenu-open + .cs-menu-toggle:before { content: "\f273"; } #cshero-menu-mobile { display: block; position: absolute; right: 15px; top: 50%; transform: translate(0px, -50%); } #cshero-menu-mobile i { background-color: #222; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22); -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; color: #fff; cursor: pointer; font-size: 20px; height: 36px; line-height: 36px; text-align: center; width: 46px; display: inline-block; margin-right: 6px; } #cshero-menu-mobile i:hover { background-color: #b1525a; } #cshero-menu-mobile cite { background-color: #b1525a; border-radius: 100%; font-size: 12px; font-style: normal; height: 18px; line-height: 18px; position: absolute; right: 0; top: -6px; width: 18px; } } @media screen and (max-width: 767px) { /* ========================================================================== End Style Main Menu ========================================================================== */ #cshero-menu-mobile i { font-size: 15px; height: 30px; line-height: 30px; margin-right: 3px; width: 30px; } } .wg-title, #reply-title, .comments-title { font-size: 20px; line-height: 30px; color: #282828; margin-bottom: 20px; position: relative; padding-bottom: 2px; } #sidebar, .wpb_widgetised_column { /* [Start] 1. Newletter +-----------------------------------+ */ } #sidebar #widget-area > aside, .wpb_widgetised_column #widget-area > aside, #sidebar .slidingbar-widget-col, .wpb_widgetised_column .slidingbar-widget-col { margin-bottom: 40px; } #sidebar #widget-area > aside:last-child, .wpb_widgetised_column #widget-area > aside:last-child, #sidebar .slidingbar-widget-col:last-child, .wpb_widgetised_column .slidingbar-widget-col:last-child { margin-bottom: 0; padding-bottom: 0; border: none; } #sidebar .widget_products ul li, .wpb_widgetised_column .widget_products ul li { margin-bottom: 20px; padding: 0; } #sidebar .widget_products ul li:last-child, .wpb_widgetised_column .widget_products ul li:last-child { border: none; margin-bottom: 0; } #sidebar .widget_products ul li a, .wpb_widgetised_column .widget_products ul li a { font-size: 19px; line-height: 22px; color: #282828; font-family: 'Kaushanscript Regular'; } #sidebar .widget_products ul li a:hover, .wpb_widgetised_column .widget_products ul li a:hover { color: #b1525a; } #sidebar .widget_products ul li a img, .wpb_widgetised_column .widget_products ul li a 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 */ float: left; margin: 0 15px 0 0; max-width: 50px; width: 100%; } #sidebar .widget_products ul li a .product-title, .wpb_widgetised_column .widget_products ul li a .product-title { display: block; margin-bottom: 6px; } #sidebar .widget_products ul li .amount, .wpb_widgetised_column .widget_products ul li .amount, #sidebar .widget_products ul li ins .amount, .wpb_widgetised_column .widget_products ul li ins .amount { font-size: 14px; color: #b1525a; font-family: 'Kaushanscript Regular'; line-height: 1; } #sidebar .widget_products ul li del .amount, .wpb_widgetised_column .widget_products ul li del .amount { color: #282828; font-size: 14px; font-weight: normal; font-family: 'Kaushanscript Regular'; } .site-footer .widget_newsletterwidget .newsletter-subscription { margin: 0; } .site-footer .widget_newsletterwidget form { position: relative; } .site-footer .widget_newsletterwidget form .tnp-field-email { margin: 0; } .site-footer .widget_newsletterwidget form .tnp-field-email label { display: none; } .site-footer .widget_newsletterwidget form .tnp-field-email .tnp-email { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; border: 1px solid #222 !important; background-color: rgba(25, 25, 25, 0.6) !important; font-style: italic; height: 42px !important; font-size: 13px !important; color: #474747; -webkit-border-radius: 42px; -khtml-border-radius: 42px; -moz-border-radius: 42px; -ms-border-radius: 42px; -o-border-radius: 42px; border-radius: 42px; /* BACKGROUND GRADIENT */ padding: 10px 20px; } .site-footer .widget_newsletterwidget form .tnp-field-button { position: absolute; right: 0; top: 0; margin-bottom: 0; } .site-footer .widget_newsletterwidget form .tnp-field-button:before { content: "\f178"; color: #b1525a; display: block; font-family: FontAwesome; font-size: 11px; height: 42px; line-height: 42px; text-align: center; width: 42px; } .site-footer .widget_newsletterwidget form .tnp-field-button:after { content: ""; height: 2px; width: 0; background-color: #b1525a; display: block; position: absolute; right: 16px; bottom: 0; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .site-footer .widget_newsletterwidget form .tnp-field-button:hover:after { width: 11px; } .site-footer .widget_newsletterwidget form .tnp-field-button .tnp-submit { height: 42px !important; width: 42px !important; padding: 0 15px; background-color: transparent !important; border: none !important; font-weight: 700; color: #fff; position: initial !important; text-indent: -9999px; position: absolute !important; top: 0; right: 0; } .wpb_widgetised_column .widget_newsletterwidget { text-align: center; /* [Start] 2. Search +-----------------------------------+ */ } .wpb_widgetised_column .widget_newsletterwidget .newsletter-subscription { margin: 0; } .wpb_widgetised_column .widget_newsletterwidget .tnp-widget { margin-top: 12px; } .wpb_widgetised_column .widget_newsletterwidget form { position: relative; } .wpb_widgetised_column .widget_newsletterwidget form .tnp-field-email { display: inline-block; margin: 0; vertical-align: middle; max-width: 370px; width: 100%; margin: 20px 13px 0 13px; } .wpb_widgetised_column .widget_newsletterwidget form .tnp-field-email label { display: none; } .wpb_widgetised_column .widget_newsletterwidget form .tnp-field-email .tnp-email { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; border: 2px solid #eee !important; background-color: transparent !important; height: 50px !important; font-size: 13px !important; color: #fff; padding-left: 18px; -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 */ } .wpb_widgetised_column .widget_newsletterwidget form .tnp-field-button { position: static; right: 0; top: 0; margin-bottom: 0; display: inline-block; vertical-align: middle; margin: 20px 13px 0 13px; } .wpb_widgetised_column .widget_newsletterwidget form .tnp-field-button .tnp-submit { -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 !important; padding: 0 50px; background-color: #b1525a !important; border: none !important; color: #fff; position: static !important; } .wpb_widgetised_column .widget_newsletterwidget form .tnp-field-button .tnp-submit:hover { background-color: #906c34 !important; } #searchform { position: relative; /* [Start] 3. Tags +-----------------------------------+ */ } #searchform .screen-reader-text { display: none; } #searchform > div:before { color: #b1525a; content: "\f002"; font-family: 'FontAwesome'; font-size: 14px; position: absolute; right: 18px; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ z-index: 1; } #searchform input[type="text"] { background-color: #f9f9f9; border-width: 2px; } #searchform #searchsubmit { position: absolute; top: 0; right: 0; background-color: transparent; opacity: 0; z-index: 2; padding: 0; height: 35px; width: 45px; } .tagcloud a { font-size: 13px !important; color: #9b9b9b; line-height: 30px; padding: 1px 14px 0; background-color: #f9f9f9; border: 1px solid #eee !important; display: inline-block; margin-right: 11px; margin-bottom: 15px; /* [Start] 4. Categories +-----------------------------------+ */ } .tagcloud a:hover { color: #b1525a; } .widget_categories li, .widget_pages li, .widget_meta li, .widget_nav_menu li, .widget_archive li, .widget_recent_entries li, .widget_recent_comments li { line-height: 31px; font-size: 13px; color: #b1525a; } .widget_categories li a, .widget_pages li a, .widget_meta li a, .widget_nav_menu li a, .widget_archive li a, .widget_recent_entries li a, .widget_recent_comments li a { color: #333; } .widget_categories li a:hover, .widget_pages li a:hover, .widget_meta li a:hover, .widget_nav_menu li a:hover, .widget_archive li a:hover, .widget_recent_entries li a:hover, .widget_recent_comments li a:hover { color: #b1525a; } .widget_categories li.page_item_has_children, .widget_pages li.page_item_has_children, .widget_meta li.page_item_has_children, .widget_nav_menu li.page_item_has_children, .widget_archive li.page_item_has_children, .widget_recent_entries li.page_item_has_children, .widget_recent_comments li.page_item_has_children { padding-left: 10px; } .widget_product_categories li { line-height: 31px; } .widget_product_categories li a { color: #333; } .widget_product_categories li a + span { color: #b1525a; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .widget_product_categories li a:hover { color: #b1525a; } .widget_product_categories li a:hover + span { color: #b1525a; } .widget_price_filter .wg-title { margin-bottom: 32px; } .widget_cs_social_widget li { display: inline-block; } .widget_cs_social_widget li a { color: #282828; font-size: 14px; padding: 0 9px; } .widget_cs_social_widget li a:hover { color: #b1525a; } .widget_cs_social_widget li:first-child { padding-left: 0; } .cms-recent-post .cms-recent-media { width: 49px; float: left; } .cms-recent-post .cms-recent-media a { height: 49px; width: 49px; background-repeat: no-repeat; background-position: center; background-size: cover; display: inline-block; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ overflow: hidden; } .cms-recent-post .cms-recent-details { padding-left: 65px; } .cms-recent-post .cms-recent-details .title { border-bottom: 1px solid #ececec; font-family: inherit; font-size: 14px; font-weight: 800; line-height: 22px; margin-bottom: 18px; margin-top: 7px; padding-bottom: 15px; } .cms-recent-post .cms-recent-details .title a { color: #282828; } .cms-recent-post .cms-recent-details .title a:hover { color: #b1525a; } .cms-recent-post .cms-recent-details .date { font-size: 11px; line-height: 1; color: #686868; font-family: inherit; font-weight: 600; } .cms-recent-post .item:last-child .cms-recent-details .title { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .widget_recent_entries li, .widget_recent_comments li { border-bottom: 1px dashed rgba(0, 0, 0, 0.1); padding: 5px 0; } .widget_recent_entries li:last-child, .widget_recent_comments li:last-child { border-bottom: none; } #sb_instagram .sbi_item img { -webkit-border-radius: 1px !important; -khtml-border-radius: 1px !important; -moz-border-radius: 1px !important; -ms-border-radius: 1px !important; -o-border-radius: 1px !important; border-radius: 1px !important; /* BACKGROUND GRADIENT */ } #sb_instagram .sbi_item .sbi_photo { position: relative; opacity: 1 !important; } #sb_instagram .sbi_item .sbi_photo:before { content: "\f16d"; color: #fff; font-size: 14px; font-family: FontAwesome; z-index: 2; width: 40px; height: 40px; text-align: center; line-height: 40px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; opacity: 0; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #sb_instagram .sbi_item .sbi_photo:after { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; content: ""; background-color: #b1525a; opacity: 0.95; z-index: 1; -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; /* BACKGROUND GRADIENT */ opacity: 0; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #sb_instagram .sbi_item .sbi_photo:hover:before, #sb_instagram .sbi_item .sbi_photo:hover:after { opacity: 1; } #sb_instagram #sbi_load { padding-top: 0 !important; } .vc_row #sb_instagram .sbi_item .sbi_photo:before { font-size: 28px; } .vc_row #sb_instagram .sbi_item .sbi_photo:after { background-color: rgba(34, 34, 34, 0.95); top: 30px; right: 30px; left: 30px; bottom: 30px; } .widget_archive .screen-reader-text, .widget_categories .screen-reader-text, .widget_meta .screen-reader-text, .widget_nav_menu .screen-reader-text { display: none; } .widget_rss li { margin-bottom: 22px; padding-bottom: 22px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .widget_rss li .rsswidget { font-size: 16px; display: block; margin-bottom: 8px; } .widget_rss li .rss-date { margin-bottom: 3px; display: block; font-style: italic; } .widget_product_search .woocommerce-product-search { position: relative; } .widget_product_search .woocommerce-product-search .screen-reader-text { display: none; } .widget_product_search .woocommerce-product-search 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: #b1525a; content: "\f002"; font-family: FontAwesome; font-size: 14px; position: absolute; right: 21px; top: 13px; z-index: 2; } @media screen and (max-width: 1590px) { #cshero-header-inner.header-11 #cshero-header > .no-container { padding: 0 25px; } #cshero-header-inner.header-11 .cshero-header-navigation .main-navigation .menu-main-menu > li { padding: 0 7px; } #cshero-header-inner.header-11 #cshero-header .top-phone a, #cshero-header-inner.header-11 #cshero-header .address-menu { font-size: 13px !important; } #cshero-header-inner.header-11 #cshero-header .top-phone { padding-right: 35px; } #cshero-header-inner.header-11 #cshero-header .top-phone i { font-size: 22px; } #cshero-header-inner.header-11 #cshero-header .top-address { padding-left: 35px; } #cshero-header-inner.header-11 #cshero-header .top-address i { font-size: 22px; } } @media screen and (max-width: 1400px) { .error404 #cms-content .page-404-title { font-size: 180px; } .mfp-menu .mfp-content { max-width: 620px; } .mfp-menu .mfp-content .cms-menu-modal { max-width: 620px; } #cms-fullpage .cms-menu-restaurant.cms-menu-restaurant-style3.no-featured-image .cms-menu-restaurant-item { margin-bottom: 15px; } #cms-fullpage .cms-menu-restaurant.cms-menu-restaurant-style3 .cms-menu-restaurant-content { padding-top: 0; } [class*="fp-viewing-"] #cshero-header-inner #cshero-header .cshero-navigation-right, [class*="fp-viewing-"] #cshero-header-inner #cshero-header #cshero-header-logo a { line-height: 70px; } [class*="fp-viewing-"] #cshero-header-inner.header-10 .cshero-header-navigation .main-navigation .menu-main-menu > li > a, [class*="fp-viewing-"] #cshero-header-inner.header-10 #cshero-header-logo a, [class*="fp-viewing-"] #cshero-header-inner.header-10 .cshero-navigation-right { line-height: 80px !important; } [class*="fp-viewing-"] #cshero-header-inner.header-10 #cshero-header-logo a img { max-height: 60px !important; } } @media screen and (max-width: 1280px) { .cms-carousel-wrap .cms-carousel-layout1 .owl-controls .owl-nav .owl-prev { left: 30px; } .cms-carousel-wrap .cms-carousel-layout1 .owl-controls .owl-nav .owl-next { right: 30px; } .cms-menu-popup-wrap .social-top { bottom: 20px; } .cms-menu-popup-wrap .menu-main-menu > li { padding: 0 18px; } .cms-menu-popup-wrap .menu-main-menu > li > a { font-size: 22px; } } @media (min-width: 992px) and (max-width: 1280px) { .header-11 #cshero-header-contact-left, .header-11 #cshero-header-contact-right { display: none; } .header-11 #cshero-header-navigation { width: 100%; } } @media screen and (min-width: 1230px) { #page-wrapper.cs-boxed { margin: auto; width: 1230px; overflow: hidden; position: relative; } #page-wrapper.cs-boxed .container { width: 100%; } #page-wrapper.cs-boxed #cshero-header-inner #cshero-header > .container { padding-left: 30px; padding-right: 30px; } #page-wrapper.cs-boxed #cshero-header-inner #cshero-header.header-fixed { margin: auto; max-width: 1230px; } #page-wrapper.cs-boxed #cshero-header-inner #cshero-header .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } #page-wrapper.cs-boxed #primary .entry-content > .vc_row { padding-left: 15px; padding-right: 15px; } #page-wrapper.cs-boxed #primary .entry-content > .vc_row.vc_row-no-padding { padding-left: 0; padding-right: 0; } #page-wrapper.cs-boxed #primary .entry-content > .vc_row[data-vc-full-width] > .wpb_column.vc_col-sm-12 { padding-left: 15px; padding-right: 15px; } #page-wrapper.cs-boxed .site-footer #cms-footer-top > .container, #page-wrapper.cs-boxed .site-footer #cms-footer-minimal > .container, #page-wrapper.cs-boxed .site-footer #cms-footer-bottom > .container { padding-left: 30px; padding-right: 30px; } } @media screen and (max-width: 1200px) { .height-sm-50 { height: 50px !important; } .col-arrow-left > .vc_column-inner::after, .col-arrow-right > .vc_column-inner::after { display: none; } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li, .cshero-header-navigation .main-navigation .menu-main-menu > li { padding-left: 10px; padding-right: 10px; } .cms-layout-team .cms-team-content { font-size: 14px; line-height: 23px; } .cms-menu-restaurant.cms-menu-restaurant-style5 .cms-menu-restaurant-body { padding: 40px; } .cms-menu-restaurant.cms-menu-restaurant-style5 .cms-menu-restaurant-body .cms-menu-restaurant-title { font-size: 21px; margin-bottom: 16px; padding-bottom: 28px; padding-top: 10px; } #cms-fullpage #fullpage .fp-section { height: 100% !important; } #cms-fullpage #fullpage .fp-section .fp-tableCell { height: 100% !important; display: block !important; } .site-footer.cms-footer12 { position: relative; height: inherit !important; } .site-footer.cms-footer12.cms-flex-wrap { display: block; } .site-footer.cms-footer12 #cms-footer-top { padding-bottom: 100px; padding-top: 100px; } .site-footer.cms-footer12 #cms-footer-top h6 { font-size: 30px; line-height: 40px; } .site-footer.cms-footer12 #cms-footer-top h1 { font-size: 65px; } .site-footer.cms-footer12 #cms-footer-bottom { position: relative; padding-top: 0; } body #cms-content.site-content { margin-bottom: 0 !important; } } @media (min-width: 992px) and (max-width: 1200px) { .cms-grid-item.col-md-3:nth-child(4n+1) { clear: left; } .cms-grid-item.col-md-4:nth-child(3n+1) { clear: left; } .cms-grid-item.col-md-6:nth-child(2n+1) { clear: left; } .margin-top-sm-40 { margin-top: 40px; } } @media screen and (min-width: 1200px) { /* ========================================================================== [Start] Medium devices (desktops, 992px and up) ========================================================================== */ .page-split.fp-viewing-1 #cshero-header-inner #cshero-header .cshero-navigation-right .h-button-menu, .page-split.fp-viewing-3 #cshero-header-inner #cshero-header .cshero-navigation-right .h-button-menu, .page-split.fp-viewing-5 #cshero-header-inner #cshero-header .cshero-navigation-right .h-button-menu, .page-split.fp-viewing-7 #cshero-header-inner #cshero-header .cshero-navigation-right .h-button-menu, .page-split.fp-viewing-9 #cshero-header-inner #cshero-header .cshero-navigation-right .h-button-menu { background-color: #fff; color: #333; } .page-split.fp-viewing-1 #cshero-header-inner #cshero-header .cshero-navigation-right .h-button-menu:hover, .page-split.fp-viewing-3 #cshero-header-inner #cshero-header .cshero-navigation-right .h-button-menu:hover, .page-split.fp-viewing-5 #cshero-header-inner #cshero-header .cshero-navigation-right .h-button-menu:hover, .page-split.fp-viewing-7 #cshero-header-inner #cshero-header .cshero-navigation-right .h-button-menu:hover, .page-split.fp-viewing-9 #cshero-header-inner #cshero-header .cshero-navigation-right .h-button-menu:hover { background-color: #b1525a; color: #fff; } .page-split.fp-viewing-1 #cshero-header-inner #cshero-header #cshero-header-logo a.sticky-logo, .page-split.fp-viewing-3 #cshero-header-inner #cshero-header #cshero-header-logo a.sticky-logo, .page-split.fp-viewing-5 #cshero-header-inner #cshero-header #cshero-header-logo a.sticky-logo, .page-split.fp-viewing-7 #cshero-header-inner #cshero-header #cshero-header-logo a.sticky-logo, .page-split.fp-viewing-9 #cshero-header-inner #cshero-header #cshero-header-logo a.sticky-logo { opacity: 1; } .page-split.fp-viewing-1 #cshero-header-inner #cshero-header #cshero-header-logo a.main-logo, .page-split.fp-viewing-3 #cshero-header-inner #cshero-header #cshero-header-logo a.main-logo, .page-split.fp-viewing-5 #cshero-header-inner #cshero-header #cshero-header-logo a.main-logo, .page-split.fp-viewing-7 #cshero-header-inner #cshero-header #cshero-header-logo a.main-logo, .page-split.fp-viewing-9 #cshero-header-inner #cshero-header #cshero-header-logo a.main-logo { opacity: 0; } .cms-grid-item { /* Border Body */ } .cms-grid-item.col-lg-3:nth-child(4n+1) { clear: left; } .cms-grid-item.col-lg-4:nth-child(3n+1) { clear: left; } .cms-grid-item.col-lg-6:nth-child(2n+1) { clear: left; } body.body-border-wrapper { padding: 20px; background-color: #fff; } body.body-border-wrapper .body-border { width: 20px; background-color: #fff; position: fixed; top: 0; bottom: 0; z-index: 10001; } body.body-border-wrapper .body-border.body-border-left { left: 0; } body.body-border-wrapper .body-border.body-border-right { right: 0; } body.body-border-wrapper #cshero-header-inner.header-trans #cshero-header { top: 20px; } body.body-border-wrapper #cshero-header-inner.header-trans #cshero-header.header-fixed { top: 0; } body.body-border-wrapper.admin-bar #cshero-header-inner.header-trans #cshero-header { top: 52px; } body.body-border-wrapper.admin-bar #cshero-header-inner.header-trans #cshero-header.header-fixed { top: 32px; } .sg-portfolio-layout6 .sg-portfolio-masonry .single-portfolio-image-item:last-child { width: 100%; } .sg-portfolio-layout7 .sg-portfolio-masonry .single-portfolio-image-item:nth-child(3), .sg-portfolio-layout7 .sg-portfolio-masonry .single-portfolio-image-item:nth-child(4) { width: 50%; } .cms-testimonial-layout1 .cms-testimonial-wrapper { padding: 0 100px; } .cms-testimonial-layout1 .owl-controls .owl-nav .owl-prev, .cms-testimonial-layout1 .owl-controls .owl-nav .owl-next { margin: 0; position: absolute; top: 0; } .cms-testimonial-layout1 .owl-controls .owl-nav .owl-prev { left: 0; } .cms-testimonial-layout1 .owl-controls .owl-nav .owl-next { right: 0; } .cms-carousel-wrap .cms-carousel-layout2.custom-layout3 .owl-controls .owl-nav .owl-prev { left: 80px; } .cms-carousel-wrap .cms-carousel-layout2.custom-layout3 .owl-controls .owl-nav .owl-next { right: 80px; } .main-form { padding-right: 115px; position: relative; } .main-form .submit-btn { position: absolute; bottom: 5px; right: 0; } .main-form .wpcf7-textarea { -webkit-width: -webkit-calc(100% - 95px); -moz-width: -moz-calc(100% - 95px); -ms-width: -moz-calc(100% - 95px); -o-width: -moz-calc(100% - 95px); width: calc(100% - 95px); } } @media screen and (min-width: 992px) { /* ========================================================================== [Start] Small devices (tablets, 768px and up) ========================================================================== */ #cshero-menu-mobile { display: none !important; } .cms-menu-restaurant-3col .cms-menu-restaurant-item:nth-child(3n+1) { clear: left; } .cms-menu-restaurant-style6 .cms-menu-restaurant-item:nth-child(3n+1) { clear: left; } } @media screen and (max-width: 991px) { body #cms-page-title.page-title { background-attachment: inherit; background-position: center !important; } .order1 { order: 1; } .order2 { order: 2; } .fp-tableCell .ft-reservation { margin: 60px auto; } #cms-reservation.cms-reservation-box, .cms-menu-restaurant.cms-menu-restaurant-box { padding: 30px; } .cms-reservation-form-popup .cms-reservation-form-popup-inner { padding: 60px; } .cms-reservation-form-popup .cms-reservation-form-popup-inner .reservation-notices-close { right: 15px; top: 15px; } .cms-menu-restaurant.cms-menu-restaurant-style4.cms-menu-restaurant-box { padding: 30px 30px 0; } .cms-menu-restaurant.cms-menu-restaurant-style4 .cms-menu-restaurant-item { margin-bottom: 30px; } .cms-menu-restaurant.cms-menu-restaurant-style5.menu-3column .tab-content { margin: auto; max-width: 768px; } .cms-menu-restaurant.cms-menu-restaurant-style5.menu-3column .cms-menu-restaurant-body { min-height: 100%; } .cms-menu-restaurant.cms-menu-restaurant-style5.menu-3column .cms-menu-restaurant-item .cms-menu-restaurant-item-inner { display: inherit; } .error404 .error-404 { margin-top: 100px; } .error404 #cms-content .page-404-title { font-size: 150px; } #cms-page-title { padding-top: 160px; } #cms-page-title.pt-style2 { padding-top: 190px; } #cms-page-title.pt-style2 .cms-page-title-inner .cms-page-subtitle { padding-left: 0; padding-right: 0; font-size: 28px; line-height: 28px; } #cms-page-title.pt-style3 { padding-top: 190px; } .container { width: 100%; } .cms-edge-wrapper { left: 0 !important; } .wpb_gallery_slides.wpb_image_grid .wpb_image_grid_ul .isotope-item { width: 50%; } .site-footer .cms-footer-top-item .ft-reservation { margin-top: 0; } .site-footer #cms-footer-top .cms-footer-top-item { margin-bottom: 45px; } .site-footer #cms-footer-top .cms-footer-top-item:last-child { margin-bottom: 0; } .site-footer.cms-footer7 #cms-footer-top .cms-footer-top-item { margin-bottom: 0; } .rm-padding-sm > .vc_column-inner { padding-left: 15px !important; padding-right: 15px !important; } .single-event .rm-padding-sm > .vc_column-inner { padding-left: 30px !important; padding-right: 30px !important; } .fp-tableCell .rm-padding-sm > .vc_column-inner { padding-left: 30px !important; padding-right: 30px !important; } #main .error-404 .title404 { font-size: 120px; } .cms-heading-wrapper .title-resize { font-size: 40px !important; line-height: 52px !important; } .cms-fancyboxes-wraper.cms-fancyboxes-layout2 .cms-fancybox-subtitle { font-size: 22px; } .cms-fancyboxes-wraper.cms-fancyboxes-layout2 .cms-fancybox-title { font-size: 24px; } } @media (min-width: 768px) and (max-width: 991px) { .text-center-sm { text-align: center; } .text-center-sm .vc_custom_heading { text-align: center !important; } .cms-grid-item.col-sm-6:nth-child(2n+1) { clear: left; } .cms-grid-item.col-sm-4:nth-child(3n+1) { clear: left; } .cms-grid-item.col-sm-3:nth-child(4n+1) { clear: left; } .vc_row #sb_instagram .sbi_item .sbi_photo::after { top: 10px; left: 10px; right: 10px; bottom: 10px; } .cms-menu-restaurant-3col .cms-menu-restaurant-item:nth-child(2n+1) { clear: left; } .cms-menu-restaurant.cms-menu-restaurant-style4 .cms-menu-restaurant-item .cms-menu-restaurant-image { max-width: 110px; } .cms-menu-restaurant.cms-menu-restaurant-style4 .cms-menu-restaurant-item .cms-menu-restaurant-image + .cms-menu-restaurant-body { padding-left: 130px; } .cms-fancybox-menu { padding-right: 90px; } .cms-fancybox-menu .cms-menu-restaurant-image { width: 90px; } .cms-menu-restaurant.cms-menu-restaurant-style5.menu-3column .cms-menu-restaurant-item:nth-child(1) .cms-menu-restaurant-image, .cms-menu-restaurant.cms-menu-restaurant-style5.menu-3column .cms-menu-restaurant-item:nth-child(3) .cms-menu-restaurant-image { order: 1; } .cms-menu-restaurant.cms-menu-restaurant-style5.menu-3column .cms-menu-restaurant-item:nth-child(1) .cms-menu-restaurant-body, .cms-menu-restaurant.cms-menu-restaurant-style5.menu-3column .cms-menu-restaurant-item:nth-child(3) .cms-menu-restaurant-body { order: 2; } .cms-menu-restaurant.cms-menu-restaurant-style5.menu-3column .cms-menu-restaurant-item .cms-menu-restaurant-image:before { display: none; } .cms-menu-restaurant.cms-menu-restaurant-style5.menu-3column .cms-menu-restaurant-items:nth-child(2n+1) .cms-menu-restaurant-item:nth-child(2n+1) .cms-menu-restaurant-image { order: 2; } .cms-menu-restaurant.cms-menu-restaurant-style5.menu-3column .cms-menu-restaurant-items:nth-child(2n+1) .cms-menu-restaurant-item:nth-child(2n+1) .cms-menu-restaurant-body { order: 1; } .cms-menu-restaurant.cms-menu-restaurant-style5.menu-3column .cms-menu-restaurant-items:nth-child(2n) .cms-menu-restaurant-item:nth-child(2n) .cms-menu-restaurant-image { order: 2; } .cms-menu-restaurant.cms-menu-restaurant-style5.menu-3column .cms-menu-restaurant-items:nth-child(2n) .cms-menu-restaurant-item:nth-child(2n) .cms-menu-restaurant-body { order: 1; } .cms-menu-restaurant.cms-menu-restaurant-style5.menu-2column .cms-menu-restaurant-items:nth-child(2n+1) .cms-menu-restaurant-item .cms-menu-restaurant-image { float: left; } .cms-menu-restaurant.cms-menu-restaurant-style5.menu-2column .cms-menu-restaurant-items .cms-menu-restaurant-item:first-child .cms-menu-restaurant-image { float: right; } .cms-menu-restaurant.cms-menu-restaurant-style6 .cms-menu-restaurant-item:nth-child(2n+1) { clear: left; } } @media screen and (min-width: 768px) { /* ========================================================================== [Start] Extra small devices ========================================================================== */ .cms-footer4 .cms-copyright { padding-top: 12px; } } @media screen and (max-width: 767px) { .title-resize-xs.cms-heading-wrapper .title, .title-resize-xs.vc_custom_heading { font-size: 45px !important; line-height: 1.2 !important; } .error404 #cms-content { padding-bottom: 100px !important; height: inherit; } .error404 #cms-content .page-404-title { font-size: 110px; } body #cms-content { padding-bottom: 110px; } .cms-grid-filter li { padding: 0 10px; } .cms-grid-filter li a { font-size: 16px; } .cms-search-wrap .cshero-search-inner { left: 15px; right: 15px; width: inherit; } .cms-search-wrap .cshero-search-inner #searchform input[type="text"] { font-size: 20px; height: 50px; } .cms-search-wrap .cshero-search-inner #searchform #searchsubmit { height: 50px; } .cms-search-wrap .cshero-search-inner #searchform > div::before { font-size: 18px; } .rm-padding-xs > .vc_column-inner { padding-left: 0 !important; padding-right: 0 !important; } .fp-tableCell .rm-padding-xs > .vc_column-inner { padding-left: 30px !important; padding-right: 30px !important; } .cms-carousel-wrap .dotsCont { margin: 10px -5px 0; } .cms-carousel-wrap .dotsCont .item-dot { padding: 0 5px; } #cshero-header #cshero-header-navigation { max-width: 100%; } .text-center-xs { text-align: center !important; } .text-center-xs .vc_custom_heading { text-align: center !important; } .vc_tta-tabs-position-left .vc_tta-tabs-container { display: none !important; } .rm-padding-xs > .vc_column-inner { padding-left: 15px !important; padding-right: 15px !important; } #cms-page-title .cms-page-title-inner h1 { font-size: 45px; /* Single Post */ } .is-right-sidebar #content + #sidebar, .is-left-sidebar #content + #sidebar { margin-top: 60px; } .pr-single-product-primary + .pr-single-product-sidebar { margin-top: 40px; } .single-post .entry-blog .entry-body, .single-post .entry-blog .box-blog { padding: 20px; } .single-post .post-previous-next { padding: 20px; } .single-post .post-previous-next .nav-link-prev { margin-bottom: 30px; } .single-post .post-previous-next .nav-link-prev:before { display: none; } .single-post .entry-author { padding: 20px; } .single-post .entry-author .wg-title { text-align: center; } .single-post .related-post { text-align: center; padding: 20px; } .single-post .entry-author .admin-avt { margin-bottom: 20px; float: none; max-width: 100%; text-align: center; } .single-post .entry-author .admin-info { padding-left: 0; text-align: center; } .single-post #comments .comment-list .children { padding: 0; } .single-post #comments .comment-list-wrap, .single-post #comments #respond { padding: 20px; } .single-post #comments #reply-title { text-align: center; } .single-post #comments .comment-form-email, .single-post #comments .comment-form-website { margin-top: 15px; } #cms-reservation .reservation-success-wrapper .cms-close { top: 10px; right: 10px; } .site-footer #cms-footer-top { padding: 65px 0; } .site-footer.cms-footer2 .ft-reservation:after { display: none; } .site-footer #cms-footer-minimal .cms-footer-minimal-item { margin-bottom: 35px; } .site-footer #cms-footer-minimal .cms-footer-minimal-item:last-child { margin-bottom: 0; } .site-footer #cms-footer-bottom .cms-footer-bottom-item { margin-bottom: 18px; } .site-footer #cms-footer-bottom .cms-footer-bottom-item:last-child { margin-bottom: 0; } .cms-fancybox-menu { padding-right: 0; padding-top: 260px; } .cms-fancybox-menu .cms-menu-restaurant-image { width: 100%; height: 260px; left: 0; } .cms-fancybox-menu .cms-menu-restaurant-image span { background-image: url(../images/menu-arrow-top.png); top: initial; bottom: 0; left: 0; right: 0; width: 91px; height: 20px; } .cms-menu-restaurant-wrapper .cms-menu-restaurant.cms-menu-2col .cms-menu-restaurant-item { width: 100%; padding: 0 !important; border-bottom: 1px solid #ececec; border-right: none !important; padding-bottom: 30px; margin-bottom: 22px; } .cms-menu-restaurant-wrapper .cms-menu-restaurant.cms-menu-2col .cms-menu-restaurant-item:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .cms-menu-restaurant.cms-menu-restaurant-style5.menu-3column .cms-menu-restaurant-item .cms-menu-restaurant-image:before { display: none; } .cms-menu-restaurant.cms-menu-restaurant-style5.menu-3column .cms-menu-restaurant-item:nth-child(1) .cms-menu-restaurant-image, .cms-menu-restaurant.cms-menu-restaurant-style5.menu-3column .cms-menu-restaurant-item:nth-child(3) .cms-menu-restaurant-image { order: 1; } .cms-menu-restaurant.cms-menu-restaurant-style5.menu-3column .cms-menu-restaurant-item:nth-child(1) .cms-menu-restaurant-body, .cms-menu-restaurant.cms-menu-restaurant-style5.menu-3column .cms-menu-restaurant-item:nth-child(3) .cms-menu-restaurant-body { order: 2; } .cms-menu-restaurant.cms-menu-restaurant-style5.menu-4column .cms-menu-restaurant-item:nth-child(2n+1) .cms-menu-restaurant-image { order: 1; } .cms-menu-restaurant.cms-menu-restaurant-style5.menu-4column .cms-menu-restaurant-item:nth-child(2n+1) .cms-menu-restaurant-body { order: 2; } .cms-menu-restaurant.cms-menu-restaurant-style5.menu-2column .tab-content .cms-menu-restaurant-items .cms-menu-restaurant-item .cms-menu-restaurant-body, .cms-menu-restaurant.cms-menu-restaurant-style5.menu-2column .tab-content .cms-menu-restaurant-items .cms-menu-restaurant-item .cms-menu-restaurant-image { width: 100%; } .cms-menu-restaurant.cms-menu-restaurant-style5.menu-2column .tab-content .cms-menu-restaurant-items .cms-menu-restaurant-item .cms-menu-restaurant-body:before, .cms-menu-restaurant.cms-menu-restaurant-style5.menu-2column .tab-content .cms-menu-restaurant-items .cms-menu-restaurant-item .cms-menu-restaurant-image:before { background-image: url("../images/menu-arrow-top.png"); bottom: 0; height: 20px; left: 0; right: 0; top: inherit; width: 92px; } .cms-menu-restaurant.cms-menu-restaurant-style5 .cms-menu-restaurant-body { padding: 30px; } } @media screen and (max-width: 640px) { .cms-menu-restaurant-wrapper.intro-active .cms-menu-restaurant-intro { display: none; } .cms-menu-restaurant-wrapper.intro-active .cms-menu-restaurant-inner { width: 100%; } .cms-menu-restaurant.cms-menu-restaurant-style4 .cms-menu-restaurant-item .cms-menu-restaurant-image { max-width: 100%; margin-bottom: 18px; } .cms-menu-restaurant.cms-menu-restaurant-style4 .cms-menu-restaurant-item .cms-menu-restaurant-image a { min-height: 210px; } .cms-menu-restaurant.cms-menu-restaurant-style4 .cms-menu-restaurant-item .cms-menu-restaurant-image + .cms-menu-restaurant-body { padding-left: 0; } .cms-reservation-form-popup .cms-reservation-form-popup-inner { padding: 15px; -webkit-border-radius: 4px 0px 4px 4px; -khtml-border-radius: 4px 0px 4px 4px; -moz-border-radius: 4px 0px 4px 4px; -ms-border-radius: 4px 0px 4px 4px; -o-border-radius: 4px 0px 4px 4px; border-radius: 4px 0px 4px 4px; /* BACKGROUND GRADIENT */ } .cms-reservation-form-popup .cms-reservation-form-popup-inner .reservation-notices-close { -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 */ right: 0; top: -30px; } #cms-reservation .cms-reservation-form .form-group { margin-bottom: 10px; } #cms-reservation .cms-reservation-form .form-group input { font-size: 12px; height: 38px; padding: 0 18px; } } @media screen and (max-width: 480px) { .wpb_widgetised_column .widget_newsletterwidget form .tnp-field-email { margin: 20px 0 0; } .pagination .page-numbers { height: 32px; line-height: 32px; width: 32px; font-size: 13px; } .pagination .page-numbers i { font-size: 13px; } .pagination .page-numbers + .page-numbers { margin-left: 2px; } .entry-readmore .btn { line-height: 40px; padding: 0 30px; } #comments .comment-list .comment-body .comment-inner { text-align: center; } #comments .comment-list .comment-body .comment-inner .comment-author .avatar { float: none; margin: auto; } #comments .comment-list .comment-body .comment-inner .comment-right { padding: 0; padding-top: 15px; } #comments .comment-list .comment-body .commetn-text { padding-left: 0; text-align: center; } .wpb_gallery_slides.wpb_image_grid .wpb_image_grid_ul .isotope-item { width: 100%; } } .woocommerce-ResetPassword { margin-bottom: 100px; } #cms-theme .cshere-woo-item-wrap { background-color: #fff; -webkit-box-shadow: 0 0 20px rgba(40, 40, 40, 0.1); -moz-box-shadow: 0 0 20px rgba(40, 40, 40, 0.1); -ms-box-shadow: 0 0 20px rgba(40, 40, 40, 0.1); box-shadow: 0 0 20px rgba(40, 40, 40, 0.1); -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ position: relative; overflow: hidden; } #cms-theme .cshere-woo-item-wrap .cshero-woo-image { position: relative; } #cms-theme .cshere-woo-item-wrap .cshero-woo-image .product-status { background-color: #b1525a; border-radius: 2px; color: #fff; display: inline-block; font-size: 13px; font-weight: 800; left: 20px; line-height: 27px; padding: 0 10px; position: absolute; text-transform: uppercase; top: 20px; } #cms-theme .cshere-woo-item-wrap .cshero-woo-image img { margin-bottom: 0; } #cms-theme .cshere-woo-item-wrap .cshero-woo-image:before { content: ""; height: 20px; width: 92px; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; background-image: url(../images/product-arrow.png); background-position: center; z-index: 99; } #cms-theme .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all 260ms ease 0ms; -moz-transition: all 260ms ease 0ms; -ms-transition: all 260ms ease 0ms; transition: all 260ms ease 0ms; background-color: rgba(34, 34, 34, 0.95); opacity: 0; z-index: 88; } #cms-theme .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a { position: absolute; left: 40px; bottom: 40px; right: 40px; border-color: #fff; color: #fff; background-color: transparent; text-align: center; padding-left: 20px; padding-right: 20px; } #cms-theme .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a:hover { background-color: #b1525a; border-color: #b1525a; } #cms-theme .cshere-woo-item-wrap .cshero-woo-image .cshero-add-to-cart a.add_to_cart_button.added { display: none; } #cms-theme .cshere-woo-item-wrap:hover .cshero-woo-image .cshero-add-to-cart { opacity: 1; } #cms-theme .cshere-woo-item-wrap .cshero-woo-meta { padding: 30px 0 25px; text-align: center; } #cms-theme .cshere-woo-item-wrap .cshero-woo-meta .star-rating { display: none; } #cms-theme .cshere-woo-item-wrap .cshero-woo-meta .posted_in a { color: #b8b8b8; } #cms-theme .cshere-woo-item-wrap .cshero-woo-meta .posted_in a:hover { color: #b1525a; } #cms-theme .cshere-woo-item-wrap .cshero-woo-meta .content { display: none; } #cms-theme .site-header .widget_shopping_cart { background-color: #fff; position: absolute; right: 0px; top: 100%; overflow: hidden; visibility: hidden; width: 270px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 300ms ease 0ms; -moz-transition: all 300ms ease 0ms; -ms-transition: all 300ms ease 0ms; transition: all 300ms ease 0ms; -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); z-index: 1; line-height: normal; margin-top: 30px; } #cms-theme .site-header .widget_shopping_cart.open { visibility: visible; opacity: 1; filter: alpha(opacity=1); margin-top: 0; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content { padding: 20px; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content .product_list_widget { width: 230px !important; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content .cart_list li { margin-bottom: 15px; position: relative; padding: 0 20px 15px 0; border-bottom: 1px solid #f4f4f4; text-align: left; min-height: 75px; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content .cart_list li.empty { min-height: inherit; margin: 0; text-align: left; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content .cart_list li a { color: #282828; font-size: 14px; font-weight: 600; line-height: 20px; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content .cart_list li a:hover { color: #b1525a; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content .cart_list li a img { float: left; max-width: 60px; width: 100%; margin-right: 20px; margin-left: 0; -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; /* BACKGROUND GRADIENT */ } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content .cart_list li:last-child { padding-bottom: 0; border-bottom: 0; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content .cart_list li a.remove { display: none; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content .cart_list li .quantity { color: #a9a9a9; font-size: 13px; font-weight: normal; margin-top: 10px; display: block; width: 100%; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content p.total { border-top: 2px solid #f4f4f4; border-bottom: 2px solid #f4f4f4; color: #9b9b9b; font-size: 14px; font-weight: 600; padding: 14px 0; margin-bottom: 20px; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content p.total strong { font-weight: 600; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content p.total .amount { color: #b1525a; float: right; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content p.buttons { margin: 0; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content p.buttons .button { width: 100%; display: block; text-align: center; border-color: #b1525a; color: #fff; background-color: #b1525a; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ line-height: 1; padding-top: 16px; padding-bottom: 16px; display: inline-block; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content p.buttons .button:hover { background-color: #282828; border-color: #282828; color: #fff; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content p.buttons .button.checkout { border: 2px solid #282828; background-color: transparent; color: #282828; margin-top: 10px; } #cms-theme .site-header .widget_shopping_cart .widget_shopping_cart_content p.buttons .button.checkout:hover { background-color: #b1525a; color: #fff; border-color: #b1525a; } #cms-theme #cshero-header.header-fixed .widget_shopping_cart { top: 80px; } #cms-theme .header-5 .widget_shopping_cart, #cms-theme .header-6 .widget_shopping_cart, #cms-theme .header-5 .widget-search-header, #cms-theme .header-6 .widget-search-header { top: 111px !important; } #cms-theme .header-8 .widget_shopping_cart { top: 60px !important; right: 0; } #cms-theme .header-19 .widget_shopping_cart.open { top: 70px; } #cms-theme.woocommerce, #cms-theme.woocommerce-page { background-color: #f9f9f9; } #cms-theme.woocommerce #cms-page-title, #cms-theme.woocommerce-page #cms-page-title { padding-top: 255px !important; } #cms-theme.woocommerce #cms-page-title .cms-page-title-inner h1, #cms-theme.woocommerce-page #cms-page-title .cms-page-title-inner h1 { padding-bottom: 60px; font-size: 45px; } #cms-theme.woocommerce #cshero-header-top-woo, #cms-theme.woocommerce-page #cshero-header-top-woo { display: block; } #cms-theme.woocommerce #page-wrapper.cs-wide, #cms-theme.woocommerce-page #page-wrapper.cs-wide { background-color: #fff; /* [Start] 1. Navigation */ } #cms-theme.woocommerce .woocommerce-pagination, #cms-theme.woocommerce-page .woocommerce-pagination, #cms-theme.woocommerce .woo-nav-links, #cms-theme.woocommerce-page .woo-nav-links { margin-top: 20px; padding-top: 0px; width: 100%; text-align: center; font-weight: normal; } #cms-theme.woocommerce .woocommerce-pagination ul, #cms-theme.woocommerce-page .woocommerce-pagination ul, #cms-theme.woocommerce .woo-nav-links ul, #cms-theme.woocommerce-page .woo-nav-links ul { border: none; } #cms-theme.woocommerce .woocommerce-pagination ul li, #cms-theme.woocommerce-page .woocommerce-pagination ul li, #cms-theme.woocommerce .woo-nav-links ul li, #cms-theme.woocommerce-page .woo-nav-links ul li { margin: 0 5px; border: none; } #cms-theme.woocommerce .woocommerce-pagination ul li:first-child, #cms-theme.woocommerce-page .woocommerce-pagination ul li:first-child, #cms-theme.woocommerce .woo-nav-links ul li:first-child, #cms-theme.woocommerce-page .woo-nav-links ul li:first-child { margin-left: 0; } #cms-theme.woocommerce .woocommerce-pagination ul li .page-numbers, #cms-theme.woocommerce-page .woocommerce-pagination ul li .page-numbers, #cms-theme.woocommerce .woo-nav-links ul li .page-numbers, #cms-theme.woocommerce-page .woo-nav-links ul li .page-numbers { border: none; 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 */ display: inline-block; height: 51px; line-height: 51px; text-align: center; width: 51px; color: #fff; font-size: 20px; font-family: 'Kaushanscript Regular'; 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: #b1525a; border-color: #b1525a; 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: 6px; } #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: '\f104'; font-family: FontAwesome; font-size: 26px; } #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: '\f105'; } #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 { background-color: #282828; font-size: 13px; font-weight: 700; border: none; color: #fff; text-transform: uppercase; padding: 0 45px; line-height: 46px; -webkit-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ position: relative; border: 2px solid #282828; letter-spacing: 0.02em; } #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; background-color: #b1525a; border-color: #b1525a; color: #fff; } #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: #b1525a; border-color: #b1525a; color: #fff !important; } #cms-theme.woocommerce select, #cms-theme.woocommerce-page select { -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ border: 1px solid #eee; color: #b8b8b8; height: 47px; line-height: 47px; outline: medium none; padding: 0 10px; } #cms-theme.woocommerce .select2-container--default, #cms-theme.woocommerce-page .select2-container--default { /* [End] 2. Button */ /* [Start] 3. Sidebar */ } #cms-theme.woocommerce .select2-container--default .select2-selection--single, #cms-theme.woocommerce-page .select2-container--default .select2-selection--single { -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ border: 1px solid #eee; color: #b8b8b8; height: 47px; } #cms-theme.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered, #cms-theme.woocommerce-page .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 20px; height: 47px; line-height: 47px; } #cms-theme.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow, #cms-theme.woocommerce-page .select2-container--default .select2-selection--single .select2-selection__arrow { height: 47px; right: 12px; } #cms-theme.woocommerce .select2-container--default .select2-dropdown, #cms-theme.woocommerce-page .select2-container--default .select2-dropdown, #cms-theme.woocommerce .select2-container--default .select2-search--dropdown .select2-search__field, #cms-theme.woocommerce-page .select2-container--default .select2-search--dropdown .select2-search__field { border-color: #eee; } #cms-theme.woocommerce .widget_price_filter, #cms-theme.woocommerce-page .widget_price_filter { /* [End] 3. Sidebar */ /* [Start] 4. Archive Product */ } #cms-theme.woocommerce .widget_price_filter .ui-slider, #cms-theme.woocommerce-page .widget_price_filter .ui-slider { background-color: #efefef; margin-bottom: 32px; } #cms-theme.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, #cms-theme.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle { background-color: #323232; top: -2px; height: 8px; width: 8px; margin: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ } #cms-theme.woocommerce .widget_price_filter .price_slider_amount .price_label, #cms-theme.woocommerce-page .widget_price_filter .price_slider_amount .price_label { color: #323232; font-size-adjust: inherit; padding: 6px 0; font-size: 13px; } #cms-theme.woocommerce .woocommerce-result-count, #cms-theme.woocommerce-page .woocommerce-result-count { color: #2f2f2f; font-size: 15px; line-height: 34px; margin: 0; font-weight: 700; } #cms-theme.woocommerce .form-effect, #cms-theme.woocommerce-page .form-effect { position: relative; display: inline-block; } #cms-theme.woocommerce .form-effect form, #cms-theme.woocommerce-page .form-effect form { margin: 0; } #cms-theme.woocommerce .form-effect form select, #cms-theme.woocommerce-page .form-effect form select { background-color: transparent; -webkit-appearance: none; -khtml-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } #cms-theme.woocommerce .form-effect form select option, #cms-theme.woocommerce-page .form-effect form select option { padding: 5px 10px; } #cms-theme.woocommerce .form-effect form select option:hover, #cms-theme.woocommerce-page .form-effect form select option:hover { background-color: #e5e5e5; } #cms-theme.woocommerce .form-effect .arrow-down, #cms-theme.woocommerce-page .form-effect .arrow-down { height: 34px; line-height: 34px; position: absolute; right: 0; text-align: center; top: 1px; width: 34px; z-index: -1; font-size: 18px; } #cms-theme.woocommerce .form-effect .woocommerce-ordering, #cms-theme.woocommerce-page .form-effect .woocommerce-ordering { float: left; } #cms-theme.woocommerce .cms-product-meta, #cms-theme.woocommerce-page .cms-product-meta { display: none; } #cms-theme.woocommerce .products, #cms-theme.woocommerce-page .products { margin-left: -15px; margin-right: -15px; } #cms-theme.woocommerce .products li, #cms-theme.woocommerce-page .products li, #cms-theme.woocommerce .products .related-product-item, #cms-theme.woocommerce-page .products .related-product-item { margin-right: 0; margin-bottom: 30px; 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 .related-product-item.last, #cms-theme.woocommerce-page .products .related-product-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 .related-product-item:nth-child(3n+1), #cms-theme.woocommerce-page .products .related-product-item:nth-child(3n+1) { clear: left; } #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: #b1525a; 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: 20px; color: #b1525a; font-family: 'Kaushanscript Regular'; } #cms-theme.woocommerce .product del .amount, #cms-theme.woocommerce-page .product del .amount { font-weight: normal; font-size: 20px; color: #282828; font-family: 'Kaushanscript Regular'; } #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: #b1525a; } #cms-theme.woocommerce .star-rating span::before, #cms-theme.woocommerce-page .star-rating span::before { color: #b1525a; } #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: #b1525a; 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 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 #b1525a; /* [End] 4. Archive Product */ } #cms-theme.woocommerce .woocommerce-message:before, #cms-theme.woocommerce-page .woocommerce-message:before { color: #b1525a; } #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: #282828; } #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-primary .cs-product-wrap { position: relative; margin-bottom: 40px; } #cms-theme.single-product .pr-single-product-primary .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: #b1525a; font-size: 12px; width: 50px; height: 50px; left: inherit; z-index: 1; } #cms-theme.single-product .pr-single-product-primary .cs-product-wrap .woocommerce-product-gallery, #cms-theme.single-product .pr-single-product-primary .cs-product-wrap .entry-summary { width: 100%; float: none; } #cms-theme.single-product .pr-single-product-primary .cs-product-wrap .entry-summary h3.product_title { margin-bottom: 0; } #cms-theme.single-product .pr-single-product-primary .cs-product-wrap .entry-summary .pr-price-rating { padding-top: 10px; } #cms-theme.single-product .pr-single-product-primary .cs-product-wrap .entry-summary .pr-price-rating .woo-price { font-size: 18px; font-weight: 600; } #cms-theme.single-product .pr-single-product-primary .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-primary .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-primary .cs-product-wrap form.cart .add-whish-list { margin-left: 20px; } #cms-theme.single-product .pr-single-product-primary .cs-product-wrap form.cart .button { float: none; } #cms-theme.single-product .pr-single-product-primary .cs-product-wrap .woocommerce-product-gallery { position: relative; margin-bottom: 40px; } #cms-theme.single-product .pr-single-product-primary .cs-product-wrap .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before { border-color: #b1525a; } #cms-theme.single-product .pr-single-product-primary .cs-product-wrap .woocommerce-product-gallery .woocommerce-product-gallery__trigger:after { background-color: #b1525a; } #cms-theme.single-product .pr-single-product-primary .cs-product-wrap .woocommerce-product-gallery .cshero-product-images-wrap { text-align: center; } #cms-theme.single-product .pr-single-product-primary .cs-product-wrap .woocommerce-product-gallery .cshero-product-images-wrap img { display: inline-block; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } #cms-theme.single-product .pr-single-product-primary .cs-product-wrap .woocommerce-product-gallery .cshero-product-images-wrap .woocommerce-main-image { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } #cms-theme.single-product .pr-single-product-primary .cs-product-wrap .woocommerce-product-gallery .cshero-product-thumbnails { padding-top: 20px; margin: 0 -10px; } #cms-theme.single-product .pr-single-product-primary .cs-product-wrap .woocommerce-product-gallery .cshero-product-thumbnails a { margin: 0 0 20px; padding: 0 10px; width: 25%; float: left; clear: none; } #cms-theme.single-product .pr-single-product-primary .cs-product-wrap .cshero-product-meta .share-label { color: #222; display: block; font-size: 18px; font-weight: 600; line-height: 30px; margin-bottom: 13px; } #cms-theme.single-product .pr-single-product-primary .cs-product-wrap .cshero-product-meta a { display: inline-block; } #cms-theme.single-product .pr-single-product-primary .cs-product-wrap .cshero-product-meta a + a { margin-left: 10px; } #cms-theme.single-product .pr-single-product-primary .cs-product-wrap .cshero-product-meta a i { background-color: #b1525a; -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-primary .cs-product-wrap .cshero-product-meta a i:hover { background-color: #222; } #cms-theme.single-product .pr-single-product-primary .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-primary .woocommerce-tabs .tabs:before, #cms-theme.single-product .pr-single-product-primary .woocommerce-tabs .tabs:after { border: none; display: none; } #cms-theme.single-product .pr-single-product-primary .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-primary .woocommerce-tabs .tabs li a { background-color: transparent; border-right: 1px solid #eee; color: #323232; font-size: 14px; font-weight: 600; line-height: normal; margin-right: 1px; padding: 19px 20px; } #cms-theme.single-product .pr-single-product-primary .woocommerce-tabs .tabs li.active a, #cms-theme.single-product .pr-single-product-primary .woocommerce-tabs .tabs li:hover a { background-color: #fff; color: #b1525a; } #cms-theme.single-product .pr-single-product-primary .woocommerce-tabs .tabs li:before, #cms-theme.single-product .pr-single-product-primary .woocommerce-tabs .tabs li:after { border: none; display: none; } #cms-theme.single-product .pr-single-product-primary .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-primary .panel .list-style-1 ul { margin-bottom: 20px; } #cms-theme.single-product .pr-single-product-primary .panel ul a { color: #b1525a; } #cms-theme.single-product .pr-single-product-primary .panel ul a:hover { color: ; } #cms-theme.single-product .pr-single-product-primary #tab-reviews #comments > h2 { margin-bottom: 20px; font-size: 16px; font-weight: 600; } #cms-theme.single-product .pr-single-product-primary #tab-reviews #comments ul, #cms-theme.single-product .pr-single-product-primary #tab-reviews #comments ol { padding: 0; margin: 0; } #cms-theme.single-product .pr-single-product-primary #tab-reviews .comment-text { margin: 0; border: 1px dashed #dedede !important; } #cms-theme.single-product .pr-single-product-primary #tab-reviews .commentlist .comment-meta .author, #cms-theme.single-product .pr-single-product-primary #tab-reviews .commentlist .comment-meta time { color: #333; font-weight: normal; } #cms-theme.single-product .pr-single-product-primary #tab-reviews .commentlist .comment-meta .author:before, #cms-theme.single-product .pr-single-product-primary #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-primary #tab-reviews .commentlist .comment-meta .author { margin-right: 14px; } #cms-theme.single-product .pr-single-product-primary #tab-reviews .commentlist .comment-meta time:before { content: "\f073"; } #cms-theme.single-product .pr-single-product-primary #tab-reviews #reply-title, #cms-theme.single-product .pr-single-product-primary #tab-reviews .title-rating { font-size: 16px; line-height: normal; margin-bottom: 20px; font-weight: 600; } #cms-theme.single-product .pr-single-product-primary #tab-reviews .title-rating { margin-top: 25px; } #cms-theme.single-product .pr-single-product-primary #tab-reviews textarea { height: 210px; margin-top: 10px; } #cms-theme.single-product .pr-single-product-primary #tab-reviews .stars a:after { color: #b1525a; } #cms-theme.woocommerce-cart { /* [End] 6. Cart */ } #cms-theme.woocommerce-cart .cms-checkout-page { margin-bottom: 0px; max-width: 960px; margin: auto; float: none; } #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: #282828; } #cms-theme.woocommerce-cart .shop_table td.coupon { border-right: 1px solid #e5e5e5; } #cms-theme.woocommerce-cart .shop_table td.coupon label { color: #282828; } #cms-theme.woocommerce-cart .shop_table td.coupon input { width: 100%; margin-bottom: 10px; } #cms-theme.woocommerce-cart .shop_table td.product-name a { color: #282828; font-weight: 600; font-size: 15px; } #cms-theme.woocommerce-cart .shop_table td.product-name a:hover { color: #b1525a; } #cms-theme.woocommerce-cart .shop_table td.product-name .woocommerce-product-rating { display: none; } #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: #b1525a; } #cms-theme.woocommerce-cart .shop_table .product-remove a i:hover { color: ; } #cms-theme.woocommerce-cart .shop_table.cart { margin-bottom: 60px; } #cms-theme.woocommerce-cart .cart-collaterals { margin-bottom: 0px; } #cms-theme.woocommerce-cart .cart-collaterals .cart_totals { width: 100%; } #cms-theme.woocommerce-cart .cart-collaterals .cart_totals > h2 { font-size: 15px; font-weight: 700; text-transform: uppercase; 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; vertical-align: middle; } #cms-theme.woocommerce-cart .cart-collaterals .cart_totals table .amount { color: #222; } #cms-theme.woocommerce-checkout { /* Woo Widget */ } #cms-theme.woocommerce-checkout #customer_details { margin-bottom: 32px; } #cms-theme.woocommerce-checkout .woocommerce-info { border-color: #b1525a; } #cms-theme.woocommerce-checkout .woocommerce-info:before { color: #b1525a; } #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 #content { max-width: 960px; margin: auto; float: none; } #cms-theme.woocommerce-checkout #primary label { color: #323232; font-weight: normal; } #cms-theme.woocommerce-checkout form.woocommerce-checkout h3 { font-size: 15px; text-transform: uppercase; font-weight: 700; } #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: #b1525a; -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; font-size: 13px; font-weight: 800; line-height: 38px; padding-left: 16px; padding-right: 16px; } #cms-theme .widget_price_filter .price_slider_wrapper .price_slider_amount button:hover { background-color: #b1525a; border-color: #b1525a; color: #fff; } #cms-theme .cshero-product-category { color: #9b9b9b; font-weight: 600; line-height: 1; margin-bottom: 18px; } #cms-theme .cshero-product-category a { color: #9b9b9b; font-size: 12px; } #cms-theme .cshero-product-category a:hover { color: #b1525a; } #cms-theme .cshero-product-title h3, #cms-theme h3.product_title { font-size: 23px; line-height: 26px; margin: 0 0 12px; padding: 0; } #cms-theme .cshero-product-title h3 a, #cms-theme h3.product_title a { color: #282828; } #cms-theme .cshero-product-title h3 a:hover, #cms-theme h3.product_title a:hover, #cms-theme .cshero-product-title h3 a:focus, #cms-theme h3.product_title a:focus { color: #b1525a; } #cms-theme.single-product .woo-nav-links { margin-bottom: 65px !important; /* Relate Item Product */ } #cms-theme .cms-related-heading + .products { margin: 0 !important; } #cms-theme .cms-related-heading .wg-title { font-size: 20px; } #cms-theme #related-product-carousel { margin: 0 -15px; } #cms-theme #related-product-carousel .related-product-item { float: left; } @media screen and (max-width: 991px) { #cms-theme.woocommerce .pr-full-width .products li.product, #cms-theme.woocommerce-page .pr-full-width .products li.product, #cms-theme.woocommerce .products li, #cms-theme.woocommerce-page .products li, #cms-theme.woocommerce .products .related-product-item, #cms-theme.woocommerce-page .products .related-product-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 .related-product-item:nth-child(2n+1), #cms-theme.woocommerce-page .products .related-product-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 .related-product-item:nth-child(3n+1), #cms-theme.woocommerce-page .products .related-product-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 .related-product-item, #cms-theme.woocommerce-page .products .related-product-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 .related-product-item:nth-child(n+1), #cms-theme.woocommerce-page .products .related-product-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 .related-product-item:nth-child(2n+1), #cms-theme.woocommerce-page .products .related-product-item:nth-child(2n+1) { clear: initial; } } .single_variation_wrap .woocommerce-variation-add-to-cart { margin-top: 30px; }