adriencbplc.com
Open in
urlscan Pro
45.148.121.68
Public Scan
Submitted URL: http://adriencbplc.com/wp-content/themes/innovix/assets/css/default.css?ver=6.6.2
Effective URL: https://adriencbplc.com/wp-content/themes/innovix/assets/css/default.css?ver=6.6.2
Submission: On October 30 via api from US — Scanned from NL
Effective URL: https://adriencbplc.com/wp-content/themes/innovix/assets/css/default.css?ver=6.6.2
Submission: On October 30 via api from US — Scanned from NL
Form analysis
0 forms found in the DOMText Content
@charset "utf-8"; /** * * ----------------------------------------------------------------------------- * * Template : Innovix - Business Consulting WordPress Theme * Author : rs-theme * Author URI : http://www.rstheme.com/ * * ----------------------------------------------------------------------------- * **/ /* Table Of Content --------------------------------------------------------- 01. General CSS 02. Global Class 03. Header Section 04. Sticky Menu 05. Slider Section 06. About Us 07. Services 08. Calltoaction 09. Portfolio 10. Pricing Tables 11. Team Member 12. Newsletter 13. Testimonial 15. Contact Us 16. Footer 17. Scroll Up 18. Video 19. Counter up 20. Breadcrumbs 21. Portfolio Details 25. Home Banner 26. Preloader 27. FAQ --------------------------------------------------------*/ /*contact layout*/ input[type="submit"] { border: none; padding: 10px 18px; } body div textarea { border: 1px solid #f1f1f1; padding: 10px 18px; height: 120px; } input[type="text"], input[type="number"], input[type="email"], input[type="url"], select, input[type="password"] { padding: 24px 20px; border: 1px solid #f1f1f1; margin-bottom: 30px; outline: none; } .wp-block-search .wp-block-search__button { margin-left: 0; } .wp-block-search { margin-bottom: 20px; } .wp-block-archives select, .wp-block-categories select { width: 400px; } .wp-block-group.has-background { padding: 24px 30px 10px; margin-bottom: 30px; } [type="search"] { border: 1px solid #f1f1f1; border-radius: 5px 0 0 5px; padding: 10px 20px; outline: none; } .contact-page2 { border: 10px solid #fbfbfb; padding: 50px; background: #fff; } .contact-page2 .form-button { text-align: center; } .contact-page2 .submit-btn { margin-bottom: 0; } div textarea { border: 1px solid #f1f1f1; margin-bottom: 30px; } input[type="submit"] { background: #0a2fa6; } div.wpcf7 .ajax-loader { position: absolute; top: 16px; right: -40px; } .contact-business h3 { margin-bottom: 10px; } .contact-page1 input[type="text"], .contact-page1 input[type="number"], .contact-page1 input[type="email"], .contact-page1 input[type="password"], .contact-page1 textarea { margin-bottom: 30px; } .rs-contact .contact-address .address-item { overflow: hidden; margin-top: 25px; } .rs-contact .contact-address .address-item .address-icon { float: left; width: 40px; height: 60px; line-height: 40px; text-align: center; } .rs-contact .contact-address .address-item .address-icon i { font-size: 35px; color: #ff6d00; width: 40px; height: 40px; margin-left: 0; } .rs-contact .contact-address .address-item .address-text { float: left; width: 80%; padding-left: 25px; } .rs-contact .contact-address .address-item .address-text h3.contact-title { font-size: 20px; margin: 0; } .rs-contact .contact-address .address-item .address-text a { color: #454545; } .rs-contact .contact-address .address-item .address-text a:hover { color: #0a2fa6; } .rs-contact .contact-address.style3 { text-align: center; } .rs-contact .contact-address.style3 .address-icon { float: none; text-align: center; margin: 0 auto; display: block; } .rs-contact .contact-address.style3 .address-icon:after { background: transparent !important; } .rs-contact .contact-address.style3 .address-text { padding-left: 0; float: none; text-align: center; width: 100%; } .rs-contact .contact-address.style3 .address-text .contact-title { padding-bottom: 10px; font-weight: 600; } .rs-contact .contact-address.style3 .address-item { margin-top: 0; } .rs-contact .contact-address.style4 .address-item { margin-top: 0; } .rs-contact .contact-address.style4 .address-item .address-icon { float: none; text-align: left; height: auto; width: auto; line-height: normal; margin-bottom: 30px; } .rs-contact .contact-address.style4 .address-item .address-icon i { border-radius: 150px; text-align: center; line-height: 52px; font-size: 45px; color: #ff6d00; } .rs-contact .contact-address.style4 .address-item .address-icon i:before { color: #ff6d00; font-size: 45px; } .rs-contact .contact-address.style4 .address-item .address-text { padding-left: 0; float: none; width: 100%; } .rs-contact .contact-address.style4 .address-item .address-text .contact-title { font-size: 18px; } .rs-contact .contact-address.style5 .address-item { margin-top: 0; } .rs-contact .contact-address.style5 .address-item .address-icon { float: none; text-align: left; height: auto; width: auto; line-height: normal; margin-bottom: 18px; } .rs-contact .contact-address.style5 .address-item .address-text { padding-left: 0; float: none; width: 100%; } .rs-contact .contact-address.style5 .address-item .address-text .contact-title { font-size: 18px; } .contact_icon_style .social-title { font-size: 18px; font-weight: 600; color: #000; padding-bottom: 10px; } .contact_icon_style .contact_social_icon { margin: 0; padding: 0; list-style: none; } .contact_icon_style .contact_social_icon li { display: inline-block; padding-right: 10px; } .contact_icon_style .contact_social_icon li a { width: 38px; height: 38px; line-height: 38px; border-radius: 150px; color: #ff6d00; background: transparent; transition: 0.4s; display: block; text-align: center; } .contact_icon_style .contact_social_icon li a:hover { color: #fff; background: #ff6d00; } .contact_icon_style.white_text .social-title { color: #fff; } .contact_icon_style.white_text .contact_social_icon li a:hover { color: #0a0a0a; background: #fff; } .contact_icon_style2 .contact_social_icon { margin: 0; padding: 0; list-style: none; overflow: hidden; } .contact_icon_style2 .contact_social_icon li { float: left; width: 50%; } .contact_icon_style2 .contact_social_icon li a { color: #666; background: transparent; transition: 0.4s; display: block; } .contact_icon_style2 .contact_social_icon li a:hover { color: #e4e4e4; } .map { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); } .contact-2-info .rs-contact .contact-address .address-item .address-icon i { color: #fff !important; } .contact-2-info .rs-contact .contact-address .address-item .address-text { color: #fff; } .contact-2-info .rs-contact .contact-address .address-item .address-text h3.contact-title { color: #fff; } .contact-2-info .rs-contact .contact-address .address-item .address-text a { color: #fff !important; } .contact-2-info .submit-btn { margin: 0 !important; } .contact-2-info select { color: #bbb; } .contact-2-info .select-doctors::after { color: #bbb; } .contact-2-info input[type="text"] { margin-bottom: 28px; } .contact-2-info input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #4444447A !important; opacity: 1; } .contact-2-info input::-moz-placeholder { /* Firefox 19+ */ color: #4444447A !important; opacity: 1; } .contact-2-info input:-ms-input-placeholder { /* IE 10+ */ color: #4444447A !important; opacity: 1; } .contact-2-info input:-moz-placeholder { /* Firefox 18- */ color: #4444447A !important; opacity: 1; } .contact-2-info textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #bbb !important; opacity: 1; } .contact-2-info textarea::-moz-placeholder { /* Firefox 19+ */ color: #4444447A !important; opacity: 1; } .contact-2-info textarea:-ms-input-placeholder { /* IE 10+ */ color: #4444447A !important; opacity: 1; } .contact-2-info textarea:-moz-placeholder { /* Firefox 18- */ color: #4444447A !important; opacity: 1; } div.wpcf7-validation-errors { border-color: #ff0000; color: #ff0000; } div.wpcf7-acceptance-missing { border-color: #ff0000; color: #ff0000; } .overlap-form .rs-heading { position: relative; z-index: 99; } .overlap-form .wpcf7 { background: #fff; padding: 0 40px !important; position: relative; } .overlap-form .wpcf7:before { background: #fff; content: ""; height: 145px; left: 0; position: absolute; top: -145px; width: 100%; border-top-right-radius: 5px; border-top-left-radius: 5px; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.08); outline: 1px solid transparent; } .overlap-form .wpcf7:after { background: #fff; content: ""; height: 73px; left: 0; position: absolute; bottom: -73px; width: 100%; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.08); outline: 1px solid transparent; } .overlap-form .wpcf7 input[type="email"], .overlap-form .wpcf7 input[type="text"] { width: 100%; height: 50px; margin-bottom: 10px; } .overlap-form .wpcf7 textarea.wpcf7-textarea { width: 100%; } .overlap-form .submit-btn { margin: 0 auto; } .contact-details-address .rs-heading .title-inner h3.title { margin-bottom: 6px; font-size: 20px; font-weight: 500 !important; } body .miniform button, body .miniform input, body .miniform optgroup, body .miniform select, body .miniform textarea { margin-bottom: 15px; } body .miniform textarea { height: 65px; } /* Blog Design */ .rs-blog-grid .pagination-area, .rs-team .pagination-area { padding-bottom: 30px; } .rs-blog-grid .pagination-area { padding-bottom: 84px; } .rs-blog .cat_name { display: none; } .rs-blog .blog-meta .blog-title { margin: 0px 0 15px; font-weight: 500; line-height: 26px !important; } .rs-blog .blog-meta .blog-title a { color: #0a0a0a; } .rs-blog .blog-meta .blog-title a:hover { color: #ff6d00; } .rs-blog .full-blog-content { padding: 0px 0 0 0; } .rs-blog .blog-slider .blog-meta { margin-top: 30px; } .rs-blog .blog-slider .blog-meta .blog-title { font-size: 18px; font-weight: 600; line-height: 28px; } .comment-respond a, .widget_block a { color: #0a0a0a; line-height: 1.6; } .rs-blog-grid.rs-blog .blog-meta .blog-title { line-height: 30px !important; font-size: 22px; } .single h1, .single h2, .single h3, .single h4, .single h5, .single h6 { clear: none; } .full-blog-content { padding: 20px 30px 25px; } .full-blog-content .blog-meta { text-transform: initial; } .full-blog-content .blog-title { margin: 4px 0 10px; line-height: 30px; font-size: 26px; } .full-blog-content .blog-title a { color: #0a0a0a; } .full-blog-content .blog-title a:hover { color: #ff6d00; } .full-blog-content .post-view { display: inline-block; margin-right: 10px; font-size: 13px; color: #999999; } .full-blog-content .post-view i { margin-right: 5px; } .full-blog-content .post-view i:before { font-size: 14px; font-weight: 600; } .full-blog-content .post-comment { display: inline-block; margin-right: 10px; font-size: 13px; color: #999999; } .full-blog-content .post-comment i { margin-right: 5px; } .full-blog-content .post-comment i:before { font-size: 14px; font-weight: 600; } .full-blog-content .blog-button { float: left; } .full-blog-content .blog-button.left-btn { float: none; display: block; } .full-blog-content .view-comments { float: right; } .full-blog-content .btm-cate li { margin-right: 25px; font-size: 13px; } .full-blog-content .btm-cate li i:before { font-size: 14px; font-weight: 600; } .full-blog-content .btm-cate .tag-line i { margin-right: 3px; color: #ff6d00; } .full-blog-content .blog-date { padding: 0; color: #555; margin-right: 0; line-height: normal; padding: 1px; } .full-blog-content .blog-date i:before { font-size: 14px; font-weight: 600; } .full-blog-content .author { display: inline-block; padding: 0; margin-right: 0; line-height: normal; color: #555; } .full-blog-content .author i { color: #ff6d00; margin-right: 3px; } .home-blog .rs-blog .blog-item { margin-bottom: 15px; } .rs-blog-grid .bottom-shadow1 { box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); padding: 30px; } .bs-sidebar .recent-post-widget .post-desc span i { color: #ff6d00; } .blog .rs-blog .blog-item, .archive .rs-blog .blog-item { margin-bottom: 48px; background: #fff; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08); border-radius: 15px; padding: 15px; transition: 0.3s; } .blog .rs-blog .blog-item .full-blog-content, .archive .rs-blog .blog-item .full-blog-content { padding: 10px 15px 20px; overflow: hidden; } .blog .rs-blog .blog-item .full-blog-content .btm-cate, .archive .rs-blog .blog-item .full-blog-content .btm-cate { margin: 0 0 10px; } .blog .rs-blog .blog-item .full-blog-content .title-wrap .blog-title, .archive .rs-blog .blog-item .full-blog-content .title-wrap .blog-title { font-size: 26px; line-height: 35px !important; } .blog .rs-blog .blog-item .blog-img, .archive .rs-blog .blog-item .blog-img { position: relative; border-radius: 0px; z-index: 0; } .blog .rs-blog .blog-item .blog-img img, .archive .rs-blog .blog-item .blog-img img { border-radius: 10px; } .blog .rs-blog .blog-item .blog-img .blog-img-content, .archive .rs-blog .blog-item .blog-img .blog-img-content { width: 100%; height: 100%; top: 100%; left: 0; text-align: center; z-index: 10; padding: 0px; opacity: 1; -webkit-transition: 0.3s all ease-out; transition: 0.3s all ease-out; } .blog .rs-blog .blog-item .blog-img .blog-img-content .blog-link, .archive .rs-blog .blog-item .blog-img .blog-img-content .blog-link { display: inline-block; font-size: 19px; width: 52px; line-height: 54px; height: 52px; text-align: center; border-radius: 50%; background: #fff; transition: all .3s ease 0s; display: none; } .blog .rs-blog .blog-item .blog-img .blog-img-content .blog-link:hover, .archive .rs-blog .blog-item .blog-img .blog-img-content .blog-link:hover { opacity: 0.75; } .blog .rs-blog .blog-item .blog-img .blog-img-content .blog-title, .archive .rs-blog .blog-item .blog-img .blog-img-content .blog-title { font-weight: normal; margin-top: 15px; color: #0b70e1; margin-bottom: 0; } .blog .rs-blog .blog-item .blog-img .blog-img-content .blog-title a, .archive .rs-blog .blog-item .blog-img .blog-img-content .blog-title a { color: #0b70e1; } .blog .rs-blog .blog-item .blog-img .blog-img-content .blog-title a:hover, .archive .rs-blog .blog-item .blog-img .blog-img-content .blog-title a:hover { color: #ff6d00; } .blog .rs-blog .blog-item .blog-img .blog-img-content:hover .blog-img-content, .archive .rs-blog .blog-item .blog-img .blog-img-content:hover .blog-img-content { top: 0; } .blog .rs-blog .blog-item .blog-img .tag-line, .archive .rs-blog .blog-item .blog-img .tag-line { position: absolute; z-index: 11; right: 20px; bottom: 20px; } .blog .rs-blog .blog-item .blog-img .tag-line .post-categories, .archive .rs-blog .blog-item .blog-img .tag-line .post-categories { margin: 0; list-style: none; display: flex; align-items: center; flex-wrap: wrap; } .blog .rs-blog .blog-item .blog-img .tag-line .post-categories li, .archive .rs-blog .blog-item .blog-img .tag-line .post-categories li { margin-left: 5px; margin-top: 5px; } .blog .rs-blog .blog-item .blog-img .tag-line .post-categories li a, .archive .rs-blog .blog-item .blog-img .tag-line .post-categories li a { background: #0a2fa6; color: #ffffff; padding: 6px 23px; display: block; font-weight: 500; border-radius: 15px 0 15px 0; font-size: 14px; transition: 0.4s; } .blog .rs-blog .blog-item .blog-img .tag-line .post-categories li a:hover, .archive .rs-blog .blog-item .blog-img .tag-line .post-categories li a:hover { background: #ff6d00; border-radius: 0 15px 0 15px; } .blog .rs-blog .blog-img .categories, .archive .rs-blog .blog-img .categories, .blog .blog .blog-img .categories, .archive .blog .blog-img .categories { left: 46px; bottom: 46px; } .date-meta-style2 a { color: #999; } .date-meta-style2 a:hover { color: #0a2fa6; } .owl-stage .blog-item { margin-bottom: 0 !important; } .post-meta-dates { display: inline-block; position: absolute; padding: 8px 20px; bottom: 0; background: #0a2fa6; color: #fff; z-index: 1; border-radius: 3px 3px 0 0; left: 50%; transform: translateX(-50%); width: 175px; } .blog-item.no-thumbs { padding-top: 38px; } .blog-item.no-thumbs .categories { margin-bottom: 5px; padding: 0 0 0 48px; } .blog-item.no-thumbs .categories .category-name a { background: #0a2fa6; color: #fff; padding: 5px 19px 6px; border-radius: 5px; font-size: 13px; margin-right: 10px; margin-bottom: 10px; display: inline-block; } .blog-item.no-thumbs .categories .category-name a:hover { background: #ff6d00; } .rs-blog-details .bs-img { margin-bottom: 35px; } .rs-blog-details .bs-img, .rs-blog .bs-img, .blog .bs-img, .rs-blog-details .blog-img, .rs-blog .blog-img, .blog .blog-img { position: relative; z-index: 0; } .rs-blog-details .bs-img .blog-date, .rs-blog .bs-img .blog-date, .blog .bs-img .blog-date, .rs-blog-details .blog-img .blog-date, .rs-blog .blog-img .blog-date, .blog .blog-img .blog-date { position: absolute; left: 10px; bottom: 10px; width: 100px; height: 80px; } .rs-blog-details .bs-img .blog-date:after, .rs-blog .bs-img .blog-date:after, .blog .bs-img .blog-date:after, .rs-blog-details .blog-img .blog-date:after, .rs-blog .blog-img .blog-date:after, .blog .blog-img .blog-date:after, .rs-blog-details .bs-img .blog-date:before, .rs-blog .bs-img .blog-date:before, .blog .bs-img .blog-date:before, .rs-blog-details .blog-img .blog-date:before, .rs-blog .blog-img .blog-date:before, .blog .blog-img .blog-date:before { content: ''; position: absolute; display: block; transition: all 0.2s; width: 0px; height: 0px; z-index: 100; top: 0; left: 0; } .rs-blog-details .bs-img .blog-date:after, .rs-blog .bs-img .blog-date:after, .blog .bs-img .blog-date:after, .rs-blog-details .blog-img .blog-date:after, .rs-blog .blog-img .blog-date:after, .blog .blog-img .blog-date:after { border-top: 0 solid; border-bottom-color: #f9f9f9; border-bottom: 80px solid transparent; border-left: 100px solid #f9f9f9; } .rs-blog-details .bs-img .blog-date:before, .rs-blog .bs-img .blog-date:before, .blog .bs-img .blog-date:before, .rs-blog-details .blog-img .blog-date:before, .rs-blog .blog-img .blog-date:before, .blog .blog-img .blog-date:before { top: auto; bottom: 0; left: auto; right: 0; border-bottom: 0 solid; border-bottom-color: #ff6d00; border-top: 80px solid transparent; border-right: 100px solid #ff6d00; } .rs-blog-details .bs-img .blog-date span, .rs-blog .bs-img .blog-date span, .blog .bs-img .blog-date span, .rs-blog-details .blog-img .blog-date span, .rs-blog .blog-img .blog-date span, .blog .blog-img .blog-date span { display: block; color: #ffffff; font-weight: 700; position: relative; z-index: 999; height: 40px; padding: 6px 0; } .rs-blog-details .bs-img .blog-date span.date, .rs-blog .bs-img .blog-date span.date, .blog .bs-img .blog-date span.date, .rs-blog-details .blog-img .blog-date span.date, .rs-blog .blog-img .blog-date span.date, .blog .blog-img .blog-date span.date { color: #ff6d00; font-size: 24px; text-align: left; padding-left: 12px; padding-top: 10px; } .rs-blog-details .bs-img .blog-date span.month, .rs-blog .bs-img .blog-date span.month, .blog .bs-img .blog-date span.month, .rs-blog-details .blog-img .blog-date span.month, .rs-blog .blog-img .blog-date span.month, .blog .blog-img .blog-date span.month { text-align: right; padding-right: 12px; font-size: 18px; } .rs-blog-details .bs-img .categories, .rs-blog .bs-img .categories, .blog .bs-img .categories, .rs-blog-details .blog-img .categories, .rs-blog .blog-img .categories, .blog .blog-img .categories { position: absolute; left: 30px; bottom: 30px; } .rs-blog-details .bs-img .categories .category-name a, .rs-blog .bs-img .categories .category-name a, .blog .bs-img .categories .category-name a, .rs-blog-details .blog-img .categories .category-name a, .rs-blog .blog-img .categories .category-name a, .blog .blog-img .categories .category-name a { background: #0a2fa6; color: #fff; padding: 5px 19px 6px; border-radius: 5px; font-size: 13px; margin-right: 10px; margin-bottom: 10px; } .rs-blog-details .bs-img .categories .category-name a:hover, .rs-blog .bs-img .categories .category-name a:hover, .blog .bs-img .categories .category-name a:hover, .rs-blog-details .blog-img .categories .category-name a:hover, .rs-blog .blog-img .categories .category-name a:hover, .blog .blog-img .categories .category-name a:hover { background: #ff6d00; } .rs-blog-details .post-meta i, .rs-blog .post-meta i, .blog .post-meta i { margin-right: 8px; } .rs-blog-details .post-meta i:before, .rs-blog .post-meta i:before, .blog .post-meta i:before { font-size: 14px; font-weight: 600; } .rs-blog-details .post-meta.date-meta, .rs-blog .post-meta.date-meta, .blog .post-meta.date-meta { margin-right: 16px; color: #999; } .rs-blog-details .post-meta.author, .rs-blog .post-meta.author, .blog .post-meta.author { color: #555; } .rs-blog-details .blog-item.style1 .blog-img .blog-date, .rs-blog .blog-item.style1 .blog-img .blog-date, .blog .blog-item.style1 .blog-img .blog-date { right: 10px; left: auto; } .rs-blog-details .blog-item.style1 .blog-img .blog-date:after, .rs-blog .blog-item.style1 .blog-img .blog-date:after, .blog .blog-item.style1 .blog-img .blog-date:after { display: none; } .rs-blog-details .blog-item.style1 .blog-img .blog-date:before, .rs-blog .blog-item.style1 .blog-img .blog-date:before, .blog .blog-item.style1 .blog-img .blog-date:before { border-top-width: 130px; border-right-width: 130px; } .rs-blog-details .blog-item.style1 .blog-img .blog-date .date, .rs-blog .blog-item.style1 .blog-img .blog-date .date, .blog .blog-item.style1 .blog-img .blog-date .date { text-align: right; color: #fff !important; padding-right: 20px; } .rs-blog-details .blog-item.style1 .blog-slidermeta, .rs-blog .blog-item.style1 .blog-slidermeta, .blog .blog-item.style1 .blog-slidermeta { margin-bottom: 10px; } .rs-blog-details .blog-item.style1 .icon-button a, .rs-blog .blog-item.style1 .icon-button a, .blog .blog-item.style1 .icon-button a { margin-top: 6px; } .rs-blog-details .blog-item.style1 .category, .rs-blog .blog-item.style1 .category, .blog .blog-item.style1 .category { position: absolute; bottom: 20px; left: 40px; text-transform: none; } .rs-blog-details .blog-item.style1 .category a, .rs-blog .blog-item.style1 .category a, .blog .blog-item.style1 .category a { background: #0b70e1; color: #fff; padding: 6px 19px; border-radius: 5px; font-size: 13px; } .rs-blog-details .blog-item.style1 .category a:hover, .rs-blog .blog-item.style1 .category a:hover, .blog .blog-item.style1 .category a:hover { background: #ff6d00; } .rs-blog-details .blog-item.style1 .blogfull, .rs-blog .blog-item.style1 .blogfull, .blog .blog-item.style1 .blogfull { padding: 20px 0; background: #fff; } .rs-blog-details .blog-item.style1 .blogfull .blog-meta, .rs-blog .blog-item.style1 .blogfull .blog-meta, .blog .blog-item.style1 .blogfull .blog-meta { margin-top: 0; } .rs-blog-details .blog-item.style2 .blog-img .blog-date, .rs-blog .blog-item.style2 .blog-img .blog-date, .blog .blog-item.style2 .blog-img .blog-date { right: 10px; left: auto; } .rs-blog-details .blog-item.style2 .blog-img .blog-date:after, .rs-blog .blog-item.style2 .blog-img .blog-date:after, .blog .blog-item.style2 .blog-img .blog-date:after { display: none; } .rs-blog-details .blog-item.style2 .blog-img .blog-date:before, .rs-blog .blog-item.style2 .blog-img .blog-date:before, .blog .blog-item.style2 .blog-img .blog-date:before { border-top-width: 130px; border-right-width: 130px; } .rs-blog-details .blog-item.style2 .blog-img .blog-date .date, .rs-blog .blog-item.style2 .blog-img .blog-date .date, .blog .blog-item.style2 .blog-img .blog-date .date { text-align: right; color: #fff !important; padding-right: 20px; } .rs-blog-details .blog-item.style2 .blogfull, .rs-blog .blog-item.style2 .blogfull, .blog .blog-item.style2 .blogfull { background: #fff; padding: 25px 25px 25px 25px; box-shadow: 0 15px 30px rgba(34, 34, 34, 0.03); } .rs-blog-details .blog-item.style2 .blogfull .blog-meta, .rs-blog .blog-item.style2 .blogfull .blog-meta, .blog .blog-item.style2 .blogfull .blog-meta { margin-top: 0; } .rs-blog-details .blog-item.style2 .blogfull .blog-desc, .rs-blog .blog-item.style2 .blogfull .blog-desc, .blog .blog-item.style2 .blogfull .blog-desc { margin-bottom: 20px; } .rs-blog-details .blog-item.style2 .blogfull .post-view, .rs-blog .blog-item.style2 .blogfull .post-view, .blog .blog-item.style2 .blogfull .post-view { display: inline-block; margin-right: 10px; font-size: 13px; color: #999999; } .rs-blog-details .blog-item.style2 .blogfull .post-view i, .rs-blog .blog-item.style2 .blogfull .post-view i, .blog .blog-item.style2 .blogfull .post-view i { margin-right: 5px; } .rs-blog-details .blog-item.style2 .blogfull .post-view i:before, .rs-blog .blog-item.style2 .blogfull .post-view i:before, .blog .blog-item.style2 .blogfull .post-view i:before { font-size: 15px; font-weight: 600; } .rs-blog-details .blog-item.style2 .blogfull .post-comment, .rs-blog .blog-item.style2 .blogfull .post-comment, .blog .blog-item.style2 .blogfull .post-comment { display: inline-block; margin-right: 10px; font-size: 13px; color: #999999; } .rs-blog-details .blog-item.style2 .blogfull .post-comment i, .rs-blog .blog-item.style2 .blogfull .post-comment i, .blog .blog-item.style2 .blogfull .post-comment i { margin-right: 5px; } .rs-blog-details .blog-item.style2 .blogfull .post-comment i:before, .rs-blog .blog-item.style2 .blogfull .post-comment i:before, .blog .blog-item.style2 .blogfull .post-comment i:before { font-size: 15px; font-weight: 600; } .rs-blog-details .blog-item.style2 .blogfull .blog-button, .rs-blog .blog-item.style2 .blogfull .blog-button, .blog .blog-item.style2 .blogfull .blog-button { margin-bottom: 20px; } .rs-blog-details .blog-item.style2 .blogfull .icon-button, .rs-blog .blog-item.style2 .blogfull .icon-button, .blog .blog-item.style2 .blogfull .icon-button, .rs-blog-details .blog-item.style2 .blogfull .blog-button, .rs-blog .blog-item.style2 .blogfull .blog-button, .blog .blog-item.style2 .blogfull .blog-button { float: right; display: inline-block; } .rs-blog-details .blog-item.style2 .blogfull .icon-button a, .rs-blog .blog-item.style2 .blogfull .icon-button a, .blog .blog-item.style2 .blogfull .icon-button a, .rs-blog-details .blog-item.style2 .blogfull .blog-button a, .rs-blog .blog-item.style2 .blogfull .blog-button a, .blog .blog-item.style2 .blogfull .blog-button a { margin-top: 0; } .rs-blog-details .blog-item.style2 .blog-slidermeta, .rs-blog .blog-item.style2 .blog-slidermeta, .blog .blog-item.style2 .blog-slidermeta { margin-bottom: 10px; } .rs-blog-details .blog-item.style2 .icon-button a, .rs-blog .blog-item.style2 .icon-button a, .blog .blog-item.style2 .icon-button a { margin-top: 6px; } .rs-blog-details .blog-item.style2 .category, .rs-blog .blog-item.style2 .category, .blog .blog-item.style2 .category { position: absolute; bottom: 20px; left: 20px; text-transform: none; } .rs-blog-details .blog-item.style2 .category a, .rs-blog .blog-item.style2 .category a, .blog .blog-item.style2 .category a { background: #0b70e1; color: #fff; padding: 6px 19px; border-radius: 13px; font-size: 13px; } .rs-blog-details .blog-item.style2 .category a:hover, .rs-blog .blog-item.style2 .category a:hover, .blog .blog-item.style2 .category a:hover { background: #ff6d00; } .rs-blog-details .blog-item.style3, .rs-blog .blog-item.style3, .blog .blog-item.style3 { position: relative; } .rs-blog-details .blog-item.style3 .blog-img, .rs-blog .blog-item.style3 .blog-img, .blog .blog-item.style3 .blog-img { position: relative; } .rs-blog-details .blog-item.style3 .blog-content, .rs-blog .blog-item.style3 .blog-content, .blog .blog-item.style3 .blog-content { position: absolute; bottom: 0; padding: 30px 36px 8px; z-index: 1; } .rs-blog-details .blog-item.style3 .blog-content, .rs-blog .blog-item.style3 .blog-content, .blog .blog-item.style3 .blog-content { color: #ffffff; } .rs-blog-details .blog-item.style3 .blog-content h4.blog-title, .rs-blog .blog-item.style3 .blog-content h4.blog-title, .blog .blog-item.style3 .blog-content h4.blog-title { line-height: 32px !important; margin: 0 0 12px; } .rs-blog-details .blog-item.style3 .blog-content h4.blog-title a, .rs-blog .blog-item.style3 .blog-content h4.blog-title a, .blog .blog-item.style3 .blog-content h4.blog-title a { color: #ffffff; font-size: 22px; } .rs-blog-details .blog-item.style3 .blog-content h4.blog-title a:hover, .rs-blog .blog-item.style3 .blog-content h4.blog-title a:hover, .blog .blog-item.style3 .blog-content h4.blog-title a:hover { color: #ff6d00; } .rs-blog-details .blog-item.style3 .blog-content .post-meta, .rs-blog .blog-item.style3 .blog-content .post-meta, .blog .blog-item.style3 .blog-content .post-meta { margin: 0 0 22px; display: block; color: #ffffff; } .rs-blog-details .blog-item.style3.overlay:before, .rs-blog .blog-item.style3.overlay:before, .blog .blog-item.style3.overlay:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000000; background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0.03123256) 80%); z-index: 1; } .grid-style3 { padding: 0; } .grid-style3 .blog-meta { padding-bottom: 15px; } .sliders-styles4 .slider-styles4 .style3 { margin-bottom: 0 !important; padding: 0; } .sliders-styles4 .slider-styles4 .style3 .blog-content { text-align: center; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 700px; } .sliders-styles4 .slider-styles4 .style3 .blog-content .category { background: #ff6d00; padding: 2px 14px 4px; border-radius: 2px; } .sliders-styles4 .slider-styles4 .style3 .blog-content .category a { color: #ffffff; } .sliders-styles4 .slider-styles4 .style3 .blog-content .category:hover { background: #0a2fa6; } .sliders-styles4 .slider-styles4 .style3 .blog-content .blog-title { padding-top: 15px; margin-bottom: 8px; } .sliders-styles4 .slider-styles4 .style3 .blog-content .blog-title a { color: #ffffff; } .sliders-styles4 .slider-styles4 .style3 .blog-content .blog-button a { color: #ffffff; } .sliders-styles4 .slider-styles4 .style3 .blog-content .blog-button a:hover { color: #ff6d00; } .sliders-styles4 .slider-styles4 .style3 .blog-img img { border-radius: 0; } .owl-carousel .owl-item { float: none; } body .blog-dark.rs-blog.home-blog-area .blog-item.style1 .blogfull { background: #111 !important; } body .blog-dark.rs-blog.home-blog-area .blog-item.style1 .blogfull .blog-meta .blog-title a { color: #fff !important; } body .blog-dark.rs-blog.home-blog-area .blog-item.style1 .blogfull .blog-button a { color: #ff6d00; } .rs-blog-grid .blog-img a.float-cat { background: #0a2fa6; color: #fff; padding: 6px 19px; border-radius: 10px; font-size: 13px; margin-right: 8px; } .rs-blog-grid .blog-img a.float-cat:hover { background: #ff6d00; } .rs-blog-grid .blog-item .blog-date i:before { font-size: 14px; font-weight: 600; } .rs-blog-grid .blog-item.style1 .blog-date, .rs-blog-grid .blog-item.style2 .blog-date { margin-bottom: 15px; } .rs-blog-grid .blog-item.horizontal { margin-bottom: 17px; } .rs-blog-grid .blog-item.horizontal .blog-inner-wrap { align-items: center; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .rs-blog-grid .blog-item.horizontal .blog-inner-wrap .image-wrap { -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; } .rs-blog-grid .blog-item.horizontal .blog-inner-wrap .blog-content { -webkit-box-flex: 0; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; } .rs-blog-grid .blog-item.horizontal .blog-inner-wrap .blog-name { margin-bottom: 0; } .get_date_format2 { position: relative; } .get_date_format2 .blog-date2 { position: relative; width: 100px; height: 80px; margin: 0 0 15px; } .get_date_format2 .blog-date2:after, .get_date_format2 .blog-date2:before { content: ''; position: absolute; display: block; transition: all 0.2s; width: 0px; height: 0px; z-index: 100; top: 0; left: 0; } .get_date_format2 .blog-date2:after { border-top: 0 solid; border-bottom-color: #f9f9f9; border-bottom: 80px solid transparent; border-left: 100px solid #f9f9f9; } .get_date_format2 .blog-date2:before { top: auto; bottom: 0; left: auto; right: 0; border-bottom: 0 solid; border-bottom-color: #ff6d00; border-top: 80px solid transparent; border-right: 100px solid #ff6d00; } .get_date_format2 .blog-date2 span { display: block; color: #ffffff; font-weight: 700; position: relative; z-index: 999; height: 40px; padding: 6px 0; } .get_date_format2 .blog-date2 span.date { color: #ff6d00; font-size: 24px; text-align: left; padding-left: 12px; padding-top: 10px; } .get_date_format2 .blog-date2 span.month { text-align: right; padding-right: 12px; font-size: 18px; } #blog-home .owl-navigation-yes .owl-nav { top: -80px; } .bs-img { border-radius: 0; position: relative; overflow: hidden; } .bs-img img { width: 100%; } .widget-title a { color: #fff; } .widget-title a:hover { color: #fff; } .widget-title a:visited { color: #fff; } /* ----------------------- 14. Blog Post --------------------------*/ .rs-blog .grid-blog { margin-top: 50px; } .rs-blog .blog-item { margin-bottom: 30px; background: #fff; } .rs-blog .blog-item .blog-img { position: relative; margin-bottom: 0; overflow: hidden; border-radius: 0; } .rs-blog .blog-item .blog-img a { z-index: 11; position: relative; } .rs-blog .blog-item .blog-img .blog-img-content { position: absolute; width: 100%; height: 100%; top: 50%; left: 0; text-align: center; z-index: 10; padding: 20px; opacity: 0; -webkit-transition: 0.3s all ease-out; transition: 0.3s all ease-out; } .rs-blog .blog-item .blog-img .blog-img-content .blog-link { display: inline-block; font-size: 19px; width: 52px; line-height: 54px; height: 52px; text-align: center; border-radius: 50%; background: #fff; transition: all .3s ease 0s; } .rs-blog .blog-item .blog-img .blog-img-content .blog-link:hover { background: #0a2fa6; color: #fff !important; } .rs-blog .blog-item .blog-img .blog-img-content .blog-title { font-size: 16px; line-height: 22px; font-weight: 500; margin-top: 15px; color: #fff; margin-bottom: 0; } .rs-blog .blog-item .blog-img .blog-img-content .blog-title a { color: #fff; } .rs-blog .blog-item .blog-img .blog-img-content .blog-title a:hover { color: rgba(255, 255, 255, 0.6); } .rs-blog .blog-item .blog-img:hover .blog-img-content { top: 0px; opacity: 1; } .rs-blog .blog-item .blog-meta { transition: all 0.4s ease-in-out 0s; } .rs-blog .blog-item .blog-meta .seperator { padding-left: 7px; } .rs-blog .blog-item .blog-meta .blog-date { display: inline-block; font-weight: 400; font-size: 13px; } .rs-blog .blog-item .blog-meta .blog-date i { color: #ff6d00; margin-right: 3px; position: relative; top: 1px; } .rs-blog .blog-item .blog-meta .categories a { color: #999999; } .rs-blog .blog-item .blog-meta .categories a:hover { color: #0a2fa6; } .rs-blog .blog-item .blog-meta .blog-lc { display: inline-block; } .rs-blog .blog-item .blog-meta .blog-lc > div { display: inline-block; } .rs-blog .blog-item .date-post { padding: 0; color: #999999; margin-right: 8px; margin-bottom: 8px; display: inline-block; font-size: 12px; } .rs-blog .blog-item span.author, .rs-blog .blog-item span.category { padding: 0; margin-right: 9px; margin-bottom: 10px; margin-left: 0; display: inline; position: relative; text-transform: inherit; color: #555; } .rs-blog .blog-item .blog-slidermeta { margin-bottom: 6px; } .rs-blog .blog-item .blog-slidermeta span.seperator { display: inline-block; padding-right: 5px; font-size: 12px; } .rs-blog .blog-item .blog-slidermeta span.category a { color: #999999; } .rs-blog .blog-item .blog-slidermeta span.category a:hover { color: #0a2fa6; } .rs-blog .blog-item div.comment { padding: 0; color: #ff6d00; border-radius: 30px; text-transform: uppercase; font-size: 13px !important; line-height: normal; } .rs-blog .blog-item .blog-author { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .rs-blog .blog-item .blog-author .author-img { float: left; } .rs-blog .blog-item .blog-author .author-img img { height: 70px; width: 70px; border-radius: 50%; } .rs-blog .blog-item .blog-author .author-info { margin-left: 15px; } .rs-blog .blog-item .blog-author .author-info .author-name { font-size: 15px; margin-bottom: 0; } .rs-blog .blog-item .blog-author .author-info .author-title { font-size: 12px; } .rs-blog .blog-item .blog-desc { clear: both; } .rs-blog .blog-item .blog-desc p { margin-bottom: 0; } .rs-blog .blog-item .blog-button { display: block; margin-top: 20px; } .rs-blog .blog-item .blog-button a { text-align: center; display: inline-block; color: #0a0a0a; padding-right: 25px; position: relative; z-index: 1; font-family: 'Sora', sans-serif; font-weight: 600; font-size: 15px; } .rs-blog .blog-item .blog-button a:before { content: "\f121"; position: absolute; font-family: uicons-regular-rounded !important; font-size: 19px; top: -1px; right: 0px; opacity: 1; transition: all 0.3s; } .rs-blog .blog-item .blog-button a:hover { color: #ff6d00; } .rs-blog .blog-item .blog-button a:hover:before { right: -3px; opacity: 1; } .rs-blog .full-layout { width: 100%; } .rs-blog .sidebar-none { display: none; } .rs-blog .owl-nav { display: none; } .rs-blog .home_full_blog { padding: 0; } .rs-blog .home_full_blog .blog-desc { margin-bottom: 20px; } .rs-blog .home_full_blog .blog-date { padding-top: 15px; } .comment i { color: #999; font-size: 12px; } .archive .rs-blog .blog-item .blog-img, .blog .rs-blog .blog-item .blog-img { margin-bottom: 18px !important; } .single-post .rs-blog-details .single-content-full ul.unorder-list { margin-bottom: 16px; margin-left: 20px; } .single-post .rs-blog-details .bs-meta { margin-top: 0px; margin-bottom: 18px; } .comment-respond .form-submit { margin-bottom: 0; } .single-post .rs-blog-details .type-post .single-content-full { overflow: visible; } .flickr-widget ul { margin: 0; padding: 0; } .flickr-widget ul li { display: inline-block; margin: 0 !important; border: none !important; padding: 2px !important; width: 25%; } .flickr-widget ul li a img { width: 100%; } .home-blog-area .blog-item { padding: 0 1px; background: transparent; } .home-blog-area .blog-item .content-overlay:before { border-radius: 5px; } .home-blog-area .blog-item .blog-img img { border-radius: 3px; } .home-blog-area .home_full_blog { border: none; border-radius: 0 0 5px 5px; } .home-blog-area .blog-meta { margin-top: 20px; } body.archive .rs-blog .blog-item { overflow: hidden; margin-bottom: 70px; } .blog-seo .rs-blog .blog-item div.comment { padding: 6px 28px 5px; } #blog-home.blog-personel .owl-nav { display: none !important; } .ps-navigation { margin-top: 50px; margin-bottom: 50px; } .ps-navigation ul { margin: 0 !important; list-style: none; } .ps-navigation ul a { text-transform: uppercase; background: transparent; color: #444444; border-radius: 3px; font-weight: bold; } .ps-navigation ul a span { display: block; font-weight: normal; text-transform: capitalize; vertical-align: middle; } .ps-navigation ul a i { vertical-align: text-top; } .ps-navigation ul a:hover { color: #ff6d00; } .ps-navigation ul li.next { float: right; } .ps-navigation ul li.prev { float: left; } .ps-navigation ul li:nth-child(2) { text-align: right; } .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container p, .wp-block-cover .wp-block-cover__inner-container p a { color: #ffffff !important; } /* ------------------------------------ 22. Blog Details ---------------------------------------*/ .rs-blog-details .type-post { background: #fff; margin-bottom: 0px; } .rs-blog-details .type-post .single-content-full { padding: 12px 0 0px; overflow: hidden; } .rs-blog-details .type-post .tag-line { padding: 0; } .rs-blog-details .type-post .tag-line a { font-weight: 400; color: #555; } .rs-blog-details .type-post .tag-line a:hover { color: #0a2fa6; } .rs-blog-details .bs-info { margin-bottom: 10px; } .rs-blog-details .bs-info.tags { margin-top: 25px; clear: both; } .rs-blog-details .bs-info.tags a { font-size: 13px; margin-right: 5px; display: inline-block; text-align: center; font-weight: normal; color: #666666; border: 1px solid rgba(170, 170, 170, 0.25); padding: 2px 15px 4px; margin-left: 7px; border-radius: 5px; line-height: 20px; margin-top: 5px; margin-bottom: 5px; } .rs-blog-details .bs-info.tags a:hover { background: #ff6d00; border-color: #ff6d00; color: #fff; } .rs-blog-details .ps-navigation ul { list-style: none; margin: 0; } .rs-blog-details .bs-title { margin-top: 0px; font-size: 22px; line-height: 1.2; margin-bottom: 5px; } .rs-blog-details .single-page-info .p-user .author-img { display: inline-block; margin-right: 12px; margin-bottom: 10px; } .rs-blog-details .single-page-info .p-user .author-img img { border-radius: 50%; } .rs-blog-details .single-page-info .p-date, .rs-blog-details .single-page-info .author-name, .rs-blog-details .single-page-info .p-cname { padding: 0; color: #555; line-height: 24px; display: inline-block; margin-bottom: 0; } .rs-blog-details .single-page-info .author-name { color: #555; } .rs-blog-details .bs-meta { font-size: 14px; margin: 15px 0 0; padding: 0; text-transform: uppercase; } .rs-blog-details .bs-meta li { display: inline-block; line-height: 10px; margin-right: 10px; } .rs-blog-details .bs-meta li i { margin-right: 3px; font-size: 12px; color: #aaa; } .rs-blog-details .bs-meta li a { color: #555; } .rs-blog-details .bs-meta li.category-name ul { margin: 0; float: left; padding-left: 8px; } .rs-blog-details .bs-meta li .seperator { padding-right: 10px; } .rs-blog-details .bs-desc { margin-top: 0; } .rs-blog-details .bs-desc p:last-child { margin-bottom: 10px; } .rs-blog-details .blockquote { padding-left: 30px; border-left: 4px solid #444444; display: block; margin: 40px 0; background: #f7f7f7; padding-bottom: 30px; padding-top: 30px; font-size: 14px !important; border-radius: 5px; } .rs-blog-details .related-post { margin-top: 40px; padding: 0 15px; } .rs-blog-details .related-post .related-title { font-size: 20px; font-weight: 500; margin-bottom: 30px; } .rs-blog-details .related-post .blog-title { margin-bottom: 5px; font-size: 16px; font-weight: 500; } .rs-blog-details .related-post .blog-title a { color: #0a0a0a; } .rs-blog-details .related-post .blog-title a:hover { color: #ff6d00; } .rs-blog-details .author-block { align-items: center; margin-top: 50px; padding: 35px 0px 30px; text-align: center; overflow: hidden; border-radius: 0px; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; } .rs-blog-details .author-block .author-img { float: left; width: 17%; padding-right: 30px; } .rs-blog-details .author-block .author-img img { border-radius: 5px; width: 120px; } .rs-blog-details .author-block .author-desc { float: left; width: 83%; text-align: left; } .rs-blog-details .author-block .author-title { margin: -10px 0 8px 0; font-size: 20px; position: relative; } .rs-blog-details .author-block .author-title:after { background: #0a2fa6; content: ""; position: absolute; left: 0; bottom: -5px; right: auto; width: 120px; height: 1px; margin: 0 auto; display: none; } .rs-blog-details .author-block .author-title a { color: #212121; } .rs-blog-details .author-block p { margin-bottom: 8px; } .rs-blog-details .comment-respond { margin-top: 0px; } .rs-blog-details .comments-title { font-size: 24px; margin-bottom: 40px; margin-top: 40px; } .rs-blog-details #reply-title { font-size: 24px; font-weight: 700; margin-bottom: 30px; margin-top: 45px; position: relative; padding: 0 0 12px; } .rs-blog-details #reply-title small { font-size: 80%; } .rs-blog-details #reply-title small a { color: #0a0a0a; } .rs-blog-details #reply-title small a:hover { color: #0a2fa6; } .rs-blog-details .comment-block { margin-top: 50px; } .rs-blog-details .comment-block .comment { padding: 25px; background: #fff; -webkit-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0px 1px rgba(0, 0, 0, 0.2); margin-bottom: 35px; } .rs-blog-details .comment-block .comment .comment-header { margin-bottom: 10px; } .rs-blog-details .comment-block .comment .comment-header:before, .rs-blog-details .comment-block .comment .comment-header:after { content: ""; display: table; } .rs-blog-details .comment-block .comment .comment-header:after { clear: both; } .rs-blog-details .comment-block .comment img { float: left; margin-right: 15px; } .rs-blog-details .comment-block .comment h3 { margin: 5px 0 0 0; font-size: 16px; line-height: 22px; } .rs-blog-details .comment-block .comment .comment-body p.desc { margin-bottom: 10px; } .rs-blog-details .comment-block .comment .comment-reply { margin-bottom: 0; } ol.comment-list .comment-respond .form-submit { margin-bottom: 50px; } .single .tag-line { position: relative; color: #555; } .single .tag-line a { display: inline-block; margin-right: 0; margin-left: 0; margin-bottom: 0; padding: 0; background: #fff; border-radius: 0; position: relative; } .single .ps-navigation { margin: 60px 0 0; } .single .ps-navigation .prev { width: 50%; transition: all .5s ease; } .single .ps-navigation .prev i { margin-right: 10px; position: relative; top: -4px; } .single .ps-navigation .prev .next_link { margin-left: 0; } .single .ps-navigation .prev:hover span { color: #ff6d00; } .single .ps-navigation .next { width: 50%; transition: all .5s ease; } .single .ps-navigation .next .next_link { margin-right: 0; } .single .ps-navigation .next i { margin-left: 10px; position: relative; top: -4px; } .single .ps-navigation .next:hover span { color: #ff6d00; } .single .ps-navigation .next_link { text-transform: uppercase; color: #909090; } .single .ps-navigation .link_text { display: inline-block; font-size: 20px; font-weight: 500; color: #0a0a0a; } .single .ps-navigation .link_text i { color: #909090; margin-top: -9px; } .single-post .main-contain #content .single-content-full .bs-desc > p:first-child { margin-top: 10px; } .single-post .ps-navigation { border-top: 1px solid rgba(170, 170, 170, 0.25); border-bottom: 1px solid rgba(170, 170, 170, 0.25); padding: 30px 0; } .single-post .ps-navigation .link_text { font-size: 16px; } .single-post .ps-navigation .next_link i:before { margin-left: 0; } .single-post .single-posts-meta { margin: 0 !important; } .single-post .single-posts-meta .fa-comments-o:before { color: #ff6d00; } .single-post .single-posts-meta li { list-style: none; display: inline-block; padding-right: 10px; color: #555; font-size: 14px; } .single-post .single-posts-meta li span i { font-size: 13px; margin-right: 3px; color: #ff6d00; } .single-post .single-posts-meta li span a { color: #555; } .single-post .single-posts-meta li span a:hover { color: #ff6d00; } .single-post .single-posts-meta li ul { margin: 0; position: relative; padding-left: 19px; } .single-post .single-posts-meta li ul li { position: relative; font-size: 14px; } .single-post .single-posts-meta li ul li a { color: #555; } .single-post .single-posts-meta li ul li a:hover { color: #ff6d00; } .single-post .single-posts-meta li ul li:before { content: ","; position: absolute; font-size: 16px; font-style: normal; right: 4px; top: 0; } .single-post .single-posts-meta li ul li:last-child:before { display: none; } .single-post .single-posts-meta li ul:before { content: "\f02d"; position: absolute; color: #ff6d00; font-family: FontAwesome; font-size: 13px; font-style: normal; left: 0; top: 0; } .btm-cate { overflow: hidden; list-style: none; margin: 0 0 5px; padding: 0 0 12px; position: relative; font-size: 13px; } .btm-cate li { float: left; margin-right: 10px; } .btm-cate li a { color: #555; } .btm-cate li a:hover { color: #ff6d00; } .btm-cate .category-name i { margin-right: 3px; color: #ff6d00; } .btm-cate .tag-line { position: relative; padding-left: 2px; color: #555; } .btm-cate .tag-line .seperator { padding-right: 12px !important; } .comment-respond .form-field { margin-bottom: 30px; position: relative; } .comment-respond .form-field i { position: absolute; top: 50%; left: 16px; transform: translateY(-50%); } .comment-respond .form-field input { width: 100%; height: 50px; padding: 5px 15px; border: 1px solid rgba(0, 0, 0, 0.1); } .comment-respond .form-field #comment { width: 100%; padding: 8px 20px; border: 1px solid rgba(0, 0, 0, 0.1); } .comment-respond .form-submit { clear: both; } .comment-respond .form-submit #submit { background: #0a2fa6; position: relative; display: inline-block; padding: 15px 23px; line-height: normal; font-size: 15px; font-weight: 600; color: #fff; transition: all 0.5s ease; border-radius: 20px 0 20px 0; } .comment-respond .form-submit #submit:hover { background: #ff6d00; color: #fff; border-radius: 0 20px 0 20px; } .comments-area { margin-top: 0; } .comments-area ol.children { padding: 0; } .comments-area .comment-list { margin: 0; padding: 0; } .comments-area .comment-list li.comment { padding: 0; margin: 20px 0 25px; border-radius: 3px; list-style: none; } .comments-area .comment-list li.comment .comment-full { padding: 0; border-radius: 0px; position: relative; } .comments-area .comment-list li.comment .comment-body { padding-bottom: 0; position: relative; padding-left: 98px; padding-bottom: 30px; margin-bottom: 25px; border-bottom: 1px solid #ddd; } .comments-area .comment-list li.comment #respond { padding-left: 98px; padding-bottom: 0; padding-top: 0px; } .comments-area .comment-list li.comment span.says { display: none; } .comments-area .comment-list li.comment .comment-author { text-transform: capitalize; } .comments-area .comment-list li.comment .comment-author a { color: #0a0a0a; } .comments-area .comment-list li.comment .comment-author img { float: left; border-radius: 50%; position: absolute; left: 0; } .comments-area .comment-list li.comment .comment-author b { float: left; padding-right: 14px; padding-top: 0; } .comments-area .comment-list li.comment .comment-metadata { margin-left: 0; margin-top: 0; font-size: 14px; padding-top: 0; clear: both; } .comments-area .comment-list li.comment .comment-metadata a time { color: #909090; } .comments-area .comment-list li.comment .comment-content { margin-top: 6px; border-radius: 5px; padding-left: 0; padding-right: 0; } .comments-area .comment-list li.comment .comment-content p { margin-bottom: 4px; color: #666; } .comments-area .comment-list li.comment .reply { padding-left: 0; margin-bottom: 0; margin-top: 10px; padding-bottom: 0; text-align: left; } .comments-area .comment-list li.comment .reply a { cursor: pointer; display: inline-block; position: relative; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; padding: 6px 23px 6px; line-height: 22px; border-radius: 15px 0 15px 0; font-size: 13px; font-weight: 500; color: #ffffff; background: #0a2fa6; z-index: 1; border: none; } .comments-area .comment-list li.comment .reply a:hover { background: #ff6d00; color: #ffffff; border-radius: 0 15px 0 15px; } .comments-area .comment-list li.comment .reply a:hover:before { top: 0%; bottom: auto; height: 100%; } .comments-area .comment-list li.comment .comment { margin-bottom: 0; padding-bottom: 0; } .comments-area .comment-list li.comment ol.children li { padding-right: 0; margin-left: 2.5em; margin-top: 0; } .comments-area .comment-list li.comment:last-child .comment-full { border-bottom: none; } .comments-area p.comment-form-author { float: left; width: 50%; padding-right: 25px; margin-bottom: 8px; } .comments-area p.comment-form-author label { display: block; } .comments-area p.comment-form-author input { width: 100%; height: 50px; padding: 15px 20px; background-color: #F6F7F9; border: none; border-radius: 5px; } .comments-area p.comment-form-email { float: left; width: 50%; margin-bottom: 8px; } .comments-area p.comment-form-email label { display: block; } .comments-area p.comment-form-email input { width: 100%; height: 50px; padding: 15px 20px; background-color: #F6F7F9; border: none; border-radius: 5px; } .comments-area p.comment-form-url { clear: both; } .comments-area p.comment-form-url label { display: block; } .comments-area p.comment-form-url input { width: 100%; height: 50px; padding: 15px 20px; background-color: #F6F7F9; border: none; border-radius: 5px; } .comments-area p.comment-form-comment { clear: both; margin-bottom: 0; } .comments-area p.comment-form-comment label { display: block; } .comments-area p.comment-form-comment textarea { width: 100%; height: 160px; padding: 15px 20px; background-color: #F6F7F9; border: none; border-radius: 5px; outline: none; } .comments-area .comment-navigation { overflow: hidden; } .comments-area .comment-navigation .nav-previous { position: relative; padding-left: 18px; } .comments-area .comment-navigation .nav-previous:before { content: "\f104"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; left: 0; top: 1px; color: #4caf50; } .comments-area .comment-navigation .nav-next { position: relative; padding-right: 18px; } .comments-area .comment-navigation .nav-next:before { content: "\f105"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; right: 0; top: 1px; color: #4caf50; } .comments-area label { font-weight: 400; } .comment-full .comment-form-cookies-consent, .comment-full .comment-form-url { display: none; } .inner-page-title { padding-top: 70px; } .dynamic-sidebar { padding: 0px 0 20px 20px; } .dynamic-sidebar .recent-widget { margin: 0 0 3em; } .padding-left-sidebar .dynamic-sidebar { padding: 0px 20px 20px 0; } #respond { border-radius: 5px; } li.comment #respond { background: none; box-shadow: none; padding: 0; border-radius: 0; } .check-arrow { padding: 0; } .check-arrow li { position: relative; list-style: none; padding: 0 0 0 26px; } .check-arrow li:before { font-family: FontAwesome; content: "\f00c"; position: absolute; left: 4px; right: auto; top: 0px; font-size: 14px; color: #ff6d00; } .check-circle { padding: 0; } .check-circle li { position: relative; list-style: none; padding: 0 0 0 26px; } .check-circle li:before { font-family: FontAwesome; content: "\f058"; position: absolute; left: 0; right: auto; top: 0px; font-size: 18px; color: #0a2fa6; width: 40px; height: 40px; } /* ------------------------------------ 23. Blog Sidebar ---------------------------------------*/ .bs-sidebar .fa-ul i { margin-right: 12px; } .bs-sidebar .fa-ul i:before { color: #ff6d00; } .bs-sidebar .fa-ul i.fa-whatsapp:before { font-size: 18px; } .bs-sidebar .fa-ul i.flaticon-time-call:before { font-size: 16px; } .bs-sidebar .widget { background: #fff; padding: 40px 30px 40px; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08); border-radius: 10px; } .bs-sidebar .wp-block-search__label, .bs-sidebar .widget_block h2, .bs-sidebar .widget-title { color: #0a0a0a; font-size: 20px; line-height: 26px; font-weight: 600 !important; position: relative; z-index: 1; padding-bottom: 12px; } .bs-sidebar .wp-block-search__label:after, .bs-sidebar .widget_block h2:after, .bs-sidebar .widget-title:after { content: ""; position: absolute; border: 0; width: 50px; height: 2px; background: #ff6d00; z-index: 1; margin-left: 0; bottom: 0; left: 0; } .bs-sidebar .widget_media_image { padding: 0; background: none; } .bs-sidebar .widget:last-child { margin-bottom: 0; } .bs-sidebar .widget-title { font-weight: 600; margin-bottom: 30px; } .bs-sidebar ul { margin: 0; padding: 0; list-style: none; } .bs-sidebar ul a { color: #0a0a0a; transition: all 0.4s ease-in-out 0s; font-size: 15px; } .bs-sidebar ul a:hover { color: #ff6d00; } .bs-sidebar ul li { margin-top: 13px; padding-top: 13px; border-top: 1px solid rgba(0, 0, 0, 0.06); } .bs-sidebar ul li + li { margin-top: 13px; padding-top: 13px; border-top: 1px solid rgba(0, 0, 0, 0.06); } .bs-sidebar ul li a { font-weight: 500; } .bs-sidebar .widget_meta li:first-child, .bs-sidebar .widget_pages li:first-child, .bs-sidebar .widget_recent_entries li:first-child, .bs-sidebar .widget_nav_menu li:first-child { margin-top: 0; padding-top: 0; border: 0; } .bs-sidebar .widget_meta .sub-menu li:first-child, .bs-sidebar .widget_pages .sub-menu li:first-child, .bs-sidebar .widget_recent_entries .sub-menu li:first-child, .bs-sidebar .widget_nav_menu .sub-menu li:first-child { margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(0, 0, 0, 0.06); } .bs-sidebar .widget_categories h2.widget-title { margin-bottom: 18px; } .bs-sidebar .widget_categories ul li a { font-weight: 500; } .bs-sidebar .widget_product_categories h2.widget-title { margin-bottom: 18px; } .bs-sidebar .widget_product_categories ul li a { font-weight: 500; } .bs-sidebar .widget_recent_comments ul li { border-top: 1px solid rgba(0, 0, 0, 0.06); } .bs-sidebar .widget_recent_comments ul li:first-child { border-top: none; margin-top: 0; padding-top: 0; } .bs-sidebar .recent-widget .widget-title { margin-bottom: 30px; } .bs-sidebar .widget_tag_cloud .widget-title { margin-bottom: 22px; } .bs-sidebar .widget_calendar table caption { padding-bottom: 0; } .bs-sidebar .widget_archive ul li { border-top: 1px solid rgba(0, 0, 0, 0.06); border-bottom: none; } .bs-sidebar .widget_archive ul li:first-child { border-top: none; margin-top: 0; padding-top: 0; } .bs-sidebar .widget_pages ul li { border-top: 1px solid rgba(0, 0, 0, 0.06); border-bottom: none; } .bs-sidebar .widget_pages ul li:first-child { border-top: none; margin-top: 0; padding-top: 0; } .bs-sidebar .widget_pages ul li ul.children li:first-child:after { top: 9px; } .bs-sidebar .widget_search, .bs-sidebar .bs-search { overflow: hidden; position: relative; } .bs-sidebar .widget_search input, .bs-sidebar .bs-search input { border: 0; color: #444444; padding: 14px 17px; width: 100%; border-radius: 5px; background: #F6F7F9; } .bs-sidebar .widget_search button, .bs-sidebar .bs-search button { background: transparent; border: medium none; color: #0a0a0a; padding: 9px 16px; position: absolute; right: 0px; top: 0; z-index: 0; font-size: 16px; outline: none; border-radius: 0 5px 5px 0; } .bs-sidebar .widget_search button:hover, .bs-sidebar .bs-search button:hover { background: transparent; } .bs-sidebar .widget_search label, .bs-sidebar .bs-search label { display: inline; font-weight: normal; } .bs-sidebar label.wp-block-search__label { display: block; margin-bottom: 25px; } .bs-sidebar .wp-block-search__inside-wrapper { position: relative; } .bs-sidebar .widget_search button { font-size: 0; } .bs-sidebar .widget_search button:before { font-family: Flaticon; font-size: 18px; font-weight: 600; content: "\f12c"; position: absolute; right: 20px; top: 7px; } .bs-sidebar .widget_search button:hover:before { color: #0a2fa6; } .bs-sidebar .widget_categories ul, .bs-sidebar .widget_recent_entries ul, .bs-sidebar .widget_archive ul, .bs-sidebar .widget_meta ul { list-style: none; } .bs-sidebar .recent-post-widget > div + div { margin-top: 15px; padding-top: 15px; border-top: 1px solid rgba(0, 0, 0, 0.06); } .bs-sidebar .recent-post-widget .post-date { font-size: 13px; color: #999999; } .bs-sidebar .recent-post-widget .post-title { font-weight: 500; margin-bottom: 0; } .bs-sidebar .recent-post-widget .post-title a { font-size: 15px; } .bs-sidebar .recent-post-widget .post-desc a { display: block; line-height: 22px; color: #0a0a0a; transition: all 0.4s ease-in-out 0s; font-weight: 500; } .bs-sidebar .recent-post-widget .post-desc a:hover { color: #0a2fa6; } .bs-sidebar .recent-post-widget .post-desc span { display: block; font-size: 12px; color: #555; } .bs-sidebar .recent-post-widget .post-desc span i { margin-right: 5px; } .bs-sidebar .recent-post-widget .post-desc span i:before { font-size: 12px; } .bs-sidebar .tagcloud a { display: inline-block; margin: 10px 3px 0px 0; line-height: 20px; padding: 6px 12px; font-size: 13px !important; text-transform: capitalize; -webkit-transition: all .3s ease; transition: all .3s ease; background: #ffffff; color: #444444; border: 1px solid #f0f0f0; border-radius: 5px; } .bs-sidebar .tagcloud a:hover { background-color: #0a2fa6; color: #fff; border: 1px solid #0a2fa6; } .bottom-shadow1 { padding: 32px 0 20px 0; } ul.wp-block-archives-list { list-style: none; } ul.wp-block-archives-list li { border-top: none; padding: 6px 0px 6px 14px; border: none; margin-top: 0px; position: relative; } ul.wp-block-archives-list li a { font-weight: 500; } ul.wp-block-archives-list li:after { content: "\f105"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; left: 0; top: 6px; color: #0a2fa6; } .page-header { margin: 0 0 20px; } .page-header h1 { margin-top: 0; } body.single-post, body.blog, body.archive, body.single-services, body.single-mp-event { background: #fff ; } .bs-sidebar .widget_categories ul li:first-child { border-top: 0; } .bs-sidebar ul.wp-block-categories li:first-child { border-top: 0; margin-top: 0; padding-top: 5px; } body.single-post .breadcrumbs-inner { text-align: center; max-width: 800px; margin: 0 auto; } body.single-post .rs-breadcrumbs .breadcrumbs-inner .page-title:after { right: 0; } body.archive.post-type-archive-product { background: #fff !important; } body.search .entry-summary .blog-button a { color: #0a0a0a; font-weight: 600; padding-right: 25px; position: relative; } body.search .entry-summary .blog-button a:before { content: "\f114"; position: absolute; font-family: flaticon; font-size: 15px; top: 50%; right: 0; opacity: 1; transition: all 0.3s; transform: translateY(-50%); } body.search .entry-summary .blog-button a:hover { color: #ff6d00; } .rs-blog-grid .blog-item .blog-content .blog-meta { margin-bottom: 6px; } .rs-blog-grid .blog-item .blog-content h3.blog-name { margin-bottom: 15px; } .show-featured .post-img { width: 100px; float: left; padding-right: 15px; } .show-featured .post-item { overflow: hidden; } .bs-search { overflow: hidden; position: relative; } .bs-search input { border: 0; color: #444444; padding: 14px 17px; width: 100%; background: #F6F7F9; border-radius: 5px; } .bs-search button { background: transparent !important; border: medium none; padding: 9px 18px; position: absolute; right: 0; top: 0; z-index: 1; font-size: 16px; outline: none; border-radius: 0; color: #0a2fa6; } .bs-search button i:before { font-size: 18px; font-weight: 600; } .bs-search button:hover { color: #ff6d00; } .bs-search label { display: inline; font-weight: normal; } article.sticky .blog-title a { color: #ff6d00; position: relative; padding-left: 25px; font-weight: 700; } article.sticky .blog-title a:after { font-family: FontAwesome; content: "\f08d"; position: absolute; left: 0; top: 0; color: #ff6d00; font-size: 25px; } .archive-post h3.blog-title a { color: #ff6d00; } .archive-post h3.blog-title a:hover { color: #0a2fa6; } body.archive .rs-breadcrumbs.heads_trans .breadcrumbs-inner, body.error404 .rs-breadcrumbs.heads_trans .breadcrumbs-inner, body.single-product .rs-breadcrumbs.heads_trans .breadcrumbs-inner { padding: 260px 0 75px; } .rs-blog-grid .blog-item .image-wrap .cat_list ul li a { margin-top: 5px; } .rs-blog-grid .blog-item .image-wrap .cat_list { left: 20px; text-align: right; } .rs-blog-grid .blog-item .blog-content .blog-meta .admin { margin-right: 25px; } /* ------------------------------------ 24. Blog Pagination ---------------------------------------*/ .page-numbers.dots { padding-left: 13px; border-right: 1px solid #E6E6E6; padding-right: 13px; line-height: 14px; display: inline-block; color: #ffffff; } .pagination-area { padding-top: 0px; clear: both; text-align: center; } .pagination-area .pagination { padding: 0; margin: 0; } .pagination-area .nav-links { display: flex; align-items: center; padding: 20px 30px; border-radius: 20px 0 20px 0; background: #0a2fa6; } .pagination-area .nav-links span.current { padding: 2px 20px 0 21px; line-height: 12px; font-size: 18px; text-decoration: none; transition: all 0.4s ease-in-out 0s; text-align: center; background: transparent; color: #ffffff; display: inline-block; vertical-align: top; border-right: 1px solid #E6E6E6; } .pagination-area .nav-links > * { border-radius: 0px; margin-left: 0px; margin-right: 0px; } .pagination-area .nav-links a { padding: 2px 16px 0 16px; line-height: 12px; color: #eee; font-size: 18px; text-decoration: none; transition: all 0.4s ease-in-out 0s; text-align: center; background: transparent; opacity: .96; display: inline-block; vertical-align: top; border-right: 1px solid #E6E6E6; } .pagination-area .nav-links a.next.page-numbers { background: none !important; border-right: 0; } .entry-content .page-links .pagination-pages { display: inline-flex; padding: 20px 27px 22px 43px; border-radius: 20px 0 20px 0; line-height: 15px; color: #eee; border: none; background: #0a2fa6; } .entry-content .page-links .pagination-pages span.current { padding: 2px 18px 0 18px; line-height: 13px; font-size: 18px; text-decoration: none; transition: all 0.4s ease-in-out 0s; text-align: center; background: transparent; color: #ffffff; display: inline-block; vertical-align: top; border-right: 1px solid #E6E6E6; } .entry-content .page-links .pagination-pages span.current:last-child { border-right: none; } .entry-content .page-links .pagination-pages > * { border-radius: 0px; margin-left: 0px; margin-right: 0px; } .entry-content .page-links .pagination-pages a { padding: 2px 16px 0 16px; line-height: 13px; color: #eee; font-size: 18px; text-decoration: none; transition: all 0.4s ease-in-out 0s; text-align: center; background: transparent; display: inline-block; vertical-align: top; border-right: 1px solid #E6E6E6; } .entry-content .page-links .pagination-pages a:hover { color: #ffffff; } .entry-content .page-links .pagination-pages a:last-child { border-right: none; } .entry-content .page-links .pagination-pages a.next.page-numbers { background: none !important; border-right: 0; } .bs-desc .page-links { display: inline-flex; padding: 20px 27px 22px 43px; border-radius: 30px; line-height: 15px; color: #eee; background-image: linear-gradient(50deg, #03228f 0%, #0e73e4 100%); } .bs-desc .page-links span.current { padding: 2px 18px 0 18px; line-height: 13px; font-size: 18px; text-decoration: none; transition: all 0.4s ease-in-out 0s; text-align: center; background: transparent; color: #ffffff; display: inline-block; vertical-align: top; border-right: 1px solid #E6E6E6; } .bs-desc .page-links span.current:last-child { border-right: none; } .bs-desc .page-links > * { border-radius: 0px; margin-left: 0px; margin-right: 0px; } .bs-desc .page-links a { padding: 2px 16px 0 16px; line-height: 13px; color: #eee; font-size: 18px; text-decoration: none; transition: all 0.4s ease-in-out 0s; text-align: center; background: transparent; display: inline-block; vertical-align: top; border-right: 1px solid #E6E6E6; } .bs-desc .page-links a:hover { color: #ffffff; } .bs-desc .page-links a:last-child { border-right: none; } .bs-desc .page-links a.next.page-numbers { background: none !important; border-right: 0; } .pagination-pages { display: inline-block; border: 1px solid #f1f1f1; padding: 11px 30px; border-radius: 10px; } .entry-footer .edit-link { padding: 20px 0; display: block; } .page-links { clear: both; } .comment-list .pingback, .comment-list .trackback { list-style: none; padding-bottom: 15px; padding-top: 15px; } .rs-blog-details .bs-meta li.category-name a { line-height: 22px; } .single #content h3, .single #content h4 { margin-bottom: 17px; } li.category-name ul.post-categories { position: relative; float: none !important; padding-left: 22px !important; } li.category-name ul.post-categories:before { content: "\f115"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; left: 0; top: 7px; color: #0a2fa6; } .rs-footer .bs-search input { background: #fff; } .bs-sidebar .widget select { background: #F6F7F9; border-radius: 5px; } /*------------------- Search Results ---------------------*/ body.search-results .site-main > article { background: #fff; padding: 43px 45px 30px; box-shadow: 0 6px 25px rgba(0, 0, 0, 0.07); border-top: none; margin-bottom: 47px; border-radius: 10px; } body.search-results .site-main > article .entry-title { padding: 0; font-weight: 700; margin-bottom: 12px; font-size: 26px; line-height: 35px !important; } body.search-results .site-main > article .entry-title a { color: #0a0a0a; } body.search-results .site-main > article .entry-title a:hover { color: #ff6d00; } body.search-results .site-main > article .entry-summary { padding: 0 0 15px; } body.search-results .site-main > article .entry-summary p:last-child { margin-bottom: 0; } body.search-results .site-main > article .entry-summary .search-button { margin-top: 20px; } body.search-results .site-main > article .entry-summary .search-button a { color: #0a0a0a; } body.search-results .site-main > article .entry-summary .search-button a:hover { color: #ff6d00; } body.search-results .site-main > article .entry-summary .search-button a i { vertical-align: middle; transition: 0.3s all ease; } body.search-results .site-main > article .entry-footer { padding: 20px 35px; background: #ebebec; } body.search-results .site-main > article .entry-footer:empty { display: none; } body.search-results .site-main > article .entry-footer span { font-weight: 600; } body.search-results .site-main > article .entry-footer span a { font-weight: 400; color: #454545; } body.search-results .site-main > article .entry-footer span a:hover { color: #0a2fa6; } body.search-results .pagination-area .pagination { margin: 30px 0 0; } body.search-results .main-contain #content { padding-top: 100px !important; padding-bottom: 100px !important; } /* --------------------------- Header Section ------------------------------*/ #rs-header { width: 100%; z-index: 9; } #rs-header .container-fluid { padding-left: 100px; padding-right: 100px; } #rs-header .header-inner { position: relative; } #rs-header .header-quote { display: flex; align-items: center; justify-content: space-between; } #rs-header .sidebarmenu-search { padding-right: 0px; } #rs-header .btn_quote { position: relative; margin-left: 25px; line-height: 30px; } #rs-header .btn_quote a { font-size: 15px; background: #0a2fa6; padding: 15px 23px; border-radius: 20px 0 20px 0; color: #fff; font-weight: 600; transition: 0.4s; } #rs-header .btn_quote a:hover { background: #ff6d00; border-radius: 0 20px 0 20px; } #rs-header.fixed-menu { width: 100%; max-width: 300px; left: 0; position: fixed; top: 0; z-index: 9999; height: 100vh; background: #fff; box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); overflow-y: auto; overflow-x: hidden; } #rs-header.fixed-menu .logo-areas.custom-sticky-logo { display: none !important; } #rs-header.fixed-menu .logo-areas.custom-logo-area { padding-left: 8px; padding-bottom: 15px; } #rs-header.fixed-menu .header-inner .box-layout .nav.navbar ul li { position: relative !important; } #rs-header.fixed-menu .header-inner.sticky { position: relative !important; box-shadow: none !important; } #rs-header.fixed-menu .header-inner.sticky .logo-area.sticky-logo { display: none; } #rs-header.fixed-menu .header-inner.sticky .logo-area { display: block; margin: 0; padding: 0; } #rs-header.fixed-menu .logo-area { margin: 0; padding: 0 0 20px; } #rs-header.fixed-menu .col-cell.menu-responsive { width: 100%; } #rs-header.fixed-menu .header-inner { padding: 60px 20px 25px; display: flex; align-items: center; width: 100%; flex-wrap: wrap; height: 100vh; align-content: space-between; } #rs-header.fixed-menu .header-inner .box-layout { padding: 0; background: none; margin: 0; } #rs-header.fixed-menu .header-inner .box-layout .menu-area { width: 100%; } #rs-header.fixed-menu .header-inner .box-layout .nav.navbar { margin: 0; width: 100%; } #rs-header.fixed-menu .header-inner .box-layout .nav.navbar .navbar-menu { width: 100%; } #rs-header.fixed-menu .header-inner .box-layout .nav.navbar ul li { padding: 0 !important; display: block; margin: 20px 0; } #rs-header.fixed-menu .header-inner .box-layout .nav.navbar ul li a { padding: 7px 10px; } #rs-header.fixed-menu .header-inner .toolbar-sl-share { padding-left: 25px; padding-right: 25px; } #rs-header.fixed-menu .header-inner .toolbar-sl-share .rs-contact-phone i { color: #ff6d00; padding-right: 6px; } #rs-header.fixed-menu .header-inner .toolbar-sl-share .rs-contact-phone a { color: #0a0a0a; } #rs-header.fixed-menu .header-inner .toolbar-sl-share .rs-contact-phone a:hover { color: #ff6d00; } #rs-header.fixed-menu .header-inner .toolbar-sl-share .rs-contact-email { padding: 8px 0 8px; } #rs-header.fixed-menu .header-inner .toolbar-sl-share .rs-contact-email i { color: #ff6d00; padding-right: 7px; } #rs-header.fixed-menu .header-inner .toolbar-sl-share .rs-contact-email a { color: #0a0a0a; } #rs-header.fixed-menu .header-inner .toolbar-sl-share .rs-contact-email a:hover { color: #ff6d00; } #rs-header.fixed-menu .header-inner .toolbar-sl-share ul { list-style: none; margin: 12px 0 0; display: flex; justify-content: start; align-items: center; } #rs-header.fixed-menu .header-inner .toolbar-sl-share ul li + li { margin-left: 25px; } #rs-header.fixed-menu .header-inner .toolbar-sl-share ul li a { color: #0a0a0a; } #rs-header.fixed-menu .header-inner .toolbar-sl-share ul li a i { font-size: 16px; } #rs-header.fixed-menu .header-inner .toolbar-sl-share ul li a:hover { color: #ff6d00; } #rs-header.fixed-menu .menu-area .navbar ul > li.menu-item-has-children > a:before, #rs-header.fixed-menu .menu-area .navbar ul > li.menu-item-has-children.hover-minimize > a:after { display: none; } #rs-header .toolbar-area { background-image: linear-gradient(90deg, #03228f 10%, #0e73e4 100%); padding: 0; position: relative; -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; color: #fff; } #rs-header .toolbar-area .toolbar-contact ul { margin: 0; padding: 0; list-style: none; } #rs-header .toolbar-area .toolbar-contact ul li { display: inline-block; line-height: 50px; color: #fff; } #rs-header .toolbar-area .toolbar-contact ul li i { font-size: 14px; margin-right: 6px; vertical-align: middle; color: #fff; } #rs-header .toolbar-area .toolbar-contact ul li i.flaticon-mail { position: relative; top: 1px; } #rs-header .toolbar-area .toolbar-contact ul li i:before { font-size: 18px; margin-left: 0; } #rs-header .toolbar-area .toolbar-contact ul li a { transition: all 0.4s ease-in-out 0s; color: #fff; border-right: 1px solid #ff8a33; margin-right: 20px; padding-right: 20px; } #rs-header .toolbar-area .toolbar-contact ul li a:hover { color: #ccc; } #rs-header .toolbar-area .toolbar-contact ul li:last-child a { border: none; } #rs-header .toolbar-area .opening { line-height: 50px; } #rs-header .toolbar-area .opening em { border-right: 1px solid #ff8a33; margin-right: 5px; padding-right: 20px; font-style: normal; } #rs-header .toolbar-area .opening i { margin-right: 8px; line-height: 20px; position: relative; top: 3px; } #rs-header .toolbar-area .opening i:before { font-size: 15px; font-weight: 600; } #rs-header .toolbar-area .toolbar-sl-share ul { text-align: right; margin: 0px; padding: 0; } #rs-header .toolbar-area .toolbar-sl-share ul li { display: inline-block; font-size: 14px; line-height: 50px; } #rs-header .toolbar-area .toolbar-sl-share ul li + li { margin-left: 15px; } #rs-header .toolbar-area .toolbar-sl-share ul li a { display: block; color: #0a0a0a; transition: all 0.4s ease-in-out 0s; text-decoration: none; } #rs-header .toolbar-area .toolbar-sl-share ul li a:hover { color: #0a2fa6; } #rs-header .toolbar-area .toolbar-sl-share ul li a i { text-align: center; display: inline-block; color: #fff; } #rs-header .toolbar-area .toolbar-sl-share ul li a i:hover { color: #0a2fa6; } #rs-header .toolbar-area .toolbar-sl-share ul li a.quote-buttons { position: relative; padding-right: 25px; color: #fff; margin-left: 30px; } #rs-header .toolbar-area .toolbar-sl-share ul li a.quote-buttons:before { font-family: Flaticon; font-size: 15px; font-style: normal; color: #0a2fa6; position: absolute; content: "\f100"; right: 0; top: 0; } #rs-header .toolbar-area .toolbar-sl-share ul li a.quote-buttons:hover { color: #0a2fa6; } #rs-header .row-table { display: flex; width: 100%; position: relative; align-items: center; justify-content: space-between; } #rs-header .row-table .header-logo { display: flex; flex: 1; } #rs-header .row-table .logo-areas.custom-sticky-logo { display: none; } #rs-header.main-menu-center .row-table .header-logo { display: unset; flex: unset; } #rs-header.main-menu-center .row-table .nav.navbar { margin-right: 0; } #rs-header .logo-area { position: relative; z-index: 9; float: left; margin-right: 20px; line-height: 40px; } #rs-header .logo-area a { font-weight: 600; color: #0a0a0a; transition: all 0.4s ease-in-out 0s; font-size: 35px; } #rs-header .logo-area a img { display: inline-block; vertical-align: middle; } #rs-header .logo-area .site-title a { padding: 10px 0; display: inline-block; } #rs-header .menu-responsive .sidebarmenu-area { float: right; padding-top: 30px; padding-bottom: 30px; padding-left: 22px; position: relative; } #rs-header .menu-responsive .sidebarmenu-area.off-border-left { padding-left: 5px; margin-left: 14px; } #rs-header .menu-responsive .sidebarmenu-search { float: right; padding-left: 12px; } #rs-header .menu-responsive .sidebarmenu-search .sticky_search, #rs-header .menu-responsive .sidebarmenu-search .phone_call { padding-top: 39px; padding-bottom: 39px; cursor: pointer; color: #28406d; } #rs-header .menu-responsive .sidebarmenu-search .sticky_search i:before, #rs-header .menu-responsive .sidebarmenu-search .phone_call i:before { font-size: 18px; font-weight: 600; } #rs-header .menu-responsive .sidebarmenu-search .sticky_form { position: absolute; bottom: -53px; right: 0; width: 100%; max-width: 300px; z-index: 99; } #rs-header .menu-sticky.sticky { backface-visibility: hidden; } #rs-header .menu-sticky.sticky ul.offcanvas-icon .nav-link-container a { margin-top: 16px; margin-bottom: 16px; } #rs-header .menu-sticky.sticky .menu-area .navbar ul li a { color: #222; } #rs-header .menu-sticky.sticky .row-table .logo-areas.custom-sticky-logo { display: block; } #rs-header .menu-sticky.sticky .row-table .logo-areas.custom-logo-area { display: none; } #rs-header.header-style3 .header-logo { padding-top: 15px; } #rs-header.header-style3 .header-logo .logo-area { float: none; margin: 0; } #rs-header.header-style3 .nav.navbar { float: none; } #rs-header.header-style3 .table_row .col-cell { width: 33.33%; } #rs-header.header-style3 .table_row .col-cell.header-logo { text-align: center; } #rs-header.header-style3 .menu-cart-area > a { border-left: 1px solid #000; padding-left: 15px; } #rs-header.header-style3 .sticky_form { right: 15px !important; } #rs-header.header-style3 .widget_shopping_cart_content ul li a { padding: 0; border: none; } #rs-header.header-style3 .menu-area .navbar ul li ul.sub-menu { min-width: 200px; } #rs-header .sticky_search { font-size: 18px; } #rs-header.header-style7 .row-table .header-logo { flex: unset; } #rs-header.header-style7 .menu-area .navbar ul > li:last-child > a { margin-right: 0; } #rs-header.header-style7 .menu-area .navbar { margin-right: 0px; } #rs-header.header-style7 .toolbar-area { position: relative; overflow: hidden; } #rs-header.header-style7 .toolbar-area:after { content: ""; position: absolute; top: 0; right: -50px; width: 33%; height: 100%; background: #ff6d00; transform: skew(-20deg); } #rs-header.header-style7 .toolbar-area .toolbar-sl-share { position: relative; z-index: 11; } #rs-header.header-style7 .toolbar-area .toolbar-contact ul li a, #rs-header.header-style7 .toolbar-area .toolbar-contact ul li i:before { font-size: 15px; } #rs-header.header-style7 .toolbar-area .toolbar-contact ul li i.fa-phone:before { font-size: 18px; } #rs-header.header-style7 .toolbar-area .toolbar-contact ul li i:before { font-weight: 700; } #rs-header.header-style7 .btn_quote { margin-left: 30px; } #rs-header.header-style7 .btn_quote a { font-size: 14px; padding: 13px 28px; border-radius: 30px; font-weight: 500; } #rs-header.header-style7 .menu-cart-area { padding-left: 32px; position: relative; } #rs-header.header-style7 .menu-cart-area:before { position: absolute; content: ""; left: 16px; top: 50%; transform: translateY(-50%); width: 1px; height: 45px; background: #ff6d00; opacity: 0.2; } .fixed-menu .menu-area .navbar ul li ul.sub-menu { display: none; position: unset; transform: unset; top: auto; opacity: 1; visibility: visible; box-shadow: unset; transition: unset; padding-bottom: 0; padding-left: 20px; padding-right: 20px; } .fixed-menu .menu-area .navbar ul li ul.sub-menu li { margin: 0 !important; } .fixed-menu .menu-area .navbar ul li ul.sub-menu li:before { display: none!important; } .fixed-menu .menu-area .navbar ul li ul.sub-menu li a { padding-left: 20px; } .fixed-menu .menu-area .navbar ul li ul.sub-menu li ul.sub-menu { position: unset !important; transform: scaleY(1) !important; visibility: visible !important; opacity: 1 !important; padding: 0 0 0 25px; background: none !important; } #rs-header.fixed-menu .menu-area .navbar ul > li.mega > ul { padding-left: 15px; padding-right: 0; } #rs-header.fixed-menu .menu-area .navbar ul > li.mega > ul.sub-menu .flex-mega { display: block; } #rs-header.fixed-menu .menu-area nav.navbar ul li.mega ul li .sub-menu { padding: 0 0 0 20px; } .phone_call i { background: #0a2fa6; border-radius: 50%; width: 42px; height: 42px; display: block; text-align: center; line-height: 42px; position: relative; z-index: 2; color: #fff; } .phone_call i:before { font-size: 19px !important; font-weight: normal !important; } .phone_num_call { display: none; position: absolute; right: 35px; width: 136px; text-align: right; color: #fff; background: #0a2fa6; top: 51%; transform: translateY(-50%); z-index: 1; padding: 2px 20px; border-radius: 2px; } .phone_num_call a { color: #fff; } .phone-calls .sidebarmenu-search { position: relative; } #rs-header .menu-sticky .menu-area { background: #fff; } body.body-left-space .vc_row { padding-left: 300px; } body.body-left-space .vc_row.vc_row-no-padding { padding-left: 350px; padding-right: 50px; } body.body-left-space .rs-footer .container-fluid { padding-left: 50px; padding-right: 50px; } .offwrap { cursor: url(../images/close.png), auto; width: 100%; left: 100%; transition: all 0.8s ease-out 0s; position: fixed; background: #fff; height: 100vh; top: 0; bottom: 0; opacity: .6; z-index: 999; } body.off-open .offwrap { left: 0%; transition: all 0.8s ease-out 0s; } #rs-header.header-transparent { position: absolute; } #rs-header.header-transparent .menu-area { padding: 8px 0; } #rs-header.header-transparent .menu-area .navbar ul li a { color: #202427; } #rs-header.header-transparent .menu-area .navbar ul li a:before { color: #fff; } #rs-header.header-transparent .menu-area .navbar ul li a:hover { color: #0a2fa6; } #rs-header.header-transparent .menu-area .navbar ul li:hover a:before { text-shadow: 10px 0 #ffffff, -10px 0 #ffffff; } #rs-header.header-transparent .menu-area .navbar ul li.current-menu-ancestor a, #rs-header.header-transparent .menu-area .navbar ul li.current_page_item a { color: #ff6d00; } #rs-header.header-transparent .menu-area .navbar ul li .sub-menu li a { color: #202427; } #rs-header.header-transparent .menu-area .navbar ul li .sub-menu li a:hover { color: #0a2fa6; } #rs-header.header-transparent .menu-area .navbar ul li .sub-menu li.current-menu-ancestor > a, #rs-header.header-transparent .menu-area .navbar ul li .sub-menu li.current_page_item > a { color: #0a2fa6; } #rs-header.header-transparent .menu-area .navbar ul li .sub-menu li:hover > a { color: #0a2fa6; } #rs-header.header-transparent .menu-area .navbar ul li:hover > a { color: #0a2fa6; } #rs-header.header-transparent .menu-area.dark .navbar ul li a { color: #ff6d00; } #rs-header.header-transparent .menu-area.dark .navbar ul li a:hover { color: #ff6d00; } #rs-header.header-transparent .menu-area.dark .navbar ul li.current-menu-ancestor > a, #rs-header.header-transparent .menu-area.dark .navbar ul li.current_page_item > a { color: #ff6d00; } #rs-header.header-transparent .menu-area.dark .navbar ul li .sub-menu li a { color: #fff; } #rs-header.header-transparent .menu-area.dark .menu-responsive .sidebarmenu-search .sticky_search { color: #ff6d00; } #rs-header.header-transparent .menu-area.dark ul.offcanvas-icon .nav-link-container .nav-menu-link span { background: #0a2fa6; } #rs-header.header-transparent .menu-area.dark .menu-cart-area i { color: #ff6d00; } #rs-header.header-transparent .menu-responsive .sidebarmenu-search .sticky_search { color: #fff; } #rs-header.header-transparent .menu-cart-area i { color: #fff; } #rs-header.header-transparent .opening { color: #fff; } #rs-header.header-transparent .toolbar-area { background: rgba(0, 0, 0, 0.3); padding: 5px 0 5px; } #rs-header.header-transparent .toolbar-area .toolbar-sl-share ul li a i { color: #fff; transition: all 0.4s ease-in-out 0s; } #rs-header.header-transparent .toolbar-area .toolbar-sl-share ul li:hover a i { color: #d6d6d6 !important; } #rs-header.header-transparent .toolbar-area .toolbar-contact ul.rs-contact-info li { color: #fff; } #rs-header.header-transparent .toolbar-area .toolbar-contact ul.rs-contact-info li i { color: #fff; } #rs-header.header-transparent .toolbar-area .toolbar-contact ul.rs-contact-info li a { color: #fff ; } #rs-header.header-transparent .toolbar-area .toolbar-contact ul.rs-contact-info li:hover a { color: #d6d6d6; } .transparent_head .rs-breadcrumbs .breadcrumbs-inner { padding: 150px 0 130px; min-height: 400px; padding-left: 40px; } .transparent_head .rs-breadcrumbs .breadcrumbs-inner:before { top: auto; bottom: 40px; } #rs-header.header-style5 .sticky-wrapper { position: absolute; width: 100%; transition: all 300ms ease-in-out; z-index: 99; } #rs-header.header-style5 .toolbar-area { background: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } #rs-header.header-style5 .toolbar-area .row-table .col-cell { width: 33.33%; } #rs-header.header-style5 .toolbar-area .toolbar-contact ul li { border-right: 1px solid rgba(255, 255, 255, 0.2); margin-right: 20px; padding-right: 20px; } #rs-header.header-style5 .toolbar-area .toolbar-contact ul li:last-child { border: none; } #rs-header.header-style5 .toolbar-area .toolbar-contact ul li a { margin-right: 0; padding-right: 0; border: none; } #rs-header.header-style5 .toolbar-area .opening { border-right: 1px solid rgba(255, 255, 255, 0.2); margin-right: 5px; padding-right: 20px; } #rs-header.header-style5 .toolbar-area .opening em { margin-left: 0; padding-left: 0; border: none; } #rs-header.header-style5 .logo-area { float: none; margin: 0; } #rs-header.header-style5 .menu-area { background: none; } #rs-header.header-style5 .col-cell.header-logo { position: relative; top: -3px; } #rs-header.header-style5 .col-cell.header-logo .header-phone { margin-top: 15px; } #rs-header.header-style5 .col-cell.header-logo .header-phone a { color: #fff; } #rs-header.header-style5 .col-cell.header-logo .header-phone i:before { color: #fff; } #rs-header.header-style5 .stuck.sticky .menu-responsive .sidebarmenu-area { float: right; padding-top: 14px; padding-bottom: 14px; } #rs-header.header-style5 .sticky_search i:before { color: #ffffff; } #rs-header.header-style5 ul.offcanvas-icon .nav-link-container { margin-left: 15px; } .menu-area { padding-top: 0; padding-bottom: 0; } .menu-area .navbar-collapse { padding-left: 0; padding-right: 0; } .menu-area .navbar { margin-bottom: 0; border: 0; float: right; padding: 0; margin-right: 25px; } .menu-area .navbar ul { margin: 0; padding: 0; text-align: left; } .menu-area .navbar ul li { position: relative; display: inline-block; transition: all 0.4s ease-in-out 0s; padding: 22px 20px; font-size: 15px; /*Dropdown Menu area*/ } .menu-area .navbar ul li.current-menu-ancestor a, .menu-area .navbar ul li.current_page_item a { color: #ff6d00; } .menu-area .navbar ul li a { color: #101010; font-size: 15px; font-family: 'Sora', sans-serif; } .menu-area .navbar ul li:hover a { color: #ff6d00; } .menu-area .navbar ul li ul.sub-menu { min-width: 260px; padding-bottom: 30px; padding-top: 30px; border-radius: 0 0 5px 5px; } .menu-area .navbar ul li ul.sub-menu li { float: none; display: block; margin: 0; text-align: left; line-height: 25px; padding: 8px 44px; } .menu-area .navbar ul li ul.sub-menu li a { line-height: 25px; color: #101010; font-size: 14px; font-weight: 500; } .menu-area .navbar ul li ul.sub-menu li.current-menu-ancestor > a, .menu-area .navbar ul li ul.sub-menu li.current_page_item > a { color: #ff6d00; } .menu-area .navbar ul li ul.sub-menu li:hover > a { color: #ff6d00; } .menu-area .navbar ul li:hover ul { opacity: 1; position: absolute; } .menu-area .navbar ul li > a { display: block; text-decoration: none; font-weight: 600; transition: unset; } .menu-area .navbar ul li.active a { color: #ff6d00; } .menu-area .navbar ul li.active li a { color: #ff6d00; } .menu-area .navbar ul li.active li ahover { color: #ff6d00; } .menu-area .navbar ul li .sub-menu { background: #fff; left: 0; opacity: 0; position: absolute; top: 100%; transform: scaleY(0); transform-origin: 0 0 0; transition: all 0.4s ease-in-out 0s; width: 200px; z-index: 99999 !important; text-align: left; visibility: hidden; -webkit-box-shadow: 0px 7px 7px 0px rgba(48, 51, 50, 0.09); -moz-box-shadow: 0px 7px 7px 0px rgba(48, 51, 50, 0.09); box-shadow: 0px 7px 7px 0px rgba(48, 51, 50, 0.09); } .menu-area .navbar ul li .sub-menu li { line-height: normal; height: auto; display: block; margin: 0; padding: 0; } .menu-area .navbar ul li .sub-menu li a { display: block; text-transform: none; transition: all 0.4s ease-in-out 0s; color: #555; font-weight: 400; padding: 0; } .menu-area .navbar ul li .sub-menu li a:hover { color: #ff6d00; } .menu-area .navbar ul li .sub-menu li a:hover:before { opacity: 1 !important; } .menu-area .navbar ul li .sub-menu li.current-menu-item a { color: #0a2fa6; } .menu-area .navbar ul li .sub-menu li ul { left: -100% !important; top: 0 !important; } .menu-area .navbar ul li:hover ul { opacity: 1; transform: scaleY(1); visibility: visible; } .menu-area .navbar .navbar-toggle { background-color: #0a2fa6; border-radius: 2px; -webkit-transition: .4s ease all; transition: .4s ease all; } .menu-area .navbar .navbar-toggle .icon-bar { background-color: #fff; } .menu-area .navbar .navbar-toggle:hover { opacity: 0.8; } .menu-area.menu_type_dark .navbar ul li a { color: #0a0a0a; } .menu-area.menu_type_dark .sticky_search i::before, .menu-area.menu_type_dark .menu-cart-area i::before { color: #0a0a0a; } #rs-header .header-inner.sticky .menu-area .navbar { margin-right: 0; } .menu-area .navbar ul > li.menu-item-has-children > a { position: relative; padding-right: 16px; } .menu-area .navbar ul > li.menu-item-has-children > a:before { content: "+"; position: absolute; left: auto; right: 0px; top: 50%; text-align: center; z-index: 9999; font-size: 16px; display: block; cursor: pointer; transform: translateY(-50%); font-weight: 400; } .menu-area .navbar ul > li.menu-item-has-children.hover-minimize > a:before { display: none; } .menu-area .navbar ul > li.menu-item-has-children.hover-minimize > a:after { content: ""; position: absolute; left: auto; right: 0px; top: 50%; width: 9px; height: 1px; text-align: center; z-index: 9999; transition: all .5s ease; display: block; cursor: pointer; background: #ff6d00; transform: translateY(-50%); font-weight: 400; color: #ff6d00; } .menu-area .navbar ul ul.sub-menu li.menu-item-has-children > a:before { display: none !important; } .menu-area .navbar ul ul.sub-menu li.menu-item-has-children > a:after { display: none !important; } .fa { font-family: 'FontAwesome' !important; } #rs-header.header-style5 .header-inner .menu-area.menu_type_dark .navbar ul li a { color: #0a0a0a; } #rs-header.header-style-4 .menu-area .navbar ul li .sub-menu, #rs-header.header-style5 .menu-area .navbar ul li .sub-menu { top: 100%; } .menu-sticky.sticky .menu-area .navbar ul > li.current-menu-ancestor > a, .menu-sticky.sticky .menu-area .navbar ul > li.current_page_item > a { color: #ccc; } .menu-sticky.sticky .menu-area .navbar ul li ul li a:hover { color: #ccc; } #rs-header.header-transparent .menu-sticky.sticky .menu-area .navbar ul > li.current_page_item > a, #rs-header.header-transparent .menu-sticky.sticky .menu-area .navbar ul > li.current-menu-ancestor > a, #rs-header.header-style-4 .menu-sticky.sticky .menu-area .menu > li.current_page_item > a, #rs-header.header-style-4 .menu-sticky.sticky .menu-area .menu > li.current-menu-ancestor > a, #rs-header.header-transparent .menu-sticky.sticky .menu-area.dark .navbar ul > li:hover > a, #rs-header.header-transparent .menu-sticky.sticky .menu-cart-area i, #rs-header.header-transparent .menu-sticky.sticky .menu-responsive .sidebarmenu-search .sticky_search .fa, #rs-header.header-style5 .header-inner.menu-sticky.sticky .menu-area .navbar ul > li.current-menu-ancestor > a, #rs-header.header-style5 .header-inner.menu-sticky.sticky .menu-area .navbar ul > li.current_page_item > a { color: #ccc; } #rs-header.header-transparent .menu-sticky.sticky ul.offcanvas-icon .nav-link-container .nav-menu-link span { background: #ff6d00 !important; } header.header-style3 .menu-area .navbar ul li .sub-menu li ul { left: 100% !important; padding-bottom: 0; } #rs-header.header-style3 .menu-area .navbar ul li .sub-menu li:hover > a { color: #0a2fa6; } /*******off Canvas css********/ ul.offcanvas-icon { margin: 0; padding: 0; list-style: none; } ul.offcanvas-icon .nav-link-container a { padding: 16px 13px 16px; background: transparent; max-width: 50px; display: flex; flex-wrap: wrap; border-radius: 2px; padding-right: 0; margin-right: -4px; } .sidenav.offcanvas-icon.nav-active-menu-container { margin-top: 0; } .mobile-logos { display: none; } .nav-link-container .nav-menu-link span { height: 5px; width: 5px; display: block; background: #ff6d00; border-radius: 50%; transition: none; cursor: pointer; list-style: none; margin: 2px 3px; } .sidenav.nav-active-menu-container { overflow-y: auto; padding: 50px 50px 0; } .sidenav .sub-menu { display: none; } .sidenav.offcanvas-icon .rs-offcanvas-right a { display: block; font-size: 18px; } .sidenav.offcanvas-icon .rs-offcanvas-right a.quote-btn { margin-bottom: 25px; margin-top: 8px; } .sidenav.offcanvas-icon .rs-offcanvas-right a.quote-btn span { background: #fff; color: #000; border-radius: 3px; display: inline-block; padding: 7px 40px 4px; transition: all .5s ease; } .sidenav.offcanvas-icon .rs-offcanvas-right a.quote-btn:hover span { background: #ff6d00; } .sidenav.offcanvas-icon .rs-offcanvas-right a.emails { padding-bottom: 20px; } .sidenav.offcanvas-icon .rs-offcanvas-right .rs-innner-offcanvas-content { padding-left: 135px; padding-top: 27px; } .sidenav.offcanvas-icon .rs-offcanvas-right .rs-innner-offcanvas-content .widget { margin: 0 0 35px; } .sidenav.offcanvas-icon .rs-offcanvas-right .rs-innner-offcanvas-content .widget.widget_contact_widget { padding-top: 25px; } .sidenav.offcanvas-icon .rs-offcanvas-right .rs-innner-offcanvas-content a { transition: unset; } .sidenav .widget_cretic_flickr #rsflicker { margin-left: 0; } .sidenav .widget_cretic_flickr #rsflicker li { list-style-type: none; position: relative; width: 33.33%; display: inline-block; } .sidenav .widget_cretic_flickr #rsflicker li a img { opacity: 1; width: 100%; } .sidenav .widget_cretic_flickr #rsflicker li a:hover img { opacity: .9; } .mobile-menu-container div ul { position: relative; } .mobile-menu-container div ul li { position: relative !important; } .mobile-menu-container div ul li a { border-bottom: 1px solid #f0f0f0; } .mobile-menu-container div ul li a:hover { color: #0a2fa6 !important; } .mobile-menu-container div ul > li.current_page_parent > a { color: #0a2fa6 !important; } .mobile-menu-container .menu > li:last-child a { border-bottom: none; } .mobile-menu-container .social-icon-responsive ul li a { padding-right: 0; margin-right: 0; } header.mainsmenuhide .navbar-menu #primary-menu-single { display: none; } .sidenav .menu > li > .sub-menu li ul > li a { padding-left: 60px; } #mobile_menu ul ul li, #mobile_menu li:hover > ul > li { height: auto; } #mobile_menu ul li a, #mobile_menu ul ul li a { width: 100%; border-bottom: 0; } #mobile_menu > ul > li { float: none; } #mobile_menu ul ul li span.description, #mobile_menu ul ul li a { padding-left: 25px; } #mobile_menu ul ul ul li a { padding-left: 35px; } #mobile_menu ul ul, #mobile_menu ul ul ul, #mobile_menu.align-right ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left; } #mobile_menu > ul > li.has-sub > a:after, #mobile_menu > ul > li.has-sub > a:before, #mobile_menu ul ul > li.has-sub > a:after, #mobile_menu ul ul > li.has-sub > a:before { display: none; } #mobile_menu #menu-button { display: block; padding: 17px; color: #dddddd; cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: 700; } #mobile_menu .menu-button:after { position: absolute; top: 22px; right: 17px; display: block; height: 4px; width: 20px; border-top: 2px solid #dddddd; border-bottom: 2px solid #dddddd; content: ''; } #mobile_menu .menu-button:before { position: absolute; top: 16px; right: 17px; display: block; height: 2px; width: 20px; background: #dddddd; content: ''; } #mobile_menu .menu-button.menu-opened:after { top: 23px; border: 0; height: 2px; width: 15px; background: #ffffff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #mobile_menu .menu-button.menu-opened:before { top: 23px; background: #ffffff; width: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #mobile_menu .submenu-button { position: absolute; z-index: 99; right: 0; top: 25px; display: block; height: 40px; width: 40px; cursor: pointer; } #mobile_menu .menu li ul.sub-menu li ul.sub-menu a { padding-left: 50px; } #rs-header .row-table .offcanvas-sec ul.offcanvas-icon { margin-top: 0; } #mobile_menu ul > li.menu-minimize > .submenu-button:before { display: none !important; } #mobile_menu ul ul .submenu-button { height: 34px; width: 34px; top: 0; } #mobile_menu .submenu-button:after { position: absolute; top: 19px; right: 10px; width: 20px; height: 1px; display: block; background: #fff; content: ''; } #mobile_menu ul ul .submenu-button:after { top: 20px; right: 7px; } #mobile_menu .submenu-button:before { position: absolute; top: 10px; right: 19px; display: block; width: 1px; height: 20px; background: #fff; content: ''; } #mobile_menu ul ul .submenu-button:before { top: 11px; right: 16px; } #mobile_menu .submenu-button.submenu-opened:before { display: none; } body.logged-in .sidenav { top: 30px; } body.logged-in .sidenav .nav-link-container { top: 30px; } #fixedmenus ul ul li, #fixedmenus li:hover > ul > li { height: auto; } #fixedmenus ul li a, #fixedmenus ul ul li a { width: 100%; border-bottom: 0; } #fixedmenus > ul > li { float: none; } #fixedmenus ul ul li a { padding-left: 25px; } #fixedmenus ul ul ul li a { padding-left: 35px; } #fixedmenus ul ul, #fixedmenus ul ul ul, #fixedmenus.align-right ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left; } #fixedmenus > ul > li.has-sub > a:after, #fixedmenus > ul > li.has-sub > a:before, #fixedmenus ul ul > li.has-sub > a:after, #fixedmenus ul ul > li.has-sub > a:before { display: none; } #fixedmenus #menu-button { display: block; padding: 17px; color: #dddddd; cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: 700; } #fixedmenus .menu-button:after { position: absolute; top: 22px; right: 17px; display: block; height: 4px; width: 20px; border-top: 2px solid #dddddd; border-bottom: 2px solid #dddddd; content: ''; } #fixedmenus .menu-button:before { position: absolute; top: 16px; right: 17px; display: block; height: 2px; width: 20px; background: #dddddd; content: ''; } #fixedmenus .menu-button.menu-opened:after { top: 23px; border: 0; height: 2px; width: 15px; background: #ffffff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #fixedmenus .menu-button.menu-opened:before { top: 23px; background: #ffffff; width: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #fixedmenus .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; height: 40px; width: 40px; cursor: pointer; } #fixedmenus .menu li ul.sub-menu li ul.sub-menu a { padding-left: 50px; } #rs-header .row-table .offcanvas-sec ul.offcanvas-icon { margin-top: 0; } #fixedmenus ul > li.menu-minimize > .submenu-button:before { display: none !important; } #fixedmenus ul ul .submenu-button { height: 34px; width: 34px; right: 45px; } #fixedmenus .submenu-button:after { position: absolute; top: 19px; right: 14px; width: 12px; height: 1px; display: block; background: #000; content: ''; } #fixedmenus ul ul .submenu-button:after { top: 20px; right: 7px; } #fixedmenus .submenu-button:before { position: absolute; top: 14px; right: 19px; display: block; width: 1px; height: 12px; background: #000; content: ''; } #fixedmenus ul ul .submenu-button:before { top: 14px; right: 13px; } #fixedmenus .submenu-button.submenu-opened:before { display: none; } .sidenav .menu li ul.sub-menu li a { padding-left: 40px; font-size: 20px; } .sidenav .menu li ul.sub-menu li a:before { display: none; } .sidenav .widget_nav_menu { padding: 0 !important; } .sidenav p { font-size: 18px; line-height: 28px; } .sidenav #contact_widget-3 { margin: 35px 0 50px; } .sidenav #text-9 { padding-top: 20px; } .responsive-menus, .sidebarmenu-area.text-right.mobilehum { display: none !important; } #rs-header.header-transparent .menu-area { background: transparent !important; } #rs-header.header-style-3.header-style-2.margin_minus .sticky-wrapper { margin-bottom: 0; } #rs-header.header-style-4 .header-inner { background: #ffffff; } #rs-header.header-style-4 .header-inner .row-table .header-logo { display: unset; flex: unset; } #rs-header.header-style-4 .header-inner .row-table .header-logo .logo-area { margin-right: 0; } #rs-header.header-style-4 .header-inner .menu-responsive { display: flex; flex: 1; justify-content: flex-end; } #rs-header.header-style-4 .header-inner .menu-responsive .nav.navbar { margin-right: 0; } #rs-header.header-style-4 .header-inner .menu-responsive.menu-responsive-one-page { display: flex; flex: 1; justify-content: flex-start; } #rs-header.header-style-4 .header-inner .logo-section { padding: 0; } #rs-header.header-style-4 .header-inner .logo-section .toolbar-contact-style4 ul { float: none; text-align: left; list-style: none; padding: 0; margin: 17px 0 7px; } #rs-header.header-style-4 .header-inner .logo-section .toolbar-contact-style4 ul li { display: inline-block; padding-right: 25px; padding-left: 25px; border-right: 1px solid #eee; font-size: 14px; } #rs-header.header-style-4 .header-inner .logo-section .toolbar-contact-style4 ul li:first-child { padding-left: 0; } #rs-header.header-style-4 .header-inner .logo-section .toolbar-contact-style4 ul li:last-child { padding-right: 0; border-right: none; } #rs-header.header-style-4 .header-inner .logo-section .toolbar-contact-style4 ul li i { float: left; margin-right: 15px; color: #0a2fa6; line-height: 44px; } #rs-header.header-style-4 .header-inner .logo-section .toolbar-contact-style4 ul li i:before { font-size: 30px; } #rs-header.header-style-4 .header-inner .logo-section .toolbar-contact-style4 ul li .contact-inf { float: left; text-align: left; } #rs-header.header-style-4 .header-inner .logo-section .toolbar-contact-style4 ul li .contact-inf span { color: #0a0a0a; display: block; text-align: left; font-size: 100%; padding: 0; font-weight: 600; line-height: 20px; margin-bottom: 0; } #rs-header.header-style-4 .header-inner .logo-section .toolbar-contact-style4 ul li .contact-inf a { color: #000000; } #rs-header.header-style-4 .header-inner .logo-section .toolbar-contact-style4 ul li .contact-inf a:hover { color: #0a2fa6; } #rs-header.header-style-4 .header-quote { display: flex; align-items: center; justify-content: space-between; } #rs-header.header-style-4 .logo-section { background: #f7f7fc; overflow: hidden; position: relative; } #rs-header.header-style-4 .logo-section:before { content: ""; position: absolute; background: #ff6d00; top: 0; bottom: 0; right: 0; height: 100%; width: 30%; } #rs-header.header-style-4 .logo-section .times-sec { position: relative; background: #ff6d00; } #rs-header.header-style-4 .logo-section .times-sec .times { color: #fff; padding-left: 20px; } #rs-header.header-style-4 .logo-section .times-sec .times i { color: #0a2fa6; margin-right: 8px; } #rs-header.header-style-4 .logo-section .times-sec:after { content: ""; position: absolute; top: 0; left: -45px; width: 0; height: 0; border-bottom: 82px solid #030749; border-left: 45px solid transparent; } #rs-header.header-style-4 .sidebarmenu-area { display: inline-block; position: relative; } #rs-header.header-style-4 .sidebarmenu-search { display: inline-block; margin-right: 0; cursor: pointer; vertical-align: top; padding: 20px 0; } #rs-header.header-style-4 .sidebarmenu-search .sticky_form { position: absolute; bottom: -53px; right: 0; z-index: 9; width: 250px; } #rs-header.header-style-4 .menu-cart-area { float: none; display: inline-block; margin-right: 25px; vertical-align: top; padding: 0; } #rs-header.header-style-4 .widget_shopping_cart_content { text-align: center; } #rs-header.header-style-4 .menu-sticky.sticky .sidebarmenu-search .sticky_form { bottom: -40px; } #rs-header.header-style-4 .menu-sticky.sticky .menu-cart-area i.fa-shopping-cart { color: #ff6d00; } #rs-header.header-style-4 .nav-link-container .nav-menu-link span { background: #000000; } .menu-area .navbar ul li > a { overflow: hidden; font-weight: 600; } .menu-area .navbar ul > li > a span { position: relative; transition: 0.5s; display: inline-block; } .menu-area .navbar ul > li > a span:before { content: attr(data-hover); position: absolute; top: 100%; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .menu-area .navbar ul > li > a:hover span { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } ul.sub-menu li a:before, ul.sub-menu ul ul li a:before { display: none; } #rs-header.header-style-3 .sticky-wrapper { background: none; position: absolute; width: 100%; z-index: 9; transition: all .5s ease; } #rs-header.header-style-3 .rs-contact-location { text-align: left; display: flex; align-items: center; } #rs-header.header-style-3 .rs-contact-location i.phone-icon { margin-right: 15px; } #rs-header.header-style-3 .rs-contact-location i.phone-icon:before { margin-left: 0; font-size: 25px; color: #ff6d00; } #rs-header.header-style-3 .rs-contact-location .contact-inf { font-weight: 600; font-size: 15px; } #rs-header.header-style-3 .rs-contact-location .contact-inf a { color: #0a0a0a; } #rs-header.header-style-3 .rs-contact-location .contact-inf a:hover { color: #ff6d00; } #rs-header.header-style-3 .rs-contact-location .contact-inf em { display: block; font-style: normal; font-weight: normal; } #rs-header.header-style-3 .menu-area .container { position: static; } #rs-header.header-style-3 .rs-breadcrumbs .breadcrumbs-inner { padding-top: 150px; padding-bottom: 130px; } #rs-header.header-style-3 .row-table { position: static; } #rs-header.header-style-3 .box-layout { position: relative; } #rs-header.header-style-3 .header-inner .box-layout { background: rgba(255, 255, 255, 0.9); z-index: 1; padding-left: 40px; padding-right: 40px; margin-top: 55px; border-left: 10px solid #ff6d00; border-right: 10px solid #ff6d00; } #rs-header.header-style-3 .header-inner .box-layout .toolbar-area { text-align: right; } #rs-header.header-style-3 .header-inner .logo-section { padding: 15px 0 15px; } #rs-header.header-style-3 .header-inner.sticky { position: fixed; background: #fff; } #rs-header.header-style-3 .header-inner.sticky .menu-area .navbar ul > li { padding-top: 25px; padding-bottom: 25px; } #rs-header.header-style-3 .header-inner.sticky .box-layout { background: #fff; margin-top: 0; border-left: 0; border-right: 0; } #rs-header.header-style-3 .header-inner.sticky .box-layout .navbar-menu { width: 100%; } #rs-header.header-style-3 .header-inner.sticky .box-layout .menu-area .navbar ul { text-align: left; } #rs-header.header-style-3 .header-inner.sticky .right-sec { display: none; } #rs-header.header-style-3 .header-inner.sticky .logo-section { padding: 0; } #rs-header.header-style-3 .header-inner.sticky .menu-area .menu-responsive .navbar { margin-right: 0; } #rs-header.header-style-3 .header-inner.sticky .logo-area.sticky-logo { margin-bottom: 0; display: block; } #rs-header.header-style-3 .header-inner.sticky .menu-cart-area, #rs-header.header-style-3 .header-inner.sticky .sidebarmenu-area, #rs-header.header-style-3 .header-inner.sticky .sidebarmenu-search { display: inline-block; } #rs-header.header-style-3 .header-inner.sticky .menu-cart-area .fa-shopping-cart, #rs-header.header-style-3 .header-inner.sticky .sidebarmenu-area .fa-shopping-cart, #rs-header.header-style-3 .header-inner.sticky .sidebarmenu-search .fa-shopping-cart { color: #494949; } #rs-header.header-style-3 .header-quote { text-align: right; position: relative; } #rs-header.header-style-3 .header-quote .btn_quote { padding: 0; display: inline-block; vertical-align: top; padding: 20px 0 !important; } #rs-header.header-style-3 .menu-area { background: none; } #rs-header.header-style-3 .menu-area .container { padding: 0; } #rs-header.header-style-3 .menu-area .menu-responsive .navbar { float: none; } #rs-header.header-style-3 .sidebarmenu-area { display: inline-block; position: relative; top: 5px; } #rs-header.header-style-3 .sidebarmenu-search { display: inline-block; margin-right: 15px; cursor: pointer; margin-left: 15px; vertical-align: top; padding: 19px 0; } #rs-header.header-style-3 .sidebarmenu-search .sticky_form { position: absolute; bottom: -53px; right: 0; z-index: 9; width: 250px; } #rs-header.header-style-3 .menu-cart-area { float: none; display: inline-block; padding: 20px 0; vertical-align: top; } #rs-header.header-style-3 .widget_shopping_cart_content { text-align: center; } #rs-header.header-style-3 .menu-sticky.sticky .sidebarmenu-search .sticky_form { bottom: -40px; } #rs-header.header-style-3.header-style-2 .sticky-wrapper { position: relative; margin-bottom: -40px; } #rs-header.header-style-3.header-style-2 .sticky-wrapper .logo-section .toolbar-contact-style4 ul.rs-contact-info li .contact-inf, #rs-header.header-style-3.header-style-2 .sticky-wrapper .logo-section .toolbar-contact-style4 ul.rs-contact-info li .contact-inf span { color: #0a0a0a; } #rs-header.header-style-3.header-style-2 .sticky-wrapper .header-inner .box-layout { background: #ff6d00; } #rs-header.header-style-3.header-style-2 .sticky-wrapper .menu-area .navbar ul li > a { color: #ffffff; } #rs-header.header-style-3.header-style-2 .sticky-wrapper .menu-area .navbar ul li:hover > a { color: #0a2fa6; } #rs-header.header-style-3.header-style-2 .sticky-wrapper .menu-area .navbar ul ul.sub-menu li > a { color: #202427; } #rs-header.header-style-3.header-style-2 .sticky-wrapper .menu-area .navbar ul ul.sub-menu li > a:hover { color: #ff6d00; } #rs-header.header-style-3.header-style-2 .sticky-wrapper .menu-area .navbar ul li.current-menu-ancestor a, #rs-header.header-style-3.header-style-2 .sticky-wrapper .menu-area .navbar ul li.current_page_item a { color: #ff6d00; } #rs-header.header-style-3.header-style-2 .sticky-wrapper .sticky_search, #rs-header.header-style-3.header-style-2 .sticky-wrapper .menu-cart-area i { color: #fff; } #rs-header.header-style-3.header-style-2 .sticky-wrapper .nav-link-container .nav-menu-link span { background: #fff; } #rs-header.header-style-3.header-style-2 .sticky-wrapper .header-inner.sticky .box-layout { background: #fff; } #rs-header.header-style-3.header-style-2 .sticky-wrapper .header-inner.sticky .menu-area .navbar ul li > a { color: #000000; } #rs-header.header-style-3.header-style-2 .sticky-wrapper .header-inner.sticky .sticky_search, #rs-header.header-style-3.header-style-2 .sticky-wrapper .header-inner.sticky .menu-cart-area i { color: #000000; } .rs-breadcrumbs .breadcrumbs-title span:last-child { padding-right: 0; margin-right: 0; } #rs-header.header-style-6 .sticky-wrapper { background: none; position: absolute; width: 100%; z-index: 9; transition: all .5s ease; } #rs-header.header-style-6 .container-fluid { padding-left: 60px; padding-right: 60px; } #rs-header.header-style-6 .rs-contact-location { text-align: left; display: flex; align-items: center; } #rs-header.header-style-6 .rs-contact-location i.phone-icon { margin-right: 20px; } #rs-header.header-style-6 .rs-contact-location i.phone-icon:before { margin-left: 0; font-size: 36px; color: #ffffff; } #rs-header.header-style-6 .rs-contact-location .contact-inf { font-weight: 600; font-size: 15px; } #rs-header.header-style-6 .rs-contact-location .contact-inf a:hover { color: #333; } #rs-header.header-style-6 .rs-contact-location .contact-inf em { display: block; font-style: normal; font-weight: normal; } #rs-header.header-style-6 .rs-contact-location .contact-inf a, #rs-header.header-style-6 .rs-contact-location .contact-inf .phone-line { display: block; color: #ffffff; } #rs-header.header-style-6 .rs-contact-location .contact-inf .phone-line { font-size: 14px; font-weight: 400; } #rs-header.header-style-6 .menu-area .container { position: static; } #rs-header.header-style-6 .rs-breadcrumbs .breadcrumbs-inner { padding-top: 150px; padding-bottom: 130px; } #rs-header.header-style-6 .box-layout { position: relative; } #rs-header.header-style-6 .header-inner .box-layout .toolbar-area { text-align: right; } #rs-header.header-style-6 .header-inner .logo-section { padding: 15px 0 15px; } #rs-header.header-style-6 .header-inner.sticky { position: fixed; background: #fff; } #rs-header.header-style-6 .header-inner.sticky .rs-contact-location i.phone-icon:before { color: #333333; } #rs-header.header-style-6 .header-inner.sticky .rs-contact-location .contact-inf .phone-line, #rs-header.header-style-6 .header-inner.sticky .rs-contact-location .contact-inf a { color: #333333; } #rs-header.header-style-6 .header-inner.sticky .menu-area .navbar ul > li { padding-top: 25px; padding-bottom: 25px; } #rs-header.header-style-6 .header-inner.sticky .box-layout { background: #fff; margin-top: 0; border-left: 0; border-right: 0; } #rs-header.header-style-6 .header-inner.sticky .box-layout .navbar-menu { width: 100%; } #rs-header.header-style-6 .header-inner.sticky .box-layout .menu-area .navbar ul { text-align: left; } #rs-header.header-style-6 .header-inner.sticky .right-sec { display: none; } #rs-header.header-style-6 .header-inner.sticky .logo-section { padding: 0; } #rs-header.header-style-6 .header-inner.sticky .menu-area .menu-responsive .navbar { margin-right: 0; } #rs-header.header-style-6 .header-inner.sticky .logo-area.sticky-logo { margin-bottom: 0; display: block; } #rs-header.header-style-6 .header-inner.sticky .menu-cart-area, #rs-header.header-style-6 .header-inner.sticky .sidebarmenu-area, #rs-header.header-style-6 .header-inner.sticky .sidebarmenu-search { display: inline-block; } #rs-header.header-style-6 .header-inner.sticky .menu-cart-area .fa-shopping-cart, #rs-header.header-style-6 .header-inner.sticky .sidebarmenu-area .fa-shopping-cart, #rs-header.header-style-6 .header-inner.sticky .sidebarmenu-search .fa-shopping-cart { color: #494949; } #rs-header.header-style-6 .header-quote { text-align: right; position: relative; } #rs-header.header-style-6 .header-quote .btn_quote { padding: 0; display: inline-block; vertical-align: top; padding: 20px 0 !important; } #rs-header.header-style-6 .menu-area { background: none; } #rs-header.header-style-6 .menu-area .container { padding: 0; } #rs-header.header-style-6 .menu-area .menu_one { padding-left: 160px; } #rs-header.header-style-6 .menu-area .menu-responsive .navbar { float: none; } #rs-header.header-style-6 .box-layout .row-table .col-cell.last-cls { flex: 1; justify-content: flex-end; display: flex; } #rs-header.header-style-6 .sidebarmenu-area { display: inline-block; position: relative; top: 5px; } #rs-header.header-style-6 .sidebarmenu-search { display: inline-block; margin-right: 15px; cursor: pointer; margin-left: 15px; vertical-align: top; padding: 19px 0; } #rs-header.header-style-6 .sidebarmenu-search .sticky_form { position: absolute; bottom: -53px; right: 0; z-index: 9; width: 250px; } #rs-header.header-style-6 .menu-cart-area { float: none; display: inline-block; padding: 20px 0; vertical-align: top; } #rs-header.header-style-6 .widget_shopping_cart_content { text-align: center; } #rs-header.header-style-6 .menu-sticky.sticky .sidebarmenu-search .sticky_form { bottom: -40px; } .mobile-topnars .rs-address-area .rs-address-list { display: flex; margin-top: 18px; } .mobile-topnars .rs-address-area .rs-address-list i { display: block; } .mobile-topnars .rs-address-area .rs-address-list i:before { margin: 0 20px 0 0; font-size: 25px; color: #ff6d00; } .mobile-topnars .rs-address-area .rs-address-list b { font-weight: 600; font-size: 16px; } .mobile-topnars .rs-address-area .rs-address-list em { display: block; font-style: normal; line-height: 22px; font-size: 15px; } #rs-header.header-style-5 .sticky-wrapper { background: none; position: absolute; width: 100%; z-index: 9; transition: all .5s ease; } #rs-header.header-style8 .rs-middel-header { padding-top: 20px; padding-bottom: 20px; } #rs-header.header-style8 .rs-address-area { position: relative; padding-left: 70px; margin-right: 25px; } #rs-header.header-style8 .rs-address-area + .rs-address-area { border-left: 1px solid #eee; } #rs-header.header-style8 .rs-address-area:last-child { margin-right: 15px; } #rs-header.header-style8 .rs-address-area .info-icon { position: absolute; top: 50%; left: 30px; transform: translateY(-50%); } #rs-header.header-style8 .rs-address-area .info-icon i { color: #ff6d00; } #rs-header.header-style8 .rs-address-area .info-icon i:before { margin: 0; font-size: 26px; } #rs-header.header-style8 .rs-address-area .info-title { font-size: 15px; font-weight: 500; color: #0a0a0a; line-height: 1; padding-top: 2px; } #rs-header.header-style8 .rs-address-area .info-des { font-size: 14px; } #rs-header.header-style8 .rs-address-area .info-des a { color: #454545; } #rs-header.header-style8 .rs-address-area .info-des a:hover { color: #ff6d00; } #rs-header.header-style8 .btn_quote { padding-top: 0; padding-bottom: 0; } #rs-header.header-style8 .btn_quote a { border: none; font-size: 15px; font-weight: 600; text-transform: uppercase; padding: 15px 22px; } #rs-header.header-style8 .rs-full-menuarea { background-image: linear-gradient(90deg, #03228f 10%, #0e73e4 100%); position: relative; z-index: 10; } #rs-header.header-style8 .rs-full-menuarea #primary-menu-single > li:first-child { padding-left: 0; } #rs-header.header-style8 .rs-full-menuarea #primary-menu-single > li:first-child > a { padding-left: 0; } #rs-header.header-style8 .rs-full-menuarea #primary-menu-single > li > a { position: relative; font-weight: 600; font-size: 15px; display: block; height: auto; color: #ffffff; line-height: normal!important; overflow: visible; } #rs-header.header-style8 .rs-full-menuarea #primary-menu-single > li > a:hover { color: #bbb; } #rs-header.header-style8 .rs-full-menuarea.menu-area .navbar ul > li.menu-item-has-children.hover-minimize > a::after { background: #bbb !important; } #rs-header.header-style8 .rs-full-menuarea .rs-rightbar-menu { display: flex; align-items: center; } #rs-header.header-style8 .rs-full-menuarea .sidebarmenu-search .sticky_search { padding-right: 20px; } #rs-header.header-style8 .rs-full-menuarea .sidebarmenu-search .sticky_search i { color: #ffffff; } #rs-header.header-style8 .rs-full-menuarea .sidebarmenu-search .sticky_search i:before { font-size: 14px; } #rs-header.header-style8 .rs-full-menuarea .menu-cart-area { padding: 20px 35px 0 0; } #rs-header.header-style8 .rs-full-menuarea .row-table .col-cell.header-logo { display: none; } #rs-header.header-style8 .rs-full-menuarea .toolbar-sl-share { border-left: 1px solid rgba(255, 255, 255, 0.42); padding-left: 8px; } #rs-header.header-style8 .rs-full-menuarea .toolbar-sl-share ul { margin: 0; padding: 0; list-style: none; } #rs-header.header-style8 .rs-full-menuarea .toolbar-sl-share ul li { display: inline-block; font-size: 14px; } #rs-header.header-style8 .rs-full-menuarea .toolbar-sl-share ul li a { display: block; margin: 0 12px; color: #ffffff; transition: 0.3s; } #rs-header.header-style8 .rs-full-menuarea .toolbar-sl-share ul li a:hover { opacity: 0.8; } #rs-header.header-style8 .rs-full-menuarea .toolbar-sl-share ul li:last-child a { margin-right: 0; } #rs-header.header-style8 .header-inner.sticky .rs-middel-header { display: none; } #rs-header.header-style8 .header-inner.sticky .rs-full-menuarea #primary-menu-single > li > a { color: #0a0a0a; } #rs-header.header-style8 .header-inner.sticky .rs-full-menuarea .toolbar-sl-share { display: none; } #rs-header.header-style8 .header-inner.sticky .rs-full-menuarea .toolbar-sl-share { padding-left: 0; } #rs-header.header-style8 .header-inner.sticky .row-table .col-cell.header-logo { display: block; } #rs-header.header-style8 .header-inner.sticky .menu-area .navbar { margin-right: 0; } #rs-header.header-style8 .sidebarmenu-area.mobilehums { display: none; } .slider-style-8 #cl-testimonial.testimonials-area.slider8 { margin-top: -46px; padding-right: 35%; } .slider-style-8 #cl-testimonial.testimonials-area.slider8:before { content: ""; position: absolute; left: -70px; top: 46px; width: 120%; height: 134%; display: block; background: #ff6d00; } /*Full Search sec*/ #rs-header .sticky_form { position: fixed; top: 0; bottom: 0; background: rgba(16, 110, 234, 0.98); width: 100%; height: 100%; z-index: 9999; left: 0; } #rs-header .sticky_form button { background: none; } #rs-header .sticky_form button:hover { color: #0a2fa6; } #rs-header .sticky_form .sticky_form_search.sticky_form_search:before { margin-left: 0 !important; } .sticky_form_full { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 500px; } .sticky_form_full button i::before { color: #fff; opacity: .7; } .sticky_form .search-input { background: none; border: none; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.2); outline: none; } .close-search { position: fixed; right: 50px; top: 50px; background: #ffffff; color: #0a0a0a; width: 40px; height: 40px; line-height: 40px; text-align: center; cursor: pointer; border-radius: 50%; transition: all .5s ease; } .close-search:before { font-size: 14px; position: relative; top: -2px; left: 0px; } .close-search:hover { opacity: .8; } .header-share { display: inline-block; margin-right: 10px; } .header-share ul { margin: 0; text-align: right; } .header-share ul li { display: inline-block; margin-right: 10px; line-height: 70px; height: 70px; } .header-share ul li:last-child { margin-right: 0; } .header-share ul li a { font-size: 16px; } .header-share ul li a i { color: #000000; padding-right: 8px; } .header-share ul li a:hover i { color: #0a2fa6; } #rs-header .sticky .menu-cart-area, #rs-header .sticky .sidebarmenu-search { display: none !important; } #rs-header.header-style-4 .btn_quote { display: inline-block; vertical-align: top; padding: 22px 0; } #rs-header .sticky_search i:before { font-size: 18px; font-weight: 600; cursor: pointer; } #rs-header .menu-cart-area span.icon-num { background: #f2f2f2; color: #212121; } .sticky .menu-area .navbar ul li .sub-menu { top: 100%; } .header-transparent .menu-cart-area span.icon-num, .header-style5 .menu-cart-area span.icon-num { background: #fff; color: #000; } /******* Mega Menu css ********/ .mega { position: static !important; } #rs-header .menu-area .navbar ul > li.mega > ul { width: 100%; padding: 21px 40px; } #rs-header .menu-area .navbar ul > li.mega.classic > ul { transition: unset; } #rs-header .menu-area .navbar ul > li.mega.mega-two-cols > ul { width: 55%; right: auto; left: auto; } #rs-header .menu-area .container-fluid .navbar ul > li.mega.mega-two-cols > ul { width: 38.2%; } #rs-header .menu-area .navbar ul li.mega ul.sub-menu li a { padding: 10px 0; } #rs-header .menu-area .navbar ul li.mega ul li a { font-size: 15px; font-weight: 600; position: relative; cursor: auto; } #rs-header .menu-area .navbar ul li.mega ul li a:after { content: ""; position: absolute; width: 35px; height: 1px; background: #fff; top: 23px; display: inline-block; margin-left: 7px; } body #rs-header .menu-area .navbar ul li.mega.mega-normal ul li a { font-size: 14px; font-weight: normal; cursor: pointer; } body.mega-classic #rs-header .row-table { position: relative; } #rs-header .menu-area .navbar ul li.mega ul > li a { font-size: 13px; text-transform: capitalize; font-weight: 400; cursor: pointer; } #rs-header .menu-area .navbar ul li.mega ul > li a:after { display: none; } #rs-header .menu-area .navbar ul > li.mega > ul li ul li a { border-bottom: none; } #rs-header .menu-area .navbar ul li.mega ul > li { float: left !important; } #rs-header .menu-area .navbar ul li.mega ul > li.three-col { width: 33.33%; } #rs-header .menu-area .navbar ul li.mega ul > li.two-col { width: 50%; } #rs-header .menu-area .navbar ul li.mega ul > li.four-col { width: 25%; } #rs-header .menu-area .navbar ul li.mega ul li ul.sub-menu { display: block; width: 99%; } #rs-header .menu-area .navbar ul li.mega ul li ul li { width: 100% !important; float: none !important; margin: 0; } #rs-header .menu-area .navbar ul > li.mega > ul > li > a { font-size: 17px !important; font-weight: 600; border: none; cursor: auto; background: none; color: #0a0a0a !important; } #rs-header .menu-area .navbar ul > li.mega > ul > li > a:before { display: none; } #rs-header .menu-area .navbar ul li.mega ul li ul.sub-menu { opacity: 1; transform: scaleY(1); visibility: visible; box-shadow: none; } #rs-header .menu-area .navbar ul li.mega ul li ul li:last-child a { border: none; } #rs-header .menu-area .navbar ul li.mega ul li ul li { border: none; } .menu-area .navbar ul li ul li ul.sub-menu { border: none; } #rs-header .menu-area nav.navbar ul li.mega ul li .sub-menu { position: relative; opacity: 1; transform: scaleY(1); } #rs-header .menu-area nav.navbar ul li.mega ul li .sub-menu { right: auto !important; left: auto !important; padding: 0; } nav.nav.navbar, .menu-area .col-sm-9.menu-responsive { position: static !important; } .menu-area .navbar ul > li.mega > ul.sub-menu .flex-mega { display: flex; justify-content: space-between; } .page-template-page-single-php #rs-header.header-style8 .menu-area .navbar ul > li:hover a { opacity: .8; } .page-template-page-single-php #rs-header.header-style8 .menu-area .navbar ul > li.active a { opacity: .8; } /* Menu */ .menu-wrap-off { position: fixed; z-index: 999; width: 100%; right: 0; top: 0px; height: 100%; background-image: linear-gradient(90deg, #e2e9f7 0%, #ffffff 100%); padding: 46px 40px 50px 50px; font-size: 1.15em; -webkit-transform: translate3d(450px, 0, 0); transform: translate3d(450px, 0, 0); -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); max-width: 450px; overflow-y: auto; } .menu-wrap-off .inner-offcan { margin: 0 auto; width: 100%; max-width: 1200px; padding: 15px 0 0px; overflow-x: hidden; overflow-y: auto; } .menu-wrap-off .inner-offcan .nav-link-container { position: absolute; right: 25px; top: 25px; display: block; z-index: 99; } .menu-wrap-off .inner-offcan .nav-link-container .close-button { padding: 15px 11px 16px; max-width: 62px; display: flex; flex-wrap: wrap; transition: none; border-radius: 4px; } .menu-wrap-off .inner-offcan .nav-link-container .close-button span { background: #ff6d00; margin: 2px 4px; } .menu-wrap-off .logo-area { text-align: left; display: block; width: 100%; padding-bottom: 50px; } .nav-link-container #close-button2.close-button span.hamburger1 { transform: rotate(-45deg) translate(-4px, 4px); width: 22px; } .nav-link-container #close-button2.close-button span.hamburger3 { -webkit-transform: rotate(45deg) translate(0px, 0px); transform: rotate(45deg) translate(0px, 0px); width: 22px; } body.logged-in .menu-wrap-off { padding: 55px 40px 50px 50px; } body.logged-in .menu-wrap-off .inner-offcan .nav-link-container { top: 53px; } .off-nav-layer { position: absolute; top: 16px; left: 16px; z-index: -1; background: #ffffff; border-radius: 50%; -webkit-transition: 1s; transition: 1s; -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); display: block !important; } .off-nav-layer.off-open { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); display: block; } .menu-ofcn.off-open { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.8s; transition: transform 0.8s; transition-timing-function: ease; -webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.9, 0, 0.3, 1); } .inner-offcan { opacity: 0; transition: all .8s ease; } body.on-offcanvas .menu-ofcn.off-open .inner-offcan { opacity: 1; } .off-nav-layer { background: #fff; } .mobile-menu-container ul li.active a { color: #ff6d00; } body.page-template-page-single2 .mobile-menu-container, body.page-template-page-single .mobile-menu-container { position: fixed; z-index: 999999; width: 400px; right: 0; top: -1px; height: 100vh; background: #fff; padding: 46px 50px 50px 35px; font-size: 1.15em; -webkit-transform: translate3d(400px, 0, 0); transform: translate3d(400px, 0, 0); -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); } body.page-template-page-single2 .mobile-menu-container.nav-inactive-menu-link-container.nav-active-menu-container, body.page-template-page-single .mobile-menu-container.nav-inactive-menu-link-container.nav-active-menu-container { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /*------------------------------------ 04. Sticky Menu --------------------------------------*/ .menu-sticky { margin: 0; width: 100%; z-index: 99; transition: all 300ms ease-in-out; background: transparent; } .menu-sticky.sticky { position: fixed !important; background: rgba(255, 255, 255, 0.9); box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.8); padding: 0; backface-visibility: hidden; animation: smoothScroll .5s forwards; } .menu-sticky.sticky .toolbar-area { display: none; } .menu-sticky.sticky .navbar-menu { width: 100%; text-align: right; } .menu-sticky.sticky .navbar-menu ul.menu { text-align: right; } .menu-sticky.sticky .navbar ul li > a { color: #0a0a0a; font-size: 14px; } .menu-sticky.sticky .btn_quote { padding-top: 28px !important; padding-bottom: 28px !important; } .menu-sticky.sticky .nav-link-container i { color: #0a0a0a; } @keyframes smoothScroll { 0% { transform: translateY(-40px); } 100% { transform: translateY(0px); } } .sticky-logo { display: none; } .sticky .logo-area { display: none; } .sticky .logo-area.sticky-logo { display: block; } /* --------------------------- Footer Css ------------------------------*/ .rs-footer { background: #000; position: relative; background-position: center top !important; } .rs-footer .footer1, .rs-footer .footer2 { padding-right: 50px; } .rs-footer .footer-logo-wrap { margin-bottom: 23px; } .rs-footer #wp-calendar td { color: #fff !important; padding: 10px; border: 1px solid #ccc; } .rs-footer #wp-calendar td#today { color: #ff6d00; } .rs-footer #wp-calendar th { background: #ff6d00 !important; color: #ffffff !important; padding: 10px; border: 1px solid #ccc; } .rs-footer .widget { margin: 0 0 30px; overflow: hidden; } .rs-footer .widget ul.footer_social { padding-top: 5px; } .rs-footer .widget ul.footer_social li { border-radius: 30px; } .rs-footer .widget ul.footer_social li i { padding: 0 0 0; font-size: 14px; margin-right: 3px; transition: all .8s ease; background: #1c2024; color: #fff; width: 35px; height: 35px; text-align: center; line-height: 35px; border-radius: 5px; } .rs-footer .widget ul.footer_social li i:hover { color: #f24c1a; } .rs-footer .widget.widget_nav_menu ul li { position: relative; } .rs-footer .widget.widget_nav_menu ul li a:hover { color: #ff6d00; } .rs-footer .container-fluid { padding-left: 100px; padding-right: 100px; } .border-btm .vc_col-sm-12 { border-bottom: 1px solid #181c5d; } .footer-btn-wrap { display: block; margin-top: 40px; } .footer-btn-wrap .footer-btn { font-weight: 500; color: #fff; background: #ff6d00; padding: 16px 24px; border-radius: 3px; font-size: 16px; text-transform: uppercase; } .footer-btn-wrap .footer-btn:hover { color: #fff !important; opacity: .9; } .rs-footer .copyright-widget .widget { margin-bottom: 0; } .rs-footer { font-size: 15px; color: #454545; } .rs-footer .footer-1 { padding-right: 40px; padding-left: 30px; } .rs-footer .widget.widget_nav_menu ul li a { position: relative; display: inline-block; color: #444; padding-left: 35px; } .rs-footer .widget.widget_nav_menu ul.menu { margin-top: -5px; } .rs-footer .footer-bottom { border-top: 2px solid #232323; } .rs-footer .footer-bottom h3.footer-title { display: none; } .rs-footer .footer-bottom .widget_nav_menu ul { display: flex; flex-wrap: wrap; list-style: none; margin: 0 !important; justify-content: flex-end; } .rs-footer .footer-bottom .widget_nav_menu ul li a { padding: 0px 20px 0px 25px !important; position: relative; font-size: 15px !important; } .rs-footer .footer-bottom .widget_nav_menu ul li a:before { content: ""; background: #ff6d00; display: block; position: absolute; font-size: 18px; left: 0; top: 11px; width: 6px; height: 6px; border-radius: 50%; } .rs-footer .footer-bottom .widget_nav_menu ul li:first-child a:before { display: none; } .rs-footer .footer-bottom .widget_nav_menu ul li:last-child a { padding-right: 0!important; } .rs-footer .footer-bottom .widget_nav_menu ul li ul { display: none; } .rs-footer .footer-top { padding: 92px 0 45px; } .rs-footer .footer-top input[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #666; } .rs-footer .footer-top input[type="email"]::-moz-placeholder { /* Firefox 19+ */ color: #666; } .rs-footer .footer-top input[type="email"]:-ms-input-placeholder { /* IE 10+ */ color: #666; } .rs-footer .footer-top input[type="email"]:-moz-placeholder { /* Firefox 18- */ color: #666; } .rs-footer .footer-top .post-item + .post-item { margin-top: 18px; } .rs-footer .footer-top .post-item i { font-size: 14px; position: relative; top: 1px; margin-right: 3px; color: #ff6d00; } .rs-footer .footer-top h3.footer-title { color: #ffffff; font-size: 20px; font-weight: 600; letter-spacing: 0; position: relative; margin-bottom: 45px; } .rs-footer .footer-top h3.footer-title:before, .rs-footer .footer-top h3.footer-title:after { position: absolute; content: ""; background: #ff6d00; height: 3px; -webkit-transition: all .4s ease; transition: all .4s ease; z-index: 1; bottom: -10px; } .rs-footer .footer-top h3.footer-title:before { width: 15px; left: 0; } .rs-footer .footer-top h3.footer-title:after { width: 50px; right: 0; left: 25px; margin-left: 0; z-index: 0; } .rs-footer .footer-top h3.footer-title:hover:before { width: 50px; left: 0; } .rs-footer .footer-top h3.footer-title:hover:after { width: 15px; left: 60px; } .rs-footer .footer-top .post-title { line-height: 1.35; margin-bottom: 6px; font-weight: 400; } .rs-footer .footer-top .mc4wp-form-fields p { margin: 30px 0 0; position: relative; } .rs-footer .footer-top .mc4wp-form-fields input[type="email"] { background: none; border: none; width: 91%; font-size: 13px; padding: 20px 60px 20px 20px; margin: 0; color: #0a0a0a; overflow: hidden; border-radius: 30px 0 0 30px; background: #fff; box-shadow: 0 0 25px #eee; } .rs-footer .footer-top .mc4wp-form-fields input[type="submit"] { position: absolute; top: 1px; right: 1px; bottom: 1px; background-image: linear-gradient(90deg, #03228f 0%, #0e73e4 100%); border-radius: 50%; padding: 15px 28px 15px; font-family: "Flaticon"; font-size: 0; } .rs-footer .footer-top .mc4wp-form-fields i { position: absolute; right: 0; top: 0; bottom: 0; padding: 11px 17px 16px; pointer-events: none; background: #fff; transition: 0.4s; transition-delay: 0.2s; color: #fff; } .rs-footer .footer-top .mc4wp-form-fields i:hover { opacity: 0.8; } .rs-footer .footer-top .paper-plane::before { content: "\f1d8"; position: absolute; font-family: FontAwesome; display: inline-block; vertical-align: middle; right: 23px; top: 14px; color: #fff; z-index: 1; font-size: 16px; cursor: pointer; transition: all .5s ease; } .rs-footer .footer-address { line-height: 35px; } .rs-footer li.about-widget-img img { margin-bottom: 10px; margin-top: 0px; height: 35px; } .rs-footer a { color: #444; } .rs-footer a:hover { color: #ff6d00; } .rs-footer ul { padding: 0; margin: 0; list-style: none; } .rs-footer ul li:last-child { padding-bottom: 0; } .rs-footer .recent-post-widget { margin-bottom: 0; margin-top: 30px; } .rs-footer .recent-post-widget .show-featured { overflow: hidden; margin-bottom: 15px; } .rs-footer .recent-post-widget .show-featured .post-img img { border-radius: 4px; } .rs-footer .recent-post-widget .show-featured .post-desc { line-height: 22px; } .rs-footer .recent-post-widget .show-featured .post-desc a { font-weight: 600; } .rs-footer .recent-post-widget .show-featured .post-desc i { margin-right: 3px; position: relative; font-size: 14px; } .rs-footer .recent-post-widget .show-featured .post-desc span { color: #e0e0e0; display: block; margin-top: 8px; font-size: 13.5px; } .rs-footer .recent-post-widget .show-featured .post-item { overflow: hidden; } .rs-footer .about-widget p img { margin-bottom: 22px; } .rs-footer .footer-logo-light { height: 25px; margin: 11px 0 20px; } .rs-footer .contact-intro { font-weight: 500; margin-bottom: 20px; } .rs-footer .fa-ul { margin-left: 0; text-align: left; padding-bottom: 10px; } .rs-footer .fa-ul li { padding: 2px 0px 16px 40px; position: relative; } .rs-footer .fa-ul li i { color: #ff6d00; font-size: 20px !important; position: absolute; left: 0px; top: 4px; } .rs-footer .fa-ul li i:before { font-size: 20px; margin-left: 0; } .rs-footer .fa-ul li i.flaticon-clock:before { position: relative; } .rs-footer .fa-ul li i.flaticon-email:before { position: relative; top: 0px; } .rs-footer .fa-ul li i.fa-whatsapp { position: absolute; left: 0; margin-left: 0; } .rs-footer .fa-ul li i.fa-whatsapp:before { font-size: 23px; } .rs-footer .fa-ul li i.fa-fax { position: absolute; left: 0; margin-left: 0; } .rs-footer .fa-ul li i.fa-fax:before { font-size: 20px; position: relative; top: 0px; } .rs-footer .fa-ul li a { color: #fff; } .rs-footer .fa-ul li a:hover { color: #0a2fa6; } .rs-footer .fa-ul li:last-child { padding-top: 3px; } .rs-footer.footerlight { color: #666666; } .rs-footer.footerlight .footer-logo img { height: 25px; } .rs-footer.footerlight .footer-top h3.footer-title { color: #212121; } .rs-footer.footerlight .footer-top h3.footer-title:after { background: #666666; } .rs-footer.footerlight .footer_social li a { color: #666666; border-color: #666666; } .rs-footer.footerlight .footer_social li a i { color: #0a2fa6; } .rs-footer.footerlight .footer_social li a:hover i { color: #ff6d00; } .rs-footer.footerlight .footer_social li:last-child { margin-right: 0 !important; } .rs-footer.footerlight .footer-top .mc4wp-form-fields input[type="email"] li a, .rs-footer.footerlight .footer-top .mc4wp-form-fields ul.footer_social li a { border-color: #666; } .rs-footer.footerlight .footer-bottom { border-color: #fff; } .rs-footer.footerlight .footer-bottom .copyright p { color: #666; font-size: 15px; } .rs-footer.footerlight .footer-bottom .copyright a { color: #0a2fa6; } .rs-footer.footerlight .widget.widget_nav_menu ul li a { color: #666666; } .rs-footer.footerlight a { color: #666666; } .rs-footer.footerdark .footer-bottom { border-color: #eee6; } .rs-footer.footerdark .footer-top .mc4wp-form-fields input[type="email"] { border-color: #eee6; } .rs-footer .footer-logo img { height: 20px; margin: 0; } .rs-footer.footerlight .footer-top .mc4wp-form-fields input[type="email"] { border-color: #0a2fa6; color: #666; } .rs-footer.footerlight .footer-top .mc4wp-form-fields input[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #999; } .rs-footer.footerlight .footer-top .mc4wp-form-fields input[type="email"]::-moz-placeholder { /* Firefox 19+ */ color: #999; } .rs-footer.footerlight .footer-top .mc4wp-form-fields input[type="email"]:-ms-input-placeholder { /* IE 10+ */ color: #999; } .rs-footer.footerlight .footer-top .mc4wp-form-fields input[type="email"]:-moz-placeholder { /* Firefox 18- */ color: #999; } .error404 .rs-footer { margin: 0; } .rs-footer, .rs-footer .footer-top h3.footer-title, .rs-footer a, .rs-footer .fa-ul li a, .rs-footer .widget.widget_nav_menu ul li a { color: #fff; } ul.footer_social li { display: inline-block; margin-right: 6px; text-align: center; } ul.footer_social li a { color: #ffffff; display: block; } ul.footer_social li:last-child { margin-right: 0 !important; } .footer-bottom { background: #000; padding: 20px 0; } .footer-bottom .container { position: relative; } .footer-bottom .container-fluid { padding-top: 20px; padding-bottom: 20px; max-width: 1253px; padding-left: 0; padding-right: 0; } .footer-bottom .row { align-items: center; } .footer-bottom .copyright { text-align: center; } .footer-bottom .copyright p { margin: 0; line-height: 35px; font-size: 15px; } a.footer-logo { display: block; margin-bottom: 26px; } .rs-footer .widget.widget_nav_menu ul li a, .rs-footer .widget.widget_pages ul li a, .rs-footer .widget.widget_archive ul li a, .rs-footer .widget.widget_categories ul li a { position: relative; padding: 6px 0 6px 0px; display: inline-block; color: #fff; } .rs-footer .widget.widget_nav_menu ul li a:hover, .rs-footer .widget.widget_pages ul li a:hover, .rs-footer .widget.widget_archive ul li a:hover, .rs-footer .widget.widget_categories ul li a:hover { color: #ff6d00; } .rs-footer .widget.widget_recent_comments ul li a { position: relative; padding: 6px 0 6px 0px !important; display: inline-block; color: #454545; } .rs-footer .widget.widget_recent_comments ul li a:hover { color: #ff6d00; } .rs-footer .widget.widget_nav_menu ul ul.sub-menu, .rs-footer .widget.widget_pages ul ul.sub-menu, .rs-footer .widget.widget_categories ul ul.sub-menu { padding-left: 15px; } .rs-footer .widget.widget_nav_menu ul ul.sub-menu li a, .rs-footer .widget.widget_pages ul ul.sub-menu li a, .rs-footer .widget.widget_recent_comments ul ul.sub-menu li a, .rs-footer .widget.widget_archive ul ul.sub-menu li a, .rs-footer .widget.widget_categories ul ul.sub-menu li a { position: relative; } .rs-footer .widget.widget_recent_comments ul li { display: block; } .rs-footer .widget.widget_recent_comments ul li:before { top: 4px; } .rs-footer a { color: #fff; } .rs-footer a:focus { color: #fff; } #scrollUp { text-align: center; bottom: 40px; cursor: pointer; display: none; position: fixed; right: 40px; z-index: 10; } #scrollUp i { height: 40px; font-size: 24px; width: 42px; border-radius: 50%; color: #fff; line-height: 36px; transition: all 0.3s ease 0s; background-image: linear-gradient(90deg, #03228f 0%, #0e73e4 100%); margin-left: 2px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4); } #scrollUp i:hover { opacity: 0.8; } /*-------------------------------------------------------------- Heading css --------------------------------------------------------------*/ .rs-heading .title-inner .sub-text { font-weight: 600; margin: 0 0 10px; display: block; color: #0a2fa6; line-height: 28px; font-family: 'Sora', sans-serif; font-size: 15px; letter-spacing: 2px; text-transform: uppercase; } .rs-heading .title-inner .sub-text.title-upper { text-transform: uppercase; } .rs-heading .title-inner .title { color: #0a0a0a; font-family: 'Sora', sans-serif; font-weight: 700; position: relative; } .rs-heading .title-inner .title.title-upper { text-transform: uppercase; } .rs-heading .title-inner .title span.watermark { position: absolute; font-size: 200px; text-transform: uppercase; font-weight: 900; font-family: 'Sora', sans-serif; opacity: 0.05; width: 100%; left: 0; color: inherit; white-space: nowrap; vertical-align: middle; z-index: 1; } .rs-heading .title-inner .title span.watermark-animate { font-size: 130px; text-transform: uppercase; font-weight: 900; font-family: 'Sora', sans-serif; opacity: 0.05; width: 100%; left: 0; color: inherit; white-space: nowrap; vertical-align: middle; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; position: absolute; -webkit-animation: anim 8s infinite; animation: anim 8s infinite; animation-direction: alternate-reverse; -webkit-animation-timing-function: linear; /* Chrome, Safari, Opera */ animation-timing-function: linear; } .rs-heading .title-inner h3.title { font-weight: 500; } .rs-heading.style12 .border-top12 { width: 50px; margin-bottom: 20px; display: block; } .rs-heading.style12.text-center .border-top12 { text-align: center; margin-left: auto; margin-right: auto; } .rs-heading.style12 .title { margin-bottom: 10px; } .rs-heading.style12 .sub-text { font-weight: 500; display: block; margin-bottom: 25px; } .rs-heading.style11 .sub-text { font-family: 'Sora', sans-serif; } .rs-heading.style11 .title span.watermark { font-size: 180px; opacity: 0.08; } .rs-heading.style11 .title span { display: block; font-size: 32px; font-weight: 600; } .rs-heading.style11 .title-inner { position: relative; } .rs-heading.style11 .title-inner:before { content: ""; position: absolute; top: 0; left: 0px; opacity: 0.5; width: 10px; height: 100%; } .rs-heading.style11.text-center .title-inner { position: relative; display: inline-block; } .rs-heading.style11.text-center .title-inner:before { content: ""; position: absolute; bottom: 42px; left: 0; right: 0; opacity: 0.5; width: 50%; height: 10px; margin: 0 auto; display: block; top: auto; } .rs-heading.style10 .title-inner .sub-text { position: relative; display: inline-block; } .rs-heading.style10 .title-inner .sub-text:before { content: '•'; position: absolute; top: 50%; left: -35px; color: transparent; text-shadow: 10px 0 #0a2fa6, -10px 0 #0a2fa6; color: #0a2fa6; font-size: .8em; -webkit-transition: text-shadow 0.3s, color 0.3s; -moz-transition: text-shadow 0.3s, color 0.3s; transition: text-shadow 0.3s, color 0.3s; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; opacity: 1; } .rs-heading.style10 .title-inner .sub-text:after { content: '•'; position: absolute; top: 50%; right: -35px; color: transparent; text-shadow: 10px 0 #0a2fa6, -10px 0 #0a2fa6; color: #0a2fa6; font-size: .8em; -webkit-transition: text-shadow 0.3s, color 0.3s; -moz-transition: text-shadow 0.3s, color 0.3s; transition: text-shadow 0.3s, color 0.3s; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; opacity: 1; } .rs-heading.big .title-inner h2 { font-size: 36px; line-height: 44px; } .rs-heading.big .description p { font-size: 20px; line-height: 32px; } .rs-heading.style4 .title-inner .title { margin-bottom: 0; } .rs-heading.style4 .title-inner .title-img { margin-bottom: 12px; } .rs-heading.style2 { position: relative; margin-bottom: 23px; z-index: 1; } .rs-heading.style2 .title { display: inline-block; position: relative; } .rs-heading.style2 h2 { margin-bottom: 12px; } .rs-heading.style2 .description p { margin-bottom: 12px; } .rs-heading.style2.light:after { background: #fff !important; } .rs-heading.style3 { position: relative; padding-bottom: 12px; } .rs-heading.style3 h2 { margin-bottom: 12px; } .rs-heading.style3 .description { position: relative; padding-left: 80px; } .rs-heading.style3 .description:after { content: ""; position: absolute; border: 0; width: 60px; height: 2px; background: #ff6d00; z-index: 1; margin-left: 0; left: 0; top: 14px; } .rs-heading.style3 .description p { margin-bottom: 12px; } .rs-heading.style3.light .description:after { background: #fff !important; } .rs-heading.style8 { position: relative; padding-bottom: 12px; margin-bottom: 10px; } .rs-heading.style8 .title-inner { padding-left: 25px; position: relative; display: inline-block; } .rs-heading.style8 .title-inner .sub-text { margin-bottom: 5px; } .rs-heading.style8 .title-inner:after { content: ""; position: absolute; border: 0; width: 2px; height: 100%; background: #ff6d00; z-index: 1; margin-left: 0; left: 0; top: 0; } .rs-heading.style8 .description { padding-left: 25px; position: relative; } .rs-heading.style8 .description:after { content: ""; position: absolute; border: 0; width: 2px; height: 100%; background: #ff6d00; z-index: 1; margin-left: 0; left: 0; top: 0; } .rs-heading.style8 h2 { margin-bottom: 5px; } .rs-heading.style8.text-center .description { padding-top: 15px; padding-left: 0px; } .rs-heading.style8.text-center .description:after { display: none; } .rs-heading.style8.light .title-inner:after { background: #fff; } .rs-heading.style8.light .description:after { background: #fff !important; } .rs-heading.style6 { position: relative; z-index: 2; } .rs-heading.style6 .title span:not(.watermark) { position: relative; } .rs-heading.style6 .title span:not(.watermark):before { position: absolute; content: ""; bottom: 9px; left: 3.5px; width: 98%; height: 10px; z-index: -1; background: #0a2fa6; } .rs-heading.style6 .title-inner { position: relative; padding-bottom: 12px; } .rs-heading.style6 .title-inner h2 { margin-bottom: 12px; } .rs-heading.style6 .title-inner .sub-text { position: relative; padding-left: 24px; color: #ff6d00; display: inline-block; } .rs-heading.style6 .title-inner .sub-text:after { content: ""; position: absolute; border: 0; width: 5px; height: 15px; background: #0a2fa6; z-index: 1; margin-left: 0; left: 0; top: 6px; } .rs-heading.style6 .title-inner .sub-text p { margin-bottom: 12px; } .rs-heading.style6.text-center .title-inner .sub-text, .rs-heading.style6.text-right .title-inner .sub-text { display: inline-block; } .rs-heading.style6.text-center .sub-text { position: relative; padding-left: 0px; padding-top: 60px; color: #ff6d00; } .rs-heading.style6.text-center .sub-text:after { content: ''; width: 77px; height: 2px; position: absolute; left: 50%; top: 0; margin-top: -1px; width: 2px; height: 50px; } .rs-heading.style6.light .sub-text:after { background: #fff !important; } .rs-heading.style6.dark .sub-text:after { background: #232023 !important; } .rs-heading.style7 .title-inner { position: relative; padding-bottom: 12px; } .rs-heading.style7 .title-inner h2 { margin-bottom: 12px; } .rs-heading.style7 .title-inner .sub-text { position: relative; padding-right: 65px; display: inline-block; color: #ff6d00; } .rs-heading.style7 .title-inner .sub-text:after { content: ""; position: absolute; border: 0; width: 50px; height: 2px; background: #ff6d00; z-index: 1; margin-left: 0; right: 0; top: 12px; } .rs-heading.style7 .title-inner .sub-text p { margin-bottom: 12px; } .rs-heading.style7 .title-inner.light .sub-text:after { background: #fff !important; } .rs-heading.style7 .title-inner.text-center .title-inner .sub-text, .rs-heading.style7 .title-inner.text-right .title-inner .sub-text { display: inline-block; } .rs-heading.style9 .title-img { margin-bottom: 15px; } .rs-heading.style9 .title-inner { margin-bottom: 35px; } .list-style { padding: 0; margin: 0; list-style: none; } .list-style li { position: relative; padding-left: 32px; margin-bottom: 5px; } .list-style li:before { content: "\f0a9"; font-family: FontAwesome; position: absolute; left: 0; top: 0; font-size: 20px; } /*-------------------------------------------------------------- Call to Actiobn --------------------------------------------------------------*/ .rs-cta .description { margin-top: 25px; font-size: 15px; line-height: 28px; font-weight: normal; } .rs-cta .description p:first-child { margin: 0; } .rs-cta .description p:last-child { margin: 0; } .rs-cta .description ul { margin: 0 0 0 18px; } .rs-cta .title-wrap .exp-title { font-size: 35px; line-height: 40px; margin-bottom: 0px; text-align: left; } .rs-cta .title-wrap .eta-subtitle { margin-bottom: 0; margin-top: 10px; line-height: 1.4; text-transform: uppercase; } .rs-cta .button-wrap .cta-hints { margin-bottom: 0; margin-top: 10px; margin-right: 10px; } .rs-cta .style1 .hidden-md { padding-right: 40px; } .rs-cta .style1 .title-wrap .eta-subtitle { margin-top: 15px; margin-bottom: 7px; } .rs-cta .style1 .title-wrap .description { margin-top: 18px; } .rs-cta .style1 .eta-subtitle { text-transform: none; } .rs-cta .style2 { text-align: center; } .rs-cta .style2 .title-wrap { padding: 25px 0 10px; max-width: 650px; margin: 0 auto; } .rs-cta .style2 .eta-subtitle { font-weight: 500; } .rs-cta .style2 .button-wrap { margin-bottom: 10px; margin-top: 15px; } .rs-cta.text-left .style2 { text-align: left; } .rs-cta.text-left .style2 .title-wrap h2 { text-align: left; } .rs-cta.text-left ul.stylelisting { list-style-type: none; } .rs-cta.text-left ul.stylelisting li { position: relative; padding-left: 22px !important; line-height: 34px; border: none !important; } .rs-cta.text-left ul.stylelisting li:before { position: absolute; top: 0; left: 0; z-index: 0; content: "\f054"; font-family: 'FontAwesome'; color: #fff; font-size: 12px; } .rs-cta.text-right .style2 { text-align: right; } .rs-cta.text-right .style2 .title-wrap h2 { text-align: right; } .rs-cta .style2 .title-wrap .eta-subtitle { margin-top: 10px; margin-bottom: 10px; font-family: 'Sora', sans-serif; } .rs-cta .style2 .title-wrap .exp-title { text-align: center; position: relative; z-index: 1; } .rs-cta .style2 .title-wrap .description { margin-top: 15px; } .rs-cta.rs-cat-style3 { padding-bottom: 37px; } .rs-cta.rs-cat-style3 .pry-btn { height: 55px; line-height: 52px; border-radius: 30px; text-align: center; display: inline-block; color: #ffffff; padding: 0 50px; margin-top: 15px; position: relative; font-weight: 600; font-size: 15px; text-transform: uppercase; z-index: 1; background: #0a2fa6; border: 2px solid #ffffff; } .rs-cta.rs-cat-style3 .pry-btn:hover { border-width: 2px; background: #0a2fa6; opacity: 0.8; border-color: #fff; } .rs-cta.rs-cat-style3 .cta-wrap .title-wrap .button-wrap { padding-top: 20px; } .rs-cta.rs-ctabg-style3 .description { margin-top: 10px; } .rs-cta.rs-ctabg-style3 .pry-btn { height: 55px; line-height: 52px; text-align: center; display: inline-block; color: #ffffff; padding: 0 30px; margin-top: 15px; position: relative; font-weight: 600; font-size: 15px; text-transform: uppercase; z-index: 1; background: #0a2fa6; border: 2px solid #ffffff; } .rs-cta.rs-ctabg-style3 .pry-btn:hover { border-width: 2px; background: #0a2fa6; opacity: 0.8; border-color: #fff; } .rs-cta.rs-ctabg-style3 .cta-wrap .title-wrap .button-wrap { padding-top: 20px; } /*-------------------------------------------------------------- services css --------------------------------------------------------------*/ .rs-services-default .services-wrap { transition: all .5s ease; } .rs-services-default .services-wrap .services-item { margin-bottom: 40px; } .rs-services-default .services-wrap .services-item .services-icon { font-size: 60px; line-height: 60px; width: 100%; position: relative; } .rs-services-default .services-wrap .services-item .services-icon i { color: #ff6d00; } .rs-services-default .services-wrap .services-item .services-icon:hover { background-position: 20px -30px; } .rs-services-default .services-wrap .services-item h4 { margin-bottom: 0; font-size: 16px; text-transform: lowercase; font-weight: 400 !important; } .rs-services-default .services-wrap .services-item .services-title { font-size: 16px; margin: 0 0 5px; font-weight: 600 !important; line-height: 20px !important; } .rs-services-default.services-center .services-icon { display: block; font-size: 40px; float: none; top: 8px; text-align: center; } .rs-services-default.services-center .services-icon i { margin: 0 auto; } .rs-services-default.services-center .services-desc { width: 100%; text-align: center; } .rs-services-default.services-right .services-icon { display: block; font-size: 40px; float: none; width: 100%; text-align: right; } .rs-services-default.services-right .services-icon i { margin: 0 auto; margin-right: 0; } .rs-services-default.services-right .services-desc { width: 100%; text-align: right; } .rs-services-default .services-item.img-left { display: flex; vertical-align: top; margin-bottom: 0; } .rs-services-default .services-item.img-left .services-icon { float: left; width: 150px; } .rs-services-default .services-item.img-left .services-icon:after { background: #ff6d00; width: 40px; height: 40px; position: absolute; left: 36%; top: 30px; content: ""; display: block; opacity: 0.1; } .rs-services-default .services-item.img-left .services-icon img { padding-right: 5px; } .rs-services-default .services-item.img-left .services-desc { padding-left: 30px; float: left; padding-top: 10px; } .rs-services-default .services-item.img-right .services-icon { float: right; width: 30%; } .rs-services-default .services-item.img-right .services-desc { padding-right: 25px; float: left; width: 70%; } .rs-services-default .services-item.img-center { float: none; width: inherit; } .rs-services-default .services-item.img-center .services-icon { margin-bottom: 20px; } .service-home .services-wrap .services-item .services-icon:before { content: ""; position: absolute; top: 35px; left: 0; right: 0; width: 0px; height: 0px; transition: all .5s ease; border-right: 60px solid transparent; border-top: 60px solid #0a2fa6; border-left: 60px solid #0a2fa6; border-bottom: 60px solid #0a2fa6; border-top-left-radius: 60px; border-top-right-radius: 60px; border-bottom-left-radius: 60px; opacity: .05; transform: rotate(-90deg); z-index: -1; border-bottom-right-radius: 60px; } .service-home .services-wrap:hover { box-shadow: 0 0 50px #eee; } .service-home .services-wrap:hover .services-icon:before { left: 150px; } .middle-column-shadow .rs-services-default .services-wrap { box-shadow: 0 0 150px #eee; } .service_box .rs-services-default .services-wrap .services-item { margin-bottom: 25px; } .service_box .rs-services-default .services-wrap .services-item .services-title { font-weight: 400 !important; } .service_box .rs-services-default .services-wrap .services-item p { margin: 0; } .service_box .rs-services-default .services-wrap .services-item .readon { background: #ffffff; color: #0a2fa6; border-color: #ffffff; margin-top: 15px; } .service_box .rs-services-default .services-wrap .services-item .readon i:before { font-size: 20px; margin-right: 10px; position: relative; top: 3px; } .service_box .rs-services-default .services-wrap .services-item .readon a { color: #ffffff; } .rs-services1 .services-title { font-size: 15px; font-family: 'Sora', sans-serif; font-weight: 600; } .rs-services1 .services-wrap .services-item { border-bottom: none; margin: 0; padding: 5px 0 32px; } .rs-services1 .services-wrap .services-item .services-icon { font-size: 30px; width: 100%; } .rs-services1 .services-wrap .services-item .services-icon i { width: 60px; height: 60px; line-height: 60px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; display: block; } .rs-services1 .services-wrap .services-item .services-desc { width: 100%; } .rs-services1 .services-wrap .services-item .services-desc .services-title { margin: 28px 0 10px; } .rs-services1 .services-wrap .services-item:hover .services-title a { color: #ff6d00; } .rs-services1.services-center .services-item { position: relative; padding: 0px 20px 14px; z-index: 110; overflow: hidden; transition: all 0.6s ease 0s; background: #fff; box-shadow: 0 0 6px rgba(0, 0, 0, 0.05); margin-bottom: 30px; } .rs-services1.services-center .services-title { margin: 0 0 12px !important; } .rs-services1.services-left .services-item { position: relative; z-index: 110; overflow: hidden; transition: all 0.6s ease 0s; margin-bottom: 30px; } .rs-services1.services-left .services-item .services-title { font-weight: 600 !important; line-height: 24px; } .rs-services1.services-left .services-item .services-icon { position: relative; display: inline-block; font-size: 36px; top: 0; text-align: left; } .rs-services1.services-left .services-item .services-icon i { width: auto; height: auto; } .rs-services1.services-left .services-item .services-desc { position: relative; float: right; text-align: left; } .rs-services1.services-left .services-item .services-desc .services-title { margin-top: 0; } .rs-services1.services-right .services-item { position: relative; padding: 25px 25px 2px 10px; z-index: 110; overflow: hidden; transition: all 0.6s ease 0s; background: #fff; box-shadow: 0 0 6px rgba(0, 0, 0, 0.05); margin-bottom: 30px; } .rs-services1.services-right .services-item .services-title { font-size: 17px; font-weight: 500 !important; line-height: 24px; } .rs-services1.services-right .services-item .services-icon { position: relative; display: inline-block; font-size: 36px; float: left; width: 20%; top: 0; text-align: center; } .rs-services1.services-right .services-item .services-desc { position: relative; float: right; text-align: left; width: 78%; line-height: 25px; padding-left: 50px; font-size: 14px; } .rs-services1.services-right .services-item .services-desc .services-title { margin-top: 0; } .rs-services1.services-right .services-item .services-icon { float: right; } .rs-services1.services-right .services-item .services-desc { float: left; } .rs-services1.services-center .services-icon { display: block; font-size: 36px; float: none; width: 100%; top: 8px; text-align: center; } .rs-services1.services-center .services-icon i { margin: 0 auto; } .rs-services1.services-center .services-desc { float: none; width: 100%; text-align: center; } .rs-services1.services-right .services-icon { display: block; font-size: 36px; float: none; width: 100%; top: 8px; text-align: right; } .rs-services1.services-right .services-icon i { margin: 0 auto; margin-right: 0; } .rs-services1.services-right .services-desc { float: none; width: 100%; text-align: right; } .rs-header-title.header-right .title { text-align: right; } .services-style-2 { border-radius: 6px; transition: all .5s ease; } .services-style-2 .services-wrap .services-item { position: relative; transition: all .5s ease; top: 0; } .services-style-2 .services-wrap .services-item .services-icon img { height: 50px; } .services-style-2 .services-wrap .services-item .services-desc { transition: all .5s ease; color: #fff; padding: 0 15px; max-width: 530px; margin: 0 auto; } .services-style-2 .services-wrap .services-item .services-desc p { color: #fff; margin-bottom: 0; } .services-style-2 .services-wrap .services-item .services-desc .services-title2 { font-size: 24px; margin: 12px 0 6px; line-height: normal; font-weight: 500 !important; color: #ff6d00; } .services-style-2 .services-wrap .services-item .services-desc .services-title2 a { color: #ff6d00; } .services-style-2.services-center .services-icon { text-align: center; } .services-style-2.services-center .services-title2 { text-align: center; } .services-style-2.services-center .services-desc { text-align: center; } .services-style-2.services-center:hover .services-wrap .services-item { top: -10px; } .services-style-2.service-active { background: #0a2fa6; } .services-style-2.service-active .services-wrap .services-item .services-desc { color: #fff; } .services-style-2.service-active .services-wrap .services-item .services-desc .services-title2 { color: #fff; } .services-style-2.service-active .services-wrap .services-item .services-desc .services-title2 a { color: #fff; } .services-style-2.services-left { margin-bottom: 30px; } .services-style-2.services-left .services-wrap { overflow: hidden; } .services-style-2.services-left .services-wrap .services-item .services-icon { float: left; width: 50px; } .services-style-2.services-left .services-wrap .services-item .services-title2 { text-align: left; margin: 0; font-weight: 500; margin-top: 7px; } .services-style-2.services-left .services-wrap .services-item .services-desc { text-align: left; float: left; width: 80%; padding-left: 15px; padding-right: 0; } .services-style-2.services-right { padding: 20px; margin-bottom: 30px; } .services-style-2.services-right .services-wrap { overflow: hidden; } .services-style-2.services-right .services-wrap .services-item .services-icon { float: right; width: 50px; } .services-style-2.services-right .services-wrap .services-item .services-title2 { text-align: right; margin: 0; font-weight: 500; } .services-style-2.services-right .services-wrap .services-item .services-desc { text-align: right; float: left; width: 80%; padding-right: 18px; } .service-inner.no-rounded { border-radius: 0 !important; } .services-style-7.services-center { text-align: center; } /* Service Box Border Style*/ .rs-services1.services-left.border_style { margin-bottom: 30px; } .rs-services1.services-left.border_style .services-wrap .services-item { background: none; box-shadow: none; margin: 0; padding: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; text-align: center; } .rs-services1.services-left.border_style .services-wrap .services-item .services-icon { width: 80px; } .rs-services1.services-left.border_style .services-wrap .services-item .services-icon i { border: 2px solid #ff6d00; border-radius: 50%; line-height: 70px; height: 80px; width: 80px; font-size: 40px; cursor: pointer; background: #ffffff; color: #28406d; } .rs-services1.services-left.border_style .services-wrap .services-item:hover .services-icon i { background: #ff6d00; color: #0a2fa6; } .rs-services1.services-left.border_style .services-wrap .services-item .services-desc { width: calc(100% - 80px); padding-left: 15px; } .rs-services1.services-left.border_style .services-wrap .services-item .services-desc p { margin-bottom: 0; } .rs-services1.services-right { margin-bottom: 30px; } .rs-services1.services-right .services-wrap .services-item { background: none; box-shadow: none; margin: 0; padding: 0; } .rs-services1.services-right .services-wrap .services-item .services-icon { width: 80px; float: right; } .rs-services1.services-right .services-wrap .services-item .services-icon i { border: 2px solid #ff6d00; border-radius: 50%; line-height: 70px; height: 80px; width: 80px; font-size: 40px; cursor: pointer; background: #ffffff; color: #28406d; } .rs-services1.services-right .services-wrap .services-item .services-icon i:hover { background: #ff6d00; color: #0a2fa6; } .rs-services1.services-right .services-wrap .services-item .services-desc { width: calc(100% - 80px); padding-right: 15px; padding-left: 0; text-align: right; } .rs-services1.services-right .services-wrap .services-item .services-desc p { margin-bottom: 0; } .rs-addon-services .services-icon.icon_animation i { position: relative; width: 70px; line-height: 70px; text-align: center; transition: 0s; } .rs-addon-services .services-icon.icon_animation i:after { content: ""; background: #DFF3FF; width: 70px; height: 70px; line-height: 70px; position: absolute; left: 0; z-index: -1; } .rs-addon-services .svg_icon svg { width: 64px; height: 64px; } .rs-addon-services .svg_icon svg path { transition: 0.4s; } .rs-addon-services:hover .services-icon.icon_animation i:after { animation: spine 15s linear infinite; -webkit-animation: spine 15s linear infinite; transition: 0.8s; } #content .rs-addon-services .services-icon.icon_animation { background: transparent !important; background-color: transparent !important; } @keyframes spine { 0% { transform: rotate(0); -webkit-transform: rotate(0); } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @-webkit-keyframes spine { 0% { transform: rotate(0); -webkit-transform: rotate(0); } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } .proces-item { z-index: 1; position: relative; padding-bottom: 5px; padding-right: 30px; margin-bottom: 40px; } .proces-item .number { font-size: 48px; font-weight: 700; display: block; color: #454545; margin-bottom: 20px; transition: all 0.3s ease 0s; line-height: 1; } .proces-item h4 { margin: 0 0 10px; } .proces-item h4 a { color: #0a0a0a; } .proces-item.active .number, .proces-item:hover .number { color: #0a2fa6; } .construction-process3 { margin-top: -140px; } .process-inner { -webkit-box-shadow: 1px 0 3px 0px rgba(34, 34, 34, 0.3); -moz-box-shadow: 1px 0 3px 0px rgba(34, 34, 34, 0.3); box-shadow: 1px 0 3px 0px rgba(34, 34, 34, 0.3); display: table; width: 100%; position: relative; z-index: 1; background: #ffffff; -webkit-transition: all .3s; transition: all .3s; margin-top: -55px; } .process-inner .process-item { padding: 42px 20px 0; border-top: none; display: table-cell; vertical-align: middle; -webkit-transition: all .3s; transition: all .3s; } .process-inner .title { font-size: 20px; line-height: 28px; margin-bottom: 8px; } .process-inner .number { font-size: 60px; color: #0a2fa6; font-weight: 600; margin-bottom: 35px; margin-bottom: 12px; line-height: 60px; } .process-inner .des { opacity: 0; visibility: hidden; -webkit-transition: all .3s; transition: all .3s; line-height: 22px; } .process-inner.active, .process-inner:hover { margin-top: -80px; margin-bottom: -80px; } .process-inner.active .process-item, .process-inner:hover .process-item { background: #0a2fa6; padding-bottom: 44px; border-color: #0a2fa6; } .process-inner.active .process-item .des, .process-inner:hover .process-item .des { opacity: 1; visibility: visible; } .process-inner.active .process-item .title, .process-inner:hover .process-item .title, .process-inner.active .process-item .des, .process-inner:hover .process-item .des, .process-inner.active .process-item .number, .process-inner:hover .process-item .number { color: #ffffff; } ul.check-list { margin: 0; padding: 0; } ul.check-list li { position: relative; padding-left: 30px; padding-top: 4px; padding-bottom: 4px; font-size: 16px; list-style: none; } ul.check-list li:before { position: absolute; top: 9px; left: 0; content: "\f160"; font-family: uicons-regular-rounded; color: #0a2fa6; font-weight: 700; font-size: 9px; border: 1px solid; width: 18px; height: 18px; text-align: center; line-height: 17px; border-radius: 30px; } .rs-services-style3 { position: relative; overflow: hidden; max-width: 360px; } .rs-services-style3 .bg-img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; opacity: 1; -webkit-transition: all .7s ease; transition: all .7s ease; -webkit-transform: scale(1.05); transform: scale(1.05); background-size: cover; } .rs-services-style3 .bg-img:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #222; opacity: 0.7; transition: 0.7s; } .rs-services-style3 .bg-img a { position: absolute; top: 30%; left: 50%; transform: translate(-50%, -50%); -webkit-transition: all .7s ease; transition: all .7s ease; font-size: 15px; height: 40px; line-height: 38px; padding: 0 30px; color: #fff; background: #ff6d00; border-color: #ff6d00; opacity: 0; visibility: hidden; z-index: 99; } .rs-services-style3 .bg-img a:hover { opacity: .95 !important; background: #ff6d00; } .rs-services-style3 .bg-img a:before { display: none; } .rs-services-style3 .services-item { position: relative; z-index: 1; } .rs-services-style3 .services-item .services-icon { font-size: 44px; } .rs-services-style3 .services-item .services-icon span { display: inline-block; } .rs-services-style3 .services-item .services-desc .services-title { margin-bottom: 10px; font-size: 16px; } .rs-services-style3 .services-item .services-desc p:last-child { margin-bottom: 0; } .rs-services-style3:hover .bg-img { opacity: 1; -webkit-transform: scale(1); transform: scale(1); z-index: 9; } .rs-services-style3:hover .bg-img a { top: 50%; opacity: 99; visibility: visible; } .rs-services-style3:hover .bg-img:after { opacity: 0; } .rs-services-style3.services-center { text-align: center; } .rs-services-style3.services-right { text-align: right; } .slider-services-style2 { display: block; position: relative; overflow: hidden; width: 100%; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05); border-radius: 3px; border: 1px solid transparent; margin-bottom: 20px; } .slider-services-style2 .service-img { overflow: hidden; } .slider-services-style2 .service-img img { max-width: 100%; -webkit-transition: all 0.4s ease-in; transition: all 0.4s ease-in; } .slider-services-style2 .services-desc { padding: 27px 27px 8px; background: #fff; } .slider-services-style2 .services-desc .services-title { margin-bottom: 15px; font-size: 20px; } .slider-services-style2 .services-desc .readon { height: 44px; line-height: 42px; margin-bottom: 25px; } .slider-services-style2 .services-desc .readon:hover { padding-right: 45px; } .slider-services-style2:hover .service-img img { filter: grayscale(0) blur(2px); -webkit-filter: grayscale(0) blur(2px); -webkit-transform: scale(1.1); transform: scale(1.1); } .slider-services-style2:hover .bg-img { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .slider-services-style2:hover .bg-img a { top: 50%; } .service-carousel .owl-stage-outer { overflow: hidden; } .service-carousel .owl-nav.disabled { display: none; } .service-carousel .owl-dots { text-align: center; margin-top: 25px; display: none; } .service-carousel .owl-dots .owl-dot { height: 8px; width: 20px; border-radius: 30px; border: 1px solid #0a2fa6; display: inline-block; margin-right: 10px; cursor: pointer; } .service-carousel .owl-dots .owl-dot.active { background: #0a2fa6; cursor: inherit; } .service-carousel .rs-services-style3 { max-width: 100%; } .light-arrow .owl-carousel .owl-nav [class*="owl-"] { background: #fbfbfb !important; color: #0a0a0a; } .light-arrow .owl-carousel .owl-nav [class*="owl-"]:hover { background: #fff !important; color: #0a0a0a; } .service-style-3 .services-sliders4 .inner-dis { padding: 35px 30px 20px; background: #fbfbfb; text-align: center; } .service-style-3 .services-sliders4 .inner-dis .services-title { font-size: 18px; line-height: 26px !important; margin-bottom: 10px; } .rs-services-style4 { position: relative; transition: all .5s ease; padding: 50px 20px 20px; margin-bottom: 30px; overflow: hidden; } .rs-services-style4 .bg-img { height: 300px; background-repeat: no-repeat; background-size: cover; background-position: center; opacity: 0; transition: all .5s ease; } .rs-services-style4 .services-item .services-icon i { font-size: 50px; } .rs-services-style4 .services-item .services-icon i { color: #0a2fa6; background-color: transparent; font-size: 55px; display: inline-block; width: 70px; height: 70px; line-height: 70px; color: #ffffff; background: #ff6d00; border-radius: 50%; font-size: 30px; border: 2px solid transparent; transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; text-align: center; } .rs-services-style4 .services-item .services-desc { transition: all .5s ease; } .rs-services-style4 .services-item .services-desc .services-title { font-size: 20px; margin: 25px 0 10px !important; line-height: normal; font-weight: 600 !important; color: #0a0a0a; margin: 28px 0 10px; } .rs-services-style4 .services-item .services-desc .services-title a { color: #0a0a0a; } .rs-services-style4.services-center { border: 1px solid #e1e1e1; } .rs-services-style4.services-center .services-icon { text-align: center; } .rs-services-style4.services-center .services-title2 { text-align: center; } .rs-services-style4.services-center .services-desc { text-align: center; } .rs-services-style4.services-left .services-item .services-title { text-align: left; margin: 0; font-weight: 500; } .rs-services-style4.services-left .services-item .services-desc { text-align: left; } .rs-services-style4.services-right { padding: 20px; margin-bottom: 30px; overflow: hidden; } .rs-services-style4.services-right .services-item .services-icon { float: right; width: 50px; } .rs-services-style4.services-right .services-item .services-title { text-align: right; margin: 0; font-weight: 500; } .rs-services-style4.services-right .services-item .services-desc { text-align: right; float: left; width: 80%; padding-right: 18px; } .rs-services-style4:hover .bg-img { opacity: 1; } .rs-services-style4:hover .services-icon i { background: #0a2fa6; color: #ff6d00; } .services-style-5 .services-wrap { width: 100%; height: 100%; border-radius: 50%; position: relative; cursor: default; } .services-style-5 .services-desc, .services-style-5 .services-item { width: 180px; height: 180px; border-radius: 50%; } .services-style-5 .services-desc .services-title, .services-style-5 .services-item .services-title { padding-top: 25px; margin: 0 auto; text-transform: uppercase; border-radius: 50%; position: relative; } .services-style-5 .services-desc .services-title a, .services-style-5 .services-item .services-title a { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .services-style-5 .services-desc > div { display: block; position: absolute; width: 100%; height: 100%; border-radius: 50%; background-position: center center; } .services-style-5 .services-item { top: 20px; box-shadow: 0 0 0 20px rgba(225, 197, 13, 0.4), inset 0 0 3px rgba(255, 255, 255, 0.2); position: relative; margin: 0 auto; } .services-style-5 .services-item .icon_bg { transition: all 0.6s ease-in-out; padding-top: 30px; text-align: center; } .services-style-5 .services-item .icon_bg img { max-width: 120px; } .services-style-5 .services-item .services-title { opacity: 0; pointer-events: none; transform: scale(1.5); transition: all 0.4s ease-in-out 0.2s; color: #fff; text-transform: uppercase; width: 100%; height: 100%; } .services-style-5 .services-item:hover .icon_bg { transform: scale(0); opacity: 0; } .services-style-5 .services-item:hover .services-title { transform: scale(1); opacity: 1; pointer-events: auto; background: #0a2fa6; width: 100%; height: 100%; } .services-style-5 .services-icon { position: absolute; right: -32px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); max-width: 120px; background-repeat: no-repeat !important; } .service-readon { background: #0a2fa6; color: #fff; padding: 3px 17px; display: inline-block; font-size: 20px; margin-top: 30px; border-radius: 18px; } .service-readon:hover { color: #fff; opacity: 0.9; } .service-readon i:before { font-size: inherit; } .rs-services .services-style-9 .services-wrap { padding: 70px 35px 45px 35px; border-bottom-width: 4px; transition: all 0.3s ease 0s; box-shadow: 0px 3px 36px rgba(0, 0, 0, 0.04); position: relative; background: #fff; border-radius: 7px; } .rs-services .services-style-9 .services-wrap:after { content: ""; width: 0; height: 4px; background: #0a2fa6; position: absolute; transition: all 0.5s ease 0s; bottom: 0; left: 50%; z-index: 9; transform: translateX(-50%); } .rs-services .services-style-9 .services-wrap .services-item .services-icon { transition: all 0.5s ease 0s; width: 90px; margin: 0 auto; position: absolute; left: 50%; top: -45px; transform: translateX(-50%); background: #fff; box-shadow: 0px 3px 36px rgba(0, 0, 0, 0.04); transition: all 0.3s ease 0s; height: 90px; line-height: 90px; text-align: center; border-radius: 100%; } .rs-services .services-style-9 .services-wrap .services-item .services-icon img { max-width: 45px; } .rs-services .services-style-9 .services-wrap .services-item .services-desc { margin: auto; } .rs-services .services-style-9 .services-wrap .services-item .services-desc .services-title { margin-bottom: 8px; font-weight: 600 !important; font-size: 24px; color: #0a2fa6; } .rs-services .services-style-9 .services-wrap .services-item .services-desc .services-title.title-upper { text-transform: uppercase; } .rs-services .services-style-9 .services-wrap .services-item .services-desc .services-title a { color: #0a2fa6; } .rs-services .services-style-9 .services-wrap .services-item .services-desc .services-title a:hover { color: #ff6d00; } .rs-services .services-style-9 .services-wrap .services-item .services-desc p { margin-bottom: 0; } .rs-services .services-style-9 .services-wrap:hover:after { width: 100%; } .rs-services .services-style-9 .services-wrap:hover .services-item .services-icon { top: -35px; } .rs-services .services-style-9.services-center .services-desc { text-align: center; } .rs-services .services-style-7.services-left .services-wrap .services-item { display: flex; align-items: center; } .rs-services .services-style-7.services-left .services-wrap .services-item .services-icon { width: 60px; padding-right: 20px; line-height: 50px; } .rs-services .services-style-7.services-left .services-wrap .services-item .services-icon img { width: 42px; } .rs-services .services-style-7.services-left .services-wrap .services-item .services-desc { width: 70%; padding-right: 10px; } .rs-services .services-style-7.services-left .services-wrap .services-item .services-desc .services-title { font-size: 18px; line-height: 27px !important; margin-bottom: 0; font-weight: 600; } .rs-services .services-style-7.services-left .services-wrap .services-item .services-desc p { margin-bottom: 0; } .rs-services-style6 { position: relative; border-radius: 6px; transition: all .5s ease; padding: 20px; margin-bottom: 30px; overflow: hidden; } .rs-services-style6 .bg-img { height: 300px; background-repeat: no-repeat; background-size: cover; background-position: center; opacity: 0; transition: all .5s ease; } .rs-services-style6 .services-item .services-icon i { font-size: 50px; } .rs-services-style6 .services-item .services-icon i { color: #0a2fa6; border: 2px solid #0a2fa6 !important; background-color: transparent; font-size: 55px; display: inline-block; width: 135px; height: 135px; line-height: 135px; color: #ffffff; background: #0a2fa6; border-radius: 50%; font-size: 60px; border: 2px solid transparent; transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; text-align: center; } .rs-services-style6 .services-item .services-desc { transition: all .5s ease; } .rs-services-style6 .services-item .services-desc .services-title { font-size: 24px; margin: 25px 0 10px !important; line-height: normal; font-weight: 500 !important; color: #0a0a0a; margin: 28px 0 10px; } .rs-services-style6 .services-item .services-desc .services-title a { color: #0a0a0a; } .rs-services-style6.services-center .services-icon { text-align: center; } .rs-services-style6.services-center .services-title2 { text-align: center; } .rs-services-style6.services-center .services-desc { text-align: center; } .rs-services-style6.services-left .services-item .services-title { text-align: left; margin: 0; font-weight: 500; } .rs-services-style6.services-left .services-item .services-desc { text-align: left; } .rs-services-style6.services-right { padding: 20px; margin-bottom: 30px; overflow: hidden; } .rs-services-style6.services-right .services-item .services-icon { float: right; width: 50px; } .rs-services-style6.services-right .services-item .services-title { text-align: right; margin: 0; font-weight: 500; } .rs-services-style6.services-right .services-item .services-desc { text-align: right; float: left; width: 80%; padding-right: 18px; } .rs-services-style6:hover .bg-img { opacity: 1; } .rs-services-style6:hover .services-item .services-icon i { background: transparent; color: #0a2fa6; font-size: 50px; } .fullwidth-services-box .services-style-2 { background: rgba(2, 27, 121, 0.7); box-shadow: 0 0 20px #ff6d00; } .fullwidth-services-box .services-style-2:hover { background: #ff6d00; } .style-bg .counter-top-area { padding: 60px 0 30px; } .style-bg .counter-top-area .count-number h3 { margin: 0; } .single-posts-meta .tag-line i { color: #ff6d00; margin-right: 3px; } /* -------------------------------- Vertical Timeline CSS -------------------------------- */ @media only screen and (min-width: 1170px) { .cd-is-hidden { visibility: hidden; } } .cd-timeline { overflow: hidden; margin: 2em auto; } .short-info h2 { font-size: 30px; line-height: 40px; } .cd-timeline__container { position: relative; width: 90%; max-width: 1170px; margin: 0 auto; padding: 0; } .cd-timeline__container iframe { margin-bottom: 15px; } .timeline-icon { font-size: 30px; width: 80px; height: 80px; line-height: 80px; color: #0a2fa6; } @media screen and (max-width: 767px) { .timeline-icon { font-size: 15px; width: 40px; height: 40px; line-height: 40px; text-align: center; } } .cd-timeline__container::before { /* this is the vertical line */ content: ''; position: absolute; top: 0; left: 18px; height: 100%; width: 4px; background: #ff6d00; } @media only screen and (min-width: 1170px) { .cd-timeline { margin-top: 34px; margin-bottom: 3em; } .cd-timeline__container::before { left: 50%; margin-left: -2px; } } .cd-timeline__block { position: relative; margin: 80px 0; } .cd-timeline__content .event-shedule-info .speaker-name, .cd-timeline__content .event-shedule-info .speaker-name a { color: #f5f5f5; margin-bottom: 0; font-size: 14px; padding-bottom: 0; } .cd-timeline__content .event-shedule-info .event-des { font-size: 15px; line-height: 22px; } .cd-timeline__content .event-shedule-info .event-title { color: #fff !important; margin-bottom: 0px !important; margin-top: 0px !important; font-size: 24px; } .cd-timeline__content .event-shedule-info .event-title a { color: #fff !important; } .cd-timeline__content .event-shedule-info p { margin-top: 10px; } .cd-timeline__block:after { /* clearfix */ content: ""; display: table; clear: both; } .cd-timeline__block:first-child { margin-top: 0; } .cd-timeline__block:last-child { margin-bottom: 0; } @media only screen and (min-width: 1170px) { .cd-timeline__block { margin: 4em 0; } } .cd-timeline__img { position: absolute; top: 0; left: 0; border-radius: 50%; width: 80px; height: 80px; line-height: 80px; text-align: center; } .cd-timeline__img img { display: block; width: 100%; height: 100%; position: relative; left: 0; top: 0; margin-left: 0; margin-top: 0; border-radius: 100% !important; } .cd-timeline__img.cd-timeline__img--picture { background: #ff6d00; } .cd-timeline__img.cd-timeline__img--picture span { color: #fff; } .cd-timeline__img.cd-timeline__img--movie { background: #c03b44; } .cd-timeline__img.cd-timeline__img--location { background: #f0ca45; } @media only screen and (min-width: 1170px) { .cd-timeline__img { left: 50%; margin-left: -40px; /* Force Hardware Acceleration */ -webkit-transform: translateZ(0); transform: translateZ(0); } .cd-timeline__img.cd-timeline__img--bounce-in { visibility: visible; -webkit-animation: cd-bounce-1 0.6s; animation: cd-bounce-1 0.6s; } } @media only screen and (max-width: 1199px) { body .cd-timeline__img { left: -18px; } body .cd-timeline__content { margin-left: 80px; } } @media only screen and (max-width: 767px) { .cd-block-start .cd-timeline__img .timeline-year { font-size: 12px; line-height: 12px; } body .cd-timeline__img { left: -10px; width: 60px; height: 60px; line-height: 60px; } body.wpb-js-composer .vc_tta.vc_general .vc_tta-panel .vc_tta-panel-title a i { color: #0a2fa6; } body.wpb-js-composer .vc_tta.vc_general .vc_tta-panel .vc_tta-panel-title:hover a i { color: #ffffff; } } @media only screen and (max-width: 480px) { body .cd-timeline__content .short-info { padding: 10px; } body .cd-timeline__content { margin-left: 65px; } body .cd-timeline__content .short-info h2, body .cd-timeline__content .short-info h3 { font-size: 20px; } } @-webkit-keyframes cd-bounce-1 { 0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); } 60% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes cd-bounce-1 { 0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); } 60% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .cd-timeline__content { position: relative; margin-left: 60px; background: #f3f5f4; border-radius: 3px; padding: 1em; } .cd-timeline__content .short-info { background: #f7f7fc; padding: 50px; border-radius: 4px; } .cd-timeline__content .short-info h2, .cd-timeline__content .short-info h3 { color: #ff6d00; font-size: 24px; line-height: 28px !important; margin-bottom: 14px; } .cd-timeline__content .short-info h2 a, .cd-timeline__content .short-info h3 a { color: #ff6d00; } .cd-timeline__content .short-info .career_thumb { margin-bottom: 23px; } .cd-timeline__content .cd_timeline_desc { margin-left: 60px; font-size: 20px; font-weight: 600; color: #0a0a0a; opacity: 1; } .cd-timeline__content .cd_timeline_desc h3 { color: #ff6d00; font-size: 20px; line-height: 28px !important; margin-bottom: 14px; } .cd-timeline__content .cd_timeline_desc p { font-size: 16px; color: #0a0a0a; } .cd-timeline__content:after { /* clearfix */ content: ""; display: table; clear: both; } .cd-timeline__content::before { /* triangle next to content block */ content: ''; position: absolute; top: 16px; right: 100%; height: 0; width: 0; border: 15px solid transparent; border-right: 15px solid #f3f5f4; } .cd-timeline__content p, .cd-timeline__read-more, .cd-timeline__date { font-size: 16px; color: #0a0a0a; } .cd-timeline__read-more, .cd-timeline__date { display: inline-block; } .cd-block-start { padding-bottom: 100px; } .cd-block-start .cd-timeline__img { line-height: 20px; padding: 10px; font-size: 15px; } .cd-block-start .cd-timeline__img .timeline-year { position: relative; top: 5px; } .cd-block-done { padding-bottom: 80px; text-transform: uppercase; } .cd-timeline__read-more { float: right; padding: .8em 1em; background: #acb7c0; color: white; border-radius: 0.25em; } .cd-timeline__read-more:hover { background-color: #bac4cb; } .cd-timeline__date { float: left; padding: .8em 0; opacity: .7; } @media only screen and (min-width: 768px) { .cd-timeline__content h2 { font-size: 2rem; } .cd-timeline__content p { font-size: 16px; color: #0a0a0a; } .cd-timeline__read-more, .cd-timeline__date { font-size: 1.4rem; } } @media only screen and (min-width: 1170px) { .cd-timeline__content { margin-left: 0; padding: 0; width: 43%; /* Force Hardware Acceleration */ -webkit-transform: translateZ(0); transform: translateZ(0); } .cd-timeline__content::before { top: 24px; left: 100%; border-color: transparent; border-left-color: #f3f5f4; } .cd-timeline__read-more { float: left; } .cd-timeline__date { position: absolute; width: 100%; left: 122%; top: 6px; font-size: 1.6rem; } .cd-timeline__block:nth-child(odd) .cd-timeline__content { float: right; } .cd-timeline__block:nth-child(odd) .cd-timeline__content::before { top: 24px; left: auto; right: 100%; border-color: transparent; border-right-color: #f3f5f4; } .cd-timeline__block:nth-child(odd) .cd-timeline__read-more { float: right; } .cd-timeline__block:nth-child(odd) .cd-timeline__date { left: auto; right: 133%; text-align: right; } .cd-timeline__content.cd-timeline__content--bounce-in { visibility: visible; -webkit-animation: cd-bounce-2 0.6s; animation: cd-bounce-2 0.6s; } } @media only screen and (min-width: 1170px) { /* inverse bounce effect on even content blocks */ .cd-timeline__block:nth-child(odd) .cd-timeline__content.cd-timeline__content--bounce-in { -webkit-animation: cd-bounce-2-inverse 0.6s; animation: cd-bounce-2-inverse 0.6s; } } @-webkit-keyframes cd-bounce-2 { 0% { opacity: 0; -webkit-transform: translateX(-100px); transform: translateX(-100px); } 60% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes cd-bounce-2 { 0% { opacity: 0; -webkit-transform: translateX(-100px); transform: translateX(-100px); } 60% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes cd-bounce-2-inverse { 0% { opacity: 0; -webkit-transform: translateX(100px); transform: translateX(100px); } 60% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes cd-bounce-2-inverse { 0% { opacity: 0; -webkit-transform: translateX(100px); transform: translateX(100px); } 60% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .timeline-alter .timeline-item { position: relative; display: table; table-layout: fixed; width: 100%; padding-bottom: 25px; } .timeline-alter .left-part { width: 30%; display: table-cell; padding-right: 25px; min-height: 100%; text-align: right; vertical-align: top; } .timeline-alter .item-period { margin: 2px 0 3px; font-size: 14px; line-height: 1.4em; } .timeline-alter .item-company { display: block; color: #aaa; margin: 0 0 4px; font-size: 12px; line-height: 1.45em; } .timeline-alter .divider { position: absolute; top: 0; left: 30%; bottom: 0; width: 1px; background-color: #eee; } .timeline-alter .divider:after { content: ''; display: block; margin-top: 12px; width: 11px; height: 11px; margin-left: -5px; border-radius: 5px; border: 2px solid; border-color: #ff6d00; background-color: #fff; } .timeline-alter .right-part { width: 70%; display: table-cell; padding-left: 25px; padding-right: 15px; vertical-align: top; } .timeline-alter .right-part h4 { font-size: 16px; margin-bottom: 5px; } .timeline-alter .item-title { font-size: 16px; margin-bottom: 3px; } .timeline-alter .right-part p, .timeline-alter .right-part p > * { font-size: 0.92em; } /* -------------------------------- Horizontal Timeline CSS -------------------------------- */ .wrap-list { overflow-x: hidden; } .wrap-index { overflow-x: hidden; -webkit-box-sizing: unset !important; -moz-box-sizing: unset !important; box-sizing: unset !important; } .over-wrap-index .prev { position: absolute; left: -1px; top: 61%; transform: translateY(-50%); font-size: 30px; background: #ff6d00; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; color: #fff; } .over-wrap-index .prev:hover { color: #0a2fa6; } .over-wrap-index .prev.disabled { background: #f2f2f2; cursor: default; color: #fff !important; } .over-wrap-index .next { position: absolute; right: -1px; top: 61%; transform: translateY(-50%); font-size: 30px; background: #ff6d00; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; color: #fff; } .over-wrap-index .next:hover { color: #0a2fa6; } .over-wrap-index .next.disabled { background: #f2f2f2; cursor: default; color: #fff !important; } .over-wrap-list { position: relative; } .over-wrap-list .prev, .over-wrap-list .next { position: absolute; top: 50%; margin-top: -80px; font-size: 80px; text-decoration: none; color: #A09F9F; text-shadow: 1px 1px #fff; } .over-wrap-list .prev.disabled, .over-wrap-list .next.disabled { color: #DFDFDF; } .over-wrap-list .prev { left: 30px; } .over-wrap-list .prev:active { left: 29px; } .over-wrap-list .next { right: 30px; } .over-wrap-list .next:active { right: 29px; } .over-wrap-index { position: relative; } .over-wrap-index:before { content: ""; position: absolute; top: 0px; left: 0px; bottom: 0px; width: 200px; z-index: 999; background: url('../images/about-overlay-l.png') 0px top no-repeat; background-size: cover; background-position-x: right; display: none; } .over-wrap-index:after { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; width: 200px; z-index: 999; background: url('../images/about-overlay-r.png') right top no-repeat; background-size: cover; background-position-x: left; display: none; } ul.index { padding-left: 0; list-style: none; font-size: 0; position: relative; padding-top: 30px; padding-bottom: 50px; } ul.index li { font-size: 14px; display: inline-block; width: 200px; text-align: center; position: relative; vertical-align: bottom; padding-bottom: 15px; font-weight: 700; min-height: 40px; } ul.index li:after { content: ""; width: 16px; height: 16px; border-radius: 50%; border: 1px solid #ff6d00; position: absolute; bottom: -8px; left: 90px; z-index: 99; overflow: hidden; } .content-wrap { display: flex; } .content-wrap.col-full { display: block; } .content-wrap .date { margin-left: 15px; background: transparent; color: #777; font-size: 100%; } .content-wrap .clear-both { clear: both; border-bottom: 1px solid #f1f1f1; margin-bottom: 13px; display: block; max-width: 360px; } .content-wrap .career-title { text-transform: capitalize; color: #ff6d00; font-weight: 600; font-size: 26px; line-height: 36px; margin-bottom: 8px; } .col-left { width: 45%; padding-right: 35px; } .col-right { width: 55%; padding-left: 15px; } ul.index li.active:after { background: #ff6d00; } ul.index li a { text-decoration: none; font-size: 24px; color: #646464; outline: none; } ul.index li a:hover { color: #7e7e7e; } ul.index li.active a { font-size: 48px; color: #ff6d00; } ul.index:after { content: ""; position: absolute; bottom: 0px; height: 50px; left: 0; right: 0; border-top: 1px dotted #ff6d00; } ul.list { padding-left: 0; list-style: none; font-size: 0; -webkit-transition: all 300ms ease; transition: all 300ms ease; } ul.list > li { font-size: 14px; display: inline-block; padding-top: 20px; vertical-align: top; } ul.list > li .image { width: 200px; float: left; position: relative; z-index: 2; } .over-wrap-list iframe { display: none; } .over-wrap-list .show-me iframe { display: block !important; } .content-wrap .post_image, .content-wrap .content { display: none; } .content-wrap .post_image img { border-radius: 5px; } .over-wrap-list .show-me .content-wrap .post_image, .over-wrap-list .show-me .content-wrap .content { display: block !important; } #wrap-list iframe { margin-top: 10px; } ul.list > li .image:before, ul.list > li .image:after { content: ""; position: absolute; z-index: -1; width: 50%; height: 80%; max-height: 60px; -webkit-box-shadow: 0 15px 40px 5px rgba(0, 0, 0, 0.5); box-shadow: 0 15px 40px 5px rgba(0, 0, 0, 0.5); bottom: 20px; } ul.list > li .image:before { left: 20px; -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } ul.list > li .image:after { right: 20px; -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } ul.list > li .image img { min-width: 100%; min-height: 150px; display: block; max-width: 100%; height: auto; border: 1px solid #C0C0C0; padding: 7px; background: #ff6d00; border-radius: 2px; } ul.list > li .content { color: #454545; font-size: 16px; line-height: 28px; } ul.list > li .content .title { text-transform: capitalize; color: #ff6d00; font-weight: 700; font-size: 26px; line-height: 36px; margin-bottom: 5px; } .designation { color: #777; font-weight: 700; margin-bottom: 10px; font-size: 18px; line-height: 30px; float: left; } .designation i { margin-right: 10px; } .hide { display: none !important; } .show { display: block !important; } .one-line { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .arrow-up { border-left-color: transparent; border-right-color: transparent; border-top-style: none; } .arrow-down { border-left-color: transparent; border-right-color: transparent; border-bottom-style: none; } .arrow-right { border-top-color: transparent; border-bottom-color: transparent; border-right-style: none; } .arrow-left { border-top-color: transparent; border-bottom-color: transparent; border-left-style: none; } .arrow { width: 0; height: 0; display: inline-block; vertical-align: middle; border-color: white; border-width: 5px; border-style: solid; } .arrow.up { border-left-color: transparent; border-right-color: transparent; border-top-style: none; } .arrow.down { border-left-color: transparent; border-right-color: transparent; border-bottom-style: none; } .arrow.right { border-top-color: transparent; border-bottom-color: transparent; border-right-style: none; } .arrow.left { border-top-color: transparent; border-bottom-color: transparent; border-left-style: none; } .ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* ========================================================================== Responsive ========================================================================== */ @media print { * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* ========================================================================== End Horizontal timeline ========================================================================== */ /*-------------------------------------------------------------- Video css --------------------------------------------------------------*/ @keyframes pulse-border { 0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } .rs-video-2 { position: relative; z-index: 1; } .rs-video-2 .video-desc { position: absolute; top: 70%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; z-index: 10; font-size: 20px; } .rs-video-2 .overly-border { border: 1px solid #0a2fa6; width: 100px; height: 100px; border-radius: 50%; position: absolute; top: 50%; bottom: 0; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); z-index: 0; } .rs-video-2 .video-content { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; z-index: 10; } .rs-video-2 .video-content h4 { margin-top: 40px; margin-bottom: 0; font-size: 30px; color: #fff; text-transform: uppercase; } .rs-video-2:hover .popup-videos { animation-duration: 0.8s; } .rs-video-2 .popup-videos { position: absolute; transform: translateX(-50%) translateY(-50%); box-sizing: content-box; display: block; width: 80px; height: 80px; border-radius: 50%; line-height: 90px; padding: 0; margin: 0 auto; left: 50%; top: 50%; z-index: 9; text-align: center; background: #0a2fa6; } .rs-video-2 .popup-videos:after { content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; border-radius: 50%; transition: all 200ms; } .rs-video-2 .popup-videos:before { background: #0a2fa6; content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; border-radius: 50%; animation: pulse-border 1500ms ease-out infinite; } .rs-video-2 .popup-videos i { text-indent: 5px; -webkit-transition: 0.3s ease all; transition: 0.3s ease all; font-size: 30px; color: #0a2fa6; position: relative; } .rs-video-2 .popup-videos i:before { color: #fff; } .rs-video-2 .popup-videos:hover { border-color: rgba(255, 255, 255, 0.7); } .rs-video-2 .popup-videos span { display: block; position: relative; z-index: 3; width: 0; height: 0; border-left: 27px solid #fff; border-top: 17px solid transparent; border-bottom: 17px solid transparent; } .rs-video-2:hover .overly-border:before, .rs-video-2:hover .overly-border:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .rs-video-2.Style2 .video-circle1 { height: 415px; width: 415px; animation: banner-right-circle 5s linear infinite; } .rs-video-2.Style2 .video-circle1, .rs-video-2.Style2 .video-circle2 { border: 1px solid #0a2fa6; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: banner-right-circle 5s linear infinite; z-index: 1; } .rs-video-2.Style2 .video-circle2 { height: 350px; width: 350px; animation: banner-right-circle2 5s linear infinite; } @keyframes banner-right-circle { 0% { height: 250px; width: 250px; opacity: 1; } 100% { height: 415px; width: 415px; opacity: .1; } } @keyframes banner-right-circle2 { 0% { height: 150px; width: 150px; opacity: 1; } 100% { height: 405px; width: 405px; opacity: .1; } } .readon { cursor: pointer; display: inline-block; position: relative; transition: all 0.4s; padding: 8px 30px; font-size: 14px; font-weight: 500; line-height: 26px; color: #ffffff; background: #0a2fa6; z-index: 1; border-radius: 30px; } .readon.rs-view-btn3 { overflow: hidden; border: 1px solid #0a2fa6; background: transparent; text-align: center !important; padding: 18px 30px; min-width: 170px; font-size: 16px; line-height: 22px; font-weight: 500; border-radius: 3px; color: #ffffff; } .readon.rs-view-btn3 span { position: relative; z-index: 1; } .readon.rs-view-btn3:after { position: absolute; content: ''; background: #0a2fa6; left: 5px; right: 5px; top: 5px; bottom: 5px; transition: all 0.2s; } .readon.rs-view-btn3.white-btn { border-color: #ffffff; color: #0a2fa6; } .readon.rs-view-btn3.white-btn:after { background: #ffffff; } .readon:hover { color: #ffffff; background: #ff6d00; } .readon:hover.rs-view-btn3 { background: transparent; } .readon:hover.rs-view-btn3:after { left: 0; right: 0; top: 0; bottom: 0; } .readon.white { background: #ffffff; color: #0a2fa6; } .readon.white:hover { background: #0a0a0a !important; color: #ffffff; } .rs-pricing-table-btn, .rs-btn-style4 { position: relative; } .rs-pricing-table-btn:after, .rs-btn-style4:after, .rs-pricing-table-btn:before, .rs-btn-style4:before { content: ""; width: 4px; height: 20px; background: #ea6504; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: 0.4s; } .rs-pricing-table-btn:before, .rs-btn-style4:before { left: auto; right: 0; } .rs-pricing-table-btn:hover:after, .rs-btn-style4:hover:after, .rs-pricing-table-btn:hover:before, .rs-btn-style4:hover:before { height: 100.9%; width: 50%; } .rs-pricing-table-btn:hover:before, .rs-btn-style4:hover:before { border-radius: 0 5px 5px 0; } .rs-pricing-table-btn:hover:after, .rs-btn-style4:hover:after { border-radius: 5px 0 0 5px; } .btn_text, .btn-style-4, .rs-pricing-table-btn span { position: relative; z-index: 9; } .rev-custom-btn { position: relative; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .rev-custom-btn:before { display: block; position: absolute; left: 0px; bottom: 0px; height: 0px; width: 100%; z-index: -1; content: ''; background: #ed4e31; border-radius: 3px; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .rev-custom-btn:hover { background: #ed4e31; color: #ffffff; opacity: 0.99; } .rev-custom-btn:hover:before { top: 0%; bottom: auto; height: 100%; } .rs-btn2.btn-center { text-align: center; } .rs-btn2.btn-right { text-align: right; } .blog-button a { color: #fff; } .transparent-btn { background: #ffffff; color: #454545; border: 1px solid; border-color: #0a2fa6; border-radius: 3px; padding: 0 20px; height: 40px; line-height: 40px; display: inline-block; position: relative; font-size: 16px; text-transform: uppercase; font-weight: 500; } .transparent-btn:before { position: absolute; height: 100%; font-size: 18px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; right: 50px; opacity: 0; top: 0px; content: "\f054"; font-size: 15px; font-family: fontawesome; } .transparent-btn:hover { padding-right: 40px; border-color: #0a2fa6; background: #0a2fa6; color: #ffffff; } .transparent-btn:hover:before { right: 20px; opacity: 1; } /*-------------------------------- Latest News ----------------------------------*/ .rs-latest-news .news-normal-block { padding: 0px; transition: 0.3s; background-size: cover !important; } .rs-latest-news .news-normal-block .news-img { margin-bottom: 0px; padding: 13px 13px 8px; } .rs-latest-news .news-normal-block .news-img img { width: 100%; } .rs-latest-news .news-normal-block .news-info { padding: 50px 30px; padding-right: 30%; color: #fff; } .rs-latest-news .news-normal-block .news-info a { color: #fff; } .rs-latest-news .news-normal-block .news-info a:hover { color: #0a2fa6; } .rs-latest-news .news-normal-block .news-info .categories { font-size: 16px; margin: 0 0 16px; } .rs-latest-news .news-normal-block .news-title { font-size: 28px; margin-bottom: 20px; font-weight: 600 !important; line-height: 38px !important; } .rs-latest-news .news-normal-block .news-title a:hover, .rs-latest-news .news-normal-block .news-title a:focus { color: #0a2fa6; } .rs-latest-news .news-normal-block .news-desc p { margin-bottom: 30px; } .rs-latest-news .news-normal-block .news-btn a { display: inline-block; margin-left: auto; padding: 4px 20px; font-size: 13px; font-weight: 500; text-decoration: none; background-color: #0a2fa6; color: #fff; border-radius: 35px; text-transform: uppercase; } .rs-latest-news .news-normal-block .news-btn a:hover { background-color: #ff6d00; } .rs-latest-news .news-list-block .news-list-item { transition: 0.3s; background: #fff; } .rs-latest-news .news-list-block .news-list-item:hover { -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); } .rs-latest-news .news-list-block .news-list-item .news-title { font-size: 18px !important; margin-bottom: 10px; font-weight: 600 !important; } .rs-latest-news .news-list-block .news-list-item .news-title a { color: #212121; } .rs-latest-news .news-list-block .news-list-item .news-title a:hover, .rs-latest-news .news-list-block .news-list-item .news-title a:focus { color: #0a2fa6; } .rs-latest-news .news-list-block .news-list-item .news-desc p { margin-bottom: 0; } .rs-latest-news .news-list-block .news-list-item .categories { font-size: 14px; margin: 0 0 10px; } .rs-latest-news .news-list-block .news-list-item .categories a { color: #181818; } .rs-latest-news .news-list-block .news-list-item .categories a:hover { color: #0a2fa6; } .rs-latest-news .news-list-block .news-list-item .news-content { padding: 20px; background: #ffffff; } .latest-news-slider .news-normal-block { box-shadow: none !important; } .latest-news-slider .slick-arrow { position: absolute; z-index: 11; bottom: 0; right: -104px; height: 42px; width: 42px; font-size: 0; border: 0; background-color: rgba(0, 0, 0, 0.1); color: #0a2fa6; cursor: pointer; outline: 0; border-radius: 50%; transition: 0.3s; top: auto; } .latest-news-slider .slick-arrow:after { font-family: FontAwesome; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); font-size: 22px; color: inherit; text-indent: 2px; } .latest-news-slider .slick-arrow.slick-prev { left: auto; } .latest-news-slider .slick-arrow.slick-prev:after { content: "\f104"; } .latest-news-slider .slick-arrow.slick-next { right: -160px; } .latest-news-slider .slick-arrow.slick-next:after { content: "\f105"; } .latest-news-slider .slick-arrow:hover { background-color: #0a2fa6; color: #fff !important; } .latest-news-nav .slick-track { width: 100% !important; } .latest-news-nav .slick-slide { width: calc(100% - 2px) !important; margin-bottom: 12px; cursor: pointer; background-color: #fff; border: 1px solid rgba(34, 34, 34, 0.1); padding: 13px; transition: 0.3s; } .latest-news-nav .slick-slide.slick-current, .latest-news-nav .slick-slide:hover { background-color: #0a2fa6; -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); } .latest-news-nav .slick-slide.slick-current img, .latest-news-nav .slick-slide:hover img { opacity: 0.8; } .rs-latest-news.style2 .latest-news-nav .slick-track { width: 100% !important; } .rs-latest-news.style2 .latest-news-nav .slick-slide { width: calc(100% - 2px) !important; margin-bottom: 12px; cursor: pointer; background-color: #fff; border: 1px solid rgba(34, 34, 34, 0.1); padding: 13px; } .rs-latest-news.style2 .latest-news-nav .slick-slide.slick-current, .rs-latest-news.style2 .latest-news-nav .slick-slide:hover { background: #fff; border-color: #ccc; -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1); box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1); } .rs-latest-news.style2 .latest-news-nav .slick-slide.slick-current img, .rs-latest-news.style2 .latest-news-nav .slick-slide:hover img { opacity: 0.8; } .rs-latest-news.style2 .news-list-block .news-list-item + .news-list-item { margin-top: 15px; } .rs-latest-news.style2 .slick-arrow { bottom: -95px; right: -10px; } .rs-latest-news.style2 .slick-arrow.slick-next { right: -65px; } .rs-services3 { overflow: hidden; padding: 0; margin: 0; } .rs-services3 .col-services10 { float: right; width: 80%; } .rs-services3 .col-services10 .feature-title { padding-top: 26px; margin: 0 0 13px; font-size: 22px; } .rs-services3 .col-services10 .feature-title a { color: #ff6d00; } .rs-services3 .col-services10 .slick-list { padding: 0 0 0 25px; } .rs-services3.services-right .col-services10 { float: left; width: 80%; } .rs-services3.services-right .col-services10 .slick-list { padding: 0 25px 0 0; } .rs-services3.services-right .col-services2 { float: left; width: 20%; } .rs-services3 .col-services2 { float: left; width: 20%; } .rs-services3 .heading-block { text-align: center; } .rs-services3 .heading-block h4 { font-size: 16px; margin: 15px 0; } .rs-services3 .slick-vertical .slick-slide { padding: 0 5px; } .rs-services3 .item-thumb img { border-radius: 0 !important; cursor: pointer; } .rs-services3 .slider-nav { margin: 0 !important; } .rs-services3 .slick-arrow { display: block; position: absolute; top: 10px; z-index: 9999; left: 45%; transform: translateY(-50%); transform: rotate(90deg); width: 42px; height: 42px; line-height: 42px; background: #ff6d00; color: #fff; border-radius: 50%; transition: 0.6s ease all; opacity: 1; opacity: 0; visibility: hidden; } .rs-services3 .slick-arrow:after { top: -2px; } .rs-services3 .slick-arrow.slick-next { bottom: 28px; top: auto; } .rs-services3 .slick-arrow:hover { background: #0a2fa6; color: #ff6d00; } .rs-services3 .col-services2 .slick-arrow { opacity: 1; visibility: visible; } .rs-services3 .col-services2:hover .slick-arrow { opacity: 1; visibility: visible; } .team-grid-style2 .team-item, .team-slider-style2 .team-item { overflow: hidden; } .team-grid-style2 .team-item-wrap, .team-slider-style2 .team-item-wrap { position: relative; margin-bottom: 35px; } .team-grid-style2 .team-item-wrap a, .team-slider-style2 .team-item-wrap a { text-decoration: none; } .team-grid-style2 .team-item-wrap .team-img, .team-slider-style2 .team-item-wrap .team-img { position: relative; overflow: hidden; } .team-grid-style2 .team-item-wrap .team-img .team-img-sec, .team-slider-style2 .team-item-wrap .team-img .team-img-sec { position: relative; } .team-grid-style2 .team-item-wrap .team-img .wrap-text, .team-slider-style2 .team-item-wrap .team-img .wrap-text { box-shadow: 0 5px 20px rgba(34, 34, 34, 0.1); padding: 0 40px 12px; background: #fff; } .team-grid-style2 .team-item-wrap .team-img .wrap-text .team-desc, .team-slider-style2 .team-item-wrap .team-img .wrap-text .team-desc { margin-bottom: 0; } .team-grid-style2 .team-item-wrap .team-img .normal-text, .team-slider-style2 .team-item-wrap .team-img .normal-text { transition: all 0.5s ease 0s; position: relative; padding-bottom: 0; z-index: 1; margin-bottom: 0; background: rgba(0, 0, 0, 0.6); border-radius: 3px 3px 0 0; padding: 15px 15px 20px; margin-top: -35px; position: absolute; bottom: -50%; left: 50%; transform: translateX(-50%); width: 100%; transition: 0.4s; } .team-grid-style2 .team-item-wrap .team-img .normal-text .team-name, .team-slider-style2 .team-item-wrap .team-img .normal-text .team-name { margin-top: 0 !important; line-height: 28px !important; } .team-grid-style2 .team-item-wrap .team-img .normal-text .team-name a, .team-slider-style2 .team-item-wrap .team-img .normal-text .team-name a { position: relative; margin-bottom: 0; font-size: 18px; text-transform: capitalize; z-index: 111; } .team-grid-style2 .team-item-wrap .team-img .normal-text .team-social, .team-slider-style2 .team-item-wrap .team-img .normal-text .team-social, .team-grid-style2 .team-item-wrap .team-img .normal-text .team-name, .team-slider-style2 .team-item-wrap .team-img .normal-text .team-name { color: #ffffff; } .team-grid-style2 .team-item-wrap .team-img .normal-text .team-social a, .team-slider-style2 .team-item-wrap .team-img .normal-text .team-social a, .team-grid-style2 .team-item-wrap .team-img .normal-text .team-name a, .team-slider-style2 .team-item-wrap .team-img .normal-text .team-name a { color: #ffffff; } .team-grid-style2 .team-item-wrap .team-img .normal-text .team-social a:hover, .team-slider-style2 .team-item-wrap .team-img .normal-text .team-social a:hover, .team-grid-style2 .team-item-wrap .team-img .normal-text .team-name a:hover, .team-slider-style2 .team-item-wrap .team-img .normal-text .team-name a:hover { color: #ccc; } .team-grid-style2 .team-item-wrap .team-img .normal-text .cat-team, .team-slider-style2 .team-item-wrap .team-img .normal-text .cat-team { color: #ffffff; line-height: 1.4; display: block; margin: 0 0 10px; } .team-grid-style2 .team-item-wrap .team-img .normal-text .team-social, .team-slider-style2 .team-item-wrap .team-img .normal-text .team-social { padding-top: 2px; } .team-grid-style2 .team-item-wrap .team-img .normal-text .team-social a, .team-slider-style2 .team-item-wrap .team-img .normal-text .team-social a { padding: 0 3px; } .team-grid-style2 .team-item-wrap .team-img .normal-text .nolink, .team-slider-style2 .team-item-wrap .team-img .normal-text .nolink { pointer-events: none; } .team-grid-style2 .team-item-wrap .team-img .normal-text .cat-doctor, .team-slider-style2 .team-item-wrap .team-img .normal-text .cat-doctor { font-family: 'Sora', sans-serif; font-size: 14px; } .team-grid-style2 .team-item-wrap .team-img .normal-text .cat-doctor a, .team-slider-style2 .team-item-wrap .team-img .normal-text .cat-doctor a { color: #ffffff; text-transform: uppercase; } .team-grid-style2 .team-item-wrap .team-img .normal-text .team-name, .team-slider-style2 .team-item-wrap .team-img .normal-text .team-name { margin: 18px 0 4px; font-weight: 600; } .team-grid-style2 .team-item-wrap .team-img .normal-text .team-title, .team-slider-style2 .team-item-wrap .team-img .normal-text .team-title { color: #eee; font-size: 13px; font-weight: 400; padding: 0; display: block; text-transform: uppercase; } .team-grid-style2 .team-item-wrap .team-img .normal-text .team-title a, .team-slider-style2 .team-item-wrap .team-img .normal-text .team-title a { color: #eee; pointer-events: none; } .team-grid-style2 .team-item-wrap:hover .team-img .normal-text, .team-slider-style2 .team-item-wrap:hover .team-img .normal-text { bottom: 0; } .team-grid-style2 .team-item-wrap:hover .team-img .team-img-sec:before, .team-slider-style2 .team-item-wrap:hover .team-img .team-img-sec:before { height: 100%; } .team-grid-style2 .appointment-bottom-area, .team-slider-style2 .appointment-bottom-area { overflow: hidden; text-align: left; padding-top: 18px; padding-bottom: 25px; } .team-grid-style2 .appointment-bottom-area .app_details a, .team-slider-style2 .appointment-bottom-area .app_details a, .team-grid-style2 .appointment-bottom-area .app_btn a, .team-slider-style2 .appointment-bottom-area .app_btn a { position: relative; color: #fff; } .team-grid-style2 .appointment-bottom-area .app_details:hover a, .team-slider-style2 .appointment-bottom-area .app_details:hover a, .team-grid-style2 .appointment-bottom-area .app_btn:hover a, .team-slider-style2 .appointment-bottom-area .app_btn:hover a { color: #fff; opacity: .9; } .team-grid-style2 .appointment-bottom-area .app_details, .team-slider-style2 .appointment-bottom-area .app_details { margin-top: 10px; } .team-grid-style2 .appointment-bottom-area .app_details a, .team-slider-style2 .appointment-bottom-area .app_details a { color: #454545; } .team-grid-style2 .appointment-bottom-area .app_details:hover a, .team-slider-style2 .appointment-bottom-area .app_details:hover a { color: #0a2fa6; } .team-grid-style2 .appointment-bottom-area .app_details, .team-slider-style2 .appointment-bottom-area .app_details { float: left; } .team-grid-style2 .appointment-bottom-area .app_btn, .team-slider-style2 .appointment-bottom-area .app_btn { float: right; } .icon-button a { background: #0a2fa6; color: #fff; padding: 3px 17px; display: inline-block; font-size: 20px; margin-bottom: 25px; border-radius: 18px; } .icon-button a:hover { color: #fff; background: #ff6d00; } .icon-button a i:before { font-size: inherit; } .blogfull { box-shadow: 0 8px 6px -6px #eeeeee; background: #fbfbfb !important; padding: 30px 40px !important; } .blogfull .blog-title { min-height: 50px; } .blogfull .icon-button a { margin-bottom: 0px; } .rs-blog-grid .rs-addon-slider .blog-item { padding: 0 20px; } .rs-blog-grid .blog-item .blog-inner-wrap { box-shadow: 0 6px 25px rgba(12, 89, 219, 0.09); margin-top: 15px; } .rsaddon-unique-slider .blog-item .blog-inner-wrap { transition: all 500ms ease; border-radius: 5px; } .rsaddon-unique-slider .blog-item .blog-inner-wrap:hover { transform: translateY(-10px); } .rsaddon-unique-slider .blog-item .blog-inner-wrap:hover .custom-blog-btn { opacity: 1; } .rsaddon-unique-slider .blog-item .custom-blog-btn { transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25); opacity: 0; position: relative; } .rsaddon-unique-slider .blog-item .custom-blog-btn i:before { margin-left: 0 !important; } .rsaddon-unique-slider .image-wrap img { border-radius: 5px 5px 0 0; } .rsaddon-unique-slider .blog-content { border-radius: 0 0 5px 5px; } .rsaddon-unique-slider .blog-content .post-categories { padding-left: 0; margin-left: 0; margin-bottom: 0; } .rsaddon-unique-slider .blog-content .post-categories li { list-style: none; margin-bottom: 8px; } .rsaddon-unique-slider .blog-content .post-categories li a { text-transform: uppercase; font-size: 15px; font-weight: 400; } .rsaddon-unique-slider .blog-content .author-avatar img { border-radius: 50%; margin-right: 8px; } .rsaddon-unique-slider .blog-content .blog-footer { font-size: 15px; font-weight: 400; } .rsaddon-unique-slider .blog-content .blog-footer .blog-meta i { margin-right: 5px; } .rsaddon-unique-slider .blog-content .blog-footer .blog-meta date { text-decoration: underline; font-weight: 600; } .rsaddon-unique-slider .blog-content .custom-blog-btn { transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25); opacity: 0; position: relative; } .rsaddon-unique-slider .blog-content .custom-blog-btn i:before { margin-left: 0 !important; } .rsaddon-unique-slider .blog-content .custom-blog-btn:hover { opacity: 1; } .rsaddon-unique-slider .blog-content .blog-btn-part2 { position: relative; z-index: 10; margin-bottom: 20px; } .team-grid-style3 .team-img, .team-slider-style3 .team-img { position: relative; padding: 25px; } .team-grid-style3 .team-img:after, .team-slider-style3 .team-img:after { position: absolute; content: ''; width: 0; height: 0; border-top: 200px solid #ff6d00; border-right: 200px solid transparent; left: 0px; top: -10px; } .team-grid-style3 .team-img:before, .team-slider-style3 .team-img:before { position: absolute; content: ''; width: 0; height: 0; border-bottom: 200px solid #ff6d00; border-left: 200px solid transparent; right: 0px; bottom: -10px; } .team-grid-style3 .team-img img, .team-slider-style3 .team-img img { position: relative; z-index: 99; } .team-grid-style3 .team-img .team-img-sec, .team-slider-style3 .team-img .team-img-sec { position: relative; } .team-grid-style3 .team-img .team-img-sec:before, .team-slider-style3 .team-img .team-img-sec:before { position: absolute; content: ''; width: 100%; height: 100%; background: #ff6d00; opacity: 0.8; left: 0; top: 0; z-index: 100; opacity: 0; transition: all 0.4s ease-in-out 0s; } .team-grid-style3 .team-img .team-img-sec .team-content, .team-slider-style3 .team-img .team-img-sec .team-content { position: absolute; display: block; left: 50%; width: 100%; top: 30%; transform: translate(-50%, -50%); text-align: center; z-index: 110; color: #fff; padding: 30px; opacity: 0; transition: all 0.4s ease-in-out 0s; } .team-grid-style3 .team-img .team-img-sec .team-content .team-name, .team-slider-style3 .team-img .team-img-sec .team-content .team-name { margin-bottom: 0; font-size: 20px; } .team-grid-style3 .team-img .team-img-sec .team-content .team-name a, .team-slider-style3 .team-img .team-img-sec .team-content .team-name a { color: #fff; } .team-grid-style3 .team-img .team-img-sec .team-content .team-title, .team-slider-style3 .team-img .team-img-sec .team-content .team-title { color: #fff; position: relative; padding-bottom: 8px; margin-bottom: 10px; font-size: 14px; display: block; } .team-grid-style3 .team-img .team-img-sec .team-content .team-title:after, .team-slider-style3 .team-img .team-img-sec .team-content .team-title:after { position: absolute; content: ''; width: 170px; height: 2px; background: #f2f2f2; left: 50%; bottom: 0; transform: translateX(-50%); } .team-grid-style3 .team-img .team-img-sec .team-content .team-social a, .team-slider-style3 .team-img .team-img-sec .team-content .team-social a { color: #fff; margin-right: 12px; font-size: 16px; } .team-grid-style3 .team-img .team-img-sec .team-content .team-social a:last-child, .team-slider-style3 .team-img .team-img-sec .team-content .team-social a:last-child { margin-right: 0; } .team-grid-style3 .team-img .team-img-sec .team-content .team-social a:hover, .team-slider-style3 .team-img .team-img-sec .team-content .team-social a:hover { opacity: 0.8; } .team-grid-style3 .team-img .team-img-sec:hover:before, .team-slider-style3 .team-img .team-img-sec:hover:before { opacity: 0.8; } .team-grid-style3 .team-img .team-img-sec:hover .team-content, .team-slider-style3 .team-img .team-img-sec:hover .team-content { opacity: 1; width: 100%; top: 50%; } .team-grid-style3 .team-img:after { top: 0; } .team-grid-style3 .team-img:before { bottom: 0; } .team-slider-style4 .team-carousel .team-item { margin: 20px 15px; transition: all .5s ease; } .team-slider-style4 .team-carousel .team-item .team-item-inner { padding-top: 25px; padding-bottom: 10px; } .team-slider-style4 .team-carousel .team-item:hover { box-shadow: none; background: #0a2fa6; border-radius: 3px; } .team-slider-style4 .team-carousel .team-item:hover .normal-text a, .team-slider-style4 .team-carousel .team-item:hover .normal-text .designation { color: #fff; } .team-slider-style4 .team-carousel .team-item:hover .normal-text .social-icons a i { color: #fff; } .nolink { color: inherit; pointer-events: none; } .rs-team-grid .team-item-wrap { margin-bottom: 30px; } .rs-team-grid.team-style4 .team-item-inner { padding: 0 30px; } .rs-team-grid.team-style4 .team-item-inner img { border-radius: 50%; } .rs-team-grid.team-style4 .normal-text { text-align: center; } .rs-team-grid.team-style4 .normal-text span { display: block; font-size: 22px; padding-top: 20px; padding-bottom: 4px; font-weight: 600; font-family: 'Sora', sans-serif; } .rs-team-grid.team-style4 .normal-text .designation { font-weight: 400; text-transform: uppercase; float: none; font-size: 14px; font-family: 'Sora', sans-serif; color: #454545; } .rs-team-grid.team-style4 .normal-text .designation a { color: #454545; pointer-events: none; } .rs-team-grid.team-style4 .team-item .social-icons a i { color: #454545; font-size: 14px; padding: 0 6px; } .rs-team-grid .team-item { margin-bottom: 30px; } .rs-team-grid.team-grid-style1 .team-item { box-shadow: 0 5px 20px rgba(34, 34, 34, 0.1); } .rs-team-grid.team-grid-style1 .team-item img { opacity: 1; transition: all 0.4s ease-in-out 0s; } .rs-team-grid.team-grid-style1 .team-item:hover img { opacity: 0.7; } .rs-team-grid.team-style4 .team-wrapper { position: relative; overflow: hidden; padding-bottom: 95px; background: #fff; border-radius: 5px; } .rs-team-grid.team-style4 .team-wrapper .team_photo img { width: 100%; -webkit-transition: all 0.7s; transition: all 0.7s; } .rs-team-grid.team-style4 .team-wrapper .team-title { font-weight: 400; text-transform: capitalize; float: none; font-size: inherit; color: #0a0a0a; } .rs-team-grid.team-style4 .team-wrapper .team_desc { height: 100px; width: 100%; bottom: 0; position: absolute; padding: 15px 20px; color: #444444; text-align: center; overflow: hidden; background: #ffffff; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; transition: 0.3s all ease; } .rs-team-grid.team-style4 .team-wrapper .team_desc:before { content: ""; position: absolute; bottom: 0; width: 100%; height: 0; background: #0a2fa6; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; transition: 0.4s all ease; left: 0; } .rs-team-grid.team-style4 .team-wrapper .team_desc .name { font-size: 18px; font-weight: 600; margin: 5px 0 0; text-transform: capitalize; font-family: 'Sora', sans-serif; } .rs-team-grid.team-style4 .team-wrapper .team_desc .name a { color: #ff6d00; } .rs-team-grid.team-style4 .team-wrapper .team_desc .name a:hover { color: #eee; } .rs-team-grid.team-style4 .team-wrapper .team_desc .name .designation { font-size: 15px; text-transform: capitalize; color: #ff6d00; float: none; text-align: center; font-weight: 500; } .rs-team-grid.team-style4 .team-wrapper .team_desc .team-social { bottom: -100px !important; transition: all 0.4s ease-in-out 0s; } .rs-team-grid.team-style4 .team-wrapper .team_desc .team-social a { font-size: 17px; display: block; width: 25px; height: 25px; line-height: 25px; padding: 0px; border: none; text-align: center; color: #fff; display: inline-block; transition: all 0.3s ease 0s; background: transparent !important; margin-right: 8px; } .rs-team-grid.team-style4 .team-wrapper .team_desc .team-social a:last-child { margin-right: 0; } .rs-team-grid.team-style4 .team-wrapper .team_desc .team-social a i { font-size: 16px; } .rs-team-grid.team-style4 .team-wrapper:hover .team_desc { opacity: 1; width: 100%; visibility: visible; transform: translate(0, 0); bottom: 0; height: 130px; color: #fff; background: #ff6d00; } .rs-team-grid.team-style4 .team-wrapper:hover .team_desc .name a { color: #ffffff; } .rs-team-grid.team-style4 .team-wrapper:hover .team_desc .name .designation { color: #ffffff; } .rs-team-grid.team-style4 .team-wrapper:hover .team-title { display: block; margin-bottom: 15px; color: #fff; } .rs-team-grid.team-style4 .team-wrapper:hover .team_photo img { -moz-transform: scale(1.1); transform: scale(1.1); } .rs-team-grid.team-style4 .team-wrapper:hover .team-social { bottom: 20px !important; } .rs-team-grid.team-style5 .team-item { margin-bottom: 125px; position: relative; } .rs-team-grid.team-style5 .team-item .team-img { position: relative; overflow: hidden; } .rs-team-grid.team-style5 .team-item .team-img img { width: 100%; transform: scale(1.15); -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .rs-team-grid.team-style5 .team-item .normal-text { background: #f7f7f7; color: #ff6d00; padding: 20px; text-align: center; z-index: 9; position: absolute; z-index: 1; left: 40px; bottom: -85px; background: #fff; width: calc(100% - 80px); padding: 20px 20px 25px; -webkit-box-shadow: 10px 17px 38px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 10px 17px 38px 0 rgba(0, 0, 0, 0.1); box-shadow: 10px 17px 38px 0 rgba(0, 0, 0, 0.1); } .rs-team-grid.team-style5 .team-item .normal-text .designation { font-size: 14px; font-weight: 500; float: none; color: #0a0a0a; margin-bottom: 0; text-transform: uppercase; } .rs-team-grid.team-style5 .team-item .normal-text .designation a { color: #0a0a0a; } .rs-team-grid.team-style5 .team-item .normal-text .team-text { font-size: 14px; margin-bottom: 0; color: #777; position: relative; z-index: 1; max-height: 0; opacity: 0; line-height: 24px; padding: 0 20px; -webkit-transition: all 0.6s, max-height 0.5s; -o-transition: all 0.6s, max-height 0.5s; -moz-transition: all 0.6s, max-height 0.5s; transition: all 0.6s, max-height 0.5s; overflow: hidden; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: bottom; -moz-transform-origin: bottom; -ms-transform-origin: bottom; -o-transform-origin: bottom; transform-origin: bottom; } .rs-team-grid.team-style5 .team-item .normal-text .team-text:before { content: ''; position: absolute; z-index: 1; background: #ff6d00; top: 0; left: 50%; width: 50px; height: 2px; margin-left: -25px; } .rs-team-grid.team-style5 .team-item .normal-text .social-icons { text-align: center; margin-top: 12px; } .rs-team-grid.team-style5 .team-item .normal-text .social-icons a i { color: #454545; font-size: 15px; width: 35px; height: 35px; line-height: 35px; background: transparent; text-align: center; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; border-radius: 50%; margin: 0; } .rs-team-grid.team-style5 .team-item .normal-text .social-icons a:hover i { background: #0a2fa6; color: #fff; } .rs-team-grid.team-style5 .team-item .normal-text .person-name { display: block; font-size: 18px; margin-bottom: 0px; text-transform: capitalize; font-weight: 600; } .rs-team-grid.team-style5 .team-item .normal-text .person-name a { color: #ff6d00; } .rs-team-grid.team-style5 .team-item .normal-text .person-name a:hover { color: #0a2fa6; } .rs-team-grid.team-style5 .team-item .normal-text .person-designation { font-size: 12px; color: #ff6d00; text-transform: uppercase; font-weight: normal; } .rs-team-grid.team-style5 .team-item:hover .normal-text .team-text { position: relative; max-height: 400px; opacity: 1; text-align: center; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all 0.4s, max-height 1.5s; -o-transition: all 0.4s, max-height 1.5s; -moz-transition: all 0.4s, max-height 1.5s; transition: all 0.4s, max-height 1.5s; padding-top: 18px; margin-top: 8px; } .rs-team-grid.team-style5 .team-item .overlay-element .social-icons { margin-top: 5px; } .rs-team-grid.team-style5 .team-item .overlay-element .social-icons i { font-size: 15px; margin: 0 5px; } .rs-team-grid.team-style5 .team-item .team-content { padding: 10px; } .rs-team-grid.team-style5 .team-item .team-content h3.team-name { font-size: 20px; margin-bottom: 4px; line-height: normal !important; text-transform: capitalize; } .rs-team-grid.team-style5 .team-item .team-content h3.team-name a { color: #fff; } .rs-team-grid.team-style5 .team-item .team-content h3.team-name a:hover { opacity: 0.8; color: #fff !important; } .rs-team-grid.team-style5 .team-item .team-content .designation { font-size: 16px; font-weight: 500; } .rs-team-grid.team-style5 .team-item .team-title { font-size: 15px; font-weight: 400; text-transform: capitalize; display: block; font-family: 'Sora', sans-serif; color: #0a0a0a; } .rs-team-grid.team-style5 .team-item .team-desc { margin-bottom: 0; padding-top: 12px; margin-top: 12px; border-top: 1px solid; line-height: 22px; } .rs-team-grid.team-style5 .team-item .team-desc { color: #ffffff; } .rs-team-grid.team-style5 .team-item:hover .team-img img { -webkit-transform: scale(1); transform: scale(1); } .rs-team-grid.team-style5 .team-item:hover .designation { float: none; font-size: 13px; font-weight: 500; } .team-grid-style1 .team-item .team-content, .team-slider-style1 .team-item .team-content, .elementor-2333 .elementor-element.elementor-element-8fada60 .team-inner-wrap { margin-bottom: 0 !important; } .clients-grids { margin: 0; padding: 0; list-style: none; text-align: center; } .clients-grids li { display: inline-block; } .clients-grids li a { display: inline-block; padding: 10px 20px; } .clients-grids.cols-one li { width: 100%; } .clients-grids.cols-two li { width: 50%; } .clients-grids.cols-three li { width: 33.333%; } .clients-grids.cols-four li { width: 25%; } .clients-grids.cols-five li { width: 20%; } .clients-grids.cols-six li { width: 16.666%; } #team-list-style .team-img { background: #fff; box-shadow: 0 0 60px rgba(0, 0, 0, 0.04); } #team-list-style .team-img .wrap-text { padding: 30px 20px; } #team-list-style .team-name { margin-bottom: 5px; text-transform: uppercase; font-weight: 600 !important; font-size: 22px; line-height: 30px; } #team-list-style .team-name a { color: #0a2fa6; } #team-list-style .team-name a:hover { color: #ff6d00; } #team-list-style .team-title { font-size: 16px; font-weight: 500; display: block; margin-bottom: 10px; } #team-list-style .social-info { overflow: hidden; } #team-list-style .social-info .phone { float: left; } #team-list-style .social-info .phone:first-child { margin-right: 18px; } #team-list-style .social-info .phone a { color: #454545; } #team-list-style .social-info .phone a:hover { color: #0a2fa6; } #team-list-style .social-info .phone i { margin-right: 6px; position: relative; top: 2px; } #team-list-style .social-info .phone i:before { font-size: 17px; } #team-list-style .team-social { margin-top: 20px; margin-bottom: 24px; } #team-list-style .team-social .social-icon { margin-right: 13px; } #team-list-style .team-social i { font-size: 16px; transition: 0.4s; color: #454545; text-align: center; } #team-list-style .team-social i:hover { color: #0a2fa6; } .rs-contact-box .address-item.boxstyle2 .address-icon { width: 40px; height: 40px; line-height: 38px; } .rs-contact-box .address-item.boxstyle2 .address-icon i { font-size: 17px; line-height: 20px; } .rs-contact-box .address-item.boxstyle2 .address-icon:before { display: none; } .rs-contact-box .address-item.boxstyle2 .address-icon:after { display: none; } .rs-contact-box .address-item.boxstyle2 .address-text .text { display: block; } .rs-contact-box .address-item.boxstyle2 .address-text .text .label { display: block; } /* ---------------------------------- 09. Portfolio -------------------------------------*/ .information-sidebar li.widget { background: #fff; box-shadow: 0 6px 25px rgba(0, 0, 0, 0.07); padding: 20px 20px 40px; } .information-sidebar li.widget h2.widget-title { padding: 15px 20px 30px; border-radius: 0; font-size: 20px; color: #0a0a0a; line-height: 26px !important; margin: 0px !important; text-transform: uppercase; } .information-sidebar li.widget ul.fa-ul, .information-sidebar li.widget ul { padding-left: 0; margin-left: 20px; } .information-sidebar ul, .information-sidebar li { list-style: none; } .information-sidebar .serivce-brochure { padding: 40px 40px 50px; border-radius: 0; background: #0a2fa6; margin: -20px -20px -40px !important; } .information-sidebar .serivce-brochure .title { padding: 0px 0px 30px; border-radius: 0; font-size: 20px; color: #ffffff; line-height: 26px !important; margin: 0px !important; text-transform: uppercase; } .information-sidebar .serivce-brochure p { color: #fff; } .information-sidebar .widget_nav_menu ul.menu { margin: 0; } .information-sidebar .widget_nav_menu li { padding: 0; } .information-sidebar .widget_nav_menu li + li { margin-top: 20px; } .information-sidebar .widget_nav_menu li a { color: #454545; font-size: 16px; font-weight: 500; position: relative; } .information-sidebar .widget_nav_menu li a:hover { color: #0a2fa6; } .information-sidebar .widget_nav_menu li.current-menu-item a { color: #0a2fa6; } .information-sidebar .widget_nav_menu li:last-child { margin-bottom: 0; } .information-sidebar .widget_contact_widget li { margin-bottom: 20px; } .information-sidebar .widget_contact_widget li:last-child { margin-bottom: 0; } .information-sidebar .widget_contact_widget li a { color: #454545; } .information-sidebar .widget_contact_widget li.address1 { position: relative; } .information-sidebar .widget_contact_widget li.address1 i { position: absolute; top: 0; display: inline-block; } .information-sidebar .widget_contact_widget li.address1 span { margin: -10px 0 0; display: inline-block; padding-left: 41px; } .information-sidebar .widget_contact_widget i { font-size: 25px; padding-right: 23px; color: #0a2fa6; } .rs-portfolio.col-filter .portfolio-content .portfolio-filter { text-align: center !important; } .rs-portfolio .portfolio-slider .portfolio-item { position: relative; margin: 0 15px; } .rs-portfolio .portfolio-slider .portfolio-item .categories { position: absolute; top: 16px; right: 25px; z-index: 11; font-size: 16px; } .rs-portfolio .portfolio-slider .portfolio-item .categories a { color: #0a2fa6; } .rs-portfolio .portfolio-slider .portfolio-item .categories a:hover { color: #0a2fa6; } .rs-portfolio .portfolio-slider .portfolio-item .p-title { position: absolute; bottom: 16px; left: 0; z-index: 11; width: 100%; padding: 0 25px; margin-bottom: 0; font-size: 18px; font-weight: 600 !important; line-height: 30px !important; } .rs-portfolio .portfolio-slider .portfolio-item .p-title a { color: #0a2fa6; } .rs-portfolio .portfolio-slider .portfolio-item .p-title a:hover { color: #0a2fa6; } .rs-portfolio.style1 .portfolio-item { overflow: hidden; position: relative; } .rs-portfolio.style1 .portfolio-item .categories, .rs-portfolio.style1 .portfolio-item .p-title { position: static; } .rs-portfolio.style1 .portfolio-item .categories a, .rs-portfolio.style1 .portfolio-item .p-title a { color: #fff; position: relative; z-index: 10; transition: 0.4s; } .rs-portfolio.style1 .portfolio-item .categories a:hover, .rs-portfolio.style1 .portfolio-item .p-title a:hover { color: #ff6d00; } .rs-portfolio.style1 .portfolio-item .portfolio-content { position: absolute; text-align: center; width: 100%; height: 100%; top: 30%; left: 0; transition: 0.4s; opacity: 0; visibility: hidden; } .rs-portfolio.style1 .portfolio-item:hover .portfolio-content { top: 0; opacity: 1; visibility: visible; } .rs-portfolio.style2 .portfolio-slider .portfolio-item .portfolio-img { position: relative; } .rs-portfolio.style2 .portfolio-slider .portfolio-item .portfolio-img .portfolio-content { position: absolute; width: 100%; visibility: hidden; transition: 0.4s; bottom: -50px; } .rs-portfolio.style2 .portfolio-slider .portfolio-item .portfolio-img .portfolio-content .categories { top: auto; bottom: 20px; left: 25px; } .rs-portfolio.style2 .portfolio-slider .portfolio-item .portfolio-img .portfolio-content .categories:before { display: none; } .rs-portfolio.style2 .portfolio-slider .portfolio-item .portfolio-img .portfolio-content .categories a { color: #fff; } .rs-portfolio.style2 .portfolio-slider .portfolio-item .portfolio-img .portfolio-content .categories a:hover { color: #ff6d00; } .rs-portfolio.style2 .portfolio-slider .portfolio-item .portfolio-img .portfolio-content h3.p-title { top: auto; bottom: 52px; } .rs-portfolio.style2 .portfolio-slider .portfolio-item .portfolio-img .portfolio-content h3.p-title a { color: #fff; } .rs-portfolio.style2 .portfolio-slider .portfolio-item .portfolio-img .portfolio-content h3.p-title a:hover { color: #0a2fa6; } .rs-portfolio.style2 .portfolio-slider .portfolio-item:hover .portfolio-content { opacity: 1; visibility: visible; bottom: 0; } .rs-portfolio.style5 .portfolio-item .portfolio-img-sinlge { overflow: hidden; } .rs-portfolio.style5 .portfolio-item .portfolio-img-sinlge img { transition: 0.4s; -webkit-transform: scale(1); transform: scale(1); } .rs-portfolio.style5 .portfolio-item .portfolio-content { display: flex; align-items: center; justify-content: space-between; padding-top: 15px; } .rs-portfolio.style5 .portfolio-item .p-title { padding: 0; } .rs-portfolio.style5 .portfolio-item .categories, .rs-portfolio.style5 .portfolio-item .p-title { position: static; } .rs-portfolio.style5 .portfolio-item .categories { background: #fbfbfb; padding: 2px 10px; } .rs-portfolio.style5 .portfolio-item:hover .portfolio-img-sinlge img { -webkit-transform: scale(1.2); transform: scale(1.2); } .rs-portfolio.style6 .portfolio-item .portfolio-img-sinlge { overflow: hidden; } .rs-portfolio.style6 .portfolio-item .portfolio-img-sinlge img { transition: 0.4s; -webkit-transform: scale(1); transform: scale(1); } .rs-portfolio.style6 .portfolio-item .portfolio-content { padding-top: 15px; } .rs-portfolio.style6 .portfolio-item .p-title { padding: 0; } .rs-portfolio.style6 .portfolio-item .categories, .rs-portfolio.style6 .portfolio-item .p-title { position: static; } .rs-portfolio.style6 .portfolio-item:hover .portfolio-img-sinlge img { -webkit-transform: scale(1.2); transform: scale(1.2); } .rs-portfolio.gap_no .portfolio-slider .portfolio-item { margin: 0; } .rs-portfolio.vertical-slider.style4 .portfolio-slider .portfolio-img { position: relative; height: 100vh; overflow: hidden; background-position: center top !important; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .rs-portfolio.vertical-slider.style4 .portfolio-slider .portfolio-item { text-align: center; } .rs-portfolio.vertical-slider.style4 .portfolio-slider .portfolio-item .categories { top: auto; bottom: 50px; left: 0; right: 0; padding: 0 25px; color: #fff !important; } .rs-portfolio.vertical-slider.style4 .portfolio-slider .portfolio-item .categories a { color: #fff !important; font-size: 14px; } .rs-portfolio.vertical-slider.style4 .portfolio-slider .portfolio-item .p-title { bottom: 80px; padding-top: 30px; } .rs-portfolio.vertical-slider.style4 .portfolio-slider .portfolio-item .p-title a { color: #fff !important; position: relative; } .rs-portfolio.vertical-slider.style4 .portfolio-slider .portfolio-item .p-title a:before { content: ""; width: 2px; height: 40px; background: #ff6d00; text-align: center; display: block; margin: 0px auto; position: relative; top: -10px; transition: 0.4s; } .rs-portfolio.vertical-slider.style4 .portfolio-slider .portfolio-item:hover .p-title a { color: #ff6d00 !important; } .rs-portfolio.vertical-slider.style4 .portfolio-slider .portfolio-item:hover .p-title a:before { height: 100px; } .rs-portfolio.vertical-slider.style4 .portfolio-slider .portfolio-item:hover .portfolio-img { transform: scale(1.04); } .rs-project-section.gray-bg { background: #f7f7fc; padding: 90px 0 50px; } .rs-project-section.gray-bg h3 { margin-bottom: 50px !important; } .rs-project-section .project-item { position: relative; overflow: hidden; z-index: 1; } .rs-project-section .project-item .project-content .p-icon, .rs-project-section .project-item .project-content .title { position: absolute; z-index: 11; margin: 0; } .rs-project-section .project-item .project-content .p-icon { visibility: hidden; transition: all 0.4s ease-in-out 0s; } .rs-project-section .project-item .project-content .p-icon { top: -100px; right: 25px; text-align: right; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #0a2fa6; border-radius: 50%; } .rs-project-section .project-item .project-content .p-icon i { color: #ffffff; } .rs-project-section .project-item .project-content .p-icon i, .rs-project-section .project-item .project-content .p-icon i:before { font-size: 15px; } .rs-project-section .project-item .project-content .title { font-size: 18px; font-weight: 600; bottom: -100px; left: 25px; } .rs-project-section .project-item .project-content .title span { font-size: 16px; font-weight: 400; padding-bottom: 5px; display: block; } .rs-project-section .project-item .project-content .title span, .rs-project-section .project-item .project-content .title a { color: #ffffff; } .rs-project-section .project-item .project-content .title a:hover { color: #0a2fa6; } .rs-project-section .project-item:hover .project-content .title { bottom: 20px; } .rs-project-section .project-item:hover .project-content .p-icon, .rs-project-section .project-item:hover .project-content .title { opacity: 1; visibility: visible; } .rs-project-section .project-item:hover .project-content .p-icon { top: 20px; } .rs-project-section .view-project { margin-top: 60px; } .rs-project-section .nav-style .owl-controls .owl-nav { position: absolute; left: 17.5%; } body.single-services .rs-porfolio-details { padding: 120px 0 0; } .rs-portfolio-style7 .showcase li { display: inline-block; vertical-align: top; padding: 0; margin: 0 0 0 0; position: relative; } .rs-portfolio-style7 a .showcase-caption { display: inline-block; z-index: 2; color: white; text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.33); padding: 20px; } .rs-portfolio-style7 .showcase { margin: 0 auto 0; display: block; } .rs-portfolio-style7 .showcase li:nth-of-type(3n+4) { clear: left; } .rs-portfolio-style7 .showcase-item { line-height: 1; z-index: 3; } .rs-portfolio-style7 .showcase-item.hover { z-index: 1; } .rs-portfolio-style7 .showcase-item a { display: block; padding: 15px 25px 10px 0; } .rs-portfolio-style7 .showcase-item img { position: fixed; z-index: 1; opacity: 1; display: none; transition: opacity .35s,transform .35s; } .rs-portfolio-style7 .showcase-item a h3 { position: relative; z-index: 3; transition: opacity .35s,transform .35s; } .rs-portfolio-style7 .showcase-item a p { position: relative; z-index: 3; transition: opacity .35s,transform .35s; margin: 0 !important; } .rs-portfolio-style7 .showcase-item a:hover + img { top: 0; left: 0; right: 0; bottom: 0; width: 100%; display: block; } .rs-portfolio-style7 .showcase-item a:hover { color: white; background: none; } .rs-portfolio-style7 .showcase-item h3 { font-size: 36px; padding: .45em .6em 15px 0; font-weight: 600; letter-spacing: 0px; margin: 0; } /*responsive styles below*/ @media screen and (max-width: 1023px) { .showcase { margin: 0 auto; } .showcase-item a img { border: 0px; } } /* ---------------------------------- 10. cl-testimonial style 7 -------------------------------------*/ #cl-testimonial.testimonials-area.slider8 .images-testimonial .desc-text .flaticon-right-quote:before { font-size: 50px !important; } #cl-testimonial .testimonial-slide7 .slick-track { padding-bottom: 40px; } #cl-testimonial .testimonial-slide7 .single-testimonial { padding: 0; background: rgba(11, 43, 167, 0.6) !important; border-radius: 0; padding: 40px 45px 46px 146px; position: relative; margin: 0 20px; border-radius: 5px; color: #fff; } #cl-testimonial .testimonial-slide7 .single-testimonial:after, #cl-testimonial .testimonial-slide7 .single-testimonial:before { content: ''; position: absolute; display: block; background: transparent; transition: all 0.2s; width: 0px; height: 0px; z-index: 100; top: -3px; border: none !important; right: 0; } #cl-testimonial .testimonial-slide7 .single-testimonial:after { top: auto; bottom: 0; border-bottom: 0 solid; border-top: 30px solid transparent; border-bottom-color: #fff; } #cl-testimonial .testimonial-slide7 .right-content, #cl-testimonial .testimonial-slide7 .testimonial-left { width: 100%; float: none; } #cl-testimonial .testimonial-slide7 .testimonial-left img { border: 2px solid #fff; } #cl-testimonial .testimonial-slide7 .right-content { position: relative; } #cl-testimonial .testimonial-slide7 .right-content i { top: 5px; padding-right: 0; position: absolute; left: -18px; } #cl-testimonial .testimonial-slide7 .testimonial-left { position: absolute; left: 33px; top: 50%; transform: translateY(-50%); max-width: 100%; width: auto; border-radius: 50%; } #cl-testimonial .testimonial-slide7 p { margin: 0; padding: 0; } #cl-testimonial .testimonial-slide7 ul.slick-dots li button { padding: 2px 0; height: 8px; border: 1px solid #fff; } #cl-testimonial .testimonial-slide7 ul.slick-dots li.slick-active button { background: #fff; border-color: #fff !important; } #cl-testimonial.testimonials-area.slider8 { position: relative; } #cl-testimonial.testimonials-area.slider8 .images-testimonial img { display: block; width: 90px !important; height: 90px !important; margin: 1em auto; background-size: cover; background-repeat: no-repeat; background-position: center center; -webkit-border-radius: 99em; -moz-border-radius: 99em; border-radius: 99em; border: 5px solid #eee; box-shadow: 0 3px 70px 0 #ffffff !important; } #cl-testimonial.testimonials-area.slider8 .images-testimonial .desc-text { margin: 0; padding: 80px 0px 40px !important; text-align: center !important; font-size: 17px; line-height: 32px; max-width: 620px; margin: 0 auto; position: relative; } #cl-testimonial.testimonials-area.slider8 .images-testimonial .desc-text i { display: block; text-align: center; font-size: 50px; opacity: 0.3; margin: 0; top: 10px; position: absolute; left: 50%; transform: translateX(-50%); } #cl-testimonial.testimonials-area.slider8 .images-testimonial img { width: 90px; margin: 0 auto 12px; box-shadow: 0 20px 68px rgba(34, 34, 34, 0.4); } #cl-testimonial.testimonials-area.slider8 .testimonials-nav { width: 230px; top: 60px; left: 50%; transform: translate(-50%, -50%); position: absolute; } #cl-testimonial.testimonials-area.slider8 .testimonials-nav .slick-list.draggable { display: none; } #cl-testimonial.testimonials-area.slider8 .testimonials-nav .slick-prev, #cl-testimonial.testimonials-area.slider8 .testimonials-nav .slick-next { opacity: 1; } #cl-testimonial.testimonials-area.slider8 .testimonials-nav .slick-prev { left: 20px; } #cl-testimonial.testimonials-area.slider8 .testimonials-nav .slick-prev:after { font-size: 18px; content: "\f138"; font-family: Flaticon; display: inline-block; padding-right: 3px; vertical-align: middle; position: absolute; font-weight: normal; color: #fff; transform: translateX(-50%); background: #0a2fa6; width: 50px; } #cl-testimonial.testimonials-area.slider8 .testimonials-nav .slick-next { right: 20px; } #cl-testimonial.testimonials-area.slider8 .testimonials-nav .slick-next:after { font-size: 18px; content: "\f137"; font-family: Flaticon; display: inline-block; padding-right: 3px; vertical-align: middle; position: absolute; font-weight: normal; color: #fff; transform: translateX(-50%); } #cl-testimonial.testimonials-area.slider8 .slick-prev { left: 20px; } #cl-testimonial.testimonials-area.slider8 .slick-prev:after { font-size: 18px; content: '←'; font-family: 'slick'; display: inline-block; padding-right: 3px; vertical-align: middle; position: absolute; font-weight: normal; color: #fff; transform: translateX(-50%); background: #0a2fa6; width: 50px; height: 50px; border-radius: 50%; line-height: 45px; } #cl-testimonial.testimonials-area.slider8 .slick-next { right: 20px; } #cl-testimonial.testimonials-area.slider8 .slick-next:after { font-size: 18px; font-family: 'slick'; content: '→'; display: inline-block; padding-right: 3px; vertical-align: middle; position: absolute; font-weight: normal; color: #fff; transform: translateX(-50%); background: #0a2fa6; width: 50px; height: 50px; line-height: 45px; border-radius: 50%; } #cl-testimonial.testimonials-area.slider8 p { margin: 0 auto !important; } #cl-testimonial.testimonials-area.slider8 ul.author { text-align: center; padding: 0px !important; } #cl-testimonial.testimonials-area.slider8 ul.author li { font-size: 20px; text-transform: uppercase; font-weight: 500; } #cl-testimonial.testimonials-area.slider8 ul.author li.titles-dsignation { text-transform: capitalize; font-size: 15px; padding-top: 0; } #cl-testimonial.testimonials-area.slider8.text-left .images-testimonial { padding-left: 20px; padding-top: 45px; } #cl-testimonial.testimonials-area.slider8.text-left .images-testimonial p { position: relative; max-width: 100%; text-align: left; margin: 0 auto !important; } #cl-testimonial.testimonials-area.slider8.text-left .images-testimonial i { font-size: 80px; position: absolute; left: -18px; opacity: 1; top: -30px; z-index: -1; } #cl-testimonial.testimonials-area.slider8.text-left .images-testimonial ul.author, #cl-testimonial.testimonials-area.slider8.text-left .images-testimonial p { text-align: left !important; } #cl-testimonial.testimonials-area.slider8.text-left .testimonials-nav { overflow: hidden; } #cl-testimonial.testimonials-area.slider8.text-left .testimonials-nav .slick-list { float: right; } #cl-testimonial.testimonials-area.slider8.text-left .testimonials-nav .slick-track { width: 100% !important; float: right; } #cl-testimonial.testimonials-area.slider8.text-left .testimonials-nav .slick-slide { width: 15px !important; height: 6px; border-radius: 3px; background: #0a0a0a; display: inline-block; margin: 0 4px; cursor: pointer; transition: 0.3s; } #cl-testimonial.testimonials-area.slider8.text-left .testimonials-nav .slick-slide:hover, #cl-testimonial.testimonials-area.slider8.text-left .testimonials-nav .slick-slide.slick-current { background: #0a2fa6; } #cl-testimonial.testimonials-area.slider8:hover .slick-prev { left: 0px; } #cl-testimonial.testimonials-area.slider8:hover .slick-next { right: 0px; } body .rselement-dual-btn { font-size: 16px; } #cl-testimonial.cl-testimonial1 .testimonial-slide.slider1 ul.cl-author-info li:first-child { font-size: 16px !important; } #cl-testimonial.cl-testimonial1 .testimonial-slide.slider1 .testimonial-item .testimonial-content { padding: 60px !important; text-align: center; } #cl-testimonial.cl-testimonial1 .testimonial-slide.slider1 .testimonial-item .testimonial-content p { text-align: center; font-style: normal !important; } #cl-testimonial.cl-testimonial1 .testimonial-slide.slider1 .testimonial-item i { display: none; } #cl-testimonial.cl-testimonial1 .testimonial-slide.slider1 .slick-dots button { width: 10px; height: 10px; padding: 2px; background: #ccc !important; border: none !important; } #cl-testimonial.cl-testimonial1 .testimonial-slide.slider1 .slick-active button { background: #ff6d00 !important; border: none !important; } .cl-testimonial.cl-testimonial9 .content-box { background: #fff; padding: 40px; min-height: 250px; position: relative; } .cl-testimonial.cl-testimonial9 .content-box p { padding: 0 !important; margin-bottom: 0 !important; font-style: normal; } .cl-testimonial.cl-testimonial9 .content-box p i { text-align: left; } .cl-testimonial.cl-testimonial9 .content-box:after { content: "//"; position: absolute; bottom: -17px; text-align: center; left: 40px; right: auto; display: block; font-size: 20px; color: #ff6d00; } .cl-testimonial.cl-testimonial9 .testimonial-image { flex: 1; padding-left: 20px; } .cl-testimonial.cl-testimonial9 .testimonial-image img { border-radius: 50%; max-width: 90px; } .cl-testimonial.cl-testimonial9 .img-box { display: flex; flex-wrap: wrap; margin-top: 35px; margin-bottom: 30px; align-content: space-around; } .cl-testimonial.cl-testimonial9 i { display: block; } .cl-testimonial.cl-testimonial9 i:before { font-size: 45px; color: #ff6d00; } .cl-testimonial.cl-testimonial9 ul.cl-author-info { flex: 1; padding-left: 0px !important; padding-top: 15px !important; } .cl-testimonial.cl-testimonial9 .slick-next, .cl-testimonial.cl-testimonial9 .slick-prev { display: none; } .cl-testimonial.cl-testimonial9 .slick-next::after, .cl-testimonial.cl-testimonial9 .slick-prev::after { background: rgba(0, 0, 0, 0.4) !important; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 50%; } .cl-testimonial.cl-testimonial9:hover .slick-next, .cl-testimonial.cl-testimonial9:hover .slick-prev { display: block; } .cl-testimonial.cl-testimonial9 .slick-active button { background: #ff6d00 !important; } body .cl-testimonial2 .image-testimonial .testimonial-content { box-shadow: none; padding: 0; background: transparent !important; text-align: left !important; font-size: 24px !important; } body .cl-testimonial2 .image-testimonial .testimonial-content .quote-arrow .flaticon-right-quote { transform: rotate(180deg) !important; } body .cl-testimonial2 .image-testimonial .testimonial-content .quote-arrow .flaticon-right-quote:before { font-size: 60px !important; } body .cl-testimonial2 .image-testimonial .testimonial-content .cl-author-info li:nth-child(2) { font-size: 18px !important; } body .cl-testimonial2 .image-testimonial .testimonial-content p, body .cl-testimonial2 .image-testimonial .testimonial-content ul li { text-align: left !important; } body .cl-testimonial2 .image-testimonial .testimonial-content:hover { box-shadow: none !important; } body .cl-testimonial2 .image-testimonial .testimonial-content li.ratings img { margin-top: 5px; margin-left: 0 !important; } body .cl-testimonial2 .slick-dots { text-align: left !important; padding-left: 10px !important; margin-top: -20px !important; } body .cl-testimonial2 .slick-dots button { width: 10px !important; height: 10px !important; } /* ---------------------------------- cl-testimonial style 10 Custom By Rashid -------------------------------------*/ .testimonial-slide10.slider9 .slick-dots { display: none !important; } .testimonial-slide10.slider9 .single-testimonial { overflow: inherit; padding-left: 5px; padding-top: 5px; padding-bottom: 0; } .testimonial-slide10.slider9 .single-testimonial .image-testimonial { position: relative; padding-bottom: 100px; } .testimonial-slide10.slider9 .single-testimonial .image-testimonial .testimonial-image { width: 70%; margin-right: auto; } .testimonial-slide10.slider9 .single-testimonial .image-testimonial .testimonial10-content-wrap { max-width: 380px; position: absolute; bottom: 50px; z-index: 99; background: #fff; padding: 40px; right: 0px; box-shadow: 0 8px 30px -6px #cccccc; } .testimonial-slide10.slider9 .single-testimonial .image-testimonial .testimonial10-content-wrap .content-testimonial { padding-bottom: 15px; } .testimonial-slide10.slider9 .single-testimonial .image-testimonial .testimonial10-content-wrap .content-testimonial i { position: absolute !important; top: 60px !important; font-size: 150px; left: 30px; width: 60px; height: 60px; line-height: 60px; text-align: center; color: #fff !important; border-radius: 50%; padding-right: 0px !important; z-index: -1; opacity: 0.2; } .testimonial-transparent .image-testimonial { background: transparent !important; } .rs-testi-7 .rs-addon-slider .slick-dots { bottom: 0; } ul.latest_projects { margin: 0; padding: 0; list-style: none; } .testimonial-light #cl-testimonial .testimonial-slide7 .single-testimonial { margin: 0; border-left: 4px solid #0a2fa6; box-shadow: none; } .testimonial-light #cl-testimonial .testimonial-slide7 .single-testimonial:before, .testimonial-light #cl-testimonial .testimonial-slide7 .single-testimonial:after { border-top-color: #0a2fa6; border-right-color: #0a2fa6; border-right: 30px solid #0a2fa6; } .testimonial-light #cl-testimonial .testimonial-slide7 .single-testimonial:after { border-top: 30px solid transparent; border-bottom-color: #0a2fa6; } .testimonial-light #cl-testimonial .testimonial-slide7 .single-testimonial .cl-author-info li:first-child { font-size: 18px; color: #ff6d00; margin-bottom: 0; padding-bottom: 0 !important; line-height: 28px; margin-top: 5px; } .testimonial-light #cl-testimonial .slick-dots { text-align: right; bottom: -4px; } .testimonial-light #cl-testimonial .slick-dots li button { background: #fff !important; border: 1px solid #ffff !important; } .light-button #cl-testimonial ul.slick-dots li button { border: 1px solid #fff !important; } .mfp-close-btn-in .mfp-close { top: 0px; right: 0px; text-align: right; padding-right: 0; display: inline-block; text-align: center; background: #0a2fa6; width: 44px; border-radius: 50%; font-size: 27px; } .rs_button.btn-border { border-width: 2px; color: #ff6d00; border-style: solid; border-color: #ff6d00; background: transparent; } .rs_button.btn-border:hover { background: #ff6d00; color: #ffffff; } .rs-btn.btn-center { text-align: center; } .rs-btn.btn-left { text-align: left; } .rs-btn.btn-right { text-align: right; } .portfolio-filter { margin-bottom: 20px; } .portfolio-filter.filter-center { text-align: center; } .portfolio-filter.filter-right { text-align: right; } .portfolio-filter.filter-left { text-align: left; } .portfolio-filter button { font-size: 16px; background: transparent !important; color: #0a0a0a; margin: 0 0 30px; display: inline-block; padding: 0; transition: 0.4s; outline: none; -webkit-transition: 0.4s; -ms-transition: 0.4s; position: relative; padding: 5px 20px; border-radius: 30px; border: 0; } .portfolio-filter button:hover, .portfolio-filter button.active { color: #ff6d00; background: transparent !important; } .rs-blog-grid.blog-grid .blog-item .blog-meta span { font-size: 13px; } .rs-blog-grid.blog-grid .blog-item .blog-meta span i { margin-right: 2px; position: relative; top: 1px; } .rs-blog-grid.blog-grid .blog-item .blog-meta span.date i { margin-right: 3px; } .rsaddon-unique-slider .blog-content .blog-footer .blog-meta span { font-size: 13px; } .rsaddon-unique-slider .blog-content .blog-footer .blog-meta span.admin i { font-size: 14px; } .rsaddon-unique-slider .blog-content .blog-footer .blog-meta span.date i { position: relative; top: 1px; } .recent-post-widgets li.show-featured { float: left; width: 33.33%; padding: 0; } .rs-vertical-middle { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .rs-vertical-bottom { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: flex-end; -webkit-align-items: flex-end; align-items: flex-end; } .gutter-no-gap .row { margin: 0 !important; } .gutter-no-gap .row [class*="col-"] { padding: 0 !important; margin: 0 !important; } .rs-sl-social-icons a { color: #ffffff; } .rs-sl-social-icons a:hover { color: #ff6d00; } .rs-slider * { outline: none; } .rs-slider .slider-item { background-size: cover; background-repeat: no-repeat; } .rs-slider .slide-description { max-width: 640px; } .rs-slider .slide-description p { margin-bottom: 0; font-size: 18px; } .rs-slider .slide-title { font-size: 65px; line-height: 75px; font-weight: 700 !important; } .rs-slider .slide-content { max-width: 1250px; margin: 0 auto; padding: 150px 0; position: relative; } .rs-slider .slide-content .watermark { z-index: 5; position: absolute; font-size: 200px; font-weight: 900; font-family: 'Sora', sans-serif; top: 10%; opacity: 0.1; } .rs-slider .slide-content span.number { position: absolute; left: 0; right: 0; text-align: center; top: auto; bottom: 42px; font-size: 20px; font-weight: 400; font-family: 'Sora', sans-serif; color: #454545; } .rs-slider .slide-content span.number .first { font-size: 60px; font-weight: 700; color: #000; } .rs-slider .slide-content .slide-content-wrap { max-width: 800px; position: relative; z-index: 10; } .rs-slider .slide-content.center { text-align: center; } .rs-slider .slide-content.center .slide-content-wrap { display: block; margin: 0 auto; } .rs-slider .slide-content.center .slide-description { margin-left: auto; margin-right: auto; } .rs-slider .slide-content.right { text-align: right; } .rs-slider .slide-content.right .slide-description { margin-left: auto; } .rs-slider .slide-content.right .slide-content-wrap { display: block; margin-left: auto; } .rs-slider .slider-button { margin-top: 48px; } .rs-slider .slider-button ul { margin: 0; list-style-type: none; } .rs-slider .slider-button ul li { display: inline-block; } .rs-slider .slider-button ul li + li { margin-left: 10px; } .rs-slider .slick-arrow { width: 42px; height: 42px; line-height: 42px; text-align: center; color: #7f352f; opacity: 1; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; top: auto; bottom: 40; } .rs-slider .slick-arrow:after { color: inherit; top: -2px; font-family: "Flaticon"; font-size: 25px; } .rs-slider .slick-prev { right: auto; left: 45%; top: auto; bottom: 40px; z-index: 1; } .rs-slider .slick-prev:after { font-family: "Flaticon"; content: "\f111" !important; color: #000; text-indent: 4px; } .rs-slider .slick-next { left: auto; right: 45%; top: auto; bottom: 40px; } .rs-slider .slick-next:after { font-family: "Flaticon"; content: "\f110" !important; color: #000; text-indent: -4px; } .rs-slider:hover .slick-arrow { opacity: 1; } .rs-slider .readons { border: 2px solid #000; color: #000; padding: 14px 35px; border-radius: 3px; font-size: 16px; font-weight: 500; } .rs-slider .readons:hover { background: #000; color: #fff; border: 2px solid #000; } .recent-post-widgets li.show-featured { float: left; width: 33.33%; } .recent-post-widgets li.show-featured .post-img { padding: 3px; float: none; width: auto; display: block; } .recent-post-widgets li.show-featured .post-img img { width: 100%; border-radius: 3px; } .single-teams .details-tabs-area { margin-right: 30px; } .single-teams .details-tabs-area .team-detail-wrap { background: #fff; padding: 25px 50px 30px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.03); margin-bottom: 40px; } .single-teams .row.btm-row { align-items: center; position: relative; box-shadow: 0px 0px 32px 0px rgba(7, 28, 31, 0.05); background: #fff; margin-bottom: 70px; padding: 40px 0 40px 25px; } .single-teams .row.btm-row .col-lg-7.rs-con-info { position: relative; } .single-teams .row.btm-row .col-lg-7.rs-con-info:before { content: "\f10b"; font-size: 250px; position: absolute; right: 130px; color: #0a0a0a; font-family: "Flaticon"; height: 100%; top: 74px; opacity: 0.02; } .single-teams .title-bg-gray { color: #0a0a0a; padding-bottom: 0px; margin-bottom: 0; } .single-teams .designation-info { display: block; color: #0a2fa6; margin-top: 0; padding-bottom: 5px; text-transform: uppercase; } .single-teams .single-title, .single-teams .title-bg-gray { padding-bottom: 15px; } .single-teams .team-skill { display: block; margin-bottom: 40px; } .single-teams .ps-image img { border-radius: 50%; } .single-teams .short-desc { margin-bottom: 25px; padding-right: 50px; } .single-teams .ps-informations { text-align: left; overflow: hidden; position: relative; margin-bottom: 30px; } .single-teams .ps-informations h4.single-title { margin: -8px 0 0px; font-weight: 600 !important; font-size: 24px; color: #fff; } .single-teams .ps-informations .designation-info { font-size: 16px; font-weight: 500; } .single-teams .ps-informations ul { margin: 0; padding: 0; text-align: left; list-style: none; font-weight: 500; } .single-teams .ps-informations ul li { border: none !important; margin: 0; color: #555; } .single-teams .ps-informations ul li span { width: auto; color: #555; } .single-teams .ps-informations ul li i:before { margin-left: 0 !important; font-size: 16px; } .single-teams .ps-informations ul li.social-icon { border: none; margin-top: 0; display: inline-block; padding-top: 0; } .single-teams .ps-informations ul li.social-icon i { line-height: 35px; width: 30px; height: 35px; font-size: 14px; transition: 0.4s; } .single-teams .ps-informations ul li.social-icon i:hover { color: #ff6d00; } .single-teams .ps-informations ul li.phone, .single-teams .ps-informations ul li.email { margin: 5px 0 10px; padding: 0; display: block; } .single-teams .ps-informations ul li.phone a, .single-teams .ps-informations ul li.email a { color: #555; } .single-teams .ps-informations ul li.phone a:hover, .single-teams .ps-informations ul li.email a:hover { color: #ff6d00; } .single-teams .ps-informations ul li.phone i, .single-teams .ps-informations ul li.email i { font-size: 16px; color: #ff6d00; margin-right: 18px; position: relative; top: 2px; font-weight: 500; display: inline-block; text-align: center; } .single-teams .ps-informations ul li.phone i:before, .single-teams .ps-informations ul li.email i:before { font-size: 20px; } .single-teams .ps-informations ul li.phone { margin-left: 0; } .single-teams .ps-informations .social-info { margin-top: 15px; margin-left: 0px; } .single-teams .ps-informations .social-info a { color: #555; } .single-teams .project-desc { margin-bottom: 20px; background: #fff; overflow: hidden; padding-right: 55px; } .single-teams .project-desc p { margin-bottom: 18px; } .single-teams .project-desc .nav { margin-left: 0; background: #f4f7fc; } .single-teams .project-desc .nav li { width: 33.333%; text-align: center; } .single-teams .project-desc .nav li + li { border-left: 1px solid #ddd; } .single-teams .project-desc .nav .nav-link { position: relative; overflow: hidden; font-weight: 600; font-size: 20px; padding: 15px 0; } .single-teams .project-desc .nav .nav-link:before { position: absolute; content: ""; width: 100%; height: 3px; background: #0a2fa6; bottom: -5px; left: 0; transition: 0.4s; } .single-teams .project-desc .nav .nav-link.active:before { bottom: 0; } .single-teams .inner-images { padding: 0 30px 0 0; background: #fff; } .single-teams .team-detail-wrap-btm.team-inner { background: #0a2fa6; padding-bottom: 54px; margin-top: 40px; } .single-teams .team-detail-wrap-btm.team-inner .siderbar-title { color: #fff; } .single-teams .team-detail-wrap-btm.team-inner .siderbar-title:before { background: #fff; } .single-teams .team-detail-wrap-btm.team-inner tbody tr { background: none; } .single-teams .team-detail-wrap-btm.team-inner tbody tr td { padding: 8px 0; color: #fff; } .single-teams .team-inner { padding: 40px 40px 44px; background: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.03); } .single-teams .team-inner h3 { margin-bottom: 0; position: relative; padding-bottom: 6px; font-size: 20px; text-transform: capitalize; } .single-teams .team-inner h3:before { content: ""; position: absolute; background: #0a2fa6; height: 2px; width: 50px; left: 0; bottom: 0; display: block; z-index: 1; opacity: .5; } .single-teams .team-inner ul { margin: 0; padding: 0; list-style: none; } .single-teams .team-inner ul li { display: block; border-bottom: 1px solid #eee; padding: 13px 0; } .single-teams .team-inner ul li i { color: #0a2fa6; margin-right: 5px; display: none; } .single-teams .team-inner ul li:last-child { border-bottom: none; padding-bottom: 0; } .single-teams .doctor-awardss.team-inner { padding-top: 25px; } .single-teams .siderbar-title { margin: 0 0 30px; color: #0a2fa6; text-transform: capitalize; } .single-teams .chevron-right-icon li { float: left; width: 50%; margin: 4px 0; } .single-teams h3.title-left-border { margin-top: 45px; } .single-teams .emergency-time { padding: 40px 15px 32px; } .single-teams .emergency-time .emergency-title { margin: 14px 0 4px; } .single-teams .emergency-time i { color: #0a2fa6; } .single-teams .emergency-time i:before { font-size: 50px; } .single-teams .emergency-time p { margin-bottom: 0; } .single-teams .team-skill { padding-left: 0; width: 100%; overflow: hidden; position: relative; margin-top: -20px; } .single-teams .team-skill h3 { font-weight: 500; margin-bottom: 20px; } .single-teams .team-skill .rs-progress { height: 8px; border: 1px solid #0a2fa6; border-radius: 0; overflow: visible; padding: 1px; background: #fff; margin-top: 55px; } .single-teams .team-skill .rs-progress .progress-bar { position: relative; text-align: left; line-height: 4px; border-radius: 0; box-shadow: none; background-image: linear-gradient(250deg, #ff6d00 19%, #0a2fa6 100%); font-size: 16px; } .single-teams .team-skill .rs-progress .progress-bar .pb-label { position: absolute; left: 0px; top: -24px; color: #454545; } .single-teams .team-skill .rs-progress .progress-bar .pb-percent { position: absolute; right: -13px; top: -30px; padding: 8px 5px; color: #454545; } body .vc_progress_bar .vc_single_bar .vc_label_units { position: absolute; right: 0; font-weight: 500; } body .vc_progress_bar .vc_single_bar { border-radius: 0 !important; box-shadow: none !important; height: 8px; line-height: 8px; } body .vc_progress_bar .vc_single_bar .vc_bar { border-radius: 0 !important; } body .vc_progress_bar .vc_single_bar .vc_label { font-weight: 500; } body .rs-portfolio-style2 .portfolio-item .portfolio-content .p-icon { width: 40px; height: 40px; line-height: 44px; } body .rs-portfolio-style2 .portfolio-item .portfolio-content .p-icon i:before { font-size: 18px; } .rs-portfolio-style3 .portfolio-item, .rs-portfolio-style5 .portfolio-item, .rs-portfolio-style4 .portfolio-item, .rs-portfolio-style3 .portfolio-item img, .rs-portfolio-style5 .portfolio-item img, .rs-portfolio-style4 .portfolio-item img, .rs-portfolio-style3 .portfolio-item .bg-overlay, .rs-portfolio-style5 .portfolio-item .bg-overlay, .rs-portfolio-style4 .portfolio-item .bg-overlay { border-radius: 5px; } /*// Portfolio Style3*/ .rs-portfolio-style3 .portfolio-item, .rs-portfolio-style3 .portfolio-item img, .rs-portfolio-style3 .portfolio-item .bg-overlay { border-radius: 5px; } .rs-portfolio-style3 .portfolio-item { position: relative; overflow: hidden; z-index: 1; } .rs-portfolio-style3 .portfolio-item .portfolio-img { position: relative; z-index: 1; } .rs-portfolio-style3 .portfolio-item .portfolio-img img { width: 100%; } .rs-portfolio-style3 .portfolio-item .portfolio-img .p-link { position: absolute; bottom: 20px; right: 20px; display: inline-block; font-size: 36px; color: #ffffff; transition: all 0.3s ease; opacity: 0; } .rs-portfolio-style3 .portfolio-item .portfolio-img .p-link i { margin-left: 2px; } .rs-portfolio-style3 .portfolio-item .portfolio-img .p-link:hover { opacity: 0.7 !important; } .rs-portfolio-style3 .portfolio-item .p-icon { transition: all 0.4s ease-in-out 0s; bottom: -100px; right: 25px; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #ff6d00; border-radius: 50%; z-index: 7; opacity: 0; visibility: hidden; position: absolute; } .rs-portfolio-style3 .portfolio-item .portfolio-content { position: absolute; padding: 24px 30px; opacity: 1; z-index: 10; top: 0; border: none; } .rs-portfolio-style3 .portfolio-item .portfolio-content:before { background: rgba(0, 0, 0, 0.4) !important; opacity: 1; } .rs-portfolio-style3 .portfolio-item .portfolio-content .portfolio-inner { bottom: 30px; width: auto; right: 40px; left: 40px; display: flex; flex-wrap: wrap; transition: all .5s ease; } .rs-portfolio-style3 .portfolio-item .portfolio-content .portfolio-inner .p-title { order: 2; flex: 0 0 100%; } .rs-portfolio-style3 .portfolio-item .portfolio-content .portfolio-inner .p-category { flex: 0 0 100%; } .rs-portfolio-style3 .portfolio-item .portfolio-content a { color: #fff; } .rs-portfolio-style3 .portfolio-item .portfolio-content .p-title { margin-bottom: 5px; font-size: 18px; transition: 0.3s ease all; line-height: 25px !important; } .rs-portfolio-style3 .portfolio-item .portfolio-content p { margin-bottom: 0; color: #fff; transition: 0.3s ease all; } .rs-portfolio-style3 .portfolio-item:hover .p-icon { bottom: 30px; opacity: 1; visibility: visible; } .rs-portfolio-style3 .portfolio-item:hover .portfolio-content { opacity: 1; } .rs-portfolio-style3 .portfolio-item:hover .portfolio-content .portfolio-inner { bottom: 50px; } .rs-portfolio-style3 .portfolio-item:hover .portfolio-img:before { opacity: 0.7; } .rs-portfolio-style3 .portfolio-item:hover .portfolio-img .p-link { opacity: 1; } .rs-team.team-slider-style5 .team-item { padding: 0; margin: 0 22px 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.07); } .rs-team.team-slider-style5 .team-item .team-inner-wrap .team-content { padding: 12px 20px; } /*// Portfolio Style4*/ .rs-portfolio-style4 .portfolio-item { position: relative; overflow: hidden; } .rs-portfolio-style4 .portfolio-item .portfolio-img { position: relative; z-index: 1; } .rs-portfolio-style4 .portfolio-item .portfolio-img img { width: 100%; -webkit-transition: 1.3s all ease; transition: 1.3s all ease; border-radius: 5px; } .rs-portfolio-style4 .portfolio-item .portfolio-img .p-link { display: none; } .rs-portfolio-style4 .portfolio-item .portfolio-content { position: absolute; padding: 25px 30px 25px; opacity: 0; z-index: 1; bottom: -150px; left: 50%; transform: translateX(-50%); width: 86%; z-index: 9; background: #ffffff; transition: 0.6s; } .rs-portfolio-style4 .portfolio-item .portfolio-content a { color: #0a0a0a; display: block; } .rs-portfolio-style4 .portfolio-item .portfolio-content h3 { margin-bottom: 5px; font-size: 20px; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: 0.4s all ease; transition: 0.4s all ease; } .rs-portfolio-style4 .portfolio-item .portfolio-content .p-category { display: inline-block; } .rs-portfolio-style4 .portfolio-item .portfolio-content .p-title { font-size: 18px; } .rs-portfolio-style4 .portfolio-item .portfolio-content .tite-color { margin-top: 5px; } .rs-portfolio-style4 .portfolio-item .portfolio-content .tite-color:hover { color: #0a2fa6; } .rs-portfolio-style4 .portfolio-item .portfolio-content p { margin-bottom: 0; color: #fff; -webkit-transform: translateY(40px); transform: translateY(40px); -webkit-transition: 0.4s all ease; transition: 0.4s all ease; } .rs-portfolio-style4 .portfolio-item .portfolio-content .p-category a { color: #454545; } .rs-portfolio-style4 .portfolio-item .pt-icon-plus { position: relative; -webkit-transition: 0.5s all ease-out; transform: translateY(20px); transition-delay: .1s; color: #ed4e31; } .rs-portfolio-style4 .portfolio-item .pt-icon-plus:before { font-family: FontAwesome; content: "+"; position: absolute; left: 50%; transform: translateX(-50%); right: 0; bottom: -40px; width: 30px; height: 30px; line-height: 30px; text-align: center; z-index: 9999; font-size: 35px; display: block; cursor: pointer; transition: 0.4s; } .rs-portfolio-style4 .portfolio-item:hover .portfolio-content { opacity: 1; bottom: 30px; } .rs-portfolio-style4 .portfolio-item:hover .portfolio-content h3 { -webkit-transform: translateY(0px); transform: translateY(0px); } .rs-portfolio-style4 .portfolio-item:hover .portfolio-content p { -webkit-transform: translateY(0px); transform: translateY(0px); } .rs-portfolio-style4 .portfolio-item:hover .portfolio-img:before { opacity: 0.7; } .rs-portfolio-style4 .portfolio-item:hover .portfolio-img img { -webkit-transform: scale(1.3); transform: scale(1.3); } .rs-portfolio-style4 .portfolio-item:hover .pt-icon-plus:before { bottom: -6px; } /*// Portfolio Style5*/ .rs-portfolio-style5 .portfolio-item { position: relative; overflow: hidden; z-index: 1; } .rs-portfolio-style5 .portfolio-item .portfolio-img { position: relative; z-index: 1; } .rs-portfolio-style5 .portfolio-item .portfolio-img img { width: 100%; transform: scale(1.2); transition: 0.6s; } .rs-portfolio-style5 .portfolio-item .portfolio-img .p-link { position: absolute; bottom: 20px; right: 20px; display: inline-block; font-size: 36px; color: #ffffff; transition: all 0.3s ease; opacity: 0; } .rs-portfolio-style5 .portfolio-item .portfolio-img .p-link i { margin-left: 2px; } .rs-portfolio-style5 .portfolio-item .portfolio-img .p-link:hover { opacity: 0.7 !important; } .rs-portfolio-style5 .portfolio-item .p-icon { transition: all 0.4s ease-in-out 0s; bottom: -100px; right: 25px; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #ff6d00; border-radius: 50%; z-index: 7; opacity: 0; visibility: hidden; position: absolute; } .rs-portfolio-style5 .portfolio-item .portfolio-content { position: absolute; padding: 24px 30px; opacity: 0; z-index: 10; top: 0; visibility: hidden; width: 100%; height: 100%; text-align: center; } .rs-portfolio-style5 .portfolio-item .portfolio-content:before { background: rgba(0, 0, 0, 0.4); content: ''; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); transition: all 0.4s; border-radius: 5px; transform: scale(1.2); transition: 0.6s; } .rs-portfolio-style5 .portfolio-item .portfolio-content a { color: #fff; } .rs-portfolio-style5 .portfolio-item .portfolio-content .p-title { margin-bottom: 5px; font-size: 18px; transition: 0.3s ease all; line-height: 25px !important; } .rs-portfolio-style5 .portfolio-item .portfolio-content p { margin-bottom: 0; color: #fff; transition: 0.3s ease all; } .rs-portfolio-style5 .portfolio-item .portfolio-content .portfolio-inner { position: relative; z-index: 11; transform: scale(1.3); transition: 0.5s; } .rs-portfolio-style5 .portfolio-item:hover .portfolio-content, .rs-portfolio-style5 .portfolio-item:hover .portfolio-content:before { opacity: 1; visibility: visible; } .rs-portfolio-style5 .portfolio-item:hover .portfolio-img img, .rs-portfolio-style5 .portfolio-item:hover .portfolio-content:before, .rs-portfolio-style5 .portfolio-item:hover .portfolio-content .portfolio-inner { transform: scale(1); } .rs-portfolio-style6 { overflow: hidden; } .rs-portfolio-style6 .portfolio-item { position: relative; overflow: hidden; border-radius: 0; } .rs-portfolio-style6 .portfolio-item .portfolio-img { position: relative; z-index: 1; overflow: hidden; } .rs-portfolio-style6 .portfolio-item .portfolio-img img { width: 100%; -webkit-transition: 1.3s all ease; transition: 1.3s all ease; border-radius: 0px; } .rs-portfolio-style6 .portfolio-item .portfolio-content { position: absolute; padding: 17px 25px 15px; opacity: 0; visibility: hidden; z-index: 1; left: 0; bottom: -100px; text-align: left; width: 100%; border-top: 0; z-index: 11; transition: 0.6s; height: 100%; } .rs-portfolio-style6 .portfolio-item .portfolio-content .p-title { font-size: 18px; margin-bottom: 0; } .rs-portfolio-style6 .portfolio-item .portfolio-content .p-title a { color: #0a2fa6; } .rs-portfolio-style6 .portfolio-item .portfolio-content:before { background: rgba(0, 0, 0, 0.4); content: ''; position: absolute; bottom: -150px; left: 0; opacity: 0; visibility: hidden; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); transition: all 0.4s; border-radius: 5px; transition: 0.6s; } .rs-portfolio-style6 .portfolio-item .portfolio-content .p-category a { color: #454545; } .rs-portfolio-style6 .portfolio-item .portfolio-content h3 { margin-bottom: 6px; font-size: 18px; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: 0.6s all ease; transition: 0.6s all ease; font-weight: 600 !important; line-height: 30px !important; } .rs-portfolio-style6 .portfolio-item .portfolio-content h3 a:hover { color: #ff6d00; } .rs-portfolio-style6 .portfolio-item .portfolio-content p { margin-bottom: 0; color: #ff6d00; -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-transition: 0.6s all ease; transition: 0.6s all ease; } .rs-portfolio-style6 .portfolio-item .portfolio-content .portfolio-inner { position: absolute; bottom: -100px; transition: 0.5s; left: 30px; } .rs-portfolio-style6 .portfolio-item:hover .portfolio-content { opacity: 1; visibility: visible; bottom: 0; } .rs-portfolio-style6 .portfolio-item:hover .portfolio-content h3 { -webkit-transform: translateY(0px); transform: translateY(0px); } .rs-portfolio-style6 .portfolio-item:hover .portfolio-content p { -webkit-transform: translateY(0px); transform: translateY(0px); } .rs-portfolio-style6 .portfolio-item:hover .portfolio-content:before { opacity: 1; bottom: 0; visibility: visible; } .rs-portfolio-style6 .portfolio-item:hover .portfolio-content .portfolio-inner { bottom: 30px; } .rs-portfolio-style6 .portfolio-item:hover .portfolio-img img { -webkit-transform: scale(1.2); transform: scale(1.2); } .portfolio-slider-data .slick-dots { text-align: center; bottom: -75px; } .portfolio-slider-data .slick-dots li { display: inline-block; width: 12px; height: 12px; border-radius: 30px; background: #0a2fa6; transition: 0.4s; } .portfolio-slider-data .slick-dots li:hover, .portfolio-slider-data .slick-dots li.slick-active { background: #ff6d00; } .portfolio-slider-data .slick-prev, .portfolio-slider-data .slick-next { background: #ff6d00; width: 42px; height: 42px; line-height: 42px; border-radius: 50px; z-index: 8; transition: 0.4s; opacity: 0; visibility: hidden; } .portfolio-slider-data .slick-prev i, .portfolio-slider-data .slick-next i { color: #fff; } .portfolio-slider-data .slick-prev:after, .portfolio-slider-data .slick-next:after { display: none; } .portfolio-slider-data .slick-prev { left: -100px; } .portfolio-slider-data .slick-next { right: -100px; } .portfolio-slider-data:hover .slick-prev, .portfolio-slider-data:hover .slick-next { opacity: 1; visibility: visible; } .portfolio-slider-data:hover .slick-prev { left: -50px; } .portfolio-slider-data:hover .slick-next { right: -50px; } .portfolio-slider-data .portfolio-item .bg-overlay, .portfolio-slider-data .project-item .bg-overlay { background: #000; opacity: 0.7; left: 0; top: 0; width: 100%; height: 100%; } .rs_testimonials_dots_style .rs-addon-slider .slick-dots { bottom: 0; text-align: right; bottom: 40px; right: 40px; } .light .rs-portfolio-style5 .portfolio-item .portfolio-content { background: #fff; } .rs-addon-slider .slick-next, .rs-testimonial-dots-style2 .slick-next, .rs-addon-slider .slick-prev, .rs-testimonial-dots-style2 .slick-prev { background: #fff; box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); width: 50px; height: 50px; line-height: 50px; } .rs-addon-slider .slick-next.slick-prev::before, .rs-testimonial-dots-style2 .slick-next.slick-prev::before, .rs-addon-slider .slick-prev.slick-prev::before, .rs-testimonial-dots-style2 .slick-prev.slick-prev::before, .rs-addon-slider .slick-next.slick-next::before, .rs-testimonial-dots-style2 .slick-next.slick-next::before, .rs-addon-slider .slick-prev.slick-next::before, .rs-testimonial-dots-style2 .slick-prev.slick-next::before { font-family: unset; color: #0a0a0a; line-height: 48px; } .rs-addon-slider .slick-next:hover.slick-prev::before, .rs-testimonial-dots-style2 .slick-next:hover.slick-prev::before, .rs-addon-slider .slick-prev:hover.slick-prev::before, .rs-testimonial-dots-style2 .slick-prev:hover.slick-prev::before, .rs-addon-slider .slick-next:hover.slick-next::before, .rs-testimonial-dots-style2 .slick-next:hover.slick-next::before, .rs-addon-slider .slick-prev:hover.slick-next::before, .rs-testimonial-dots-style2 .slick-prev:hover.slick-next::before { color: #ff6d00; } .rs-testimonial--center .rsaddon-unique-slider .image-wrap img { margin: 0 auto; } .rs-testimonial .item-content i { z-index: 3; } .rs-testimonial .item-content p { position: relative; } .rs-testimonial .item-content p:before { content: ''; height: 100%; width: 100%; position: absolute; left: 0; top: 0; z-index: -1; transform: rotate(10deg); border-radius: 10px; } .rs-portfolio-agency .portfolio-filter { margin-bottom: 30px; } .single-portfolios .rs-porfolio-details.project-gallery { margin-bottom: -30px; } .single-portfolios .project-desc { padding-right: 10px; } .single-portfolios .project-desc img { border-radius: 5px; } .single-portfolios .project-img { margin-bottom: 50px; } .wp-block-gallery.aligncenter, .wp-block-gallery.alignleft, .wp-block-gallery.alignright { display: flex !important; } .mfp-content figure { position: relative; } .mfp-content figure .mfp-title { position: absolute; left: 0; bottom: 4px; width: auto; right: 0; color: #fff !important; background: rgba(255, 255, 255, 0.05); padding: 30px; } .mfp-content figure .mfp-title .gallery-title-wrap h3 { margin: 0; color: #fff !important; font-size: 25px !important; font-weight: 600 !important; } .mfp-content figure .mfp-title p { margin: 12px 0 0; } .mfp-content figure .mfp-title p:empty { display: none; } .ps-navigation { margin-top: 70px; margin-left: auto; margin-right: auto; width: 100%; } .ps-navigation ul { margin: 0 !important; list-style: none; } .ps-navigation ul .prev { display: inline-block; text-align: left; } .ps-navigation ul .next { display: inline-block; text-align: right; word-break: break-all; } .ps-navigation ul a { text-transform: uppercase; } .ps-navigation ul a span { display: block; font-weight: normal; text-transform: capitalize; } .ps-navigation ul a span:first-child { margin-top: 0; } .ps-navigation ul a span.pagi-date { font-size: 13px; color: #aaa; line-height: normal; margin-top: 5px; } .ps-navigation ul a:hover { color: #ff6d00; } .single-portfolios .owl-carousel .owl-nav [class*="owl-"] { top: calc(50%); } .single-portfolios .ps-navigation { margin-bottom: 0; margin-top: 30px; margin-left: auto; margin-right: auto; width: 100%; } .single-portfolios .ps-navigation ul li a { font-size: 15px; } .single-portfolios .ps-navigation ul li a span { font-size: 15px !important; } .single-portfolios .owl-stage-outer { height: auto !important; margin-bottom: 50px; } /* ------------------------------------ 21. Gallery Css ---------------------------------------*/ .rs-galleys .file-list-image, .rs-galleys .galley-img { position: relative; margin-bottom: 30px; } .rs-galleys .file-list-image .p-zoom, .rs-galleys .galley-img .p-zoom, .rs-galleys .file-list-image .zoom-icon, .rs-galleys .galley-img .zoom-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; visibility: hidden; background: transparent !important; color: #fff; width: 50px; height: 50px; line-height: 50px; text-align: center; transition: all 0.5s ease-in-out; } .rs-galleys .file-list-image .p-zoom i:before, .rs-galleys .galley-img .p-zoom i:before, .rs-galleys .file-list-image .zoom-icon i:before, .rs-galleys .galley-img .zoom-icon i:before { font-size: 22px; } .rs-galleys .file-list-image .p-zoom:hover, .rs-galleys .galley-img .p-zoom:hover, .rs-galleys .file-list-image .zoom-icon:hover, .rs-galleys .galley-img .zoom-icon:hover { color: #0a2fa6; } .rs-galleys .file-list-image:before, .rs-galleys .galley-img:before { content: ""; position: absolute; background: rgba(0, 0, 0, 0.3); top: 0; bottom: 0; left: 0; right: 0; width: 0%; height: 100%; transition: all 0.4s ease-in-out; } .rs-galleys .file-list-image:hover:before, .rs-galleys .galley-img:hover:before { width: 100%; } .rs-galleys .file-list-image:hover .p-zoom, .rs-galleys .galley-img:hover .p-zoom, .rs-galleys .file-list-image:hover .zoom-icon, .rs-galleys .galley-img:hover .zoom-icon { visibility: visible; opacity: 1; color: #fff !important; } .rs-galleys .no-gutters .file-list-image { margin-bottom: 0; } .mfp-close { opacity: 0.9; } .rs-banner.full-screen { width: 100%; height: 100vh; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; position: relative; background-repeat: no-repeat; background-position: bottom center; } .rs-banner #particles-js { background-size: cover; height: 100%; position: absolute; width: 100%; z-index: 0; } .rs-banner .banner-content { position: absolute; top: 50%; transform: translateY(-50%); } .rs-banner .banner-content .banner_title { display: inline-block; margin-bottom: 16px; font-size: 65px; position: relative; z-index: 9; color: #444; line-height: 70px; } .rs-banner .banner-content .banner-button { margin-top: 20px; } .rs-banner .banner-content .banner-button.btn-light .readon:not(.border):hover { background: transparent; border-color: #ff6d00; color: #fff; } .rs-banner .banner-content .banner-button.btn-light .readon.border { border-color: #fff; color: #fff; } .rs-banner .banner-content .banner-button.btn-light .readon.border:hover { border-color: #0a2fa6; } .rs-banner .banner-content .banner-button .readon { border-color: #ff6d00; background: transparent; padding: 11px 35px; } .rs-banner .banner-content .banner-button .readon:hover { background: #ff6d00 !important; color: #ffffff !important; } .rs-banner .banner-content .work-position h3 { font-size: 40px; color: #bbb; display: inline-block; } .rs-banner .banner-content .work-position h3 span { margin-right: 10px; } .rs-banner .banner-content .work-position .cd-headline { display: inline-block; color: #bbb; font-size: 40px; line-height: 52px; font-weight: 500; } .rs-banner .cd-words-wrapper:after { background-color: #0a2fa6; height: 90%; top: 10px; width: 0; } .rs-banner ul { list-style-type: none; margin: 0; padding: 0; } .rs-banner ul li { display: inline-block; margin: 0 25px 25px 0; } .rs-banner .arrow-btn { width: 26px; height: 55px; bottom: 7%; left: 50%; z-index: 99; text-align: center; position: absolute; border: 1px solid #999; border-radius: 20px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .rs-banner .arrow-btn i { color: #999; font-size: 22px; line-height: 80px; -webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite; -ms-animation: bounce 2s infinite; -o-animation: bounce 2s infinite; animation: bounce 2s infinite; transition: 0.4s; -webkit-transition: 0.4s; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .rs-banner .arrow-btn i:hover { -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } .rs-banner.not-full-screen .banner-content { position: relative; top: 0; transform: translateY(0); } .rs-banner.not-full-screen .cd-words-wrapper { margin-left: 0; } .rs-banner.not-full-screen .container { padding: 0; } /* ------------------------------------ 21. Portfolio Details ---------------------------------------*/ .rs-porfolio-details img.mb-30 { margin-top: 20px; } .rs-porfolio-details .ps-informations ul { margin: 0; list-style: none; text-align: left; padding: 0; } .rs-porfolio-details .ps-informations ul li { color: #fff; } .rs-porfolio-details .ps-informations ul li + li { padding-top: 10px; margin-top: 10px; border-top: 1px solid rgba(54, 54, 54, 0.1); } .rs-porfolio-details .ps-informations ul li span { width: 150px; display: inline-block; font-weight: 600; } .rs-porfolio-details .ps-informations { padding: 40px 30px 46px; border-radius: 5px; margin-bottom: 60px; background-image: linear-gradient(250deg, #ff6d00 19%, #0a2fa6 100%); } .rs-porfolio-details .ps-informations .info-title { padding-bottom: 10px; color: #fff; } .rs-porfolio-details .widget-title { font-size: 28px; margin-bottom: 20px; } .rs-porfolio-details .widget_custom_html, .rs-porfolio-details .contact-me-widget { padding: 60px 30px 40px; border-radius: 5px; margin-bottom: 60px; background-image: linear-gradient(250deg, #0b70e1 19%, #03228f 100%); } .rs-porfolio-details .widget_custom_html .sidebar_number, .rs-porfolio-details .contact-me-widget .sidebar_number, .rs-porfolio-details .widget_custom_html .sidebar_question, .rs-porfolio-details .contact-me-widget .sidebar_question { color: #FFFFFF; } .rs-porfolio-details .widget_custom_html .sidebar_question, .rs-porfolio-details .contact-me-widget .sidebar_question { font-size: 24px; line-height: 42px; margin-top: 50px; } .rs-porfolio-details .widget_custom_html .sidebar_number, .rs-porfolio-details .contact-me-widget .sidebar_number { font-size: 28px; margin-top: 27px; } .rs-porfolio-details .widget_custom_html .sidebar_number a, .rs-porfolio-details .contact-me-widget .sidebar_number a { color: #ffffff; } .rs-porfolio-details .widget_custom_html .sidebar_number a:hover, .rs-porfolio-details .contact-me-widget .sidebar_number a:hover { color: #eee; } .rs-porfolio-details .rs-contact-box .address-item .address-icon, .rs-porfolio-details .rs-contact-box .address-item .address-icon:before { background: #fff; } .rs-porfolio-details .rs-contact-box .address-item .address-icon i { color: #ff6d00; } .rs-porfolio-details #custom_html-5, .rs-porfolio-details .brochures-widget { padding: 40px 30px 56px; background: #f6f7f9; border-radius: 5px; margin-bottom: 60px; } .rs-porfolio-details #custom_html-5 .rs_button, .rs-porfolio-details .brochures-widget .rs_button, .rs-porfolio-details #custom_html-5 .brochures-button, .rs-porfolio-details .brochures-widget .brochures-button { margin-top: 35px; font-size: 16px; font-weight: 600; color: #fff; padding: 14px 40px 14px 40px; } .rs-porfolio-details #custom_html-5 p.brochures-txt, .rs-porfolio-details .brochures-widget p.brochures-txt { margin: 0; } .rs-porfolio-details .information-sidebar .widget_nav_menu li a { display: block; border: 2px solid #e8e8e8; padding: 16px 18px; transition: all .5s ease; border-radius: 5px; position: relative; font-size: 16px; font-weight: 700; } .rs-porfolio-details .information-sidebar .widget_nav_menu li:hover a, .rs-porfolio-details .information-sidebar .widget_nav_menu li.current-menu-item a { background-image: linear-gradient(250deg, #1273eb 19%, #03228f 100%); color: #ffffff; } .rs-porfolio-details .ps-image { text-align: center; margin-bottom: 10px; } .rs-porfolio-details .ps-share { margin-top: 40px; } .rs-porfolio-details .ps-share ul { margin: 0; } .rs-porfolio-details .ps-share .share-title { font-size: 20px; font-weight: 500; margin-bottom: 20px; } .rs-porfolio-details .ps-share ul li { display: inline-block; margin: 0 10px 14px 0; } .rs-porfolio-details .ps-share ul li a { font-size: 20px; display: block; width: 50px; height: 48px; line-height: 48px; border: 1px solid #0a2fa6; text-align: center; transition: all 0.4s ease-in-out 0s; } .rs-porfolio-details .ps-share ul li a:hover { background-color: #0a2fa6; color: #ff6d00; } .rs-porfolio-details .project-desc { line-height: 30px; } .rs-porfolio-details .project-desc p:last-child { margin-bottom: 0; } .rs-porfolio-details .project-desc .ps-title { margin-bottom: 20px; } .rs-porfolio-details .ps-related-project { margin-top: 50px; } .rs-porfolio-details .ps-related-project .ps-related-title { font-size: 20px; font-weight: 500; margin-bottom: 30px; } .rs-porfolio-details .ps-related-project .portfolio-item { margin-bottom: 20px; } .rs-porfolio-details .portfolio-carousel .owl-dots { display: none; } .rs-porfolio-details .portfolio-carousel .owl-stage-outer { height: auto !important; } .rs-porfolio-details .portfolio-carousel .owl-nav { display: none; } .rs-porfolio-details .portfolio-carousel .owl-nav .owl-prev { left: 10px !important; min-height: 1px; transition: all .5s ease; } .rs-porfolio-details .portfolio-carousel .owl-nav .owl-next { right: 10px !important; min-height: 1px; transition: all .5s ease; } .rs-porfolio-details .portfolio-carousel:hover .owl-nav { display: block; } .rs-porfolio-details .portfolio-carousel .file-list-image img { border-radius: 5px; } .rs-porfolio-details.project-gallery .ps-image-wrap { margin-top: 60px; } .rs-porfolio-details.project-gallery .file-list-image { margin-bottom: 30px; position: relative; background: #000000; border-radius: 5px; } .rs-porfolio-details.project-gallery .file-list-image a:hover i { color: #fff; } .rs-porfolio-details.project-gallery .file-list-image img { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; border-radius: 5px; } .rs-porfolio-details.project-gallery .file-list-image .p-zoom { display: inline-block; font-size: 14px; color: #fff; transition: all 0.3s ease 0s; height: 46px; line-height: 44px; width: 46px; border: 1px solid #ffffff; border-radius: 50%; text-align: center; position: absolute; left: 50%; top: 60%; opacity: 0; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } .rs-porfolio-details.project-gallery .file-list-image:hover img { opacity: 0.4; } .rs-porfolio-details.project-gallery .file-list-image:hover .p-zoom { top: 50%; opacity: 1; } .rs-porfolio-details.project-gallery .file-list-image:hover .p-zoom:hover { background: #0a2fa6; color: #ffffff; border: 1px solid #ff6d00; } /*-------------------------------------------------------------- Rs service slider css --------------------------------------------------------------*/ #rs-services-slider { padding-bottom: 30px; } #rs-services-slider .item-thumb { width: 100%; padding-right: 16px; } #rs-services-slider .item-thumb img { border-radius: 5px; } #rs-services-slider .item-thumb .owl-dot { width: 48%; display: inline-block; justify-content: center; padding: 10px; float: left; cursor: pointer; margin-left: 10px; margin-bottom: 10px; } #rs-services-slider .device-lg .item-thumb .owl-dot, #rs-services-slider .device-sm .item-thumb .owl-dot { height: 150px; } #rs-services-slider .device-xs .item-thumb .owl-dot { width: 50%; padding: 10px; height: 100px; } #rs-services-slider .feature-content { margin-bottom: 12px; } #rs-services-slider .img_wrap { position: relative; overflow: hidden; margin-bottom: 24px; } #rs-services-slider .img_wrap .feature-title { position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; padding: 33px; z-index: 9; color: #fff; } #rs-services-slider .img_wrap .feature-title a { color: #fff; } #rs-services-slider .img_wrap .feature-title a:hover { color: #0a2fa6; } #rs-services-slider .img_wrap a img { width: 100%; } #rs-services-slider .img_wrap:before { content: ""; position: absolute; background: #ff6d00; left: -60px; right: 0; bottom: -80px; display: block; height: 192px; opacity: .8; z-index: 1; transform: rotate(-3deg); width: 150%; } #rs-services-slider .img_wrap:after { content: ""; position: absolute; background: #ff6d00; left: -150px; right: 0; bottom: -80px; display: block; height: 204px; opacity: .8; z-index: 1; transform: rotate(-3deg); width: 150%; } #rs-services-slider .item-thumb .owl-dot span { position: relative; display: block; background-size: cover; background-position: center center; width: auto; height: 100%; -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.05); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #rs-services-slider .item-thumb .owl-dot.active span, #rs-services-slider .item-thumb .owl-dot:hover span { opacity: .7; } #rs-services-slider .menu-carousel .heading-block h4 { margin-bottom: 7px; margin-top: 10px; letter-spacing: 2px; font-size: 20px; line-height: 20px; text-transform: uppercase; } #rs-services-slider .menu-carousel .heading-block h4 a { font-weight: 600; color: #0a0a0a; transition: .20s; } #rs-services-slider .menu-carousel .heading-block h4 a:hover { color: #0a2fa6; } #rs-services-slider .menu-carousel .feature-content { position: relative; padding: 16px 0 0; border-radius: 0 0 5px 0px; text-align: left; } #rs-services-slider .menu-carousel .feature-content .service_details { padding-top: 36px; } #rs-services-slider .menu-carousel .heading-block p { margin-bottom: 0; } #rs-services-slider .menu-carousel .heading-block .readon { margin-top: 20px; } #rs-services-slider .menu-carousel .heading-block .food-info { color: #BBB; text-transform: uppercase; font-weight: 400; letter-spacing: 2px; font-size: 14px; } #rs-services-slider .food-price { position: absolute; top: 40px; right: 50px; font-size: 20px; letter-spacing: -1px; font-weight: 500; } #rs-services-slider .menu-carousel .more-link { margin-top: 35px; border-bottom: 1px solid #333 !important; } #rs-services-slider .more-link { font-style: normal; border-bottom: 0; color: #333; margin-top: 10px; font-size: 14px; } #rs-services-slider .team-title h4 { font-size: 15px; } #rs-services-slider .team-title span { font-style: normal; margin-bottom: 15px; color: #aaa !important; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; } #rs-services-slider .entry { padding: 0; margin: 0; border-bottom: 0; -webkit-box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.08); } #rs-services-slider .entry-title { background-color: #FFF; padding: 15px; } #rs-services-slider .entry-title h2 { text-transform: none; font-size: 17px; font-weight: 500; letter-spacing: 0; } #rs-services-slider .entry-meta { margin: 8px 0 0; } #rs-services-slider .ipost .entry-meta li a { font-size: 11px; font-style: normal; text-transform: uppercase; letter-spacing: 1px; color: #999; } #rs-services-slider .entry-meta li:before { content: '\00b7'; opacity: 1; } #rs-services-slider .service-button { margin: 80px 0 80px 15px; } #rs-services-slider .device-sm .service-button, #rs-services-slider .device-xs .service-button { margin: 30px 0 0; } #rs-services-slider .clfeatures .cl-ft-item { border-radius: 5px; } #rs-services-slider .clfeatures .cl-ft-item img { display: block; margin: 0; border-radius: 5px; } #rs-services-slider .item-thumb .owl-dot { position: relative; } #rs-services-slider .item-thumb .owl-dot:before { content: ""; position: absolute; left: 10px; top: 10px; z-index: 99; width: calc(100% - 20px); height: calc(100% - 20px); background: rgba(0, 0, 0, 0.8); transition: all 500ms ease; opacity: 0; border-radius: 5px; } #rs-services-slider h5.overlay-feature-title { font-size: 16px; line-height: 140%; font-weight: normal; margin: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9999; text-align: center; width: calc(80%); transition: all 500ms ease; opacity: 0; } #rs-services-slider h5.overlay-feature-title a { color: #fff; pointer-events: none; } #rs-services-slider .item-thumb .owl-dot:hover:before, #rs-services-slider .item-thumb .owl-dot.active:before { opacity: 1; } #rs-services-slider .item-thumb .owl-dot.service_icon_style { float: none; text-align: center; background: #ffffff; padding-top: 28px; padding-bottom: 22px; border-radius: 3px; box-shadow: 0 0 7px 7px rgba(0, 0, 0, 0.02); } #rs-services-slider .item-thumb .owl-dot.service_icon_style:before { display: none; } #rs-services-slider .item-thumb .owl-dot.service_icon_style .tile-content { margin-top: 10px; font-weight: 600; margin-bottom: 0; font-size: 16px; text-transform: uppercase; } #rs-services-slider .item-thumb .owl-dot.service_icon_style .tile-content a { color: #0a0a0a; } #rs-services-slider .item-thumb .owl-dot.service_icon_style.active .tile-content a, #rs-services-slider .item-thumb .owl-dot.service_icon_style:hover .tile-content a { color: #ff6d00; } #rs-services-slider .item-thumb .owl-dot:hover h5.overlay-feature-title, #rs-services-slider .item-thumb .owl-dot.active h5.overlay-feature-title { opacity: 1; } @media (min-width: 992px) { #rs-services-slider #header, #rs-services-slider #header-wrap { z-index: 200; background-color: transparent !important; background-repeat: repeat-x; background-position: center bottom; background-size: auto 100%; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #rs-services-slider #primary-menu ul li > a { padding-top: 32px; padding-bottom: 10px; } #rs-services-slider #header.sticky-header #header-wrap { background-color: transparent !important; box-shadow: none; } #rs-services-slider .slider-caption h2 { font-size: 76px; } #rs-services-slider .food-price { font-size: 24px; top: 50px; right: 60px; } } #rs-services-slider .services-wrap .services-item { position: relative; padding: 0px 25px 65px; z-index: 10; } #rs-services-slider .services-wrap .services-item:after { content: ''; position: absolute; left: 0; z-index: -1; height: 100%; width: 100%; background: #fff; transition: all 0.4s ease-in-out 0s; top: 50%; transform: scale(1, 0.9) translateY(-50%); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); opacity: 0; } #rs-services-slider .services-wrap .services-item:hover .services-desc:after { background: #0a2fa6; width: 100px; } #rs-services-slider .services-wrap .services-item:hover:after { opacity: 1; transform: scale(1, 1) translateY(-50%); } #rs-services-slider .services-wrap .services-icon { position: relative; display: inline-block; font-size: 64px; color: #0a2fa6; } #rs-services-slider .services-wrap .services-title { font-size: 20px; margin-top: 35px; margin-bottom: 25px; } #rs-services-slider .services-wrap .services-desc { position: relative; } #rs-services-slider .services-wrap .services-desc:after { content: ''; position: absolute; left: 0; height: 2px; width: 50px; bottom: -45px; background: rgba(0, 0, 0, 0.1); transition: all 0.4s ease-in-out 0s; } #rs-services-slider .services-wrap .services-desc p { margin-bottom: 55px; } /*-------------------------------------------------------------- Rs service Grid css --------------------------------------------------------------*/ .rs-service-grid .service-item { position: relative; } .rs-service-grid .service-item .service-img { position: relative; overflow: hidden; } .rs-service-grid .service-item .service-img img { border-radius: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.4s linear; } .rs-service-grid .service-item .service-img:before { content: ""; position: absolute; background: #ff6d00; left: -73px; right: 0; bottom: -28px; display: block; height: 155px; opacity: .8; z-index: 1; transform: rotate(-8deg); width: 150%; transition: all 0.4s ease-in-out; } .rs-service-grid .service-item .service-img:after { content: ""; position: absolute; background: #ff6d00; left: -73px; right: 0; bottom: -28px; display: block; height: 136px; opacity: .6; z-index: 1; transform: rotate(-8deg); width: 150%; transition: all 0.4s ease-in-out; } .rs-service-grid .service-item .service-img .p-title { font-size: 20px; position: absolute; bottom: 0; left: 0; right: 0; text-align: center; padding: 28px 0; font-weight: 500; margin: 0; z-index: 9; } .rs-service-grid .service-item .service-img .p-title a { color: #fff; opacity: 1; } .rs-service-grid .service-item .service-content { display: block; } .rs-service-grid .service-item .service-content .service-excerpt { padding-top: 0; } .rs-service-grid .service-item .service-content .service-excerpt p { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -o-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.4s ease-in-out; padding: 0 25px; } .rs-service-grid .service-item .service-content { position: absolute; opacity: 0; padding: 20px; color: #fff; top: 0; left: 0; width: 100%; height: 100%; text-align: center; overflow: hidden; transition: all 0.4s ease-in-out; z-index: 9; } .rs-service-grid .service-item .service-content:before { content: ""; position: absolute; background: #ff6d00; left: 0; right: 0; bottom: 0; display: block; top: 0; opacity: 0; z-index: 0; } .rs-service-grid .service-item .service-content .service-button { -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -o-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.4s linear; } .rs-service-grid .service-item .service-content .service-button .readon.rs_button { height: 50px; line-height: 48px; background: #fff; border: 2px solid; border-color: #fff; color: #ff6d00; } .rs-service-grid .service-item .service-content .service-button .readon.rs_button:hover { background: #fff; padding-right: 55px; border: 2px solid; border-color: #ff6d00; color: #ff6d00; } .rs-service-grid .service-item .service-content .service-button .readon.rs_button:hover:before { right: 35px; color: #ff6d00; } .rs-service-grid .service-item:hover .service-content { opacity: 1; } .rs-service-grid .service-item:hover .service-content:before { opacity: .8; } .rs-service-grid .service-item:hover .service-button { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; } .rs-service-grid .service-item:hover .service-img h3.p-title { display: none; } .rs-service-grid .service-item:hover .service-img:before, .rs-service-grid .service-item:hover .service-img:after { opacity: 0; height: 0; } .rs-service-grid .service-item:hover .service-img img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .rs-service-grid .service-item:hover .service-content .service-excerpt p { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; } .rs-service-grid.rs-service-style2 .service-item .service-img:before, .rs-service-grid.rs-service-style2 .service-item .service-img:after { height: 90px; transform: rotate(0deg); bottom: 0; z-index: 0; } .rs-service-grid.rs-service-style2 .service-item .service-img h3.p-title { padding: 20px 0 14px; } .rs-service-grid.rs-service-style2 .service-item .service-content .service-excerpt { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; left: 0; right: 0; z-index: 99; } .rs-service-grid.rs-service-stylestyle4 .service-item-four { position: relative; overflow: hidden; } .rs-service-grid.rs-service-stylestyle4 .service-item-four:after { top: 0; left: 0; right: 0; bottom: 0; opacity: 0.9; content: ""; position: absolute; border-radius: 0; z-index: 0; transition: 0.4s; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0b2ba7+0,7db9e8+100&1+0,0+100 */ background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, rgba(51, 51, 51, 0.5) 70%); /* FF3.6-15 */ background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, rgba(51, 51, 51, 0.5) 70%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, rgba(51, 51, 51, 0.5) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000333', GradientType=0); /* IE6-9 */ } .rs-service-grid.rs-service-stylestyle4 .service-item-four:before { top: 0; left: 0; right: 0; bottom: 0; opacity: 0.9; content: ""; position: absolute; background: transparent; border-radius: 0; z-index: 1; transition: 0.4s; } .rs-service-grid.rs-service-stylestyle4 .service-item-four:hover:before { background-color: rgba(0, 0, 0, 0.7); } .rs-service-grid.rs-service-stylestyle4 .service-item-four .service-content { padding: 0 20px; position: absolute; left: 0; width: 100%; z-index: 1; transition: 0.4s; bottom: 15px; } .rs-service-grid.rs-service-stylestyle4 .service-item-four .service-content .p-title { margin-bottom: 12px; font-size: 20px; width: 100%; } .rs-service-grid.rs-service-stylestyle4 .service-item-four .service-content p { line-height: 22px; opacity: 0; visibility: hidden; margin-bottom: 0; height: 0; transition: 0.4s; color: #ffffff; display: block; } .rs-service-grid.rs-service-stylestyle4 .service-item-four .service-content h3 { color: #fff; padding: 12px 15px 0; display: inline-block; font-size: 18px; margin: 0; } .rs-service-grid.rs-service-stylestyle4 .service-item-four .service-content:after, .rs-service-grid.rs-service-stylestyle4 .service-item-four .service-content:before { background: transparent; } .rs-service-grid.rs-service-stylestyle4 .service-item-four:hover .service-content { bottom: 15px; } .rs-service-grid.rs-service-stylestyle4 .service-item-four:hover .service-content h3 { color: #fff; background: transparent; } .rs-service-grid.rs-service-stylestyle4 .service-item-four:hover .service-content p { opacity: 1; visibility: visible; height: auto; } .rs-service-grid .show_cate_ser { display: block; font-size: 14px; } .box-service .rs-services-default .services-wrap .services-item { padding: 25px 25px 25px 10px; transition: all 0.6s ease 0s; background: #fff; box-shadow: 0 14px 20px rgba(0, 0, 0, 0.05); margin-bottom: 30px; border-radius: 5px; } /* Processbar CSS */ .cdev div { position: absolute; height: 150px; width: 150px; border-radius: 50%; } .skillbar-wrap { position: relative; height: 150px; width: 150px; } .skillbar-wrap .skill-title { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); padding-top: 113px; } .skillbar-wrap .skill-title:after { content: ''; position: absolute; height: 113px; width: 1px; border: 1px dashed #ff6d00; display: block; left: 50%; bottom: 26px; transform: translateX(-50%); } .vc_progress_bar { margin-bottom: 0; } .vc_progress_bar h2 { font-size: 24px; line-height: 34px; margin-bottom: 45px; text-transform: uppercase; } .vc_progress_bar .vc_single_bar { background: #eee; margin-top: 23px; -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1); line-height: 12px; height: 12px; } .vc_progress_bar .vc_single_bar + .vc_single_bar { margin-top: 50px; } .vc_progress_bar .vc_single_bar .vc_label { text-transform: uppercase; color: #454545 !important; text-shadow: none; padding: 0; position: absolute; text-shadow: none !important; top: -22px; padding: 0 !important; font-size: 13px; } .vc_progress_bar .vc_single_bar .vc_label_units { margin-left: 6px; } .cdev div span { position: absolute; font-family: Arial; font-size: 25px; line-height: 105px; height: 70%; width: 70%; left: 15%; top: 15%; text-align: center; border-radius: 50%; background-color: white; } .cdev .background { background-color: #b3cef6; } .cdev .rotate { clip: rect(0 75px 150px 0); background-color: #4b86db; } .cdev .left { clip: rect(0 75px 150px 0); opacity: 1; background-color: #b3cef6; } .cdev .right { clip: rect(0 75px 150px 0); transform: rotate(180deg); opacity: 0; background-color: #4b86db; } @keyframes toggle { 0% { opacity: 0; } 100% { opacity: 1; } } /*-------------------------------------------------------------- Floating CSS --------------------------------------------------------------*/ .floating-top { position: relative; z-index: 1; } /*-------------------------------------------------------------- Latest product slider --------------------------------------------------------------*/ .rs-products-slider .product-item { background: #fff; text-align: center; padding: 0px 0px 30px; box-shadow: 0 0 150px #eee; } .rs-products-slider .product-item h4.product-title { padding-top: 20px; margin-bottom: 15px; } .rs-products-slider .product-item h4.product-title a { color: #0a0a0a; } .rs-products-slider .product-item h4.product-title a:hover { color: #0a2fa6; } .rs-products-slider .product-item .product-img img { width: auto; margin: 0 auto; } .rs-products-slider .product-item .product-price { font-size: 16px; color: #0a0a0a; } .rs-products-slider .product-item .product-price ins { background: transparent !important; color: #0a2fa6; } .rs-products-slider .product-item .product-btn { padding-top: 15px; } .rs-products-slider .product-item .product-btn a { padding: 0 30px; height: 44px; line-height: 44px; display: inline-block; position: relative; font-size: 17px; background: #1273eb; font-weight: 500; border-radius: 0; color: #fff; } .rs-products-slider .product-item .product-btn a:hover { background: #ffffff; } .rs-products-slider.rs-products-grid .product-item-inner { padding: 0 0 30px; background: none; text-align: center; margin-bottom: 30px; } .rs-products-slider.rs-products-grid .product-item-inner .product-img { position: relative; } .rs-products-slider.rs-products-grid .product-item-inner .product-img img { width: 100%; } .rs-products-slider.rs-products-grid .product-item-inner .product-img .product-btn a { background: none; font-size: 0; background: #fff; border: none; position: absolute; bottom: 25px; transform: translateY(-200px); right: 10px; transition: all 0.5s ease-in-out 0s; padding: 0; opacity: 0; margin: 0; height: 45px; width: 45px; line-height: 45px; border-radius: 3px; } .rs-products-slider.rs-products-grid .product-item-inner .product-img .product-btn a:before { color: #0a0a0a; font-size: 27px; } .rs-products-slider.rs-products-grid .product-item-inner .product-img .product-btn a:hover:before { color: #0a2fa6; } .rs-products-slider.rs-products-grid .product-item-inner .product-img .product-btn a.wc-forward { font-size: 14px; color: #0a0a0a; padding: 0; width: 90px; height: 34px; line-height: 37px; } .rs-products-slider.rs-products-grid .product-item-inner .product-img .product-btn a.wc-forward:hover { background: #0a2fa6; color: #fff; } .rs-products-slider.rs-products-grid .product-item-inner .product-img .product-btn a.added { display: none; } .rs-products-slider.rs-products-grid .product-item-inner ins { background: none; } .rs-products-slider.rs-products-grid .product-item { background: none; text-align: center; padding: 0 15px; box-shadow: none; } .rs-products-slider.rs-products-grid .product-item h4.product-title { margin-bottom: 5px; } .rs-products-slider.rs-products-grid .product-item:hover .product-img .product-btn a { transform: translateY(0); opacity: 1; } .wp-block-button__link { background: #0a2fa6 !important; } .wp-block-button { margin-bottom: 20px !important; } .is-style-outline { color: #ff6d00 !important; } .is-style-outline a { background: transparent !important; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { padding: 0 40px 40px; } /*-------------------------------------------------------------- Parter CSS --------------------------------------------------------------*/ .partner-carousel .partner-item { width: 100px; display: block; margin: 0 auto; } .partner-carousel .partner-item img { opacity: 0.3; } .partner-carousel .partner-item:hover img { opacity: 1; } .wp-block-cover-image-text, .wp-block-cover-text, section.wp-block-cover-image h2, .wp-block-cover-text a { color: #fff !important; } .rs-heading .title-inner .title, .rs-dual-heading .title-inner .title { line-height: 48px; } .icon-align-right ul li { position: relative; } .icon-align-right ul li i { position: absolute; right: 5px; top: 10px; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce .wc-forward, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { cursor: pointer; display: inline-block; position: relative; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; padding: 13px 31px; border-radius: 3px; font-size: 16px; font-weight: 500; background-image: linear-gradient(90deg, #03228f 0%, #0e73e4 100%); color: #ffffff; z-index: 1; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce .wc-forward:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { color: #fff; background-image: linear-gradient(90deg, #0e73e4 19%, #03228f 100%); z-index: 1; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-weight: 400; } .woocommerce #review_form #respond textarea { border: 1px solid rgba(54, 54, 54, 0.1); } .wc-forward:hover { background: transparent; color: #0a0a0a; } .woocommerce .woocommerce-ordering select { vertical-align: top; padding: 10px; border: 1px solid #ced4da; border-radius: 5px; } .bs-sidebar .widget_product_search .woocommerce-product-search { position: relative; } .bs-sidebar .widget_product_search .woocommerce-product-search button { border: none; font-size: 0; padding: 9px 18px 9px 18px; background: transparent; background-size: 30px; background-repeat: no-repeat; background-position: center; z-index: 9; border-radius: 0 5px 5px 0; } .bs-sidebar .widget_product_search .woocommerce-product-search:hover:after { color: #fff; background: #ff6d00; } .bs-sidebar .widget_product_search .woocommerce-product-search:after { content: "\f002"; font-family: FontAwesome; position: absolute; right: 0; top: 0; font-size: 20px; color: #666; padding: 9px 18px 9px 18px; transition: all 0.4s ease-in-out 0s; border-radius: 0 5px 5px 0; } .bs-sidebar .widget_product_search input[type="search"] { height: 44px; padding: 8px 15px; border-radius: 5px; width: 100%; position: relative; border: 1px solid #ddd; } .bs-sidebar .widget_product_search button { position: absolute; right: 0; top: 0; color: #fff; } .bs-sidebar .widget_product_search button:hover { opacity: .95; } .woocommerce div.product form.cart .group_table td { padding: 25px 20px; border: none; border-bottom: 1px solid #E6E6E6; vertical-align: middle; } .woocommerce div.product form.cart .group_table td:first-child { padding: 25px 20px 25px 0px; width: 180px; } .woocommerce-checkout table.shop_table td { padding: 20px 12px; } #ship-to-different-address .woocommerce-form__label .input-checkbox { margin: 11px 0 0 !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li { padding: 10px 45px !important; } .woocommerce-grouped-product-list .quantity .qty { margin-bottom: 0 !important; border-radius: 0 !important; } .grouped_form .single_add_to_cart_button { margin-top: 15px !important; } .grouped_form .woocommerce-Price-amount { font-weight: 700; color: #ff6d00; } .grouped_form td ins { padding: 0; } .grouped_form del .woocommerce-Price-amount { font-weight: 600; color: #666666; display: block; font-size: 13px; line-height: 16px; } .grouped_form .woocommerce-grouped-product-list-item__label a { color: #0a0a0a !important; font-weight: 700; } .woocommerce div.product p.price del, .woocommerce div.product span.price del { opacity: 1; display: inline-block; font-size: 15px; font-weight: 700; color: #454545; } .woocommerce-product-details__short-description p { margin-bottom: 35px; } .woocommerce div.product .product_meta { font-size: 13px; } .woocommerce div.product .product_meta .posted_in { display: block; font-weight: 700; } .woocommerce div.product form.grouped_form table { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } .woocommerce div.product form.grouped_form table td { border: none !important; } .woocommerce div.product form.grouped_form button { margin-left: 0 !important; } .woocommerce div.product form.grouped_form .group_table tr:first-child td { padding-top: 30px; } .woocommerce div.product form.grouped_form .group_table tr:last-child td { padding-bottom: 30px; } .woocommerce div.product form.grouped_form .group_table td { padding: 10px 20px; } .woocommerce div.product form.grouped_form .group_table td:first-child { padding: 10px 20px 10px 0px; } .woocommerce .woocommerce-form-login .form-row { margin-bottom: 16px; } .woocommerce .woocommerce-form-login .form-row .woocommerce-form__label-for-checkbox, .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit { margin-top: 8px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { text-align: center; } .woocommerce nav.woocommerce-pagination ul li span.current { font-weight: 500; } .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover { background: transparent; color: #0a2fa6; } body .woocommerce-pagination ul { border-color: #f2f2f2 !important; border-radius: 3px; border-width: 1px !important; border-right: 1px solid #E6E6E6 !important; } body .woocommerce-pagination ul li { border: none !important; padding: 2px 16px !important; margin: 14px 0 !important; border-right: 1px solid #E6E6E6 !important; } body .woocommerce-pagination ul li:last-child { border-right: 0 !important; } body .woocommerce-pagination ul li a.page-numbers, body .woocommerce-pagination ul li span { font-size: 18px; padding: 0; font-weight: 500; border: none; color: #505050; outline: none; text-align: center; font-size: 18px !important; padding: 0 !important; display: block; margin-left: -1px; outline: none !important; background: transparent !important; } ul.products .star-rating { width: 66px; margin: 2px auto 5px !important; } .woocommerce .star-rating span::before, .woocommerce .star-rating::before { color: #0a2fa6 !important; } .woocommerce a.added_to_cart { padding-top: 15px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: #ff6d00; } .woocommerce .related .products li .add_to_cart_button, .woocommerce .related .products li a.product_type_grouped { display: none; } .woocommerce #commentform { max-width: 650px; } .woocommerce #commentform .comment-form-author label, .woocommerce #commentform .comment-form-email label { min-width: 60px; } .woocommerce #commentform .comment-form-author input, .woocommerce #commentform .comment-form-email input { width: 100%; } .woocommerce #commentform .comment-form-comment textarea { margin-bottom: 0; } .woocommerce #review_form #respond p { margin: 5px 0 20px; } .woocommerce .cart_totals h2 { border-bottom: 1px solid #E6E6E6; padding-bottom: 17px; margin-bottom: 0; font-size: 17px; font-weight: 600; color: #454545; } .woocommerce .cart_totals table.shop_table { border: none; } .woocommerce .cart_totals table.shop_table th, .woocommerce .cart_totals table.shop_table td { padding: 30px 10px; font-weight: 600; } .woocommerce-checkout #payment { background: transparent; } .woocommerce-checkout #payment .wc_payment_methods, .woocommerce-checkout #payment .place-order { padding-left: 0 !important; padding-right: 0 !important; } .woocommerce-checkout #payment .place-order { padding-bottom: 0 !important; margin-bottom: 0 !important; } .woocommerce-checkout #payment .payment_box { background-color: #f9f9f9 !important; } .woocommerce-checkout #payment .payment_box:before { border: 1em solid #f9f9f9 !important; border-right-color: transparent !important; border-left-color: transparent !important; border-top-color: transparent !important; } .woocommerce-error, .woocommerce-info, .woocommerce-message { background-color: #f9f9f9 !important; } .woocommerce-shipping-fields h3 { margin-bottom: 10px; } .price_slider_wrapper .price_slider { margin-bottom: 25px !important; } .price_slider_wrapper .price_slider_amount button { padding: 11px 30px; z-index: 1; position: relative; font-size: 12px !important; } .price_slider_wrapper .price_slider_amount .price_label { top: 4px; position: relative; } .woocommerce ul.products { margin-bottom: 0 !important; } .woocommerce ul.products li { padding: 0 0 32px !important; position: relative !important; overflow: hidden; text-align: center; transition: all 0.3s ease 0s; background: transparent; border-radius: 4px; } .woocommerce ul.products li img { margin-bottom: 0 !important; position: relative; } .woocommerce ul.products li .woocommerce-loop-product__title { font-size: 18px !important; padding-bottom: 0px !important; } .woocommerce ul.products li .woocommerce-loop-product__title a { color: #0a0a0a; } .woocommerce ul.products li .woocommerce-loop-product__title a:hover { color: #0a2fa6; } .woocommerce ul.products li a.fa, .woocommerce ul.products li .glyph-icon { background: #ff6d00; border: none !important; font-size: 30px; padding: 0 !important; margin: 0 !important; height: 45px !important; width: 45px !important; line-height: 45px !important; color: #fff; } .woocommerce ul.products li a.fa:before, .woocommerce ul.products li .glyph-icon:before { font-size: 23px; color: #fff; margin: 0 !important; } .woocommerce ul.products li .added_to_cart { width: 100% !important; padding: 0 20px; background: none !important; border-radius: 5px !important; background: #fff !important; color: #212121 ; } .woocommerce ul.products li .button { margin-top: 5px !important; margin-left: 15px; margin-right: 15px; } .woocommerce ul.products li:hover { background: transparent; } .woocommerce ul.products li:hover a.button { border: 2px solid; border-color: #ff6d00; background: #fff; color: #ff6d00; } .woocommerce ul.products li:hover .wc-forward { border: 2px solid; border-color: #ff6d00; background: #fff; color: #ff6d00; } .woocommerce ul.products li ul li { background: none; border-radius: 0; } .related .star-rating::beforee { top: 50% !important; right: 50% !important; transform: translate(50%, -50%); } .woocommerce .star-rating span::before { color: #0a2fa6; } body.woocommerce-js ul.products li { margin-bottom: 35px !important; } /*----------------------------- Cart icon design -------------------------------*/ .menu-cart-area { float: right; position: relative; padding-left: 25px; padding-top: 44px; padding-bottom: 44px; top: 0; } .menu-cart-area .cart-icon-total-products { font-size: 13px; line-height: 20px; background-color: #fff; position: absolute; right: 0; font-size: 14px; top: 100%; width: 278px; z-index: 10000; opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; transition: all .2s ease 0s; box-shadow: 0 0 15px #eee; border-radius: 3px; } .menu-cart-area .cart-icon-total-products .widget_shopping_cart { margin-bottom: 0px; padding: 25px 10px 0; } .menu-cart-area .cart-icon-total-products .widget_shopping_cart .quantity { border: none; padding: 3px 0 0 0; display: block; } .menu-cart-area .woocommerce-mini-cart__empty-message { text-align: center; text-transform: uppercase; color: #0a0a0a; position: relative; padding-top: 50px; } .menu-cart-area .woocommerce-mini-cart__empty-message:before { position: absolute; content: "\f124"; color: #0a0a0a; left: 50%; transform: translateX(-50%); bottom: 42px; font: normal normal normal 14px/1 FontAwesome; font-size: 30px; font-style: normal; } .menu-cart-area .widget_shopping_cart .cart_list li { padding: 20px 30px; border-bottom: 1px solid rgba(170, 170, 170, 0.25); } .menu-cart-area .widget_shopping_cart .cart_list li a { color: #454545; } .menu-cart-area .widget_shopping_cart .cart_list li a img { width: 40px; } .menu-cart-area .widget_shopping_cart .cart_list li .quantity { color: #0a0a0a; } .menu-cart-area .widget_shopping_cart .cart_list li a.remove { color: #0a0a0a; top: 19px; } .menu-cart-area .widget_shopping_cart .cart_list li:first-child { padding-top: 0; } .menu-cart-area .widget_shopping_cart .cart_list li:first-child a.remove { top: 0px; } .menu-cart-area .widget_shopping_cart .total { padding: 29px 0 0; text-align: center; border-top: none; } .menu-cart-area i { cursor: pointer; color: #28406d; font-size: 18px; } .menu-cart-area i:before { font-size: 18px; } .menu-cart-area:hover .cart-icon-total-products { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); visibility: visible; } .menu-cart-area span.icon-num { border-radius: 50%; font-size: 11px; line-height: 18px; min-height: 18px; min-width: 18px; top: 50%; transform: translateY(-50%); position: absolute; text-align: center; margin-top: -12px; right: -2px; } .menu-cart-area .woocommerce-mini-cart__buttons { text-align: center; } .menu-cart-area .button.wc-forward { padding: 9px 20px; font-size: 12px; } /* ------------------------------------ 29. Shop Page Start Here ---------------------------------------*/ .woocommerce ul.products.single-product-page { padding: 100px 0 0; } .woocommerce ul.products li.product { padding: 0; position: relative; overflow: hidden; text-align: center; transition: all 0.4s ease-in-out 0s; margin-bottom: 0; } .woocommerce ul.products li.product .triangle_left { width: 0; height: 0; border-top: 70px solid transparent; border-right: 140px solid #0a2fa6; border-bottom: 70px solid transparent; position: absolute; top: -75px; left: -117px; transform: rotate(48deg); opacity: 0; } .woocommerce ul.products li.product:hover { background: transparent; } .woocommerce ul.products li.product:hover .triangle_left { opacity: 1; } .woocommerce ul.products li.product:hover h3 a { color: #0a2fa6; } .woocommerce ul.products li.product:hover .add-to-cart { background: #0a2fa6; color: #fff !important; } .woocommerce ul.products li.product:hover .images-product .overley { opacity: 1; transform: scaleY(1); } .woocommerce ul.products li.product .images-product { position: relative; overflow: hidden; margin-bottom: 15px; padding: 0; } .woocommerce ul.products li.product .images-product a { display: block; } .woocommerce ul.products li.product .images-product a img { transition: all 0.3s ease-out; width: 100%; } .woocommerce ul.products li.product .images-product .overley { position: absolute; left: 0; right: 0; text-align: center; width: 100%; height: 100%; background: transparent; top: 0; transform: scaleY(0); transform-origin: 0 1 0; opacity: 0; transition: all 0.4s ease-in-out 0s; padding: 0; } .woocommerce ul.products li.product .images-product .overley .winners-details { padding: 0; } .woocommerce ul.products li.product .images-product .overley .winners-details h4 { margin-bottom: 10px; padding-bottom: 10px; color: #ffffff; font-size: 18px; position: relative; } .woocommerce ul.products li.product .images-product .overley .winners-details h4:after { display: none; } .woocommerce ul.products li.product .images-product .overley .winners-details .product-info { margin: 0; padding: 0px; list-style: none; bottom: 5px; position: absolute; transform: translateY(-55%); transition: all .9s; text-align: right; left: 0; right: 30px; } .woocommerce ul.products li.product .images-product .overley .winners-details .product-info ul { padding: 0; margin: 0; } .woocommerce ul.products li.product .images-product .overley .winners-details .product-info ul li { display: inline-block; margin: 0 !important; padding: 0 !important; vertical-align: top; border: none; } .woocommerce ul.products li.product .images-product .overley .winners-details .product-info ul li a { color: #0a2fa6; text-transform: capitalize; text-decoration: none; width: 33px; border-radius: 5px; line-height: 33px; border: 1px solid #0a2fa6; text-align: center; transition: all 0.4s ease-in-out 0s; padding: 0 20px 1px; } .woocommerce ul.products li.product .images-product .overley .winners-details .product-info ul li a:hover { color: #fff; } .woocommerce ul.products li.product .images-product .overley .winners-details .product-info ul li a i { font-size: 16px; margin: 0; transition: all 0.4s ease-in-out 0s; } .woocommerce ul.products li.product .images-product .overley .winners-details .product-info ul li a i:hover { color: #0a2fa6; } .woocommerce ul.products li.product .images-product .overley .winners-details .product-info ul li .yith-wcwl-add-to-wishlist { margin-top: 0; } .woocommerce ul.products li.product .images-product .overley .winners-details .product-info ul li:hover { background: none; } .woocommerce ul.products li.product .images-product .overley .winners-details p { margin-bottom: 5px; color: #ffffff; font-size: 13px; } .woocommerce ul.products li.product .images-product .overley .winners-details p i { color: #ffffff; margin-right: 8px; } .woocommerce ul.products li.product h4 { margin-bottom: 10px !important; margin-left: 0; font-weight: 700; } .woocommerce ul.products li.product h4 a { color: #0a0a0a; transition: all 0.4s ease-in-out 0s; font-size: 20px; margin: 0; } .woocommerce ul.products li.product h4 a:hover { color: #0a2fa6; } .woocommerce ul.products li.product .price-details ul { margin: 0; padding: 0; text-align: center; } .woocommerce ul.products li.product .price-details ul li { display: block; } .woocommerce ul.products li.product .price-details ul li:first-child { font-weight: 600; font-size: 15px; } .woocommerce ul.products li.product .price-details ul li:first-child del { margin-right: 5px; font-weight: 400; font-size: 15px; } .woocommerce ul.products li.product .price-details ul li .add-to-cart { border: 1px solid #0a2fa6; padding: 8px 18px; color: #0a0a0a; font-size: 15px; font-weight: 600; display: inline-block; margin-top: 15px; } .woocommerce ul.products .topbar-area { overflow: hidden; padding-bottom: 54px; } .woocommerce ul.products .topbar-area .showing-Short .seclec-box { float: right; } .woocommerce ul.products .topbar-area .showing-result ul { margin: 0; padding: 0; list-style: none; text-align: left; } .woocommerce ul.products .topbar-area .showing-result ul li { display: inline-block; font-weight: 400; color: #454545; margin-right: 0; font-size: 14px; height: 25px; } .woocommerce ul.products .topbar-area .showing-result ul li .form-group { margin: 0; } .woocommerce ul.products .topbar-area .showing-result ul li .form-group.seclect-box select.form-control { display: inline-block; border: 0; background: transparent; border-radius: 0px; } .woocommerce ul.products .pagination { margin-top: 0; } .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price { color: #ff6d00; font-size: 16px !important; font-weight: 600; } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins, .woocommerce ul.products li.product .price ins { color: #ff6d00; font-size: 16px; font-weight: 600; } .woocommerce .quantity .qty { height: 36px !important; width: 50px; appearance: textfield; -webkit-appearance: none; -moz-appearance: textfield; margin-bottom: 0; padding: 8px 0; border-left: 2px solid #e6e6e6; border-right: 2px solid #e6e6e6; border-radius: 0 !important; } .woocommerce .quantity { border: 2px solid #e6e6e6; border-radius: 5px; padding: 1.5px 10px; } .woocommerce .quantity .qty_button { border: none; background: none; box-shadow: none; color: #212121; font-size: 20px; padding: 0px 16px; position: relative; top: 1px; } .woocommerce .quantity .qty_button:hover { border: none; background: none !important; box-shadow: none; } .woocommerce input[type="number"] { border: 0; } .woocommerce .quantity input::-webkit-outer-spin-button, .woocommerce .quantity input::-webkit-inner-spin-button { display: none; margin: 0; } body.woocommerce ins { background: none !important; } body.woocommerce .panel { border: none; box-shadow: none; } body.woocommerce .woocommerce-product-gallery ol.flex-control-nav { padding: 15px 0 0 !important; text-align: center; } body.woocommerce .woocommerce-product-gallery ol.flex-control-nav li { float: none !important; display: inline-block; } body.woocommerce .woocommerce-product-gallery ol.flex-control-nav li img { width: 98%; display: inline-block; margin-bottom: 10px !important; } .woocommerce-variation-price { margin-bottom: 30px; } .woocommerce table.shop_attributes td { font-style: normal; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { font-size: 16px; } .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews h2, .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--description h2 { display: none; } .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-reply-title { font-size: 15px; font-weight: 600; } .woocommerce div.product .woocommerce-tabs ul.tabs li { border: 1px solid #fbfbfb; background-color: #fbfbfb; margin-right: 8px; border-radius: 0; border: none !important; } .woocommerce div.product .product_meta .posted_in a { color: #454545; } .woocommerce div.product .woocommerce-tabs ul.wc-tabs li { font-size: 18px; margin-right: 12px; border-radius: 4px 4px 0 0; margin-left: 0px; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: #0a2fa6; color: #fff; } .woocommerce div.product .woocommerce-tabs ul.tabs li:hover { background: #0a2fa6; } .woocommerce div.product .woocommerce-tabs ul.tabs li:hover a { color: #fff; } .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before { box-shadow: -2px 2px 0 #f0f0f0; display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding-left: 0; border-radius: 5px 0 0 0; padding-top: 15px; } .woocommerce div.product .woocommerce-tabs ul.tabs::before { border-bottom: 1px solid #f0f0f0; display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li::before { border: 1px solid #f0f0f0; display: none; } .woocommerce-form-login .woocommerce-Button { margin-right: 12px !important; } .woocommerce .woocommerce-ordering { margin: 0 0 2em; } .woocommerce .woocommerce-result-count { margin-top: 10px; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #ddd !important; } .woocommerce a.remove { margin: 0 auto; color: #0a0a0a !important; line-height: 20px; border: 1px solid #ddd; font-weight: 300 !important; font-size: 1.1em; height: 1.5em; width: 1.5em; } .woocommerce-cart table.cart .product-thumbnail img { width: 80px !important; } .woocommerce-cart table.cart .product-name a { color: #454545; font-weight: 600; } .woocommerce-cart table.cart .product-name a:hover { color: #0a0a0a; text-decoration: underline !important; } .woocommerce-cart table.cart .product-price span { font-weight: 600; } .woocommerce-cart .cart-collaterals .shipping-calculator-button { color: #454545; } .woocommerce-checkout .woocommerce form .form-row { margin: 0 0 15px; } .woocommerce button.button:disabled { opacity: .8 !important; background: none; } .coupon input#coupon_code { width: 320px !important; border-radius: 5px; height: 42px !important; margin-right: 20px; text-align: left !important; padding-left: 22px; } .coupon ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #0a0a0a !important; font-size: 14px !important; font-weight: 500 !important; } .coupon ::-moz-placeholder { /* Firefox 19+ */ color: #0a0a0a !important; font-size: 14px !important; font-weight: 500 !important; } .coupon :-ms-input-placeholder { /* IE 10+ */ color: #0a0a0a !important; font-size: 14px !important; font-weight: 500 !important; } .coupon :-moz-placeholder { /* Firefox 18- */ color: #0a0a0a !important; font-size: 14px !important; font-weight: 500 !important; } .product_meta span.tagged_as { display: block; } .product_meta span { font-weight: 600; } .product_meta span a { font-weight: 400; } .single-product .bs-info { display: none; } .single-product .bs-img { display: none; } .single-product .bs-desc { margin-top: 0px !important; } .single-product div.product p.price { margin-bottom: 28px; } .single-product div.product form.cart { border-bottom: 1px solid #e6e6e6; margin-bottom: 30px; padding-bottom: 40px; } .woocommerce-message, .woocommerce-error, .woocommerce-info, .woocommerce-message { border-top-color: #ff6d00; } .woocommerce-message::before, .woocommerce-info::before { color: #ff6d00; } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 110px; height: 40px; text-align: center; } .select2-container--default .select2-selection--single { border: 1px solid #ccc; border-radius: 0px; height: 40px; line-height: 40px; } .select2-container--default .select2-selection--single .select2-selection__arrow { top: 10px; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 48px; } input[type="tel"] { padding: 10px 14px; border: none; outline: none; width: 100%; height: 50px; border: 1px solid rgba(54, 54, 54, 0.1); } .woocommerce-form__label span { padding-left: 5px; } .woocommerce-form__label .input-checkbox { margin: 7px 0 0 !important; } body.woocommerce-page .main-contain input[type="text"], body.woocommerce-page .main-contain input[type="password"], body.woocommerce-page .main-contain input[type="email"], body.woocommerce-page .select2-container--default .select2-selection--single, body.woocommerce-page .woocommerce form .form-row.woocommerce-validated .select2-container, body.woocommerce-page .woocommerce form .form-row.woocommerce-validated input.input-text, body.woocommerce-page .woocommerce form .form-row.woocommerce-validated select { border: 1px solid rgba(54, 54, 54, 0.1); height: 45px; } body.woocommerce-page .select2-container--default .select2-selection--single .select2-selection__rendered { color: #454545; opacity: .5; } .woocommerce-cart-form table.shop_table { border-collapse: collapse; } .woocommerce-cart-form table.shop_table td, .woocommerce-cart-form table.shop_table th { padding: 25px; text-align: center; } .woocommerce-cart-form table.shop_table .quantity { border-radius: 5px; padding: 0 0px; margin: 0 auto; width: 150px; } .woocommerce-cart-form table.shop_table .quantity .qty_button { top: -1px; padding: 0px 6px; } .woocommerce-cart-form table.shop_table .quantity .qty { width: 50px; border-radius: 0 !important; } .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { font-weight: 600; } .woocommerce table.shop_table { border-collapse: collapse !important; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { padding-top: 40px; } .woocommerce div.product form.cart .variations select { padding: 5px 2px; } .cart_totals h2 { text-transform: capitalize; } .cart_totals table.shop_table th, .cart_totals table.shop_table td { padding: 20px; } .woocommerce-tabs h2 { font-size: 20px; } .related.products h2 { font-size: 20px; } .single-product .summary.entry-summary h1.product_title.entry-title { font-size: 25px !important; line-height: 25px !important; } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 50px !important; } .cart-collaterals th, .cart-collaterals td { border: none !important; border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; } .cart-collaterals tr:last-child td, .cart-collaterals tr:last-child th { border-bottom: none !important; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { max-width: 100%; } .woocommerce .form-row { display: block; } .woocommerce.single-product form.cart .button { margin-left: 10px; } .woocommerce .add_to_cart_button { transition: 0.3s ease all; } .woocommerce .add_to_cart_button:after { font-size: inherit !important; vertical-align: initial !important; } .woocommerce .add_to_cart_button.added { display: none !important; opacity: 0; } .woocommerce .add_to_cart_button.loading { padding-right: 40px !important; } .woocommerce .add_to_cart_button.loading:after { top: 12px !important; right: 15px !important; font-size: inherit !important; } .woocommerce button[disabled] { color: #fff; height: 39px; padding: 0 35px !important; } .woocommerce button[disabled]:hover { color: #ff6d00; } .woocommerce table.shop_table th { border: none; font-size: 18px; font-weight: 600; background: transparent; color: #0a0a0a; } .woocommerce table.shop_table td { border-bottom: none; border-left: none; border-right: none; border-top: 1px solid #E6E6E6; } h3#order_review_heading { margin-top: 60px; padding: 0 15px; } #order_review { padding: 0 15px; } textarea.input-text { border: 1px solid #ccc; } .button.yith-wcqv-button { display: none !important; } .post-type-archive .learn-press-courses .course .course-title { display: none !important; } .woocommerce span.onsale { background: #ff6d00 !important; width: 40px !important; height: 40px !important; line-height: 40px !important; padding: 0 !important; right: 10px !important; margin: 0 !important; top: 10px !important; z-index: 1; font-weight: 500; } .woocommerce-info { border-top-color: #0a2fa6; } .woocommerce table.shop_attributes td, .woocommerce table.shop_attributes th { padding: 3px 15px !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; } .woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; list-style: none; } .woocommerce-MyAccount-navigation ul li { background: #f0f0f0; margin: 0 0 15px; border-radius: 2px; } .woocommerce-MyAccount-navigation ul li a { padding: 10px 20px; color: #454545; display: block; } .woocommerce-MyAccount-navigation ul li.is-active { background: #ff6d00; } .woocommerce-MyAccount-navigation ul li.is-active a { color: #fff; } .woocommerce-MyAccount-navigation ul li:hover { background: #ff6d00; } .woocommerce-MyAccount-navigation ul li:hover a { color: #fff; } form.woocommerce-EditAccountForm fieldset { margin-bottom: 40px; margin-top: 30px; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register, .woocommerce-input-wrapper #order_comments, #order_comments { border: 1px solid rgba(54, 54, 54, 0.1) !important; } .woocommerce-js ul.products li img { width: auto; max-width: 100%; } .woocommerce-account .woocommerce form.login { margin-bottom: 0; } .single-product.woocommerce span.onsale { left: 10px !important; } #order_comments { border: 1px solid rgba(54, 54, 54, 0.1) !important; } /* ----------------------------------- 01. General CSS -------------------------------------*/ html, body { font-size: 15px; color: #454545; font-family: 'Sora', sans-serif; vertical-align: baseline; line-height: 1.7; font-weight: 400; overflow-x: hidden; } img { max-width: 100%; height: auto; } p { margin: 0 0 26px; } h1, h2, h3, h4, h5, h6 { font-family: 'Sora', sans-serif; color: #0a0a0a; margin: 0 0 26px; } h1, h2, h3, h4, h5, h6 { margin: 0 0 26px; padding: 0; letter-spacing: 0; font-weight: 400; } h1 { font-size: 52px; line-height: 62px; font-weight: 700; } h2 { font-size: 40px; line-height: 50px; font-weight: 700; } h3 { font-size: 28px; line-height: 42px; font-weight: 700; } h4 { font-size: 26px; line-height: 36px; font-weight: 700; } h5 { font-size: 24px; line-height: 32px; font-weight: 600; } h6 { font-size: 20px; line-height: 28px; font-weight: 500; } a { color: #0a2fa6; transition: all 0.4s ease-in-out 0s; text-decoration: none; outline: none !important; } a:active, a:hover { text-decoration: none; outline: 0 none; color: #ff6d00; } ul { list-style: outside none none; margin: 0; padding: 0; } .clear { clear: both; } .border-left-bottom-radius { border-radius: 0 0 0 200px; overflow: hidden; } .border-right-top-radius { border-radius: 0 200px 0 0; overflow: hidden; } ::-moz-selection { background: #ff6d00; text-shadow: none; color: #ffffff; } ::selection { background: #ff6d00; text-shadow: none; color: #ffffff; } [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { margin-left: 0; } .box-shadow { box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.07); border-radius: 7px; } body .bg-fixed { background-attachment: fixed !important; background-position: center top !important; } body .bg-top { background-position: center top !important; } body .bg-left { background-position: bottom left !important; } body .bg-right { background-position: top right !important; } body .bg-bottom { background-position: center bottom !important; } body .main-contain { background-size: cover; background-repeat: no-repeat; } table th { background: #ff6d00; color: #fff; padding: 10px; } table th a { color: #fff; } table td { padding: 10px; } .ball { position: absolute; border-radius: 100%; opacity: 1; } .rs-z_index_1, .rs-z_index_10 { position: relative; } .rs-z_index_1 { z-index: 1; } .rs-z_index_10 { z-index: 10; } .border-left-radius > .vc_column-inner { border-top-left-radius: 7px; border-bottom-left-radius: 7px; } .border-right-radius > .vc_column-inner { border-top-right-radius: 7px; border-bottom-right-radius: 7px; } .overflow-visible { overflow: visible !important; z-index: 1; } .overflow-hidden { overflow: hidden !important; } .max-width-700 { max-width: 700px; margin: 0 auto; } .white-color { color: #fff; } .white-color h1, .white-color h2, .white-color h3, .white-color h4 { color: #fff; } iframe { width: 100%; } .floating-box { position: relative; z-index: 9; top: 160px; } .custom-max-width { max-width: 800px; } .menu-cart-area h2 { display: none; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ff6d00; color: #fff; } .bs-sidebar #wp-calendar th { background: #ff6d00; color: #fff; } .bs-sidebar table { margin-bottom: 0; } .bs-sidebar .widget select { margin: 0; } .common-shadow { box-shadow: 0 0 150px #eee; background: #fff; } ul.profile_info { padding-left: 0; margin-left: 0; } ul.profile_info li { list-style: none; margin-bottom: 10px; font-size: 15px; padding: 5px 0px; position: relative; } ul.profile_info li .title { color: #444444; margin-right: 10px; position: relative; } ul.profile_info li .title:after { content: ""; position: absolute; background: #ff6d00; width: 30px; height: 3px; left: 0; z-index: -1; bottom: 5px; opacity: 0.6; } ul.profile_info li a { color: #454545; } /* ----------------------- 404 --------------------------*/ .page-error { position: relative; display: table; width: 100%; height: 100vh; background-repeat: no-repeat !important; background-size: cover !important; background: #0a2fa6; } .page-error #content { padding-bottom: 60px !important; } .page-error .container { position: fixed; top: 50%; left: 0; right: 0; transform: translateY(-50%); } .page-error .content-area { position: relative; z-index: 101; margin: 0 auto; text-align: center; } .page-error .content-area h1.page-title { color: #ffffff; font-size: 100px; margin-bottom: 30px; margin-top: 0px; } .page-error .content-area h2 { color: #0a0a0a; font-size: 35px; font-weight: 700 !important; margin-bottom: 50px; margin-top: 80px; } .page-error .content-area h2 span { display: block; font-size: 250px; line-height: 175px; margin: 0 0 60px; } .page-error .bs-sidebar { max-width: 400px; margin: 0 auto; padding-bottom: 20px; } .page-error .bs-sidebar { padding: 10px 0 35px; } .page-error .flaticon-right-arrow:before { padding-left: 5px; } .page-error .readon { font-size: 20px; padding: 16px 50px 20px; border-radius: 20px 0 20px 0; } .page-error .readon:focus { color: #ffffff; } .page-error .readon:hover { border-radius: 0 20px 0 20px; } .page-error.coming-soon { height: 100vh; background: #101010; } .page-error.coming-soon .content-area h3 { font-size: 30px; margin-top: 40px; margin-bottom: 60px; display: block; } .page-error.coming-soon .content-area h3 span { font-size: 80px; text-shadow: unset; text-transform: uppercase; line-height: 90px; padding-bottom: 20px; letter-spacing: 5px; display: block; font-weight: 900 !important; } .page-error.coming-soon .countdown-inner { width: 600px; margin: 0 auto; max-width: 100%; } .page-error.coming-soon .countdown-inner .time_circles { position: relative; justify-content: center; align-items: center; } .page-error.coming-soon .countdown-inner .time_circles canvas { opacity: 0; display: none; } .page-error.coming-soon .countdown-inner .time_circles div { color: #ffffff; font-size: 36px; font-weight: 600; padding-top: 25px; width: 120px !important; height: 120px !important; display: grid; align-items: center; margin: 0 auto; border-radius: 100%; border: 5px solid #ffffff; background: #0a2fa6; box-shadow: 0 0 52px rgba(0, 0, 0, 0.3); display: inline-block; margin: 0 12px; } .page-error.coming-soon .countdown-inner .time_circles div:first-child { padding-left: 0; } .page-error.coming-soon .countdown-inner .time_circles div:last-child { margin-right: 0; } .page-error.coming-soon .countdown-inner .time_circles div span, .page-error.coming-soon .countdown-inner .time_circles div h4 { color: #ffffff; } .page-error.coming-soon .countdown-inner .time_circles div span { line-height: 1; font-size: 55px; display: block; } .page-error.coming-soon .countdown-inner .time_circles div h4 { margin: 0; font-weight: 400 !important; text-transform: uppercase; } .page-error.coming-soon .follow-us-sbuscribe p { color: #ffffff; font-size: 30px; padding-top: 50px; font-weight: 500; margin-bottom: 5px; } .page-error.coming-soon .follow-us-sbuscribe ul { list-style: none; margin: 0; } .page-error.coming-soon .follow-us-sbuscribe ul li { display: inline-block; margin-right: 18px; } .page-error.coming-soon .follow-us-sbuscribe ul li:last-child { margin-right: 0; } .page-error.coming-soon .follow-us-sbuscribe ul li a { width: 45px; height: 45px; line-height: 35px; border-radius: 50%; padding: 0; color: #ffffff; } .page-error.coming-soon .follow-us-sbuscribe ul li a:hover { opacity: .9; } .page-error.coming-soon .follow-us-sbuscribe ul li i { line-height: 45px; font-size: 18px; } /* ------------------------------------ 02. Global Class ---------------------------------------*/ .rectangle { position: relative; } .rectangle:after { position: absolute; content: ""; height: 120px; width: 1px; background: #404c51; right: -20px; top: 50%; transform: translateY(-50%); } .orange { color: #ff6d00; } span.yellow { color: #0a2fa6; } .overflow-show { overflow: visible !important; } input[type="checkbox"], input[type="radio"] { margin-right: 8px; vertical-align: text-top; } .sticky .menu-area { padding: 0; } .alignleft { margin-bottom: 26px; } .alignright { margin-bottom: 26px; } .vertical-middle { display: table; width: 100%; height: 100%; } .vertical-middle .vertical-middle-cell { display: table-cell; vertical-align: middle; } .display-table { display: table; height: 100%; width: 100%; } .display-table-cell { display: table-cell; vertical-align: middle; } ul.stylelisting { list-style-type: none; margin-left: 20px !important; } ul.stylelisting li { position: relative; padding-left: 22px !important; line-height: 34px; border: none !important; } ul.stylelisting li:before { position: absolute; top: 0; left: 0; z-index: 0; content: "\f054"; font-family: 'FontAwesome'; color: #437ff9; font-size: 12px; } blockquote::before { content: "\f129" !important; font-size: 35px; color: #ff6d00; padding-bottom: 0; display: inline-block; font-family: flaticon; font-weight: 400; text-align: center; top: 0; background: 0 0 !important; transform: rotate(180deg); } blockquote { margin: 35px 0px !important; padding: 40px 60px; color: #666; position: relative; background: rgba(0, 0, 0, 0.01) !important; font-weight: normal; font-style: italic; text-align: left; clear: both; font-weight: 400; border-radius: 8px; } blockquote cite { font-size: 15px; display: block; margin-top: 10px; } blockquote cite:before { content: ""; font-size: 28px; color: #ff5421; padding-bottom: 0px; display: inline-block; background: #ff6d00; height: 2px; width: 40px; font-weight: 400; text-align: center; top: -4px; margin-right: 10px; position: relative; } blockquote p { margin-bottom: 10px !important; font-size: 20px; } blockquote p strong { color: #000 !important; font-size: 18px; padding-top: 20px !important; margin-bottom: 10px; display: block; } mark, ins { background: #0a2fa6; color: #fff; padding: 0 4px; } code { background: #0a2fa6; color: #fff !important; } .border-image .vc_single_image-wrapper { position: relative; } .border-image .vc_single_image-wrapper:after { position: absolute; content: ''; width: 0; height: 0; border-top: 200px solid #ff6d00; border-right: 200px solid transparent; left: -32px; top: -32px; } .border-image .vc_single_image-wrapper:before { position: absolute; content: ''; width: 0; height: 0; border-bottom: 300px solid #ff6d00; border-left: 300px solid transparent; right: -32px; bottom: -32px; } .border-image .vc_single_image-wrapper img { position: relative; z-index: 99; } .border-image.small-border .vc_single_image-wrapper:after { border-top: 250px solid #ff6d00; border-right: 250px solid transparent; left: -21px; top: -21px; } .border-image.small-border .vc_single_image-wrapper:before { border-bottom: 250px solid #ff6d00; border-left: 250px solid transparent; right: -21px; bottom: -21px; } button, html input[type="button"], input[type="reset"], input[type="submit"] { color: #fff; padding: 17px 30px; font-size: 14px; text-transform: capitalize; outline: none; transition: all .5s ease; border-radius: 0 3px 3px 0; background: #ff6d00; position: relative; border: none; } .mb-30 { margin-bottom: 30px; } .top-float { float: left; } .submit-btn { display: block; cursor: pointer; position: relative; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; border-radius: 3px; font-size: 14px; font-weight: 500; color: #fff; z-index: 2; border: none; } .submit-btn .wpcf7-submit { position: relative; display: inline-block; border-radius: 3px; font-size: 14px; font-weight: 500; cursor: pointer; color: #fff; background: none; border: none; } .submit-btn .wpcf7-submit:hover { color: #ff6d00; } .submit-btn:hover { background: transparent; color: #ff6d00; opacity: 0.99; } .btn-style4 .submit-btn { display: inline-block; border: 1px solid #fff; position: relative; } .btn-style4 .submit-btn:before { position: absolute; content: ''; background: #fff; left: 5px; right: 5px; top: 5px; bottom: 5px; transition: all 0.2s; } .btn-style4 .submit-btn input { background: transparent !important; } .btn-style4 .submit-btn:hover:before { left: 0; top: 0; right: 0; bottom: 0; } .btn-style4 .wpcf7-spinner { position: absolute; } button:hover, html input[type="button"]:hover, input[type="reset"]:hover { background: #0a2fa6; color: #ffffff; } input[type="submit"]:hover { opacity: .9; } .main-contain #content { padding-top: 100px; padding-bottom: 100px; } .main-contain .rs-porfolio-details #content { padding-bottom: 110px; } .main-contain .page-error #content { padding-top: 60px; } #content .project-gallery .p-gallery-title { margin: 0 0 40px; } .rs-slider-video { position: relative; } .rs-slider-video i { position: relative; z-index: 2; } .rs-slider-video:before { position: relative; content: ""; position: absolute; z-index: 2; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 60px; height: 60px; background: #ff6d00 !important; border-radius: 50%; } .rs-slider-video:after { position: relative; content: ""; position: absolute; z-index: -1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 70px; height: 70px; opacity: .3 !important; background: #ff6d00; border-radius: 50%; animation: pulse-border 3000ms ease-out infinite; } body.single-teams .main-contain #content { padding-bottom: 60px; } .single-product .main-contain #content { padding-bottom: 45px; } .woocommerce-cart .main-contain #content { padding-bottom: 100px !important; } .sign { margin-top: 15px; } .rs-heading.bigger-text h2.title { font-size: 55px; line-height: 65px; } .rs-heading.bigger-text p { color: #fff; font-size: 18px; } ul.unorder-list { margin: 20px 0 0; padding: 0; list-style: none; } ul.unorder-list li { display: block; position: relative; padding-left: 25px; padding-bottom: 15px; font-weight: 500; line-height: 25px; } ul.unorder-list li:before { position: absolute; top: 0px; left: 0; content: "\f105"; font-family: FontAwesome; color: #ff6d00; font-size: 20px; } ul.check-icon { list-style: none; margin-left: 20px; } ul.check-icon li { position: relative; padding-left: 22px; padding-bottom: 4px; font-size: 16px; } ul.check-icon li:before { position: absolute; top: 4px; left: 0; content: "\f11b"; font-family: Flaticon; color: #0a2fa6; font-weight: 700; font-size: 14px; } ul.check-icon.two-call { column-count: 2; } ul.check-icon.two-call li { padding-right: 10px; } .light-faq .vc_toggle .vc_toggle_title h4 { color: #fff; } .light-faq .vc_toggle .vc_toggle_content { color: #fff; } .bluecolor4 { color: #0073ff; } .bluecolor4 div.rs_splitted_chars { color: #0073ff !important; } .lightredcolor { color: #f24c1a; } .lightredcolor div.rs_splitted_chars { color: #f24c1a !important; } .post-password-required input[type="password"] { margin-left: 5px; } .post-password-required input[type="submit"] { margin-left: -4px; border-radius: 0 3px 3px 0; padding: 11px 20px; } input[type="text"], input[type="number"], input[type="password"], textarea, input[type="email"] { color: #454545; width: 100%; max-width: 100%; opacity: 1; } input[type="text"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #4444447A; opacity: 1; } input[type="text"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="password"]::-moz-placeholder, textarea::-moz-placeholder, input[type="email"]::-moz-placeholder { /* Firefox 19+ */ color: #4444447A; opacity: 1; } input[type="text"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, textarea:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder { /* IE 10+ */ color: #4444447A; opacity: 1; } input[type="text"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="password"]:-moz-placeholder, textarea:-moz-placeholder, input[type="email"]:-moz-placeholder { /* Firefox 18- */ color: #4444447A; opacity: 1; } select { color: #454545; cursor: pointer; } select:valid { color: #454545; } /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: #0a2fa6; } a:hover, a:focus, a:active { color: #ff6d00; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } .wp-block-calendar tfoot a { color: #0a2fa6; } .wp-block-calendar tfoot a:hover { color: #ff6d00; } /********************* RS Particle Banner **************************/ .rs-particle-banner { width: 100%; position: relative; } .rs-particle-banner .particle-content { position: absolute; top: 50%; transform: translateY(-50%); } .rs-particle-banner .particle-content .banner_title { display: inline-block; margin-bottom: 25px; font-size: 65px; position: relative; z-index: 9; color: #444; line-height: 70px; } .rs-particle-banner .particle-content .banner-button { margin-top: 20px; } .rs-particle-banner .particle-content .banner-button.btn-light .readon:not(.border):hover { background: transparent; border-color: #fff !important; color: #fff !important; } .rs-particle-banner .particle-content .banner-button.btn-light .readon.border { border-color: #fff !important; color: #fff !important; } .rs-particle-banner .particle-content .banner-button.btn-light .readon.border:hover { border-color: #0a2fa6 !important; } .rs-particle-banner .particle-content .banner-button a:hover { opacity: .8; } .rs-particle-banner .particle-content .banner-introtext { display: block; font-size: 16px; line-height: 22px; padding-bottom: 25px; } .rs-particle-banner ul { list-style-type: none; margin: 0; padding: 0; } .rs-particle-banner ul li { display: inline-block; margin: 0 25px 25px 0; } .rs-particle-banner .arrow-btn { width: 26px; height: 55px; bottom: 0%; left: 50%; z-index: 2; text-align: center; position: absolute; border: 1px solid #999; border-radius: 20px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .rs-particle-banner .arrow-btn i { color: #999; font-size: 22px; line-height: 80px; -webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite; -ms-animation: bounce 2s infinite; -o-animation: bounce 2s infinite; animation: bounce 2s infinite; transition: 0.4s; -webkit-transition: 0.4s; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .rs-particle-banner .arrow-btn i:hover { -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } /*-------------------------------------------------------------- --------------------------------------------------------------*/ .ceo-founder p { font-weight: 500; color: #0a0a0a; } .sticky-logo { display: none; } .sticky .logo-area { display: none; } .sticky .logo-area.sticky-logo { display: block; } .owl-carousel { padding-top: 0; } .owl-carousel .owl-nav { right: 0; } .owl-carousel .owl-nav [class*="owl-"] { font-size: 0; width: 42px; height: 42px; line-height: 42px; background: #ff6d00; color: #fff; border-radius: 50%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: 0.6s ease all; opacity: 0; visibility: hidden; } .owl-carousel .owl-nav [class*="owl-"]:before { font-family: Flaticon; position: absolute; font-size: 20px; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .owl-carousel .owl-nav [class*="owl-"].owl-prev { left: 0; } .owl-carousel .owl-nav [class*="owl-"].owl-prev:before { content: "\f112"; } .owl-carousel .owl-nav [class*="owl-"].owl-next { right: 0; } .owl-carousel .owl-nav [class*="owl-"].owl-next:before { content: "\f113"; margin-left: 2px; } .owl-carousel .owl-nav [class*="owl-"]:hover { background: #0a2fa6; color: #fff; } .owl-carousel:hover .owl-nav [class*="owl-"] { opacity: 1; visibility: visible; } .owl-carousel:hover .owl-nav [class*="owl-"].owl-prev { left: -60px; } .owl-carousel:hover .owl-nav [class*="owl-"].owl-next { right: -60px; } .owl-carousel .partner-item a img { width: auto; margin: 0 auto; } .sidenav { width: 100%; } .sidenav .widget-title { color: #fff !important; padding: 0 0 15px; font-size: 30px !important; line-height: 30px; font-weight: 600 !important; position: relative; } .sidenav .widget-title:before { content: ""; position: absolute; background: #fff; height: 2px; width: 50px; left: 0; bottom: 0; display: block; z-index: 1; } .sidenav .offcanvas_logo { padding-bottom: 40px; } .sidenav .widget { padding: 0; } .sidenav .widget .widget-title { font-size: 26px; color: #fff; margin-bottom: 30px; } .sidenav .widget .search-form .search-input { height: 42px; background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.3) !important; color: #fff; font-size: 14px; outline: none; } .sidenav .widget .search-form .search-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; } .sidenav .widget .search-form .search-input::-moz-placeholder { /* Firefox 19+ */ color: #fff; } .sidenav .widget .search-form .search-input:-ms-input-placeholder { /* IE 10+ */ color: #fff; } .sidenav .widget .search-form .search-input:-moz-placeholder { /* Firefox 18- */ color: #fff; } .sidenav .widget .search-form button { padding: 8px 12px; color: #fff; background: transparent !important; -webkit-transition: 0.3s ease all; transition: 0.3s ease all; } .sidenav .widget .search-form button:hover { opacity: 0.7; } .sidenav .fa-ul { margin-left: 0; text-align: left; font-size: 15px; } .sidenav .fa-ul li { padding: 7px 0; display: flex; align-items: center; } .sidenav .fa-ul li i { padding-right: 15px; } .sidenav .fa-ul li i:before { font-size: 26px; margin-left: 0 !important; } .sidenav .fa-ul li i.flaticon-email { position: relative; top: 1px; } .sidenav .fa-ul li.address1 { padding-left: 45px; padding-top: 0; font-size: 18px; margin-bottom: 4px; padding-right: 40px; } .sidenav .fa-ul li.address1 i { position: absolute; top: 3px; left: 0; } .sidenav .offcanvas_social { margin-left: 0; list-style-type: none; padding-bottom: 0; margin: 50px 0 0; } .sidenav .offcanvas_social li { display: inline-block; } .sidenav .offcanvas_social li a { -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; float: left; margin-right: 0; } .sidenav .offcanvas_social li a i { font-size: 15px; color: #fff; margin: 0 8px 0 0; text-align: center; background: #ff6d00; width: 35px; height: 35px; line-height: 35px; border-radius: 3px; } .sidenav .offcanvas_social li a i:hover { opacity: .9; } .sidenav .offcanvas_social li:last-child a { margin-right: 0; } .sidenav .nav-close-menu-li { margin: 0; padding-bottom: 30px; text-align: right; } .sidenav .nav-close-menu-li a { font-size: 0; text-align: center; display: inline-block; border: 2px solid #fff; width: 36px; height: 36px; line-height: 36px; border-radius: 100%; margin-right: 10px; position: relative; } .sidenav .nav-close-menu-li a:after, .sidenav .nav-close-menu-li a:before { content: ''; position: absolute; width: 2px; height: 14px; background-color: #fff; top: 9px; } .sidenav .nav-close-menu-li a:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sidenav .nav-close-menu-li a:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sidenav .nav-close-menu-li a:hover { background: #fff; color: #000; border-color: #fff; } .sidenav .nav-close-menu-li a:hover:after, .sidenav .nav-close-menu-li a:hover:before { background-color: #0a2fa6; } .sidenav .widget_nav_menu ul { padding: 0; margin: 0; text-align: left; } .sidenav .widget_nav_menu ul li { list-style: none; margin-left: 0; padding: 0; position: relative; } .sidenav .widget_nav_menu ul li a { font-size: 15px; display: block; color: #333; font-family: 'Sora', sans-serif; line-height: 45px; font-weight: 500 !important; } .sidenav .widget_nav_menu ul li a:hover { color: #ccc; } .sidenav .widget_nav_menu ul li:before { display: none; } .sidenav .widget_nav_menu ul li ul li a { text-transform: capitalize; padding: 10px 0; line-height: 24px; } .sidenav .bs-search button { padding: 5px 11px; } .sidenav li.nav-link-container { color: #ff6d00; text-align: center; display: block; border-radius: 30px; height: 40px; right: 15px; width: 40px; top: 5px; position: absolute; -webkit-transition: transform .5s ease; -moz-transition: transform .5s ease; transition: transform .5s ease; } .sidenav li.nav-link-container:hover a { display: block; } .sidenav li.nav-link-container a { display: block; background: none !important; } .sidenav li.nav-link-container a span { background: #0a2fa6 !important; height: 3px; width: 25px; } .sidenav li.nav-link-container .nav-menu-link { padding: 13px 15px 15px 10px !important; } .sidenav li.nav-link-container .nav-menu-link span.hamburger1 { transform: rotate(-45deg) translate(-5px, 5px); } .sidenav li.nav-link-container .nav-menu-link span.hamburger3 { -webkit-transform: rotate(45deg) translate(0px, 0px); transform: rotate(45deg) translate(0px, 0px); } .fa-ul { list-style: none; } .mobile-menu-container .nav-close-menu-li { padding-top: 50px; } .mobile-menu-container .nav-close-menu-li a { padding: 0; } .mobile-menu-container ul { padding-left: 0; margin: 0; text-align: left; } .mobile-menu-container ul li { list-style: none; border: none !important; margin-left: 0; padding: 0; } .mobile-menu-container ul li a { font-size: 15px; padding: 12px 0; display: block; color: #222; border-bottom: none; } .mobile-menu-container ul li a:hover { opacity: 0.9; } .mobile-menu-container ul li:before { display: none; } .nav-active-menu-container { -ms-transform: translate(0); -webkit-transform: translate(0); -moz-transform: translate(0); transform: translate(0); } #rs-header.header-transparent .menu-sticky.sticky ul.offcanvas-icon.sidenav .nav-link-container span { background: #fff !important; } #rs-header .menu-area .navbar ul .menu-item:not(.mega) ul li ul.sub-menu, #rs-header .menu-area .navbar ul .page_item:not(.mega) ul li ul.sub-menu { position: absolute; left: 100%; top: 0px; opacity: 0; transform: scaleY(0); visibility: hidden; } #rs-header .menu-area .navbar ul .menu-item:not(.mega) ul > li:hover > ul.sub-menu, #rs-header .menu-area .navbar ul .page_item:not(.mega) ul > li:hover > ul.sub-menu { opacity: 1; transform: scaleY(1); visibility: visible; } .secondarycolor { color: #ff6d00; } #rs-header .menu-area .navbar ul li.three-col ul > li { width: 33.33%; } #rs-header .menu-area .navbar ul li.four-col ul > li { width: 25%; } .transparent_header { position: absolute; } .transparent_header .menu-area .navbar ul > li > a:after { background: #fff; } .transparent_header .sticky .navbar ul > li > a:after { background: #0a2fa6; } .default_header .menu-area .navbar ul > li > a:after { background: #0a2fa6; } .customrev .rev-btn i { position: absolute; top: 50%; right: 26px; transition: all 0.3s; transform: translateY(-50%); opacity: 1; font-size: 16px; } .customrev .rev-btn:hover i { opacity: 1; right: 18px; } .space15 .elementor-accordion-item { margin-bottom: 20px !important; } .elementor-widget-rs-logo .slick-track { display: flex; align-items: center; flex-wrap: wrap; } /*------------------------------------ 04. Sticky Menu --------------------------------------*/ .menu-sticky { margin: 0; width: 100%; z-index: 99; transition: all 300ms ease-in-out; background: transparent; } .menu-sticky.sticky { position: fixed !important; background: rgba(255, 255, 255, 0.9); box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.8); padding: 0; } .menu-sticky.sticky .toolbar-area { display: none; } .menu-sticky.sticky .navbar-menu { width: 100%; text-align: right; } .menu-sticky.sticky .navbar-menu ul.menu { text-align: right; } .menu-sticky.sticky .navbar ul li > a { color: #0a0a0a; font-size: 14px; } .menu-sticky.sticky .btn_quote { padding-top: 28px !important; padding-bottom: 28px !important; } .menu-sticky.sticky .nav-link-container i { color: #0a0a0a; } .max900 .vc_column-inner { max-width: 900px; margin: 0 auto; } .formbtn .form-button { text-align: center; } .dot-style2 .rs-testimonial .rs-addon-slider .slick-dots { text-align: left; } .dot-style2 .rs-testimonial .rs-addon-slider .slick-dots li button { background: #FFB700; } iframe { display: inherit; } .rs-portfolio.style1 .slick-dots li button { background: transparent !important; } /* ----------------------- 17. Scroll Up --------------------------*/ .clpricing-table .price-table.style1 { border: none; } .faq-simple .elementor-accordion-item { margin-bottom: 25px; box-shadow: 0 0 22px rgba(0, 0, 0, 0.1); } /* ------------------------------------ 20. Breadcrumbs ---------------------------------------*/ .rs-breadcrumbs { position: relative; background: #000; } .rs-breadcrumbs .breadcrumbs-title { font-size: 0px; padding-top: 15px; color: #ff6d00; } .rs-breadcrumbs .breadcrumbs-title > span { margin-right: 12px; } .rs-breadcrumbs .breadcrumbs-title span { font-size: 14px; position: relative; padding-right: 25px; margin-right: 6px; } .rs-breadcrumbs .breadcrumbs-title span.current-item { margin-right: 0; padding-right: 0; } .rs-breadcrumbs .breadcrumbs-title span a span { color: #0a2fa6; } .rs-breadcrumbs .breadcrumbs-title span a span:hover { opacity: .7; } .rs-breadcrumbs .breadcrumbs-title span a:before { background-color: #fff; content: ""; height: 15px; width: 1px; position: absolute; right: 9px; top: 2px; transform: rotate(26deg); } .rs-breadcrumbs .breadcrumbs-title .current-item { color: #0a2fa6; } .rs-breadcrumbs .desc { font-size: 18px; color: #fff; max-width: 770px; margin-top: 15px; } .rs-breadcrumbs .breadcrumbs-inner { padding: 150px 0 150px; position: relative; text-align: left; } .rs-breadcrumbs .breadcrumbs-inner .banner-desc { margin-top: 10px; margin-bottom: 10px; color: #fff; text-align: left; } .rs-breadcrumbs .breadcrumbs-inner .page-title { position: relative; } .rs-breadcrumbs .breadcrumbs-inner .page-title:after { content: ""; height: 5px; position: absolute; top: -20px; left: 0; -webkit-transition: all .3s ease; transition: all .3s ease; z-index: 1; background: #ff6d00; width: 65px; margin: 0 auto; } .rs-breadcrumbs .breadcrumbs-inner .cate-single .post-categories { padding: 0 0 8px 0; } .rs-breadcrumbs .breadcrumbs-inner .cate-single .post-categories a { background: #fbfbfb; color: #454545 !important; padding: 6px 19px 5px; border-radius: 5px; font-size: 13px; margin-right: 10px; margin-bottom: 10px; display: inline-block; } .rs-breadcrumbs .breadcrumbs-inner .bs-meta { padding-left: 0; } .rs-breadcrumbs .breadcrumbs-inner .bs-meta li { margin-right: 13px; font-size: 13px; } .rs-breadcrumbs .breadcrumbs-inner .bs-meta li i { margin-right: 3px; } .rs-breadcrumbs .breadcrumbs-inner .bs-meta li i:before { font-size: 14px; font-weight: 600; } .rs-breadcrumbs .container-fluid { padding-left: 100px; padding-right: 100px; } .rs-breadcrumbs .breadcrumbs-single { background-size: cover; background-position: center top; } .rs-breadcrumbs .trail-browse { display: none !important; } .rs-breadcrumbs .trail-items li { position: relative; } .rs-breadcrumbs .trail-items li a { padding-right: 20px; } .rs-breadcrumbs .trail-items li::after { right: 0px; position: absolute; padding: 0; content: "\f147"; font-family: Flaticon; font-style: normal; font-weight: 300; display: block !important; top: 0; } .rs-breadcrumbs .trail-items li.trail-end::after { display: none !important; } .rs-breadcrumbs .page-title { margin: 0 auto; padding-bottom: 0 !important; color: #fff !important; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); font-size: 48px; } .rs-breadcrumbs .trail-items li::after { font-size: 12px; } .rs-breadcrumbs ul { display: inline-block; padding: 5px 20px; margin: 0px; } .rs-breadcrumbs ul li { color: #000; display: inline-block; font-size: 14px; } .rs-breadcrumbs ul li * { color: #000; } .rs-breadcrumbs ul li a { padding: 0 8px; color: #000; } .rs-breadcrumbs ul li a:hover { color: #0a2fa6; } .rs-breadcrumbs ul li.trail-begin a { position: relative; display: inline-block; padding-left: 0; } .rs-breadcrumbs ul li.trail-begin a:hover { opacity: 0.7; } .rs-breadcrumbs ul li.trail-end { padding-left: 8px; } .rs-breadcrumbs.porfolio-details { position: relative; } .counter-top-area .rs-counter-list .count-text .rs-counter { font-family: 'Sora', sans-serif !important; } .mc4wp-form-fields input[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #999; } .mc4wp-form-fields input[type="email"]::-moz-placeholder { /* Firefox 19+ */ color: #999; } .mc4wp-form-fields input[type="email"]:-ms-input-placeholder { /* IE 10+ */ color: #999; } .mc4wp-form-fields input[type="email"]:-moz-placeholder { /* Firefox 18- */ color: #999; } .entry-content .page-links { padding-top: 30px; } .comment-reply-title { font-size: 24px; font-weight: 700; margin-top: 14px; } .page .comments-title { font-size: 24px; font-weight: 700; } .single-post .bs-sidebar h2 { margin-top: 0; } .recent-widget .show-featured .post-img img { border-radius: 3px; } .format-aside .single-content-full .bs-desc { margin-top: 0; } .close5 { background: #28406d; color: #fff; border-radius: 50%; } .wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title > a { padding-right: 46px !important; padding-left: 20px !important; } .wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-controls-icon::after, .wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-controls-icon::before { border-color: #ff6d00 !important; } .wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title > a { color: #000 !important; border-radius: 3px; } .wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title > a { color: #fff !important; } .wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title > a:hover { color: #fff !important; } body.wpb-js-composer .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-title a > i.vc_tta-controls-icon:before { border-color: #fff !important; } body.wpb-js-composer .vc_tta.vc_general .vc_tta-panel .vc_tta-panel-title a:hover > i.vc_tta-controls-icon:before, body.wpb-js-composer .vc_tta.vc_general .vc_tta-panel .vc_tta-panel-title a:hover > i.vc_tta-controls-icon:after { border-color: #fff !important; } .home1-contact input.wpcf7-text, .home1-contact select, .home1-contact textarea { background: #ff6d00; border: none; color: #fff; width: 100%; margin-bottom: 30px; outline: none; } .home1-contact input[type="submit"] { background: #ed4e31; width: 100%; font-size: 16px; letter-spacing: 2px; text-transform: uppercase; margin-top: -7px; border-radius: 0; } .home1-contact input.wpcf7-text { height: 55px; } .home1-contact textarea { height: 170px; } .home1-contact input[type="text"]::-webkit-input-placeholder, .home1-contact textarea::-webkit-input-placeholder, .home1-contact input[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; opacity: 1; } .home1-contact input[type="text"]::-moz-placeholder, .home1-contact textarea::-moz-placeholder, .home1-contact input[type="email"]::-moz-placeholder { /* Firefox 19+ */ color: #fff; opacity: 1; } .home1-contact input[type="text"]:-ms-input-placeholder, .home1-contact textarea:-ms-input-placeholder, .home1-contact input[type="email"]:-ms-input-placeholder { /* IE 10+ */ color: #fff; opacity: 1; } .home1-contact input[type="text"]:-moz-placeholder, .home1-contact textarea:-moz-placeholder, .home1-contact input[type="email"]:-moz-placeholder { /* Firefox 18- */ color: #fff; opacity: 1; } .dark-contact input.wpcf7-text, .dark-contact select, .dark-contact textarea { background: transparent; border: none; border-bottom: 2px solid #999; color: #fff; width: 100%; margin-bottom: 30px; outline: none; padding-left: 0; } .dark-contact input[type="submit"] { background: #ff6d00; width: 100%; font-size: 14px; text-transform: uppercase; border-radius: 0; border-color: #ff6d00; padding: 12px 30px; } .dark-contact input[type="submit"]:hover { border-color: #ff6d00; background: transparent; color: #fff; } .dark-contact input.wpcf7-text { height: 55px; } .dark-contact textarea { height: 120px; } .dark-contact input[type="text"]::-webkit-input-placeholder, .dark-contact textarea::-webkit-input-placeholder, .dark-contact input[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; opacity: 1; } .dark-contact input[type="text"]::-moz-placeholder, .dark-contact textarea::-moz-placeholder, .dark-contact input[type="email"]::-moz-placeholder { /* Firefox 19+ */ color: #fff; opacity: 1; } .dark-contact input[type="text"]:-ms-input-placeholder, .dark-contact textarea:-ms-input-placeholder, .dark-contact input[type="email"]:-ms-input-placeholder { /* IE 10+ */ color: #fff; opacity: 1; } .dark-contact input[type="text"]:-moz-placeholder, .dark-contact textarea:-moz-placeholder, .dark-contact input[type="email"]:-moz-placeholder { /* Firefox 18- */ color: #fff; opacity: 1; } .footer-top-contact .rs-contact { color: #fff; } .footer-top-contact .rs-contact .contact-address .address-text h3 { color: #fff; font-weight: 500; } .footer-top-contact .rs-contact .contact-address .address-text a { color: #fff; } .footer-top-contact .rs-contact .contact-address .address-text a:hover { color: #0a2fa6; } .readon .vc_btn3 { background: transparent !important; box-shadow: none !important; border: none !important; margin-top: -5px !important; } .readon .vc_btn3:hover { color: #ff6d00 !important; } .rs-portfolio-style7 .showcase-item img { -webkit-animation: scale-up-center 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-up-center 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @-webkit-keyframes scale-up-center { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes scale-up-center { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .subscribe-form p { text-align: center; margin: 0 auto; } .subscribe-form .mc4wp-form-fields { margin: 0 auto; } .subscribe-form input { display: inline-block; height: 70px; line-height: 70px; padding: 0 30px; } .subscribe-form input[type="email"] { width: 70%; border-radius: 30px 0 0 30px; } .subscribe-form input[type="submit"] { border-radius: 0 30px 30px 0; position: relative; } .subscribe-form .signup-post { display: none; } /********************* FAQ **********************/ .home-faq .vc_toggle { color: #fff; background: #333; padding: 16px 20px; } .home-faq .vc_toggle .vc_toggle_title > h4 { color: #fff; -webkit-transition: background-color 2s ease-out; -moz-transition: background-color 2s ease-out; -o-transition: background-color 2s ease-out; transition: background-color 2s ease-out; font-size: 16px; font-weight: 600; } .home-faq .vc_toggle .vc_toggle_content { margin-bottom: 0 !important; } .home-faq .vc_toggle .vc_toggle_content p { margin-bottom: 5px; } body.wpb-js-composer .vc_tta.vc_general .vc_tta-panel .vc_tta-panel-title { -webkit-transition: background-color 2s ease-out; -moz-transition: background-color 2s ease-out; -o-transition: background-color 2s ease-out; transition: background-color 2s ease-out; font-size: 15px; font-weight: 600; font-family: 'Sora', sans-serif; } body.wpb-js-composer .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-title a, body.wpb-js-composer .vc_tta.vc_general .vc_tta-panel .vc_tta-panel-title:hover a { color: #fff; } body.wpb-js-composer .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-title a > i.vc_tta-controls-icon:before, body.wpb-js-composer .vc_tta.vc_general .vc_tta-panel .vc_tta-panel-title:hover a > i.vc_tta-controls-icon:before, body.wpb-js-composer .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-title a > i.vc_tta-controls-icon:after, body.wpb-js-composer .vc_tta.vc_general .vc_tta-panel .vc_tta-panel-title:hover a > i.vc_tta-controls-icon:after { border-color: #fff; } body .wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a { color: #0a2fa6 !important; } .page-template-full-page #fp-nav ul > li > a.active span, .page-template-full-page #fp-nav ul > li > a:hover span { background: #ff6d00; } /********************* Contact **********************/ .contact-business { z-index: 9; } .contact-business .form-button { margin: 10px auto 0; } .contact-business.content-center .form-button { margin: 0 auto; } .contact-business.content-center .form-button p { text-align: center; margin: 0 auto; display: block; } .rsaddon-unique-slider .blog-content .blog-footer .blog-meta i { color: #ff6d00; } .rsaddon-unique-slider .blog-content .blog-footer .blog-meta .date { font-size: 13px; } /*---------------------------------------------- Preloader ----------------------------------------------*/ #pre-load { background-color: #fff; height: 100%; width: 100%; position: fixed; margin-top: 0px; top: 0px; z-index: 999999; } .loader .loader-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100px; height: 100px; border: 3px solid #ebebec; border-radius: 50%; } .loader .loader-container:before { position: absolute; content: ""; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100px; height: 100px; border-top: 3px solid #f00c46; border-radius: 50%; animation: loaderspin 1.8s infinite ease-in-out; -webkit-animation: loaderspin 1.8s infinite ease-in-out; } .loader .loader-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; text-align: center; } .loader .loader-icon img { animation: loaderpulse alternate 900ms infinite; width: 40px; } .woocommerce .quantity input[type="number"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #363636 !important; opacity: 1; } .woocommerce .quantity input[type="number"]::-moz-placeholder { /* Firefox 19+ */ color: #363636 !important; opacity: 1; } .woocommerce .quantity input[type="number"]:-ms-input-placeholder { /* IE 10+ */ color: #363636 !important; opacity: 1; } .woocommerce .quantity input[type="number"]:-moz-placeholder { /* Firefox 18- */ color: #363636 !important; opacity: 1; } @keyframes loaderspin { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } @-webkit-keyframes loaderspin { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } @keyframes loaderpulse { 0% { transform: scale(1); } 100% { transform: scale(1.2); } } #rs-header .nav-link-container .nav-menu-link span.dot-hum { width: 30px; border-radius: 30px; margin: 3px 0; height: 3px; } .sidenav .widget_nav_menu ul li.mega { position: relative !important; } .max1000 .slick-list { max-width: 1000px !important; margin: 0 auto !important; } @-webkit-keyframes innovix-loader-anim { 0% { opacity: 1; -webkit-transform: scale(0.1); transform: scale(0.1); } 70% { opacity: .5; -webkit-transform: scale(1); transform: scale(1); } 95% { opacity: 0; } } @-moz-keyframes innovix-loader-anim { 0% { opacity: 1; -moz-transform: scale(0.1); transform: scale(0.1); } 70% { opacity: .5; -moz-transform: scale(1); transform: scale(1); } 95% { opacity: 0; } } @-o-keyframes innovix-loader-anim { 0% { opacity: 1; -o-transform: scale(0.1); transform: scale(0.1); } 70% { opacity: .5; -o-transform: scale(1); transform: scale(1); } 95% { opacity: 0; } } @keyframes innovix-loader-anim { 0% { opacity: 1; -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -o-transform: scale(0.1); transform: scale(0.1); } 70% { opacity: .5; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 95% { opacity: 0; } } @-webkit-keyframes anim { from { left: -100%; } to { left: 100%; } } @keyframes anim { from { left: -100%; } to { left: 100%; } } .zin-1 .rs-animation-shape-image .middle-image { z-index: -1 !important; } .rs-testimonial .rs-addon-slider .slick-prev { visibility: visible; opacity: 1; left: 0; border: 1px solid #fff; } .rs-testimonial .rs-addon-slider .slick-prev:before { line-height: 45px; } .rs-testimonial .rs-addon-slider .slick-next { visibility: visible; opacity: 1; right: 0; border: 1px solid #fff; } .rs-testimonial .rs-addon-slider .slick-next:before { line-height: 45px; } .rs-portfolio-slider.rs-portfolio-style3.rs-custom .slick-prev { visibility: visible; opacity: 1; left: 0; border: 1px solid #fff; } .rs-portfolio-slider.rs-portfolio-style3.rs-custom .slick-prev:before { line-height: 45px; } .rs-portfolio-slider.rs-portfolio-style3.rs-custom .slick-next { visibility: visible; opacity: 1; right: 0; border: 1px solid #fff; } .rs-portfolio-slider.rs-portfolio-style3.rs-custom .slick-next:before { line-height: 45px; } .rs-logo-grid.style2tws .cols .logo-title { position: relative; } .rs-logo-grid.style2tws .cols .logo-title:before { content: ''; position: absolute; top: 0; left: 50%; height: 40px; width: 1px; transform: translateX(-50%); background-color: #FFFFFF21; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .rs-logo-grid.style2tws .cols .logo-title:after { content: ''; position: absolute; top: 40px; left: 50.3%; height: 12px; border-radius: 50%; width: 12px; transform: translateX(-50%); background-color: #FFFFFF21; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .rs-addon-slider .slick-next:before { content: "\f114"; font-size: 18px; color: #ff6d00; margin: 0; display: inline-block; font-family: flaticon !important; font-weight: 600; text-align: center; } .rs-addon-slider .slick-prev:before { content: "\f115"; font-size: 18px; color: #ff6d00; margin: 0; display: inline-block; font-family: flaticon !important; font-weight: 600; text-align: center; } .cd-title { position: relative; height: 160px; text-align: center; } .cd-intro { width: 90%; max-width: 768px; text-align: center; } .cd-words-wrapper { display: inline-block; position: relative; text-align: left; margin-left: 10px; } .cd-words-wrapper p { display: inline-block; position: absolute; white-space: nowrap; left: 0; top: 0; } .cd-words-wrapper p.is-visible { position: relative; } .no-js .cd-words-wrapper p { opacity: 0; } .no-js .cd-words-wrapper p.is-visible { opacity: 1; } /* -------------------------------- xrotate-1 -------------------------------- */ .cd-headline.rotate-1 .cd-words-wrapper { -webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px; } .cd-headline.rotate-1 p { opacity: 0; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } .cd-headline.rotate-1 p.is-visible { opacity: 1; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-animation: cd-rotate-1-in 1.2s; -moz-animation: cd-rotate-1-in 1.2s; animation: cd-rotate-1-in 1.2s; } .cd-headline.rotate-1 p.is-hidden { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); -webkit-animation: cd-rotate-1-out 1.2s; -moz-animation: cd-rotate-1-out 1.2s; animation: cd-rotate-1-out 1.2s; } @-webkit-keyframes cd-rotate-1-in { 0% { -webkit-transform: rotateX(180deg); opacity: 0; } 35% { -webkit-transform: rotateX(120deg); opacity: 0; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(360deg); opacity: 1; } } @-moz-keyframes cd-rotate-1-in { 0% { -moz-transform: rotateX(180deg); opacity: 0; } 35% { -moz-transform: rotateX(120deg); opacity: 0; } 65% { opacity: 0; } 100% { -moz-transform: rotateX(360deg); opacity: 1; } } @keyframes cd-rotate-1-in { 0% { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0; } 35% { -webkit-transform: rotateX(120deg); -moz-transform: rotateX(120deg); -ms-transform: rotateX(120deg); -o-transform: rotateX(120deg); transform: rotateX(120deg); opacity: 0; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(360deg); -moz-transform: rotateX(360deg); -ms-transform: rotateX(360deg); -o-transform: rotateX(360deg); transform: rotateX(360deg); opacity: 1; } } @-webkit-keyframes cd-rotate-1-out { 0% { -webkit-transform: rotateX(0deg); opacity: 1; } 35% { -webkit-transform: rotateX(-40deg); opacity: 1; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(180deg); opacity: 0; } } @-moz-keyframes cd-rotate-1-out { 0% { -moz-transform: rotateX(0deg); opacity: 1; } 35% { -moz-transform: rotateX(-40deg); opacity: 1; } 65% { opacity: 0; } 100% { -moz-transform: rotateX(180deg); opacity: 0; } } @keyframes cd-rotate-1-out { 0% { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } 35% { -webkit-transform: rotateX(-40deg); -moz-transform: rotateX(-40deg); -ms-transform: rotateX(-40deg); -o-transform: rotateX(-40deg); transform: rotateX(-40deg); opacity: 1; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0; } } /* -------------------------------- xtype -------------------------------- */ .cd-headline.type .cd-words-wrapper { vertical-align: top; overflow: hidden; } .cd-headline.type .cd-words-wrapper::after { /* vertical bar */ content: ''; position: absolute; right: 0; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 90%; width: 1px; background-color: #aebcb9; } .cd-headline.type .cd-words-wrapper.waiting::after { -webkit-animation: cd-pulse 1s infinite; -moz-animation: cd-pulse 1s infinite; animation: cd-pulse 1s infinite; } .cd-headline.type .cd-words-wrapper.selected { background-color: #aebcb9; } .cd-headline.type .cd-words-wrapper.selected::after { visibility: hidden; } .cd-headline.type .cd-words-wrapper.selected p { color: #0d0d0d; } .cd-headline.type p { visibility: hidden; } .cd-headline.type p.is-visible { visibility: visible; } .cd-headline.type i { position: absolute; visibility: hidden; } .cd-headline.type i.in { position: relative; visibility: visible; } @-webkit-keyframes cd-pulse { 0% { -webkit-transform: translateY(-50%) scale(1); opacity: 1; } 40% { -webkit-transform: translateY(-50%) scale(0.9); opacity: 0; } 100% { -webkit-transform: translateY(-50%) scale(0); opacity: 0; } } @-moz-keyframes cd-pulse { 0% { -moz-transform: translateY(-50%) scale(1); opacity: 1; } 40% { -moz-transform: translateY(-50%) scale(0.9); opacity: 0; } 100% { -moz-transform: translateY(-50%) scale(0); opacity: 0; } } @keyframes cd-pulse { 0% { -webkit-transform: translateY(-50%) scale(1); -moz-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); -o-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); opacity: 1; } 40% { -webkit-transform: translateY(-50%) scale(0.9); -moz-transform: translateY(-50%) scale(0.9); -ms-transform: translateY(-50%) scale(0.9); -o-transform: translateY(-50%) scale(0.9); transform: translateY(-50%) scale(0.9); opacity: 0; } 100% { -webkit-transform: translateY(-50%) scale(0); -moz-transform: translateY(-50%) scale(0); -ms-transform: translateY(-50%) scale(0); -o-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); opacity: 0; } } /* -------------------------------- xrotate-2 -------------------------------- */ .cd-headline.rotate-2 .cd-words-wrapper { -webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px; } .cd-headline.rotate-2 i, .cd-headline.rotate-2 em { display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cd-headline.rotate-2 b { opacity: 0; } .cd-headline.rotate-2 i { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-20px) rotateX(90deg); -moz-transform: translateZ(-20px) rotateX(90deg); -ms-transform: translateZ(-20px) rotateX(90deg); -o-transform: translateZ(-20px) rotateX(90deg); transform: translateZ(-20px) rotateX(90deg); opacity: 0; } .is-visible .cd-headline.rotate-2 i { opacity: 1; } .cd-headline.rotate-2 i.in { -webkit-animation: cd-rotate-2-in 0.4s forwards; -moz-animation: cd-rotate-2-in 0.4s forwards; animation: cd-rotate-2-in 0.4s forwards; } .cd-headline.rotate-2 i.out { -webkit-animation: cd-rotate-2-out 0.4s forwards; -moz-animation: cd-rotate-2-out 0.4s forwards; animation: cd-rotate-2-out 0.4s forwards; } .cd-headline.rotate-2 em { -webkit-transform: translateZ(20px); -moz-transform: translateZ(20px); -ms-transform: translateZ(20px); -o-transform: translateZ(20px); transform: translateZ(20px); } .no-csstransitions .cd-headline.rotate-2 i { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 0; } .no-csstransitions .cd-headline.rotate-2 i em { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .no-csstransitions .cd-headline.rotate-2 .is-visible i { opacity: 1; } @-webkit-keyframes cd-rotate-2-in { 0% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(90deg); } 60% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(-10deg); } 100% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0deg); } } @-moz-keyframes cd-rotate-2-in { 0% { opacity: 0; -moz-transform: translateZ(-20px) rotateX(90deg); } 60% { opacity: 1; -moz-transform: translateZ(-20px) rotateX(-10deg); } 100% { opacity: 1; -moz-transform: translateZ(-20px) rotateX(0deg); } } @keyframes cd-rotate-2-in { 0% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(90deg); -moz-transform: translateZ(-20px) rotateX(90deg); -ms-transform: translateZ(-20px) rotateX(90deg); -o-transform: translateZ(-20px) rotateX(90deg); transform: translateZ(-20px) rotateX(90deg); } 60% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(-10deg); -moz-transform: translateZ(-20px) rotateX(-10deg); -ms-transform: translateZ(-20px) rotateX(-10deg); -o-transform: translateZ(-20px) rotateX(-10deg); transform: translateZ(-20px) rotateX(-10deg); } 100% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0deg); -moz-transform: translateZ(-20px) rotateX(0deg); -ms-transform: translateZ(-20px) rotateX(0deg); -o-transform: translateZ(-20px) rotateX(0deg); transform: translateZ(-20px) rotateX(0deg); } } @-webkit-keyframes cd-rotate-2-out { 0% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0); } 60% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-100deg); } 100% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-90deg); } } @-moz-keyframes cd-rotate-2-out { 0% { opacity: 1; -moz-transform: translateZ(-20px) rotateX(0); } 60% { opacity: 0; -moz-transform: translateZ(-20px) rotateX(-100deg); } 100% { opacity: 0; -moz-transform: translateZ(-20px) rotateX(-90deg); } } @keyframes cd-rotate-2-out { 0% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0); -moz-transform: translateZ(-20px) rotateX(0); -ms-transform: translateZ(-20px) rotateX(0); -o-transform: translateZ(-20px) rotateX(0); transform: translateZ(-20px) rotateX(0); } 60% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-100deg); -moz-transform: translateZ(-20px) rotateX(-100deg); -ms-transform: translateZ(-20px) rotateX(-100deg); -o-transform: translateZ(-20px) rotateX(-100deg); transform: translateZ(-20px) rotateX(-100deg); } 100% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-90deg); -moz-transform: translateZ(-20px) rotateX(-90deg); -ms-transform: translateZ(-20px) rotateX(-90deg); -o-transform: translateZ(-20px) rotateX(-90deg); transform: translateZ(-20px) rotateX(-90deg); } } /* -------------------------------- xloading-bar -------------------------------- */ .cd-headline.loading-bar span { display: inline-block; padding: .2em 0; } .cd-headline.loading-bar .cd-words-wrapper { overflow: hidden; vertical-align: top; } .cd-headline.loading-bar .cd-words-wrapper::after { /* loading bar */ content: ''; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background: #0096a7; z-index: 2; -webkit-transition: width 0.3s -0.1s; -moz-transition: width 0.3s -0.1s; transition: width 0.3s -0.1s; } .cd-headline.loading-bar .cd-words-wrapper.is-loading::after { width: 100%; -webkit-transition: width 3s; -moz-transition: width 3s; transition: width 3s; } .cd-headline.loading-bar p { top: .2em; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; } .cd-headline.loading-bar p.is-visible { opacity: 1; top: 0; } /* -------------------------------- xslide -------------------------------- */ .cd-headline.slide span { display: inline-block; padding: .2em 0; } .cd-headline.slide .cd-words-wrapper { overflow: hidden; vertical-align: top; } .cd-headline.slide p { opacity: 0; top: .2em; } .cd-headline.slide p.is-visible { top: 0; opacity: 1; -webkit-animation: slide-in 0.6s; -moz-animation: slide-in 0.6s; animation: slide-in 0.6s; } .cd-headline.slide p.is-hidden { -webkit-animation: slide-out 0.6s; -moz-animation: slide-out 0.6s; animation: slide-out 0.6s; } @-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(-100%); } 60% { opacity: 1; -webkit-transform: translateY(20%); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes slide-in { 0% { opacity: 0; -moz-transform: translateY(-100%); } 60% { opacity: 1; -moz-transform: translateY(20%); } 100% { opacity: 1; -moz-transform: translateY(0); } } @keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 60% { opacity: 1; -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); -o-transform: translateY(20%); transform: translateY(20%); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slide-out { 0% { opacity: 1; -webkit-transform: translateY(0); } 60% { opacity: 0; -webkit-transform: translateY(120%); } 100% { opacity: 0; -webkit-transform: translateY(100%); } } @-moz-keyframes slide-out { 0% { opacity: 1; -moz-transform: translateY(0); } 60% { opacity: 0; -moz-transform: translateY(120%); } 100% { opacity: 0; -moz-transform: translateY(100%); } } @keyframes slide-out { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 60% { opacity: 0; -webkit-transform: translateY(120%); -moz-transform: translateY(120%); -ms-transform: translateY(120%); -o-transform: translateY(120%); transform: translateY(120%); } 100% { opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } } /* -------------------------------- xclip -------------------------------- */ .cd-headline.clip span { display: inline-block; padding: .2em 0; } .cd-headline.clip .cd-words-wrapper { overflow: hidden; vertical-align: top; } .cd-headline.clip .cd-words-wrapper::after { /* line */ content: ''; position: absolute; top: 0; right: 0; width: 2px; height: 100%; background-color: #aebcb9; } .cd-headline.clip p { opacity: 0; margin-bottom: 0; } .cd-headline.clip p.is-visible { opacity: 1; } /* -------------------------------- xzoom -------------------------------- */ .cd-headline.zoom .cd-words-wrapper { -webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px; } .cd-headline.zoom p { opacity: 0; } .cd-headline.zoom p.is-visible { opacity: 1; -webkit-animation: zoom-in 0.8s; -moz-animation: zoom-in 0.8s; animation: zoom-in 0.8s; } .cd-headline.zoom p.is-hidden { -webkit-animation: zoom-out 0.8s; -moz-animation: zoom-out 0.8s; animation: zoom-out 0.8s; } #rs-newsletter-subscribe .newsletter-title { color: #ffffff; margin-bottom: 0px; font-size: 36px; } #rs-newsletter-subscribe .text-right { position: relative; text-align: left !important; } #rs-newsletter-subscribe .text-right input[type="email"] { margin-bottom: 0px; max-width: 390px; padding-top: 19px; padding-bottom: 19px; border-radius: 5px; } #rs-newsletter-subscribe .text-right input[type="submit"] { position: absolute; z-index: 2; right: 15px; top: 50%; transform: translateY(-50%); font-size: 16px; font-weight: 600; height: 60px; border-radius: 5px; background: #032e42; transition: all 0.3s ease 0s; } #rs-newsletter-subscribe .row { align-items: center; } @-webkit-keyframes zoom-in { 0% { opacity: 0; -webkit-transform: translateZ(100px); } 100% { opacity: 1; -webkit-transform: translateZ(0); } } @-moz-keyframes zoom-in { 0% { opacity: 0; -moz-transform: translateZ(100px); } 100% { opacity: 1; -moz-transform: translateZ(0); } } @keyframes zoom-in { 0% { opacity: 0; -webkit-transform: translateZ(100px); -moz-transform: translateZ(100px); -ms-transform: translateZ(100px); -o-transform: translateZ(100px); transform: translateZ(100px); } 100% { opacity: 1; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } } @-webkit-keyframes zoom-out { 0% { opacity: 1; -webkit-transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateZ(-100px); } } @-moz-keyframes zoom-out { 0% { opacity: 1; -moz-transform: translateZ(0); } 100% { opacity: 0; -moz-transform: translateZ(-100px); } } @keyframes zoom-out { 0% { opacity: 1; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateZ(-100px); -moz-transform: translateZ(-100px); -ms-transform: translateZ(-100px); -o-transform: translateZ(-100px); transform: translateZ(-100px); } } /* -------------------------------- xrotate-3 -------------------------------- */ .cd-headline.rotate-3 .cd-words-wrapper { -webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px; } .cd-headline.rotate-3 p { opacity: 0; } .cd-headline.rotate-3 i { display: inline-block; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .is-visible .cd-headline.rotate-3 i { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .cd-headline.rotate-3 i.in { -webkit-animation: cd-rotate-3-in 0.6s forwards; -moz-animation: cd-rotate-3-in 0.6s forwards; animation: cd-rotate-3-in 0.6s forwards; } .cd-headline.rotate-3 i.out { -webkit-animation: cd-rotate-3-out 0.6s forwards; -moz-animation: cd-rotate-3-out 0.6s forwards; animation: cd-rotate-3-out 0.6s forwards; } .no-csstransitions .cd-headline.rotate-3 i { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 0; } .no-csstransitions .cd-headline.rotate-3 .is-visible i { opacity: 1; } @-webkit-keyframes cd-rotate-3-in { 0% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); } } @-moz-keyframes cd-rotate-3-in { 0% { -moz-transform: rotateY(180deg); } 100% { -moz-transform: rotateY(0deg); } } @keyframes cd-rotate-3-in { 0% { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } } @-webkit-keyframes cd-rotate-3-out { 0% { -webkit-transform: rotateY(0); } 100% { -webkit-transform: rotateY(-180deg); } } @-moz-keyframes cd-rotate-3-out { 0% { -moz-transform: rotateY(0); } 100% { -moz-transform: rotateY(-180deg); } } @keyframes cd-rotate-3-out { 0% { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); } 100% { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } } /* -------------------------------- xscale -------------------------------- */ .cd-headline.scale p { opacity: 0; } .cd-headline.scale i { display: inline-block; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .is-visible .cd-headline.scale i { opacity: 1; } .cd-headline.scale i.in { -webkit-animation: scale-up 0.6s forwards; -moz-animation: scale-up 0.6s forwards; animation: scale-up 0.6s forwards; } .cd-headline.scale i.out { -webkit-animation: scale-down 0.6s forwards; -moz-animation: scale-down 0.6s forwards; animation: scale-down 0.6s forwards; } .no-csstransitions .cd-headline.scale i { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0; } .no-csstransitions .cd-headline.scale .is-visible i { opacity: 1; } @-webkit-keyframes scale-up { 0% { -webkit-transform: scale(0); opacity: 0; } 60% { -webkit-transform: scale(1.2); opacity: 1; } 100% { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes scale-up { 0% { -moz-transform: scale(0); opacity: 0; } 60% { -moz-transform: scale(1.2); opacity: 1; } 100% { -moz-transform: scale(1); opacity: 1; } } @keyframes scale-up { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; } 60% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); opacity: 1; } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes scale-down { 0% { -webkit-transform: scale(1); opacity: 1; } 60% { -webkit-transform: scale(0); opacity: 0; } } @-moz-keyframes scale-down { 0% { -moz-transform: scale(1); opacity: 1; } 60% { -moz-transform: scale(0); opacity: 0; } } @keyframes scale-down { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 60% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; } } /* -------------------------------- xpush -------------------------------- */ .cd-headline.push p { opacity: 0; } .cd-headline.push p.is-visible { opacity: 1; -webkit-animation: push-in 0.6s; -moz-animation: push-in 0.6s; animation: push-in 0.6s; } .cd-headline.push p.is-hidden { -webkit-animation: push-out 0.6s; -moz-animation: push-out 0.6s; animation: push-out 0.6s; } @-webkit-keyframes push-in { 0% { opacity: 0; -webkit-transform: translateX(-100%); } 60% { opacity: 1; -webkit-transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes push-in { 0% { opacity: 0; -moz-transform: translateX(-100%); } 60% { opacity: 1; -moz-transform: translateX(10%); } 100% { opacity: 1; -moz-transform: translateX(0); } } @keyframes push-in { 0% { opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } 60% { opacity: 1; -webkit-transform: translateX(10%); -moz-transform: translateX(10%); -ms-transform: translateX(10%); -o-transform: translateX(10%); transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes push-out { 0% { opacity: 1; -webkit-transform: translateX(0); } 60% { opacity: 0; -webkit-transform: translateX(110%); } 100% { opacity: 0; -webkit-transform: translateX(100%); } } @-moz-keyframes push-out { 0% { opacity: 1; -moz-transform: translateX(0); } 60% { opacity: 0; -moz-transform: translateX(110%); } 100% { opacity: 0; -moz-transform: translateX(100%); } } @keyframes push-out { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 60% { opacity: 0; -webkit-transform: translateX(110%); -moz-transform: translateX(110%); -ms-transform: translateX(110%); -o-transform: translateX(110%); transform: translateX(110%); } 100% { opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } }