D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
home
/
balhit1357
/
balhit.ac.in
/
Filename :
style.css
back
Copy
@charset "utf-8"; @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap'); @import url(assets/css/home_sld.css); @import url(assets/css/home_page.css); @import url(assets/css/popup.css); .ubuntu-light { font-family: "Ubuntu", sans-serif; font-weight: 300; font-style: normal; } .ubuntu-regular { font-family: "Ubuntu", sans-serif; font-weight: 400; font-style: normal; } .ubuntu-medium { font-family: "Ubuntu", sans-serif; font-weight: 500; font-style: normal; } .ubuntu-bold { font-family: "Ubuntu", sans-serif; font-weight: 700; font-style: normal; } .ubuntu-light-italic { font-family: "Ubuntu", sans-serif; font-weight: 300; font-style: italic; } .ubuntu-regular-italic { font-family: "Ubuntu", sans-serif; font-weight: 400; font-style: italic; } .ubuntu-medium-italic { font-family: "Ubuntu", sans-serif; font-weight: 500; font-style: italic; } .ubuntu-bold-italic { font-family: "Ubuntu", sans-serif; font-weight: 700; font-style: italic; } .nunito-<uniquifier> { font-family: "Nunito", sans-serif; font-optical-sizing: auto; font-weight: <weight>; font-style: normal; } /* ----------------------------------- 01. General CSS -------------------------------------*/ html, body { font-size: 15px; color: #454545; font-family: 'Ubuntu', sans-serif; vertical-align: baseline; line-height: 1.6; font-weight: 400; overflow-x: hidden; } img { max-width: 100%; height: auto; } p { margin: 0 0 26px; line-height: 1.6; font-size:17px; } h1, h2, h3, h4, h5, h6 { font-family: 'Nunito', sans-serif; color: #101010; margin: 0 0 26px; line-height: 1.2; letter-spacing: -2px; } 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; letter-spacing: 0px; } h4 { font-size: 26px; line-height: 36px; font-weight: 700; letter-spacing: 0px; } h5 { font-size: 24px; line-height: 32px; font-weight: 600; letter-spacing: 0px; } h6 { font-size: 20px; line-height: 28px; font-weight: 500; letter-spacing: 0px; } .text-md-left { text-align: left; } .text-md-right { text-align: right; } .text-right { text-align: right; } .no-border { border: none !important; } .uppercase { text-transform: uppercase !important; } .capitalize { text-transform: capitalize !important; } .extra-bold { font-weight: 800 !important; } .gray-bg { background: #effdfc; } .gray-bg2 { background: #effdfc; } .white-color { color: #ffffff !important; } .title-color { color: #0a0a0a !important; } .body-color { color: #454545 !important; } .white-bg { background: #fff; } .pb-300 { padding-bottom: 300px; } .pb-290 { padding-bottom: 300px; } a { color: #0C6460; transition: all 0.3s ease; text-decoration: none !important; outline: none !important; } a:active, a:hover { text-decoration: none; outline: 0 none; color: #0C6460; } ul { list-style: outside none none; margin: 0; padding: 0; } .clear { clear: both; } ::-moz-selection { background: #0C6460; text-shadow: none; color: #ffffff; } ::selection { background: #0C6460; text-shadow: none; color: #ffffff; } .bg1 { background: url(assets/images/bg/cta-bg1.jpg); background-position: center right; background-repeat: no-repeat; background-size: cover; padding: 65px 0px 65px 60px; border-radius: 100px 0px 100px 0px; } .bg2 { background: url(assets/images/bg/contact-bg.jpg); background-repeat: no-repeat; background-size: cover; border-radius: 150px 0px 0px 0px; } .bg3 { background: url(assets/images/bg/newsletter-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .bg4 { background-color: #232323; background: url(assets/images/bg/choose-bg.jpg); background-repeat: no-repeat; border-radius: 0px 0px 0px 200px; } .bg5 { background-color: #232323; background: url(assets/images/bg/choose-bg.jpg); background-repeat: no-repeat; border-radius: 0px 250px 0px 0px; } .bg6 { background-color: #232323; background: url(assets/images/bg/choose-bg.jpg); background-repeat: no-repeat; background-size: cover; border-radius: 0px 0px 0px 250px; } .bg7 { background: url(assets/images/bg/newsletter-bg.webp); background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 150px 0px 0px 0px; } .bg8 { background: url(assets/images/bg/ser-bg4.png); background-position: center center; background-repeat: no-repeat; background-size: cover; } .bg9 { background: url(assets/images/bg/approch-bg4.png); background-repeat: no-repeat; background-size: cover; } .bg10 { background: url(assets/images/bg/cta-bg1.webp); background-position: center center; background-repeat: no-repeat; background-size: cover; } .bg11 { background: url(assets/images/bg/testi-bg4.png); background-repeat: no-repeat; background-position: center center; background-size: cover; } .bg12 { background: url(assets/images/bg/about-bg5.png); background-repeat: no-repeat; background-position: center center; background-size: cover; } .bg13 { background: url(assets/images/bg/skill-bg.png); background-repeat: no-repeat; background-position: center center; background-size: cover; } .bg14 { background: url(assets/images/bg/partner-bg.png); background-repeat: no-repeat; background-position: center center; background-size: cover; } .bg15 { background: url(assets/images/bg/cta-bg2.jpg); background-repeat: no-repeat; background-size: cover; } .bg16 { background: url(assets/images/bg/cta-bg1.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 100px 0px 100px 0px; } .bg17 { background-color: #232323; background-image: url(assets/images/bg/testi-bg2.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 0px 0px 0px 250px; } .bg18 { background: url(assets/images/bg/apointment-bg.png); background-repeat: no-repeat; background-position: bottom center; background-size: cover; } .bg19 { background: url(assets/images/bg/skill-bg.png); background-repeat: no-repeat; background-position: center center; background-size: cover; } .offwrap { cursor: url(assets/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: 0.8; z-index: 999; } .copyright p { font-size: 15px; } body.nav-expanded .offwrap { left: 0%; transition: all 0.8s ease-out 0s; } .bg-unset { background: unset !important; } .rs-menu-toggle { color: #0C6460; text-align: right; } button { cursor: pointer; } .glyph-icon:before { margin: 0; } .z-index-1 { position: relative; z-index: 1; } .dots { list-style: disc; margin: 0 0 1.5em 3em; } ul.services-list li a { display: block; padding: 16px 30px; transition: all 0.5s ease; border-radius: 30px 0 30px 0; position: relative; font-size: 16px; font-weight: 700; color: #0a0a0a; background: #effdfc; margin-bottom: 15px; } ul.services-list li a:before { content: "\f113"; position: absolute; right: 30px; top: 16px; font-family: Flaticon; color: #032e42; font-size: 12px; } ul.services-list li a:hover { background: #FF6D00; color: #ffffff; } ul.services-list li a:hover:before { color: #ffffff; } ul.services-list li a.active { background: #0C6460; color: #ffffff; } ul.services-list li a.active:before { color: #ffffff; } ul.check-lists li { position: relative; padding-left: 30px; padding-top: 4px; padding-bottom: 4px; font-size: 17px; font-weight: 400; list-style: none; } ul.check-lists li:before { top: 9px; position: absolute; left: 0; content: "\f160"; font-family: uicons-regular-rounded; color: #0C6460; font-weight: 700; font-size: 9px; border: 1px solid; width: 18px; height: 18px; text-align: center; line-height: 17px; border-radius: 30px; } ul.check-lists.check-modify1 li { font-weight: 400; } input:focus, select:focus, textarea:focus, button:focus { outline: none !important; } .pagination-area { display: inline-block; } .pagination-area .nav-link { display: flex; align-items: center; padding: 15px 10px 15px 8px; border-radius: 0; background: #0C6460; } .pagination-area .nav-link .page-number { padding: 2px 15px 0 20px; line-height: 12px; font-size: 18px; text-decoration: none; transition: all 0.4s ease-in-out 0s; text-align: center; background: 0 0; color: #eee; display: inline-block; vertical-align: top; border-right: 1px solid #e6e6e6; } .pagination-area .nav-link .page-number.border-none { border-right: unset; } .pagination-part { display: inline-block; border: 1px solid #f9f9f9; padding: 11px 0; border-radius: 3px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); background: #fff; } .pagination-part li { padding: 2px 20px 0 21px; line-height: 23px; font-size: 18px; text-decoration: none; transition: all 0.4s ease-in-out 0s; text-align: center; background: 0 0; color: #000; display: inline-block; vertical-align: top; border-right: 1px solid #e6e6e6; } .pagination-part li a { color: #454545; } .pagination-part li:last-child { border-right: unset; } .pagination-part .next-page { position: relative; transition: all 0.4s ease-in-out 0s; padding-right: 12px; } .pagination-part .next-page:before, .pagination-part .next-page:after { content: "\f105"; position: absolute; top: 4px; right: -3px; color: #454545; line-height: 16px; font-family: fontawesome; font-size: 12px; } .pagination-part .next-page:before { right: 1px; } .pagination-part .active a { color: #FF6D00; } .gridFilter button { font-size: 16px; font-weight: 500; background: 0 0 !important; color: #0a0a0a; display: inline-block; transition: 0.4s; outline: 0; position: relative; padding: 6px 20px 6px 20px; border: 0; } .gridFilter button.active { color: #FF6D00; box-shadow: 0 0 30px #eee; } .gridFilter button:hover { color: #FF6D00; } .gridFilter button + button { margin-left: 20px; } .odometer.odometer-auto-theme, .odometer.odometer-theme-default { font-family: 'Space Grotesk', sans-serif; } blockquote { margin: 35px 0px !important; padding: 40px 60px; color: #666; position: relative; background: #effdfc !important; font-style: italic; text-align: left; clear: both; font-weight: 400; } 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 p { font-size: 20px; margin-bottom: 10px; } blockquote p cite { font-size: 15px; display: block; margin-top: 10px; } blockquote p 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; } .rs-carousel.nav-style1 { position: relative; } .rs-carousel.nav-style1 .owl-nav { display: block; } .rs-carousel.nav-style1 .owl-nav .owl-next, .rs-carousel.nav-style1 .owl-nav .owl-prev { position: absolute; top: 50%; transform: translateY(-50%); left: 30px; width: 42px; height: 42px; line-height: 42px; border-radius: 50%; background: #0C6460; text-align: center; color: #ffffff; transition: all 0.5s; transition-delay: 0.7s; opacity: 0; visibility: hidden; } .rs-carousel.nav-style1 .owl-nav .owl-next i:before, .rs-carousel.nav-style1 .owl-nav .owl-prev i:before { content: "\f138"; font-family: Flaticon; } .rs-carousel.nav-style1 .owl-nav .owl-next { right: 30px; left: unset; } .rs-carousel.nav-style1 .owl-nav .owl-next i:before { content: "\f137"; } .rs-carousel.nav-style1:hover .owl-nav .owl-next, .rs-carousel.nav-style1:hover .owl-nav .owl-prev { left: -50px; transition-delay: 0s; visibility: visible; opacity: 1; } .rs-carousel.nav-style1:hover .owl-nav .owl-next { right: -50px; left: unset; } .rs-carousel .owl-dots { text-align: left; margin-top: 50px; } .rs-carousel .owl-dots .owl-dot { width: 8px; height: 8px; display: inline-block; margin: 0 6px; padding: 3px 0; border-radius: 50px; border: none; transition: all 0.3s ease; background: #FF6D00; box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25); opacity: 0.5; } .rs-carousel .owl-dots .owl-dot:hover, .rs-carousel .owl-dots .owl-dot.active { width: 25px; background: #FF6D00; opacity: 1; } /* no-gutters Class Rules */ .row.no-gutters { margin-right: 0; margin-left: 0; } .row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } /* ------------------------------------ 02. Global Class CSS ---------------------------------------*/ .y-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; } .y-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; } .project-item .vertical-middle { position: relative; z-index: 9; } .vertical-middle { display: table; height: 100%; width: 100%; } .vertical-middle-cell { display: table-cell; vertical-align: middle; } .readon { cursor: pointer; display: inline-block; position: relative; font-size: 17px; font-weight: 500; line-height: 26px; color: #ffffff; background: #0C6460; padding: 14px 40px 14px 40px; z-index: 1; border-radius: 20px 0px 20px 0px; transition: all 0.4s ease-in-out 0s; overflow: hidden; } .readon.slide-touch { padding: 15px 34px; } .readon.slide-touch:hover { background-color: #FF6D00; color: #ffffff; border-radius: 0px 20px 0px 20px; } .readon.details { padding: 16px 28px 14px 28px; } .readon.details:hover { background-color: #FF6D00; color: #ffffff; border-radius: 0px 20px 0px 20px; } .readon.details.contact { padding: 16px 35px 14px 35px; } .readon.details.join { padding: 16px 35px 14px 35px; background: #FF6D00; } .readon.details.submit { font-size: 16px; padding: 16px 35px 14px 35px; background: #FF6D00; border: none; } .readon.details.submit:hover { background-color: #FF6D00; } .readon.details.submit2 { font-size: 16px; font-weight: 600; padding: 16px 31px 16px 31px; border: none; } .readon.details.pricing { font-size: 16px; font-weight: 400; padding: 12px 30px 10px 30px; } .readon.details.pricing.price-active { background-color: #FF6D00; } .readon.details.pricing.price-active.inner-active { padding: 12px 23px 10px 23px; } .readon.details.pricing.inner-price { padding: 12px 23px 10px 23px; } .readon.details.post { padding: 15px 23px; border: none; } .readon.details.onepage-submit { background-color: #0C6460; border-radius: 20px 20px 20px 20px; border: none; } .readon.details.onepage-submit:hover { opacity: 0.9; } .readon.learn-work { padding: 14px 28px 14px 28px; background-color: #0C6460; border-radius: 4px 4px 4px 4px; } .readon.learn-work i { margin-left: 10px; } .readon.learn-work:hover { background-color: #FF6D00; color: #ffffff; } .readon.read-more { font-size: 16px; padding: 15px 34px 15px 34px; border-radius: 10px 10px 10px 10px; background-color: #0C6460; } .readon.read-more i { margin-left: 10px; } .readon.read-more:hover { background-color: #FF6D00; color: #ffffff; } .readon.read-more.view { font-size: 15px; font-weight: 400; padding: 8px 15px 8px 15px; } .readon.read-more.apply { font-size: 15px; font-weight: 400; padding: 8px 17px 8px 14px; border-radius: 20px 0px 20px 0px; color: #fff; } .readon.slide-started { position: relative; border: 1px solid #fff; background: transparent; text-align: center !important; /*padding: 18px 30px;*/padding: 18px 20px; /*min-width: 170px;*/min-width: 130px; border-radius: 3px; font-size: 16px; font-weight: 500; color: #ffffff; line-height: 22px; } .readon.slide-started span { position: relative; z-index: 11; color: #0C6460; } .readon.slide-started:after { content: ''; position: absolute; background: #fff; left: 5px; right: 5px; top: 5px; bottom: 5px; transition: all 0.2s; } .readon.slide-started:hover:after { left: 0; right: 0; top: 0; bottom: 0; } .readon.slide-started.more { border: 1px solid #0C6460; } .readon.slide-started.more span { color: #ffffff; } .readon.slide-started.more:after { background: #0C6460; } .readon.slide-started.join { border: 1px solid #FF6D00; } .readon.slide-started.join span { color: #ffffff; } .readon.slide-started.join:after { background: #FF6D00; } .readon.slide-get { font-size: 16px; text-transform: uppercase; background: #ffffff; padding: 12px 28px 12px 28px; border-radius: 4px 4px 4px 4px; transition: all 0.4s; } .readon.slide-get:before { content: ""; width: 4px; height: 20px; background: #ea6504; position: absolute; left: auto; right: 0; top: 50%; transform: translateY(-50%); transition: 0.4s; } .readon.slide-get span { position: relative; z-index: 9; color: #0a0a0a; } .readon.slide-get:after { content: ""; width: 4px; height: 20px; background: #ea6504; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: 0.4s; } .readon.slide-get:hover:before { height: 100.9%; width: 50%; border-radius: 0 5px 5px 0; } .readon.slide-get:hover span { color: #ffffff; } .readon.slide-get:hover:after { height: 100.9%; width: 50%; border-radius: 5px 0 0 5px; } .readon.slide-get.started { background: #0C6460; } .readon.slide-get.started span { color: #ffffff; } .readon.slide-get.view-team { background: #ffffff; } .readon.slide-get.view-team span { color: #FF6D00; } .readon.slide-get.view-team:hover span { color: #ffffff; } .readon.slide-get.price { text-transform: capitalize; padding: 10px 20px; background: #0C6460; border-radius: 5px 5px 5px 5px; } .readon.slide-get.price span { color: #ffffff; } .readon.slide-get.price:hover:before { width: 50.5%; } .readon.slide-get.price:hover span { color: #ffffff; } .readon.slide-get.price:hover:after { width: 50.5%; } .readon.slide-get.price.get-active { background: #FF6D00; } .readon.slide-get.price.get-active:before { background: #FF6D00; } .readon.slide-get.price.get-active span { color: #ffffff; } .readon.slide-get.price.get-active:after { background: #FF6D00; } /*-- Add Button CSS --*/ .add-btn { cursor: pointer; display: inline-block; position: relative; transition: all 0.4s; padding: 10px 31px; border-radius: 3px; font-size: 16px; font-weight: 500; background: #0C6460; color: #ffffff; border: none; } .add-btn:hover { color: #ffffff; background: #FF6D00; } /*-- Services Button CSS --*/ .services-btn .btn-text { transition: all 0.4s ease-in-out 0s; } .services-btn .btn-text i { width: 40px; height: 40px; line-height: 40px; border-radius: 40px; text-align: center; color: #0C6460; background-color: #effdfc; } .services-btn .btn-text i:before { font-size: 16px; } .services-btn .btn-text:hover i { color: #fff; background-color: #0C6460; } .services-btn.ser-style2 .btn-text i { background: #ff6d00; color: #ffffff; } .services-btn.ser-style2 .btn-text:hover i { background: #ff6d00; color: #ffffff; } /*-- Blog Button CSS --*/ .blog-button a { position: relative; display: inline-block; font-size: 16px; font-weight: 500; color: #0A0A0A; transition: all ease 0.4s; } .blog-button a:after { content: "\f113"; font-family: Flaticon; font-size: 10px; position: relative; right: 0; top: 0; display: inline-block; margin-left: 8px; transition: all ease 0.4s; color: #101010; } .blog-button a:hover { color: #FF6D00; } .blog-button a:hover:after { transform: translateX(10px); color: #FF6D00; } .blog-button.blog-inner-btn a { font-size: 15px; font-weight: 600; } .blog-button.blog-inner-btn a:after { content: "\f121"; font-family: uicons-regular-rounded !important; font-size: 19px; right: 3px; top: 6px; } .blog-button.blog-inner-btn a:hover { color: #FF6D00; } .blog-button.blog-inner-btn a:hover:after { transform: translateX(10px); color: #FF6D00; } /*-- Submit Button CSS --*/ .submit-btn { margin: 0; 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 .arrow-btn { position: relative; z-index: 9; } .submit-btn .arrow-btn [type="submit"] { background-color: #AF0505E0; padding: 16px 34px 16px 34px; font-size: 16px; font-weight: 600; border-radius: 5px 5px 5px 5px; position: relative; z-index: 9; border: none; } .submit-btn .arrow-btn:before { content: ""; position: absolute; width: 30px; height: 30px; border-radius: 30px; background: #f00; right: 15%; top: -8px; background: #930606; transition: 0.4s; z-index: 3; } .submit-btn .arrow-btn:hover:before { right: 68%; } .submit-btn.debitis { background: #0C6460; padding: 9px 25px; display: inline-block; } .submit-btn.debitis input[type="submit"] { font-size: 14px; font-weight: 500; color: #ffffff; background: unset; border: none; } .address-wrap .icon-part { display: inline-block; position: relative; height: 70px; width: 70px; line-height: 70px; border-radius: 100%; text-align: center; background: #E76404; } .address-wrap .icon-part i { text-align: center; color: #ffffff; border-radius: 100%; font-size: 25px; position: relative; line-height: 70px; z-index: 9; width: 100%; vertical-align: middle; margin-left: 0; height: auto; } .address-wrap .icon-part:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 70px; height: 70px; border-radius: 50%; animation: pulse-border 1500ms ease-out infinite; background: #E76404; } /*Video Icon*/ .rs-videos .animate-border .popup-border { background: #FF6D00; width: 80px; height: 80px; line-height: 80px; text-align: center; display: inline-block; border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); } .rs-videos .animate-border .popup-border i { font-size: 20px; line-height: 80px; display: block; color: #01539F; } .rs-videos .animate-border .popup-border:before { content: ""; border: 2px solid #FF6D00; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 180px; height: 180px; border-radius: 50%; animation: zoomBig 3.25s linear infinite; -webkit-animation-delay: 0.75s; animation-delay: 0.75s; } .rs-videos .animate-border .popup-border:after { content: ""; border: 2px solid #FF6D00; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 180px; height: 180px; border-radius: 50%; animation: zoomBig 3.25s linear infinite; -webkit-animation-delay: 0s; animation-delay: 0s; } .rs-videos .animate-border.main-home .popup-border { left: 8%; } .rs-videos .animate-border.main-home.style2 .popup-border { left: 50%; } @keyframes zoomBig { 0% { transform: translate(-50%, -50%) scale(0.5); opacity: 1; border-width: 3px; } 40% { opacity: 0.5; border-width: 2px; } 65% { border-width: 1px; } 100% { transform: translate(-50%, -50%) scale(1); opacity: 0; border-width: 1px; } } @keyframes zoomBig { 0% { transform: translate(-50%, -50%) scale(0.5); opacity: 1; border-width: 3px; } 40% { opacity: 0.5; border-width: 2px; } 65% { border-width: 1px; } 100% { transform: translate(-50%, -50%) scale(1); opacity: 0; border-width: 1px; } } .margin-remove { margin: 0 !important; } .no-gutter { margin-left: 0; margin-right: 0; } .no-gutter [class*="col-"] { padding-left: 0; padding-right: 0; } [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { margin: 0; } .container-fluid { padding-left: 100px; padding-right: 100px; } .container-fluid2 { padding-left: 15px; padding-right: 15px; } .display-table { display: table; height: 100%; width: 100%; } .display-table-cell { display: table-cell; vertical-align: middle; } .relative { position: relative; } .pt-relative { position: relative !important; } .sec-title { position: relative; } .sec-title .sub-text { font-size: 15px; font-weight: 600; line-height: 1.3; color: #FF6D00; text-transform: uppercase; font-family: 'Space Grotesk', sans-serif; letter-spacing: 2px; margin: 0 0 16px; display: block; } .sec-title .sub-text.big-text { font-size: 16px; font-weight: 500; letter-spacing: 0px; } .sec-title .title { font-size: 42px; font-weight: 700; line-height: 52px; color: #101010; margin: 0; } .sec-title .title.title2 { font-size: 42px; line-height: 52px; color: #ffffff; } .sec-title .title.title2.title-color { color: #101010; } .sec-title .title.title2 span { color: #FF6D00; } .sec-title .title.title3 { font-size: 42px; line-height: 52px; color: #0a0a0a; } .sec-title .title.title3 span { color: #FF6D00; font-weight: 700; /*text-decoration: underline;*/ } .sec-title .title.title4 { font-size: 42px; line-height: 52px; color: #ffffff; } .sec-title .title.title4 span { color: #FF6D00; } .sec-title .desc { font-size: 17px; line-height: 27px; font-weight: 500; color: #454545; margin: 0; } .sec-title .desc.small { font-size: 17px; font-weight: 400; line-height: 1.6; } .sec-title .desc.small2 { font-size: 17px; font-weight: 400; line-height: 1.6; } .sec-title .view-line { font-size: 17px; } .sec-title .view-line .btn-text { color: #0A0A0A; font-size: 17px; font-weight: 400; text-decoration: underline !important; padding: 2px 0px 2px 0px; border-style: solid; border-width: 0px 0px 0px 0px; border-color: #FF6D00; border-radius: 0px 0px 0px 0px; } .sec-title .view-line .btn-text:hover { color: #FF6D00; } .sec-title2 { position: relative; padding-top: 28px; } .sec-title2:before { content: ''; position: absolute; left: 0; top: 0; width: 65px; height: 5px; opacity: 1; background: #FF6D00; z-index: 2; } .sec-title2 .title { font-size: 42px; font-weight: 700; line-height: 52px; color: #ffffff; margin: 0; } .sec-title2 .title.title2 { font-size: 36px; line-height: 46px; color: #0a0a0a; } .sec-title2 .title span { color: #FF6D00; } .sec-title2 .description { font-size: 17px; color: #fff; margin: 0px 0px 0px 0px; } .sec-title3 .sub-text { position: relative; padding-left: 24px; font-size: 15px; line-height: 28px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; color: #FF6D00; font-family: 'Space Grotesk', sans-serif; display: inline-block; margin: 0 0 10px; } .sec-title3 .sub-text:after { content: ""; position: absolute; border: 0; width: 5px; height: 15px; background: #FF6D00; z-index: 1; margin-left: 0; left: 0; top: 6px; } .sec-title3 .title { font-size: 42px; line-height: 52px; font-weight: 700; color: #0a0a0a; margin: 0; } .sec-title3 .title span { position: relative; z-index: 11; } .sec-title3 .title span:before { content: ""; position: absolute; bottom: 9px; left: 3.5px; width: 98%; height: 10px; z-index: -1; background: #FF6D00; } .sec-title3 .desc { margin: 0; } .sec-title3 .view-line { font-size: 17px; margin: 0; } .sec-title3 .view-line .btn-text { color: #0A0A0A; font-size: 17px; text-decoration: underline; } .sec-title3 .view-line .btn-text:hover { color: #FF6D00; } /* ----------------------- 03. Header Section CSS --------------------------*/ .full-width-header { position: relative; } .full-width-header .rs-header { position: relative; } .full-width-header .rs-header .toolbar-area.topbar-style1 { padding: 0 20px; /*background: #0C6460;*/ background: #014c56; } .full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-contact .rs-contact-info li { display: inline-block; line-height: 50px; font-size: 15px; color: #ffffff; } .full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-contact .rs-contact-info li:last-child { margin-right: 0; } .full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-contact .rs-contact-info li i { color: #ffffff; margin-right: 6px; } .full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-contact .rs-contact-info li i:before { font-size: 14px; margin-left: 0; position: relative; top: 1px; } .full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-contact .rs-contact-info li a { border-right: 1px solid #ffffff5b; margin-right: 20px; padding-right: 20px; color: #ffffff; } .full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-contact .rs-contact-info li a:hover { color: #CCCCCC; } .full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-contact .rs-contact-info li:last-child a { border: none; } .full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix { text-align: right; margin: 0px; padding: 0; } .full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix .opening em { border-right: 1px solid #ffffff5b; margin-right: 5px; padding-right: 20px; color: #ffffff; font-style: normal; font-size: 15px; } .full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix .opening em i { color: #ffffff; } .full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix .opening em i:before { font-size: 15px; margin-right: 8px; line-height: 20px; position: relative; top: 3px; } .full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix li { display: inline-block; line-height: 46px; margin-right: 13px; } .full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix li:last-child { margin-right: 0; } .full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix li a i { font-size: 13px; color: #ffffff; } .full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix li a i:hover { color: #CCCCCC; } .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify1 { background: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify1 .toolbar-contact .rs-contact-info li a { border-right: unset; margin-right: 0px; padding-right: 0px; } .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify1 .toolbar-contact .rs-contact-info li { border-right: 1px solid rgba(255, 255, 255, 0.2); margin-right: 20px; padding-right: 20px; } .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify1 .toolbar-sl-share .clearfix .opening em { border-right: unset; margin-right: 0; padding-right: 0px; } .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify1 .toolbar-sl-share .clearfix .opening { border-right: 1px solid rgba(255, 255, 255, 0.2); margin-right: 20px; padding-right: 40px; } .full-width-header .rs-header .menu-area { position: relative; transition: all 0.3s ease 0s; z-index: 10; } .full-width-header .rs-header .menu-area .row-table { display: flex; width: 100%; position: relative; align-items: center; justify-content: space-between; } .full-width-header .rs-header .menu-area .row-table .col-cell { display: flex; align-items: center; justify-content: space-between; } .full-width-header .rs-header .menu-area .row-table .col-cell.header-logo { display: flex; /*flex: 1;*/ } .full-width-header .rs-header .menu-area .logo-area a .sticky-logo { display: none; } .full-width-header .rs-header .menu-area .logo-area img { transition: 0.4s; max-height: 80px; padding:5px 0px; } .full-width-header .rs-header .menu-area .rs-menu-area { display: flex; align-items: center; margin-right: 22px; } .full-width-header .rs-header .menu-area .main-menu { position: unset; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li { display: inline-block; margin-right: 22px; padding: 0; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a { transition: all 0.3s ease; font-size: 16px; font-weight: 600; margin-right: 10px; height: 104px; line-height: 104px; padding: 0; color: #101010; position: relative; font-family: 'Space Grotesk', sans-serif; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a.mPS2id-highlight, .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a.mPS2id-highlight-first { color: #0C6460 !important; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children > a { padding-right: 17px; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children > a:before { content: "+"; position: absolute; left: auto; right: 0; top: 50%; text-align: center; z-index: 9999; font-size: 16px; display: block; cursor: pointer; transform: translateY(-50%); font-weight: 400; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children > a:hover::before { content: '-'; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children:hover > a:before { content: "-"; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children.current-menu-item > a { color: #0C6460 !important; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children.current-menu-item > a::before { content: '-'; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children.current-menu-item ul li.current-menu-item a i::before { content: '-'; font-family: unset !important; font-size: 30px; font-weight: 100 !important; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children.current-menu-item:hover > a::before { content: '-'; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li:hover > a { color: #0C6460; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu { background: #ffffff; margin: 0; /*padding: 20px 0;*/padding: 8px 0; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li { margin: 0 !important; border: none; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li a { /*padding-top: 10px; padding-bottom: 10px; padding-left: 30px; padding-right: 30px;*/ padding:7px 15px; margin: 0; font-family: 'Space Grotesk', sans-serif; font-size: 15px; color: #101010; font-weight: 600; height: unset; line-height: 25px; text-transform: capitalize; position: relative; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li a i { position: absolute; right: 35px; top: 56%; transform: translateY(-50%); font-weight: 700; font-size: 16px; margin: 0; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li a:hover { color: #0C6460; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li:last-child { margin: 0; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li.menu-item-has-children a:before { display: none; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu.right { left: auto; right: 100%; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.onepage-menu li.current-menu-item > a { color: #0C6460; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul li a:hover, .full-width-header .rs-header .menu-area .main-menu .rs-menu ul li.active a, .full-width-header .rs-header .menu-area .main-menu .rs-menu ul li.current-menu-item > a, .full-width-header .rs-header .menu-area .main-menu .rs-menu ul li.current-menu-item > a:before { color: #0C6460 !important; } .full-width-header .rs-header .menu-area.sticky { background: #fff; } .full-width-header .rs-header .menu-area.sticky .logo-area a .sticky-logo { display: block; } .full-width-header .rs-header .menu-area.sticky .logo-area a .normal-logo { display: none; } .full-width-header .rs-header .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li > a { color: #101010; } .full-width-header .rs-header .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li > a:hover { color: #0C6460; } .full-width-header .rs-header .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li.current-menu-item > a { color: #0C6460; } .full-width-header .rs-header .expand-btn-inner { display: flex; align-items: center; justify-content: space-between; } .full-width-header .rs-header .expand-btn-inner ul { display: flex; align-items: center; } .full-width-header .rs-header .expand-btn-inner ul .btn-quote { position: relative; margin-left: 30px; line-height: 30px; margin-top: 0px; display: flex; } .full-width-header .rs-header .expand-btn-inner ul .btn-quote .quote-button { font-size: 16px; background: #0C6460; padding: 10px 23px; color: #fff; font-weight: 600; display: inline-block; position: relative; overflow: hidden; top: 0px; border-radius: 20px 0 20px 0; transition: 0.4s; } .full-width-header .rs-header .expand-btn-inner ul .btn-quote .quote-button:hover { background: #FF6D00; border-radius: 0 20px 0 20px; } .full-width-header .rs-header .expand-btn-inner ul .humburger { display: none; } .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar { padding: 16px 13px 16px; background: transparent; max-width: 50px; display: flex; flex-wrap: wrap; border-radius: 2px; padding-right: 0; margin-right: -4px; } .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span { height: 5px; width: 5px; display: block; background: #0C6460; border-radius: 50%; transition: none; list-style: none; transition: all 0.3s ease; margin: 2px 3px; } .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot2, .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot3, .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot4, .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot5, .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot6, .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot7, .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot8 { background: #0C6460; } .full-width-header .rs-header.header-style1 .menu-area .main-menu .rs-menu ul.nav-menu li a { /*height: 115px;*/height: 75px; /*line-height: 115px;*/line-height: 75px; color: #101010; } .full-width-header .rs-header.header-style1 .menu-area .main-menu .rs-menu ul.nav-menu li a.mPS2id-highlight, .full-width-header .rs-header.header-style1 .menu-area .main-menu .rs-menu ul.nav-menu li a.mPS2id-highlight-first { color: #0C6460; } .full-width-header .rs-header.header-style1 .menu-area .main-menu .rs-menu ul.nav-menu li:hover > a { color: #0C6460 !important; } .full-width-header .rs-header.header-style1 .menu-area .main-menu .rs-menu ul.nav-menu li:hover > a i::before { content: '-'; font-family: unset !important; font-size: 30px; font-weight: 100; } .full-width-header .rs-header.header-style1 .menu-area .main-menu .rs-menu ul.sub-menu li a { height: unset; line-height: 25px; border-bottom: 1px dashed #51a0aa; } .full-width-header .rs-header.header-style1.header-modify1 .expand-btn-inner ul .btn-quote a { border-color: #FF6D00; color: #ffffff; position: relative; z-index: 10; } .full-width-header .rs-header.header-style1.header-modify1 .expand-btn-inner ul .btn-quote a::after { background: #FF6D00; z-index: -1; } .full-width-header .rs-header.header-style1.header-modify1 .expand-btn-inner ul .btn-quote12 a::after { background: #FF6D00; z-index: -1; } .full-width-header .rs-header.header-style1.header-modify1 .expand-btn-inner ul .btn-quote12 a { border-color: #FF6D00; color: #ffffff; position: relative; z-index: 10; } .full-width-header .rs-header.header-style1.header-style3 .menu-area .expand-btn-inner .btn-quote a { border-radius: 4px; } .full-width-header .rs-header.header-style2 .menu-area { background: transparent; } .full-width-header .rs-header.header-style2 .menu-area .main-menu .rs-menu ul.nav-menu li a:hover, .full-width-header .rs-header.header-style2 .menu-area .main-menu .rs-menu ul li.active a, .full-width-header .rs-header.header-style2 .menu-area .main-menu .rs-menu ul li.current-menu-item > a:before, .full-width-header .rs-header.header-style2 .menu-area .main-menu .rs-menu ul li.current-menu-item > a, .full-width-header .rs-header.header-style2 .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a { color: #FF6D00 !important; } .full-width-header .rs-header.header-style2 .menu-area .rs-menu-area { margin-right: 32px; } .full-width-header .rs-header.header-style2 .menu-area .main-menu .rs-menu ul.nav-menu li a { color: #ffffff; } .full-width-header .rs-header.header-style2 .menu-area .main-menu .rs-menu ul.sub-menu li a { color: #101010; } .full-width-header .rs-header.header-style2 .expand-btn-inner ul .btn-quote .quote-button { background: #ffffff; color: #0a0a0a; border-radius: 4px; } .full-width-header .rs-header.header-style2 .expand-btn-inner ul .btn-quote .quote-button:hover { color: #ff6d00; border-radius: 0 20px 0 20px; } .full-width-header .rs-header.header-style2 .expand-btn-inner ul .sidebarmenu-search a i { color: #ffffff; } .full-width-header .rs-header.header-style2 .expand-btn-inner ul .sidebarmenu-search a i:before { font-size: 18px; line-height: unset; font-weight: 500 !important; font-family: uicons-regular-rounded !important; position: relative; } .full-width-header .rs-header.header-style2 .menu-area.sticky .rs-menu ul.nav-menu li a { color: #0a0a0a; } .full-width-header .rs-header.header-style2.header-modify2 .menu-area .main-menu .rs-menu ul.nav-menu li a { height: 85px; line-height: 85px; } .full-width-header .rs-header.header-style2.header-modify2 .menu-area .main-menu .rs-menu ul.sub-menu li a { height: unset; line-height: 25px; } .full-width-header .rs-header.header-transparent { position: absolute; top: 0; left: 0; width: 100%; z-index: 999; } .full-width-header .rs-header.header-transparent .menu-area .btn-quote .slide-get { position: relative; z-index: 10; color: #333333; } .full-width-header .rs-header.header-transparent .menu-area .btn-quote .slide-get:hover { color: #ffffff !important; } .full-width-header .rs-header.header-transparent .menu-area .btn-quote .slide-get::after, .full-width-header .rs-header.header-transparent .menu-area .btn-quote .slide-get::before { z-index: -1; } .full-width-header .rs-header.header-transparent .menu-area.sticky .btn-quote .slide-get { background: #0C6460 !important; color: #ffffff; } .full-width-header .rs-header.header-transparent .menu-area.sticky .sidebarmenu-search .rs-search i { color: #333333; } .full-width-header .rs-header.header-transparent.rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a.mPS2id-highlight, .full-width-header .rs-header.header-transparent.rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a.mPS2id-highlight-first { color: #FF6D00 !important; } .full-width-header .mobile-menu { display: none; } .full-width-header .mobile-menu .mobile-logo { float: left; } .full-width-header .mobile-menu .mobile-logo img { max-height: 30px; } .full-width-header .mobile-menu .rs-menu-toggle { color: #ffffff; float: right; } .full-width-header .mobile-menu .rs-menu-toggle.primary { color: #0C6460; } .full-width-header .mobile-menu .rs-menu-toggle.secondary { color: #FF6D00; } .full-width-header .mobile-menu .rs-menu-toggle .nav-dots { position: absolute; right: 0; width: 25px; height: 2px; background: #fff; z-index: 11; top: 23px; } .full-width-header .mobile-menu .rs-menu-toggle .dot1, .full-width-header .mobile-menu .rs-menu-toggle .dot3 { width: 15px; } .full-width-header .mobile-menu .rs-menu-toggle .dot2 { top: 28px; } .full-width-header .mobile-menu .rs-menu-toggle .dot3 { top: 34px; } .full-width-header .mobile-menu .rs-menu-toggle .dot4 { top: 40px; } .full-width-header .right_menu_togle { /*background-image: linear-gradient(90deg, #e2e9f7 0%, #e2e9f7 100%);*/ background-image: linear-gradient(180deg, #ffffff 0%, #dfdfdf 100%); padding: 100px 60px 50px 50px; font-size: 1.15em; max-width: 480px; width: 100%; right: -500px; z-index: 999999; transition: all 0.3s ease; position: fixed; overflow-y: auto; } .full-width-header .right_menu_togle .close-btn { overflow: visible; position: absolute; top: 10px; display: block; z-index: 99; right: 57px; cursor: pointer; transition: all 0.3s ease; } .full-width-header .right_menu_togle .close-btn .nav-close .line { width: 40px; height: 40px; line-height: 40px; } .full-width-header .right_menu_togle .close-btn .nav-close .line span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); /*width: 1px !important;*/width: 2px !important; height: 25px !important; background: #0C6460; border: none !important; transition: all 0.3s ease; } .full-width-header .right_menu_togle .close-btn .nav-close .line span.line2 { transform: translate(-50%, -50%) rotate(-45deg); } .full-width-header .right_menu_togle .close-btn:hover .nav-close .line span { background: #0C6460; } .full-width-header .right_menu_togle .canvas-logo { padding-left: 0; /*padding-bottom: 35px;*/padding-bottom: 15px; } .full-width-header .right_menu_togle .canvas-logo img { /*max-height: 45px;*/max-height: 65px; } .full-width-header .right_menu_togle .offcanvas-text p { font-size: 16px; line-height: 30px; color: #333333; margin: 0px 0 38px; } .full-width-header .right_menu_togle .canvas-contact .address-area .address-list { display: flex; margin-top: 18px; } .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-icon i:before { margin: 0 20px 0 0; font-size: 25px; color: #0C6460; } .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content .title { font-size: 16px; line-height: 26px; font-weight: 600; color: #333333; margin-bottom: 5px; } .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em { display: block; font-style: normal; line-height: 22px; font-size: 15px; color: #333333; } .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em a { color: #333333; } .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em a:hover { color: #0C6460; } .full-width-header .right_menu_togle .canvas-contact .social { margin: 40px 0 0; } .full-width-header .right_menu_togle .canvas-contact .social li { display: inline-block; } .full-width-header .right_menu_togle .canvas-contact .social li a i { font-size: 15px; color: #fff; margin: 0 8px 0 0; text-align: center; background: #0C6460; width: 35px; height: 35px; line-height: 35px; border-radius: 3px; } .full-width-header .right_menu_togle .canvas-contact .social li a i:hover { opacity: 0.9; } .full-width-header .right_menu_togle .canvas-contact .social li:last-child { margin: 0; } .full-width-header .mobile-navbar-menu .sub-menu { display: none; position: relative; left: 0; width: 100%; margin: 0; text-align: left; } .full-width-header .mobile-navbar-menu .nav-menu li { position: relative; } .full-width-header .mobile-navbar-menu .nav-menu li a { border-bottom: 1px solid rgba(0, 0, 0, 0.06); display: block; color: #333; padding: 10px 0; line-height: 30px; font-weight:bold; width: 100%; } .full-width-header .mobile-navbar-menu .nav-menu li li a { padding-left: 25px; } .full-width-header .mobile-navbar-menu .nav-menu li li li a { padding-left: 50px; } .full-width-header .mobile-navbar-menu span.submenu-button { position: absolute; z-index: 99; right: 0; top: 5px; display: block; height: 40px; width: 40px; cursor: pointer; } .full-width-header .mobile-navbar-menu span.submenu-button:before, .full-width-header .mobile-navbar-menu span.submenu-button:after { position: absolute; top: 24px; right: 10px; width: 20px; height: 1px; display: block; background: #333; z-index: 2; content: ''; right: 12px; width: 12px; } .full-width-header .mobile-navbar-menu span.submenu-button:before { width: 1px; height: 12px; right: 17px; top: 18px; } .full-width-header .mobile-navbar-menu span.submenu-button em { display: block; position: absolute; right: 0; border-radius: 4px; top: 50%; transform: translateY(-50%); } .full-width-header .mobile-navbar-menu .hash-has-sub span.submenu-button { width: 100%; cursor: pointer; top: 0; height: 50px; font-size: 15px; } .full-width-header .mobile-navbar-menu .submenu-button.submenu-opened:before { display: none; } .full-width-header .mobile-navbar-menu ul ul li, .full-width-header .mobile-navbar-menu li:hover > ul > li { height: auto; } .full-width-header .mobile-navbar-menu ul.nav-menu > li:first-child > span.submenu-button:after { top: 19px; } .full-width-header .mobile-navbar-menu ul.nav-menu > li:first-child > span.submenu-button:before { top: 13px; } .full-width-header .mobile-navbar-menu .nav-menu li.active-menu a, .full-width-header .mobile-navbar-menu .nav-menu li a:hover { color: #0C6460; } body.modal-open { padding: 0 !important; } body .modal.show .modal-dialog { width: 100%; /*max-width: 500px;*/ /* max-width: 700px;*/ } body .modal { z-index: 9999; } body .search-modal { padding: 0 !important; background: #FF6D00; } body .search-modal .modal-content { position: initial; border: 0; background: unset; } body .search-modal .search-block form { position: relative; } body .search-modal .search-block form input { background: 0 0; border: none; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.2); outline: none; padding: 14px 17px; border-radius: unset; } body .search-modal .search-block form button { background: transparent; border: none; padding: 5px 20px; color: #ffffff; border-radius: 0 5px 5px 0; font-size: 16px; position: absolute; content: ''; right: 0; top: 11px; } body .search-modal .search-block form button i:before { color: #fff; font-size: 18px; font-weight: 600; opacity: 0.7; } body .search-modal .search-block ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; opacity: 1; } body .search-modal .search-block ::-moz-placeholder { /* Firefox 19+ */ color: #fff; opacity: 0.3; } body .search-modal .search-block :-ms-input-placeholder { /* IE 10+ */ color: #fff; opacity: 1; } body .search-modal .search-block :-moz-placeholder { /* Firefox 18- */ color: #fff; opacity: 1; } body .search-modal .close { position: fixed; right: 50px; top: 50px; background: #ffffff; color: #0a0a0a; width: 40px; height: 40px; line-height: 43px; text-align: center; cursor: pointer; border-radius: 50%; transition: all 0.5s ease; opacity: unset; box-shadow: unset; border: none; } body .search-modal .close i:before { font-size: 23px; position: relative; top: 4px; left: 0px; font-weight: 700; } body .search-modal .close:hover { opacity: 0.8 !important; } /*------------------------------------ 04. Sticky Menu CSS --------------------------------------*/ .menu-sticky { background: #fff; margin: 0; z-index: 999; width: 100%; top: 0; position: relative; } @-webkit-keyframes sticky-animation { 0% { opacity: 0; -webkit-transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes sticky-animation { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0); } } /* ------------------------------------ 05. About Section CSS ---------------------------------------*/ .rs-about.about-style1 { position: relative; } .rs-about.about-style1 .sec-title .title { padding-right: 20px; } .rs-about.about-style1 .rs-addon-services .services-item { display: flex; } .rs-about.about-style1 .rs-addon-services .services-item .services-icon img { height: 60px; width: 60px; max-width: unset; } .rs-about.about-style1 .rs-addon-services .services-item .services-content { padding: 0px 0px 0px 20px; } .rs-about.about-style1 .rs-addon-services .services-item .services-content .title { font-size: 22px; line-height: 30px; font-weight: 700; color: #0a0a0a; margin: 0 0 9px; } .rs-about.about-style1 .rs-addon-services .services-item .services-content .services-txt { margin: 0; } .rs-about.about-style1 .rs-addon-services .border-widget { margin: 24px 85px 26px 0px; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #EDECEC; } .rs-about.about-style1 .about-animate { position: absolute; text-align: right; width: 75%; max-width: 75%; bottom: 3px; right: 20.7px; } .rs-about.about-style1 .about-animate img { width: 11%; } .rs-about.about-style2 .addon-services { display: flex; align-items: center; } .rs-about.about-style2 .addon-services .services-img img { height: 130px; width: 171px; max-width: unset; object-fit: cover; } .rs-about.about-style2 .addon-services .services-text { padding: 0px 0px 0px 30px; } .rs-about.about-style2 .addon-services .services-text .title { font-size: 18px; line-height: 28px; font-weight: 700; color: #0a0a0a; margin: 0 0 10px; } .rs-about.about-style2 .addon-services .services-text .services-txt { margin-bottom: 0; } .rs-about.about-style2 .rs-addon-services { margin: 33px 0px 0px 0px; padding: 45px 0px 0px 0px; border-style: solid; border-width: 1px 0px 0px 0px; border-color: #EBEBEB; } .rs-about.about-style2 .rs-addon-services .services-wrap { display: flex; align-items: center; } .rs-about.about-style2 .rs-addon-services .services-wrap .services-icon img { height: 71px; width: 70px; max-width: unset; } .rs-about.about-style2 .rs-addon-services .services-wrap .services-content { padding: 0px 0px 0px 20px; } .rs-about.about-style2 .rs-addon-services .services-wrap .services-content .title { font-size: 18px; line-height: 28px; font-weight: 700; color: #101010; margin: 0 0 4px; } .rs-about.about-style2 .rs-addon-services .services-wrap .services-content .services-txt { margin-bottom: 0px; } .rs-about.about-style2 .rs-addon-services .services-wrap .services-content .services-txt a { color: #454545; } .rs-about.about-style2 .rs-addon-services .services-wrap .services-content .services-txt a:hover { color: #0C6460; } .rs-about.about-style2.about-modify1 .about-img img { border-radius: 150px 150px 150px 150px; } .rs-about.about-style2.about-modify1 .content-widget { position: relative; padding: 33px 52px 33px 74px; background-color: #FFFFFF; border-radius: 40px 40px 40px 40px; } .rs-about.about-style2.about-modify1 .content-widget .icon-part { position: absolute; left: 20px; } .rs-about.about-style2.about-modify1 .content-widget .icon-part img { width: 40px; height: 40px; } .rs-about.about-style2.about-modify1 .content-widget .text-part p { font-style: italic; margin: 0; } .rs-about.about-style2.about-modify1 .addon-services .services-img img { height: 80px; width: 80px; border-radius: 50px 50px 50px 50px; } .rs-about.about-style2.about-modify1 .addon-services .services-text .title { margin: 0 0 3px; } .rs-about.about-style2.about-modify1 .addon-services .services-text p { font-size: 15px; } /* ------------------------------------ 06. Appointment Section CSS ---------------------------------------*/ .rs-appointment .title-part .title { position: relative; font-size: 42px; line-height: 52px; color: #101010; font-weight: 700; margin: 0px 28px 0px 0px; padding-bottom: 20px; } .rs-appointment .title-part .title:before { content: ""; position: absolute; border: 0; width: 65px; height: 5px; background: #0C6460; z-index: 1; margin-left: 0; left: 0; top: -28px; } .rs-appointment .desc-part { margin: 0; } .rs-appointment .border-divider { padding-top: 40px; padding-bottom: 65px; } .rs-appointment .border-divider .boder-shape { border: 1px solid #02010108; } .rs-appointment .content-part { padding: 0 20px 0 0; } .rs-appointment .content-part .title { font-size: 24px; line-height: 34px; color: #101010; font-weight: 700; margin: 0px 0px 20px 0px; } .rs-appointment .content-part .desc { color: #333333; margin: 0; } /* ------------------------------------ 07. Breadcrumbs Section CSS ---------------------------------------*/ .rs-breadcrumbs { background-repeat: no-repeat !important; background-size: cover !important; background-position: center center !important; border-radius: 150px 0px 0px 0px; } .rs-breadcrumbs .breadcrumbs-inner { padding: 205px 10px 205px 10px; } .rs-breadcrumbs .breadcrumbs-inner .page-title { font-size: 60px; line-height: 70px; font-weight: 700; margin-bottom: 6px; color: #ffffff; position: relative; z-index: 1; padding-top: 20px; text-transform: capitalize; } .rs-breadcrumbs .breadcrumbs-inner .page-title:after { content: ""; height: 5px; position: absolute; top: 0px; left: 0; transition: all 0.3s ease; z-index: -1; background: #E76404; width: 65px; margin: 0 auto; } .rs-breadcrumbs .breadcrumbs-inner .page-title .watermark { position: absolute; font-size: 150px; text-transform: uppercase; font-weight: 900; font-family: 'Space Grotesk', sans-serif; opacity: 0.05; width: 100%; left: 0; color: inherit; white-space: nowrap; vertical-align: middle; } .rs-breadcrumbs .breadcrumbs-inner .sub-text { font-size: 18px; line-height: 30px; font-weight: 500; color: #fff; text-transform: capitalize; display: inline-block; margin-top: 10px; } .rs-breadcrumbs .breadcrumbs-inner.blog-middle { text-align: center; } .rs-breadcrumbs .breadcrumbs-inner.blog-middle .page-title:after { left: 50%; transform: translateX(-50%); } .rs-breadcrumbs.img1 { background: url(assets/images/breadcrumbs/inr-1.jpg); } .rs-breadcrumbs.img2 { background: url(assets/images/breadcrumbs/inr-2.jpg); } .rs-breadcrumbs.img3 { background: url(assets/images/breadcrumbs/inr-3.jpg); } .rs-breadcrumbs.img4 { background: url(assets/images/breadcrumbs/inr-4.jpg); } .rs-breadcrumbs.img5 { background: url(assets/images/breadcrumbs/inr-5.jpg); } .rs-breadcrumbs.img6 { background: url(assets/images/breadcrumbs/inr-6.jpg); } /* ------------------------------------ 08. Banner Section CSS ---------------------------------------*/ .rs-banner.banner-main-home { background-image: url(assets/images/banner/banner-2.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 0px 350px 0px 0px; position: relative; z-index: 9; } .rs-banner.banner-main-home .banner-overlay { background-color: transparent; opacity: 1; border-radius: 0px 350px 0px 0px; height: 100%; width: 100%; top: 0; left: 0; position: absolute; } .rs-banner.banner-main-home .content-wrap { padding: 245px 0 245px; position: relative; z-index: 11; } .rs-banner.banner-main-home .content-wrap .banner-box { padding: 60px 20px 60px 20px; background-color: #0C64604F; border-radius: 0px 0px 0px 0px; z-index: -11; width: 160px; max-width: 160px; top: 26%; left: -22px; position: absolute; } .rs-banner.banner-main-home .content-wrap .sub-text { font-size: 15px; line-height: 28px; font-weight: 600; color: #F66B06; letter-spacing: 2px; text-transform: uppercase; display: block; margin: 0 0 10px; } .rs-banner.banner-main-home .content-wrap .title { font-size: 62px; line-height: 72px; font-weight: 700; color: #fff; margin: 0px 0px 24px 0px; } .rs-banner.banner-main-home .content-wrap .description { font-size: 17px; line-height: 28px; color: #fff; font-weight: 400; margin: 0px 0px 0px 0px; } .rs-banner.banner-style1 { /*background: url(assets/images/banner/banner-bg3.png);*/ background: url(assets/images/banner/slider_1.jpg); vertical-align: top; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 9; padding: 199px 0 199px; } .rs-banner.banner-style1 .content-wrap { position: relative; z-index: 11; /*-- Animations Start --*/ /*-- Animations End --*/ } .rs-banner.banner-style1 .content-wrap .sub-text { font-size: 16px; line-height: 26px; font-weight: 600; color: #ff6d00; opacity: 1; text-transform: uppercase; display: block; margin-bottom: 15px; } .rs-banner.banner-style1 .content-wrap .title { font-size: 60px; line-height: 70px; font-weight: 700; opacity: 1; color: #ffffff; margin: 0 0 15px; } .rs-banner.banner-style1 .content-wrap .title span { color: #FF6D00; } .rs-banner.banner-style1 .content-wrap .description { font-size: 18px; line-height: 30px; font-weight: 400; color: #ffffff; margin: 0; } .rs-banner.banner-style1 .content-wrap .banner-box { position: absolute; left: -10%; background-color: #0C6460; color: #ffffff; width: 680px; height: 552px; opacity: 1; border-bottom-right-radius: 200px; z-index: -11; top: -92px; } .rs-banner.banner-style1 .content-wrap .sub-text { -webkit-animation: fadeInRight 1.4s ease-in-out; animation: fadeInRight 1.4s ease-in-out; } .rs-banner.banner-style1 .content-wrap .title { -webkit-animation: fadeInRight 1.6s ease-in-out; animation: fadeInRight 1.6s ease-in-out; } .rs-banner.banner-style1 .content-wrap .description { -webkit-animation: fadeInRight 1.8s ease-in-out; animation: fadeInRight 1.8s ease-in-out; } .rs-banner.banner-style1 .content-wrap .banner-btn { -webkit-animation: fadeInRight 2s ease-in-out; animation: fadeInRight 2s ease-in-out; } .rs-banner.banner-style1 .content-wrap .banner-boxs { -webkit-animation: fadeInUp 1s ease-in-out; animation: fadeInUp 1s ease-in-out; } .rs-banner.banner-style2 { background: url(assets/images/banner/style2/banner-4.jpg); background-repeat: no-repeat; } .rs-banner.banner-style2 .content-wrap { position: relative; z-index: 11; padding: 291px 0 290px; } .rs-banner.banner-style2 .content-wrap .sub-text { font-size: 15px; line-height: 26px; font-weight: 500; color: #ff6d00; text-transform: uppercase; opacity: 1; display: block; margin: 0 0px 15px 0px; } .rs-banner.banner-style2 .content-wrap .sub-text img { position: relative; top: -2px; margin-right: 3px; } .rs-banner.banner-style2 .content-wrap .title { font-size: 70px; line-height: 80px; font-weight: 700; color: #ffffff; opacity: 1; margin: 0 0 37px; position: relative; } .rs-banner.banner-style2 .content-wrap .title img { position: absolute; left: 17px; top: 81%; z-index: -11; } .rs-banner.banner-style2 .content-wrap .description { font-size: 18px; line-height: 26px; font-weight: 400; color: #ffffff; margin: 0 0 0px; } .rs-banner.banner-style2 .slide-img { position: relative; margin-right: -210px; margin-left: 35px; } .rs-banner.banner-style2 .rs-carousel .owl-dots { right: -16%; position: absolute; bottom: 46%; } .rs-banner.banner-style2 .rs-carousel .owl-dots .owl-dot { width: 16px; height: 16px; display: flex; margin: 6px 0; padding: 3px 0; border-radius: 50px; border: none; transition: all 0.3s ease; background-color: rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 2px #ffffff; } .rs-banner.banner-style2 .rs-carousel .owl-dots .owl-dot.active { width: 16px; background-color: #ffffff; box-shadow: 0 0 1px #ffffff; } .rs-banner.banner-style3 { position: relative; z-index: 11; } .rs-banner.banner-style3 .rs-html5-video { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; object-fit: cover; height: 100%; width: 100%; } .rs-banner.banner-style3 .background-video-wrap .background-overlay { background-color: #08172D; opacity: 0.5; mix-blend-mode: multiply; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; height: 100%; width: 100%; top: 0; left: 0; position: absolute; } .rs-banner.banner-style3 .shape-bottom { overflow: hidden; position: absolute; left: 0; width: 100%; line-height: 0; direction: ltr; bottom: -9px; transform: rotate(180deg); z-index: 2; pointer-events: none; } .rs-banner.banner-style3 .shape-bottom svg { height: 110px; display: block; width: calc(100% + 1.3px); position: relative; left: 50%; transform: translateX(-50%); overflow: hidden; z-index: -1; } .rs-banner.banner-style3 .shape-bottom svg .shape-fill { fill: #fff; transform: rotateY(0deg); } .rs-banner.banner-style3 .content-wrap { padding: 330px 0px 280px 0px; position: relative; z-index: 10; } .rs-banner.banner-style3 .content-wrap .sub-text { font-size: 20px; font-weight: 500; line-height: 26px; letter-spacing: 0px; color: #FF6D00; text-transform: uppercase; display: block; margin: 0px 0px 20px 0px; } .rs-banner.banner-style3 .content-wrap .title { font-size: 70px; font-weight: 700; line-height: 80px; color: #ffffff; margin: 0px 0px 0px 0px; } /* ------------------------------------ 09. Choose Section CSS ---------------------------------------*/ .rs-choose.choose-style1 .services-item { display: flex; } .rs-choose.choose-style1 .services-item .services-icon img { height: 50px; width: 50px; max-width: unset; } .rs-choose.choose-style1 .services-item .services-content { padding: 2px 0px 0px 15px; } .rs-choose.choose-style1 .services-item .services-content .title { font-size: 18px; line-height: 28px; font-weight: 700; color: #101010; margin: 0 0 10px; } .rs-choose.choose-style1 .services-item .services-content .services-txt { color: #454545; margin: 0; } /* ------------------------------------ 10. Slider Section CSS ---------------------------------------*/ .rs-slider.rs-slider-style2 { overflow: hidden; position: relative; } .rs-slider.rs-slider-style2 .slider-bottom { display: block; overflow: hidden; } .rs-slider.rs-slider-style2 .slider-bottom .slide-touch { display: inline-block !important; } .rs-slider.rs-slider-style2 .slider-direction { padding-top: 230px; padding-bottom: 190px; background-size: cover; background-repeat: no-repeat; background-position: center center; } .rs-slider.rs-slider-style2 .container { position: relative; height: 100%; } .rs-slider.rs-slider-style2 .container .content-part .sl-subtitle { font-size: 18px; font-weight: 500; line-height: 32px; color: #ff6d00; letter-spacing: 2px; opacity: 1; text-transform: uppercase; display: block; margin: 0 0 15px; } .rs-slider.rs-slider-style2 .container .content-part .sl-title { font-size: 62px; font-weight: 800; line-height: 72px; color: #101010; margin: 0 0 15px; } .rs-slider.rs-slider-style2 .container .content-part .sl-desc { font-size: 18px; font-weight: 400; line-height: 30px; color: #333333; margin: 0 0 30px; } .rs-slider.rs-slider-style2 .nivo-caption { padding: 0; } .rs-slider.rs-slider-style2 .nivo-directionNav > a { background: rgba(0, 0, 0, 0.2); } .rs-slider.rs-slider-style2 .nivo-directionNav > a:before { color: #ffffff; } .rs-slider.rs-slider-style2.rs-slider-style3 .slider-bottom { display: block; overflow: hidden; } .rs-slider.rs-slider-style2.rs-slider-style3 .slider-bottom .slide-btn2 { display: inline-block !important; } .rs-slider.rs-slider-style2.rs-slider-style3 .container .content-part .sl-title { font-size: 60px; line-height: 70px; } .rs-slider.rs-slider-style2.rs-slider-style3 .container .content-part .sl-desc { font-size: 18px; margin: 0 0 30px; } .rs-slider.rs-slider-style2.rs-slider-style3 .nivo-directionNav > a { width: 40px; height: 40px; line-height: 40px; border: none; background: #0C6460; opacity: 1; } .rs-slider.rs-slider-style2.rs-slider-style3 .nivo-directionNav > a:before { font-size: 20px; color: #ffffff; } .rs-slider.rs-slider-style2.rs-slider-style3 .nivo-directionNav > a:hover { opacity: 95; } .rs-slider.rs-slider-style2 .owl-carousel .owl-nav .owl-prev { position: absolute; left: -1000px; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; height: 60px; width: 60px; background: #0C6460; color: #fff; border-radius: 50%; font-size: 18px; transition: all ease 0.5s; } .rs-slider.rs-slider-style2 .owl-carousel .owl-nav .owl-prev:hover { background: #FF6D00; } .rs-slider.rs-slider-style2 .owl-carousel .owl-nav .owl-next { position: absolute; right: -1000px; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; height: 60px; width: 60px; background: #0C6460; color: #fff; border-radius: 50%; font-size: 18px; transition: all ease 0.5s; } .rs-slider.rs-slider-style2 .owl-carousel .owl-nav .owl-next:hover { background: #FF6D00; } .rs-slider.rs-slider-style2:hover .owl-carousel .owl-nav .owl-prev { left: 30px; } .rs-slider.rs-slider-style2:hover .owl-carousel .owl-nav .owl-next { right: 30px; } .rs-slider .sl-wrap { padding: 50px 0; } .rs-slider .nivo-directionNav > a { font-size: 0; width: 60px; height: 60px; line-height: 60px; text-align: center; border-radius: 50%; border: none; background: #333; background: rgba(0, 0, 0, 0.25); transition: all 0.4s ease-out; opacity: 1; } .rs-slider .nivo-directionNav > a.nivo-prevNav, .rs-slider .nivo-directionNav > a.nivo-nextNav { left: 30px; background: #333; } .rs-slider .nivo-directionNav > a.nivo-prevNav { top: 50%; } .rs-slider .nivo-directionNav > a.nivo-prevNav:before { content: "\f104"; } .rs-slider .nivo-directionNav > a.nivo-nextNav { top: 50%; transform: translateY(-50%); right: 30px; left: unset; } .rs-slider .nivo-directionNav > a.nivo-nextNav:before { content: "\f105"; } .rs-slider .nivo-directionNav > a:before { font-family: FontAwesome; position: absolute; font-size: 28px; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); transition: all 0.3s ease; color: #101010; } .rs-slider .nivo-directionNav > a:hover { opacity: 95; } .rs-slider .nivo-controlNav { display: none !important; } .rs-slider .nivo-controlNav .nivo-control { width: 26px; height: 7px; border: 1px solid #fff; font-size: 0px; display: inline-block; margin-right: 7px; -webkit-transition: 0.4s ease all; transition: 0.4s ease all; } .rs-slider .nivo-controlNav .nivo-control.active { background: #0C6460; border-color: #0C6460; } .rs-slider.case-slider-style3 .owl-nav .owl-next, .rs-slider.case-slider-style3 .owl-nav .owl-prev { position: absolute; top: 50%; transform: translateY(-50%); left: 10px; font-size: 25px; font-weight: 600; text-align: center; color: #ffffff; } .rs-slider.case-slider-style3 .owl-nav .owl-next i:before, .rs-slider.case-slider-style3 .owl-nav .owl-prev i:before { content: "\f112"; font-family: Flaticon; } .rs-slider.case-slider-style3 .owl-nav .owl-next { right: 10px; left: unset; } .rs-slider.case-slider-style3 .owl-nav .owl-next i:before { content: "\f113"; } /* ------------------------------------ 11. Counter Section CSS ---------------------------------------*/ .rs-counter.counter-style1 .rs-counter-list { position: relative; z-index: 10; } .rs-counter.counter-style1 .rs-counter-list .counter-box { position: absolute; padding: 50px 0px 50px 0px; background-color: #F66B0624; border-radius: 0px 0px 0px 0px; left: 59px; width: 140px; max-width: 140px; top: -42px; z-index: -1; } .rs-counter.counter-style1 .rs-counter-list .counter-box.con-blue { background-color: #0C64602B; } .rs-counter.counter-style1 .rs-counter-list .counter-box.con-yellow { background-color: #FFB7002B; } .rs-counter.counter-style1 .rs-counter-list .count-text { text-align: center; } .rs-counter.counter-style1 .rs-counter-list .count-text .count-number { margin-bottom: 15px; display: flex; align-items: center; justify-content: center; gap: 6px; } .rs-counter.counter-style1 .rs-counter-list .count-text .count-number .rs-count { font-size: 55px; line-height: 65px; font-weight: 600; color: #ffffff; } .rs-counter.counter-style1 .rs-counter-list .count-text .count-number .prefix { font-size: 55px; line-height: 65px; font-weight: 600; color: #ffffff; } .rs-counter.counter-style1 .rs-counter-list .count-text .title { font-size: 20px; font-weight: 600; line-height: 18px; color: #ffffff; } .rs-counter.counter-style2 .rs-counter-list .counter-right-border { position: relative; } .rs-counter.counter-style2 .rs-counter-list .counter-right-border:after { content: ''; position: absolute; width: 1px; height: 70px; background: #E2DDDF; top: -4px; right: -5px; } .rs-counter.counter-style2 .rs-counter-list .count-text .count-number { margin-bottom: 10px; display: flex; align-items: center; gap: 6px; } .rs-counter.counter-style2 .rs-counter-list .count-text .count-number .rs-count { font-size: 36px; line-height: 30px; font-weight: 700; color: #FF6D00; } .rs-counter.counter-style2 .rs-counter-list .count-text .count-number .prefix { font-size: 36px; line-height: 30px; font-weight: 700; color: #FF6D00; } .rs-counter.counter-style2 .rs-counter-list .count-text .title { font-size: 18px; font-weight: 600; line-height: 30px; color: #454545; } .rs-counter.counter-style2 .rs-counter-list.widget-padding { padding: 0 0 0 40px; } .rs-counter.counter-style3 .rs-counter-list { padding: 60px 60px 50px 60px; background-color: #effdfc; border-radius: 80px 0px 80px 0px; } .rs-counter.counter-style3 .rs-counter-list .counter-text .counter-icon { margin-bottom: 20px; } .rs-counter.counter-style3 .rs-counter-list .counter-text .counter-icon img { width: 70px; } .rs-counter.counter-style3 .rs-counter-list .counter-text .counter-number { display: flex; align-items: center; justify-content: flex-start; gap: 6px; } .rs-counter.counter-style3 .rs-counter-list .counter-text .counter-number .rs-count { font-size: 42px; line-height: 60px; font-weight: 700; color: #0A0A0A; padding: 15px 0px 0px 0px; } .rs-counter.counter-style3 .rs-counter-list .counter-text .counter-number .prefix { font-size: 42px; font-weight: 700; padding: 15px 0px 0px 0px; color: #0A0A0A; } .rs-counter.counter-style3 .rs-counter-list .counter-text .title { font-size: 18px; line-height: 18px; font-weight: 500; } .rs-counter.counter-style3.counter-modify1 .counter-top { padding: 60px 0px 50px 110px; border-radius: 0px 100px 0px 100px; } .rs-counter.counter-style3.counter-modify1 .counter-top .rs-counter-list { padding: unset; background-color: unset; border-radius: unset; } .rs-counter.counter-style3.counter-modify1 .counter-top .rs-counter-list .counter-text .counter-icon { margin-bottom: 18px; } .rs-counter.counter-style3.counter-modify1 .counter-top .rs-counter-list .counter-text .counter-icon img { width: 60px; } .rs-counter.counter-style3.counter-modify1 .counter-top .rs-counter-list .counter-text .counter-number .prefix, .rs-counter.counter-style3.counter-modify1 .counter-top .rs-counter-list .counter-text .counter-number .rs-count { font-size: 36px; line-height: 45px; font-weight: 600; color: #fff; } .rs-counter.counter-style3.counter-modify1 .counter-top .rs-counter-list .counter-text .title { font-size: 16px; line-height: 16px; color: #ffffff; } /* ------------------------------------ 12. Contact Section CSS ---------------------------------------*/ .rs-contact.contact-style1 .address-item { display: flex; } .rs-contact.contact-style1 .address-item .address-icon img { height: 40px; width: 40px; max-width: unset; } .rs-contact.contact-style1 .address-item .address-text { margin: -18px 0px 0px 20px; } .rs-contact.contact-style1 .address-item .address-text .title { font-size: 18px; line-height: 28px; font-weight: 600; color: #ffffff; margin-bottom: 4px; } .rs-contact.contact-style1 .address-item .address-text .address-txt { color: #ffffff; margin-bottom: 0px; } .rs-contact.contact-style1 .contact-section { background-color: #0C6460; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06); border-radius: 0px 120px 0px 0px; padding: 60px 50px 60px 50px; } .rs-contact.contact-style1 .contact-section .sec-title2 .title { font-size: 36px; line-height: 46px; } .rs-contact.contact-style1 .contact-section .from-control { padding: 20px 0px 19px 25px; border-radius: 30px 0px 30px 0px; color: #f1f1f1; border-style: solid; border-width: 0px 0px 0px 0px; border-color: #272931; background-color: #FFFFFF0D; width: 100%; max-width: 100%; opacity: 1; } .rs-contact.contact-style1 .contact-section textarea { height: 120px; } .rs-contact.contact-style1 .contact-section ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #f1f1f1; opacity: 0.41; } .rs-contact.contact-style1 .contact-section ::-moz-placeholder { /* Firefox 19+ */ color: #f1f1f1; opacity: 0.41; } .rs-contact.contact-style1 .contact-section :-ms-input-placeholder { /* IE 10+ */ color: #f1f1f1; opacity: 0.41; } .rs-contact.contact-style1 .contact-section :-moz-placeholder { /* Firefox 18- */ color: #f1f1f1; opacity: 0.41; } .rs-contact.contact-style1 .contact-section.home5-onepage { border-radius: 120px 120px 120px 120px; } .rs-contact.contact-style1 .contact-section.home5-onepage .contact-wrap .btn-part .onepage-submit { background: #FF6D00; } .rs-contact.contact-style1 .contact-section.home5-onepage .contact-wrap .btn-part .onepage-submit:hover { opacity: 0.8; } .rs-contact.contact-style1 .contact-section .contact-wrap #form-messages { color: #fff; margin-top: 15px; } .rs-contact.contact-style1.contact-modify1 .address-wrap-section { padding: 70px 50px 70px 50px; border-radius: 120px 0px 0px 0px; background-color: #fff; } .rs-contact.contact-style1.contact-modify1 .address-wrap-section .address-item .address-text .title { color: #0a0a0a; } .rs-contact.contact-style1.contact-modify1 .address-wrap-section .address-item .address-text .address-txt { color: #454545; } .rs-contact.contact-style1.contact-modify1 .contact-section { background-color: #0C6460; border-radius: 0px 0px 120px 0px; } .rs-contact.contact-style1.contact-modify1 .contact-section .from-control { padding: 16px 0px 16px 25px; } .rs-contact.contact-style1.contact-modify1 .contact-map { overflow: hidden; } .rs-contact.contact-style1.contact-modify1 .contact-map iframe { height: 700px; float: left; width: 100%; border: none; } .rs-contact.contact-style1.contact-modify1 .contact-wrap #form-messages { color: #fff; margin-top: 15px; } .rs-contact.contact-style1.contact-modify2 .contact-section { background-color: #fff; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.07); border-radius: unset; padding: 60px 50px 60px 50px; } .rs-contact.contact-style1.contact-modify2 .contact-section .from-control { padding: 20px 0px 10px 0px; border-style: solid; border-width: 0px 0px 2px 0px; border-color: #F8F3F3; background-color: transparent; border-radius: unset; color: #454545; } .rs-contact.contact-style1.contact-modify2 .contact-section ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #454545; opacity: 0.79; } .rs-contact.contact-style1.contact-modify2 .contact-section ::-moz-placeholder { /* Firefox 19+ */ color: #454545; opacity: 0.79; } .rs-contact.contact-style1.contact-modify2 .contact-section :-ms-input-placeholder { /* IE 10+ */ color: #454545; opacity: 0.79; } .rs-contact.contact-style1.contact-modify2 .contact-section :-moz-placeholder { /* Firefox 18- */ color: #454545; opacity: 0.79; } .rs-contact.contact-style1.contact-modify3 .contact-form { background-image: url(assets/images/appointment/careers.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .rs-contact.contact-style1.contact-modify3 .contact-section { background-color: #fff; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.07); border-radius: unset; padding: 60px 50px 60px 50px; } .rs-contact.contact-style1.contact-modify3 .contact-section .from-control { padding: 20px 0px 10px 0px; border-style: solid; border-width: 0px 0px 2px 0px; border-color: #effdfc; background-color: transparent; border-radius: unset; color: #454545; } .rs-contact.contact-style1.contact-modify3 .contact-section ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #454545; opacity: 0.49; } .rs-contact.contact-style1.contact-modify3 .contact-section ::-moz-placeholder { /* Firefox 19+ */ color: #454545; opacity: 0.49; } .rs-contact.contact-style1.contact-modify3 .contact-section :-ms-input-placeholder { /* IE 10+ */ color: #454545; opacity: 0.49; } .rs-contact.contact-style1.contact-modify3 .contact-section :-moz-placeholder { /* Firefox 18- */ color: #454545; opacity: 0.49; } .rs-contact.contact-style1.contact-modify3 .contact-section .contact-wrap #form-messages { color: #101010 !important; margin-top: 15px; } .rs-contact.contact-style1.contact-modify3 .contact-section .wpcf7-form-control:not(.wpcf7-submit) { width: 100%; font-size: 16px; padding: 28px 0px 6px 0px; border-style: solid; border-width: 0px 0px 2px 0px; border-color: #effdfc; background: transparent; color: #7A7A7A; max-width: 100%; opacity: 1; } .rs-contact.contact-style1.home2 .contact-section { background: #1A3841; } .rs-contact.contact-style1.home2 .contact-section .from-control { background-color: #FFFFFF05; } .rs-contact.contact-style1.home2 .contact-section .contact-wrap #form-messages { color: #fff; margin-top: 15px; } .rs-contact.contact-style1.home4 { border-radius: 0; } .rs-contact.contact-style1.home4 .contact-section { border-radius: 50px; } .rs-contact.contact-style1.home4 .contact-section .from-control { border-radius: 0; } .rs-contact.contact-style1.home4 .contact-section .readon { border: 0; background: #ffffff; color: #FF6D00; z-index: 10; } .rs-contact.contact-style1.home4 .contact-section .readon::before { background: #FF6D00; z-index: -1; } .rs-contact.contact-style1.home4 .contact-section .readon::after { background: #FF6D00; z-index: -1; } .rs-contact.contact-style1.home4 .contact-section .readon:hover { color: #ffffff; } .rs-contact.contact-style1.home4 .contact-section .contact-wrap #form-messages { color: #fff; margin-top: 15px; } .rs-contact.contact-style2 .contact-section { background-color: #0C6460; border-radius: 0px 0px 150px 0px; padding: 57px 60px 65px 60px; } .rs-contact.contact-style2 .contact-section .from-control { padding: 14px 20px 14px 20px; border-radius: 15px 0px 15px 0px; color: #454545; border-style: solid; border-width: 0px 0px 0px 0px; border-color: #f1f1f1; background-color: #fff; width: 100%; max-width: 100%; opacity: 1; } .rs-contact.contact-style2 .contact-section textarea { height: 120px; } .rs-contact.contact-style2 .contact-section ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #454545; opacity: 0.5; } .rs-contact.contact-style2 .contact-section ::-moz-placeholder { /* Firefox 19+ */ color: #454545; opacity: 0.5; } .rs-contact.contact-style2 .contact-section :-ms-input-placeholder { /* IE 10+ */ color: #454545; opacity: 0.5; } .rs-contact.contact-style2 .contact-section :-moz-placeholder { /* Firefox 18- */ color: #454545; opacity: 0.5; } .rs-contact.contact-style2 .contact-section .contact-wrap #form-messages { color: #fff; margin-top: 15px; } .rs-contact.contact-style3 .office-buliding { background: url(assets/images/contact/style1/office-building.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 0px 200px 0px 0px; } .rs-contact.contact-style3 .contact-map { overflow: hidden; } .rs-contact.contact-style3 .contact-map iframe { height: 700px; float: left; width: 100%; border: none; } .rs-contact.contact-style3 .contact-section { background-color: #0C6460; padding: 108px 40px 90px 40px; border-radius: 0px 0px 200px 0px; } .rs-contact.contact-style3 .contact-section .contact-wrap { padding: 0px 40px 0px 40px; } .rs-contact.contact-style3 .contact-section .contact-wrap .from-control { padding: 17px 17px 17px 17px; border: none; background-color: #fff; color: #454545; width: 100%; max-width: 100%; opacity: 1; } .rs-contact.contact-style3 .contact-section .contact-wrap textarea { height: 120px; } .rs-contact.contact-style3 .contact-section .contact-wrap ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #454545; opacity: 0.5; } .rs-contact.contact-style3 .contact-section .contact-wrap ::-moz-placeholder { /* Firefox 19+ */ color: #454545; opacity: 0.5; } .rs-contact.contact-style3 .contact-section .contact-wrap :-ms-input-placeholder { /* IE 10+ */ color: #454545; opacity: 0.5; } .rs-contact.contact-style3 .contact-section .contact-wrap :-moz-placeholder { /* Firefox 18- */ color: #454545; opacity: 0.5; } .rs-contact.contact-style3 .contact-section .contact-wrap #form-messages { color: #fff; margin-top: 15px; } .rs-contact.contact-style3 .contact-box { padding: 35px 35px 35px 35px; background-color: #effdfc; border-radius: 0px 0px 100px 0px; margin: 0 -4px 0 0; text-align: center; } .rs-contact.contact-style3 .contact-box .contact-icon img { width: 64px; height: 64px; max-width: unset; margin-bottom: 20px; } .rs-contact.contact-style3 .contact-box .content-text .title { font-size: 24px; font-weight: 700; line-height: 34px; margin: 0 0 10px; } .rs-contact.contact-style3 .contact-box .content-text .title a { color: #14171C; } .rs-contact.contact-style3 .contact-box .content-text .title a:hover { color: #0C6460; } .rs-contact.contact-style3 .contact-box .content-text span a { color: #444444; font-weight: 500; } .rs-contact.contact-style3 .contact-box .content-text span a:hover { color: #0C6460; } .rs-contact.contact-style3 .contact-box .content-text .services-txt { margin: 0; color: #444444; font-weight: 500; } .rs-contact.contact-style3 .contact-box.con-bdr { border-radius: 0px 100px 0px 100px; } .rs-contact.contact-style3 .contact-box.con-bdr2 { border-radius: 100px 0px 0px 0px; } /* ------------------------------------ 13. Newsletter Section CSS ---------------------------------------*/ .rs-newsletter.newsletter-style1 .newsletter-form { position: relative; height: 60px; } .rs-newsletter.newsletter-style1 .newsletter-form input[type="email"] { color: #0A0A0A; width: 100%; height: 100%; background: #fff; border: 1px solid #ffffff; border-radius: 3px; padding: 10px 205px 10px 20px; max-width: 100%; opacity: 1; } .rs-newsletter.newsletter-style1 .newsletter-form input[type="email"]::placeholder { opacity: 0.6; } .rs-newsletter.newsletter-style1 .newsletter-form input[type="submit"] { background-color: #FF6D00; position: absolute; font-size: 16px; font-weight: 500; top: 5px; right: 5px; bottom: 5px; padding: 10px 30px; min-width: 200px; text-align: center; border: none; color: #fff; border-radius: 0; transition: all linear 0.3s; } .rs-newsletter.newsletter-style1 .newsletter-form input[type="submit"]:hover { background: #0C6460; } .rs-newsletter.newsletter-style1 .newsletter-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #0A0A0A; opacity: 0.79; } .rs-newsletter.newsletter-style1 .newsletter-form ::-moz-placeholder { /* Firefox 19+ */ color: #0A0A0A; opacity: 0.79; } .rs-newsletter.newsletter-style1 .newsletter-form :-ms-input-placeholder { /* IE 10+ */ color: #0A0A0A; opacity: 0.79; } .rs-newsletter.newsletter-style1 .newsletter-form :-moz-placeholder { /* Firefox 18- */ color: #0A0A0A; opacity: 0.79; } /* ------------------------------------ 14. Video Section CSS ---------------------------------------*/ .rs-videos { position: relative; } .rs-videos .overly-border { border: 1px solid #ffffff; border-radius: 50%; width: 100px; height: 100px; top: 46%; left: 50%; transform: translate(-50%, -50%); position: absolute; } .rs-videos .overly-border a { 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: #ffffff; } .rs-videos .overly-border a i { font-size: 30px; line-height: 80px; color: #0C6460; position: relative; z-index: 1; } .rs-videos .overly-border a:before { 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; transition: all 0.3s ease; background: #ffffff; } .rs-videos .overly-border a: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; animation: pulse-border 1.5s ease-out infinite; } .rs-videos .overly-border.project-details { top: 26%; left: 26%; } .rs-videos.careers-style1 .images-video img { border-radius: 150px 0px 150px 0px; } .rs-videos.careers-style1 .overly-border { border: 1px solid #FF6D00; } .rs-videos.careers-style1 .overly-border a { background: #FF6D00; } .rs-videos.careers-style1 .overly-border a i { color: #ffffff; } .rs-videos.careers-style1 .overly-border a:before { background: #FF6D00; } .rs-videos.careers-style1 .overly-border a: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; animation: pulse-border 1.5s ease-out infinite; } /*-------------------------------------------------------------- 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; } } /* ------------------------------------ 15. Progress Section CSS ---------------------------------------*/ .rs-progress.progress-style1 .rs-pie-content { display: inline-block; position: relative; text-align: center; } .rs-progress.progress-style1 .rs-pie-content .rs-pie { position: relative; } .rs-progress.progress-style1 .rs-pie-content .rs-pie span { font-size: 30px; font-weight: 700; color: #0a0a0a; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .rs-progress.progress-style1 .rs-pie-content .number { font-size: 15px; font-weight: 500; color: #0a0a0a; display: block; padding: 0; position: absolute; right: -58%; top: 40%; transform: rotate(90deg); } /* ------------------------------------ 16. Project Section CSS ---------------------------------------*/ .rs-project.case-studies-style { background-color: #effdfc; padding: 120px 0px 348px 0px; border-radius: 150px 0px 150px 0px; } .rs-project.project-style1 .project-item { position: relative; overflow: hidden; z-index: 1; border-radius: 70px 0px 70px 0px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); margin: 0 2px 0 2px; } .rs-project.project-style1 .project-item .project-img { position: relative; z-index: 1; overflow: hidden; } .rs-project.project-style1 .project-item .project-img a img { width: 100%; transition: 1.3s all ease; border-radius: 0px; } .rs-project.project-style1 .project-item .project-content { position: absolute; padding: 24px 30px; opacity: 1; z-index: 10; bottom: 0; left: 0; right: 0; top: 0; text-align: left; width: 100%; } .rs-project.project-style1 .project-item .project-content .project-inner { position: absolute; bottom: 40px; right: 40px; left: 40px; transition: all 0.5s ease; } .rs-project.project-style1 .project-item .project-content .project-inner .category { color: #fff; display: block; margin-bottom: 6px; } .rs-project.project-style1 .project-item .project-content .project-inner .category a { color: #FF6D00; } .rs-project.project-style1 .project-item .project-content .project-inner .category a:hover { color: #E76404; } .rs-project.project-style1 .project-item .project-content .project-inner .title { font-size: 22px; line-height: 30px; font-weight: 700; margin-bottom: 0; } .rs-project.project-style1 .project-item .project-content .project-inner .title a { color: #ffffff; } .rs-project.project-style1 .project-item .project-content .project-inner .title a:hover { color: #FF6D00; } .rs-project.project-style1 .project-item .project-content:before { content: ''; position: absolute; top: 0; left: 0; opacity: 1; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(16, 23, 30, 0.8) 0%, rgba(255, 255, 255, 0) 100%) !important; transition: all 0.3s ease 0s; border-radius: 70px 0px 70px 0px; } .rs-project.project-style1 .project-item:hover .project-img a img { transform: scale(1.2); } .rs-project.project-style1 .project-item:hover .project-content .project-inner { bottom: 50px; } .rs-project.project-style1 .project-item:hover .project-content:before { opacity: 1; } .rs-project.project-style2 { margin-top: -342px; padding: 0px 95px 0px 95px; } .rs-project.project-style2 .project-item { position: relative; overflow: visible; margin: 0 7px 0 7px; } .rs-project.project-style2 .project-item .project-img a img { border-radius: 150px 0 0 0; } .rs-project.project-style2 .project-item .project-inner { padding: 24px 40px 25px; border-radius: 0 75px 0 0; max-width: 360px; background: #ffffff; left: 0; bottom: 50px; opacity: 1; visibility: visible; position: absolute; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); } .rs-project.project-style2 .project-item .project-inner .category { opacity: 1; text-transform: uppercase; margin: 0 0 7px 0; display: block; } .rs-project.project-style2 .project-item .project-inner .category a { color: #FF6D00; } .rs-project.project-style2 .project-item .project-inner .title { font-size: 24px; line-height: 34px; font-weight: 700; margin: 0 0 0; } .rs-project.project-style2 .project-item .project-inner .title a { color: #101010; } .rs-project.project-style2 .project-item .project-inner .title a:hover { color: #FF6D00; } .rs-project.project-style2 .owl-stage-outer { padding: 10px; margin: -10px; } .rs-project.project-style2 .owl-dots { text-align: center; } .rs-project.project-style3 .slick-list { padding: 0 100px; } .rs-project.project-style3 .slick-slide { padding: 0 10px; } .rs-project.project-style3 .slick-track { display: flex; align-items: center; } .rs-project.project-style3 .slider .project-item { position: relative; overflow: visible; } .rs-project.project-style3 .slider .project-item .project-img { position: relative; z-index: 1; overflow: hidden; } .rs-project.project-style3 .slider .project-item .project-img a img { width: 100%; transition: 1.3s all ease; border-radius: 5px; } .rs-project.project-style3 .slider .project-item .project-content { background: #fff; box-shadow: 0 6px 25px rgba(0, 0, 0, 0.07); position: absolute; bottom: 0px; left: 20px; right: 20px; border-radius: 5px; transition: all 0.5s ease-in-out; z-index: 10; padding: 15px 20px; opacity: 0; visibility: hidden; } .rs-project.project-style3 .slider .project-item .project-content .category { font-weight: 500; } .rs-project.project-style3 .slider .project-item .project-content .category a { color: #454545; } .rs-project.project-style3 .slider .project-item .project-content .category a:hover { color: #FF6D00; } .rs-project.project-style3 .slider .project-item .project-content .title { font-size: 24px; line-height: 34px; font-weight: 700; margin: 0 0 0px; } .rs-project.project-style3 .slider .project-item .project-content .title a { color: #101010; } .rs-project.project-style3 .slider .project-item .project-content .title a:hover { color: #FF6D00; } .rs-project.project-style3 .slider .project-item:hover .project-img a img { transform: scale(1.3); } .rs-project.project-style3 .slider .project-item:hover .project-content { bottom: 20px; opacity: 1; visibility: visible; } .rs-project.project-style3 .slick-dots { position: absolute; bottom: -50px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .rs-project.project-style3 .slick-dots li { position: relative; display: inline-block; width: unset; height: unset; margin: 0 5px; padding: 0; cursor: pointer; } .rs-project.project-style3 .slick-dots li button { width: 25px; height: 8px; display: inline-block; font-size: 0; line-height: 0; padding: 0; border-radius: 50px; background: #FF6D00; border: none; box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25); opacity: 0.5; transition: all 0.3s ease-in; } .rs-project.project-style3 .slick-dots li { display: inline-block; width: unset; height: unset; margin: 0 5px; } .rs-project.project-style3 .slick-dots li.slick-active button { background: #FF6D00; width: 40px; opacity: 1; } .rs-project.project-style3 .slick-arrow { font-size: 0; border: none; background: unset; } .rs-project.project-style4 .project-item { position: relative; overflow: hidden; z-index: 1; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); border-radius: 40px 40px 40px 40px; margin: 0 3px 0 3px; } .rs-project.project-style4 .project-item .project-content .project-inner { position: absolute; margin: 0px 0px 10px 0px; bottom: 10px; left: 25px; z-index: 11; opacity: 0; visibility: hidden; transition: all 0.3s ease; } .rs-project.project-style4 .project-item .project-content .project-inner .category { font-size: 16px; font-weight: 400; display: block; margin-bottom: 5px; } .rs-project.project-style4 .project-item .project-content .project-inner .category a { color: #FF6D00; } .rs-project.project-style4 .project-item .project-content .project-inner .title { font-size: 24px; line-height: 34px; font-weight: 700; margin: 0 0 0px; padding-right: 30px; } .rs-project.project-style4 .project-item .project-content .project-inner .title a { color: #ffffff; } .rs-project.project-style4 .project-item .project-content .project-inner .title a:hover { color: #FF6D00; } .rs-project.project-style4 .project-item:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #0C6460; opacity: 0; visibility: hidden; transition: all 0.4s ease 0s; } .rs-project.project-style4 .project-item:hover .project-content .project-inner { opacity: 1; visibility: visible; bottom: 20px; } .rs-project.project-style4 .project-item:hover:before { opacity: 0.9; visibility: visible; } .rs-project.project-style4.project-modify1 .project-item { border-radius: 70px 0px 70px 0px; } .rs-project.project-style5 .project-item { position: relative; overflow: hidden; border-radius: 70px 0px 70px 0px; margin: 0 3px 0 3px; } .rs-project.project-style5 .project-item .project-img img { border-radius: 5px; } .rs-project.project-style5 .project-item .project-inner { position: absolute; padding: 20px 30px 25px 30px; opacity: 0; z-index: 1; bottom: -150px; left: 50%; transform: translateX(-50%); width: 86%; z-index: 9; background: #ffffff; transition: 0.6s; } .rs-project.project-style5 .project-item .project-inner .category { font-size: 13px; text-transform: uppercase; display: block; margin: 0 0 6px; } .rs-project.project-style5 .project-item .project-inner .category a { color: #FF6D00; } .rs-project.project-style5 .project-item .project-inner .title { font-size: 22px; font-weight: 700; line-height: 32px; margin: 0 0 0; } .rs-project.project-style5 .project-item .project-inner .title a { color: #0a0a0a; } .rs-project.project-style5 .project-item .project-inner .title a:hover { color: #FF6D00; } .rs-project.project-style5 .project-item:hover .project-inner { opacity: 1; bottom: 30px; border-radius: 0px 80px 0px 0px; } .rs-project.project-style6 .project-item { position: relative; overflow: hidden; border-radius: 70px 0px 70px 0px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); margin: 0 3px 0 3px; } .rs-project.project-style6 .project-item .project-img img { width: 100%; border-radius: 5px; } .rs-project.project-style6 .project-item .project-inner { padding: 20px 30px 30px 30px; } .rs-project.project-style6 .project-item .project-inner .category { font-size: 15px; font-weight: 400; display: block; margin-bottom: 6px; text-transform: uppercase; } .rs-project.project-style6 .project-item .project-inner .category a { color: #FF6D00; } .rs-project.project-style6 .project-item .project-inner .title { font-size: 22px; font-weight: 700; line-height: 32px; margin: 0 0 0; } .rs-project.project-style6 .project-item .project-inner .title a { color: #0a0a0a; } .rs-project.project-style6 .project-item .project-inner .title a:hover { color: #FF6D00; } .rs-project.project-style6 .project-item:hover .project-inner { opacity: 1; bottom: 30px; border-radius: 0px 80px 0px 0px; } .rs-project.project-style7 .project-item { position: relative; overflow: hidden; padding: 0px 0px 0px 0px; border-radius: 70px 0px 70px 0px; } .rs-project.project-style7 .project-item .project-img { position: relative; z-index: 1; } .rs-project.project-style7 .project-item .project-img img { width: 100%; transform: scale(1.2); transition: 0.6s; } .rs-project.project-style7 .project-item .project-content { position: absolute; padding: 24px 43px; opacity: 0; z-index: 10; top: 0; visibility: hidden; width: 100%; height: 100%; text-align: center; transform: scale(1.3); transition: 0.4s; } .rs-project.project-style7 .project-item .project-content .title { font-size: 22px; line-height: 32px; font-weight: 700; margin-bottom: 8px; } .rs-project.project-style7 .project-item .project-content .title a { color: #ffffff; } .rs-project.project-style7 .project-item .project-content .title a:hover { color: #FF6D00; } .rs-project.project-style7 .project-item .project-content .category { font-size: 15px; line-height: 26px; font-weight: 400; display: block; } .rs-project.project-style7 .project-item .project-content .category a { color: #ffffff; } .rs-project.project-style7 .project-item .project-content:before { content: ''; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; width: 100%; height: 100%; background-color: #0C6460C2; transform: scale(1.2); transition: 0.6s; } .rs-project.project-style7 .project-item:hover .project-img img { transform: scale(1); } .rs-project.project-style7 .project-item:hover .project-content { visibility: visible; opacity: 1; transform: scale(1); } .rs-project.project-style7 .project-item:hover .project-content:before { opacity: 1; visibility: visible; } .rs-project.project-style8 .project-item { position: relative; overflow: hidden; margin: 0 3px 0 3px; border-radius: 70px 0px 70px 0px; } .rs-project.project-style8 .project-item .project-img { position: relative; z-index: 1; overflow: hidden; } .rs-project.project-style8 .project-item .project-img img { width: 100%; transition: 1.3s all ease; } .rs-project.project-style8 .project-item .project-content { position: absolute; padding: 17px 30px 15px; opacity: 0; visibility: hidden; z-index: 1; left: 0; bottom: -100px; text-align: left; width: 100%; z-index: 11; transition: 0.6s; height: 100%; } .rs-project.project-style8 .project-item .project-content .project-inner { position: absolute; bottom: -100px; transition: 0.5s; left: 30px; } .rs-project.project-style8 .project-item .project-content .project-inner .title { font-size: 22px; line-height: 32px; font-weight: 700; margin-bottom: 7px; padding-right: 30px; } .rs-project.project-style8 .project-item .project-content .project-inner .title a { color: #ffffff; } .rs-project.project-style8 .project-item .project-content .project-inner .title a:hover { color: #FF6D00; } .rs-project.project-style8 .project-item .project-content .project-inner .category { font-size: 16px; line-height: 26px; font-weight: 400; display: block; } .rs-project.project-style8 .project-item .project-content .project-inner .category a { color: #EAEAEA; } .rs-project.project-style8 .project-item .project-content .project-inner .category a:hover { color: #FF6D00; } .rs-project.project-style8 .project-item .project-content:before { content: ''; position: absolute; bottom: -150px; left: 0; opacity: 0; visibility: hidden; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); background-color: #0C6460C2; transition: 0.6s; border-radius: 70px 0px 70px 0px; } .rs-project.project-style8 .project-item:hover .project-img img { transform: scale(1.2); } .rs-project.project-style8 .project-item:hover .project-content { opacity: 1; visibility: visible; bottom: 0; } .rs-project.project-style8 .project-item:hover .project-content .project-inner { bottom: 30px; } .rs-project.project-style8 .project-item:hover .project-content:before { opacity: 1; bottom: 0; visibility: visible; } .rs-project-details .project-title .title { position: relative; font-size: 42px; line-height: 52px; font-weight: 700; color: #0a0a0a; margin: 0px 0px 0px 0px; z-index: 1; } .rs-project-details .project-title .title:before { content: ""; position: absolute; border: 0; width: 65px; height: 5px; background: #0C6460; z-index: 1; margin-left: 0; left: 0; top: -28px; } .rs-project-details .desc { color: #454545; margin: 0; } .rs-project-details .project-txt .desc { margin: 0; } .rs-project-details .project-information { background-color: #effdfc; padding: 65px 40px 65px 110px; border-radius: 100px 0px 100px 0px; } .rs-project-details .project-information .project-right-border { position: relative; } .rs-project-details .project-information .project-right-border:after { content: ''; position: absolute; width: 1px; height: 80px; background: #E2DDDF; top: -8px; right: -20px; } .rs-project-details .project-information .project-right-border.border-two:after { right: 45px; } .rs-project-details .project-information .project-right-border.border-three:after { right: 25px; } .rs-project-details .project-information .project-content .title { font-size: 20px; line-height: 30px; font-weight: 600; color: #101010; margin: 0px 0px 0px 0px; } .rs-project-details .project-information .project-content .description p { margin: 0px 0px 0px 0px; } .rs-project-details .rs-project-goals .project-goal { text-align: right; } /* ------------------------------------ 17. Skill-bar Section CSS ---------------------------------------*/ .rs-skillbar.skillbar-style1 .shape-divider-styl2 { overflow: hidden; position: absolute; left: 0; width: 100%; line-height: 0; direction: ltr; bottom: -1px; } .rs-skillbar.skillbar-style1 .shape-divider-styl2 svg { display: block; position: relative; left: 50%; transform: translateX(-50%); width: calc(100% + 1.3px); height: 90px; } .rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar-title { font-size: 15px; line-height: 6px; font-weight: 600; color: #212121; } .rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar { background-color: #0E34AD1C; height: 11px; line-height: 11px; margin: 10px 0 24px; overflow: visible; position: relative; width: 100%; } .rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar .skillbar-bar { height: 11px; line-height: 11px; background-color: #0C6460; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; margin-bottom: 0; overflow: visible !important; width: 0; } .rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar .skill-bar-percent { height: 30px; line-height: 30px; position: absolute; right: 0px; top: -38px; font-size: 14px; font-weight: 700; color: #0a0a0a; } .rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar.margin-no { margin: 10px 0 0; } .rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar.orange-bg .skillbar-bar { background-color: #FF6D00; } .rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar.red-bg .skillbar-bar { background-color: #d41010; } .rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar.purple-bg .skillbar-bar { background-color: #B100FF; } .rs-skillbar.skillbar-style1.skillbar-modify1 .cl-skill-bar .skillbar { background-color: #FF6D0033; } .rs-skillbar.skillbar-style1.skillbar-modify1 .cl-skill-bar .skillbar .skill-bar-percent, .rs-skillbar.skillbar-style1.skillbar-modify1 .cl-skill-bar .skillbar-title { color: #ffffff; } /* ------------------------------------ 18. Services Section CSS ---------------------------------------*/ .rs-services.services-main-home .services-item { background-color: #0C6460; background-image: url(assets/images/services/main-home/main-img/1.jpg); background-repeat: no-repeat; background-size: cover; transition: background 0s; border-radius: 50px 0px 50px 0px; position: relative; z-index: 10; overflow: hidden; } .rs-services.services-main-home .services-item::before { position: absolute; content: ''; left: 0; top: 0; height: 100%; width: 100%; background: #0C6460; z-index: -1; opacity: 0; visibility: hidden; transition: all linear 0.3s; } .rs-services.services-main-home .services-item .services-wrap { padding: 40px 50px 50px 45px; position: relative; } .rs-services.services-main-home .services-item .services-wrap .services-icon { margin-left: -6px; margin-bottom: 20px; } .rs-services.services-main-home .services-item .services-wrap .services-icon img { height: 90px; width: 90px; max-width: unset; } .rs-services.services-main-home .services-item .services-wrap .services-content .title { font-size: 24px; line-height: 32px; font-weight: 700; margin: 0px 0px 11px 0px; } .rs-services.services-main-home .services-item .services-wrap .services-content .title a { color: #ffffff; } .rs-services.services-main-home .services-item .services-wrap .services-content .title a:hover { color: #FF6D00; } .rs-services.services-main-home .services-item .services-wrap .services-content .services-txt { color: #ffffff; margin: 0; } .rs-services.services-main-home .services-item:hover::before { opacity: 1; visibility: visible; } .rs-services.services-main-home .services-item.ser-bg2 { background-image: url(assets/images/services/main-home/main-img/2.jpg); } .rs-services.services-main-home .services-item.ser-bg3 { background-image: url(assets/images/services/main-home/main-img/3.jpg); } .rs-services.services-main-home .services-item.ser-bg4 { background-image: url(assets/images/services/main-home/main-img/4.jpg); } .rs-services.services-main-home .services-item.ser-bg5 { background-image: url(assets/images/services/main-home/main-img/5.jpg); } .rs-services.services-main-home .services-item.ser-bg6 { background-image: url(assets/images/services/main-home/main-img/6.jpg); } .rs-services.services-style1 .services-item { background-color: #effdfc; border-radius: 50px 0px 50px 0px; margin: 0 -4px 0 -4px; transition: all ease 0.3s; } .rs-services.services-style1 .services-item .services-wrap { padding: 40px 50px 50px 45px; position: relative; } .rs-services.services-style1 .services-item .services-wrap .services-icon { margin-left: -6px; margin-bottom: 20px; } .rs-services.services-style1 .services-item .services-wrap .services-icon img { height: 90px; width: 90px; max-width: unset; } .rs-services.services-style1 .services-item .services-wrap .services-content .title { font-size: 24px; line-height: 32px; font-weight: 700; margin: 0px 0px 11px 0px; } .rs-services.services-style1 .services-item .services-wrap .services-content .title a { color: #101010; } .rs-services.services-style1 .services-item .services-wrap .services-content .title a:hover { color: #FF6D00; } .rs-services.services-style1 .services-item .services-wrap .services-content .services-txt { color: #101010; margin: 0; } .rs-services.services-style1 .services-item:hover { transform: translateY(-5px); } .rs-services.services-style1.services-modify1 .services-item .services-wrap .services-content .title a:hover { color: #FF6D00; } .rs-services.services-style2 { background-color: #effdfc; border-radius: 0px 150px 0px 150px; } .rs-services.services-style2 .rs-services-slider { padding: 54px 50px 60px 40px; margin-bottom: 10px; border-radius: 3px 3px 100px 3px; background-color: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05); } .rs-services.services-style2 .rs-services-slider .content-part .title { font-size: 24px; font-weight: 700; line-height: 34px; margin: 0 0 15px; } .rs-services.services-style2 .rs-services-slider .content-part .title a { color: #101010; } .rs-services.services-style2 .rs-services-slider .content-part .title a:hover { color: #0C6460; } .rs-services.services-style2 .rs-services-slider .content-part .description { font-size: 17px; line-height: 1.6; padding: 0px 0px 57px 0px; margin: 0px 0px 0px 0px; color: #454545; } .rs-services.services-style2 .rs-services-slider .bottom-part { display: flex; align-items: center; justify-content: space-between; } .rs-services.services-style2 .rs-services-slider .bottom-part .services-icon img { width: 55px; min-width: 55px; max-width: 55px; transition: all linear 0.3s; } .rs-services.services-style2 .rs-services-slider:hover .bottom-part .services-icon img { transform: rotateY(360deg); } .rs-services.services-style2 .owl-nav .owl-next, .rs-services.services-style2 .owl-nav .owl-prev { position: absolute; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; background: #0C6460; color: #fff; transform: translateY(-50%); transition: 0.6s ease all; z-index: 9; text-align: center; visibility: visible; opacity: 1; } .rs-services.services-style2 .owl-nav .owl-next i:before, .rs-services.services-style2 .owl-nav .owl-prev i:before { content: "\f115"; font-family: Flaticon; font-size: 16px; opacity: 1; font-weight: 600; } .rs-services.services-style2 .owl-nav .owl-next:hover, .rs-services.services-style2 .owl-nav .owl-prev:hover { color: #ffffff; background: #FF6D00; } .rs-services.services-style2 .owl-nav .owl-next { right: 1.6%; bottom: -40%; } .rs-services.services-style2 .owl-nav .owl-next i:before { content: "\f114"; } .rs-services.services-style2 .owl-nav .owl-prev { right: 6%; bottom: -40%; } .rs-services.services-style2 .services-item .services-btn-box { padding: 30px 40px 33px 40px; background-color: #fff; border-radius: 3px 3px 100px 3px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05); border: 1px solid #a3d0cd; } .rs-services.services-style2 .services-item .services-img img { border-radius: 3px 100px 3px 3px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05); } .rs-services.services-style3 { position: relative; margin-top: -60px; margin-bottom: 0px; z-index: 11; } .rs-services.services-style3 .services-item { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #effdfc; transition: all 0.3s ease-in-out; } .rs-services.services-style3 .services-item .services-wrap { padding: 40px 20px 40px 20px; display: flex; } .rs-services.services-style3 .services-item .services-wrap .services-icon { position: relative; transition: all 0.3s ease; } .rs-services.services-style3 .services-item .services-wrap .services-icon .main-img { height: 65px; width: 65px; max-width: unset; } .rs-services.services-style3 .services-item .services-wrap .services-icon .hover-img { height: 65px; width: 65px; max-width: unset; position: absolute; left: 0; top: 0; visibility: hidden; opacity: 0; transition: all 0.3s ease; } .rs-services.services-style3 .services-item .services-wrap .services-content { padding: 0px 0px 0px 20px; } .rs-services.services-style3 .services-item .services-wrap .services-content .title { font-size: 24px; line-height: 34px; font-weight: 700; color: #0a0a0a; margin: 0 0 5px; } .rs-services.services-style3 .services-item .services-wrap .services-content .services-txt { margin: 0; } .rs-services.services-style3 .services-item:hover, .rs-services.services-style3 .services-item.active-bg { background-color: #0C6460; } .rs-services.services-style3 .services-item:hover .services-wrap .services-icon .main-img, .rs-services.services-style3 .services-item.active-bg .services-wrap .services-icon .main-img { opacity: 0; } .rs-services.services-style3 .services-item:hover .services-wrap .services-icon .hover-img, .rs-services.services-style3 .services-item.active-bg .services-wrap .services-icon .hover-img { opacity: 1; visibility: visible; } .rs-services.services-style3 .services-item:hover .services-wrap .services-content .services-txt, .rs-services.services-style3 .services-item.active-bg .services-wrap .services-content .services-txt, .rs-services.services-style3 .services-item:hover .services-wrap .services-content .title, .rs-services.services-style3 .services-item.active-bg .services-wrap .services-content .title { color: #ffffff; } .rs-services.services-style4 .services-item .services-wrap { position: relative; overflow: hidden; } .rs-services.services-style4 .services-item .services-wrap .services-image img { width: 100%; height: auto; transition: all 0.5s; max-width: unset; } .rs-services.services-style4 .services-item .services-wrap .services-content { position: relative; } .rs-services.services-style4 .services-item .services-wrap .services-content .title { font-size: 24px; line-height: 1.35em; font-weight: 700; margin: 0; position: absolute; bottom: 0; left: 30px; padding: 0; transition: 0.4s; opacity: 0; visibility: hidden; } .rs-services.services-style4 .services-item .services-wrap .services-content .title a { color: #ffffff; } .rs-services.services-style4 .services-item .services-wrap .services-content .title a:hover { color: #FF6D00 !important; } .rs-services.services-style4 .services-item .services-wrap .services-content .services-btn { position: absolute; right: 10px; transition: 0.4s; bottom: 28px; opacity: 0; visibility: hidden; } .rs-services.services-style4 .services-item .services-wrap:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: all 0.4s ease 0s; background-color: transparent; } .rs-services.services-style4 .services-item .services-wrap:hover .services-content .title { opacity: 1; visibility: visible; bottom: 25px; } .rs-services.services-style4 .services-item .services-wrap:hover .services-content .services-btn { right: 30px; opacity: 1; visibility: visible; } .rs-services.services-style4 .services-item .services-wrap:hover:before { opacity: 1; visibility: visible; } .rs-services.services-style5 .services-item { margin: 0px 0px 0px 0px; background-color: #effdfc; transition: background 0s; border-radius: 40px 40px 40px 40px; border:1px solid #b8dfdd; } .rs-services.services-style5 .services-item .services-wrap { position: relative; padding: 35px 50px 60px 40px; } .rs-services.services-style5 .services-item .services-wrap .services-icon { margin-bottom: 10px; } .rs-services.services-style5 .services-item .services-wrap .services-icon img { height: 90px; width: 90px; max-width: unset; } .rs-services.services-style5 .services-item .services-wrap .services-text .title { font-size: 24px; font-weight: 700; line-height: 34px; margin: 0 0 10px; letter-spacing: 0; transition: all linear 0.3s; } .rs-services.services-style5 .services-item .services-wrap .services-text .title a { color: #0a0a0a; transition: all linear 0.3s; } .rs-services.services-style5 .services-item .services-wrap .services-text .title a:hover { color: #FF6D00; } .rs-services.services-style5 .services-item .services-wrap .services-text .services-txt { margin-bottom: 28px; } .rs-services.services-style5 .services-item .services-wrap .services-text .serial-number { position: absolute; /*left: 242px;*/right: 10%; top: 34px; color: #0C646014; font-size: 50px; font-weight: 700; } .rs-services.services-style5.services-carrers-modify1 .services-item { margin: 0px 0px 0px 0px; background-color: #fff; border-radius: 40px 0px 40px 0px; } .rs-services.services-style5.services-carrers-modify1 .services-item .services-wrap .services-text .title { color: #0a0a0a; } .rs-services.services-style5.services-carrers-modify1 .services-item .readon.read-more:hover { background-color: #ff6d00; color: #ffffff; } .rs-services.services-style5.services-carrers-modify1 .services-item:hover .services-wrap .services-text .title { color: #0C6460; } .rs-services.services-style5.services-carrers-modify1 .services-item:hover .services-wrap .readon.read-more { background-color: #ff6d00; color: #ffffff; } .rs-services.services-style5.services-carrers-modify1 .services-item .services-wrap { padding: 35px 50px 45px 40px; } .rs-services-single .services-add { background-color: #0C6460; position: relative; padding: 55px 35px 38px; border-radius: 80px 0px 80px 0px; text-align: center; } .rs-services-single .services-add .services-overlay { background-image: url(assets/images/blog/style1/3.jpg); border-radius: 80px 0px 80px 0px; background-position: center center; background-repeat: no-repeat; background-size: cover; text-align: center; opacity: 0.1; height: 100%; width: 100%; top: 0; left: 0; position: absolute; } .rs-services-single .services-add .address-wrap { position: relative; } .rs-services-single .services-add .address-wrap .divider { padding-top: 15px; padding-bottom: 35px; } .rs-services-single .services-add .address-wrap .divider .divider-separator { position: relative; } .rs-services-single .services-add .address-wrap .divider .divider-separator:before { height: 3px; display: block; width: 120px; border-bottom: 2px dashed #e76404; content: ''; margin: 0 auto; } .rs-services-single .services-add .address-wrap .title { font-size: 24px; line-height: 41px; font-weight: 700; color: #ffffff; margin-bottom: 15px; } .rs-services-single .services-add .address-wrap .title span { color: #FF6D00; } .rs-services-single .services-add .address-wrap a { font-size: 34px; line-height: 44px; font-weight: 700; color: #ffffff; } .rs-services-single .services-add .address-wrap a:hover { color: #FF6D00; } .rs-services-single .brochures { background-image: linear-gradient(280deg, #269D98 0%, #0C6460 100%); border-radius: 80px 0px 80px 0px; padding: 65px 24px 78px 34px; } .rs-services-single .brochures .content-text .title-part { position: relative; padding-top: 20px; } .rs-services-single .brochures .content-text .title-part .title { font-size: 28px; line-height: 38px; font-weight: 700; color: #ffffff; margin-bottom: 18px; } .rs-services-single .brochures .content-text .title-part:before { content: ''; position: absolute; left: 0; top: 0; width: 65px; height: 5px; opacity: 1; background: #ff6d00; } .rs-services-single .brochures .content-text .desc-part { color: #ffffff; margin: 0 0 48px; } .rs-services-single .brochures .btn-wrapper { position: relative; text-align: center; font-weight: 400; display: inline-block; } .rs-services-single .brochures .btn-wrapper .dual-btn { font-size: 16px; font-weight: 600; padding: 18px 35px 18px 35px; border-radius: 30px 0px 0px 0px; background-color: #0C6460; color: #ffffff; margin: 0 -4px; } .rs-services-single .brochures .btn-wrapper .dual-btn-connector { position: absolute; z-index: 9; overflow: hidden; width: 30px; height: 30px; border-radius: 100%; background-color: #fff; box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.3); color: #27374c; text-transform: uppercase; font-size: 12px; line-height: 30px; left: 46%; top: -2px; } .rs-services-single .brochures .btn-wrapper .rselement-dual-btn { font-size: 16px; font-weight: 600; padding: 18px 35px 18px 35px; border-radius: 0px 0px 30px 0px; background-color: #E76404; color: #ffffff; } .rs-services-single .services-img img { border-radius: 100px 0px 100px 0px; } .rs-services-single .services-title { position: relative; padding-top: 24px; } .rs-services-single .services-title .title { font-size: 36px; line-height: 46px; font-weight: 700; color: #0a0a0a; margin: 0; } .rs-services-single .services-title:before { position: absolute; content: ''; left: 0; top: 0; width: 65px; height: 5px; opacity: 1; background: #E76404; z-index: 2; } .rs-services-single .desc-part { color: #454545; margin: 0; } .rs-services-single .bdru-4 { border-radius: 100px 0px 100px 0px; } /* ------------------------------------ 19. Faq Section CSS ---------------------------------------*/ .rs-faq.faq-style1 { position: relative; } .rs-faq.faq-style1 .faq-content .accordion { border-width: 12px; } .rs-faq.faq-style1 .faq-content .accordion .card { margin-bottom: 15px; border: none; background-color: transparent; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.02); } .rs-faq.faq-style1 .faq-content .accordion .card:last-child { margin-bottom: 0; } .rs-faq.faq-style1 .faq-content .accordion .card .card-header { display: flex; align-items: center; padding: 0 !important; border: none; background: #fff; } .rs-faq.faq-style1 .faq-content .accordion .card .card-header .card-link { position: relative; display: block; width: 100%; height: 60px; line-height: 29px; font-size: 18px; font-weight: 700; padding: 17px 25px 17px 40px; background-color: #ffffff; color: #0a0a0a; } .rs-faq.faq-style1 .faq-content .accordion .card .card-header .card-link:after { position: absolute; font-family: FontAwesome; content: "\f068"; top: 50%; transform: translateY(-50%); font-size: 12px; line-height: 26px; color: #0a0a0a; left: 20px; margin-top: 2px; } .rs-faq.faq-style1 .faq-content .accordion .card .card-header .card-link.collapsed { background-color: #FFFFFF; padding: 17px 25px 17px 40px; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.18); } .rs-faq.faq-style1 .faq-content .accordion .card .card-header .card-link.collapsed:after { color: #101010; content: "\f067"; } .rs-faq.faq-style1 .faq-content .accordion .card .card-body { background-color: #fff; color: #454545; width: 100%; padding: 0px 25px 55px 24px; } .rs-faq.faq-style1.faq-modify1 .faq-content .accordion .card .card-body { background-color: #effdfc; border-radius: 0px 0px 20px 0px; padding: 0px 25px 35px 22px; } .rs-faq.faq-style1.faq-modify1 .faq-content .accordion .card .card-header .card-link { font-weight: 600; background-color: #effdfc; border-radius: 20px 0px 0px 0px; } .rs-faq.faq-style1.faq-modify1 .faq-content .accordion .card .card-header .card-link.collapsed { background-color: #effdfc; border-radius: 20px 0px 20px 0px; } .rs-faq.faq-style1.faq-modify1 .contact-modify2 .contact-section .contact-wrap #form-messages { color: #101010; } /* ------------------------------------ 20. Team Section CSS ---------------------------------------*/ .rs-team.team-style1 .team-item .team-inner-wrap { overflow: hidden; border-radius: 70px 0px 70px 0px; box-shadow: 0 5px 20px rgba(34, 34, 34, 0.1); } .rs-team.team-style1 .team-item .team-inner-wrap .image-wrap { position: relative; overflow: hidden; } .rs-team.team-style1 .team-item .team-inner-wrap .image-wrap a img { transform: scale(1.1); opacity: 1; transition: 0.3s ease-in-out; } .rs-team.team-style1 .team-item .team-inner-wrap .image-wrap .social-icons { text-align: center; position: absolute; right: -50px; bottom: 0; width: 50px; background: #0C6460; padding: 12px 0; opacity: 0; visibility: hidden; transition: all 0.4s ease 0s; } .rs-team.team-style1 .team-item .team-inner-wrap .image-wrap .social-icons a i { color: #fff; font-size: 15px; width: 35px; height: 35px; line-height: 35px; text-align: center; transition: 0.3s all ease; border-radius: 50%; margin: 0; } .rs-team.team-style1 .team-item .team-inner-wrap .image-wrap .social-icons a i:hover { color: #FF6D00; } .rs-team.team-style1 .team-item .team-inner-wrap .team-content { text-align: center; margin: 0; padding: 20px 20px 25px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0); background-color: #E5161600; } .rs-team.team-style1 .team-item .team-inner-wrap .team-content .team-name { font-size: 22px; line-height: 30px; font-weight: 700; text-transform: capitalize; margin: 0px 0px 2px 0px; } .rs-team.team-style1 .team-item .team-inner-wrap .team-content .team-name a { color: #0a0a0a; } .rs-team.team-style1 .team-item .team-inner-wrap .team-content .team-name a:hover { color: #FF6D00; } .rs-team.team-style1 .team-item .team-inner-wrap .team-content .team-title { font-size: 15px; text-transform: capitalize; color: #454545; } .rs-team.team-style1 .team-item .team-inner-wrap:hover .image-wrap a img { transform: scale(1); opacity: 0.7; } .rs-team.team-style1 .team-item .team-inner-wrap:hover .image-wrap .social-icons { right: 0; width: 50px; opacity: 1; visibility: visible; } .rs-team.team-style1 .owl-stage-outer { padding: 20px 10px; margin: -20px -10px; } .rs-team.team-style1.team-modify1 .team-item .team-inner-wrap { margin: 0 3px 0 3px; } .rs-team.team-style2 .team-item { border-radius: 70px 0px 70px 0px; overflow: hidden; } .rs-team.team-style2 .team-item .team-inner-wrap { position: relative; overflow: hidden; } .rs-team.team-style2 .team-item .team-inner-wrap .team-content { text-align: center; transition: all 0.4s ease 0s; border-radius: 3px 3px 0 0; padding: 20px 20px 15px 30px; margin-top: -35px; margin-bottom: 0; position: absolute; bottom: -50%; left: 50%; transform: translateX(-50%); width: 230px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0); background-color: #0C6460C7; } .rs-team.team-style2 .team-item .team-inner-wrap .team-content .team-name { font-size: 22px; line-height: 30px; font-weight: 700; margin: 0px 0px 2px 0px; } .rs-team.team-style2 .team-item .team-inner-wrap .team-content .team-name a { color: #ffffff; } .rs-team.team-style2 .team-item .team-inner-wrap .team-content .team-name a:hover { color: #FF6D00; } .rs-team.team-style2 .team-item .team-inner-wrap .team-content .team-title { font-size: 15px; text-transform: uppercase; color: #ffffff; margin: 5px 0px 11px 0px; display: block; } .rs-team.team-style2 .team-item .team-inner-wrap .team-content .social-icon li { display: inline-block; margin-right: 8px; } .rs-team.team-style2 .team-item .team-inner-wrap .team-content .social-icon li a i { font-size: 15px; font-weight: 400; width: 25px; height: 25px; line-height: 25px; color: #ffffff; transition: all 0.3s ease 0s; background: transparent; } .rs-team.team-style2 .team-item .team-inner-wrap .team-content .social-icon li a i:hover { color: #FF6D00; } .rs-team.team-style2 .team-item .team-inner-wrap .team-content .social-icon li:last-child { margin-right: 0; } .rs-team.team-style2 .team-item .team-inner-wrap:hover .team-content { bottom: 0; } .rs-team.team-style3 .team-item { border-radius: 70px 0px 70px 0px; overflow: hidden; margin: 0 3px 0 3px; } .rs-team.team-style3 .team-item .team-inner-wrap { position: relative; overflow: hidden; border-radius: 5px; padding-bottom: 100px; } .rs-team.team-style3 .team-item .team-inner-wrap .image-wrap a img { transition: all 0.7s; } .rs-team.team-style3 .team-item .team-inner-wrap .team-content { height: 100px; width: 100%; top: unset; bottom: 0; opacity: 1; position: absolute; padding: 21px 20px 15px 30px; color: #444; text-align: center; overflow: hidden; background: #fff; transition: 0.3s all ease; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0); background-color: #0C6460; } .rs-team.team-style3 .team-item .team-inner-wrap .team-content .team-name { font-size: 22px; line-height: 32px; font-weight: 700; margin: 0px 0px 0px 0px; } .rs-team.team-style3 .team-item .team-inner-wrap .team-content .team-name a { color: #ffffff; } .rs-team.team-style3 .team-item .team-inner-wrap .team-content .team-name a:hover { color: #FF6D00; } .rs-team.team-style3 .team-item .team-inner-wrap .team-content .team-title { font-size: 15px; text-transform: capitalize; color: #ffffff; margin: 0px 0px 0px 0px; display: block; } .rs-team.team-style3 .team-item .team-inner-wrap .team-content .social-icon { bottom: -100px !important; position: absolute; width: 100%; text-align: center; z-index: 100; left: 50%; opacity: 0; transform: translateX(-50%) scale(0.5); transition: 0.4s all ease; } .rs-team.team-style3 .team-item .team-inner-wrap .team-content .social-icon li { display: inline-block; margin-right: 8px; } .rs-team.team-style3 .team-item .team-inner-wrap .team-content .social-icon li a i { font-size: 15px; font-weight: 400; width: 25px; height: 25px; line-height: 25px; color: #ffffff; transition: all 0.3s ease 0s; background: transparent; } .rs-team.team-style3 .team-item .team-inner-wrap .team-content .social-icon li a i:hover { color: #FF6D00; } .rs-team.team-style3 .team-item .team-inner-wrap .team-content .social-icon li:last-child { margin-right: 0; } .rs-team.team-style3 .team-item .team-inner-wrap:hover .image-wrap a img { transform: scale(1.1); } .rs-team.team-style3 .team-item .team-inner-wrap:hover .team-content { opacity: 1; width: 100%; visibility: visible; transform: translate(0, 0); top: unset; bottom: 0; height: 140px; } .rs-team.team-style3 .team-item .team-inner-wrap:hover .team-content .social-icon { bottom: 25px !important; opacity: 1; transform: translateX(-50%) scale(1); } .rs-team.team-style4 .team-item { background-color: #effdfc; padding: 40px 40px 0px 40px; border-radius: 100px 0px 100px 0px; } .rs-team.team-style4 .team-item .team-inner-wrap { position: relative; overflow: hidden; } .rs-team.team-style4 .team-item .team-inner-wrap .image-wrap { overflow: hidden; border-radius: 50%; } .rs-team.team-style4 .team-item .team-inner-wrap .image-wrap a img { transform: scale(1); transition: 0.3s ease-in-out; border-radius: 50%; } .rs-team.team-style4 .team-item .team-inner-wrap .team-content { text-align: center; margin: 0; position: unset; opacity: 1; padding: 20px 20px 30px 30px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0); } .rs-team.team-style4 .team-item .team-inner-wrap .team-content .team-name { font-size: 22px; line-height: 32px; font-weight: 700; margin: 0px 0px 0px 0px; } .rs-team.team-style4 .team-item .team-inner-wrap .team-content .team-name a { color: #0a0a0a; } .rs-team.team-style4 .team-item .team-inner-wrap .team-content .team-name a:hover { color: #FF6D00; } .rs-team.team-style4 .team-item .team-inner-wrap .team-content .team-title { font-size: 15px; text-transform: capitalize; color: #454545; margin: 0px 0px 0px 0px; display: block; } .rs-team.team-style4 .team-item .team-inner-wrap .team-content .social-icon { text-align: center; margin-top: 10px; } .rs-team.team-style4 .team-item .team-inner-wrap .team-content .social-icon li { display: inline-block; margin-right: 8px; } .rs-team.team-style4 .team-item .team-inner-wrap .team-content .social-icon li a i { font-size: 16px; font-weight: 400; width: 25px; height: 25px; line-height: 25px; color: #4a4a4a; transition: all 0.3s ease 0s; background: transparent; } .rs-team.team-style4 .team-item .team-inner-wrap .team-content .social-icon li a i:hover { color: #FF6D00; } .rs-team.team-style4 .team-item .team-inner-wrap .team-content .social-icon li:last-child { margin-right: 0; } .rs-team.team-style4 .team-item .team-inner-wrap:hover .image-wrap a img { transform: scale(1.2); } .rs-team-single .btm-info-team { position: relative; box-shadow: 0px 0px 32px 0px rgba(7, 28, 31, 0.05); background: #fff; margin-bottom: 70px; padding: 40px; } .rs-team-single .btm-info-team .images-part { padding: 0 30px 0 0; } .rs-team-single .btm-info-team .con-info { position: relative; } .rs-team-single .btm-info-team .con-info .designation-info { font-size: 16px; line-height: 26px; font-weight: 400; color: #FF6D00; text-transform: uppercase; padding-bottom: 5px; display: block; } .rs-team-single .btm-info-team .con-info .title { font-size: 36px; line-height: 46px; font-weight: 700; color: #101010; margin-bottom: 15px; } .rs-team-single .btm-info-team .con-info .short-desc { font-size: 17px; line-height: 1.6; font-weight: 400; color: #454545; margin-bottom: 25px; } .rs-team-single .btm-info-team .con-info .team-title { font-size: 28px; line-height: 38px; font-weight: 700; color: #101010; margin-bottom: 15px; } .rs-team-single .btm-info-team .con-info .ps-informations .personal-info li { margin: 5px 0 10px; padding: 0; display: block; } .rs-team-single .btm-info-team .con-info .ps-informations .personal-info li span i:before { font-size: 16px; color: #FF6D00; margin-right: 18px; position: relative; top: 2px; font-weight: 500; display: inline-block; text-align: center; } .rs-team-single .btm-info-team .con-info .ps-informations .personal-info li a { color: #555; } .rs-team-single .btm-info-team .con-info .ps-informations .personal-info li a:hover { color: #FF6D00; } .rs-team-single .btm-info-team .con-info .ps-informations .social-info { margin-top: 15px; } .rs-team-single .btm-info-team .con-info .ps-informations .social-info li { display: inline-block; margin-right: 18px; } .rs-team-single .btm-info-team .con-info .ps-informations .social-info li a { color: #555; } .rs-team-single .btm-info-team .con-info .ps-informations .social-info li a:hover { color: #FF6D00; } .rs-team-single .btm-info-team .con-info .ps-informations .social-info li:last-child { margin-right: 0; } .rs-team-single .btm-info-team .con-info:before { content: "\f10b"; font-size: 200px; position: absolute; right: 92px; color: #0a0a0a; font-family: "Flaticon"; height: 100%; top: 74px; opacity: 0.02; } .rs-team-single .single-img img { border-radius: 100px 0px 100px 0px; } .rs-team-single .title-content .title { font-size: 24px; font-weight: 600; line-height: 34px; color: #101010; margin: 0; } .rs-team-single .sec-title2 .title2 { margin-bottom: 20px; } /*------------------------------------ 21. Partner Section CSS ------------------------------------*/ .rs-partner.partner-main-home .grid-figure { text-align: center; padding: 45px 50px 45px 50px; border-radius: 50px 0px 50px 0px; margin: 0 2px 0 3px; background-color: #FFFFFF; transition: all linear 0.3s; } .rs-partner.partner-main-home .grid-figure:hover { box-shadow: 0 10px 30px 0 #0000002a; } .rs-partner.partner-main-home.partner-modify1 { background-color: unset; border-radius: unset; } .rs-partner.partner-main-home.partner-modify1 .grid-figure { background-color: #effdfc; } .rs-partner.partner-style1 .logo-img { text-align: center; padding: 0 15px; } .rs-partner.partner-style1 .logo-img a { overflow: hidden; display: inline-block; position: relative; transition: all 0.3s ease-in-out; } .rs-partner.partner-style1 .logo-img a .hovers-logos { display: block; position: absolute; transition: all 0.3s ease-in-out; z-index: 1; top: 0; left: 0; visibility: hidden; -webkit-transform: translateY(-100%); } .rs-partner.partner-style1 .logo-img a .mains-logos { transition: all 0.3s ease-in-out; display: block; filter: grayscale(1); } .rs-partner.partner-style1 .logo-img a:hover .hovers-logos { display: block; opacity: 3; visibility: visible; transform: translateY(0%); filter: grayscale(0%); } .rs-partner.partner-style1 .logo-img a:hover .mains-logos { display: block; visibility: hidden; transform: translateY(100%); filter: grayscale(1); } .rs-partner.partner-style2 .grid-figure .logo-img { text-align: center; padding: 0 20px; } .rs-partner.partner-style2 .grid-figure .logo-img a { display: block; transition: all linear 0.5s; } .rs-partner.partner-style2 .grid-figure .logo-img a:hover { transform: rotateX(360deg); } /*------------------------------------ 22. Pricing Section CSS ------------------------------------*/ .rs-pricing.pricing-style1 .pricing-table-wrap { padding: 47px 40px 50px 47px; margin: 0px 3px 0px 3px; background-color: #effdfc; border-radius: 50px 50px 50px 50px; box-shadow: 29px -43px 10px 0px rgba(0, 0, 0, 0); text-align: center; } .rs-pricing.pricing-style1 .pricing-table-wrap .pricing-table-header .pricing-table-title { font-size: 24px; line-height: 30px; font-weight: 700; color: #0a0a0a; margin-bottom: 10px; } .rs-pricing.pricing-style1 .pricing-table-wrap .pricing-table-price-tag .pricing-table-currency { font-size: 30px; font-weight: 400; color: #242424; letter-spacing: -4px; } .rs-pricing.pricing-style1 .pricing-table-wrap .pricing-table-price-tag .pricing-table-price-text { font-size: 30px; font-weight: 400; color: #242424; } .rs-pricing.pricing-style1 .pricing-table-wrap .pricing-table-price-tag .pricing-table-period { position: relative; padding-left: 15px; display: inline-block; font-size: 16px; color: #242424; font-weight: 400; } .rs-pricing.pricing-style1 .pricing-table-wrap .pricing-table-price-tag .pricing-table-period:before { content: ""; height: 15px; width: 2px; position: absolute; left: 3px; transform: rotate(20deg) translateY(-50%); top: 40%; background: #0a0a0a; } .rs-pricing.pricing-style1 .pricing-table-wrap .pricing-table-features-list { padding: 25px 30px 0 30px; text-align: left; } .rs-pricing.pricing-style1 .pricing-table-wrap .pricing-table-features-list li { padding: 0px 0px 10px 0px; font-size: 16px; margin-bottom: 8px; } .rs-pricing.pricing-style1 .pricing-table-wrap .pricing-table-features-list li i { margin-right: 10px; min-width: 15px; font-size: 16px; position: relative; top: 3px; color: #0C6460; } .rs-pricing.pricing-style1 .pricing-table-wrap .pricing-table-features-list li .feature-text { font-size: 16px; color: #454545; } .rs-pricing.pricing-style1 .pricing-table-wrap.pricing-actives-bg { margin: 0px 0px 0px 0px; background-color: #0C6460; background-image: url(assets/images/pricing/style1/price.jpg); background-repeat: no-repeat; background-size: cover; border-radius: 50px 50px 50px 50px; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); } .rs-pricing.pricing-style1 .pricing-table-wrap.pricing-actives-bg .pricing-table-price-tag .pricing-table-period:before { background: #ffffff; } .rs-pricing.pricing-style1 .pricing-table-wrap.pricing-actives-bg .pricing-table-features-list li i, .rs-pricing.pricing-style1 .pricing-table-wrap.pricing-actives-bg .pricing-table-price-tag .pricing-table-period, .rs-pricing.pricing-style1 .pricing-table-wrap.pricing-actives-bg .pricing-table-price-tag .pricing-table-currency, .rs-pricing.pricing-style1 .pricing-table-wrap.pricing-actives-bg .pricing-table-price-tag .pricing-table-price-text, .rs-pricing.pricing-style1 .pricing-table-wrap.pricing-actives-bg .pricing-table-features-list li .feature-text, .rs-pricing.pricing-style1 .pricing-table-wrap.pricing-actives-bg .pricing-table-header .pricing-table-title { color: #ffffff; } .rs-pricing.pricing-style1.pricing-modify1 .pricing-table-wrap { border-radius: 80px 0px 80px 0px; } /*------------------------------------ 23. Blog Section CSS ------------------------------------*/ .rs-blog.blog-main-home .blog-item { position: relative; z-index: 11; transition: all 500ms ease; background-color: #ffffff; box-shadow: 0 6px 25px rgba(12, 89, 219, 0.09); border-radius: 70px 0px 0px 0px; margin: 0 4px 30px; } .rs-blog.blog-main-home .blog-item .image-wrap { position: relative; overflow: hidden; } .rs-blog.blog-main-home .blog-item .image-wrap a img { border-radius: 70px 0px 0px 0px; transition: all 0.5s ease 0s; } .rs-blog.blog-main-home .blog-item .blog-content { transition: all 500ms ease; position: relative; padding: 27px 30px 34px 30px; border-radius: 0 0 5px 5px; background: #fff; } .rs-blog.blog-main-home .blog-item .blog-content .blog-meta { display: flex; justify-content: flex-start; padding: 0 0 12px; } .rs-blog.blog-main-home .blog-item .blog-content .blog-meta .admin { position: relative; margin-right: 12px; padding-right: 8px; font-size: 15px; } .rs-blog.blog-main-home .blog-item .blog-content .blog-meta .admin i { color: #FF7B18; margin-right: 5px; } .rs-blog.blog-main-home .blog-item .blog-content .blog-meta .admin i:before { top: 1px; position: relative; } .rs-blog.blog-main-home .blog-item .blog-content .blog-meta .date { font-size: 15px; } .rs-blog.blog-main-home .blog-item .blog-content .blog-meta .date i { color: #FF7B18; margin-right: 6px; } .rs-blog.blog-main-home .blog-item .blog-content .blog-meta .date i:before { top: 1px; position: relative; } .rs-blog.blog-main-home .blog-item .blog-content .blog-title { font-size: 24px; line-height: 34px; font-weight: 700; margin-bottom: 14px; letter-spacing: -1px; } .rs-blog.blog-main-home .blog-item .blog-content .blog-title a { color: #101010; } .rs-blog.blog-main-home .blog-item .blog-content .blog-title a:hover { color: #FF6D00; } .rs-blog.blog-main-home .blog-item .blog-content .desc { margin: 0 0 18px; } .rs-blog.blog-main-home .blog-item .blog-content .blog-btn a span:hover { color: #0C6460; } .rs-blog.blog-main-home .blog-item:hover { transform: translateY(-10px); } .rs-blog.blog-main-home .rs-carousel .owl-dots { text-align: center; margin-top: 30px; } .rs-blog.blog-main-home .owl-stage-outer { padding: 10px; margin: -10px; } .rs-blog.blog-main-home.blog-modify1 .blog-item .image-wrap a img { border-radius: 5px 5px 0 0; transition: all 0.5s ease 0s; } .rs-blog.blog-main-home.blog-modify1 .blog-item .image-wrap.shape-show:after, .rs-blog.blog-main-home.blog-modify1 .blog-item .image-wrap.shape-show:before { position: absolute; content: ''; background: #ffffff; width: 100px; height: 100px; transform: rotate(-45deg); z-index: 1; transition: all 0.5s; } .rs-blog.blog-main-home.blog-modify1 .blog-item .image-wrap.shape-show:before { right: -55px; bottom: -55px; background: #FFFFFFF0; } .rs-blog.blog-main-home.blog-modify1 .blog-item .image-wrap.shape-show:after { left: -55px; top: -55px; background: #FFFFFFF0; } .rs-blog.blog-main-home.blog-modify1 .blog-item .blog-content .blog-button a:after { font-weight: 700; } .rs-blog.blog-main-home.blog-modify1 .blog-item .blog-content .blog-button a:hover, .rs-blog.blog-main-home.blog-modify1 .blog-item .blog-content .blog-button a:hover:after, .rs-blog.blog-main-home.blog-modify1 .blog-item .blog-content .blog-title a:hover { color: #0C6460; } .rs-blog.blog-main-home.blog-modify1 .blog-item:hover .image-wrap.shape-show:before { right: -150px; bottom: -150px; } .rs-blog.blog-main-home.blog-modify1 .blog-item:hover .image-wrap.shape-show:after { left: -150px; top: -150px; } .rs-blog.blog-main-home.blog-modify1 .blog-item:hover .image-wrap a img { filter: grayscale(100%); } .rs-blog.blog-style1 .blog-item { position: relative; z-index: 11; background-color: #ffffff; box-shadow: 0 6px 25px rgba(12, 89, 219, 0.09); border-radius: 80px 0px 0px 0px; margin: 0 4px; } .rs-blog.blog-style1 .blog-item .image-wrap { position: relative; overflow: hidden; } .rs-blog.blog-style1 .blog-item .image-wrap a img { border-radius: 80px 0px 0px 0px; transition: all 0.5s ease 0s; } .rs-blog.blog-style1 .blog-item .blog-content { transition: all 500ms ease; position: relative; padding: 30px 35px 35px 35px; border-radius: 0 0 5px 5px; background: #fff; } .rs-blog.blog-style1 .blog-item .blog-content .blog-meta { display: flex; justify-content: flex-start; padding: 0 0 20px; } .rs-blog.blog-style1 .blog-item .blog-content .blog-meta .admin { position: relative; margin-right: 12px; padding-right: 8px; font-size: 15px; } .rs-blog.blog-style1 .blog-item .blog-content .blog-meta .admin i { color: #FF6D00; margin-right: 5px; } .rs-blog.blog-style1 .blog-item .blog-content .blog-meta .admin i:before { top: 1px; position: relative; } .rs-blog.blog-style1 .blog-item .blog-content .blog-meta .date { font-size: 15px; } .rs-blog.blog-style1 .blog-item .blog-content .blog-meta .date i { color: #FF6D00; margin-right: 6px; } .rs-blog.blog-style1 .blog-item .blog-content .blog-meta .date i:before { top: 1px; position: relative; } .rs-blog.blog-style1 .blog-item .blog-content .blog-title { font-size: 28px; line-height: 38px; font-weight: 700; margin-bottom: 14px; } .rs-blog.blog-style1 .blog-item .blog-content .blog-title a { color: #101010; } .rs-blog.blog-style1 .blog-item .blog-content .blog-title a:hover { color: #FF6D00; } .rs-blog.blog-style1 .blog-item .blog-content .desc { margin: 0 0 18px; } .rs-blog.blog-style1 .blog-item .blog-content .blog-btn a span:hover { color: #0C6460; } .rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap { position: relative; z-index: 11; background-color: #ffffff; box-shadow: 0 6px 25px rgba(12, 89, 219, 0.09); border-radius: 50px 0px 0px 0px; transition: 0.3s; align-items: center; display: flex; } .rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .image-wrap { position: relative; max-width: 35%; } .rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .image-wrap a img { border-radius: 50px 0px 0px 0px; transition: all 0.5s ease 0s; } .rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content { padding: 0px 30px 0px 30px; background: #fff; } .rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-meta { display: flex; justify-content: flex-start; padding: 0 0 8px; } .rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-meta .admin { position: relative; margin-right: 12px; padding-right: 8px; font-size: 15px; } .rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-meta .admin i { color: #FF6D00; margin-right: 5px; } .rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-meta .admin i:before { top: 1px; position: relative; } .rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-meta .date { font-size: 15px; } .rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-meta .date i { color: #FF6D00; margin-right: 6px; } .rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-meta .date i:before { top: 1px; position: relative; } .rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-title { font-size: 22px; line-height: 32px; font-weight: 700; margin-bottom: 0px; } .rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-title a { color: #101010; } .rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap:hover .image-wrap a img { filter: grayscale(100%); } .rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap:hover .blog-content .blog-title a { color: #FF6D00; } .rs-inner-blog .blog-item { background: #fff; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08); border-radius: 15px; padding: 15px; transition: 0.3s; } .rs-inner-blog .blog-item .blog-img { position: relative; } .rs-inner-blog .blog-item .blog-img .post-categories { position: absolute; z-index: 11; bottom: 20px; right: 20px; z-index: 10; } .rs-inner-blog .blog-item .blog-img .post-categories li { display: inline-block; } .rs-inner-blog .blog-item .blog-img .post-categories li a { background: #0C6460; color: #ffffff; transition: 0.4s; font-size: 14px; font-weight: 500; padding: 6px 20px; border-radius: 15px 0 15px 0; display: block; } .rs-inner-blog .blog-item .blog-img .post-categories li a:hover { border-radius: 0 15px 0 15px; background: #FF6D00; } .rs-inner-blog .blog-item .blog-img a img { border-radius: 10px; } .rs-inner-blog .blog-item .blog-content { padding: 30px 15px 20px; overflow: hidden; } .rs-inner-blog .blog-item .blog-content .blog-title { margin: 4px 0 10px; font-size: 36px; line-height: 46px; font-weight: 700; } .rs-inner-blog .blog-item .blog-content .blog-title a { color: #0a0a0a; } .rs-inner-blog .blog-item .blog-content .blog-title a:hover { color: #FF6D00; } .rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate { overflow: hidden; margin: 0 0 8px; padding: 0 0 12px; font-size: 15px; display: flex; align-items: center; } .rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li { margin-right: 25px; } .rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .blog-date { display: inline-block; font-size: 15px; line-height: 24px; color: #555; font-weight: 400; } .rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .blog-date i { color: #FF6D00; position: relative; margin-right: 2px; top: 2px; } .rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .blog-date i:before { font-size: 14px; } .rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .devsdesign { display: inline-block; font-size: 15px; line-height: 24px; color: #555; font-weight: 400; } .rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .devsdesign i { margin-right: 3px; position: relative; top: 2px; color: #FF6D00; } .rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .devsdesign i:before { font-size: 14px; } .rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li:last-child { margin-right: 0; } .rs-inner-blog .blog-item .blog-content .blog-desc { font-size: 15px; line-height: 26px; font-weight: 400; color: #454545; margin-bottom: 10px; } .rs-inner-blog .widget-area .widget-title .title { font-size: 24px; line-height: 34px; font-weight: 700; color: #101010; position: relative; z-index: 1; padding-bottom: 12px; margin: 0; } .rs-inner-blog .widget-area .widget-title .title:after { content: ""; position: absolute; border: 0; width: 50px; height: 2px; background: #FF6D00; z-index: 1; margin-left: 0; bottom: 0; left: 0; } .rs-inner-blog .widget-area .search-widget { background: #fff; padding: 40px 30px 40px; box-shadow: 0 6px 25px rgba(0, 0, 0, 0.07); } .rs-inner-blog .widget-area .search-widget .search-wrap { position: relative; } .rs-inner-blog .widget-area .search-widget .search-wrap [type=search] { color: #444444; padding: 12px 17px; width: 100%; border: none; border-radius: 5px; position: relative; background: #fff; border: 1px solid #E2DDDF4F; } .rs-inner-blog .widget-area .search-widget .search-wrap button { background: transparent; border: medium none; color: #45454599; padding: 11px 15px 12px; position: absolute; display: block; right: 0px; top: 4px; z-index: 10; font-size: 20px; border-radius: 0 5px 5px; } .rs-inner-blog .widget-area .search-widget .search-wrap button i:before { font-family: uicons-regular-rounded !important; font-size: 18px; font-weight: 600; content: "\f279"; position: absolute; right: 20px; top: 9px; } .rs-inner-blog .widget-area .search-widget .search-wrap button:hover { color: #FF6D00; } .rs-inner-blog .widget-area .recent-posts { background: #fff; padding: 40px 30px; box-shadow: 0 6px 25px rgba(0, 0, 0, 0.07); } .rs-inner-blog .widget-area .recent-posts .recent-post-widget { margin-top: 15px; padding-top: 15px; border-top: 1px solid rgba(0, 0, 0, 0.06); overflow: hidden; } .rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-img { width: 100px; float: left; padding-right: 15px; } .rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-img img { border-radius: 1px; } .rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc { overflow: hidden; margin-top: -8px; } .rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc a { font-size: 15px; line-height: 1.4; font-weight: 600; color: #101010; margin-bottom: 5px; display: block; } .rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc a:hover { color: #FF6D00; } .rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc .date-post { display: block; font-size: 14px; color: #555; } .rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc .date-post i { margin-right: 5px; } .rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc .date-post i:before { top: 1px; font-size: 12px; color: #FF6D00; position: relative; } .rs-inner-blog .widget-area .categories { background: #fff; padding: 40px 30px 40px; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08); } .rs-inner-blog .widget-area .categories ul li { margin-top: 13px; padding-top: 13px; border-top: 1px solid rgba(0, 0, 0, 0.06); } .rs-inner-blog .widget-area .categories ul li a { font-weight: 500; font-size: 17px; color: #0a0a0a; transition: all 0.4s ease-in-out 0s; } .rs-inner-blog .widget-area .categories ul li a:hover { color: #FF6D00; } .rs-inner-blog .widget-area .categories ul li:first-child { border-top: none; } .rs-inner-blog .widget-area .tags-cloud { background: #fff; padding: 40px 30px 40px; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08); } .rs-inner-blog .widget-area .tags-cloud .tagcloud a { display: inline-block; margin: 10px 3px 0px 0; line-height: 20px; padding: 6px 12px; font-size: 15px; text-transform: capitalize; transition: all 0.3s ease; background: #ffffff; color: #444444; border: 1px solid #f0f0f0; border-radius: 5px; } .rs-inner-blog .widget-area .tags-cloud .tagcloud a:hover { color: #ffffff; background: #FF6D00; } .rs-inner-blog .blog-details .blog-full .single-post-meta { display: flex; align-items: center; padding: 0 0 20px; } .rs-inner-blog .blog-details .blog-full .single-post-meta li { margin-right: 10px; } .rs-inner-blog .blog-details .blog-full .single-post-meta li .p-date { color: #555; font-size: 14px; margin-right: 8px; } .rs-inner-blog .blog-details .blog-full .single-post-meta li .p-date i { font-size: 13px; margin-right: 3px; color: #FF6D00; } .rs-inner-blog .blog-details .blog-full .single-post-meta li .p-date i:before { margin-right: 5px; } .rs-inner-blog .blog-details .blog-full .single-post-meta .Post-cate { list-style: none; display: inline-block; padding-right: 10px; color: #555; font-size: 14px; } .rs-inner-blog .blog-details .blog-full .single-post-meta .Post-cate .tag-line i { color: #FF6D00; margin-right: 3px; } .rs-inner-blog .blog-details .blog-full .single-post-meta .Post-cate .tag-line i:before { margin-right: 4px; } .rs-inner-blog .blog-details .blog-full .single-post-meta .Post-cate .tag-line a { font-weight: 400; color: #555; font-size: 14px; } .rs-inner-blog .blog-details .blog-full .single-post-meta .Post-cate .tag-line a:hover { color: #0C6460; } .rs-inner-blog .blog-details .blog-full .single-post-meta .post-comment { color: #555; font-size: 14px; } .rs-inner-blog .blog-details .blog-full .single-post-meta .post-comment i:before { color: #FD6509; } .rs-inner-blog .blog-details .blog-full .title { font-size: 42px; line-height: 52px; font-weight: 700; color: #0a0a0a; margin: 0; } .rs-inner-blog .blog-details .blog-full .bs-info { margin-top: 25px; clear: both; font-weight: 600; margin-bottom: 10px; } .rs-inner-blog .blog-details .blog-full .bs-info 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-inner-blog .blog-details .blog-full .bs-info a:hover { background: #FF6D00; border-color: #FF6D00; color: #ffffff; } .rs-inner-blog .blog-details .blog-full .comment-title { font-size: 24px; margin-bottom: 40px; margin-top: 35px; } .rs-inner-blog .blog-details .blog-full .comment-note .from-control { width: 100%; padding: 15px 20px; background-color: #effdfc; border: none; border-radius: 5px; } .rs-inner-blog .blog-details .blog-full .comment-note textarea { height: 160px; } .rs-inner-blog .blog-details .blog-full .comment-note ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #777777; opacity: 1; } .rs-inner-blog .blog-details .blog-full .comment-note ::-moz-placeholder { /* Firefox 19+ */ color: #777777; opacity: 1; } .rs-inner-blog .blog-details .blog-full .comment-note :-ms-input-placeholder { /* IE 10+ */ color: #777777; opacity: 1; } .rs-inner-blog .blog-details .blog-full .comment-note :-moz-placeholder { /* Firefox 18- */ color: #777777; opacity: 1; } /* ------------------------------------ 24. Testimonial Section CSS ---------------------------------------*/ .rs-testimonial.testimonial-style1 .testi-image img { height: 640px; object-fit: cover; border-radius: 150px 0px 150px 0px; } .rs-testimonial.testimonial-style1 .widget-content { background-color: #0C6460; padding: 80px 250px 114px 150px; border-radius: 0px 0px 0px 200px; } .rs-testimonial.testimonial-style1 .widget-content .testi-item .item-content-basic span img { width: 80px; } .rs-testimonial.testimonial-style1 .widget-content .testi-item .item-content-basic p { font-size: 18px; font-style: italic; line-height: 37px; color: #ffffff; margin: 0 0 0px; padding: 15px 0px 45px 0px; } .rs-testimonial.testimonial-style1 .widget-content .testi-item .testi-content { display: flex; align-items: center; } .rs-testimonial.testimonial-style1 .widget-content .testi-item .testi-content .image-wrap img { height: 80px; width: 80px; border-radius: 50%; position: relative; } .rs-testimonial.testimonial-style1 .widget-content .testi-item .testi-content .testi-information { padding: 0 0 0 22px; } .rs-testimonial.testimonial-style1 .widget-content .testi-item .testi-content .testi-information .testi-name { font-size: 20px; line-height: 30px; font-weight: 500; color: #ffffff; } .rs-testimonial.testimonial-style1 .widget-content .testi-item .testi-content .testi-information .designation { font-size: 15px; font-weight: 400; color: #F2F2F2; display: block; padding-bottom: 10px; } .rs-testimonial.testimonial-style1 .widget-content .testi-item .testi-content .testi-information .ratting-img { width: 100px; } .rs-testimonial.testimonial-style1 .widget-content .rs-carousel .owl-dots { text-align: left; margin-top: 45px; } .rs-testimonial.testimonial-style2 .testi-item-wrap .item-content { position: relative; } .rs-testimonial.testimonial-style2 .testi-item-wrap .item-content p { color: #fff; font-size: 16px; font-style: italic; background-color: #1A3841; border-radius: 0px 70px 0px 70px; padding: 50px 50px 50px 50px; } .rs-testimonial.testimonial-style2 .testi-item-wrap .item-content:after { top: 100%; left: 29%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #1A3841; border-width: 12px; margin-left: -30px; z-index: 1; } .rs-testimonial.testimonial-style2 .testi-item-wrap .testi-content { display: flex; justify-content: center; align-items: center; } .rs-testimonial.testimonial-style2 .testi-item-wrap .testi-content .image-wrap img { height: 65px; width: 65px; border-radius: 50px 50px 50px 50px; } .rs-testimonial.testimonial-style2 .testi-item-wrap .testi-content .testi-information { padding: 0 0 0 25px; } .rs-testimonial.testimonial-style2 .testi-item-wrap .testi-content .testi-information .testi-name { font-size: 18px; line-height: 25px; font-weight: 700; color: #ffffff; } .rs-testimonial.testimonial-style2 .testi-item-wrap .testi-content .testi-information .testi-title { color: #D3CBCB; font-size: 15px; } .rs-testimonial.testimonial-style2 .rs-carousel .owl-dots { text-align: center; } .rs-testimonial.testimonial-style3 .widget-content { background-color: #0C6460; border-radius: 0px 150px 0px 0px; padding: 120px 300px 70px 75px; position: relative; } .rs-testimonial.testimonial-style3 .widget-content .testi-item .quote { top: 80%; position: absolute; left: 80%; } .rs-testimonial.testimonial-style3 .widget-content .testi-item .quote img { width: 60px; } .rs-testimonial.testimonial-style3 .widget-content .testi-item p { font-size: 20px; font-style: italic; line-height: 35px; color: #ffffff; padding: 0px 0px 12px 0px; } .rs-testimonial.testimonial-style3 .widget-content .testi-content { display: block; } .rs-testimonial.testimonial-style3 .widget-content .testi-content .testi-information .testi-name { font-size: 22px; font-weight: 700; line-height: 38px; color: #ffffff; } .rs-testimonial.testimonial-style3 .widget-content .testi-content .testi-information .designation { font-size: 18px; line-height: 35px; font-weight: 400; color: #fff; } .rs-testimonial.testimonial-style3 .testi-image { background-image: url(assets/images/testimonial/style1/testimonial-2.webp); background-position: center center; background-repeat: no-repeat; background-size: cover; } .rs-testimonial.testimonial-style3.testimonial-modify1 .testi-image { background-image: url(assets/images/testimonial/style1/testi3.jpg); border-radius: 150px 0px 0px 150px; } .rs-testimonial.testimonial-style3.testimonial-modify1 .widget-content { padding: 114px 95px 93px 100px; border-radius: 0px 150px 0px 150px; } .rs-testimonial.testimonial-style3.testimonial-modify1 .widget-content .testi-item p { padding: 0px 200px 12px 0px; } .rs-testimonial.testimonial-style3.testimonial-modify1 .widget-content .testi-item .quote img { width: 44px; } .rs-testimonial.testimonial-style3.testimonial-modify1 .widget-content .testi-item .quote { top: 76%; left: 60%; } .rs-testimonial.testimonial-style3.testimonial-modify1 .rs-carousel .owl-dots { text-align: left; margin-top: 50px; } .rs-testimonial.testimonial-style3.testimonial-modify1 .rs-carousel .owl-dots .owl-dot { width: 7px; height: 7px; background: #fff; opacity: unset; } .rs-testimonial.testimonial-style3.testimonial-modify1 .rs-carousel .owl-dots .owl-dot.active { width: 25px; height: 7px; background: #fff; opacity: 1; } .rs-testimonial.testimonial-style4 .testi-item { padding: 38px 30px 10px 30px; margin-right: 30px; } .rs-testimonial.testimonial-style4 .testi-item .item-content-basic .quote img { width: 62px; top: 15%; position: absolute; left: 42%; z-index: 9; } .rs-testimonial.testimonial-style4 .testi-item .item-content-basic p { position: relative; font-size: 18px; font-weight: 400; font-style: italic; color: #454545; padding: 130px 60px 97px 60px; background-color: #FFFFFF; border-radius: 5px 5px 5px 5px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0); margin-bottom: -40px; } .rs-testimonial.testimonial-style4 .testi-item .item-content-basic p:before { content: ''; height: 100%; width: 100%; position: absolute; left: 0; top: 0; z-index: -1; transform: rotate(10deg); border-radius: 10px; background-color: #0C6460; } .rs-testimonial.testimonial-style4 .testi-item .testi-content { text-align: center; } .rs-testimonial.testimonial-style4 .testi-item .testi-content .image-wrap img { position: relative; width: 90px; height: 90px; border-radius: 100px 100px 100px 100px; margin: 0 auto; } .rs-testimonial.testimonial-style4 .testi-item .testi-content .testi-information { padding: 20px 0 0; } .rs-testimonial.testimonial-style4 .testi-item .testi-content .testi-information .testi-name { font-size: 22px; line-height: 27px; font-weight: 700; color: #101010; } .rs-testimonial.testimonial-style4 .testi-item .testi-content .testi-information .designation { color: #454545; font-size: 15px; } .rs-testimonial.testimonial-style4 .rs-carousel .owl-dots { text-align: center; } .rs-testimonial.testimonial-style5 .testi-item .testi-wrap { text-align: center; padding: 52px 50px 52px 50px; background-color: #effdfc; border-radius: 80px 0px 80px 0px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0); } .rs-testimonial.testimonial-style5 .testi-item .testi-wrap .item-content-basic span img { width: 60px; margin: 0 auto 20px; } .rs-testimonial.testimonial-style5 .testi-item .testi-wrap .item-content-basic p { color: #0A0A0A; font-size: 19px; font-weight: 500; font-style: italic; line-height: 32px; margin: 0 0 28px; } .rs-testimonial.testimonial-style5 .testi-item .testi-wrap .testi-content .image-wrap img { border-radius: 50px 50px 50px 50px; width: 90px; height: 90px; margin: 0 auto; } .rs-testimonial.testimonial-style5 .testi-item .testi-wrap .testi-content .testi-information { padding-top: 20px; } .rs-testimonial.testimonial-style5 .testi-item .testi-wrap .testi-content .testi-information .testi-name { font-size: 20px; line-height: 30px; font-weight: 600; color: #0a0a0a; } .rs-testimonial.testimonial-style5 .testi-item .testi-wrap .testi-content .testi-information .designation { font-size: 16px; color: #0a0a0a; } /*---------------------------------------- 25. Shop Section CSS ----------------------------------------*/ .rs-shop-part .woocommerce-result-count { font-size: 15px; line-height: 26px; color: #454545; font-weight: 400; margin: 0; } .rs-shop-part .from-control { float: right; font-size: 15px; color: #454545; font-weight: 400; vertical-align: top; padding: 10px; border: 1px solid #ced4da; border-radius: 5px; } .rs-shop-part .product-list .image-product { position: relative; margin: 0px 0 0px; } .rs-shop-part .product-list .image-product .overley i { position: absolute; bottom: 150px; right: 13px; background: transparent; opacity: 0; visibility: hidden; transition: 0.4s; } .rs-shop-part .product-list .image-product .overley i:before { font-size: 30px; color: #ffffff; border-radius: 5px; font-weight: 400; background: #FF6D00; border: none; padding: 8px 10px 8px; height: 45px; width: 45px; line-height: 45px; } .rs-shop-part .product-list .image-product .onsale { font-size: 13px; color: #ffffff; font-weight: 700; line-height: 40px; background: #FF6D00; width: 40px; height: 40px; text-align: center; border-radius: 50%; display: inline-block; position: absolute; top: 13px; right: 13px; } .rs-shop-part .product-list .content-desc .loop-product-title { font-size: 18px; line-height: 35px; font-weight: 700; padding-top: 30px; margin: 0; letter-spacing: 0; } .rs-shop-part .product-list .content-desc .loop-product-title a { color: #0a0a0a; } .rs-shop-part .product-list .content-desc .loop-product-title a:hover { color: #FF6D00; } .rs-shop-part .product-list .content-desc .price { font-size: 16px; line-height: 27px; color: #FF6D00; font-weight: 600; margin: 0; } .rs-shop-part .product-list:hover .image-product .overley i { opacity: 1; visibility: visible; bottom: 13px; } /*---------------------------------------- 26. Single Shop Section CSS ----------------------------------------*/ .rs-single-shop .single-product-image .images-single { z-index: 1 !important; } .rs-single-shop .single-product-image img { width: 100%; } .rs-single-shop .single-price-info .product-title { font-size: 25px; font-weight: 700; margin-bottom: 12px; } .rs-single-shop .single-price-info .single-price { color: #0C6460; font-weight: 600; } .rs-single-shop .single-price-info .some-text { margin-top: 15px; } .rs-single-shop .single-price-info form { margin-bottom: 30px; } .rs-single-shop .single-price-info form input { height: 40px; width: 70px; line-height: 40px; text-align: center; padding-left: 10px; border: 1px solid rgba(54, 54, 54, 0.1); outline: none; } .rs-single-shop .single-price-info p.category { margin: 0; padding-top: 25px; border-top: 1px solid #e6e6e6; font-size: 14px; } .rs-single-shop .single-price-info p.category span { font-weight: 700; padding-right: 10px; } .rs-single-shop .single-price-info p.category a { color: #666666; } .rs-single-shop .single-price-info p.category a:hover { color: #FF6D00; } .rs-single-shop .single-price-info .tag { margin: 0; } .rs-single-shop .single-price-info .tag span { font-weight: 700; } .rs-single-shop .tab-area { margin-top: 50px; } .rs-single-shop .tab-area ul.nav-tabs { border-bottom: 1px solid #f0f0f0; margin-bottom: 32px; } .rs-single-shop .tab-area ul.nav-tabs li { margin-right: 13px; } .rs-single-shop .tab-area ul.nav-tabs li .nav-link { padding: 20px 45px; display: inline-block; border-radius: 4px 4px 0 0; font-size: 18px; background: #effdfc; border: 1px solid #effdfc; background-color: #effdfc; color: #101010; font-weight: 400; } .rs-single-shop .tab-area ul.nav-tabs li .nav-link:hover, .rs-single-shop .tab-area ul.nav-tabs li .nav-link.active { background: #FF6D00; color: #ffffff; } .rs-single-shop .tab-area ul.nav-tabs li:last-child { margin-right: 0; } .rs-single-shop .tab-area .tab-content .tab-pane .tab-title { font-weight: 700; margin-bottom: 34px; } .rs-single-shop .tab-area .tab-content .tab-pane .dsc-p { margin: 0; } .rs-single-shop .tab-area .tab-content .tab-pane .reviews-grid .top-area { margin-bottom: 5px; } .rs-single-shop .tab-area .tab-content .tab-pane .reviews-grid .top-area p { margin-bottom: 23px; } .rs-single-shop .tab-area .tab-content .tab-pane .reviews-grid .top-area h6 { font-size: 15px; font-weight: 600; color: #454545; } .rs-single-shop .tab-area .tab-content .tab-pane .reviews-grid .comment-form { max-width: 600px; } .rs-single-shop .tab-area .tab-content .tab-pane .reviews-grid .comment-form p.comment-notes { margin-bottom: 15px; } .rs-single-shop .tab-area .tab-content .tab-pane .reviews-grid .comment-form .placeholder-cntrl label { font-weight: 600; display: block; } .rs-single-shop .tab-area .tab-content .tab-pane .reviews-grid .comment-form .placeholder-cntrl input { border: 1px solid rgba(54, 54, 54, 0.1); padding: 10px 15px; margin-bottom: 10px; width: 100%; } .rs-single-shop .tab-area .tab-content .tab-pane .reviews-grid .comment-form .placeholder-cntrl textarea { width: 100%; padding: 10px 15px; height: 75px; border: 1px solid rgba(54, 54, 54, 0.1); margin-bottom: 20px; } .rs-single-shop .tab-area .tab-content .tab-pane .reviews-grid .comment-form .ratings { font-weight: 600; margin-bottom: 18px; display: block; } .rs-single-shop .tab-area .tab-content .tab-pane .reviews-grid .comment-form .ratings ul li { display: inline; } .rs-single-shop .tab-area .tab-content .tab-pane .reviews-grid .comment-form .ratings ul li i { color: #0C6460; font-weight: normal; } /*---------------------------------------- 27. Cart Section CSS ----------------------------------------*/ .rs-cart .cart-wrap table.cart-table { border: 1px solid rgba(0, 0, 0, 0.1); width: 100%; border-collapse: collapse; } .rs-cart .cart-wrap table.cart-table td, .rs-cart .cart-wrap table.cart-table th { padding: 25px; text-align: center; border: 1px solid #ccc; } .rs-cart .cart-wrap table.cart-table th { border: none; font-size: 18px; padding: 25px; text-align: center; vertical-align: middle; font-weight: 700; } .rs-cart .cart-wrap table.cart-table td { border-bottom: none; border-left: none; border-right: none; border-top: 1px solid #e6e6e6; } .rs-cart .cart-wrap table.cart-table .product-remove a { margin: 0 auto; color: #10101075; display: block; border-radius: 100%; border: 1px solid #ddd; font-size: 16px; font-weight: 400; height: 30px; width: 30px; display: inline-flex; align-items: center; justify-content: center; } .rs-cart .cart-wrap table.cart-table .product-remove a:hover { background: #ff0000; border-color: #ff0000; color: #ffffff; } .rs-cart .cart-wrap table.cart-table .product-thumbnail { min-width: 32px; } .rs-cart .cart-wrap table.cart-table .product-thumbnail a img { width: 80px; height: auto; } .rs-cart .cart-wrap table.cart-table .product-name a { color: #454545; font-weight: 700; } .rs-cart .cart-wrap table.cart-table .product-name a:hover { color: #0C6460; } .rs-cart .cart-wrap table.cart-table .product-price { font-weight: 700; } .rs-cart .cart-wrap table.cart-table .product-quantity input { border: 1px solid #e6e6e6; border-radius: 4px; padding: 0 0 0 10px; max-width: 65px; margin: 0 auto; outline: none; } .rs-cart .cart-wrap table.cart-table .action .coupon { float: left; } .rs-cart .cart-wrap table.cart-table .action .coupon input { box-sizing: border-box; border: 1px solid #d3ced2; padding: 6px 6px 5px; margin: 0 4px 0 0; outline: none; width: 320px; border-radius: 4px; height: 45px; margin-right: 20px; text-align: left; padding-left: 22px; } .rs-cart .cart-collaterals { width: 100%; overflow: hidden; } .rs-cart .cart-collaterals .cart-totals { float: right; width: 48%; } .rs-cart .cart-collaterals .cart-totals .title { font-weight: 700; color: #454545; text-transform: capitalize; } .rs-cart .cart-collaterals .cart-totals table.cart-total-table { text-align: left; width: 100%; border-collapse: collapse; border-radius: 5px; } .rs-cart .cart-collaterals .cart-totals table.cart-total-table tr { border-top: 1px solid rgba(0, 0, 0, 0.1); } .rs-cart .cart-collaterals .cart-totals table.cart-total-table tr th { font-size: 18px; font-weight: 700; } .rs-cart .cart-collaterals .cart-totals table.cart-total-table tr td, .rs-cart .cart-collaterals .cart-totals table.cart-total-table tr th { padding: 30px 10px; } /*---------------------------------------- 28. Careers Single Section CSS ----------------------------------------*/ .rs-careers-single .career-inner-section .career-wrap { background-image: url(assets/images/bg/cta-bg2.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 45px 20px 45px 50px; border-radius: 80px 0px 0px 0px; } .rs-careers-single .career-inner-section .career-wrap .title-inner .description p { color: #ffffff; margin: 0; } .rs-careers-single .career-inner-section .desc { font-size: 16px; line-height: 26px; font-weight: 400; color: #333333; margin: 0; } .rs-careers-single .career-inner-section .title { font-size: 24px; line-height: 34px; font-weight: 700; color: #101010; margin: 0; letter-spacing: 0; } .rs-careers-single .contact-wrap { box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.07); padding: 55px 37px 60px 37px; } .rs-careers-single .contact-wrap .title-inner .title { font-size: 24px; line-height: 34px; font-weight: 700; color: #101010; margin: 0; letter-spacing: 0; } .rs-careers-single .contact-wrap .from-control { width: 100%; font-size: 16px; padding: 20px 0px 10px 0px; border-style: solid; border-width: 0px 0px 2px 0px; border-color: #F8F3F3; max-width: 100%; opacity: 1; } .rs-careers-single .contact-wrap textarea { height: 120px; } .rs-careers-single .contact-wrap .wpcf7-form-control:not(.wpcf7-submit) { padding: 20px 0px 10px 0px; border: none; font-family: inherit; font-size: inherit; line-height: inherit; overflow: visible; } .rs-careers-single .contact-wrap .wpcf7-form-control-wrap input[type="file"] { cursor: pointer; margin-bottom: 30px; } .rs-careers-single .contact-wrap #form-messages { margin-top: 15px; } .rs-careers-single .services-add { background-color: #0C6460; position: relative; padding: 55px 35px 38px; border-radius: 80px 0px 80px 0px; text-align: center; } .rs-careers-single .services-add .services-overlay { background-image: url(assets/images/blog/style1/3.jpg); border-radius: 80px 0px 80px 0px; background-position: center center; background-repeat: no-repeat; background-size: cover; text-align: center; opacity: 0.1; height: 100%; width: 100%; top: 0; left: 0; position: absolute; } .rs-careers-single .services-add .address-wrap { position: relative; } .rs-careers-single .services-add .address-wrap .divider { padding-top: 15px; padding-bottom: 35px; } .rs-careers-single .services-add .address-wrap .divider .divider-separator { position: relative; } .rs-careers-single .services-add .address-wrap .divider .divider-separator:before { height: 3px; display: block; width: 120px; border-bottom: 2px dashed #e76404; content: ''; margin: 0 auto; } .rs-careers-single .services-add .address-wrap .title { font-size: 24px; line-height: 41px; font-weight: 700; color: #ffffff; margin-bottom: 15px; } .rs-careers-single .services-add .address-wrap .title span { color: #FF6D00; } .rs-careers-single .services-add .address-wrap a { font-size: 34px; line-height: 44px; font-weight: 700; color: #ffffff; } .rs-careers-single .services-add .address-wrap a:hover { color: #FF6D00; } /*---------------------------------------- 29. Checkout Section CSS ----------------------------------------*/ .rs-checkout .checkout-title { margin-bottom: 30px; } .rs-checkout .checkout-title h3 { font-size: 26px; margin: 0; } .rs-checkout .coupon-toggle .accordion .card { border: unset; border-top: 3px solid #0C6460; border-radius: 0; } .rs-checkout .coupon-toggle .accordion .card .card-header { border: none; margin: 0; border-radius: unset; } .rs-checkout .coupon-toggle .accordion .card .card-header .card-title { margin: 0; } .rs-checkout .coupon-toggle .accordion .card .card-header .card-title span i { margin-right: 10px; } .rs-checkout .coupon-toggle .accordion .card .card-header .card-title button { background: unset; border: none; color: #0C6460; transition: all 0.3s ease; outline: none; cursor: pointer; } .rs-checkout .coupon-toggle .accordion .card .card-header .card-title button:hover { color: #0C6460; } .rs-checkout .coupon-toggle .accordion .card .card-body { border: 1px solid #d3ced2; padding: 20px 20px 50px 20px; margin-top: 2em; text-align: left; } .rs-checkout .coupon-toggle .accordion .card .card-body .coupon-code-input { width: 47%; float: left; margin-right: 50px; } .rs-checkout .coupon-toggle .accordion .card .card-body .coupon-code-input input { width: 100%; height: 45px; outline: none; padding: 10px 18px; color: #454545; border: 1px solid rgba(54, 54, 54, 0.1); } .rs-checkout .full-grid { margin-top: 25px; } .rs-checkout .full-grid .form-content-box { margin-bottom: 50px; } .rs-checkout .full-grid .form-content-box .form-group label { line-height: 2; display: block; margin-bottom: 5px; font-weight: 600; } .rs-checkout .full-grid .form-content-box .form-group select { color: #666666; opacity: 0.5; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 1px solid #ccc; border-radius: 0; height: 45px; line-height: 45px; cursor: pointer; width: 100%; outline: none; } .rs-checkout .full-grid .form-content-box .form-group textarea { height: 4em; line-height: 1.5; display: block; box-shadow: none; width: 100%; border: 1px solid rgba(54, 54, 54, 0.1); padding: 10px 18px; margin: 0; outline: none; } .rs-checkout .full-grid .form-content-box .form-group .form-control-mod { border: 1px solid rgba(54, 54, 54, 0.1); height: 45px; padding: 10px 18px; width: 100%; margin: 0; outline: none; line-height: normal; border-radius: unset; } .rs-checkout .full-grid .form-content-box .form-group .form-control-mod.margin-bottom { margin-bottom: 10px !important; } .rs-checkout .full-grid .ordered-product table { width: 100%; } .rs-checkout .full-grid .ordered-product table tr th { border: 1px solid #ccc; padding: 9px 12px; } .rs-checkout .full-grid .ordered-product table tr td { border: 1px solid #ccc; padding: 6px 12px; } .rs-checkout .full-grid .payment-method .top-area { border-bottom: 1px solid #d3ced2; } .rs-checkout .full-grid .payment-method .top-area .payment-co { margin-bottom: 20px; } .rs-checkout .full-grid .payment-method .top-area .payment-co span { font-weight: 600; margin-right: 10px; } .rs-checkout .full-grid .payment-method .top-area .p-msg { position: relative; box-sizing: border-box; width: 100%; padding: 1em; margin: 1em 0 2em; font-size: 0.92em; border-radius: 2px; line-height: 1.5; background-color: #f9f9f9; } .rs-checkout .full-grid .payment-method .top-area .p-msg:before { content: ''; display: block; border: 1em solid #f9f9f9; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; position: absolute; top: -0.75em; left: 0; margin: -1em 0 0 2em; } /*---------------------------------------- 30. Account Section CSS ----------------------------------------*/ .rs-my-account .title { font-size: 42px; line-height: 52px; font-weight: 700; color: #101010; margin: 0; } .rs-my-account .rs-login { border: 1px solid rgba(54, 54, 54, 0.1); padding: 20px; text-align: left; border-radius: 5px; } .rs-my-account .rs-login .form-group label { display: block; font-size: 15px; line-height: 30px; font-weight: 600; color: #454545; margin-bottom: 5px; } .rs-my-account .rs-login .form-group label span { color: #0C6460; } .rs-my-account .rs-login .form-group input { width: 100%; outline: 0; line-height: normal; border: 1px solid rgba(54, 54, 54, 0.1); height: 45px; padding-left: 20px; } .rs-my-account .rs-login .last-password a { font-size: 15px; line-height: 26px; font-weight: 400; color: #0C6460; } .rs-my-account .rs-login p { font-size: 15px; line-height: 26px; font-weight: 400; color: #454545; margin-bottom: 14px; } .rs-my-account .rs-login p a { font-size: 15px; line-height: 26px; font-weight: 400; color: #0C6460; } /*------------------------------------ 31. Footer Section CSS ------------------------------------*/ .rs-footer.footer-main-home { background-image: url(assets/images/bg/footer-map.png); background-color: #1A3841; background-size: cover; } .rs-footer.footer-main-home .footer-top { padding: 85px 0 70px; } .rs-footer.footer-main-home .footer-top .footer-title { position: relative; font-size: 22px; line-height: 30px; font-weight: 600; color: #ffffff; margin-bottom: 50px; } .rs-footer.footer-main-home .footer-top .footer-title:before { content: ""; position: absolute; background: #ff6d00; height: 3px; width: 15px; left: 0; transition: all 0.4s ease; z-index: 1; bottom: -20px; } .rs-footer.footer-main-home .footer-top .footer-title:after { position: absolute; content: ""; background: #ff6d00; height: 3px; transition: all 0.4s ease; width: 50px; right: 0; left: 25px; bottom: -20px; margin-left: 0; z-index: 0; } .rs-footer.footer-main-home .footer-top .footer-title:hover:before { width: 50px; left: 0; } .rs-footer.footer-main-home .footer-top .footer-title:hover:after { width: 15px; left: 60px; } .rs-footer.footer-main-home .footer-top .textwidget { font-size: 17px; color: #ffffff; } .rs-footer.footer-main-home .footer-top .footer-social li { display: inline-block; margin-right: 8px; } .rs-footer.footer-main-home .footer-top .footer-social li a i { font-size: 14px; margin-right: 3px; transition: all 0.8s ease; background: #1c202469; color: #fff; width: 35px; height: 35px; text-align: center; line-height: 35px; border-radius: 5px; } .rs-footer.footer-main-home .footer-top .footer-social li:hover{border-radius:50px; transition: all 0.8s ease;} .rs-footer.footer-main-home .footer-top .footer-social li a i:hover { color: #FF6D00; } .rs-footer.footer-main-home .footer-top .footer-social li:last-child { margin-right: 0; } .rs-footer.footer-main-home .footer-top .address-widget li { padding: 0 0 29px 40px; position: relative; } .rs-footer.footer-main-home .footer-top .address-widget li i { color: #FF6D00; position: absolute; left: 0; } .rs-footer.footer-main-home .footer-top .address-widget li i:before { font-size: 20px; position: relative; top: 4px; } .rs-footer.footer-main-home .footer-top .address-widget li .desc { color: #ffffff; } .rs-footer.footer-main-home .footer-top .address-widget li .desc a { color: #ffffff; } .rs-footer.footer-main-home .footer-top .address-widget li .desc a:hover { color: #FF6D00; } .rs-footer.footer-main-home .footer-top .site-map { margin-top: -6px; } .rs-footer.footer-main-home .footer-top .site-map li { margin-bottom: 5px; position: relative; } .rs-footer.footer-main-home .footer-top .site-map li a { font-size: 17px; position: relative; padding: 6px 0 4px 0px; display: inline-block; color: #ffffff; } .rs-footer.footer-main-home .footer-top .site-map li a:hover { color: #FF6D00; } .rs-footer.footer-main-home .footer-top .post-widget .post-item .desc .title { font-size: 17px; line-height: 1.35; margin-bottom: 6px; font-weight: 400; } .rs-footer.footer-main-home .footer-top .post-widget .post-item .desc .title a { color: #ffffff; } .rs-footer.footer-main-home .footer-top .post-widget .post-item .desc .title a:hover { color: #FF6D00; } .rs-footer.footer-main-home .footer-top .post-widget .post-item .post-date { font-size: 15px; color: #ffffff; } .rs-footer.footer-main-home .footer-top .post-widget .post-item .post-date i { font-size: 12px; position: relative; top: 1px; margin-right: 3px; color: #ff6d00; } .rs-footer.footer-main-home .footer-bottom { border-top: 2px solid #ffffff0a; padding: 20px 0 20px 0; } .rs-footer.footer-main-home .footer-bottom .copyright p { font-size: 15px; font-weight: 400; color: #ffffff; margin: 0; } .rs-footer.footer-main-home .footer-bottom .copyright p a { transition: all 0.4s; color: #ffffff; } .rs-footer.footer-main-home .footer-bottom .copyright p a:hover { color: #FF6D00; } .rs-footer.footer-main-home .footer-bottom .copy-right-menu li { display: inline-block; position: relative; padding: 0px 19px 0 25px; } .rs-footer.footer-main-home .footer-bottom .copy-right-menu li a { color: #ffffff; } .rs-footer.footer-main-home .footer-bottom .copy-right-menu li a:hover { color: #FF6D00; } .rs-footer.footer-main-home .footer-bottom .copy-right-menu li:before { display: block; content: ""; position: absolute; font-size: 18px; background: #FF6D00; left: 0; top: 50%; width: 6px; height: 6px; transform: translateY(-50%); border-radius: 50%; } .rs-footer.footer-main-home .footer-bottom .copy-right-menu li:first-child:before { display: none; } .home-blue .rs-carousel .owl-dots { margin-top: 40px; } .home-blue .rs-carousel .owl-dots .owl-dot { width: 7px; height: 7px; border-radius: 2.5px; box-shadow: none; background: #0C6460; opacity: 1; } .home-blue .rs-carousel .owl-dots .owl-dot.active { width: 25px; opacity: 1; } .home-blue .rs-testimonial.testimonial-style3 .rs-carousel .owl-dots { margin-top: 50px; text-align: left; } .home-blue .rs-testimonial.testimonial-style3 .rs-carousel .owl-dots .owl-dot { background: #fff; } /* ----------------------- 32. Scroll Up CSS --------------------------*/ #scrollUp { text-align: center; bottom: 40px; cursor: pointer; display: none; position: fixed; right: 20px; z-index: 999; border-radius: 50px 50px 4px 4px; } #scrollUp i { height: 40px; font-size: 15px; width: 42px; border-radius: 50%; color: #fff; line-height: 40px; transition: all 0.3s ease 0s; background: #FF6D00; margin-left: 2px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.04); display: block; } #scrollUp i:before { font-weight: 900; } #scrollUp i:hover { opacity: 0.8; } /*---------------------------------------------- 33. Preloader CSS ----------------------------------------------*/ #pre-load { background-color: #fff; height: 100%; width: 100%; position: fixed; margin-top: 0px; top: 0px; z-index: 9999; } .loader .loader-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 220px; height: 220px; 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: 220px; height: 220px; border-top: 3px solid #ff6d00; 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: 200px; text-align: center; } .loader .loader-icon img { animation: loaderpulse alternate 900ms infinite; width: 180px; } .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); } }