���� JFIF fdasasfas213sdaf
Server IP : 93.127.201.54 / Your IP : 216.73.216.200 Web Server : LiteSpeed System : Linux in-mum-web669.main-hosting.eu 5.14.0-503.23.2.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Feb 12 05:52:18 EST 2025 x86_64 User : u479334040 ( 479334040) PHP Version : 8.2.27 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/u479334040/domains/newavevalves.com/public_html/ |
Upload File : |
@import url("../../../css"); @import url("../../../css-1"); @charset "utf-8"; html, body { font-size: 16px; color: #333333; font-family: Roboto; vertical-align: baseline; line-height: 1.7; font-weight: 400; overflow-x: hidden; } img { max-width: 100%; height: auto; } p { margin: 0 0 26px; line-height: 1.8; } h1, h2, h3, h4, h5, h6 { font-family: Playfair Display; color: #010d14; margin: 0 0 26px; line-height: 1.2; } h1 { font-size: 52px; line-height: 62px; font-weight: 700; } h2 { font-size: 40px; line-height: 50px; font-weight: 700; } h3 { font-size: 28px; line-height: 42px; font-weight: 700; } h4 { font-size: 26px; line-height: 36px; font-weight: 700; } h5 { font-size: 24px; line-height: 32px; font-weight: 600; } h6 { font-size: 20px; line-height: 28px; font-weight: 500; } .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: #e8eaee; } .gray-bg2 { background: #eff3fa; } .gray-bg3 { background: #f4f8ff; } .gray-bg4 { background: #f6f5f3; } .gray-bg5 { background: #f8f8f8; } .gray-bg6 { background: #f6f7f9; } .gray-bg7 { background: #f3f3f3; } .gray-bg8 { background: #411600; } .gray-bg9 { background: #f2f2f2; } .gray-bg10 { background: #1f0a00; } .gray-bg11 { background: #b24b00; } .black-bg { background: #031321; } .black-bg2 { background: #010d14; } .blue-bg3 { background: #183650; } .blue-bg4 { background: #183650f5; } .blue-bg5 { background: #0d0500; } .red-bg1 { background-color: #cc0404; } .white-color { color: #ffffff !important; } .title-color { color: #000000 !important; } .body-color { color: #333333 !important; } .white-bg { background: #fff; } .pb-205 { padding-bottom: 205px; } .pb-220 { padding-bottom: 220px; } a { color: #ffb703; transition: all 0.3s ease; text-decoration: none !important; outline: none !important; } a:active, a:hover { text-decoration: none; outline: 0 none; color: #ffb703; } ul { list-style: outside none none; margin: 0; padding: 0; } .clear { clear: both; } ::-moz-selection { background: #ffb703; text-shadow: none; color: #ffffff; } ::selection { background: #ffb703; text-shadow: none; color: #ffffff; } .bg1 { background: url(assets/images/bg/about-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .bg2 { background: url(assets/images/bg/counter-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .bg3 { background: url(assets/images/bg/contact-bg.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; } .bg4 { background-color: #010d14; background: url(assets/images/bg/cta-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .bg5 { background-color: #010d14 !important; background: url(assets/images/bg/double-sec-bg.png) !important; background-position: bottom center !important; background-repeat: no-repeat !important; background-size: cover !important; } .bg6 { background: url(assets/images/bg/counter-bg2.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .bg7 { background-color: #010d14; background: url(assets/images/bg/double-sec-bg.png); background-position: center center; background-repeat: no-repeat; background-size: cover; } .bg8 { background: url(assets/images/bg/about-bg2.jpg); background-position: bottom right; background-repeat: no-repeat; background-size: cover; } .bg9 { background-color: #010d14; background: url(assets/images/bg/cta-bg2.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .bg10 { background-color: #000000; background: url(assets/images/bg/service-bg.jpg); background-position: bottom center; background-repeat: no-repeat; background-size: cover; } .bg11 { background: url(assets/images/bg/team-bg.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; } .bg12 { background-color: #010d14; background: url(assets/images/bg/cta-bg3.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .bg13 { background-color: #051727; background: url(assets/images/bg/service-bg2.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .bg14 { background-color: #031321; background: url(assets/images/bg/testi-bg.jpg); background-repeat: no-repeat; } .bg15 { background: url(assets/images/bg/cta-bg4.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .bg16 { background: url(assets/images/bg/process-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .bg17 { background-color: #010d14; background: url(assets/images/bg/cta-bg6.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .bg18 { background: url(assets/images/bg/cta-bg7.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .bg19 { background-color: #797979; background: url(assets/images/bg/count-bg.jpg); background-position: bottom center; background-repeat: no-repeat; background-size: cover; } .bg20 { background-color: #f8f8f8; background: url(assets/images/bg/testi-bg2.jpg); background-position: bottom center; background-repeat: no-repeat; background-size: cover; } .bg21 { background-color: #000000; background: url(assets/images/bg/contact-bg3.jpg); background-position: bottom center; background-repeat: no-repeat; background-size: cover; } .bg22 { background-color: #010d14; background: url(assets/images/bg/about-single-bg.jpg); background-repeat: no-repeat; background-size: cover; } .bg23 { background: url(assets/images/bg/konstruk-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .bg24 { background: url(assets/images/bg/team-single-bg.jpg); background-repeat: no-repeat; } .bg25 { background: url(assets/images/bg/counter-12.jpg); background-repeat: no-repeat; } .bg26 { background-color: #2f1203; background: url(assets/images/bg/counter-12.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; } .bg27 { background-color: #2b2323; background: url(assets/images/bg/testi-bg12.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; } .bg28 { background-color: #2b2323; background: url(assets/images/bg/contact-bg12.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; } .bg29 { background: url(assets/images/bg/ser-13.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; } .bg30 { background-color: #1f0a00; background-image: url(assets/images/bg/testi-bg13.png); background-position-y: 150%; background-position-x: center; background-repeat: no-repeat; } .bg31 { background-color: #1f0a00; background-image: url(assets/images/bg/solar-bg13.png); background-position: top center; background-repeat: no-repeat; } .bg32 { background-image: url(assets/images/bg/testi-bg14.png); background-position: center center; background-repeat: no-repeat; background-size: cover; } .bg33 { background-color: #0d0500; background-image: url(assets/images/bg/counter-12.jpg); background-repeat: no-repeat; background-size: cover; } .bg34 { background-image: url(assets/images/bg/cta-bg15.png); background-position: center center; background-repeat: no-repeat; 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: #ffb703; 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; } .stylelisting { list-style-type: none; margin-left: 20px !important; } .stylelisting li { position: relative; padding-left: 22px !important; line-height: 34px; border: none !important; } .stylelisting li:before { position: absolute; top: 0; left: 0; z-index: 0; content: "\f054"; font-family: "FontAwesome"; color: #ffb703; font-size: 12px; } .features-content { padding: 115px 150px 95px 100px; } .features-content ul.rs-features-list li { margin: 0px 0px 21px 0px; display: flex; align-items: center; } .features-content ul.rs-features-list li i { color: #000000; background-color: #ffb703; padding: 15px 15px 15px 15px; margin: 0px 25px 0px 0px; border-radius: 50px 50px 50px 50px; } .features-content ul.rs-features-list li .feature-text { color: #000000; font-weight: 500; } .features-content.red-feature { padding: 0px 0px 0px 0px; } .features-content.red-feature ul.rs-features-list li i { color: #ffffff; background-color: #e8271e; } .features-content.red-feature ul.rs-features-list li .feature-text { color: #fafafa; } .features-content.red-feature ul.rs-features-list li { margin: 0px 0px 28px 0px; } ul.services-list li a { display: block; padding: 16px 18px; transition: all 0.5s ease; position: relative; background: #e8eaee; color: #010d14; font-size: 16px; font-weight: 500; margin-bottom: 15px; } ul.services-list li a:before { content: "\f113"; position: absolute; right: 12px; top: 16px; font-family: Flaticon; color: #010d14; } ul.services-list li a:hover { background: #ffb703; color: #010d14; } ul.services-list li a:hover:before { color: #010d14; } ul.services-list li a.active { background: #ffb703; color: #010d14; } ul.services-list li a.active:before { color: #010d14; } ul.services-item-list li { padding-bottom: calc(16px); } ul.services-item-list li span img { margin-top: -12px; } ul.services-item-list li .list-text { font-size: 18px; color: #000000; font-family: Roboto, sans-serif; padding-left: 6px; } ul.services-item-list li:last-child { padding-bottom: 0; } ul.check-lists .list-item { padding-bottom: calc(6px); } ul.check-lists .list-item .icon-list-icon i { color: #ffb703; font-size: 18px; } ul.check-lists .list-item .icon-list-icon i:before { font-weight: 900; } ul.check-lists .list-item .list-text { font-size: 18px; line-height: 29px; font-weight: 500; color: #010d14; padding-left: 5px; } ul.check-lists.paste-list-style2 .list-item { padding-bottom: calc(9px); } ul.check-lists.paste-list-style2 .list-item .icon-list-icon i { color: #70bf4a; font-size: 18px; } ul.check-lists.paste-list-style2 .list-item .list-text { font-weight: 700; padding-left: 8px; } ul.check-lists.check-list1 .icon-list-icon i { color: #ff6314; } ul.check-lists.check-list1 .list-text { color: #010d14; padding-left: 5px; font-weight: 700; } ul.check-lists2 li { padding-left: 32px; position: relative; margin-top: 12px; margin-bottom: 15px; } ul.check-lists2 li:before { content: "\f160"; font-size: 8px; width: 20px; height: 20px; line-height: 20px; color: #010d14; background: #ffb703; margin: 0; display: inline-block; font-family: uicons-regular-rounded !important; font-weight: 600; text-align: center; position: absolute; left: 0; top: 3px; } ul.check-lists3 li { padding-left: 35px; position: relative; margin-top: 12px; margin-bottom: 15px; } ul.check-lists3 li:before { content: "\f160"; font-size: 18px; color: #ffb703; margin: 0; display: inline-block; font-family: uicons-regular-rounded !important; font-weight: 600; text-align: center; position: absolute; left: 0; top: -2px; } ul.check-lists3.check-single { color: #7a7a7a; } 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: #ffb703; } .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; } .pagenav-link ul { border: 1px solid #f2f2f2; border-radius: 3px; display: inline-block; padding: 0 3px; } .pagenav-link ul li { display: inline-block; padding: 0 18px; margin: 10px 0; border-right: 1px solid #e6e6e6; color: #ffb703; font-size: 18px; } .pagenav-link ul li a { font-size: 18px; font-weight: 500; color: #333333; } .pagenav-link ul li a i:before { position: relative; padding-left: 3px; font-family: uicons-regular-rounded !important; color: #010d14; font-size: 20px; top: 5px; display: inline-block; transition: all 0.3s ease; } .pagenav-link ul li a:hover { color: #ffb703; } .pagenav-link ul li a:hover i:before { color: #ffb703; } .pagenav-link ul li:last-child { border-right: none; } .gridFilter button { background: transparent; color: #010d14; padding: 5px 20px !important; border-radius: 0px 0px 0px 0px; font-size: 16px; font-weight: 500; text-transform: capitalize; display: inline-block; padding: 0; transition: 0.4s; outline: none; position: relative; border: 0; } .gridFilter button.active { color: #ffffff; background: #0052da; } .gridFilter button:hover { color: #ffffff; background: #0052da !important; } .gridFilter button + button { margin-left: 20px; } .gridFilter.gridfilter-style1 button.active { color: #ffffff; background: #e88e2e; } .gridFilter.gridfilter-style1 button:hover { color: #ffffff; background: #e88e2e !important; } .gridFilter.gridfilter-style2 button { font-size: 15px; padding: 15px 34px 15px 34px !important; color: #010d14; background: #ffffff; text-transform: uppercase; } .gridFilter.gridfilter-style2 button.active { color: #010d14; background: #ffb703; } .gridFilter.gridfilter-style2 button:hover { color: #010d14; background: #ffb703 !important; } .gridFilter.gridfilter-style2.yellow-gridfilter button { background: #e8eaee !important; padding: 13px 30px 13px 30px !important; } .gridFilter.gridfilter-style2.yellow-gridfilter button.active { color: #010d14; background: #ffb703; } .gridFilter.gridfilter-style2.yellow-gridfilter button:hover { color: #010d14; background: #ffb703 !important; } blockquote { margin: 40px 0; padding: 30px 40px; color: #222; position: relative; background: #fbfbfb !important; font-weight: normal; font-style: italic; text-align: left; clear: both; font-weight: 400; border-left: 4px solid #ffb703; border-color: #ffb703; } blockquote p { font-size: 20px; margin: 0; } .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: #ffb703; 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: center; margin-top: 40px; } .rs-carousel .owl-dots .owl-dot { width: 14px; height: 8px; display: inline-block; margin: 0 6px; padding: 3px 0; border: none; transition: all 0.3s ease; background: #ffb703; box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25); } .rs-carousel .owl-dots .owl-dot:hover, .rs-carousel .owl-dots .owl-dot.active { width: 40px; background: #ffb703; opacity: 1; } .slick-dots { position: absolute; line-height: 10px; bottom: -45px; z-index: 3; display: block; width: 100%; padding: 0; margin: 0; text-align: center; } .slick-dots li { display: inline-block; width: unset; height: unset; font-size: 0; margin: 0 5px; } .slick-dots li button { width: 15px; height: 15px; display: inline-block; font-size: unset; line-height: unset; padding: unset; border: none; background: #ff5a06; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; border-radius: 15px; } .slick-dots li.slick-active button, .slick-dots li:hover button { width: 24px; background: #ff5a06; opacity: 40%; } /* 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: #ffb703; padding: 16px 35px 16px 35px; z-index: 1; border-radius: 0px 0px 0px 0px; transition: all 0.4s ease-in-out 0s; overflow: hidden; } .readon.more { background: #ffb703; padding: 17px 23px 17px 23px; color: #010d14; font-weight: 500; text-transform: uppercase; } .readon.more:hover { background-color: #010d14; color: #ffffff; } .readon.more.read2 { text-transform: capitalize; padding: 17px 36px 17px 36px; } .readon.more.know { padding: 16px 34px 16px 34px; } .readon.more.discover { padding: 15px 37px 15px 37px; text-transform: capitalize; } .readon.more.submit { padding: 15px 31px 15px 31px; color: #010d14; border: none; } .readon.more.submit:hover { background-color: #010d14; color: #ffffff; } .readon.more.submit.submit-new { text-transform: capitalize; } .readon.more.submit.sub-con:hover { background-color: #ffffff; color: #010d14; } .readon.more.submit.submit-red { background: #eb003d; color: #ffffff; text-transform: capitalize; } .readon.more.submit.submit-red:hover { background-color: #010d14; color: #ffffff; } .readon.more.submit.submit-blue { background: #0052da; color: #ffffff; text-transform: capitalize; } .readon.more.submit.submit-blue:hover { background-color: #010d14; color: #ffffff; } .readon.more.submit.submit-orange { padding: 15px 35px 15px 35px; background: #e88e2e; color: #ffffff; text-transform: capitalize; border-radius: 5px; } .readon.more.submit.submit-orange:hover { background-color: #010d14; color: #ffffff; } .readon.more.submit.submit-tan { padding: 15px 35px 15px 35px; background: #ba9071; color: #ffffff; text-transform: capitalize; border-radius: 5px; } .readon.more.submit.submit-tan:hover { background-color: #010d14; color: #ffffff; } .readon.more.submit.submit-orange2 { padding: 15px 35px 15px 35px; background: #ff5a06; color: #ffffff; text-transform: capitalize; } .readon.more.submit.submit-orange2:hover { background-color: #010d14; color: #ffffff; } .readon.more.submit.submit-orange3 { padding: 15px 35px 15px 35px; background: #ff5a06; color: #ffffff; text-transform: capitalize; clip-path: polygon( 50% 0%, 100% 1%, 100% 35%, 100% 80%, 94% 100%, 50% 100%, 21% 100%, 0 100%, 0 0, 86% 0 ) !important; } .readon.more.submit.submit-orange3:hover { opacity: 0.79; } .readon.more.submit.submit-red1 { color: #c30c0c; background-color: #ffffff; margin: 0px 0px 0px 0px; padding: 18px 40px 18px 40px; font-size: 16px; font-weight: 500; line-height: 26px; border-radius: 10px 10px 10px 10px; text-transform: capitalize; } .readon.more.submit.submit-red1:hover { background-color: #010d14; color: #ffffff; } .readon.more.contact { padding: 16px 35px 16px 35px; } .readon.more.contact:hover { background-color: #fff; color: #010d14; } .readon.more.requset-services { padding: 15px 40px 15px 40px; background-color: #eb003d; color: #ffffff; border-radius: 30px 30px 30px 30px; text-transform: capitalize; } .readon.more.requset-services:hover { background-color: #010d14; color: #ffffff; } .readon.more.touch { padding: 16px 32px 16px 32px; } .readon.more.touch:hover { background-color: #fff; color: #010d14; } .readon.more.pricing { padding: 15px 35px 15px 35px; font-size: 15px; } .readon.more.comment { padding: 16px 26px 16px 26px; border: none; } .readon.red2-more { padding: 17px 23px 17px 23px; background-color: #e8271e; border-radius: 0px 0px 0px 0px; text-transform: uppercase; } .readon.red2-more:hover { color: #ffffff; background-color: #010d14; } .readon.red2-more.view { padding: 15px 39px 15px 39px; text-transform: capitalize; } .readon.red2-more.view:hover { color: #000000; background-color: #ffffff; } .readon.red2-more.view-pro { padding: 18px 36px 18px 36px; text-transform: capitalize; background-color: #cb0000; border-radius: 10px; } .readon.red2-more.view-pro:hover { background-color: #cb0000d4; } .readon.red-btn { padding: 16px 33px 16px 33px; background-color: #eb003d; border-radius: 30px 30px 30px 30px; text-transform: capitalize; } .readon.red-btn:hover { color: #010d14; background: #ffffff; } .readon.red-btn.know-radius { padding: 15px 37px 15px 37px; } .readon.red-btn.know-radius:hover { color: #ffffff; background-color: #010d14; } .readon.blue-btn { font-size: 16px; padding: 6px 35px 24px 37px; background-color: #0052da; color: #ffffff; border-radius: 10px 10px 10px 10px; } .readon.blue-btn:hover { color: #ffffff; background: #010d14; } .readon.blue-btn.know-more { padding: 14px 43px 14px 43px; } .readon.blue-btn.orange-more1 { position: relative; padding: 19px 40px 19px 35px; background-color: #ff5a06; } .readon.blue-btn.orange-more1 i { margin-left: 5px; } .readon.blue-btn.orange-more1 i:before { position: absolute; font-weight: 500 !important; font-size: 15px !important; transform: rotate(-45deg); top: 25px; } .readon.blue-btn.orange-more1:hover { background-color: #010d14; } .readon.blue-btn.orange-more2 { position: relative; padding: 19px 50px 19px 38px; background-color: #ff5a06; } .readon.blue-btn.orange-more2 i { margin-left: 10px; } .readon.blue-btn.orange-more2 i:before { position: absolute; font-weight: 500 !important; font-size: 15px !important; top: 25px; } .readon.blue-btn.orange-more2:hover { opacity: 0.79; } .readon.paste-btn { padding: 14px 30px 14px 30px; font-size: 16px; background-color: #21c0f5; color: #ffffff; text-transform: uppercase; } .readon.paste-btn:hover { border-radius: 5px; color: #21c0f5; background: #ffffff; } .readon.paste-btn.dismore { padding: 14px 39px 14px 39px; text-transform: capitalize; } .readon.paste-btn.dismore:hover { border-radius: 0px; color: #010d14; background: #ffffff; } .readon.paste-btn.submit { padding: 14px 35px 14px 35px; background-color: #21c0f5; text-transform: capitalize; border: none; } .readon.paste-btn.submit:hover { border-radius: 0px; color: #010d14; background: #ffffff; } .readon.paste-btn.updates { padding: 14px 35px 14px 35px; text-transform: capitalize; } .readon.paste-btn.updates:hover { border-radius: 0px; color: #ffffff; background: #010d14; } .readon.paste-btn.started:hover { border-radius: 0px; color: #010d14; background: #ffffff; } .readon.orange-btn { padding: 14px 30px 14px 30px; font-size: 16px; background-color: #e88e2e; color: #ffffff; border-radius: 5px; } .readon.orange-btn:hover { color: #ffffff; background: #010d14; } .readon.orange-btn.know { padding: 14px 40px 14px 40px; } .readon.tan-btn { font-weight: 400; font-size: 16px; border-radius: 3px; padding: 15px 35px; background-color: #ba9071; color: #ffffff; } .readon.tan-btn:hover { color: #ffffff; background-color: #bda290; } .readon.orange-btn1 { background-color: #ff6314; padding: 16px 30px; -webkit-clip-path: polygon( 88% 0, 100% 37%, 100% 82%, 100% 100%, 15% 103%, 0 66%, 0 0 ); } .readon.orange-btn1:hover { color: #ffffff; background-color: #e75f1a; } .readon.orange-btn1.get-white1 { background-color: transparent; -webkit-clip-path: unset; padding: 0px 0px 0px 0px; color: #ffffffd9; background-color: #02010100; border-style: solid; border-width: 0px 0px 2px 0px; border-radius: 0px 0px 0px 0px; } .readon.orange-btn1.get-white1:hover { color: #ffffff; } .readon.orange-btn1.submit1 { border: none; } .readon.orange-btn2 { padding: 19px 40px 19px 35px; background-color: #ff5a06; color: #ffffff; text-transform: capitalize; border-radius: 0px 0px 0px 0px; clip-path: polygon( 50% 0%, 100% 1%, 100% 35%, 100% 80%, 94% 100%, 50% 100%, 21% 100%, 0 100%, 0 0, 86% 0 ) !important; } .readon.orange-btn2.orange-learning { clip-path: unset !important; } .readon.paste-btn2 { font-size: 16px; font-weight: 700; padding: 16px 33px 16px 33px; background-color: #70bf4a; border-radius: 30px 30px 30px 30px; text-transform: capitalize; } .readon.paste-btn2:hover { color: #010d14; background: #ffffff; } .readon.paste-btn2.know-more { font-weight: 500; padding: 15px 40px 15px 40px; background-color: #70bf4a; border-radius: 30px 30px 30px 30px; } .readon.paste-btn2.know-more:hover { color: #ffffff; background-color: #010d14; } .readon.contact1 { font-family: "Roboto", Sans-serif; font-size: 16px; font-weight: 500; line-height: 25px; background-color: #ffffff00; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #ffffff; border-radius: 10px 10px 10px 10px; padding: 18px 25px 18px 25px; } .readon.contact1 i { margin-right: 10px; font-size: 20px; font-weight: 900; } .readon.contact1:hover { background-color: #ffffff; color: #cb0000; } /*-- Add Button CSS --*/ .add-btn { cursor: pointer; display: inline-block; position: relative; transition: all 0.4s; padding: 8px 33px; font-size: 16px; font-weight: 500; background: #ffb703; color: #010d14; text-transform: uppercase; border: none; } .add-btn:hover { color: #ffffff; background: #010d14; } .add-btn.cart { text-transform: capitalize; } /*-- Services Button CSS --*/ .services-btn .btn-text { position: relative; display: inline-block; color: #010d14; transition: all ease 0.3s; padding: 7px 15px 7px 15px; font-size: 14px; font-weight: 500; text-transform: uppercase; background-color: #ffb703; } .services-btn .btn-text:hover { background-color: #010d14; color: #ffffff; } .services-btn.btn-style2 .btn-text { padding: 10px 14px 10px 14px; font-size: 15px; text-transform: capitalize; } .services-btn.btn-style2 .btn-text i { transition: all 0.3s ease; } .services-btn.btn-style2 .btn-text i:before { font-weight: 500; position: relative; padding-left: 3px; font-family: uicons-regular-rounded !important; color: #010d14; font-size: 20px; top: 5px; display: inline-block; transition: all 0.3s ease; } .services-btn.btn-style2 .btn-text:hover { background-color: #010d14; color: #ffffff; } .services-btn.btn-style2 .btn-text:hover i { margin-left: 7px; } .services-btn.btn-style2 .btn-text:hover i:before { color: #fff; } .services-btn.btn-style3 .btn-text { padding: 7px 13px 7px 13px; font-size: 16px; font-weight: 400; background: #0052da; color: #ffffff; text-transform: capitalize; } .services-btn.btn-style3 .btn-text i:before { transition: all 0.3s ease; font-weight: 500; position: relative; padding-left: 6px; font-family: uicons-regular-rounded !important; color: #ffffff; font-size: 20px; top: 5px; display: inline-block; transition: all 0.3s ease; } .services-btn.btn-style3 .btn-text:hover i:before { transform: translateX(3px); } .services-btn.btn-style4 .btn-text { padding: 10px 0px 0px 0px; font-size: 15px; font-weight: 600; text-transform: uppercase; line-height: 18px; color: #010d14; background: transparent; } .services-btn.btn-style4 .btn-text i:before { font-weight: 400; position: relative; padding-left: 6px; font-family: uicons-regular-rounded !important; color: #010d14; font-size: 18px; top: 3px; display: inline-block; transition: all 0.3s ease; } .services-btn.btn-style4 .btn-text:hover i:before { transform: translateX(3px); } .services-btn.btn-style4 a i { color: #858585; } .services-btn.btn-style4 a i:before { font-size: 16px; } .services-btn.btn-style4 a:hover i { color: #70bf4a; } .services-btn.btn-style5 a i { width: 40px; height: 40px; line-height: 40px; border-radius: 40px; background-color: #ff631433; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #ff631400; text-align: center; } .services-btn.btn-style5 a i:before { font-size: 16px; color: #ff6314; } .services-btn.btn-style5 a:hover i { background-color: #f20f0f00; border-color: #ff6314; } .services-btn.btn-style6 a { font-family: "Roboto", Sans-serif; font-size: 14px; font-weight: 500; line-height: 22px; transition: all ease 0.3s; color: #ff5a06; border: 1px solid #ff5a06; padding: 10px 14px 10px 14px; text-transform: capitalize; } .services-btn.btn-style6 a:hover { background-color: #ff5a06; border: 1px solid #ff5a06; color: #ffffff; } .services-btn .learn-text { position: relative; display: inline-block; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; transition: all ease 0.4s; } .services-btn .learn-text:after { content: "\f113"; font-family: Flaticon; font-size: 9px; position: relative; right: -1px; top: -2px; display: inline-block; margin-left: 8px; transition: all ease 0.4s; color: #fff; } .services-btn .learn-text:hover:after { transform: translateX(10px); } .services-btn .red-btn-text { padding: 10px 12px 7px 12px; font-size: 14px; font-weight: 500; text-transform: uppercase; border-radius: 40px 40px 40px 40px; background-color: #eb003d; transition: all ease 0.3s; display: inline-block; } .services-btn .red-btn-text i:before { font-size: 16px; color: #ffffff; } .services-btn .red-btn-text:hover { background: #010d14; } .services-btn .red-btn-text:hover i:before { color: #ffffff; } .services-btn .submit-btn { position: relative; margin: 0; } .services-btn .submit-btn input[type="submit"] { position: relative; display: inline-block; color: #ffffff; background-color: #eb003d; padding: 15px 30px 15px 0; transition: all 0.5s ease; font-size: 16px; font-weight: 400; width: 100%; border-radius: 30px 30px 30px 30px; border: none; } .services-btn .submit-btn:before { position: absolute; content: "\f121"; z-index: 11; background: none; color: #fff; font-size: 24px; right: 18%; top: 8px; font-family: uicons-regular-rounded; } .services-btn .submit-btn:hover input[type="submit"] { background-color: #000000; } /*-- Blog Button CSS --*/ .blog-button { display: inline-block; } .blog-button a { position: relative; display: inline-block; font-size: 14px; font-weight: 500; text-transform: uppercase; background-color: #ffca46; padding: 14px 25px 12px 25px; color: #010d14; transition: all ease 0.3s; } .blog-button a:hover { color: #ffffff; background-color: #010d14; } .blog-button.blog-bnt2 a { font-size: 16px; text-transform: capitalize; background-color: unset; padding: 14px 0px 6px 0px; } .blog-button.blog-bnt2 a i:before { position: relative; color: #010d14; font-size: 20px; top: 5px; transition: all 0.3s ease; display: inline-block; } .blog-button.blog-bnt2 a:hover { color: unset; background-color: unset; } .blog-button.blog-bnt2 a:hover i:before { transform: translateX(8px); } .blog-button.blog-btn3 a { color: #ffffff; background-color: #eb003d; border-radius: 30px 30px 30px 30px; padding: 10px 30px 10px 30px; } .blog-button.blog-btn3 a:hover { color: #ffffff; background-color: #010d14; } .blog-button.blog-btn4 a { position: relative; display: inline-block; padding: 9px 28px 9px 25px; background: #e8271e; color: #fff; font-size: 16px; font-weight: 400; text-transform: capitalize; transition: all ease 0.4s; } .blog-button.blog-btn4 a:after { content: "\f113"; font-family: Flaticon; font-size: 10px; position: relative; right: 1px; top: -1px; display: inline-block; margin-left: 8px; transition: all ease 0.4s; color: #fff; font-weight: 700; } .blog-button.blog-btn4 a:hover:after { transform: translateX(10px); } .blog-button.blog-btn5 a { font-size: 16px; padding: 9px 31px 9px 31px; text-transform: capitalize; color: #ffffff; background-color: #0052da; } .blog-button.blog-btn5 a:hover { color: #ffffff; background-color: #0052da; } .blog-button.blog-btn6 a { font-size: 16px; padding: 9px 31px 9px 31px; text-transform: capitalize; color: #ffffff; background-color: #e88e2e; } .blog-button.blog-btn6 a:hover { color: #ffffff; background-color: #e88e2e; } .blog-button.blog-btn7 a { color: #ffffff; background-color: #ba9071; border-radius: 3px 3px 3px 3px; padding: 10px 30px 10px 30px; text-transform: capitalize; } .blog-button.blog-btn7 a:hover { color: #ffffff; background-color: #ba9071c4; } .blog-button.inner-btn a { background-color: unset; padding: 0 20px 0 0; font-size: 16px; font-weight: 600; line-height: 26px; text-transform: capitalize; color: #010d14; z-index: 1; } .blog-button.inner-btn a:before { content: "\f121"; position: absolute; font-family: uicons-regular-rounded !important; font-size: 19px; top: 2px; right: -5px; opacity: 1; transition: all 0.3s; } .blog-button.inner-btn:hover a { color: #ffb703; } .blog-button.inner-btn:hover a:before { right: -10px; opacity: 1; } /*-- Submit Button CSS --*/ .form-button .submit-form { margin: 0; text-align: center; } .form-button .submit-form .submit { position: relative; display: inline-block; transition: all 0.5s ease; color: #fff; top: 18px; border: none; background-color: #0052da; padding: 12px 51px 12px 51px; font-size: 18px; font-weight: 500; line-height: 32px; border-radius: 0px 0px 0px 0px; margin: 0px 0px -4px 0px; } .form-button .submit-form .submit:hover { background: #010d14; color: #ffffff; } .form-button.orange-submit .submit-form .submit { border-radius: 5px 5px 5px 5px; padding: 12px 51px 12px 51px; font-size: 17px; color: #e88e2e; background-color: #ffffff; top: 0; } .form-button.orange-submit .submit-form .submit:hover { background: #010d14; color: #ffffff; } .form-button.paste-submit .submit-form .submit { border-radius: 30px 30px 30px 30px; padding: 12px 51px 12px 51px; font-size: 17px; color: #ffffff; background-color: #70bf4a; top: 0; width: 100%; } .form-button.paste-submit .submit-form .submit:hover { background: #010d14; color: #ffffff; } .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: #ffb703; 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-item .icon-part { display: inline-block; position: relative; height: 70px; width: 70px; line-height: 70px; border-radius: 100%; text-align: center; background: #ffb703; } .address-wrap-item .icon-part i { text-align: center; color: #010d14; border-radius: 100%; font-size: 30px; position: relative; line-height: 70px; z-index: 9; width: 100%; vertical-align: middle; margin-left: 0; height: auto; } .address-wrap-item .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: #ffb703; } .address-wrap { display: flex; align-items: center; } .address-wrap .address-icon { display: inline-block; position: relative; height: 55px; width: 55px; line-height: 55px; border-radius: 100%; text-align: center; background: #fff; } .address-wrap .address-icon i { text-align: center; color: #0052da; border-radius: 100%; font-size: 25px; position: relative; line-height: 70px; z-index: 9; width: 100%; vertical-align: middle; margin-left: 0; height: auto; line-height: 55px; } .address-wrap .address-icon: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: #fff; } .address-wrap .content-txt { padding-left: 30px; } .address-wrap .content-txt a { font-size: 30px; font-weight: 700; line-height: 40px; color: #ffffff; } .address-wrap.videos-icons-style2 .address-icon { background: #70bf4a; height: 70px; width: 70px; line-height: 70px; } .address-wrap.videos-icons-style2 .address-icon i { color: #ffffff; } .address-wrap.videos-icons-style2 .address-icon:before { background: #70bf4a; } .address-wrap.videos-icons-style2 .inner-txt { padding-left: 30px; } .address-wrap.videos-icons-style2 .inner-txt .sub-text { font-size: 14px; font-weight: 500; text-transform: uppercase; letter-spacing: 3px; color: #ffffff; } .address-wrap.videos-icons-style2 .inner-txt .title { font-family: "Roboto", Sans-serif; font-size: 42px; font-weight: 700; line-height: 52px; margin: 0 0 0; } .address-wrap.videos-icons-style2 .inner-txt .title a { color: #ffffff; } .address-wrap.videos-icons-style3 .address-icon { background-color: #ffffff00; border: 1px solid #ff6314; border-radius: 5px; width: 60px; height: 53px; line-height: 51px !important; } .address-wrap.videos-icons-style3 .address-icon i { line-height: 35px; color: #ff6314; } .address-wrap.videos-icons-style3 .address-icon:before { background-color: #ffffff00; } .address-wrap.videos-icons-style3 .inner-txt { padding-left: 20px; } .address-wrap.videos-icons-style3 .inner-txt .sub-text { color: #000000; margin: 0 0 6px; } .address-wrap.videos-icons-style3 .inner-txt .title { font-family: "Roboto", Sans-serif; font-size: 20px; font-weight: 700; line-height: 30px; margin: 0 0 0px; } .address-wrap.videos-icons-style3 .inner-txt .title a { color: #000000; } .address-wrap.videos-icons-style3 .inner-txt .title a:hover { color: #ff6314; } /*Video Icon*/ .rs-videos .animate-border .popup-border { 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-color: #ffb703; } .rs-videos .animate-border .popup-border i { transition: 0.3s ease all; font-size: 30px; color: #010d14; position: relative; } .rs-videos .animate-border .popup-border:before { background-color: #ffb703; content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; border-radius: 50%; animation: pulse-border 1500ms ease-out infinite; } .rs-videos .animate-border .popup-border:after { content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; border-radius: 50%; transition: all 200ms; } .rs-videos.red-videos .animate-border .popup-border { background-color: #eb003d; } .rs-videos.red-videos .animate-border .popup-border i { color: #ffffff; } .rs-videos.red-videos .animate-border .popup-border:before { background-color: #eb003d; } .rs-videos.blue-videos .animate-border .popup-border { background-color: #0052da; } .rs-videos.blue-videos .animate-border .popup-border i { color: #ffffff; } .rs-videos.blue-videos .animate-border .popup-border:before { background-color: #0052da; } .rs-videos.orange-videos .animate-border .popup-border { background-color: #e88e2e; } .rs-videos.orange-videos .animate-border .popup-border i { color: #ffffff; } .rs-videos.orange-videos .animate-border .popup-border:before { background-color: #e88e2e; } .rs-videos.white-videos1 { position: absolute; right: 26%; transform: translateY(-467px); } .rs-videos.white-videos1 .animate-border .popup-border { background-color: #ffffff; } .rs-videos.white-videos1 .animate-border .popup-border i { color: #ff5a06; } .rs-videos.white-videos1 .animate-border .popup-border:before { background-color: #ffffff; } @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; } .container-fluid3 { padding-left: 50px; padding-right: 50px; } .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: 16px; font-weight: 500; line-height: 1.3; color: #010d14; text-transform: uppercase; font-family: Roboto; margin: 0 0 10px; display: block; } .sec-title .sub-text img { position: relative; top: -2px; margin-right: 7px; } .sec-title .sub-text.yellow-color { color: #ffb703; } .sec-title .sub-text.sub-text2 { position: relative; padding-left: 65px; display: inline-block; } .sec-title .sub-text.sub-text2:after { content: ""; position: absolute; border: 0; width: 50px; height: 2px; background: #ffb703; z-index: 1; margin-left: 0; left: 0; top: 8px; } .sec-title .sub-text.sub-text3 { font-size: 15px; color: #eb003d; } .sec-title .sub-text.sub-text3 img { width: 28px; } .sec-title .sub-text.sub-text4 { font-size: 15px; color: #e8271e; } .sec-title .sub-text.sub-text5 { margin: 0 0 5px; color: #0052da; } .sec-title .sub-text.sub-text6 { margin: 0 0 5px; color: #e88e2e; } .sec-title .sub-text.sub-text7 { margin: 0 0 5px; color: #ba9071; } .sec-title .sub-text.sub-text8 { font-size: 14px; font-weight: 500; text-transform: uppercase; letter-spacing: 3px; color: #333333; margin: 0 0 13px; } .sec-title .sub-text.sub-text8 img { width: 14px; } .sec-title .sub-text.sub-text9 { margin: 0 0 5px; color: #ff5a06; } .sec-title .sub-text.sub-text10 { font-family: "Playfair Display", Sans-serif; font-size: 20px; font-weight: 600; line-height: 26px; margin: 0 0 10px; color: #ffffff; } .sec-title .sub-text.sub-text11 { font-family: "Playfair Display", Sans-serif; font-size: 20px; font-weight: 600; line-height: 26px; margin: 0 0 10px; color: #cb0000; } .sec-title .sub-text.sub-text12 { font-size: 20px; font-weight: 500; line-height: 26px; margin: 0 0 10px; color: #ffffff; } .sec-title .sub-text.sub-text13 { margin: 0 0 5px; color: #ff6314; } .sec-title .title-inner .title { position: relative; font-family: "Playfair Display", Sans-serif; font-size: 20px; font-weight: 600; text-transform: uppercase; line-height: 40px; color: #cb0000; margin: 0px 0px 30px 0px; } .sec-title .title-inner .title .watermark { color: #ffffffcc !important; display: block; font-family: "Playfair Display", Sans-serif; font-size: 130px; line-height: 0px; position: absolute; text-transform: uppercase; font-weight: 900; opacity: 0.11; width: 100%; left: 0; color: inherit; white-space: nowrap; vertical-align: middle; } .sec-title .title-inner.contact-inner1 .title { color: #ffffff; margin: 0px 0px 10px 0px; } .sec-title .title-inner.ser-inner .title { color: #ffffff; } .sec-title .title-inner.ser-inner .title .watermark { font-size: 100px; opacity: 0.15 !important; color: #ffffff !important; } .sec-title .title { font-size: 42px; font-weight: 700; line-height: 53px; color: #010d14; margin: 0; } .sec-title .title.title2 { font-size: 36px; line-height: 1.3em; } .sec-title .title.title3 { color: #ffffff; } .sec-title .title.title3 span { color: #e8271e; font-style: italic; } .sec-title .title.title4 { position: relative; font-size: 42px; line-height: 1.3; font-weight: 700; color: #ffffff; } .sec-title .title.title4:before { content: ""; position: absolute; border: 0; width: 65px; height: 5px; background: #ffb703; z-index: 1; margin-left: 0; left: 0; top: -28px; } .sec-title .title.title4.ser-style1 { font-size: 42px; } .sec-title .title.title4.ser-style2 { font-size: 42px; color: #010d14; } .sec-title .title.title4.ser-style2:before { margin: 0 auto; left: 0; right: 0; } .sec-title .title.title4.ser-style2 span { color: #ffb703; } .sec-title .title.title4.ser-style3 { font-size: 35px; color: #010d14; } .sec-title .title.title4.ser-style4 { font-size: 42px; color: #ffffff; } .sec-title .title.title4.ser-style5 { font-size: 33px; color: #010d14; } .sec-title .title.title5 { font-size: 60px; line-height: 70px; font-family: Playfair Display; } .sec-title .title.title6 { color: #442211; font-family: Playfair Display; } .sec-title .title.title7 { font-size: 60px; line-height: 70px; color: #442211; font-family: Playfair Display; } .sec-title .small-title { font-size: 20px; font-weight: 700; line-height: 30px; font-family: "Roboto", Sans-serif; margin: 0px 0px 0px 0px; color: #010d14; } .sec-title .desc { font-size: 16px; line-height: 24px; font-weight: 400; color: #333333; margin: 0; } .sec-title .desc.desc2 { color: #dadada; } .sec-title .desc.desc3 { color: #ffffff; } .sec-title .desc.desc4 { color: #fafafa; } .sec-title .desc.desc5 { font-size: 18px; font-weight: 700; color: #333333; } .sec-title .desc.desc6 { font-size: 16px; font-weight: 400; color: #7a7a7a; } .sec-title .desc.desc7 { color: #ffffffc4; } .sec-title .desc.desc8 { color: #f7f7f7; } .sec-title .desc.desc9 { margin: 6px 0px 5px 0px; padding: 6px 0px 6px 15px; border-style: solid; border-width: 0px 0px 0px 3px; color: rgba(51, 51, 51, 0.8); border-color: #ff6314; } .sec-title .desc.desc9.desc-big { font-size: 18px; line-height: 28px; font-weight: 700; color: #333333; } .sec-title .desc.desc9.desc-small { color: #333333; } .sec-title .desc.desc10 { color: rgba(51, 51, 51, 0.8); } .sec-title .view-services { font-size: 16px; line-height: 16px; font-weight: 500; color: #333333; margin: 0; } .sec-title .view-services a { margin-left: 8px; } .sec-title .view-services a .btn-text { color: #ffffff; font-size: 12px; font-weight: 500; text-transform: capitalize; line-height: 22px; padding: 6px 28px 6px 28px; background-color: #0052da; border-radius: 0px 0px 0px 0px; } .sec-title2 { position: relative; } .sec-title2 .sub-title { font-size: 15px; font-weight: 500; line-height: 28px; text-transform: uppercase; color: #ffb703; display: block; margin: 0 0 5px; } .sec-title2 .sub-text { font-size: 15px; font-weight: 500; line-height: 28px; text-transform: uppercase; color: #ffb703; margin: 0 0 0px; display: block; position: relative; padding-left: 107px; } .sec-title2 .sub-text:before { content: ""; position: absolute; left: 0; top: 12px; height: 4px; width: 12px; border-radius: 2px; background-color: #ffb703; transition: all 0.3s ease; z-index: 0; } .sec-title2 .sub-text:after { content: ""; position: absolute; border: 0; height: 4px; width: 55px; z-index: 1; margin-left: 0; left: 24px; top: 12px; border-radius: 2px; background-color: #ffb703; transition: all 0.3s ease; z-index: 0; } .sec-title2 .title { font-size: 42px; font-weight: 700; line-height: 46px; color: #010d14; margin: 0; } .sec-title2 .desc-big { font-size: 16px; font-weight: 500; } .sec-title2 .heading-border-line { position: relative; } .sec-title2 .heading-border-line:before { content: ""; width: 12px; height: 4px; background: #ffb703; position: absolute; bottom: -4px; left: 50%; margin-left: -35px; transform: translateX(-50%); border-radius: 2px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 1; } .sec-title2 .heading-border-line:after { content: ""; width: 65px; height: 4px; background: #ffb703; position: absolute; bottom: -4px; right: 0; left: 50%; margin-left: -20px; border-radius: 2px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 0; } .sec-title2 .heading-border-line.left-style { position: relative; margin-left: 44px; } .sec-title2 .heading-border-line.left-style:before { left: 0; } .sec-title2 .heading-border-line.left-style:after { left: 0; } .sec-title2:hover .sub-text:before { width: 65px; background: #ffb703; } .sec-title2:hover .sub-text:after { margin-left: 46px; width: 12px; background: #ffb703; } .sec-title2:hover .heading-border-line { position: relative; } .sec-title2:hover .heading-border-line:before { margin-left: -5px; width: 65px; background: #ffb703; } .sec-title2:hover .heading-border-line:after { width: 12px; margin-left: 35px; background: #ffb703; } .sec-title3 { position: relative; } .sec-title3 .sub-title { font-size: 15px; font-weight: 500; line-height: 28px; text-transform: uppercase; color: #21c0f5; display: block; margin: 0 0 5px; } .sec-title3 .sub-text { font-size: 15px; font-weight: 500; line-height: 28px; text-transform: uppercase; color: #21c0f5; margin: 0 0 3px; display: block; position: relative; padding-left: 107px; } .sec-title3 .sub-text:before { content: ""; position: absolute; left: 0; top: 12px; height: 4px; width: 12px; border-radius: 2px; background-color: #21c0f5; transition: all 0.3s ease; z-index: 0; } .sec-title3 .sub-text:after { content: ""; position: absolute; border: 0; height: 4px; width: 55px; z-index: 1; margin-left: 0; left: 24px; top: 12px; border-radius: 2px; background-color: #21c0f5; transition: all 0.3s ease; z-index: 0; } .sec-title3 .title { font-size: 42px; font-weight: 700; line-height: 46px; color: #010d14; margin: 0; } .sec-title3 .desc { font-size: 16px; line-height: 26px; font-weight: 400; color: #ffffff; margin: 0; } .sec-title3 .heading-border-line { position: relative; } .sec-title3 .heading-border-line:before { content: ""; width: 12px; height: 4px; background: #21c0f5; position: absolute; bottom: -4px; left: 50%; margin-left: -35px; transform: translateX(-50%); border-radius: 2px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 1; } .sec-title3 .heading-border-line:after { content: ""; width: 65px; height: 4px; background: #21c0f5; position: absolute; bottom: -4px; right: 0; left: 50%; margin-left: -20px; border-radius: 2px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 0; } .sec-title3 .heading-border-line.left-style { position: relative; margin-left: 44px; } .sec-title3 .heading-border-line.left-style:before { left: 0; } .sec-title3 .heading-border-line.left-style:after { left: 0; } .sec-title3:hover .sub-text:before { width: 65px; background: #21c0f5; } .sec-title3:hover .sub-text:after { margin-left: 46px; width: 12px; background: #21c0f5; } .sec-title3:hover .heading-border-line { position: relative; } .sec-title3:hover .heading-border-line:before { margin-left: -5px; width: 65px; background: #21c0f5; } .sec-title3:hover .heading-border-line:after { width: 12px; margin-left: 35px; background: #21c0f5; } /* ----------------------- 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: #010d14; } .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: #ffb703; margin-right: 6px; } .full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-contact .rs-contact-info li i:before { font-size: 18px; margin-left: 0; position: relative; top: 3px; } .full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-contact .rs-contact-info li a { border-right: 1px solid #514d4d; 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: #ffb703; } .full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-contact .rs-contact-info li .desc { margin: 0; } .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 #514d4d; margin-right: 5px; padding-right: 20px; color: #ffffff; font-style: normal; font-size: 14px; } .full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix .opening em i { color: #ffb703; } .full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix .opening em i:before { font-size: 18px; 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: 50px; 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: 15px; color: #ffffff; } .full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix li a i:hover { color: #ffb703; } .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify1 .toolbar-sl-share .clearfix li a i:hover, .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify1 .toolbar-contact .rs-contact-info li a:hover, .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify1 .toolbar-sl-share .clearfix .opening em i, .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify1 .toolbar-contact .rs-contact-info li i { color: #eb003d; } .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify2 { background: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify2 .toolbar-sl-share .clearfix li a i:hover, .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify2 .toolbar-contact .rs-contact-info li a:hover, .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify2 .toolbar-sl-share .clearfix .opening em i, .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify2 .toolbar-contact .rs-contact-info li i { color: #e8271e; } .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify2 .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-modify2 .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-modify2 .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-modify2 .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 .toolbar-area.topbar-style1.topber-modify2.paste-color-modify1 .toolbar-sl-share .clearfix li a i:hover, .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify2.paste-color-modify1 .toolbar-contact .rs-contact-info li a:hover, .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify2.paste-color-modify1 .toolbar-sl-share .clearfix .opening em i, .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify2.paste-color-modify1 .toolbar-contact .rs-contact-info li i { color: #21c0f5; } .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify2.topbar-red1 .toolbar-sl-share .clearfix li a i:hover, .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify2.topbar-red1 .toolbar-contact .rs-contact-info li a:hover, .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify2.topbar-red1 .toolbar-sl-share .clearfix .opening em i, .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify2.topbar-red1 .toolbar-contact .rs-contact-info li i { color: #cb0000; } .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify3 { background: #0052da; } .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify3 .toolbar-sl-share .clearfix .opening em i { color: #fff; } .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify3 .toolbar-sl-share .clearfix .opening em { border-right: 1px solid #fff; } .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify4 { background: #f9f9f9; } .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify4 .toolbar-sl-share .clearfix li a i, .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify4 .toolbar-contact .rs-contact-info li, .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify4 .toolbar-sl-share .clearfix .opening em, .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify4 .toolbar-sl-share .clearfix .opening em i, .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify4 .toolbar-contact .rs-contact-info li i, .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify4 .toolbar-contact .rs-contact-info li a { color: #666666; } .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify4 .toolbar-sl-share .clearfix .opening em, .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify4 .toolbar-contact .rs-contact-info li a { border-right: 1px solid #d9d9d9; } .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify4 .toolbar-contact .rs-contact-info li a:hover, .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify4 .toolbar-sl-share .clearfix li a i:hover { color: #70bf4a; } .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify5 { background: #2e2c2c; } .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify5 .toolbar-sl-share .clearfix li a i, .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify5 .toolbar-contact .rs-contact-info li, .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify5 .toolbar-sl-share .clearfix .opening em, .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify5 .toolbar-sl-share .clearfix .opening em i, .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify5 .toolbar-contact .rs-contact-info li i, .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify5 .toolbar-contact .rs-contact-info li a { color: #ffffff; } .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify5 .toolbar-contact { text-align: right; padding-right: 90px; } .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify5 .toolbar-sl-share .clearfix .opening em, .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify5 .toolbar-contact .rs-contact-info li a { border-right: 1px solid #fbfbfb; } .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify5 .toolbar-contact .rs-contact-info li a:hover, .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify5 .toolbar-sl-share .clearfix li a i:hover { color: #ff6314; } .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify6 .toolbar-sl-share .clearfix li a i:hover, .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify6 .toolbar-contact .rs-contact-info li a:hover, .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify6 .toolbar-sl-share .clearfix .opening em i, .full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify6 .toolbar-contact .rs-contact-info li i { color: #ff5a06; } .full-width-header .rs-header .middle-header { padding-top: 30px; padding-bottom: 30px; } .full-width-header .rs-header .middle-header .row-table { display: flex; width: 100%; position: relative; align-items: center; justify-content: space-between; } .full-width-header .rs-header .middle-header .row-table .col-cell { display: flex; align-items: center; justify-content: space-between; } .full-width-header .rs-header .middle-header .row-table .col-cell.header-logo { display: flex; flex: 1; } .full-width-header .rs-header .middle-header .logo-part a img { transition: 0.4s; max-height: 36px; } .full-width-header .rs-header .middle-header .rs-contact-info { display: flex; align-items: center; } .full-width-header .rs-header .middle-header .rs-contact-info .contact-part { position: relative; padding-left: 75px; margin-right: 25px; } .full-width-header .rs-header .middle-header .rs-contact-info .contact-part .info-icon { position: absolute; top: 50%; left: 18px; transform: translateY(-50%); } .full-width-header .rs-header .middle-header .rs-contact-info .contact-part .info-icon i:before { font-size: 32px; color: #ffb703; transition: all 0.5s ease; display: block; } .full-width-header .rs-header .middle-header .rs-contact-info .contact-part .contact-info .info-title { font-size: 17px; font-weight: 700; line-height: 1; padding-top: 2px; color: #010d14; } .full-width-header .rs-header .middle-header .rs-contact-info .contact-part .contact-info .info-des { font-size: 14px; padding-top: 4px; color: #010d14; } .full-width-header .rs-header .middle-header .rs-contact-info .contact-part .contact-info .info-des a { color: #333333; font-size: 14px; } .full-width-header .rs-header .middle-header .rs-contact-info .contact-part .contact-info .info-des a:hover { color: #ffb703; } .full-width-header .rs-header .middle-header .rs-contact-info .contact-part.margin-no { margin-right: 0; } .full-width-header .rs-header .middle-header .rs-contact-info .contact-part:hover .info-icon i:before { transform: translateY(-3px); } .full-width-header .rs-header .middle-header.middle-modify1 { padding-bottom: 0px; } .full-width-header .rs-header .middle-header.middle-modify1 .rs-contact-info .contact-part .contact-info .info-des a:hover, .full-width-header .rs-header .middle-header.middle-modify1 .rs-contact-info .contact-part .info-icon i:before { color: #0052da; } .full-width-header .rs-header .middle-header.middle-modify2 { max-width: 1170px; margin: 0 auto; background: #fff; padding-left: 30px; padding-right: 30px; } .full-width-header .rs-header .middle-header.middle-modify2 .rs-contact-info .contact-part .contact-info .info-des a:hover, .full-width-header .rs-header .middle-header.middle-modify2 .rs-contact-info .contact-part .info-icon i:before { color: #e88e2e; } .full-width-header .rs-header .middle-header.middle-modify3 .rs-contact-info .contact-part .contact-info .info-des a:hover, .full-width-header .rs-header .middle-header.middle-modify3 .rs-contact-info .contact-part .info-icon i:before { color: #ba9071; } .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: 65px; } .full-width-header .rs-header .menu-area .rs-menu-area { display: flex; align-items: center; margin-right: 65px; } .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: 34px; 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: 500; margin-right: 10px; height: 110px; line-height: 110px; padding: 0; color: #3b4052; position: relative; font-family: Roboto; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a:hover { color: #ffb703; } .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: 4px; 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:hover > a:before { content: "-"; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a { color: #ffb703 !important; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu { background: #ffffff; margin: 0; padding: 20px 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; margin: 0; font-family: Roboto; font-size: 15px; color: #3b4052; font-weight: 500; height: unset; line-height: 25px; text-transform: capitalize; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li a:hover { color: #ffb703; } .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: #ffb703; } .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: #ffb703 !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: #010d14; } .full-width-header .rs-header .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li > a:hover { color: #ffb703; } .full-width-header .rs-header .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li.current-menu-item > a { color: #ffb703; } .full-width-header .rs-header .menu-area.sticky .expand-btn-inner ul .sidebarmenu-search a i { display: none; } .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 .search-parent { position: relative; } .full-width-header .rs-header .expand-btn-inner ul .search-parent a i { color: #333333; } .full-width-header .rs-header .expand-btn-inner ul .search-parent a i:before { font-size: 18px; font-weight: 600 !important; font-family: uicons-regular-rounded !important; position: relative; top: 3px; } .full-width-header .rs-header .expand-btn-inner ul .search-parent a i:hover { color: #ffb703; } .full-width-header .rs-header .expand-btn-inner ul .search-parent .sticky_form { position: absolute; top: 69px; right: 0; max-width: 400px; width: 400px; z-index: 9; border-radius: 4px; box-shadow: 0 12px 20px rgba(0, 0, 0, 0.09); opacity: 0; visibility: hidden; right: -163px; transition: 0.4s; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0 0; } .full-width-header .rs-header .expand-btn-inner ul .search-parent .sticky_form .screen-reader-text { position: absolute; top: -10000em; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .full-width-header .rs-header .expand-btn-inner ul .search-parent .sticky_form input { background: #010d14; border: none; color: #000; outline: none; padding: 14px 17px; width: 100%; } .full-width-header .rs-header .expand-btn-inner ul .search-parent .sticky_form button { background: transparent !important; border: medium none; padding: 13px 18px; position: absolute; right: 0; top: 4; z-index: 1; outline: none; border-radius: 0; } .full-width-header .rs-header .expand-btn-inner ul .search-parent .sticky_form button i:before { font-size: 20px; font-weight: 600; color: #ffffff; font-family: uicons-regular-rounded !important; } .full-width-header .rs-header .expand-btn-inner ul .search-parent .sticky_form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; opacity: 1; } .full-width-header .rs-header .expand-btn-inner ul .search-parent .sticky_form ::-moz-placeholder { /* Firefox 19+ */ color: #fff; opacity: 1; } .full-width-header .rs-header .expand-btn-inner ul .search-parent .sticky_form :-ms-input-placeholder { /* IE 10+ */ color: #fff; opacity: 1; } .full-width-header .rs-header .expand-btn-inner ul .search-parent .sticky_form :-moz-placeholder { /* Firefox 18- */ color: #fff; opacity: 1; } .full-width-header .rs-header .expand-btn-inner ul .search-parent.open_add_class .sticky_form { opacity: 1; visibility: visible; -webkit-transform: scaleY(1); transform: scaleY(1); } .full-width-header .rs-header .expand-btn-inner ul .btn-quote { position: relative; margin-left: 30px; line-height: 30px; } .full-width-header .rs-header .expand-btn-inner ul .btn-quote .quote-button { font-size: 14px; background: #ffb703; padding: 11px 30px 10px; color: #010d14; text-transform: uppercase; font-weight: 500; display: inline-block; position: relative; overflow: hidden; top: 3px; transition: 0.4s; } .full-width-header .rs-header .expand-btn-inner ul .btn-quote .quote-button:hover { background: #010d14; color: #ffffff; } .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: #ffb703; 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: #ffb703; } .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot1, .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.dot5, .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.dot9 { background: #000000; } .full-width-header .rs-header.header-modify1 .menu-area { background: transparent; } .full-width-header .rs-header.header-modify1 .menu-area .main-menu .rs-menu ul li.active a, .full-width-header .rs-header.header-modify1 .menu-area .main-menu .rs-menu ul.nav-menu li a:hover, .full-width-header .rs-header.header-modify1 .menu-area .main-menu .rs-menu ul li.current-menu-item > a:before, .full-width-header .rs-header.header-modify1 .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a { color: #e8271e !important; } .full-width-header .rs-header.header-modify1 .menu-area .main-menu .rs-menu ul.nav-menu li a { color: #ffffff; } .full-width-header .rs-header.header-modify1 .menu-area .main-menu .rs-menu ul.sub-menu li a { color: #101010; } .full-width-header .rs-header.header-modify1 .expand-btn-inner ul .search-parent a i:hover { color: #e8271e; } .full-width-header .rs-header.header-modify1 .expand-btn-inner ul .search-parent a i { color: #ffffff; } .full-width-header .rs-header.header-modify1 .expand-btn-inner ul .btn-quote .quote-button { color: #ffffff; background: #e8271e; } .full-width-header .rs-header.header-modify1 .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li > a { color: #101010; } .full-width-header .rs-header.header-modify1 .menu-area.sticky .expand-btn-inner ul .search-parent a i { color: #101010; } .full-width-header .rs-header.header-modify1 .menu-area.sticky .expand-btn-inner ul .search-parent a i:hover { color: #e8271e; } .full-width-header .rs-header.header-modify1.header-roofing1 .menu-area .main-menu .rs-menu ul li.active a, .full-width-header .rs-header.header-modify1.header-roofing1 .menu-area .main-menu .rs-menu ul.nav-menu li a:hover, .full-width-header .rs-header.header-modify1.header-roofing1 .menu-area .main-menu .rs-menu ul li.current-menu-item > a:before, .full-width-header .rs-header.header-modify1.header-roofing1 .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a { color: #cb0000 !important; } .full-width-header .rs-header.header-modify1.header-roofing1 .menu-area .main-menu .rs-menu ul.nav-menu li a { color: #ffffff; } .full-width-header .rs-header.header-modify1.header-roofing1 .menu-area .main-menu .rs-menu ul.sub-menu li a { color: #101010; } .full-width-header .rs-header.header-modify1.header-roofing1 .expand-btn-inner ul .search-parent a i:hover { color: #cb0000; } .full-width-header .rs-header.header-modify1.header-roofing1 .expand-btn-inner ul .search-parent a i { color: #ffffff; } .full-width-header .rs-header.header-modify1.header-roofing1 .expand-btn-inner ul .btn-quote .quote-button { color: #ffffff; background: #cb0000; } .full-width-header .rs-header.header-modify1.header-roofing1 .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li > a { color: #101010; } .full-width-header .rs-header.header-modify1.header-roofing1 .menu-area.sticky .expand-btn-inner ul .search-parent a i { color: #101010; } .full-width-header .rs-header.header-modify1.header-roofing1 .menu-area.sticky .expand-btn-inner ul .search-parent a i:hover { color: #cb0000; } .full-width-header .rs-header.header-style1 .menu-area { background: #010d14; } .full-width-header .rs-header.header-style1 .menu-area .row-table .col-cell.header-logo { display: none; flex: 1; } .full-width-header .rs-header.header-style1 .menu-area .main-menu .rs-menu ul.nav-menu li a { height: 70px; line-height: 70px; font-size: 15px; font-weight: 600; color: #ffffff; } .full-width-header .rs-header.header-style1 .menu-area .main-menu .rs-menu ul.sub-menu li a { height: unset; line-height: 25px; font-size: 14px; font-weight: 500; color: #101010; } .full-width-header .rs-header.header-style1 .expand-btn-inner ul .btn-quote .quote-button { font-size: 15px; font-weight: 500; text-transform: uppercase; padding: 20px 29px; display: block; position: relative; top: 0; background: #ffb703; border-color: #ffb703; } .full-width-header .rs-header.header-style1 .expand-btn-inner ul .btn-quote .quote-button i:before { font-weight: 500; position: relative; padding-left: 6px; transform: translateX(0px); font-family: uicons-regular-rounded !important; color: #010d14; font-size: 20px; top: 4px; display: inline-block; transition: all 0.3s ease; } .full-width-header .rs-header.header-style1 .expand-btn-inner ul .btn-quote .quote-button:hover { color: #010d14; } .full-width-header .rs-header.header-style1 .expand-btn-inner .btn-quote .quote-button:hover i:before { transform: translateX(5px); } .full-width-header .rs-header.header-style1 .expand-btn-inner ul .search-parent a i { color: #ffb703; } .full-width-header .rs-header.header-style1 .expand-btn-inner ul .search-parent a i:before { font-weight: 400 !important; margin-left: 20px; } .full-width-header .rs-header.header-style1 .expand-btn-inner .toolbar-sl-share { border-right: 1px solid rgba(255, 255, 255, 0.42); padding-right: 14px; } .full-width-header .rs-header.header-style1 .expand-btn-inner .toolbar-sl-share .clearfix li { display: inline-block; } .full-width-header .rs-header.header-style1 .expand-btn-inner .toolbar-sl-share .clearfix li a { display: block; margin: 0 10px; color: #ffffff; transition: 0.3s; font-size: 15px; } .full-width-header .rs-header.header-style1 .expand-btn-inner .toolbar-sl-share .clearfix li a:hover { color: #ccc; } .full-width-header .rs-header.header-style1 .menu-area.sticky .col-cell.header-logo { display: block; } .full-width-header .rs-header.header-style1 .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li > a { color: #010d14; } .full-width-header .rs-header.header-style1 .menu-area.sticky .expand-btn-inner ul .toolbar-sl-share { display: none; } .full-width-header .rs-header.header-style1 .menu-area.sticky .expand-btn-inner ul .search-parent a i:before { margin-left: 0; } .full-width-header .rs-header.header-style1 .menu-area.sticky .main-menu .rs-menu ul.nav-menu li a { height: 90px; line-height: 90px; } .full-width-header .rs-header.header-style1 .menu-area.sticky .main-menu .rs-menu ul.sub-menu li a { height: unset; line-height: 25px; font-size: 14px; font-weight: 500; } .full-width-header .rs-header.header-style1 .expand-btn-inner ul .search-parent .sticky_form { top: 49px; right: -208px; } .full-width-header .rs-header.header-style1.header-blue-modify2 .menu-area { background: unset; } .full-width-header .rs-header.header-style1.header-blue-modify2 .box-layout { position: relative; z-index: 10; max-width: 1172px; margin: 0 auto; border-radius: 1px; background: #0052da; padding-left: 30px; padding-right: 0; top: 30px; } .full-width-header .rs-header.header-style1.header-blue-modify2 .box-layout .expand-btn-inner ul .btn-quote .quote-button { background: #0046ba; border-color: #0046ba; color: #ffffff; } .full-width-header .rs-header.header-style1.header-blue-modify2 .box-layout .expand-btn-inner ul .search-parent a i, .full-width-header .rs-header.header-style1.header-blue-modify2 .box-layout .expand-btn-inner ul .btn-quote .quote-button i:before { color: #ffffff; } .full-width-header .rs-header.header-style1.header-blue-modify2 .box-layout .expand-btn-inner ul .search-parent a i:before { margin-left: 0; } .full-width-header .rs-header.header-style1.header-blue-modify2 .box-layout .main-menu .rs-menu ul li.current-menu-item > a, .full-width-header .rs-header.header-style1.header-blue-modify2 .box-layout .main-menu .rs-menu ul li.current-menu-item > a:before, .full-width-header .rs-header.header-style1.header-blue-modify2 .box-layout .main-menu .rs-menu ul li a:hover, .full-width-header .rs-header.header-style1.header-blue-modify2 .box-layout .main-menu .rs-menu ul.nav-menu li a:hover { color: #bbb !important; } .full-width-header .rs-header.header-style1.header-blue-modify2 .box-layout .main-menu .rs-menu ul.sub-menu li a:hover, .full-width-header .rs-header.header-style1.header-blue-modify2 .box-layout .main-menu .rs-menu ul ul > li.current-menu-item > a, .full-width-header .rs-header.header-style1.header-blue-modify2 .box-layout .main-menu .rs-menu ul li.active a { color: #0082f1 !important; } .full-width-header .rs-header.header-style1.header-blue-modify2 .box-layout .main-menu .rs-menu > ul > li.current-menu-item > a { color: #bbb !important; } .full-width-header .rs-header.header-style1.header-blue-modify2 .menu-area.sticky .main-menu .rs-menu ul.nav-menu li a { height: 70px; line-height: 70px; } .full-width-header .rs-header.header-style1.header-blue-modify2 .menu-area.sticky .box-layout { background: transparent; top: 0px; } .full-width-header .rs-header.header-style1.header-blue-modify2 .menu-area.sticky .main-menu .rs-menu ul.sub-menu li a { height: unset; line-height: 25px; } .full-width-header .rs-header.header-style1.header-blue-modify2 .menu-area.sticky .logo-area img { max-height: 30px; } .full-width-header .rs-header.header-style1.header-blue-modify2 .menu-area.sticky .box-layout .expand-btn-inner ul .search-parent a i, .full-width-header .rs-header.header-style1.header-blue-modify2 .menu-area.sticky .rs-menu ul li.current-menu-item > a, .full-width-header .rs-header.header-style1.header-blue-modify2 .menu-area.sticky .rs-menu ul li.current-menu-item > a:before, .full-width-header .rs-header.header-style1.header-blue-modify2 .menu-area.sticky .rs-menu ul.nav-menu li a:hover { color: #0082f1 !important; } .full-width-header .rs-header.header-style1.header-blue-modify2.header-orange-modify3 .box-layout { background: #e88e2e; top: 0px; } .full-width-header .rs-header.header-style1.header-blue-modify2.header-orange-modify3 .box-layout .rs-menu ul.nav-menu li a:hover { color: #ccc !important; } .full-width-header .rs-header.header-style1.header-blue-modify2.header-orange-modify3 .box-layout .main-menu .rs-menu ul li.active a, .full-width-header .rs-header.header-style1.header-blue-modify2.header-orange-modify3 .box-layout .main-menu .rs-menu ul.sub-menu li a:hover, .full-width-header .rs-header.header-style1.header-blue-modify2.header-orange-modify3 .box-layout .main-menu .rs-menu ul ul > li.current-menu-item > a { color: #e88e2e !important; } .full-width-header .rs-header.header-style1.header-blue-modify2.header-orange-modify3 .expand-btn-inner ul .btn-quote .quote-button { background: #dd7e19; border-color: #dd7e19; color: #ffffff; } .full-width-header .rs-header.header-style1.header-blue-modify2.header-orange-modify3 .menu-area.sticky .box-layout .expand-btn-inner ul .search-parent a i, .full-width-header .rs-header.header-style1.header-blue-modify2.header-orange-modify3 .menu-area.sticky .rs-menu ul.nav-menu li a:hover, .full-width-header .rs-header.header-style1.header-blue-modify2.header-orange-modify3 .menu-area.sticky .rs-menu ul li.current-menu-item > a, .full-width-header .rs-header.header-style1.header-blue-modify2.header-orange-modify3 .menu-area.sticky .rs-menu ul li.current-menu-item > a:before { color: #e88e2e !important; } .full-width-header .rs-header.header-style1.header-blue-modify2.header-orange-modify3 .menu-area.sticky .box-layout { max-width: 1200px; padding-left: 0px; } .full-width-header .rs-header.header-style1.header-tan-modify4 .menu-area .main-menu .rs-menu ul li.active a, .full-width-header .rs-header.header-style1.header-tan-modify4 .menu-area .main-menu .rs-menu ul.nav-menu li a:hover, .full-width-header .rs-header.header-style1.header-tan-modify4 .menu-area .main-menu .rs-menu ul li.current-menu-item > a:before, .full-width-header .rs-header.header-style1.header-tan-modify4 .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a { color: #ba9071 !important; } .full-width-header .rs-header.header-style1.header-tan-modify4 .expand-btn-inner ul .btn-quote .quote-button { background: #ba9071; border-color: #ba9071; color: #ffffff; } .full-width-header .rs-header.header-style1.header-tan-modify4 .expand-btn-inner ul .search-parent a i, .full-width-header .rs-header.header-style1.header-tan-modify4 .expand-btn-inner ul .btn-quote .quote-button i:before { color: #ffffff; } .full-width-header .rs-header.header-style1.header-tan-modify4 .menu-area.sticky .logo-area img { max-height: 30px; } .full-width-header .rs-header.header-style1.header-tan-modify4 .menu-area.sticky .main-menu .rs-menu ul.nav-menu li a { height: 70px; line-height: 70px; } .full-width-header .rs-header.header-style1.header-tan-modify4 .menu-area.sticky .main-menu .rs-menu ul.sub-menu li a { height: unset; line-height: 25px; } .full-width-header .rs-header.header-style1.header-tan-modify4 .menu-area.sticky .expand-btn-inner ul .search-parent a i { color: #ba9071; } .full-width-header .rs-header.header-style2 .menu-area .rs-menu-area { margin-right: 120px; } .full-width-header .rs-header.header-style2 .menu-area .main-menu .rs-menu ul.nav-menu li a { font-size: 20px; font-weight: 600; } .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.nav-menu li a:hover, .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.nav-menu li.current-menu-item > a { color: #eb003d !important; } .full-width-header .rs-header.header-style2 .expand-btn-inner .rs-contact-phone { display: flex; align-items: center; justify-content: flex-end; } .full-width-header .rs-header.header-style2 .expand-btn-inner .rs-contact-phone i { font-size: 24px; color: #fff; line-height: 0; background: #eb003d; border-right: 1px solid #dddddd94; margin-right: 20px; height: 52px; width: 52px; line-height: 60px; text-align: center; border-radius: 30px; } .full-width-header .rs-header.header-style2 .expand-btn-inner .rs-contact-phone .phone-number span { display: block; } .full-width-header .rs-header.header-style2 .expand-btn-inner .rs-contact-phone .phone-number a { font-size: 18px; line-height: 18px; font-weight: 600; color: #010d14; } .full-width-header .rs-header.header-style2 .expand-btn-inner .rs-contact-phone .phone-number a:hover { color: #eb003d; } .full-width-header .rs-header.header-style2.header-paste-modify1 .menu-area .main-menu .rs-menu ul.nav-menu li a { height: 100px; line-height: 100px; } .full-width-header .rs-header.header-style2.header-paste-modify1 .menu-area .main-menu .rs-menu ul.sub-menu li a { height: unset; line-height: 25px; } .full-width-header .rs-header.header-style2.header-paste-modify1 .menu-area .main-menu .rs-menu ul li.active a, .full-width-header .rs-header.header-style2.header-paste-modify1 .menu-area .main-menu .rs-menu ul.nav-menu li a:hover, .full-width-header .rs-header.header-style2.header-paste-modify1 .menu-area .main-menu .rs-menu ul li.current-menu-item > a:before, .full-width-header .rs-header.header-style2.header-paste-modify1 .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a { color: #70bf4a !important; } .full-width-header .rs-header.header-style2.header-paste-modify1 .expand-btn-inner .rs-contact-phone i { background: #70bf4a; } .full-width-header .rs-header.header-style2.header-paste-modify1 .expand-btn-inner .rs-contact-phone .phone-number a:hover { color: #70bf4a; } .full-width-header .rs-header.header-style2.header-orange-modify1 .menu-area { position: relative; } .full-width-header .rs-header.header-style2.header-orange-modify1 .menu-area .logo-area img { position: relative; top: -30px; } .full-width-header .rs-header.header-style2.header-orange-modify1 .menu-area .rs-menu-area { padding-right: 0; } .full-width-header .rs-header.header-style2.header-orange-modify1 .menu-area .row-table .col-cell.header-logo { display: flex; flex: unset; } .full-width-header .rs-header.header-style2.header-orange-modify1 .menu-area:before { content: ""; background: #ff6314; position: absolute; top: 0; bottom: 0; left: -50px; height: 100%; width: 20%; z-index: -1; padding: 77px 188px 78px; margin-top: -55px; transform: skew(-30deg); } .full-width-header .rs-header.header-style2.header-orange-modify1 .menu-area:after { content: ""; background: #ff6314; position: absolute; top: 0; bottom: 0; right: -50px; height: 100%; width: 20%; z-index: -1; transform: skew(30deg); } .full-width-header .rs-header.header-style2.header-orange-modify1 .menu-area.sticky .logo-area img { top: 0; } .full-width-header .rs-header.header-style2.header-orange-modify1 .menu-area .main-menu .rs-menu ul.nav-menu li a { height: 100px; line-height: 100px; } .full-width-header .rs-header.header-style2.header-orange-modify1 .menu-area .main-menu .rs-menu ul.sub-menu li a { height: unset; line-height: 25px; } .full-width-header .rs-header.header-style2.header-orange-modify1 .menu-area .main-menu .rs-menu ul li.active a, .full-width-header .rs-header.header-style2.header-orange-modify1 .menu-area .main-menu .rs-menu ul.nav-menu li a:hover, .full-width-header .rs-header.header-style2.header-orange-modify1 .menu-area .main-menu .rs-menu ul li.current-menu-item > a:before, .full-width-header .rs-header.header-style2.header-orange-modify1 .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a { color: #ff6314 !important; } .full-width-header .rs-header.header-style2.header-orange-modify1 .expand-btn-inner .rs-contact-phone .phone-number a { color: #ffffff; } .full-width-header .rs-header.header-style2.header-orange-modify1 .expand-btn-inner .rs-contact-phone .phone-number span { opacity: 0.8; color: #fff; } .full-width-header .rs-header.header-style2.header-orange-modify1 .expand-btn-inner .rs-contact-phone i { font-size: 19px; color: #fff; background: #ffffff3b !important; border: none; margin-right: 20px; height: 52px; width: 52px; line-height: 60px; text-align: center; border-radius: 30px; } .full-width-header .rs-header.header-style2.header-orange-modify2 .expand-btn-inner .rs-contact-phone .phone-number a:hover, .full-width-header .rs-header.header-style2.header-orange-modify2 .menu-area .main-menu .rs-menu ul li.active a, .full-width-header .rs-header.header-style2.header-orange-modify2 .menu-area .main-menu .rs-menu ul.nav-menu li a:hover, .full-width-header .rs-header.header-style2.header-orange-modify2 .menu-area .main-menu .rs-menu ul li.current-menu-item > a:before, .full-width-header .rs-header.header-style2.header-orange-modify2 .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a { color: #ff5a06 !important; } .full-width-header .rs-header.header-style2.header-orange-modify2 .expand-btn-inner .rs-contact-phone i { font-size: 19px; background: #ff5a06; border: none; } .full-width-header .rs-header.header-style2.header-orange-modify2 .expand-btn-inner ul .btn-quote .quote-button { background: #ff6314; color: #ffffff; } .full-width-header .rs-header.header-style2.header-orange-modify2 .expand-btn-inner ul .search-parent a i:hover { color: #ff6314; } .full-width-header .rs-header.header-style3 .menu-area { background: transparent; } .full-width-header .rs-header.header-style3 .menu-area .main-menu .rs-menu ul.nav-menu li a:hover, .full-width-header .rs-header.header-style3 .menu-area .main-menu .rs-menu ul li.active a, .full-width-header .rs-header.header-style3 .menu-area .main-menu .rs-menu ul.sub-menu li.active a, .full-width-header .rs-header.header-style3 .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a, .full-width-header .rs-header.header-style3 .menu-area .main-menu .rs-menu ul li.current-menu-item > a:before { color: #21c0f5 !important; } .full-width-header .rs-header.header-style3 .menu-area .main-menu .rs-menu ul.sub-menu li a { height: unset; line-height: 25px; color: #010d14 !important; } .full-width-header .rs-header.header-style3 .menu-area .main-menu .rs-menu ul.nav-menu li a { color: #ffffff; } .full-width-header .rs-header.header-style3 .expand-btn-inner ul .humburger { display: block; } .full-width-header .rs-header.header-style3 .expand-btn-inner ul .humburger .nav-expander .bar span { background: #21c0f5; } .full-width-header .rs-header.header-style3 .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li > a { color: #010d14; } .full-width-header .rs-header.header-transparent { position: absolute; top: 0; left: 0; width: 100%; z-index: 999; } .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: #ffb703; } .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: #ffffff; box-shadow: 0px 0px 10px 0px #eee; padding: 90px 60px 60px 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 { position: absolute; top: 23px; display: block; z-index: 99; right: 3px; cursor: pointer; } .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; height: 25px !important; background: #000000; 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: #ffb703; } .full-width-header .right_menu_togle .canvas-logo { padding-left: 0; padding-bottom: 35px; } .full-width-header .right_menu_togle .canvas-logo img { max-height: 45px; } .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: 24px; } .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: #ffb703; top: 5px; position: relative; font-family: uicons-regular-rounded !important; } .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: #000000; font-family: Roboto; 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: #010d14; font-family: Roboto; } .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em a { color: #010d14; } .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em a:hover { color: #ffb703; } .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: #ffb703; width: 35px; height: 35px; line-height: 35px; } .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; font-size: 16px; font-weight: 500; font-family: Roboto; color: #000000; padding: 10px 0; line-height: 30px; 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; } .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: #ffb703; } body.modal-open { padding: 0 !important; } body .modal.show .modal-dialog { width: 100%; max-width: 500px; } body .modal { z-index: 9999; } body .search-modal { padding: 0 !important; background: rgba(187, 11, 11, 0.9); } 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 .about-image-wrap { position: relative; } .rs-about.about-style1 .about-image-wrap .images-part .main-img { margin: 0px 0px 0px 62px; } .rs-about.about-style1 .about-image-wrap .images-part .top-img1 { position: absolute; top: -8%; left: 0; } .rs-about.about-style1 .about-image-wrap .images-part .middle-img2 { position: absolute; top: 30%; left: 0; } .rs-about.about-style1 .about-image-wrap .images-part .bottom-img3 { position: absolute; top: 69%; left: 0; } .rs-about.about-style1 .about-image-wrap .rs-addon-services { background-color: #ffffff; padding: 5px 30px 15px 30px; border-radius: 10px 10px 10px 10px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08); display: flex; align-items: center; max-width: 282px; bottom: -25px; right: -6.9%; position: absolute; } .rs-about.about-style1 .about-image-wrap .rs-addon-services .services-icon img { height: 40px; width: 46px; max-width: unset; } .rs-about.about-style1 .about-image-wrap .rs-addon-services .services-text { padding: 15px 0px 0px 15px; } .rs-about.about-style1 .about-image-wrap .rs-addon-services .services-text .title { font-size: 16px; font-weight: 500; line-height: 1.365em; font-family: "Roboto", Sans-serif; margin: 0 0 0; color: #010d14; } .rs-about.about-style1 .services-item { display: flex; } .rs-about.about-style1 .services-item .services-icon img { height: 50px; width: 50px; max-width: unset; } .rs-about.about-style1 .services-item .services-text { padding: 4px 0px 0px 15px; } .rs-about.about-style1 .services-item .services-text .title { font-size: 20px; font-weight: 700; line-height: 1.365em; font-family: "Roboto", Sans-serif; color: #010d14; margin: 0 0 0px; } .rs-about.about-style1 .services-item:hover .services-text .title { color: #eb003d; } .rs-about.about-style2 .about-image { margin: 0px 50px 0px -101px; } .rs-about.about-style2 .widget-img { position: relative; } .rs-about.about-style2 .widget-img .multi-img { position: absolute; right: -30px; bottom: -38px; } .rs-about.about-style2 .rs-addon-services { display: flex; } .rs-about.about-style2 .rs-addon-services .services-icon { text-align: center; background-color: #f4f8ff; height: 70px; min-width: 70px; line-height: 75px; border-top-left-radius: 30% 30%; border-top-right-radius: 70% 30%; border-bottom-right-radius: 70% 70%; border-bottom-left-radius: 30% 70%; } .rs-about.about-style2 .rs-addon-services .services-icon i:before { font-size: 30px; color: #0052da; } .rs-about.about-style2 .rs-addon-services .services-text { padding: 5px 0px 0px 0px; margin: 0px 0px 0px 20px; } .rs-about.about-style2 .rs-addon-services .services-text .title { font-size: 18px; line-height: 28px; font-weight: 700; font-family: "Roboto", Sans-serif; color: #010d14; margin: 0 0 4px; } .rs-about.about-style2 .rs-addon-services .services-text .services-txt { margin: 0; } .rs-about.about-style3 .our-carpenter-bg { background-color: #f6f5f3; padding: 60px 60px 60px 60px; border-radius: 5px 5px 5px 5px; } .rs-about.about-style3 .our-carpenter-bg .requset-services-wrap { background-color: #e88e2e; padding: 30px 50px 40px 50px; border-radius: 5px 5px 5px 5px; } .rs-about.about-style3 .our-carpenter-bg .requset-services-wrap .title-heading { text-align: center; } .rs-about.about-style3 .our-carpenter-bg .requset-services-wrap .title-heading .title { font-size: 30px; line-height: 40px; color: #ffffff; font-weight: 700; margin: 0px 0px 0px 0px; } .rs-about.about-style3 .our-carpenter-bg .requset-services-wrap .contact-wrap .from-control { padding: 12px 20px; border-radius: 3px 3px 3px 3px; border-style: solid; border-width: 1px 1px 1px 1px; background-color: #e88e2e; border-color: #eabd8d; color: #333333; width: 100%; opacity: 1; } .rs-about.about-style3 .our-carpenter-bg .requset-services-wrap .contact-wrap textarea { height: 120px; } .rs-about.about-style3 .our-carpenter-bg .requset-services-wrap .contact-wrap ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; opacity: 0.79; } .rs-about.about-style3 .our-carpenter-bg .requset-services-wrap .contact-wrap ::-moz-placeholder { /* Firefox 19+ */ color: #fff; opacity: 0.79; } .rs-about.about-style3 .our-carpenter-bg .requset-services-wrap .contact-wrap :-ms-input-placeholder { /* IE 10+ */ color: #fff; opacity: 0.79; } .rs-about.about-style3 .our-carpenter-bg .requset-services-wrap .contact-wrap :-moz-placeholder { /* Firefox 18- */ color: #fff; opacity: 0.79; } .rs-about.about-style3 .image-wrap { margin: 0px 0px 0px -70px; } .rs-about.about-style3.about-modify1 .about-txt { position: relative; margin-top: 45px; } .rs-about.about-style3.about-modify1 .about-txt .title-name { color: #333333; font-family: "Roboto", Sans-serif; font-size: 20px; font-weight: 500; line-height: 30px; margin: 0; } .rs-about.about-style3.about-modify1 .about-txt .title-name:before { content: ""; position: absolute; left: 0; top: -22px; width: 200px; height: 1px; background-color: #333333cc; } .rs-about.about-style3.about-modify1 .image-wrap2 { position: relative; margin: 0px 50px 0px 0px; } .rs-about.about-style3.about-modify1 .image-wrap2 img { position: relative; right: 140px; } .rs-about.about-style3.about-modify1 .image-wrap2 .images-shape img { width: 70%; max-width: 70%; position: absolute; right: 4%; bottom: -90px; } .rs-about.about-style3.about-modify1 .abou-btn-wrap { display: flex; align-items: center; } .rs-about.about-style3.about-modify1 .abou-btn-wrap li { display: inline-block; margin-right: 30px; } .rs-about.about-style3.about-modify1 .abou-btn-wrap li:last-child { margin-right: 0; } .rs-about.about-style3.about-modify1 .image-part2 { margin: 0px 30px 0px -55px; } .rs-about.about-style4 .about-section-inner { display: inline-block; } .rs-about.about-style4 .about-section-inner .img-part { width: 33%; float: left; } .rs-about.about-style4 .about-section-inner .about-content { width: 65%; float: left; margin: -4px 0px 0px 0px; padding: 0px 27px 0px 30px; } .rs-about.about-style4 .about-section-inner .about-content .text-part { font-size: 18px; font-weight: 500; line-height: 30px; color: #010d14; padding: 0px 0px 0px 0px; } .rs-about.about-style4 .about-section-inner .about-content .content-information { position: relative; padding-top: 20px; } .rs-about.about-style4 .about-section-inner .about-content .content-information .title-name { font-size: 18px; line-height: 20px; font-weight: 600; color: #010d14; font-family: "Montserrat", Sans-serif; margin-bottom: 10px; } .rs-about.about-style4 .about-section-inner .about-content .content-information .title { font-weight: 600; color: #010d14; } .rs-about.about-style4 .about-section-inner .about-content .content-information .images-part { position: absolute; left: 54%; top: 43%; } .rs-about.about-style4 .about-section-inner .about-content .content-information .images-part img { width: 130px; max-width: 130px; top: 355px; } .rs-about.about-style5 { position: relative; margin-top: -128px; } .rs-about.about-style5 .about-image { background-image: url(assets/images/about/about-13.png); background-repeat: no-repeat; } .rs-about.about-style5 .about-content-wrap { padding: 24% 29% 16% 9%; background-color: #1f0a00; background-image: url(assets/images/bg/about-13bg-1.png); background-position: center; background-position: bottom left; background-repeat: no-repeat; background-size: 90vw auto; } /* ------------------------------------ 06. Breadcrumbs Section CSS ---------------------------------------*/ .rs-breadcrumbs { background-repeat: no-repeat !important; background-size: cover !important; background-position: top left !important; } .rs-breadcrumbs .breadcrumbs-inner { padding: 140px 10px 140px 10px; text-align: center; } .rs-breadcrumbs .breadcrumbs-inner .page-title { position: relative; z-index: 1; font-size: 48px; line-height: 1.3; font-weight: 700; color: #ffffff; padding-top: 20px; margin-bottom: 18px; } .rs-breadcrumbs .breadcrumbs-inner .page-title:after { content: ""; height: 5px; position: absolute; top: -5px; margin: 0 auto; left: 0; right: 0; transition: all 0.3s ease; z-index: -1; background: #ffb703; width: 65px; } .rs-breadcrumbs .breadcrumbs-inner .sub-text { font-size: 18px; line-height: 30px; font-weight: 400; color: #fff; text-transform: capitalize; margin-bottom: 32px; display: inline-block; } .rs-breadcrumbs .breadcrumbs-inner .breadcrumbs-area { background: rgba(255, 255, 255, 0.1); padding: 13px 30px; max-width: 300px; margin: 0 auto; } .rs-breadcrumbs .breadcrumbs-inner .breadcrumbs-area li { color: #ffffff; display: inline-block; font-size: 14px; font-weight: 400; } .rs-breadcrumbs .breadcrumbs-inner .breadcrumbs-area li a { position: relative; padding-right: 30px; font-size: 14px; color: #ffffff; } .rs-breadcrumbs .breadcrumbs-inner .breadcrumbs-area li a:before { content: ""; position: absolute; background: #ffb703; width: 7px; height: 7px; border-radius: 50%; right: 10px; top: 5px; } .rs-breadcrumbs .breadcrumbs-inner .breadcrumbs-area li a:hover { color: #ffb703; } .rs-breadcrumbs.img1 { background: url(images/about4.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); } /* ------------------------------------ 07. Banner Section CSS ---------------------------------------*/ .rs-banner.banner-style1 { background: url(assets/images/banner/banner-1.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .rs-banner.banner-style1 .content-wrap { padding: 198px 0 165px; } .rs-banner.banner-style1 .content-wrap .sub-text { font-size: 16px; line-height: 26px; font-weight: 500; color: #ffffff; text-transform: uppercase; display: block; margin-bottom: 12px; } .rs-banner.banner-style1 .content-wrap .title { font-size: 65px; line-height: 1.3; font-weight: 700; color: #ffffff; margin: 0 0 27px; } .rs-banner.banner-style1 .content-wrap .description p { font-size: 16px; line-height: 26px; font-weight: 400; color: #ffffff; margin: 0; } .rs-banner.banner-style1 .get-quote-widget .title-heading { padding: 20px 0px 20px 0px; background-color: #0052da; text-align: center; } .rs-banner.banner-style1 .get-quote-widget .title-heading .title { font-size: 24px; line-height: 1.3; color: #fff; font-weight: 700; margin: 0px 0px 0px 0px; } .rs-banner.banner-style1 .get-quote-widget .contact-wrap { padding: 30px 30px 0px 30px; background-color: #ffffff; } .rs-banner.banner-style1 .get-quote-widget .contact-wrap .from-control { padding: 12px 20px; border: 1px solid #f1f1f1; color: #454545; width: 100%; opacity: 1; } .rs-banner.banner-style1 .get-quote-widget .contact-wrap textarea { height: 120px; } .rs-banner.banner-style1 .get-quote-widget .contact-wrap ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #454545; opacity: 0.5; } .rs-banner.banner-style1 .get-quote-widget .contact-wrap ::-moz-placeholder { /* Firefox 19+ */ color: #454545; opacity: 0.5; } .rs-banner.banner-style1 .get-quote-widget .contact-wrap :-ms-input-placeholder { /* IE 10+ */ color: #454545; opacity: 0.5; } .rs-banner.banner-style1 .get-quote-widget .contact-wrap :-moz-placeholder { /* Firefox 18- */ color: #454545; opacity: 0.5; } .rs-banner.banner-style2 { background: url(images/banner1.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; } .rs-banner.banner-style2 .content-wrap { text-align: center; padding: 96px 0; } .rs-banner.banner-style2 .content-wrap .title { font-size: 90px; line-height: 100px; font-weight: 700; color: #ffffff; margin: 0 0 27px; } .rs-banner.banner-style2 .content-wrap .description p { font-size: 16px; line-height: 26px; font-weight: 400; color: #ffffff; margin: 0; } .rs-banner.banner-style3 { background: url(assets/images/banner/style1/bnr-bg-14.png); background-position: center left; background-repeat: no-repeat; background-size: cover; } .rs-banner.banner-style3 .content-wrap { padding: 200px 0px 200px 0px; } .rs-banner.banner-style3 .content-wrap .sub-title { color: #ff5a06; margin: 0px 0px 20px 0px; line-height: 1.3; font-family: Roboto; font-size: 16px; text-transform: uppercase; font-weight: 500; display: inline-block; } .rs-banner.banner-style3 .content-wrap .title { font-size: 80px; line-height: 90px; font-weight: 700; color: #010d14; margin: 0 0 27px; } .rs-banner.banner-style3 .content-wrap .description p { font-size: 16px; line-height: 26px; font-weight: 400; color: #333333; margin: 0; } .rs-banner.banner-style3 .banner-images img { margin: 0px 0px 0 94px; max-width: 870px; } /* ------------------------------------ 08. Slider Section CSS ---------------------------------------*/ .rs-slider.slider-style1 .slider .slider-item { background-image: url(assets/images/slider/style1/h1-1.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; } .rs-slider.slider-style1 .slider .slider-item .slider-inner { padding: 230px 0 230px; } .rs-slider.slider-style1 .slider .slider-item .slider-inner .content-part .sl-subtitle { font-size: 16px; font-weight: 500; line-height: 28px; color: #333333; text-transform: uppercase; display: flex; align-items: center; margin: 0 0 10px; } .rs-slider.slider-style1 .slider .slider-item .slider-inner .content-part .sl-subtitle .sl-icons { position: relative; top: -3px; margin-right: 5px; } .rs-slider.slider-style1 .slider .slider-item .slider-inner .content-part .sl-title { font-size: 65px; font-weight: 700; line-height: 75px; color: #010d14; margin: 0 0 15px; } .rs-slider.slider-style1 .slider .slider-item .slider-inner .content-part .sl-desc { font-size: 18px; font-weight: 500; line-height: 28px; color: #333333; margin: 0 0 40px; } .rs-slider.slider-style1 .slider .slider-item .animation-wrap .animate-style { position: absolute; bottom: 0; } .rs-slider.slider-style1 .slider .slider-item .animation-wrap .animate-style img { max-width: 25px; } .rs-slider.slider-style1 .slider .slider-item .animation-wrap .animate-style.one { left: 8%; top: 25%; } .rs-slider.slider-style1 .slider .slider-item .animation-wrap .animate-style.two { right: 41%; top: 8%; } .rs-slider.slider-style1 .slider .slider-item .animation-wrap .animate-style.three { bottom: 12%; left: 38%; } .rs-slider.slider-style1 .slider .slider-item.slide-bg2 { background-image: url(assets/images/slider/style1/h1-2.jpg); } .rs-slider.slider-style1 .slider .slider-item.slide-bg2 .slider-inner { display: flex; justify-content: flex-end; } .rs-slider.slider-style1 .slider .slider-item.slide-bg2 .animation-wrap .animate-style.two { right: 52%; top: 12%; } .rs-slider.slider-style1 .slider .slider-item.slide-bg2 .animation-wrap .animate-style.one { left: unset; top: 19%; right: 12%; } .rs-slider.slider-style1 .slider .slider-item.slide-bg2 .animation-wrap .animate-style.three { left: 58%; } .rs-slider.slider-style1 .slider .slick-arrow { position: absolute; bottom: 0; border: none; background-color: transparent; width: 60px; height: 60px; border-radius: 50%; transform: translateY(-50%); font-size: 0; background: #333; z-index: 99; opacity: 1; display: block !important; } .rs-slider.slider-style1 .slider .slick-arrow.slick-next { right: 2%; top: 50%; } .rs-slider.slider-style1 .slider .slick-arrow.slick-next:before { font-size: 18px; font-weight: 800; color: #ffffff; margin: 0; content: "\f113"; font-family: Flaticon; text-align: center; } .rs-slider.slider-style1 .slider .slick-arrow.slick-prev { left: 2%; top: 50%; } .rs-slider.slider-style1 .slider .slick-arrow.slick-prev:before { font-size: 18px; font-weight: 800; color: #ffffff; margin: 0; content: "\f112"; font-family: Flaticon; text-align: center; } .rs-slider.slider-style1 .slider .slick-arrow:hover.slick-next:before, .rs-slider.slider-style1 .slider .slick-arrow:hover.slick-prev:before { color: #ffffff; } .rs-slider.slider-style1 .slider .slick-list { padding: 0 0 0 !important; } .rs-slider.slider-style2 .slider .slider-item { background-image: url(assets/images/slider/style1/h2-1.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; } .rs-slider.slider-style2 .slider .slider-item .slider-inner { padding: 200px 0 200px; } .rs-slider.slider-style2 .slider .slider-item .slider-inner .content-part .sl-subtitle { position: relative; padding-left: 62px; font-size: 16px; font-weight: 500; line-height: 28px; color: #333333; text-transform: uppercase; display: block; margin: 0 0 10px; } .rs-slider.slider-style2 .slider .slider-item .slider-inner .content-part .sl-subtitle:before { position: absolute; content: ""; background: #ffb703; height: 2px; transition: all 0.4s ease; width: 50px; right: 0; left: 0; bottom: 14px; margin-left: 0; z-index: 0; } .rs-slider.slider-style2 .slider .slider-item .slider-inner .content-part .sl-title { font-size: 90px; font-weight: 700; line-height: 90px; color: #010d14; margin: 0 0 15px; } .rs-slider.slider-style2 .slider .slider-item .slider-inner .content-part .small-title2 { font-size: 70px; font-weight: 700; line-height: 85px; color: #010d14; margin: 0 0 15px; } .rs-slider.slider-style2 .slider .slider-item .slider-inner .content-part .small-title2 .bdr-big { position: relative; z-index: 11; } .rs-slider.slider-style2 .slider .slider-item .slider-inner .content-part .small-title2 .bdr-big:before { content: ""; position: absolute; bottom: 9px; left: 5.5px; width: 100%; height: 25px; z-index: -1; background-color: #ffb703; } .rs-slider.slider-style2 .slider .slider-item .slider-inner .content-part .sl-desc { font-size: 20px; font-weight: 400; line-height: 30px; color: #333333; margin: 0 0 40px; } .rs-slider.slider-style2 .slider .slider-item.slide-bg2 { background-image: url(assets/images/slider/style1/h2-2.jpg); } .rs-slider.slider-style2 .slider .slick-arrow { position: absolute; bottom: 0; border: none; background-color: transparent; width: 60px; height: 60px; border-radius: 50%; transform: translateY(-50%); font-size: 0; background: #d5d8d9; z-index: 99; opacity: 1; display: block !important; } .rs-slider.slider-style2 .slider .slick-arrow.slick-next { right: 2%; top: 50%; } .rs-slider.slider-style2 .slider .slick-arrow.slick-next:before { font-size: 18px; font-weight: 800; color: #ffffff; margin: 0; content: "\f113"; font-family: Flaticon; text-align: center; } .rs-slider.slider-style2 .slider .slick-arrow.slick-prev { left: 2%; top: 50%; } .rs-slider.slider-style2 .slider .slick-arrow.slick-prev:before { font-size: 18px; font-weight: 800; color: #ffffff; margin: 0; content: "\f112"; font-family: Flaticon; text-align: center; } .rs-slider.slider-style2 .slider .slick-arrow:hover.slick-next:before, .rs-slider.slider-style2 .slider .slick-arrow:hover.slick-prev:before { color: #ffffff; } .rs-slider.slider-style2 .slider .slick-list { padding: 0 0 0 !important; } .rs-slider.slider-style3 .slider .slider-item { background-image: url(assets/images/slider/style1/h3-1.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; } .rs-slider.slider-style3 .slider .slider-item .slider-inner { padding: 250px 0 250px; } .rs-slider.slider-style3 .slider .slider-item .slider-inner .content-part .sl-subtitle { font-size: 16px; font-weight: 500; line-height: 28px; opacity: 1; color: #ffb703; text-transform: uppercase; display: block; margin: 0 0 10px; } .rs-slider.slider-style3 .slider .slider-item .slider-inner .content-part .sl-title { font-size: 80px; font-weight: 700; line-height: 80px; color: #ffffff; margin: 0 0 50px; } .rs-slider.slider-style3 .slider .slider-item.slide-bg2 { background-image: url(assets/images/slider/style1/h3-2.jpg); } .rs-slider.slider-style3 .slider .slick-arrow { position: absolute; bottom: 0; border: none; background-color: transparent; width: 60px; height: 60px; border-radius: 50%; transform: translateY(-50%); font-size: 0; background: #fff; z-index: 99; opacity: 1; display: block !important; } .rs-slider.slider-style3 .slider .slick-arrow.slick-next { right: 2%; top: 50%; } .rs-slider.slider-style3 .slider .slick-arrow.slick-next:before { font-size: 18px; font-weight: 800; color: #010d14; margin: 0; content: "\f113"; font-family: Flaticon; text-align: center; } .rs-slider.slider-style3 .slider .slick-arrow.slick-prev { left: 2%; top: 50%; } .rs-slider.slider-style3 .slider .slick-arrow.slick-prev:before { font-size: 18px; font-weight: 800; color: #010d14; margin: 0; content: "\f112"; font-family: Flaticon; text-align: center; } .rs-slider.slider-style3 .slider .slick-arrow:hover.slick-next:before, .rs-slider.slider-style3 .slider .slick-arrow:hover.slick-prev:before { opacity: 0.79; } .rs-slider.slider-style3 .slider .slick-list { padding: 0 0 0 !important; } .rs-slider.slider-style4 .slider .slider-item { background-image: url(assets/images/slider/style1/h4-1.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; } .rs-slider.slider-style4 .slider .slider-item .slider-inner { padding: 230px 0 230px; } .rs-slider.slider-style4 .slider .slider-item .slider-inner .content-part .sl-subtitle { font-size: 16px; font-weight: 500; line-height: 28px; color: #ffffff; text-transform: uppercase; display: flex; align-items: center; margin: 0 0 10px; } .rs-slider.slider-style4 .slider .slider-item .slider-inner .content-part .sl-subtitle .sl-icons { position: relative; top: -2px; margin-right: 6px; display: block; max-width: 25px; } .rs-slider.slider-style4 .slider .slider-item .slider-inner .content-part .sl-title { font-size: 70px; font-weight: 700; line-height: 80px; color: #ffffff; text-transform: uppercase; margin: 0 0 10px; } .rs-slider.slider-style4 .slider .slider-item .slider-inner .content-part .sl-desc { font-size: 20px; font-weight: 400; line-height: 30px; color: #ffffff; margin: 0 0 40px; } .rs-slider.slider-style4 .slider .slider-item.slide-bg2 { background-image: url(assets/images/slider/style1/h4-2.jpg); } .rs-slider.slider-style4 .slider .slick-arrow { position: absolute; bottom: 0; border: none; background-color: transparent; width: 60px; height: 60px; border-radius: 50%; transform: translateY(-50%); font-size: 0; background: #0d161f; z-index: 99; opacity: 1; display: block !important; } .rs-slider.slider-style4 .slider .slick-arrow.slick-next { right: 2%; top: 50%; } .rs-slider.slider-style4 .slider .slick-arrow.slick-next:before { font-size: 18px; font-weight: 800; color: #ffffff; margin: 0; content: "\f113"; font-family: Flaticon; text-align: center; } .rs-slider.slider-style4 .slider .slick-arrow.slick-prev { left: 2%; top: 50%; } .rs-slider.slider-style4 .slider .slick-arrow.slick-prev:before { font-size: 18px; font-weight: 800; color: #ffffff; margin: 0; content: "\f112"; font-family: Flaticon; text-align: center; } .rs-slider.slider-style4 .slider .slick-arrow:hover.slick-next:before, .rs-slider.slider-style4 .slider .slick-arrow:hover.slick-prev:before { opacity: 0.79; } .rs-slider.slider-style4 .slider .slick-list { padding: 0 0 0 !important; } .rs-slider.slider-style5 .slider .slider-item { background-image: url(assets/images/slider/style1/h5-1.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; } .rs-slider.slider-style5 .slider .slider-item .slider-inner { padding: 270px 0 270px; } .rs-slider.slider-style5 .slider .slider-item .slider-inner .content-part .sl-subtitle { font-size: 16px; font-weight: 500; line-height: 28px; text-transform: uppercase; display: block; color: #e8271e; margin: 0 0 10px; } .rs-slider.slider-style5 .slider .slider-item .slider-inner .content-part .sl-title { font-size: 80px; line-height: 100px; font-weight: 700; color: #ffffff; margin: 0 0 10px; } .rs-slider.slider-style5 .slider .slider-item .slider-inner .content-part .sl-desc { font-size: 20px; font-weight: 400; line-height: 30px; color: #fff; margin: 0 0 40px; } .rs-slider.slider-style5 .slider .slider-item.slide-bg2 { background-image: url(assets/images/slider/style1/h5-2.jpg); } .rs-slider.slider-style5 .slider .slick-arrow { position: absolute; bottom: 0; border: none; background-color: transparent; width: 60px; height: 60px; border-radius: 50%; transform: translateY(-50%); font-size: 0; background: #090b18; z-index: 99; opacity: 1; display: block !important; } .rs-slider.slider-style5 .slider .slick-arrow.slick-next { right: 2%; top: 50%; } .rs-slider.slider-style5 .slider .slick-arrow.slick-next:before { font-size: 18px; font-weight: 800; color: #ffffff; margin: 0; content: "\f113"; font-family: Flaticon; text-align: center; } .rs-slider.slider-style5 .slider .slick-arrow.slick-prev { left: 2%; top: 50%; } .rs-slider.slider-style5 .slider .slick-arrow.slick-prev:before { font-size: 18px; font-weight: 800; color: #ffffff; margin: 0; content: "\f112"; font-family: Flaticon; text-align: center; } .rs-slider.slider-style5 .slider .slick-arrow:hover.slick-next:before, .rs-slider.slider-style5 .slider .slick-arrow:hover.slick-prev:before { opacity: 0.79; } .rs-slider.slider-style5 .slider .slick-list { padding: 0 0 0 !important; } .rs-slider.slider-style6 .slider .slider-item { background-image: url(assets/images/slider/style1/h6-1.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; } .rs-slider.slider-style6 .slider .slider-item .slider-inner { padding: 340px 0 340px; } .rs-slider.slider-style6 .slider .slider-item .slider-inner .content-part { position: relative; z-index: 11; } .rs-slider.slider-style6 .slider .slider-item .slider-inner .content-part .sl-title { font-size: 57px; font-weight: 800; line-height: 68px; color: #ffffff; margin: 0 0 20px; } .rs-slider.slider-style6 .slider .slider-item .slider-inner .content-part .sl-desc { font-size: 16px; font-weight: 400; line-height: 28px; color: #ffffff; margin: 0 0 35px; } .rs-slider.slider-style6 .slider .slider-item .slider-inner .content-part .slide-layer { position: absolute; width: 550px; height: 400px; background-color: rgba(24, 54, 80, 0.86); color: #ffffff; opacity: 1; transform: translateY(-88%); left: -3%; content: ""; z-index: -11; } .rs-slider.slider-style6 .slider .slider-item.slide-bg2 { background-image: url(assets/images/slider/style1/h6-2.jpg); } .rs-slider.slider-style6 .slider .slick-arrow { position: absolute; bottom: 0; border: none; background-color: transparent; width: 60px; height: 60px; border-radius: 50%; transform: translateY(-50%); font-size: 0; background: #183650; z-index: 99; opacity: 1; display: block !important; } .rs-slider.slider-style6 .slider .slick-arrow.slick-next { right: 2%; top: 50%; } .rs-slider.slider-style6 .slider .slick-arrow.slick-next:before { font-size: 18px; font-weight: 800; color: #ffffff; margin: 0; content: "\f113"; font-family: Flaticon; text-align: center; } .rs-slider.slider-style6 .slider .slick-arrow.slick-prev { left: 2%; top: 50%; } .rs-slider.slider-style6 .slider .slick-arrow.slick-prev:before { font-size: 18px; font-weight: 800; color: #ffffff; margin: 0; content: "\f112"; font-family: Flaticon; text-align: center; } .rs-slider.slider-style6 .slider .slick-arrow:hover.slick-next:before, .rs-slider.slider-style6 .slider .slick-arrow:hover.slick-prev:before { opacity: 0.79; } .rs-slider.slider-style6 .slider .slick-list { padding: 0 0 0 !important; } .rs-slider.slider-style7 { background: url(assets/images/slider/style2/slide-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } .rs-slider.slider-style7 .slider { overflow: hidden; } .rs-slider.slider-style7 .slider .container { position: relative; padding: 335px 15px 205px; } .rs-slider.slider-style7 .slider .container .content-part .sl-sub-title { font-size: 16px; line-height: 30px; font-weight: 500; color: #ffffff; text-transform: uppercase; display: block; margin: 0 0 7px; } .rs-slider.slider-style7 .slider .container .content-part .sl-title { font-size: 70px; line-height: 80px; font-weight: 700; color: #ffffff; margin: 0 0 10px; } .rs-slider.slider-style7 .slider .container .content-part .sl-title-small { font-size: 52px; line-height: 62px; font-weight: 700; color: #ffffff; margin: 0 0 22px; } .rs-slider.slider-style7 .slider .container .content-part .sl-desc { font-size: 18px; line-height: 30px; font-weight: 400; color: #ffffff; margin: 0 0 42px; } .rs-slider.slider-style7 .owl-item.active .slider { /*-- Animations Start --*/ /*-- Animations End --*/ } .rs-slider.slider-style7 .owl-item.active .slider .sl-sub-title { -webkit-animation: fadeInDown 1.4s ease-in-out; animation: fadeInDown 1.4s ease-in-out; } .rs-slider.slider-style7 .owl-item.active .slider .sl-title { -webkit-animation: fadeInRight 1.5s ease-in-out; animation: fadeInRight 1.5s ease-in-out; } .rs-slider.slider-style7 .owl-item.active .slider .sl-title-small { -webkit-animation: fadeInRight 1.6s ease-in-out; animation: fadeInRight 1.6s ease-in-out; } .rs-slider.slider-style7 .owl-item.active .slider .sl-desc { -webkit-animation: fadeInRight 1.7s ease-in-out; animation: fadeInRight 1.7s ease-in-out; } .rs-slider.slider-style7 .owl-item.active .slider .slider-bottom { -webkit-animation: fadeInUp 1.4s ease-in-out; animation: fadeInUp 1.4s ease-in-out; } .rs-slider.slider-style7 .owl-nav { display: block; } .rs-slider.slider-style7 .owl-nav .owl-next, .rs-slider.slider-style7 .owl-nav .owl-prev { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 70px; height: 70px; line-height: 74px; border-radius: 50%; background: rgba(0, 0, 0, 0.1); text-align: center; color: #ffffff; transition: all 0.5s; transition-delay: 0.7s; opacity: 0; visibility: hidden; } .rs-slider.slider-style7 .owl-nav .owl-next i:before, .rs-slider.slider-style7 .owl-nav .owl-prev i:before { content: "\f112"; font-family: Flaticon; font-size: 20px; margin-right: 3px; } .rs-slider.slider-style7 .owl-nav .owl-next:hover, .rs-slider.slider-style7 .owl-nav .owl-prev:hover { background: #c0c0c0; background: rgba(0, 0, 0, 0.5); } .rs-slider.slider-style7 .owl-nav .owl-next { right: 0; left: unset; } .rs-slider.slider-style7 .owl-nav .owl-next i:before { content: "\f113"; margin-right: 0; margin-left: 3px; } .rs-slider.slider-style7:hover .owl-nav .owl-next, .rs-slider.slider-style7:hover .owl-nav .owl-prev { left: 30px; transition-delay: 0s; visibility: visible; opacity: 1; } .rs-slider.slider-style7:hover .owl-nav .owl-next { right: 30px; left: unset; } .rs-slider.slider-style8 .slider .slider-item { background-image: url(assets/images/slider/style1/h7-1.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; } .rs-slider.slider-style8 .slider .slider-item .slider-inner { padding: 230px 0 230px; } .rs-slider.slider-style8 .slider .slider-item .slider-inner .content-part .sl-subtitle { font-size: 18px; font-weight: 500; line-height: 28px; text-transform: capitalize; display: block; color: #ba9071; margin: 0 0 10px; } .rs-slider.slider-style8 .slider .slider-item .slider-inner .content-part .sl-title { font-size: 65px; line-height: 70px; font-weight: 700; color: #010d14; margin: 0 0 30px; } .rs-slider.slider-style8 .slider .slider-item .slider-inner .content-part .sl-desc { font-size: 18px; font-weight: 400; line-height: 29px; color: #333333; margin: 0 0 38px; } .rs-slider.slider-style8 .slider .slider-item .slider-inner .content-part .slider-bottom { display: block; overflow: hidden; } .rs-slider.slider-style8 .slider .slider-item .slider-inner .content-part .slider-bottom li { display: inline-block; margin-right: 28px; } .rs-slider.slider-style8 .slider .slider-item .slider-inner .content-part .slider-bottom li:last-child { margin-right: 0; } .rs-slider.slider-style8 .slider .slider-item.slide-bg2 { background-image: url(assets/images/slider/style1/h7-2.jpg); } .rs-slider.slider-style8 .slider .slick-arrow { position: absolute; bottom: 0; border: none; background-color: transparent; width: 60px; height: 60px; border-radius: 50%; transform: translateY(-50%); font-size: 0; background: #8e8e8e; z-index: 99; opacity: 1; display: block !important; } .rs-slider.slider-style8 .slider .slick-arrow.slick-next { right: 2%; top: 50%; } .rs-slider.slider-style8 .slider .slick-arrow.slick-next:before { font-size: 18px; font-weight: 800; color: #ffffff; margin: 0; content: "\f113"; font-family: Flaticon; text-align: center; } .rs-slider.slider-style8 .slider .slick-arrow.slick-prev { left: 2%; top: 50%; } .rs-slider.slider-style8 .slider .slick-arrow.slick-prev:before { font-size: 18px; font-weight: 800; color: #ffffff; margin: 0; content: "\f112"; font-family: Flaticon; text-align: center; } .rs-slider.slider-style8 .slider .slick-list { padding: 0 0 0 !important; } .rs-slider.slider-style9 .slider .slider-item { background-image: url(assets/images/slider/style1/h8-1.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; } .rs-slider.slider-style9 .slider .slider-item .slider-inner { padding: 250px 0 250px; } .rs-slider.slider-style9 .slider .slider-item .slider-inner .content-part .sl-title { font-size: 70px; line-height: 80px; font-weight: 700; color: #fff; margin: 0 0 23px; } .rs-slider.slider-style9 .slider .slider-item .slider-inner .content-part .sl-desc { font-size: 18px; font-weight: 400; line-height: 28px; color: #ffffff; margin: 0 0 33px; } .rs-slider.slider-style9 .slider .slider-item .slider-inner .content-part .slider-bottom { display: block; overflow: hidden; } .rs-slider.slider-style9 .slider .slider-item .slider-inner .content-part .slider-bottom li { display: inline-block; margin-right: 28px; } .rs-slider.slider-style9 .slider .slider-item .slider-inner .content-part .slider-bottom li:last-child { margin-right: 0; } .rs-slider.slider-style9 .slider .slider-item.slide-bg2 { background-image: url(assets/images/slider/style1/h8-2.jpg); } .rs-slider.slider-style9 .slider .slick-arrow { position: absolute; bottom: 0; border: none; background-color: transparent; width: 60px; height: 60px; border-radius: 50%; transform: translateY(-50%); font-size: 0; background: rgba(0, 0, 0, 0.2); z-index: 99; opacity: 1; display: block !important; } .rs-slider.slider-style9 .slider .slick-arrow.slick-next { right: 2%; top: 50%; } .rs-slider.slider-style9 .slider .slick-arrow.slick-next:before { font-size: 18px; font-weight: 800; color: #ffffff; margin: 0; content: "\f113"; font-family: Flaticon; text-align: center; } .rs-slider.slider-style9 .slider .slick-arrow.slick-prev { left: 2%; top: 50%; } .rs-slider.slider-style9 .slider .slick-arrow.slick-prev:before { font-size: 18px; font-weight: 800; color: #ffffff; margin: 0; content: "\f112"; font-family: Flaticon; text-align: center; } .rs-slider.slider-style9 .slider .slick-list { padding: 0 0 0 !important; } .rs-slider.slider-style10 .slider .slider-item { background-image: url(assets/images/slider/style4/slider-bg.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; } .rs-slider.slider-style10 .slider .slider-item .slider-inner { padding: 80px 0 0px; display: flex; align-items: center; } .rs-slider.slider-style10 .slider .slider-item .slider-inner .content-part { max-width: 45%; width: 100%; margin-top: -90px; } .rs-slider.slider-style10 .slider .slider-item .slider-inner .content-part .sl-title { font-size: 90px; line-height: 100px; font-weight: 700; color: #fff; margin: 0 0 23px; } .rs-slider.slider-style10 .slider .slider-item .slider-inner .content-part .sl-desc { font-size: 16px; font-weight: 400; line-height: 28px; color: #ffffff; margin: 0 0 40px; } .rs-slider.slider-style10 .slider .slider-item .slider-inner .slide-images { position: relative; max-width: 55%; width: 100%; } .rs-slider.slider-style10 .slider .slider-item .slider-inner .slide-images img { margin: 0 0px 0 140px; max-width: 870px; } .rs-slider.slider-style10 .slider .slider-item .slider-inner .slide-images .animate-shape .animation { position: absolute; bottom: 0; } .rs-slider.slider-style10 .slider .slider-item .slider-inner .slide-images .animate-shape .animation img { max-width: 160px; } .rs-slider.slider-style10 .slider .slider-item .slider-inner .slide-images .animate-shape .animation.frame1 { left: -65px; bottom: 70px; } .rs-slider.slider-style10 .slider .slider-item .slider-inner .slide-images .animate-shape .animation.frame2 { top: -15px; left: -65px; } .rs-slider.slider-style10 .slider .slick-arrow { position: absolute; bottom: 0; border: none; background-color: transparent; width: 44px; height: 44px; transform: translateY(-50%); font-size: 0; background: rgba(0, 0, 0, 0.2); z-index: 99; opacity: 1; display: block !important; } .rs-slider.slider-style10 .slider .slick-arrow.slick-next { left: 2%; top: 53%; } .rs-slider.slider-style10 .slider .slick-arrow.slick-next:before { font-size: 16px; font-weight: 700; color: #ffffff; margin: 0; content: "\f113"; font-family: Flaticon; text-align: center; } .rs-slider.slider-style10 .slider .slick-arrow.slick-prev { left: 2%; top: 47%; } .rs-slider.slider-style10 .slider .slick-arrow.slick-prev:before { font-size: 16px; font-weight: 700; color: #ffffff; margin: 0; content: "\f112"; font-family: Flaticon; text-align: center; } .rs-slider.slider-style10 .slider .slick-list { padding: 0 0 0 !important; } .rs-slider.slider-style11 .slider .slider-item { background-image: url(assets/images/slider/style5/slide-1.png); background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; } .rs-slider.slider-style11 .slider .slider-item .slider-inner { padding: 310px 0 310px; } .rs-slider.slider-style11 .slider .slider-item .slider-inner .content-part .sl-title { margin: 0 0 0px; } .rs-slider.slider-style11 .slider .slider-item .slider-inner .content-part .sl-title span { font-size: 75px; line-height: 85px; font-weight: 700; color: #cb0000; background-color: #ffffff; padding: 10px 40px 15px 15px; margin: 0 0 6px; display: inline-block; } .rs-slider.slider-style11 .slider .slider-item.slide-bg2 { background-image: url(assets/images/slider/style5/slide-2.jpg); } .rs-slider.slider-style11 .slider .slider-item.slide-bg3 { background-image: url(assets/images/slider/style5/slide-3.jpg); } .rs-slider.slider-style11 .slider .slick-dots { position: absolute; line-height: 10px; bottom: 40px; z-index: 3; display: block; width: 100%; padding: 0; margin: 0; right: 34px !important; text-align: right; transform: translateY(-431px); } .rs-slider.slider-style11 .slider .slick-dots li { display: block; width: unset; height: unset; font-size: 0; margin: 5px 0px; } .rs-slider.slider-style11 .slider .slick-dots li button { width: 22px; height: 5px; border-radius: 0px; display: inline-block; font-size: unset; line-height: unset; padding: unset; border: none; background: #ffffff; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; } .rs-slider.slider-style11 .slider .slick-dots li.slick-active button, .rs-slider.slider-style11 .slider .slick-dots li:hover button { width: 40px; background: #ffffff; opacity: 40%; } .rs-slider.slider-style11 .slider .slick-list { padding: 0 0 0 !important; } .rs-slider.slider-style12 .slider .slider-item { background-image: url(assets/images/slider/style6/slide-1.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; } .rs-slider.slider-style12 .slider .slider-item .slider-inner { padding: 210px 0 210px; max-width: 630px; } .rs-slider.slider-style12 .slider .slider-item .slider-inner .content-part .sl-title { font-size: 90px; line-height: 105px; font-weight: 700; color: #ffffff; font-family: "Roboto", Sans-serif; margin: 0 0 22px; } .rs-slider.slider-style12 .slider .slider-item .slider-inner .content-part .description { color: #ffffff; margin: 0 0 0px; } .rs-slider.slider-style12 .slider .slider-item.slide-bg2 { background-image: url(assets/images/slider/style6/slide-2.jpg); } .rs-slider.slider-style12 .slider .slider-item.slide-bg3 { background-image: url(assets/images/slider/style6/slide-3.jpg); } .rs-slider.slider-style12 .slider .slick-dots { position: absolute; line-height: 10px; bottom: 40px; z-index: 3; display: block; width: 100%; padding: 0; margin: 0; right: 34px !important; text-align: right; transform: translateY(-431px); } .rs-slider.slider-style12 .slider .slick-dots li { display: block; width: unset; height: unset; font-size: 0; margin: 5px 0px; } .rs-slider.slider-style12 .slider .slick-dots li button { width: 22px; height: 5px; border-radius: 0px; display: inline-block; font-size: unset; line-height: unset; padding: unset; border: none; background: #ffffff; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; } .rs-slider.slider-style12 .slider .slick-dots li.slick-active button, .rs-slider.slider-style12 .slider .slick-dots li:hover button { width: 40px; background: #ffffff; opacity: 40%; } .rs-slider.slider-style12 .slider .slick-list { padding: 0 0 0 !important; } .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"; } /* ------------------------------------ 09. Choose Section CSS ---------------------------------------*/ .rs-choose.choose-style1 .video-item { background-image: url(assets/images/video/video1g1.png); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; } .rs-choose.choose-style1 .widget-wrap-content { margin: 120px 0px 115px 70px; --e-column-margin-right: 0px; --e-column-margin-left: 70px; padding: 0em 23em 0em 0em; } .rs-choose.choose-style1 .widget-wrap-content .rs-addon-services .services-item { display: flex; position: relative; } .rs-choose.choose-style1 .widget-wrap-content .rs-addon-services .services-item .serial-number { background-color: #ffb703; position: absolute; left: 0px !important; font-size: 20px; font-weight: 700; line-height: 2em; text-align: center; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 40px; height: 40px; border-radius: 30px 30px 30px 30px; } .rs-choose.choose-style1 .widget-wrap-content .rs-addon-services .services-item .services-text { padding: 5px 0px 0px 55px; } .rs-choose.choose-style1 .widget-wrap-content .rs-addon-services .services-item .services-text .services-title .title { font-size: 18px; line-height: 28px; font-weight: 500; font-family: "Roboto", Sans-serif; margin: 0 0 10px; color: #010d14; } .rs-choose.choose-style1 .widget-wrap-content .working-skill-part .icon-list-item li { display: inline-block; margin-right: 4px; } .rs-choose.choose-style1 .widget-wrap-content .working-skill-part .icon-list-item li i { color: #ffb703; } .rs-choose.choose-style1 .widget-wrap-content .working-skill-part .icon-list-item li:last-child { margin-right: 0; } .rs-choose.choose-style1 .widget-wrap-content .working-skill-part .title-inner .title { font-size: 18px; font-weight: 500; font-family: "Roboto", Sans-serif; color: #010d14; margin: 0px 0px 0px 0px; } .rs-choose.choose-style1 .widget-wrap-content .working-skill-part .view-result { margin: 0; } .rs-choose.choose-style1 .widget-wrap-content .working-skill-part .view-result a { color: #010d14; } .rs-choose.choose-style1 .widget-wrap-content .working-skill-part .view-result a span { font-weight: 700; text-decoration: underline; } .rs-choose.choose-style1 .widget-wrap-content .working-skill-part .view-result a:hover { color: #ffb703; } .rs-choose.choose-style2 .choose-content { padding: 115px 130px 100px; } .rs-choose.choose-style2 .choose-img { background-image: url(assets/images/choose/benefit/skill-blog.jpg); background-position: top center; background-size: cover; } .rs-choose.choose-style3 .choose-widget-content { padding: 14% 7% 14% 41.5%; } .rs-choose.choose-style3 .choose-widget-content .rs-addon-services .services-item { text-align: center; padding: 30px 20px 31px 20px; background-color: #ffffff; border-radius: 5px 5px 5px 5px; margin: 0 2px 0 2px; } .rs-choose.choose-style3 .choose-widget-content .rs-addon-services .services-item .services-icon { margin: 0px 0px 22px 0px; } .rs-choose.choose-style3 .choose-widget-content .rs-addon-services .services-item .services-icon img { height: 50px; width: 50px; max-width: 100%; transform: scale(1); transition: 0.4s; } .rs-choose.choose-style3 .choose-widget-content .rs-addon-services .services-item .services-text .services-title .title { font-size: 20px; font-weight: 700; line-height: 1.35em; font-family: "Roboto", Sans-serif; margin: 0 0 0; } .rs-choose.choose-style3 .choose-widget-content .rs-addon-services .services-item .services-text .services-title .title a { color: #000000; } .rs-choose.choose-style3 .choose-widget-content .rs-addon-services .services-item .services-text .services-title .title a:hover { color: #eb003d; } .rs-choose.choose-style3 .choose-widget-content .rs-addon-services .services-item:hover .services-icon img { transform: scale(1.1); } .rs-choose.choose-style3 .video-item { background-image: url(assets/images/video/video-image2.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; padding: 295px 0px 295px 0px; } .rs-choose.choose-style3 .contact-bd { background-image: url(assets/images/bg/contact-bd.jpg); background-repeat: no-repeat; background-position: top left; background-size: cover; padding: 55px 70px 48px 70px; } .rs-choose.choose-style3 .contact-bd .prelements-heading .title-inner .title { font-size: 36px; line-height: 1.3; font-weight: 700; color: #ffffff; margin: 0px 0px 15px 0px; } .rs-choose.choose-style3 .contact-bd .prelements-heading .description p { font-size: 30px; font-weight: 500; color: #ffffff; margin: 0; } .rs-choose.choose-style4 .rs-choose-content { padding: 12.5% 2% 12.5% 38.4%; } .rs-choose.choose-style4 .rs-choose-content .rs-addon-services { display: flex; } .rs-choose.choose-style4 .rs-choose-content .rs-addon-services .services-icon { text-align: center; background: #0052da; line-height: 60px !important; min-width: 80px; height: 80px; border-radius: 50% 50% 50% 50% !important; padding: 5px; font-size: 50px; display: inline-block; } .rs-choose.choose-style4 .rs-choose-content .rs-addon-services .services-icon img { height: 40px; width: 40px; max-width: unset; } .rs-choose.choose-style4 .rs-choose-content .rs-addon-services .services-text { padding: 0px 0px 0px 25px; } .rs-choose.choose-style4 .rs-choose-content .rs-addon-services .services-text .title { font-size: 22px; font-weight: 700; line-height: 30px; color: #010d14; font-family: "Roboto", Sans-serif; margin: 0 0 10px; } .rs-choose.choose-style4 .rs-choose-content .rs-addon-services .services-text .services-txt { margin: 0; } .rs-choose.choose-style4 .video-item { background-image: url(assets/images/video/video-image3.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; padding: 390px 0px 390px 0px; } .rs-choose.choose-style4.choose-modify1 .rs-choose-content { padding: 0; } .rs-choose.choose-style4.choose-modify1 .rs-choose-content .rs-addon-services .services-text { padding: 0px 12px 0px 25px; } .rs-choose.choose-style4.choose-modify1 .rs-choose-content .rs-addon-services .services-icon { background: #e88e2e; } .rs-choose.choose-style4.choose-modify1 .video-item { background-image: url(assets/images/video/video-image4.jpg); padding: 280px 0px 280px 0px; border-radius: 4px 4px 4px 4px; } .rs-choose.choose-style5 .sec-image { background-image: url(assets/images/choose/style3/sec-image.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .rs-choose.choose-style5 .rs-choose-content { padding: 110px 80px 110px 65px; } .rs-choose.choose-style5 .rs-choose-content .services-part { display: flex; padding: 10px 10px 10px 10px; } .rs-choose.choose-style5 .rs-choose-content .services-part .services-icon { margin: 0 25px 0 0; display: inline-block; padding: 5px; font-size: 50px; line-height: 50px; } .rs-choose.choose-style5 .rs-choose-content .services-part .services-icon img { height: 60px; width: 60px; max-width: unset; } .rs-choose.choose-style5 .rs-choose-content .services-part .services-text { padding: 10px 23px 0 0; } .rs-choose.choose-style5 .rs-choose-content .services-part .services-text .title { font-size: 18px; line-height: 28px; font-weight: 600; font-family: "Roboto", Sans-serif; color: #21c0f5; margin: 0 0 10px; } .rs-choose.choose-style5 .rs-choose-content .services-part .services-text .services-txt { color: #ffffff; margin: 0; } .rs-choose.choose-style5 .choose-img { text-align: right; margin: 0px -70px 0px 0px; } .rs-choose.choose-style6 .images-wrap { position: relative; margin: 0px 0px 0px -90px; padding: 0px 40px 0px 0px; } .rs-choose.choose-style6 .images-wrap .video-item { position: absolute; background-image: url(assets/images/video/video1g2.png); background-position: top center; background-size: cover; text-align: center; padding: 133px 130px 130px 130px; width: initial; max-width: initial; bottom: 104px; right: -26px; } .rs-choose.choose-style6 .images-wrap .rs-videos .animate-border .popup-border i { color: #ff5a06; } .rs-choose.choose-style6 .images-wrap .rs-videos .animate-border .popup-border, .rs-choose.choose-style6 .images-wrap .rs-videos .animate-border .popup-border:before { background-color: #ffffff; } /* ------------------------------------ 10. Cta Section CSS ---------------------------------------*/ .rs-cta.cta-style1 .cta-content .title-heading .sub-text { font-size: 16px; font-weight: 500; text-transform: capitalize; line-height: 26px; color: #ffffff; margin: 0px 0px 7px 0px; display: inline-block; } .rs-cta.cta-style1 .cta-content .title-heading .title { font-size: 42px; line-height: 52px; font-weight: 700; color: #ffffff; margin: 0px 0px 0px 0px; } .rs-cta.cta-style1 .cta-img { margin: -87px 0px 0px 0px; } .rs-cta.cta-style1.cta-modify1 .address-wrap .address-icon i { color: #e88e2e; } .rs-cta.cta-style1.cta-modify1 .address-wrap { justify-content: center; } .rs-cta.cta-style2 { position: relative; margin-top: -160px; } .rs-cta.cta-style2 .cta-wrap { text-align: center; background-color: #6c2501; padding: 50px 60px 60px 60px; } /* ------------------------------------ 11. Counter Section CSS ---------------------------------------*/ .rs-counter.counter-style1 .rs-counter-list { text-align: left; padding: 28px 35px 40px 35px; background: #ffb7031f; clip-path: polygon( 15% 0%, 100% 0, 100% 20%, 100% 74%, 85% 100%, 0 100%, 0% 80%, 0% 25% ); } .rs-counter.counter-style1 .rs-counter-list .count-text .count-number { margin-bottom: 6px; } .rs-counter.counter-style1 .rs-counter-list .count-text .count-number .rs-count { font-size: 42px; line-height: 60px; font-weight: 700; color: #ffb703; font-family: "Roboto", Sans-serif; } .rs-counter.counter-style1 .rs-counter-list .count-text .count-number .prefix { font-size: 42px; line-height: 60px; font-weight: 700; color: #ffb703; font-family: "Roboto", Sans-serif; } .rs-counter.counter-style1 .rs-counter-list .count-text .title { font-size: 20px; font-weight: 500; line-height: 18px; color: #ffffff; } .rs-counter.counter-style1.counter-modify1 .rs-counter-list { position: relative; padding: 16px 0px 19px 20px; background: unset; clip-path: unset; } .rs-counter.counter-style1.counter-modify1 .rs-counter-list:before { position: absolute; content: ""; left: 2px; top: 6px; bottom: 0; width: 70px; background: #ffb7031f; height: 125px; } .rs-counter.counter-style1.counter-modify1 .rs-counter-list .count-text .title { font-size: 18px; } .rs-counter.counter-style1.counter-modify2 .rs-counter-list { text-align: center; padding: 0px 0px 0px 0px; background: unset; clip-path: unset; } .rs-counter.counter-style1.counter-modify2 .rs-counter-list .count-text .count-number .prefix, .rs-counter.counter-style1.counter-modify2 .rs-counter-list .count-text .count-number .rs-count { font-size: 42px; line-height: 1.4em; font-weight: 700; color: #ba9071; font-family: "Roboto", Sans-serif; } .rs-counter.counter-style2 .rs-counter-list { display: flex; align-items: center; } .rs-counter.counter-style2 .rs-counter-list .counter-icon { width: 80px; padding-right: 15px; } .rs-counter.counter-style2 .rs-counter-list .counter-text .counter-number .rs-count { position: relative; z-index: 2; font-size: 51px; font-weight: 700; color: #ffffff; line-height: 60px; display: inline-block; transition: all 0.3s ease 0s; } .rs-counter.counter-style2 .rs-counter-list .counter-text .counter-number .rs-count:after { content: ""; height: 8px; position: absolute; background: #e8271e; bottom: 12px; right: 0; left: 0px; transition: all 0.3s ease; z-index: -1; } .rs-counter.counter-style2 .rs-counter-list .counter-text .counter-number .prefix { font-size: 51px; line-height: 72px; font-weight: 700; color: #ffffff; } .rs-counter.counter-style2 .rs-counter-list .counter-text .title { font-size: 15px; font-weight: 500; text-transform: uppercase; color: #ffffff; } .rs-counter.counter-style3 .rs-counter-list .counter-right-border { position: relative; } .rs-counter.counter-style3 .rs-counter-list .counter-right-border:after { content: ""; position: absolute; width: 1px; height: 70px; background: #e2dddf; top: -4px; right: -5px; } .rs-counter.counter-style3 .rs-counter-list .count-text .count-number { margin-bottom: 10px; } .rs-counter.counter-style3 .rs-counter-list .count-text .count-number .rs-count { font-size: 35px; line-height: 30px; font-weight: 700; color: #0052da; } .rs-counter.counter-style3 .rs-counter-list .count-text .count-number .prefix { font-size: 35px; line-height: 30px; font-weight: 700; color: #0052da; } .rs-counter.counter-style3 .rs-counter-list .count-text .title { font-size: 18px; font-weight: 500; line-height: 30px; color: #333333; } .rs-counter.counter-style3 .rs-counter-list.widget-padding { padding: 0 0 0 40px; } .rs-counter.counter-style3.counter-modify2 .rs-counter-list .count-text .count-number .prefix, .rs-counter.counter-style3.counter-modify2 .rs-counter-list .count-text .count-number .rs-count { color: #e88e2e; } .rs-counter.counter-style4 { position: relative; z-index: 11; } .rs-counter.counter-style4 .rs-html5-video { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; object-fit: cover; width: 100%; height: 100%; margin: 0; line-height: 1; border: none; } .rs-counter.counter-style4 .background-video-wrap .background-overlay { background-color: #281d01; opacity: 0.7; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; height: 100%; width: 100%; top: 0; left: 0; position: absolute; } .rs-counter.counter-style4 .rs-counter-list { position: relative; } .rs-counter.counter-style4 .rs-counter-list .counter-right-border { position: relative; z-index: 11; } .rs-counter.counter-style4 .rs-counter-list .counter-right-border:after { content: ""; position: absolute; width: 1px; height: 290px; background: #ffffff7a; top: -13px; right: 35px; } .rs-counter.counter-style4 .rs-counter-list .counter-left-border { position: relative; z-index: 11; } .rs-counter.counter-style4 .rs-counter-list .counter-left-border:before { content: ""; position: absolute; width: 515px; height: 1px; background: #ffffff7a; right: -90%; bottom: 46px; } .rs-counter.counter-style4 .rs-counter-list .counter-bottom-border { position: relative; z-index: 11; } .rs-counter.counter-style4 .rs-counter-list .counter-bottom-border:before { content: ""; position: absolute; width: 0.3px; height: 270px; transform: rotate(-90deg); background: #ffffff7a; top: -30px; right: 35px; } .rs-counter.counter-style4 .rs-counter-list .count-text .count-number { margin-bottom: 10px; } .rs-counter.counter-style4 .rs-counter-list .count-text .count-number .rs-count { font-size: 70px; line-height: 30px; font-weight: 600; color: #ffffff; } .rs-counter.counter-style4 .rs-counter-list .count-text .count-number .prefix { font-size: 70px; line-height: 30px; font-weight: 600; color: #ffffff; } .rs-counter.counter-style4 .rs-counter-list .count-text .title { font-size: 20px; font-weight: 400; line-height: 30px; color: #ffffffc4; } .rs-counter.counter-style4 .rs-counter-list.widget-padding { padding: 0 0 0 40px; } .rs-counter.counter-style5 .rs-counter-list { padding: 60px 60px 50px 60px; margin: 0 -2px; background-color: #010d14; } .rs-counter.counter-style5 .rs-counter-list .counter-text .counter-icon { margin: 0px 0px 20px 0px; } .rs-counter.counter-style5 .rs-counter-list .counter-text .counter-icon img { width: 70px; } .rs-counter.counter-style5 .rs-counter-list .counter-text .counter-number .rs-count { font-size: 42px; line-height: 60px; font-weight: 700; color: #ffffff; display: inline-block; transition: all 0.3s ease 0s; } .rs-counter.counter-style5 .rs-counter-list .counter-text .counter-number .prefix { font-size: 42px; font-weight: 700; color: #ffffff; padding: 0px 0px 0px 0px; } .rs-counter.counter-style5 .rs-counter-list .counter-text .title { font-size: 18px; line-height: 18px; font-weight: 500; color: #ededed; transition: all 0.3s ease 0s; display: block; } .rs-counter.counter-style6 .rs-counter-list { padding: 60px 60px 50px 60px; } .rs-counter.counter-style6 .rs-counter-list .counter-text .counter-icon { margin-bottom: 20px; } .rs-counter.counter-style6 .rs-counter-list .counter-text .counter-icon img { width: 70px; } .rs-counter.counter-style6 .rs-counter-list .counter-text .counter-number .rs-count { font-size: 36px; line-height: 45px; font-weight: 600; color: #ffffff; padding: 15px 0px 0px 0px; } .rs-counter.counter-style6 .rs-counter-list .counter-text .counter-number .prefix { font-size: 36px; line-height: 45px; font-weight: 600; color: #ffffff; padding: 15px 0px 0px 0px; } .rs-counter.counter-style6 .rs-counter-list .counter-text .title { font-size: 16px; line-height: 18px; font-weight: 400; color: #ffffff; } /* ------------------------------------ 12. Contact Section CSS ---------------------------------------*/ .rs-contact.contact-style1 .contact-right-img { background-image: url(assets/images/contact/con-right.png); background-position: center left; background-repeat: no-repeat; background-size: cover; } .rs-contact.contact-style1 .contact-section { padding: 120px 22px 120px 45px; } .rs-contact.contact-style1 .contact-section .contact-wrap .from-control { padding: 15px 17px 15px 17px; color: #333333; background-color: #fff; border: none; width: 100%; max-width: 100%; opacity: 1; } .rs-contact.contact-style1 .contact-section .contact-wrap textarea { height: 120px; } .rs-contact.contact-style1 .contact-section .contact-wrap ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #333333; opacity: 0.45; } .rs-contact.contact-style1 .contact-section .contact-wrap ::-moz-placeholder { /* Firefox 19+ */ color: #333333; opacity: 0.45; } .rs-contact.contact-style1 .contact-section .contact-wrap :-ms-input-placeholder { /* IE 10+ */ color: #333333; opacity: 0.45; } .rs-contact.contact-style1 .contact-section .contact-wrap :-moz-placeholder { /* Firefox 18- */ color: #333333; opacity: 0.45; } .rs-contact.contact-style1 .contact-box-item { padding: 120px 0 120px 0; } .rs-contact.contact-style1 .contact-box-item .contact-box { display: flex; padding: 30px 30px 30px 30px; background-color: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); } .rs-contact.contact-style1 .contact-box-item .contact-box .contact-icon img { width: 50px; height: 50px; max-width: unset; } .rs-contact.contact-style1 .contact-box-item .contact-box .content-text { padding: 0px 0px 0px 15px; } .rs-contact.contact-style1 .contact-box-item .contact-box .content-text .title { font-size: 20px; line-height: 30px; font-weight: 500; font-family: "Roboto", Sans-serif; margin: 0 0 10px; } .rs-contact.contact-style1 .contact-box-item .contact-box .content-text .title a { color: #010d14; } .rs-contact.contact-style1 .contact-box-item .contact-box .content-text .title a:hover { color: #ffb703; } .rs-contact.contact-style1 .contact-box-item .contact-box .content-text .services-txt { color: #333333; margin: 0; } .rs-contact.contact-style1 .contact-box-item .contact-box .content-text .services-txt a { color: #333333; } .rs-contact.contact-style1 .contact-box-item .contact-box .content-text .services-txt a:hover { color: #ffb703; } .rs-contact.contact-style1 .contact-map { overflow: hidden; } .rs-contact.contact-style1 .contact-map iframe { height: 600px; float: left; width: 100%; border: none; } .rs-contact.contact-style1.contact-modify1 .contact-section { padding: 0 0px 0 35px; } .rs-contact.contact-style1.contact-modify1 .contact-section .contact-wrap .from-control { padding: 15px 17px 15px 17px; color: #000000; box-shadow: 0px 0px 23px 7px rgba(0, 0, 0, 0.04); border: none; width: 100%; max-width: 100%; opacity: 1; } .rs-contact.contact-style1.contact-modify1 .contact-section .contact-wrap textarea { height: 120px; } .rs-contact.contact-style1.contact-modify1 .contact-section .contact-wrap ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000000; opacity: 0.45; } .rs-contact.contact-style1.contact-modify1 .contact-section .contact-wrap ::-moz-placeholder { /* Firefox 19+ */ color: #000000; opacity: 0.45; } .rs-contact.contact-style1.contact-modify1 .contact-section .contact-wrap :-ms-input-placeholder { /* IE 10+ */ color: #000000; opacity: 0.45; } .rs-contact.contact-style1.contact-modify1 .contact-section .contact-wrap :-moz-placeholder { /* Firefox 18- */ color: #000000; opacity: 0.45; } .rs-contact.contact-style1.contact-modify1 .contact-map { overflow: hidden; } .rs-contact.contact-style1.contact-modify1 .contact-map iframe { height: 560px; float: left; width: 100%; border: none; } .rs-contact.contact-style1.contact-modify2 .contact-section { padding: 0 0px 0 25px; } .rs-contact.contact-style1.contact-modify2 .contact-section .contact-wrap .from-control { border-style: solid; border-width: 1px 1px 1px 1px; background-color: #f1f1f1; border-color: #ebebeb; } .rs-contact.contact-style1.contact-modify3 .contact-section { padding: 0 0px 0 0px; } .rs-contact.contact-style1.contact-modify3 .contact-section .contact-wrap .from-control { padding: 12px 17px 12px 17px; color: #333333; background-color: #e8eaee; border: 1px solid #f1f1f1; width: 100%; max-width: 100%; opacity: 1; } .rs-contact.contact-style1.contact-modify4 .contact-section { padding: 0 0px 0 35px; } .rs-contact.contact-style1.contact-modify4 .contact-section .contact-wrap .from-control { padding: 15px 17px 15px 17px; background-color: #335f851f; color: #e3e3e3; box-shadow: 0px 0px 23px 7px rgba(0, 0, 0, 0.04); border: none; width: 100%; max-width: 100%; opacity: 1; } .rs-contact.contact-style1.contact-modify4 .contact-section .contact-wrap textarea { height: 120px; } .rs-contact.contact-style1.contact-modify4 .contact-section .contact-wrap ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; opacity: 0.9; } .rs-contact.contact-style1.contact-modify4 .contact-section .contact-wrap ::-moz-placeholder { /* Firefox 19+ */ color: #fff; opacity: 0.9; } .rs-contact.contact-style1.contact-modify4 .contact-section .contact-wrap :-ms-input-placeholder { /* IE 10+ */ color: #fff; opacity: 0.9; } .rs-contact.contact-style1.contact-modify4 .contact-section .contact-wrap :-moz-placeholder { /* Firefox 18- */ color: #fff; opacity: 0.9; } .rs-contact.contact-style1.contact-modify4 .contact-map { overflow: hidden; } .rs-contact.contact-style1.contact-modify4 .contact-map iframe { height: 560px; float: left; width: 100%; border: none; } .rs-contact.contact-style1.contact-modify5 .contact-section { padding: 0px 33px 0px 0px; } .rs-contact.contact-style1.contact-modify5 .contact-section ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #ffffffe6; opacity: 0.79; } .rs-contact.contact-style1.contact-modify5 .contact-section ::-moz-placeholder { /* Firefox 19+ */ color: #ffffffe6; opacity: 0.79; } .rs-contact.contact-style1.contact-modify5 .contact-section :-ms-input-placeholder { /* IE 10+ */ color: #ffffffe6; opacity: 0.79; } .rs-contact.contact-style1.contact-modify5 .contact-section :-moz-placeholder { /* Firefox 18- */ color: #ffffffe6; opacity: 0.79; } .rs-contact.contact-style1.contact-modify5 .contact-section .contact-wrap .from-control { background-color: #7736168c; color: #fff; } .rs-contact.contact-style1.contact-modify5.onepage-contact5 .contact-map iframe { border: none; width: 100%; height: 620px; } .rs-contact.contact-style1.contact-modify5.onepage-contact5 .contact-section { padding: 0 0 0 45px; } .rs-contact.contact-style1.contact-modify5.onepage-contact5 .contact-section .contact-wrap .from-control { padding: 13px 17px 13px 17px; background-color: #ffffff; color: #000000; border: 1px solid #f1f1f1; } .rs-contact.contact-style1.contact-modify5.onepage-contact5 ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000000; opacity: 0.3; } .rs-contact.contact-style1.contact-modify5.onepage-contact5 ::-moz-placeholder { /* Firefox 19+ */ color: #000000; opacity: 0.3; } .rs-contact.contact-style1.contact-modify5.onepage-contact5 :-ms-input-placeholder { /* IE 10+ */ color: #000000; opacity: 0.3; } .rs-contact.contact-style1.contact-modify5.onepage-contact5 :-moz-placeholder { /* Firefox 18- */ color: #000000; opacity: 0.3; } .rs-contact.contact-style1.contact-modify6 { position: relative; z-index: 11; } .rs-contact.contact-style1.contact-modify6 .contact-img { margin: 0px -48px 0px 0px; } .rs-contact.contact-style1.contact-modify6 .contact-bg-overlay { background-color: #000000; opacity: 0.5; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; height: 100%; width: 100%; top: 0; left: 0; position: absolute; z-index: -11; } .rs-contact.contact-style1.contact-modify6 .contact-section { padding: 0px 33px 0px 0px; } .rs-contact.contact-style1.contact-modify6 .contact-section ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #ffffffe6; opacity: 0.79; } .rs-contact.contact-style1.contact-modify6 .contact-section ::-moz-placeholder { /* Firefox 19+ */ color: #ffffffe6; opacity: 0.79; } .rs-contact.contact-style1.contact-modify6 .contact-section :-ms-input-placeholder { /* IE 10+ */ color: #ffffffe6; opacity: 0.79; } .rs-contact.contact-style1.contact-modify6 .contact-section :-moz-placeholder { /* Firefox 18- */ color: #ffffffe6; opacity: 0.79; } .rs-contact.contact-style1.contact-modify6 .contact-section .contact-wrap .from-control { border-style: solid; border-width: 2px 2px 2px 2px; border-color: #86613c42; background-color: #ffffff00; } .rs-contact.contact-style2 .requset-contact { position: relative; border-radius: 5px 5px 5px 5px; margin-top: -140px; z-index: 23; box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.08); background: #ffffff; padding: 50px 50px 60px 50px; } .rs-contact.contact-style2 .requset-contact .wpcf7-form-control-wrap { display: block; position: relative; } .rs-contact.contact-style2 .requset-contact .wpcf7-form-control-wrap input { border: 1px solid #f1f1f1; padding: 15px 20px 15px 20px; border-radius: 50px 50px 50px 50px; color: #333333; width: 100%; max-width: 100%; opacity: 1; } .rs-contact.contact-style2 .requset-contact .wpcf7-form-control-wrap:before { position: absolute; right: 20px; top: 18px; color: #7a7a7a; font-size: 17px; font-family: uicons-regular-rounded; content: "\f2e1"; } .rs-contact.contact-style2 .requset-contact .wpcf7-form-control-wrap.arrow2:before { content: "\f241"; } .rs-contact.contact-style2 .requset-contact .wpcf7-form-control-wrap.arrow3:before { content: "\f215"; } .rs-contact.contact-style2 .requset-contact .wpcf7-form-control-wrap.arrow4 { content: "\f241"; } .rs-contact.contact-style2 .requset-contact .wpcf7-form-control-wrap.arrow4:before { right: 20px; top: 14px; content: "\f107"; font-size: 20px; font-family: FontAwesome; } .rs-contact.contact-style2 .requset-contact .wpcf7-form-control-wrap .Services { position: relative; width: 100%; display: block; } .rs-contact.contact-style2 .requset-contact .wpcf7-form-control-wrap .Services select { display: none; /*hide original SELECT element:*/ } .rs-contact.contact-style2 .requset-contact .wpcf7-form-control-wrap .select-selected { background-color: #fff; } .rs-contact.contact-style2 .requset-contact .wpcf7-form-control-wrap .select-items div, .rs-contact.contact-style2 .requset-contact .wpcf7-form-control-wrap .select-selected { color: #7a7a7a; padding: 10px 20px; border: 1px solid #f1f1f1; cursor: pointer; user-select: none; border-radius: 50px; transition: 0.3s; } .rs-contact.contact-style2 .requset-contact .wpcf7-form-control-wrap .select-selected { padding: 16px 20px 16px 20px; } .rs-contact.contact-style2 .requset-contact .wpcf7-form-control-wrap .select-items { position: absolute; background-color: transparent; top: 100%; left: 0; right: 0; z-index: 99; } .rs-contact.contact-style2 .requset-contact .wpcf7-form-control-wrap .select-items div { background: #fff; border-radius: 0; } .rs-contact.contact-style2 .requset-contact .wpcf7-form-control-wrap .select-hide { display: none; } .rs-contact.contact-style2 .requset-contact .wpcf7-form-control-wrap .select-items div:hover, .rs-contact.contact-style2 .requset-contact .wpcf7-form-control-wrap .same-as-selected { background-color: #f1f1f1; } .rs-contact.contact-style2 .requset-contact .wpcf7-form-control-wrap #default_hide { display: none; } .rs-contact.contact-style2 .requset-contact ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #333333; opacity: 0.68; } .rs-contact.contact-style2 .requset-contact ::-moz-placeholder { /* Firefox 19+ */ color: #333333; opacity: 0.68; } .rs-contact.contact-style2 .requset-contact :-ms-input-placeholder { /* IE 10+ */ color: #333333; opacity: 0.68; } .rs-contact.contact-style2 .requset-contact :-moz-placeholder { /* Firefox 18- */ color: #333333; opacity: 0.68; } .rs-contact.contact-style3 .contact-img { background-image: url(assets/images/contact/contact-5.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 0px 50px 0px 0px; } .rs-contact.contact-style3 .contact-wrap .from-control { padding: 15px 17px 15px 17px; color: #333333; background-color: #fff; border: none; width: 100%; max-width: 100%; opacity: 1; } .rs-contact.contact-style3 .contact-wrap textarea { height: 120px; } .rs-contact.contact-style3 .contact-wrap ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #333333; opacity: 0.45; } .rs-contact.contact-style3 .contact-wrap ::-moz-placeholder { /* Firefox 19+ */ color: #333333; opacity: 0.45; } .rs-contact.contact-style3 .contact-wrap :-ms-input-placeholder { /* IE 10+ */ color: #333333; opacity: 0.45; } .rs-contact.contact-style3 .contact-wrap :-moz-placeholder { /* Firefox 18- */ color: #333333; opacity: 0.45; } .rs-contact.contact-style4 { position: relative; } .rs-contact.contact-style4 .background-bg-wrap .background-overlay { height: 100%; width: 100%; top: 0; left: 0; position: absolute; background-color: #281d01; opacity: 0.7; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; } .rs-contact.contact-style4 .requset-services-wrap { position: relative; background-color: #fff; padding: 30px 50px 50px 50px; border-radius: 30px 30px 30px 30px; } .rs-contact.contact-style4 .requset-services-wrap .title-heading { text-align: center; } .rs-contact.contact-style4 .requset-services-wrap .title-heading .title { font-size: 30px; line-height: 1.3; color: #010d14; font-weight: 700; margin: 0px 0px 0px 0px; } .rs-contact.contact-style4 .requset-services-wrap .contact-wrap .from-control { background-color: #ffffff; padding: 11px 20px; border-radius: 10px 10px 10px 10px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #d9d9d9; color: #333333; width: 100%; max-width: 100%; opacity: 1; } .rs-contact.contact-style4 .requset-services-wrap .contact-wrap textarea { height: 150px; } .rs-contact.contact-style4 .requset-services-wrap .contact-wrap ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #333333; opacity: 0.45; } .rs-contact.contact-style4 .requset-services-wrap .contact-wrap ::-moz-placeholder { /* Firefox 19+ */ color: #333333; opacity: 0.45; } .rs-contact.contact-style4 .requset-services-wrap .contact-wrap :-ms-input-placeholder { /* IE 10+ */ color: #333333; opacity: 0.45; } .rs-contact.contact-style4 .requset-services-wrap .contact-wrap :-moz-placeholder { /* Firefox 18- */ color: #333333; opacity: 0.45; } .rs-contact.contact-style5 .contact-box { display: flex; padding: 30px 30px 30px 30px; background-color: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); } .rs-contact.contact-style5 .contact-box .contact-icon img { width: 50px; height: 50px; max-width: unset; } .rs-contact.contact-style5 .contact-box .content-text { padding: 0px 0px 0px 25px; } .rs-contact.contact-style5 .contact-box .content-text .title { font-size: 20px; line-height: 30px; font-weight: 500; font-family: "Roboto", Sans-serif; margin: 0 0 10px; } .rs-contact.contact-style5 .contact-box .content-text .title a { color: #010d14; } .rs-contact.contact-style5 .contact-box .content-text .title a:hover { color: #ffb703; } .rs-contact.contact-style5 .contact-box .content-text .services-txt { color: #333333; margin: 0; } .rs-contact.contact-style5 .contact-box .content-text .services-txt a { color: #333333; } .rs-contact.contact-style5 .contact-box .content-text .services-txt a:hover { color: #ffb703; } .rs-contact.contact-style5 .contact-section { padding: 85px 70px 65px 70px; background-color: #ffffff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); } .rs-contact.contact-style5 .contact-section .contact-wrap .from-control { border-style: solid; border-width: 1px 1px 1px 1px; background-color: #f1f1f1; border-color: #ebebeb; padding: 15px 17px 15px 17px; color: #000000; box-shadow: 0px 0px 23px 7px rgba(0, 0, 0, 0.04); width: 100%; max-width: 100%; opacity: 1; } .rs-contact.contact-style5 .contact-section .contact-wrap textarea { height: 120px; } .rs-contact.contact-style5 .contact-section .contact-wrap ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000000; opacity: 0.45; } .rs-contact.contact-style5 .contact-section .contact-wrap ::-moz-placeholder { /* Firefox 19+ */ color: #000000; opacity: 0.45; } .rs-contact.contact-style5 .contact-section .contact-wrap :-ms-input-placeholder { /* IE 10+ */ color: #000000; opacity: 0.45; } .rs-contact.contact-style5 .contact-section .contact-wrap :-moz-placeholder { /* Firefox 18- */ color: #000000; opacity: 0.45; } .rs-contact.contact-style6 .contact-project { background: url(assets/images/contact/pro-con2.jpg); background-position: center right; background-repeat: no-repeat; background-size: cover; } .rs-contact.contact-style6 .contact-map { overflow: hidden; } .rs-contact.contact-style6 .contact-map iframe { height: 688px; float: left; width: 100%; border: none; } .rs-contact.contact-style6 .contact-section { padding: 126px 40px 85px 40px; background-color: #010d14; } .rs-contact.contact-style6 .contact-section .contact-wrap { padding: 0px 40px 0px 40px; } .rs-contact.contact-style6 .contact-section .contact-wrap .from-control { padding: 1px 0px 15px 0px; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #ffffff21; background-color: #02010100; background-color: unset; color: #ffffff; width: 100%; max-width: 100%; opacity: 1; } .rs-contact.contact-style6 .contact-section .contact-wrap textarea { height: 120px; } .rs-contact.contact-style6 .contact-section .contact-wrap ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #ffffff; opacity: 1; } .rs-contact.contact-style6 .contact-section .contact-wrap ::-moz-placeholder { /* Firefox 19+ */ color: #ffffff; opacity: 1; } .rs-contact.contact-style6 .contact-section .contact-wrap :-ms-input-placeholder { /* IE 10+ */ color: #ffffff; opacity: 1; } .rs-contact.contact-style6 .contact-section .contact-wrap :-moz-placeholder { /* Firefox 18- */ color: #ffffff; opacity: 1; } .rs-contact.contact-style6 .contact-box { padding: 35px 35px 35px 35px; background-color: #010d14; border-radius: 3px 3px 3px 3px; margin: 0 -4px 0 0; text-align: center; } .rs-contact.contact-style6 .contact-box .contact-icon img { width: 64px; height: 64px; max-width: unset; margin-bottom: 23px; } .rs-contact.contact-style6 .contact-box .content-text .title { font-size: 20px; font-weight: 500; line-height: 32px; font-family: Roboto; margin: 0 0 4px; } .rs-contact.contact-style6 .contact-box .content-text .title a { color: #ffffff; } .rs-contact.contact-style6 .contact-box .content-text .title a:hover { color: #ffb703; } .rs-contact.contact-style6 .contact-box .content-text span a { color: #c9c9c9; font-weight: 500; } .rs-contact.contact-style6 .contact-box .content-text span a:hover { color: #ffb703; } .rs-contact.contact-style6 .contact-box .content-text .services-txt { margin: 0; color: #c9c9c9; font-weight: 500; } .rs-contact.contact-style7 .contact-wrap { padding: 40px 50px 58px 50px; background-color: #b60000; } .rs-contact.contact-style7 .contact-wrap .name { font-size: 16px; font-weight: 400; line-height: 46px; color: #ffffffde; } .rs-contact.contact-style7 .contact-wrap .from-control { padding: 15px 17px 15px 17px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #ffffffa8; background-color: #ffffff00; font-size: 14px; font-weight: 400; line-height: 26px; color: #c2c1c1ab; width: 100%; max-width: 100%; opacity: 1; } .rs-contact.contact-style7 .contact-wrap textarea { height: 120px; } .rs-contact.contact-style7 .contact-wrap ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; opacity: 0.69; } .rs-contact.contact-style7 .contact-wrap ::-moz-placeholder { /* Firefox 19+ */ color: #fff; opacity: 0.69; } .rs-contact.contact-style7 .contact-wrap :-ms-input-placeholder { /* IE 10+ */ color: #fff; opacity: 0.69; } .rs-contact.contact-style7 .contact-wrap :-moz-placeholder { /* Firefox 18- */ color: #fff; opacity: 0.69; } /*------------------------------------ 13. Gallery Section CSS ------------------------------------*/ .rs-gallery.gallery-style1 .gallery-item .gallery-icon { margin: 0 3px 0 3px; } .rs-gallery.gallery-style1 .gallery-item .gallery-icon a { position: relative; display: block; overflow: hidden; } .rs-gallery.gallery-style1 .gallery-item .gallery-icon a:before { content: "+"; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; visibility: hidden; transition: 0.4s; color: #fff; z-index: 2; font-size: 50px; font-weight: 200; } .rs-gallery.gallery-style1 .gallery-item .gallery-icon a:after { content: ""; position: absolute; left: 0; bottom: -100%; width: 100%; height: 100%; background: #010d14; opacity: 0; visibility: hidden; transition: 0.3s; } .rs-gallery.gallery-style1 .gallery-item:hover .gallery-icon a:before { visibility: visible; opacity: 1; } .rs-gallery.gallery-style1 .gallery-item:hover .gallery-icon a:after { opacity: 0.75; visibility: visible; bottom: 0; } /* ------------------------------------ 14. Video Section CSS ---------------------------------------*/ .rs-videos.career-style1 { position: relative; } .rs-videos.career-style1 .overly-border { border: 1px solid #ffb703; border-radius: 50%; width: 100px; height: 100px; top: 46%; left: 50%; transform: translate(-50%, -50%); position: absolute; } .rs-videos.career-style1 .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: #ffb703; } .rs-videos.career-style1 .overly-border a i { font-size: 30px; line-height: 80px; color: #010d14; position: relative; z-index: 1; } .rs-videos.career-style1 .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: #ffb703; } .rs-videos.career-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; } .rs-videos.video-style1 { position: relative; } .rs-videos.video-style1 .video-item { position: relative; background-image: url(assets/images/video/video-img6.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; padding: 270px 0 270px; } .rs-videos.video-style1 .video-item .video-overlay { background-color: #ff6314; opacity: 0.8; 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-videos.video-style1 .video-item .animate-border .popup-border { top: 31%; } .rs-videos.video-style1 .video-item .animate-border .popup-border:before, .rs-videos.video-style1 .video-item .animate-border .popup-border { background-color: #ffffff; } .rs-videos.video-style1 .video-item .animate-border .popup-border i { color: #ff6314; } /* ------------------------------------ 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 span { font-size: 30px; font-weight: 700; color: #000000; 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: #000000; display: block; padding: 0; position: absolute; right: -58%; top: 40%; transform: rotate(90deg); } /* ------------------------------------ 16. Process Section CSS ---------------------------------------*/ .rs-process.process-style1 { position: relative; } .rs-process.process-style1 .services-item { position: relative; text-align: center; padding: 0px 30px 0px 30px; } .rs-process.process-style1 .services-item .services-icon { background-color: #ffffff; text-align: center; line-height: 160px !important; min-width: 160px; height: 160px; border-radius: 50% 50% 50% 50% !important; display: inline-block; transition: all ease 0.3s; font-size: 50px; } .rs-process.process-style1 .services-item .services-icon img { width: 55px; height: 55px; max-width: unset; } .rs-process.process-style1 .services-item .services-icon.blue-icon-bg { background: #0052da; } .rs-process.process-style1 .services-item .content-text .title { font-size: 22px; line-height: 32px; font-weight: 700; color: #ffffff; font-family: "Roboto", Sans-serif; margin: 20px 0 12px; } .rs-process.process-style1 .services-item .content-text .services-txt { color: #ffffff; margin: 0; } .rs-process.process-style1 .rs-arrow-animate .arrow-style { position: absolute; } .rs-process.process-style1 .rs-arrow-animate .arrow-style.one { left: 36%; top: 48%; } .rs-process.process-style1 .rs-arrow-animate .arrow-style.two { left: 58%; top: 48%; } .rs-process.process-style2 { position: relative; } .rs-process.process-style2 .process-overlay-bg { opacity: 0.9; height: 100%; width: 100%; top: 0; left: 0; position: absolute; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; border-radius: 2px 2px 2px 2px; } .rs-process.process-style2 .rs-addon-item { background-image: url(assets/images/process/style2/1.jpg); background-position: top center; background-repeat: no-repeat; background-size: auto; border-radius: 2px 2px 2px 2px; transition: all 0.8s ease; } .rs-process.process-style2 .rs-addon-item .addon-wrap { position: relative; z-index: 11; padding: 20px 20px 20px 20px; } .rs-process.process-style2 .rs-addon-item .addon-wrap .addon-number { font-size: 110px; font-weight: 400; line-height: 44px; color: #ba90718c; font-family: "Playfair Display", Sans-serif; text-align: right; } .rs-process.process-style2 .rs-addon-item .addon-wrap .addon-content { padding: 220px 0px 0px 20px; } .rs-process.process-style2 .rs-addon-item .addon-wrap .addon-content .title { font-size: 24px; line-height: 32px; font-weight: 700; margin: 0 0 10px; } .rs-process.process-style2 .rs-addon-item .addon-wrap .addon-content .title a { color: #010d14; } .rs-process.process-style2 .rs-addon-item .addon-wrap .addon-content .title a:hover { color: #ba9071; } .rs-process.process-style2 .rs-addon-item.Public-bg { background-image: url(assets/images/process/style2/2.jpg); } .rs-process.process-style2 .rs-addon-item.commercial-bg { background-image: url(assets/images/process/style2/3.jpg); } .rs-process.process-style3 .process-bg { background-image: url(assets/images/process/style3/icons/steps-bg.png); background-position: center center; background-repeat: no-repeat; background-size: 1050px auto; margin-top: -136px; padding: 150px 0 0 0; } .rs-process.process-style3 .process-bg .process-item { text-align: center; padding: 0 33px; } .rs-process.process-style3 .process-bg .process-item .number-image { background: #fff; padding: 50px; border-radius: 50%; width: 140px; margin: 0 auto; display: block; } .rs-process.process-style3 .process-bg .process-item .number-image img { width: 60px; display: block; margin: 0 auto; } .rs-process.process-style3 .process-bg .process-item .number-text { position: relative; } .rs-process.process-style3 .process-bg .process-item .number-text .number-area { width: 50px !important; height: 50px !important; left: -50px; top: -36px; margin: -13px 0px 0px 0px; display: inline-block; width: 50px; line-height: 50px; z-index: 1; position: relative; transition: all 0.3s ease 0s; text-align: center; } .rs-process.process-style3 .process-bg .process-item .number-text .number-area:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; transform: rotate(45deg); transform: translate(0px, 0px) rotate(0deg) !important; background: #ffb703; border-radius: 50px 50px 50px 50px; transition: all 0.3s ease 0s; } .rs-process.process-style3 .process-bg .process-item .number-text .number-area .number-prefix { font-size: 18px; line-height: 50px; font-weight: 700; color: #ffffff; display: block; } .rs-process.process-style3 .process-bg .process-item .number-text .number-title { font-size: 20px; line-height: 30px; font-weight: 500; color: #f1eaea; font-family: "Roboto", Sans-serif; margin: 0 0 10px; } .rs-process.process-style3 .process-bg .process-item .number-text .number-txt { color: #ffffff; margin-bottom: 0; } /* ------------------------------------ 17. Project Section CSS ---------------------------------------*/ .rs-project.portfolio-image .project-img { background-image: url(assets/images/project/portfolio.jpg); background-repeat: no-repeat; background-position: center right; background-size: cover; } .rs-project.project-style1 .project-item { position: relative; overflow: hidden; z-index: 1; } .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 25px; opacity: 1; z-index: 10; top: 0; border: none; bottom: 0; left: 0; right: 0; } .rs-project.project-style1 .project-item .project-content .project-inner { position: absolute; bottom: 0; width: auto; left: 0; display: flex; flex-wrap: wrap; transition: all 0.5s ease; width: 100%; background: #fff; padding: 15px 25px; } .rs-project.project-style1 .project-item .project-content .project-inner .title { font-size: 20px; line-height: 30px; font-weight: 500; font-family: "Roboto", Sans-serif; margin-bottom: 0; } .rs-project.project-style1 .project-item .project-content .project-inner .title a { color: #010d14; } .rs-project.project-style1 .project-item .project-content .project-inner .title a:hover { color: #ffb703; } .rs-project.project-style1 .project-item .project-content .project-inner .category { color: #fff; display: block; flex: 0 0 100%; } .rs-project.project-style1 .project-item .project-content .project-inner .category a { color: #333333; } .rs-project.project-style1 .project-item .project-content .project-inner .category a:hover { color: #ffb703; } .rs-project.project-style1 .project-item .project-content .p-icon { position: absolute; right: 0; width: 87px; height: 88px; text-align: center; background: #ffb703; z-index: 7; bottom: 0; line-height: 98px; transition: all 0.4s ease-in-out 0s; } .rs-project.project-style1 .project-item .project-content .p-icon a i { color: #010d14; } .rs-project.project-style1 .project-item .project-content .p-icon a i:before { margin: 0; font-size: 25px; font-weight: 600 !important; position: relative; top: -4px; } .rs-project.project-style1 .project-item .project-content:before { content: ""; position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; background: #00000000; transition: all 0.3s ease 0s; opacity: 1; } .rs-project.project-style1 .project-item:hover .project-img a img { transform: scale(1.2); } .rs-project.project-style1.yellow-modify5 .project-item .project-content .project-inner { background: #e8eaee; } .rs-project.project-style2 { padding: 120px 50px 120px 50px; } .rs-project.project-style2 .project-item { position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease; } .rs-project.project-style2 .project-item .project-content { opacity: 0; visibility: hidden; } .rs-project.project-style2 .project-item .project-content .p-icon { position: absolute; top: 40px; right: 0px; bottom: 20px; text-align: right; width: 50px; height: 50px; line-height: 50px; text-align: center; background: #ffb703; color: #ffffff; border-radius: 50%; transition: all ease 800ms; z-index: 11; } .rs-project.project-style2 .project-item .project-content .p-icon a { display: block; } .rs-project.project-style2 .project-item .project-content .p-icon a i:before { position: relative; font-family: uicons-regular-rounded !important; color: #010d14; font-size: 22px; top: 5px; } .rs-project.project-style2 .project-item .project-content .project-inner { position: absolute; bottom: 0px; left: 30px; transition: all ease 700ms; } .rs-project.project-style2 .project-item .project-content .project-inner .category { font-size: 15px; line-height: 25px; font-weight: 400; font-family: "Roboto", Sans-serif; display: block; margin-bottom: 8px; } .rs-project.project-style2 .project-item .project-content .project-inner .category a { color: #ffffff; } .rs-project.project-style2 .project-item .project-content .project-inner .category a:hover { color: #ffb703; } .rs-project.project-style2 .project-item .project-content .project-inner .title { font-size: 24px; line-height: 32px; font-weight: 500; font-family: "Roboto", Sans-serif; margin-bottom: 5px; } .rs-project.project-style2 .project-item .project-content .project-inner .title a { color: #ffffff; } .rs-project.project-style2 .project-item .project-content .project-inner .title a:hover { color: #ffb703; } .rs-project.project-style2 .project-item:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000b3; opacity: 0; visibility: hidden; transition: 0.3s all ease; } .rs-project.project-style2 .project-item:hover .project-content { opacity: 1; visibility: visible; } .rs-project.project-style2 .project-item:hover .project-content .p-icon { right: 30px; } .rs-project.project-style2 .project-item:hover .project-content .project-inner { bottom: 30px; } .rs-project.project-style2 .project-item:hover:before { opacity: 0.9; visibility: visible; } .rs-project.project-style2 .rs-carousel .owl-dots { margin-top: 55px; } .rs-project.project-style2.project-modify1 .project-item .project-content .project-inner .category a:hover, .rs-project.project-style2.project-modify1 .project-item .project-content .project-inner .title a:hover { color: #eb003d; } .rs-project.project-style2.project-modify1 .project-item .project-content .project-inner .title { font-weight: 700; } .rs-project.project-style2.project-modify1 .project-item .project-content .p-icon { top: 30px; background: #eb003d; color: #ffffff; } .rs-project.project-style2.project-modify1 .project-item .project-content .p-icon a i:before { color: #ffffff; } .rs-project.project-style2.project-modify1.project-onepage1 .project-item .project-content .p-icon { top: 30px; background: #70bf4a; color: #ffffff; } .rs-project.project-style2.project-modify1.project-onepage1 .project-item .project-content .project-inner .category a:hover, .rs-project.project-style2.project-modify1.project-onepage1 .project-item .project-content .project-inner .title a:hover { color: #70bf4a; } .rs-project.project-style2.project-modify1.project-onepage1 .project-item:hover:before { opacity: 0.9; visibility: visible; } .rs-project.project-style2.project-modify2 { padding: 0px 0px 0px 0px; } .rs-project.project-style2.project-modify2 .project-item:before { background: #183650e6; } .rs-project.project-style2.project-modify2 .project-item:hover:before { opacity: 1; visibility: visible; } .rs-project.project-style2.project-modify2 .project-content .project-inner .category { font-size: 16px; line-height: 24px; } .rs-project.project-style2.project-modify2 .project-item .project-content .project-inner .category a:hover, .rs-project.project-style2.project-modify2 .project-item .project-content .project-inner .title a:hover { color: #21c0f5; } .rs-project.project-style2.project-modify2 .project-item .project-content .p-icon { background: #21c0f5; color: #ffffff; } .rs-project.project-style2.project-modify2 .project-item .project-content .p-icon a i:before { color: #ffffff; } .rs-project.project-style3 { position: relative; z-index: 11; } .rs-project.project-style3 .rs-html5-video { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; object-fit: cover; width: 100%; height: 100%; margin: 0; line-height: 1; border: none; } .rs-project.project-style3 .background-video-wrap .background-overlay { background-color: #010423; opacity: 0.85; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; height: 100%; width: 100%; top: 0; left: 0; position: absolute; } .rs-project.project-style3 .project-item .project-img { overflow: hidden; position: relative; margin: 0 3px 0 3px; } .rs-project.project-style3 .project-item .project-img a img { transform: scale(1); transition: all 1s; } .rs-project.project-style3 .project-item .portfolio-content { position: relative; padding: 18px 30px 23px 30px; text-align: center; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); } .rs-project.project-style3 .project-item .portfolio-content .title { font-size: 20px; line-height: 30px; font-weight: 700; margin: 0 0 0; } .rs-project.project-style3 .project-item .portfolio-content .title a { color: #fff; } .rs-project.project-style3 .project-item .portfolio-content .title a:hover { color: #e8271e; } .rs-project.project-style3 .project-item:hover .project-img a img { transform: scale(1.05); } .rs-project.project-style4 .project-item { position: relative; overflow: hidden; } .rs-project.project-style4 .project-item .project-img { position: relative; z-index: 1; overflow: hidden; } .rs-project.project-style4 .project-item .project-img img { width: 100%; transition: 1.3s all ease; } .rs-project.project-style4 .project-item .project-content { position: absolute; padding: 17px 25px 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-style4 .project-item .project-content .project-inner { position: absolute; bottom: -100px; transition: 0.5s; left: 30px; } .rs-project.project-style4 .project-item .project-content .project-inner .category { font-size: 16px; line-height: 26px; font-weight: 400; margin-bottom: 8px; display: block; } .rs-project.project-style4 .project-item .project-content .project-inner .category a { color: #ffffff; } .rs-project.project-style4 .project-item .project-content .project-inner .category a:hover { color: #ccc; } .rs-project.project-style4 .project-item .project-content .project-inner .title { font-size: 24px; line-height: 32px; font-weight: 700; font-family: "Roboto", Sans-serif; margin-bottom: 0px; } .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: #ccc; } .rs-project.project-style4 .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: #001c4bcc; transition: 0.6s; } .rs-project.project-style4 .project-item:hover .project-img img { transform: scale(1.2); } .rs-project.project-style4 .project-item:hover .project-content { opacity: 1; visibility: visible; bottom: 0; } .rs-project.project-style4 .project-item:hover .project-content .project-inner { bottom: 30px; } .rs-project.project-style4 .project-item:hover .project-content:before { opacity: 1; bottom: 0; visibility: visible; } .rs-project.project-style4.port-orange-modify2 .project-item { border-radius: 5px 5px 5px 5px; } .rs-project.project-style4.port-orange-modify2 .project-item .project-content:before { background: #010d14d6; border-radius: 5px 5px 5px 5px; } .rs-project.project-style4.port-orange-modify2 .project-item .project-content .project-inner .title a:hover, .rs-project.project-style4.port-orange-modify2 .project-item .project-content .project-inner .category a:hover { color: #e88e2e; } .rs-project.project-style4.orange-modify3 .project-item .project-content:before { background: #ff6314de; transition: all 0.3s ease 0s; } .rs-project.project-style4.orange-modify3 .project-item .project-content .project-inner .title { font-size: 20px; font-weight: 500; margin-bottom: 6px; } .rs-project.project-style4.orange-modify3 .project-item .project-content .project-inner .category { margin-bottom: 0px; } .rs-project.project-style4.orange-modify3 .project-item .project-content .project-inner .title a:hover, .rs-project.project-style4.orange-modify3 .project-item .project-content .project-inner .category a:hover { color: #ffffffbd; } .rs-project.project-style4.orange-modify3 .slick-arrow { position: absolute; bottom: 0; border: none; display: block; height: 48px; width: 48px; border-radius: 50px 50px 50px 50px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #ff631491; background-color: transparent; border-radius: 50%; transform: translateY(-50%); font-size: 0; z-index: 99; opacity: 1; display: block !important; } .rs-project.project-style4.orange-modify3 .slick-arrow.slick-next { right: 17%; top: -13%; } .rs-project.project-style4.orange-modify3 .slick-arrow.slick-next:before { font-size: 18px; font-weight: 500; color: #ffffff; margin: 0; content: "\f110"; font-family: Flaticon; text-align: center; } .rs-project.project-style4.orange-modify3 .slick-arrow.slick-prev { right: 20%; top: -13%; } .rs-project.project-style4.orange-modify3 .slick-arrow.slick-prev:before { font-size: 18px; font-weight: 500; color: #ffffff; margin: 0; content: "\f111"; font-family: Flaticon; text-align: center; } .rs-project.project-style4.orange-modify3 .slick-arrow:hover { border-color: #ff631491; background-color: #ff631491; } .rs-project.project-style4.orange-modify3 .slick-arrow:hover.slick-next:before, .rs-project.project-style4.orange-modify3 .slick-arrow:hover.slick-prev:before { color: #ffffff; } .rs-project.project-style4.orange-modify3 .slick-list { padding: 0 0 0 !important; } .rs-project.project-style4.orange-modify3.project-orange2 .slick-arrow.slick-next:before, .rs-project.project-style4.orange-modify3.project-orange2 .slick-arrow.slick-prev:before { color: #ff5a06; } .rs-project.project-style4.orange-modify3.project-orange2 .slick-arrow:hover.slick-next:before, .rs-project.project-style4.orange-modify3.project-orange2 .slick-arrow:hover.slick-prev:before { color: #ffffff; } .rs-project.project-style4.orange-modify3.project-orange2 .slick-arrow:hover { border: none; background-color: #ff631491; } .rs-project.project-style4.red-modify4 .slider { margin: 0px -40px 0px -40px; } .rs-project.project-style4.red-modify4 .slider .slick-slider.slick-active { padding: 0 15px; } .rs-project.project-style4.red-modify4 .slider .slick-slider.slick-active .project-item { padding: 0 15px; } .rs-project.project-style4.red-modify4 .slider .grid-item { padding: 0 15px; } .rs-project.project-style4.red-modify4 .slider .grid-item .project-item .project-content:before { background: #600000a6; transition: all 0.3s ease 0s; } .rs-project.project-style4.red-modify4 .slider .grid-item .project-item .project-content .project-inner .title a:hover, .rs-project.project-style4.red-modify4 .slider .grid-item .project-item .project-content .project-inner .category a:hover { color: #ffffffbd; } .rs-project.project-style4.red-modify4 .slider .project-item .project-content .project-inner .title { font-size: 20px; line-height: 30px; font-weight: 500; font-family: "Roboto", Sans-serif; display: block; margin-bottom: 6px; } .rs-project.project-style4.red-modify4 .slider .project-item .project-content .project-inner .category { font-size: 16px; line-height: 26px; font-weight: 400; margin-bottom: 0px; } .rs-project.project-style4.red-modify4 .slider .slick-list { padding: 0 0 0 !important; } .rs-project.project-style4.red-modify4 .slider .slick-dots { bottom: unset; top: -65px; } .rs-project.project-style4.red-modify4 .slider .slick-dots li button { height: 4px; width: 50px; background: #ffffff99; border-radius: 0px; } .rs-project.project-style4.red-modify4 .slider .slick-dots li.slick-active button, .rs-project.project-style4.red-modify4 .slider .slick-dots li:hover button { width: 60px; background: #ffffff99; opacity: unset; } .rs-project.project-style4.red-modify4 .slider .slick-slider { margin: 0 -15px; } .rs-project.project-style5 .project-item { position: relative; overflow: hidden; } .rs-project.project-style5 .project-item .project-content { position: absolute; padding: 23px 30px 23px; 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-content .category { font-size: 16px; line-height: 24px; font-weight: 500; font-family: "Roboto", Sans-serif; display: block; margin: 0 0 7px; } .rs-project.project-style5 .project-item .project-content .category a { color: #333333; } .rs-project.project-style5 .project-item .project-content .category a:hover { color: #ba9071; } .rs-project.project-style5 .project-item .project-content .title { font-size: 22px; line-height: 32px; font-weight: 600; font-family: "Roboto", Sans-serif; margin: 0 0 0px; } .rs-project.project-style5 .project-item .project-content .title a { color: #010d14; } .rs-project.project-style5 .project-item .project-content .title a:hover { color: #ba9071; } .rs-project.project-style5 .project-item:hover .project-content { opacity: 1; bottom: 30px; } .rs-project.project-style5.yellow-modify4 .project-item .project-content .title a:hover, .rs-project.project-style5.yellow-modify4 .project-item .project-content .category a { color: #ffb703; } .rs-project.project-style5.yellow-modify4 .project-item .project-content .title { font-size: 20px; line-height: 30px; font-weight: 500; } .rs-project.project-style6 .project-item .project-img { position: relative; overflow: hidden; } .rs-project.project-style6 .project-item .project-img img { transform: scale(1); transition: all 1s; -webkit-transition: all 1s; } .rs-project.project-style6 .project-item .project-content { background-color: #e8eaee; border-radius: 0px 0px 5px 5px; margin: 0px 0px 0px 0px; } .rs-project.project-style6 .project-item .project-content .project-inner { display: flex; align-items: center; justify-content: space-between; padding: 16px 30px 16px 30px; } .rs-project.project-style6 .project-item .project-content .project-inner .title { font-size: 20px; font-weight: 700; line-height: 32px; font-family: "Roboto", Sans-serif; margin: 0 0 0; } .rs-project.project-style6 .project-item .project-content .project-inner .title a { color: #010d14; } .rs-project.project-style6 .project-item .project-content .project-inner .title a:hover { color: #ffb703; } .rs-project.project-style6 .project-item .project-content .project-inner .project-btn .btn-text { padding: 10px 12px 7px 12px; font-size: 14px; font-weight: 500; text-transform: uppercase; border-radius: 40px 40px 40px 40px; background-color: #ffb703; transition: all ease 0.3s; display: inline-block; } .rs-project.project-style6 .project-item .project-content .project-inner .project-btn .btn-text i:before { font-size: 16px; color: #010d14; } .rs-project.project-style6 .project-item:hover .project-img img { transform: scale(1.05); } .rs-project.project-style7 .project-item { position: relative; overflow: hidden; margin: 0 3px 0 3px; } .rs-project.project-style7 .project-item .project-content { position: absolute; width: 100%; bottom: -105%; left: 40px; transition: 0.4s; } .rs-project.project-style7 .project-item .project-content .project-inner .category { font-size: 16px; line-height: 26px; font-weight: 400; display: block; margin-bottom: 10px; } .rs-project.project-style7 .project-item .project-content .project-inner .category a { color: #ffb703; } .rs-project.project-style7 .project-item .project-content .project-inner .category a:hover { color: #ffb703; } .rs-project.project-style7 .project-item .project-content .project-inner .title { font-size: 20px; line-height: 30px; font-weight: 500; font-family: "Roboto", Sans-serif; margin-bottom: 30px; } .rs-project.project-style7 .project-item .project-content .project-inner .title a { color: #ffffff; } .rs-project.project-style7 .project-item .project-content .project-inner .title a:hover { color: #ffb703; } .rs-project.project-style7 .project-item .project-content .p-icon { width: 50px; height: 50px; text-align: center; line-height: 50px; border-radius: 50px; background: #ffb703; font-size: 18px; } .rs-project.project-style7 .project-item .project-content .p-icon a { display: block; } .rs-project.project-style7 .project-item .project-content .p-icon i:before { font-size: 18px; color: #010d14; } .rs-project.project-style7 .project-item:before { background-color: #010d14cc; content: ""; position: absolute; bottom: -105%; left: 0; width: 100%; height: 100%; transition: 0.4s; } .rs-project.project-style7 .project-item:hover .project-content { bottom: 40px; } .rs-project.project-style7 .project-item:hover:before { bottom: 0; visibility: visible; } .rs-project.project-style8 .project-item { position: relative; overflow: hidden; margin: 0 3px 0 3px; } .rs-project.project-style8 .project-item .project-img img { width: 100%; } .rs-project.project-style8 .project-item .project-img .project-btn { width: 50px; height: 50px; background: red; text-align: center; line-height: 55px; border-radius: 50px; color: #010d14; background: #ffb703; font-size: 20px; position: absolute; right: 30px; top: 30px; opacity: 0; visibility: hidden; transition: 0.4s; } .rs-project.project-style8 .project-item .project-img .project-btn i:before { font-size: 22px; color: #010d14; font-weight: 900; } .rs-project.project-style8 .project-item .project-content { margin-top: 15px; } .rs-project.project-style8 .project-item .project-content .title { font-size: 20px; line-height: 30px; font-weight: 500; font-family: "Roboto", Sans-serif; margin-bottom: 6px; } .rs-project.project-style8 .project-item .project-content .title a { color: #010d14; } .rs-project.project-style8 .project-item .project-content .title a:hover { color: #ffb703; } .rs-project.project-style8 .project-item .project-content .category { font-size: 16px; line-height: 26px; font-weight: 400; display: block; margin-bottom: 10px; } .rs-project.project-style8 .project-item .project-content .category a { color: #333333; } .rs-project.project-style8 .project-item .project-content .category a:hover { color: #ffb703; } .rs-project.project-style8 .project-item:hover .project-img .project-btn { opacity: 1; visibility: visible; } .rs-project.project-style9 .slider { position: relative; padding: 0 13px !important; } .rs-project.project-style9 .slider .grid-item { padding-bottom: 80px !important; } .rs-project.project-style9 .slider .grid-item .project-item { position: relative; overflow: visible; padding: 0 13px !important; } .rs-project.project-style9 .slider .grid-item .project-item .project-img { position: relative; z-index: 1; } .rs-project.project-style9 .slider .grid-item .project-item .project-img a img { width: 100%; -webkit-transition: 1.3s all ease; transition: 1.3s all ease; } .rs-project.project-style9 .slider .grid-item .project-item .project-content { background: #fff; box-shadow: 0 6px 25px rgba(0, 0, 0, 0.07); position: absolute; bottom: -60px; padding: 34px 30px 26px; transition: all 0.5s ease-in-out; z-index: 10; left: 30px; right: 30px; border-radius: 0; } .rs-project.project-style9 .slider .grid-item .project-item .project-content .project-inner .category { font-size: 16px; font-weight: 400; line-height: 26px; text-transform: uppercase; display: block; margin: 0 0 6px; } .rs-project.project-style9 .slider .grid-item .project-item .project-content .project-inner .category a { color: #ff5a06; } .rs-project.project-style9 .slider .grid-item .project-item .project-content .project-inner .title { font-family: "Roboto", Sans-serif; font-size: 17px; font-weight: 700; line-height: 32px; margin: 0 0 0; } .rs-project.project-style9 .slider .grid-item .project-item .project-content .project-inner .title a { color: #442211; } .rs-project.project-style9 .slider .grid-item .project-item .project-content .project-inner .title a:hover { color: #ff5a06; } .rs-project.project-style9 .slider .grid-item .project-item .project-content .project-inner .pro-icon { position: absolute; right: 30px; bottom: 8px; z-index: 11; } .rs-project.project-style9 .slider .grid-item .project-item .project-content .project-inner .pro-icon a i { width: 40px; height: 40px; line-height: 40px; border-radius: 40px; background: #ff5a06; text-align: center; color: #fff; transition: 0.4s; } .rs-project.project-style9 .slider .grid-item .project-item .project-content .project-inner .pro-icon a i:before { font-size: 16px; } .rs-project.project-style9 .slider .slick-list { padding: 0 0 !important; } .rs-project.project-style9 .slider .slick-dots { bottom: -55px; } .rs-project.project-style9 .slider .slick-dots li button { width: 14px; height: 8px; border-radius: 0px; } .rs-project.project-style9 .slider .slick-dots li.slick-active button, .rs-project.project-style9 .slider .slick-dots li:hover button { width: 40px; opacity: 1; } .rs-project-details .project-title .title { font-size: 36px; line-height: 46px; font-weight: 700; color: #010d14; margin: 0px 0px 0px 0px; } .rs-project-details .desc { color: #7a7a7a; margin: 0; } .rs-project-details .project-txt .desc { color: #7a7a7a; margin: 0; } .rs-project-details .project-information { background-color: #f5f7fc; padding: 60px 40px 60px 110px; } .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: 500; color: #010d14; font-family: "Roboto", Sans-serif; margin: 0px 0px 6px 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; } /* ------------------------------------ 18. Skill-bar Section CSS ---------------------------------------*/ .rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar { background-color: #e8eaee; height: 7px; line-height: 7px; margin: 10px 0 24px; border-radius: 3px 3px 3px 3px; overflow: visible; position: relative; width: 100%; } .rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar .skillbar-bar { height: 7px; line-height: 7px; background-color: #ffb703; border-radius: 3px 3px 3px 3px; 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: 40px; top: -38px; font-size: 16px; font-weight: 400; color: #010d14; } .rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar.margin-no { margin: 10px 0 0; } .rs-skillbar.skillbar-style1.skillbar-modify1 .cl-skill-bar .skillbar-title { font-size: 13px; line-height: 7px; font-weight: 600; color: #212121; } .rs-skillbar.skillbar-style1.skillbar-modify1 .cl-skill-bar .skillbar .skill-bar-percent { right: 0; font-size: 13px; font-weight: 500; color: #010d14; } .rs-skillbar.skillbar-style1.skillbar-modify1 .cl-skill-bar .skillbar .skillbar-bar { 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; border-radius: 0; } .rs-skillbar.skillbar-style1.skillbar-modify1 .cl-skill-bar .skillbar { border-radius: 0; background-color: #ebebeb; } .rs-skillbar.skillbar-style1.skillbar-modify1.orange-skillbar .cl-skill-bar .skillbar .skillbar-bar { background-color: #ff6314; } .rs-skillbar.skillbar-style1.skillbar-modify1.orange-skillbar2 .cl-skill-bar .skillbar .skillbar-bar { background-color: #ff6314; } .rs-skillbar.skillbar-style1.skillbar-modify1.red-skillbar1 .skillbar-shape { background-image: url(assets/images/skillbar/row-shape.png); position: absolute; z-index: -11; width: 370px; height: 800px; top: 91px; left: 20%; } .rs-skillbar.skillbar-style1.skillbar-modify1.red-skillbar1 .skillbar-images { background-image: url(assets/images/skillbar/construct-building.png); background-position: top center; background-size: cover; } .rs-skillbar.skillbar-style1.skillbar-modify1.red-skillbar1 .skillbar-wrap { position: relative; z-index: 11; background-color: #1f0a00; padding: 27% 10% 13% 32%; } .rs-skillbar.skillbar-style1.skillbar-modify1.red-skillbar1 .cl-skill-bar .skillbar-title { color: #ffffff; font-size: 16px; font-weight: 500; text-transform: uppercase; } .rs-skillbar.skillbar-style1.skillbar-modify1.red-skillbar1 .cl-skill-bar .skillbar { border-radius: 0; background-color: #490901; } .rs-skillbar.skillbar-style1.skillbar-modify1.red-skillbar1 .cl-skill-bar .skillbar .skillbar-bar { background-image: linear-gradient(180deg, #cc0404 0%, #cc0404 100%); border-radius: 0; } .rs-skillbar.skillbar-style1.skillbar-modify2 .cl-skill-bar .skillbar-title { font-size: 15px; line-height: 7px; font-weight: 500; color: #ffffff; } .rs-skillbar.skillbar-style1.skillbar-modify2 .cl-skill-bar .skillbar .skill-bar-percent { font-size: 15px; font-weight: 700; color: #ffffff; } .rs-skillbar.skillbar-style1.skillbar-modify2 .cl-skill-bar .skillbar .skillbar-bar { background-color: #21c0f5; border-radius: 0px 0px 0px 0px; } .rs-skillbar.skillbar-style1.skillbar-modify2 .cl-skill-bar .skillbar { background-color: #eee; border-radius: 0px 0px 0px 0px; } .rs-skillbar.skillbar-style1.skillbar-modify3 .cl-skill-bar .skillbar-title { font-size: 15px; line-height: 7px; font-weight: 400; color: #010d14; text-transform: uppercase; display: block; } .rs-skillbar.skillbar-style1.skillbar-modify3 .cl-skill-bar .skillbar .skillbar-bar { height: 16px; line-height: 16px; background-color: #ba9071; border-radius: 0; } .rs-skillbar.skillbar-style1.skillbar-modify3 .cl-skill-bar .skillbar { background-color: #f5f5f5; height: 16px; line-height: 16px; margin: 10px 0 24px; border-radius: 0; } .rs-skillbar.skillbar-style1.skillbar-modify3 .cl-skill-bar .skillbar .skill-bar-percent { right: 0px; top: -30px; font-size: 15px; } .rs-skillbar.skillbar-style1.skillbar-modify4 .cl-skill-bar .skillbar-title { color: #000000; font-family: "Arial", Sans-serif; font-size: 16px; font-weight: 400; line-height: 30px; letter-spacing: 1.5px; text-transform: uppercase; display: block; } .rs-skillbar.skillbar-style1.skillbar-modify4 .skillbar .skill-bar-percent { right: 0px; top: -38px; color: #333333; } .rs-skillbar.skillbar-style1.skillbar-modify4 .skillbar .skillbar-bar { height: 2px; line-height: 2px; background-color: #70bf4a; border-radius: unset; } .rs-skillbar.skillbar-style1.skillbar-modify4 .skillbar { background-color: #70bf4a42; height: 2px; line-height: 2px; border-radius: unset; } .rs-skillbar.skillbar-style1.skillbar-modify5 .cl-skill-bar .skillbar-title { color: #f7f7f7; font-size: 14px; font-weight: 600; } .rs-skillbar.skillbar-style1.skillbar-modify5 .cl-skill-bar .skillbar { background-color: #fff; height: 11px; line-height: 11px; border-radius: 0px 0px 0px 0px; } .rs-skillbar.skillbar-style1.skillbar-modify5 .cl-skill-bar .skillbar .skillbar-bar { height: 11px; line-height: 11px; background-color: #ffb703; border-radius: 0px 0px 0px 0px; } .rs-skillbar.skillbar-style1.skillbar-modify5 .cl-skill-bar .skillbar .skill-bar-percent { font-size: 13px; font-weight: 600; color: #fff; } .rs-skillbar.skillbar-style1 .video-img { background-image: url(assets/images/video/video-image5.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; padding: 313px 0 313px; } /* ------------------------------------ 19. Services Section CSS ---------------------------------------*/ .rs-services.services-main-home .services-item .services-wrap { position: relative; overflow: hidden; } .rs-services.services-main-home .services-item .services-wrap .services-image img { width: 100%; height: auto; max-width: unset; } .rs-services.services-main-home .services-item .services-wrap .services-content { padding: 20px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; background: rgba(0, 0, 0, 0.6); height: 100%; transition: 0.5s; opacity: 0; visibility: hidden; } .rs-services.services-main-home .services-item .services-wrap .services-content .service-inner { text-align: center; position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 20px; } .rs-services.services-main-home .services-item .services-wrap .services-content .service-inner .icon-top { background: #ffb703; display: inline-block; margin-bottom: 20px; padding: 15px; border-radius: 50%; } .rs-services.services-main-home .services-item .services-wrap .services-content .service-inner .icon-top img { max-width: 50px; transform: scale(1); } .rs-services.services-main-home .services-item .services-wrap .services-content .service-inner .services-titles .title { font-size: 20px; line-height: 30px; font-weight: 500; font-family: "Roboto", Sans-serif; margin: 0 0 10px; } .rs-services.services-main-home .services-item .services-wrap .services-content .service-inner .services-titles .title a { color: #ffffff; } .rs-services.services-main-home .services-item .services-wrap .services-content .service-inner .services-txt { color: #cecccc; margin-bottom: 30px; } .rs-services.services-main-home .services-item .services-wrap .normarl-text-area { display: flex; align-items: center; justify-content: space-between; background: #fff; padding-left: 30px; transition: 0.5s; position: absolute; width: 100%; bottom: 0; right: 0; } .rs-services.services-main-home .services-item .services-wrap .normarl-text-area .services-titles .title { font-size: 20px; line-height: 30px; font-family: "Roboto", Sans-serif; font-weight: 500; margin: 0 0 10px; } .rs-services.services-main-home .services-item .services-wrap .normarl-text-area .services-titles .title a { color: #010d14; } .rs-services.services-main-home .services-item .services-wrap .normarl-text-area .icon-image { background: #ffb703; padding: 15px 20px; } .rs-services.services-main-home .services-item .services-wrap .normarl-text-area .icon-image img { margin-bottom: 0; border-radius: 0; max-width: 42px; transform: scale(1); } .rs-services.services-main-home .services-item .services-wrap:hover .services-content { visibility: visible; opacity: 1; } .rs-services.services-main-home .services-item .services-wrap:hover .normarl-text-area { opacity: 0; visibility: hidden; right: -100%; } .rs-services.services-style1 .services-slider { background-color: #ffffff; padding: 50px 35px 43px 35px; box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.05); } .rs-services.services-style1 .services-slider .services-img { margin: 0px 0px 39px 0px; } .rs-services.services-style1 .services-slider .services-img a { display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 0% 0% 0% 0%; background-color: #ffb703; } .rs-services.services-style1 .services-slider .services-img a img { width: 40px; } .rs-services.services-style1 .services-slider .services-content .services-titles .title { font-size: 22px; font-weight: 700; line-height: 34px; font-family: "Roboto", Sans-serif; margin: 0px 0px 14px 0px; } .rs-services.services-style1 .services-slider .services-content .services-titles .title a { color: #010d14; } .rs-services.services-style1 .services-slider .services-content .services-titles .title a:hover { color: #ffb703; } .rs-services.services-style1 .services-slider .services-content .services-txt { margin: 0 0 25px; } .rs-services.services-style2 { height: 100%; width: 100%; top: 0; left: 0; position: relative; margin-top: -140px; z-index: 2; } .rs-services.services-style2 .services-box { padding: 38px 40px 38px 40px; background-color: #ffffff; box-shadow: 0px 11px 22px 0px rgba(204, 204, 204, 0.25); } .rs-services.services-style2 .services-box .services-icon { margin-bottom: 20px; } .rs-services.services-style2 .services-box .services-icon a img { width: 60px; } .rs-services.services-style2 .services-box .services-content .title { font-size: 21px; line-height: 31px; font-weight: 700; font-family: "Roboto", Sans-serif; margin: 0 0 10px; } .rs-services.services-style2 .services-box .services-content .title a { color: #010d14; } .rs-services.services-style2 .services-box .services-content .title a:hover { color: #ffb703; } .rs-services.services-style2 .services-box .services-content .services-txt { margin: 0; } .rs-services.services-style2 .services-box.services-yellow-box { background-color: #ffb703; } .rs-services.services-style2 .services-box.services-yellow-box .services-content .title a { color: #010d14; } .rs-services.services-style2 .services-box.services-yellow-box .services-content .title a:hover { color: #010d14; } .rs-services.services-style3 .services-item { position: relative; display: flex; padding: 0 30px 0 0px; } .rs-services.services-style3 .services-item .services-icon img { max-width: unset; height: 70px; width: 70px; } .rs-services.services-style3 .services-item .services-text { padding: 0px 0px 30px 30px; } .rs-services.services-style3 .services-item .services-text .title { font-size: 20px; line-height: 30px; font-weight: 700; font-family: "Roboto", Sans-serif; margin: 0 0 10px; } .rs-services.services-style3 .services-item .services-text .title a { color: #010d14; } .rs-services.services-style3 .services-item .services-text .title a:hover { color: #ffb703; } .rs-services.services-style3 .services-item .services-text .services-txt { margin: 0; } .rs-services.services-style3 .services-item:after { display: block; width: 47px; left: 124px; background: #ffb703; content: ""; height: 4px; position: absolute; transition: all 0.3s ease 0s; bottom: 0; z-index: 9; transform: translateX(-50%); } .rs-services.services-style4 .services-item .services-image { position: relative; overflow: hidden; } .rs-services.services-style4 .services-item .services-image img { transform: scale(1); transition: 0.4s; } .rs-services.services-style4 .services-item .services-text { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #ffffff; border-radius: 0px 0px 5px 5px; } .rs-services.services-style4 .services-item .services-text .services-inner { display: flex; align-items: center; justify-content: space-between; padding: 20px 30px; } .rs-services.services-style4 .services-item .services-text .services-inner .title { font-size: 22px; line-height: 32px; font-weight: 700; font-family: "Roboto", Sans-serif; margin: 0 0 0; } .rs-services.services-style4 .services-item .services-text .services-inner .title a { color: #000000; } .rs-services.services-style4 .services-item .services-text .services-inner .title a:hover { color: #eb003d; } .rs-services.services-style4 .services-item:hover .services-image img { transform: scale(1.1); } .rs-services.services-style5 .services-item { background-color: #031321; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); padding: 30px 50px 30px 50px; margin: 0 -3px 0 -3px; position: relative; z-index: 1; } .rs-services.services-style5 .services-item .services-icon { margin-bottom: 20px; } .rs-services.services-style5 .services-item .services-icon img { height: 70px; width: 70px; max-width: unset; } .rs-services.services-style5 .services-item .services-text .title { font-size: 20px; line-height: 30px; font-weight: 500; font-family: "Roboto", Sans-serif; color: #ffffff; margin: 0 0 12px; } .rs-services.services-style5 .services-item .services-text .services-txt { color: #d7d4d4; margin-bottom: 23px; } .rs-services.services-style5 .services-item:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #010d14; transform: scaleY(0); transition: all 0.3s ease 0s; z-index: -1; } .rs-services.services-style5 .services-item:hover:before { transform: scaleY(1); } .rs-services.services-style6 .services-item { background-color: #fff; box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.05); padding: 30px 30px 35px 30px; } .rs-services.services-style6 .services-item .services-img a img { height: 100%; width: 100%; max-width: unset; } .rs-services.services-style6 .services-item .services-content { margin: 23px 0px 0px 0px; } .rs-services.services-style6 .services-item .services-content .title { font-size: 22px; font-weight: 700; line-height: 34px; font-family: "Roboto", Sans-serif; margin: 0 0 10px; } .rs-services.services-style6 .services-item .services-content .title a { color: #010d14; } .rs-services.services-style6 .services-item .services-content .services-txt { margin-bottom: 22px; } .rs-services.services-style6 .services-item:hover .services-content .title a { color: #0052da; } .rs-services.services-style7 .services-item { position: relative; background-color: #183650; background-image: url(assets/images/services/style7/img/1.jpg); background-repeat: no-repeat; background-size: cover; padding: 60px 20px 60px 50px; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05); } .rs-services.services-style7 .services-item .background-overlay { background-image: linear-gradient(180deg, #183650 0%, #0d6681 100%); opacity: 0.5; height: 100%; width: 100%; top: 0; left: 0; position: absolute; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; } .rs-services.services-style7 .services-item .rs-iconbox-area { position: relative; } .rs-services.services-style7 .services-item .rs-iconbox-area .icon-area { margin-bottom: 23px; } .rs-services.services-style7 .services-item .rs-iconbox-area .icon-area a img { width: 80px; } .rs-services.services-style7 .services-item .rs-iconbox-area .text-area .title { font-size: 22px; line-height: 32px; font-weight: 700; font-family: "Roboto", Sans-serif; margin: 0 0 10px; } .rs-services.services-style7 .services-item .rs-iconbox-area .text-area .title a { color: #ffffff; } .rs-services.services-style7 .services-item .rs-iconbox-area .text-area .title a:hover { color: #21c0f5; } .rs-services.services-style7 .services-item .rs-iconbox-area .text-area .services-txt { line-height: 26px; color: #ffffff; margin: 0; } .rs-services.services-style7 .services-item.ser-bg2 { background-image: url(assets/images/services/style7/img/2.jpg); } .rs-services.services-style7 .services-item.ser-bg3 { background-image: url(assets/images/services/style7/img/3.jpg); } .rs-services.services-style8 .services-item { display: flex; padding: 30px 30px 11px 30px; background-color: #fff; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.05); } .rs-services.services-style8 .services-item .services-icon img { height: 70px; width: 70px; max-width: unset; } .rs-services.services-style8 .services-item .services-text { padding: 0px 0px 30px 30px; } .rs-services.services-style8 .services-item .services-text .title { font-size: 20px; line-height: 30px; font-weight: 700; font-family: "Roboto", Sans-serif; margin: 0 0 12px; } .rs-services.services-style8 .services-item .services-text .title a { color: #010d14; } .rs-services.services-style8 .services-item .services-text .title a:hover { color: #21c0f5; } .rs-services.services-style8 .services-item .services-text .services-txt { margin: 0; } .rs-services.services-style9 .services-item { text-align: center; border-radius: 5px 5px 5px 5px; overflow: hidden; background-color: #ffffff; box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.05); } .rs-services.services-style9 .services-item .services-image a img { height: 100%; width: 100%; max-width: unset; } .rs-services.services-style9 .services-item .services-text { padding: 20px 0px 20px 0px; } .rs-services.services-style9 .services-item .services-text .title { font-size: 20px; font-weight: 700; line-height: 1.3em; font-family: "Roboto", Sans-serif; margin: 0; } .rs-services.services-style9 .services-item .services-text .title a { color: #010d14; } .rs-services.services-style9 .services-item .services-text .title a:hover { color: #e88e2e; } .rs-services.services-style10 .services-item { display: flex; padding: 30px 15px 30px 40px; background-color: #fff; border-style: solid; border-width: 0px 0px 0px 0px; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); margin: 0 -3px 0 -3px; } .rs-services.services-style10 .services-item .services-icon img { height: 50px; width: 50px; max-width: unset; } .rs-services.services-style10 .services-item .services-content { padding: 0px 0px 0px 30px; } .rs-services.services-style10 .services-item .services-content .title { font-size: 24px; line-height: 34px; font-weight: 700; margin: 0 0 10px; } .rs-services.services-style10 .services-item .services-content .title a { color: #010d14; } .rs-services.services-style10 .services-item .services-content .title a:hover { color: #ba9071; } .rs-services.services-style10 .services-item .services-content .services-txt { margin-bottom: 6px; } .rs-services.services-style11 { margin-top: -70px; padding: 0px 10px 0px 10px; z-index: 3; } .rs-services.services-style11 .services-item { background-color: #ffffff; border-radius: 20px 20px 20px 20px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08); display: flex; padding: 26px 25px 22px 25px; position: relative; z-index: 11; } .rs-services.services-style11 .services-item .services-icon { text-align: center; margin: 5px 0px 0px 0px; background-color: #70bf4a; line-height: 40px !important; min-width: 60px; height: 60px; border-radius: 10px 10px 10px 10px; display: inline-block; padding: 5px; font-size: 50px; transition: all ease 0.3s; } .rs-services.services-style11 .services-item .services-icon img { margin: 5px 0px 0px 0px; height: 37px; width: 27px; max-width: unset; } .rs-services.services-style11 .services-item .services-text { padding: 0px 0px 0px 25px; } .rs-services.services-style11 .services-item .services-text .title { font-size: 18px; font-weight: 600; text-transform: capitalize; line-height: 1.365em; color: #000000; margin-bottom: 8px; } .rs-services.services-style11 .services-item .services-text .services-txt { margin: 0; } .rs-services.services-style12 .services-item { padding: 30px 30px 24px 30px; background-color: #ffffff; border-radius: 20px 20px 20px 20px; } .rs-services.services-style12 .services-item .services-icon { text-align: center; background-color: #70bf4a; line-height: 37px !important; min-width: 60px; height: 60px; margin-bottom: 20px !important; border-radius: 10px 10px 10px 10px; display: inline-block; padding: 5px; font-size: 50px; } .rs-services.services-style12 .services-item .services-icon img { margin: 5px 0px 0px 0px; height: 37px; width: 27px; max-width: unset; } .rs-services.services-style12 .services-item .services-text .title { font-size: 22px; font-weight: 600; line-height: 1.365em; margin-bottom: 15px; } .rs-services.services-style12 .services-item .services-text .title a { color: #000000; } .rs-services.services-style12 .services-item .services-text .services-txt { margin-bottom: 4px; } .rs-services.services-style12 .services-item:hover .services-text .title a { color: #70bf4a; } .rs-services.services-style13 .services-item { position: relative; padding: 40px 50px 46px 50px; margin: 0 -2px 0 -2px; background-color: #ffffff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); } .rs-services.services-style13 .services-item .serial-number { position: absolute; left: 242px !important; top: 13px !important; color: #00000008; font-size: 70px; font-weight: 600; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .rs-services.services-style13 .services-item .services-icon { margin-bottom: 20px; } .rs-services.services-style13 .services-item .services-icon img { height: 70px; width: 70px; max-width: 100%; transform: scale(1); transition: 0.4s; } .rs-services.services-style13 .services-item .services-text .title { font-size: 20px; line-height: 30px; font-weight: 500; font-family: "Roboto", Sans-serif; margin: 0 0 10px; } .rs-services.services-style13 .services-item .services-text .title a { color: #010d14; } .rs-services.services-style13 .services-item .services-text .title a:hover { color: #ffb703; } .rs-services.services-style13 .services-item .services-text .services-txt { margin-bottom: 0px; } .rs-services.services-style13 .services-item:hover .services-icon img { transform: scale(1.1); } .rs-services.services-style14 .services-item { padding: 40px 35px 40px 35px; background-color: #ffffff; } .rs-services.services-style14 .services-item .services-icon { text-align: center; background-color: #ff6314; line-height: 37px !important; min-width: 60px; height: 60px; margin-bottom: 20px !important; border-radius: 50%; display: inline-block; padding: 5px; font-size: 50px; } .rs-services.services-style14 .services-item .services-icon img { height: 30px; width: 30px; max-width: unset; } .rs-services.services-style14 .services-item .services-text .title { font-size: 20px; font-weight: 600; line-height: 1.365em; text-transform: uppercase; font-family: "Roboto", Sans-serif; margin-bottom: 18px; } .rs-services.services-style14 .services-item .services-text .title a { color: #000000; } .rs-services.services-style14 .services-item .services-text .title a:hover { color: #ff6314; } .rs-services.services-style14 .services-item .services-text .services-txt { color: #333333d4; margin-bottom: 20px; } .rs-services.services-style15 { position: relative; } .rs-services.services-style15 .services-overlay { background-color: #ffffff; opacity: 0.15; mix-blend-mode: color-dodge; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; height: 100%; width: 100%; top: 0; left: 0; position: absolute; } .rs-services.services-style15 .services-item { position: relative; background-color: #ffffff; background-image: url(assets/images/services/style13/s-bg.jpg); background-position: bottom right; background-repeat: no-repeat; background-size: contain; text-align: center; padding: 30px 20px 30px 20px; } .rs-services.services-style15 .services-item .services-icon { text-align: center; background-color: #ff5a06; line-height: 60px !important; min-width: 80px; height: 80px; margin-bottom: 20px !important; display: inline-block; padding: 5px; font-size: 50px; } .rs-services.services-style15 .services-item .services-icon img { width: 45px; height: unset; max-width: 100%; transform: scale(1); transition: 0.4s; } .rs-services.services-style15 .services-item .services-text .title { font-size: 22px; font-weight: 600; line-height: 1.365em; color: #010d14; margin-bottom: 15px; } .rs-services.services-style15 .services-item .services-text .services-txt { margin-bottom: 4px; } .rs-services.services-style15 .services-item:hover .services-icon img { transform: scale(1.1); } .rs-services.services-style16 .services-item { text-align: center; } .rs-services.services-style16 .services-item .services-icon { text-align: center; background-color: #ff6314; line-height: 90px !important; min-width: 100px; margin-bottom: 25px !important; display: inline-block; padding: 5px; font-size: 50px; } .rs-services.services-style16 .services-item .services-icon img { height: 33px; width: 33px; max-width: unset; } .rs-services.services-style16 .services-item .services-text .title { font-size: 25px; font-weight: 500; line-height: 35px; font-family: "Roboto", Sans-serif; color: #ffffff; margin: 0 0 18px; } .rs-services.services-style16 .services-item .services-text .services-txt { color: #ffffffcc; margin-bottom: 0px; } .rs-services.services-style17 { position: relative; margin-top: -120px; z-index: 2; } .rs-services.services-style17 .services-item { padding: 30px 30px 30px 30px; background-color: #220902; transition: all 0.4s; border-style: solid; border-width: 0px 1px 0px 0px; border-color: #38221b; } .rs-services.services-style17 .services-item .services-icon { margin: 0 0 20px; } .rs-services.services-style17 .services-item .services-icon img { width: 50px; height: 50px; } .rs-services.services-style17 .services-item .services-text .title { font-size: 25px; font-weight: 500; line-height: 35px; font-family: "Roboto", Sans-serif; margin: 0 0 10px; } .rs-services.services-style17 .services-item .services-text .title a { color: #ffffff; } .rs-services.services-style17 .services-item .services-text .services-txt { color: #ffffffcc; margin-bottom: 0px; } .rs-services.services-style17 .services-item:hover { background-color: #2e0b00; } .rs-services.services-style17 .services-item.no-border { border: none; } .rs-services.services-style18 .services-item { padding: 30px 15px 30px 15px; background-color: #2e0b00; text-align: center; } .rs-services.services-style18 .services-item .services-icon { position: relative; margin: 0 0 44px; } .rs-services.services-style18 .services-item .services-icon img { max-width: 50px; transition: all 0.5s; } .rs-services.services-style18 .services-item .services-icon:before { content: ""; left: 50%; transform: translateX(-50%); bottom: -20px; position: absolute; width: 90px; height: 1px; background-color: #cb0000; } .rs-services.services-style18 .services-item .services-text .title { font-size: 18px; font-weight: 500; line-height: 32px; color: #ffffff; margin: 6px 0px 12px 0px; } .rs-services.services-style18 .services-item .services-text .services-txt { font-size: 16px; font-weight: 400; line-height: 26px; color: #ffffffcf; margin: 0px 0px 0px 0px; } .rs-services.services-style18 .services-item:hover .services-icon img { transform: scale(1.03); } .rs-services.services-style18.services-modify1 .services-item { background-color: #ffffff; border-radius: 10px 10px 10px 10px; } .rs-services.services-style18.services-modify1 .services-item .services-icon:before { background-color: #ff5a06; } .rs-services.services-style18.services-modify1 .services-item .services-text .title { font-family: "Roboto", Sans-serif; font-size: 18px; font-weight: 500; line-height: 32px; color: #010d14; } .rs-services.services-style18.services-modify1 .services-item .services-text .services-txt { color: #333333; } .rs-services.services-style19 .services-item { display: flex; align-items: center; } .rs-services.services-style19 .services-item .services-icon { position: relative; display: inline-block; padding: 5px; font-size: 50px; line-height: 50px; text-align: center; color: #010d14; min-width: 72px; height: 72px; background-color: #ff5a06 !important; transition: all ease 0.3s; } .rs-services.services-style19 .services-item .services-icon img { max-width: unset; height: 40px; width: 40px; } .rs-services.services-style19 .services-item .services-text { padding-left: 16px; } .rs-services.services-style19 .services-item .services-text .title { font-family: "Roboto", Sans-serif; font-size: 22px; font-weight: 500; line-height: 1.365em; color: #442211; margin: 6px 0px 12px 0px; } .rs-services.services-style19 .services-item:hover .services-text .title { color: #ff5a06; } .rs-services.services-style20 .services-item { background-color: #ffffff; box-shadow: -37px 61px 64px 12px rgba(0, 0, 0, 0.05); } .rs-services.services-style20 .services-item .services-images { position: relative; } .rs-services.services-style20 .services-item .services-images .services-icon { position: absolute; left: 28px; bottom: -34px; display: inline-block; padding: 5px; font-size: 50px; line-height: 50px; text-align: center; color: #010d14; min-width: 72px; height: 72px; background-color: #ff5a06 !important; transition: all ease 0.3s; } .rs-services.services-style20 .services-item .services-images .services-icon img { max-width: unset; height: 40px; width: 40px; transition: all 0.5s ease 0s; transform: scale(1); } .rs-services.services-style20 .services-item .services-text { padding: 55px 30px 35px 30px; } .rs-services.services-style20 .services-item .services-text .title { font-size: 22px; font-weight: 600; line-height: 35px; text-transform: uppercase; font-family: "Roboto", Sans-serif; margin: 0 0 10px; } .rs-services.services-style20 .services-item .services-text .title a { color: #442211; } .rs-services.services-style20 .services-item .services-text .title a:hover { color: #ff5a06; } .rs-services.services-style20 .services-item .services-text .services-txt { color: #333333; margin-bottom: 24px; } .rs-services.services-style20 .services-item:hover .services-images .services-icon img { transform: scale(1.1); } .rs-services-single .services-add { background-color: #070706; position: relative; padding: 55px 35px 38px; text-align: center; } .rs-services-single .services-add .services-overlay { background-image: url(assets/images/services/services-single/ser2.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-item { position: relative; } .rs-services-single .services-add .address-wrap-item .divider { padding-top: 15px; padding-bottom: 35px; } .rs-services-single .services-add .address-wrap-item .divider .divider-separator { position: relative; } .rs-services-single .services-add .address-wrap-item .divider .divider-separator:before { height: 3px; display: block; width: 120px; border-bottom: 2px dashed #ffb703; content: ""; margin: 0 auto; } .rs-services-single .services-add .address-wrap-item .title { font-size: 24px; line-height: 41px; font-weight: 700; color: #ffffff; margin-bottom: 15px; } .rs-services-single .services-add .address-wrap-item .title span { color: #ffb703; } .rs-services-single .services-add .address-wrap-item a { font-size: 34px; line-height: 44px; font-weight: 700; color: #ffffff; } .rs-services-single .brochures { background-color: #e8eaee; padding: 42px 26px 62px 35px; } .rs-services-single .brochures .content-text .title { font-size: 28px; line-height: 38px; font-weight: 500; color: #010d14; margin-bottom: 18px; } .rs-services-single .brochures .content-text .desc-part { color: #333333; margin: 0 0 41px; } .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: 500; padding: 18px 35px 18px 35px; background-color: #ffb703; color: #010d14; 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: 500; padding: 18px 35px 18px 35px; background-color: #010d14; color: #ffffff; } .rs-services-single .services-title .title { font-size: 36px; line-height: 46px; font-weight: 500; color: #010d14; margin: 0; } .rs-services-single .desc-part { color: #333333; margin: 0; } /* ------------------------------------ 20. Faq Section CSS ---------------------------------------*/ .rs-faq.faq-style1 { position: relative; } .rs-faq.faq-style1 .faq-content { padding: 120px 60px 120px 35px; } .rs-faq.faq-style1 .faq-content .accordion { border-width: 12px; } .rs-faq.faq-style1 .faq-content .accordion .card { border: none; background-color: #f1f6fc; 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: 500; padding: 17px 25px 17px 35px; background-color: #ffb703; color: #010d14; } .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: #000000; left: 20px; margin-top: 2px; } .rs-faq.faq-style1 .faq-content .accordion .card .card-header .card-link.collapsed { margin: 0px 0px 20px 0px; font-size: 18px; font-weight: 500; line-height: 29px; color: #ffffff; background-color: #010d14; box-shadow: 0px 0px 0px 0px #000000; } .rs-faq.faq-style1 .faq-content .accordion .card .card-header .card-link.collapsed:after { color: #ffb703; content: "\f067"; } .rs-faq.faq-style1 .faq-content .accordion .card .card-header .card-link.collapsed.last-margin { margin: 0px 0px 0px 0px; } .rs-faq.faq-style1 .faq-content .accordion .card .card-body { background-color: #f1f1f1; color: #333333; font-size: 16px; width: 100%; padding: 30px 30px 55px 30px; } .rs-faq.faq-style1 .faq-images { background-image: url(assets/images/choose/benefit/tabs-images.png); background-position: center center; background-repeat: no-repeat; background-size: cover; } .rs-faq.faq-style1.faq-modify1 .faq-content { padding: 0px 0px 0px 0px; } .rs-faq.faq-style1.faq-modify1 .faq-content .accordion .card .card-body { padding: 30px 20px 30px 28px; } /* ------------------------------------ 21. Team Section CSS ---------------------------------------*/ .rs-team.team-style1 .vertical-widget-content { padding: 30px 30px 30px 30px; background-color: #fff; border-radius: 3px 3px 3px 3px; } .rs-team.team-style1 .vertical-widget-content .slick-part { display: flex; align-items: center; justify-content: space-between; } .rs-team.team-style1 .vertical-widget-content .slick-part .slider.slider-for { flex: 0 0 64.8%; max-width: 64.8%; } .rs-team.team-style1 .vertical-widget-content .slick-part .slider.slider-for .team-inner-wrap .image-wrap a img { border-radius: 4px; } .rs-team.team-style1 .vertical-widget-content .slick-part .slider.slider-for .team-inner-wrap .team-content { padding-top: 16px; } .rs-team.team-style1 .vertical-widget-content .slick-part .slider.slider-for .team-inner-wrap .team-content .title { font-size: 20px; line-height: 30px; font-weight: 700; font-family: Roboto; margin: 0 0 4px; } .rs-team.team-style1 .vertical-widget-content .slick-part .slider.slider-for .team-inner-wrap .team-content .title a { color: #010d14; } .rs-team.team-style1 .vertical-widget-content .slick-part .slider.slider-for .team-inner-wrap .team-content .title a:hover { color: #ffb703; } .rs-team.team-style1 .vertical-widget-content .slick-part .slider.slider-for .team-inner-wrap .team-content .team-title { color: #333333; } .rs-team.team-style1 .vertical-widget-content .slick-part .slider.slider-nav { flex: 0 0 35.2%; max-width: 35.2%; padding-left: 30px; margin-top: -50px; } .rs-team.team-style1 .vertical-widget-content .slick-part .slider.slider-nav .images-list { margin-bottom: 30px; } .rs-team.team-style1 .vertical-widget-content .slick-part .slider.slider-nav .images-list a img { border-radius: 4px; } .rs-team.team-style1 .vertical-widget-content .slick-part .slider .slick-arrow { position: absolute; transform: translateY(-50%); width: 50px; height: 50px; visibility: visible; opacity: 1; background: #ffb703; font-size: 0; border: none; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0); border-radius: 0px 0px 0px 0px; transition: 0.6s ease all; z-index: 9; } .rs-team.team-style1 .vertical-widget-content .slick-part .slider .slick-arrow.slick-next { top: 115.1%; right: -30px; } .rs-team.team-style1 .vertical-widget-content .slick-part .slider .slick-arrow.slick-next:before { content: "\f114"; font-size: 18px; color: #010d14; margin: 0; display: inline-block; font-family: flaticon !important; text-align: center; font-weight: 600; } .rs-team.team-style1 .vertical-widget-content .slick-part .slider .slick-arrow.slick-prev { top: 115.1%; right: 26px; } .rs-team.team-style1 .vertical-widget-content .slick-part .slider .slick-arrow.slick-prev:before { content: "\f115"; font-size: 18px; color: #010d14; margin: 0; display: inline-block; font-family: flaticon !important; text-align: center; font-weight: 600; } .rs-team.team-style1 .vertical-widget-content .slick-part .slider .slick-arrow:hover { background: #010d14; } .rs-team.team-style1 .vertical-widget-content .slick-part .slider .slick-arrow:hover.slick-prev:before, .rs-team.team-style1 .vertical-widget-content .slick-part .slider .slick-arrow:hover.slick-next:before { color: #ffffff; } .rs-team.team-style2 .team-item-wrap .team-inner-wrap { overflow: visible; } .rs-team.team-style2 .team-item-wrap .team-inner-wrap .image-wrap { overflow: hidden; border-radius: 50%; } .rs-team.team-style2 .team-item-wrap .team-inner-wrap .image-wrap a img { border-radius: 50%; transform: scale(1); transition: 0.3s ease-in-out; } .rs-team.team-style2 .team-item-wrap .team-inner-wrap .team-content { text-align: center; margin: 0; padding: 25px 20px 25px; opacity: 1; } .rs-team.team-style2 .team-item-wrap .team-inner-wrap .team-content .team-info .team-name { font-size: 20px; line-height: 30px; font-family: "Roboto", Sans-serif; font-weight: 600; margin: 0 0 4px; } .rs-team.team-style2 .team-item-wrap .team-inner-wrap .team-content .team-info .team-name a { color: #010d14; } .rs-team.team-style2 .team-item-wrap .team-inner-wrap .team-content .team-info .team-name a:hover { color: #ffb703; } .rs-team.team-style2 .team-item-wrap .team-inner-wrap .team-content .team-info .team-title { font-size: 15px; color: #666; display: block; margin-bottom: 6px; } .rs-team.team-style2 .team-item-wrap .team-inner-wrap .team-content .social-icon li { display: inline-block; margin-right: 21px; } .rs-team.team-style2 .team-item-wrap .team-inner-wrap .team-content .social-icon li a i { font-size: 18px; color: #333333; transition: 0.3s all ease; } .rs-team.team-style2 .team-item-wrap .team-inner-wrap .team-content .social-icon li a i:hover { color: #ffb703; } .rs-team.team-style2 .team-item-wrap .team-inner-wrap .team-content .social-icon li:last-child { margin-right: 0; } .rs-team.team-style2 .team-item-wrap .team-inner-wrap:hover .image-wrap a img { transform: scale(1.2); } .rs-team.team-style2 .rs-carousel .owl-dots { margin-top: 15px; } .rs-team.team-style2.yellow-team-modify2 .team-item-wrap .team-inner-wrap .team-content .social-icon li a i { font-size: 15px; color: #010d14; width: 35px; height: 35px; line-height: 35px; background: transparent; text-align: center; transition: 0.3s all ease; border-radius: 50%; margin: 0; } .rs-team.team-style2.yellow-team-modify2 .team-item-wrap .team-inner-wrap .team-content .social-icon li { display: inline-block; margin-right: 4px; } .rs-team.team-style2.yellow-team-modify2 .team-item-wrap .team-inner-wrap .team-content .social-icon li a i:hover { color: #010d14; background: #ffb703; } .rs-team.team-style3 .team-item-wrap .team-inner-wrap { border-radius: 0 0 5px 5px; } .rs-team.team-style3 .team-item-wrap .team-inner-wrap .image-wrap { position: relative; overflow: hidden; } .rs-team.team-style3 .team-item-wrap .team-inner-wrap .image-wrap a img { border-radius: 5px 5px 0 0; } .rs-team.team-style3 .team-item-wrap .team-inner-wrap .team-content { display: flex; align-items: center; opacity: 1; position: relative; border-radius: 0 0 5px 5px; padding: 20px 35px 17px; box-shadow: 0 5px 20px rgba(34, 34, 34, 0.1); background-color: #ffffff; } .rs-team.team-style3 .team-item-wrap .team-inner-wrap .team-content .team-info .team-name { font-size: 22px; line-height: 1.25em; font-family: "Roboto", Sans-serif; font-weight: 700; margin: 0 0 0px; } .rs-team.team-style3 .team-item-wrap .team-inner-wrap .team-content .team-info .team-name a { color: #010d14; } .rs-team.team-style3 .team-item-wrap .team-inner-wrap .team-content .team-info .team-name a:hover { color: #eb003d; } .rs-team.team-style3 .team-item-wrap .team-inner-wrap .team-content .team-info .team-title { font-size: 15px; color: #333333; } .rs-team.team-style3 .team-item-wrap .team-inner-wrap .team-content .plus-team .social-icons { text-align: center; margin-top: 14px; position: absolute; right: 0; bottom: 100%; width: 50px; background: #eb003d; padding: 12px 0; opacity: 0; visibility: hidden; transition: all 0.4s ease 0s; z-index: 1; transform: scaleY(0); transform-origin: bottom; } .rs-team.team-style3 .team-item-wrap .team-inner-wrap .team-content .plus-team .social-icons a { padding: 0; background: transparent; } .rs-team.team-style3 .team-item-wrap .team-inner-wrap .team-content .plus-team .social-icons a i { font-size: 18px; color: #ffffff; background: transparent; width: 35px; height: 35px; line-height: 35px; text-align: center; transition: 0.3s all ease; border-radius: 50%; margin: 0; } .rs-team.team-style3 .team-item-wrap .team-inner-wrap .team-content .plus-team .social-icons a i:hover { color: #e6e6e6; } .rs-team.team-style3 .team-item-wrap .team-inner-wrap .team-content .plus-team .share-i { margin: 0; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; right: 35px; font-weight: 700; font-size: 18px; cursor: pointer; transition: 500ms ease; background: #eb003d; color: #fff; width: 45px; height: 45px; border-radius: 45px; line-height: 50px; text-align: center; } .rs-team.team-style3 .team-item-wrap .team-inner-wrap .team-content .plus-team:hover .social-icons { visibility: visible; opacity: 1; z-index: 2; transform: scaleY(1); } .rs-team.team-style3.team-modify1 .team-item-wrap .team-inner-wrap .team-content { background: #010d14; } .rs-team.team-style3.team-modify1 .team-item-wrap .team-inner-wrap .team-content .plus-team .social-icons, .rs-team.team-style3.team-modify1 .team-item-wrap .team-inner-wrap .team-content .plus-team .share-i { background: #e8271e; } .rs-team.team-style3.team-modify1 .team-item-wrap .team-inner-wrap .team-content .team-info .team-name a { font-size: 20px; font-weight: 600; color: #ffffff; } .rs-team.team-style3.team-modify1 .team-item-wrap .team-inner-wrap .team-content .team-info .team-title { color: #ffffff; font-weight: 600; } .rs-team.team-style3.team-modify1 .team-item-wrap .team-inner-wrap .team-content .team-info .team-name a:hover { color: #c4c4c4; } .rs-team.team-style3.team-modify2 .team-item-wrap .team-inner-wrap .team-content .plus-team .share-i { right: 11px; background: #0052da; top: 0; } .rs-team.team-style3.team-modify2 .team-item-wrap .team-inner-wrap .team-content .team-info .team-name { font-size: 20px; margin: 0px 0 4px; } .rs-team.team-style3.team-modify2 .team-item-wrap .team-inner-wrap .team-content { padding: 28px 30px 24px 26px; } .rs-team.team-style3.team-modify2 .team-item-wrap .team-inner-wrap .team-content .team-info .team-name a:hover { color: #0052da; } .rs-team.team-style3.team-modify2 .team-item-wrap .team-inner-wrap .image-wrap a img { border-radius: 0px 0px 0 0; } .rs-team.team-style3.team-modify2 .team-item-wrap .team-inner-wrap .team-content .plus-team .social-icons { width: 45px; right: 10px; padding: 12px 0px 19px 0px; background: #0052da; } .rs-team.team-style3.team-modify3 .team-item-wrap .team-inner-wrap .image-wrap a img { border-radius: 0 0 0 0; transform: scale(1.1); transition: 0.3s ease-in-out; opacity: 1; } .rs-team.team-style3.team-modify3 .team-item-wrap .team-inner-wrap .team-content .plus-team .share-i { background: #ffb703; color: #010d14; } .rs-team.team-style3.team-modify3 .team-item-wrap .team-inner-wrap .team-content .plus-team .social-icons { background: #ffb703; } .rs-team.team-style3.team-modify3 .team-item-wrap .team-inner-wrap .team-content .plus-team .social-icons a i { color: #010d14; } .rs-team.team-style3.team-modify3 .team-item-wrap .team-inner-wrap .team-content .plus-team .social-icons a i:hover { color: #eb003d; } .rs-team.team-style3.team-modify3 .team-item-wrap .team-inner-wrap .team-content .team-info .team-name { font-size: 20px; font-weight: 500; } .rs-team.team-style3.team-modify3 .team-item-wrap .team-inner-wrap .team-content .team-info .team-title { font-weight: 500; } .rs-team.team-style3.team-modify3 .team-item-wrap:hover .team-inner-wrap .team-content .team-info .team-name a { color: #ffb703; } .rs-team.team-style3.team-modify3 .team-item-wrap:hover .team-inner-wrap .image-wrap a img { transform: scale(1); opacity: 0.7; border-radius: 5px 5px 0 0; } .rs-team.team-style3.team-modify4 .team-item-wrap .team-inner-wrap { background-color: #ffffff; box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.04); } .rs-team.team-style3.team-modify4 .team-item-wrap .team-inner-wrap .team-content { display: flex; align-items: center; opacity: 1; position: relative; border-radius: 0 0 5px 5px; padding: 20px 35px 17px; box-shadow: unset; background-color: #ffffff; } .rs-team.team-style3.team-modify4 .team-item-wrap .team-inner-wrap .team-content .plus-team .share-i { right: 20px; background: #ff6314; top: 0; } .rs-team.team-style3.team-modify4 .team-item-wrap .team-inner-wrap .team-content .team-info .team-name { font-size: 20px; margin: 0px 0 4px; } .rs-team.team-style3.team-modify4 .team-item-wrap .team-inner-wrap .team-content { padding: 28px 30px 24px 26px; } .rs-team.team-style3.team-modify4 .team-item-wrap .team-inner-wrap .team-content .team-info .team-name a:hover { color: #ff6314; } .rs-team.team-style3.team-modify4 .team-item-wrap .team-inner-wrap .image-wrap a img { border-radius: 0px 0px 0 0; clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 90% 100%, 100% 100%, 0% 100%); } .rs-team.team-style3.team-modify4 .team-item-wrap .team-inner-wrap .team-content .plus-team .social-icons { width: 45px; right: 20px; padding: 12px 0px 19px 0px; background: #ff6314; } .rs-team.team-style3.team-modify4 .rs-carousel .owl-dots .owl-dot:hover, .rs-team.team-style3.team-modify4 .rs-carousel .owl-dots .owl-dot.active { background: #ff6314; } .rs-team.team-style3.team-modify4 .rs-carousel .owl-dots .owl-dot { background: #ff6314; } .rs-team.team-style3.team-modify4 .owl-stage-outer { padding: 20px; margin: -20px; } .rs-team.team-style4 .team-item .team-inner-wrap .image-wrap .team-img-sec { position: relative; } .rs-team.team-style4 .team-item .team-inner-wrap .image-wrap .team-img-sec:before { position: absolute; left: 0; right: 0; width: 100%; height: 100%; content: ""; z-index: 10; opacity: 0; visibility: hidden; transition: 0.4s; background: #183650e6; } .rs-team.team-style4 .team-item .team-inner-wrap .image-wrap .team-img-sec .team-content { display: block; z-index: 11; color: #fff; padding: 15px; transition: all 0.4s ease 0s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 5px; text-align: center; } .rs-team.team-style4 .team-item .team-inner-wrap .image-wrap .team-img-sec .team-content .author-text { position: absolute; left: 0; top: 42%; transition: 0.4s; transform: translateY(-50%); text-align: center; width: 100%; } .rs-team.team-style4 .team-item .team-inner-wrap .image-wrap .team-img-sec .team-content .author-text .team-name { font-size: 17px; padding: 0 10px; display: block; top: -10px; margin-bottom: 0; font-family: "Roboto", Sans-serif; font-weight: 500; position: relative; opacity: 0; transition: all 0.45s cubic-bezier(0.23, 0.88, 0.34, 0.99); } .rs-team.team-style4 .team-item .team-inner-wrap .image-wrap .team-img-sec .team-content .author-text .team-name a { color: #ffffff; } .rs-team.team-style4 .team-item .team-inner-wrap .image-wrap .team-img-sec .team-content .author-text .team-name a:hover { color: #21c0f5; } .rs-team.team-style4 .team-item .team-inner-wrap .image-wrap .team-img-sec .team-content .author-text .team-title { font-size: 14px; padding: 3px 10px; color: #ffffff; opacity: 0; top: -15px; position: relative; transition: all 0.45s cubic-bezier(0.23, 0.88, 0.34, 0.99); } .rs-team.team-style4 .team-item .team-inner-wrap .image-wrap .team-img-sec .team-content .social-icons { left: 0; top: 60%; transform: translateY(-50%); text-align: center; width: 100%; position: absolute; opacity: 0; visibility: hidden; transition: 0.4s; } .rs-team.team-style4 .team-item .team-inner-wrap .image-wrap .team-img-sec .team-content .social-icons li { display: inline-block; position: relative; margin-right: 12px; transition: 0.4s; bottom: -20px; } .rs-team.team-style4 .team-item .team-inner-wrap .image-wrap .team-img-sec .team-content .social-icons li:last-child { margin-right: 0; } .rs-team.team-style4 .team-item .team-inner-wrap .image-wrap .team-img-sec .team-content .social-icons li a i { width: 30px; height: 30px; border-radius: 30px; background: #fff; line-height: 30px; background-color: #ffffff; color: #010d14; font-size: 16px; display: block; } .rs-team.team-style4 .team-item .team-inner-wrap .image-wrap .team-img-sec .team-content .social-icons li a i:hover { background: #21c0f5; color: #ffffff; } .rs-team.team-style4 .team-item:hover .team-inner-wrap .image-wrap .team-img-sec:before { opacity: 1; visibility: visible; } .rs-team.team-style4 .team-item:hover .team-inner-wrap .image-wrap .team-img-sec .team-content .author-text { opacity: 1; visibility: visible; } .rs-team.team-style4 .team-item:hover .team-inner-wrap .image-wrap .team-img-sec .team-content .author-text .team-name { opacity: 1; visibility: visible; top: 0; transition-delay: 0.33s; } .rs-team.team-style4 .team-item:hover .team-inner-wrap .image-wrap .team-img-sec .team-content .author-text .team-title { opacity: 1; visibility: visible; top: 0; transition-delay: 0.33s; } .rs-team.team-style4 .team-item:hover .team-inner-wrap .image-wrap .team-img-sec .team-content .social-icons { opacity: 1; visibility: visible; } .rs-team.team-style4 .team-item:hover .team-inner-wrap .image-wrap .team-img-sec .team-content .social-icons li { bottom: 0; } .rs-team.team-style4.yellow-team-modiy1 .team-item .team-inner-wrap .image-wrap .team-img-sec a img { border-radius: 5px; } .rs-team.team-style4.yellow-team-modiy1 .team-item .team-inner-wrap .image-wrap .team-img-sec:before { background: #000000ab; border-radius: 5px; } .rs-team.team-style4.yellow-team-modiy1 .team-item .team-inner-wrap .image-wrap .team-img-sec .team-content .author-text .team-name a:hover { color: #ffb703; } .rs-team.team-style4.yellow-team-modiy1 .team-item .team-inner-wrap .image-wrap .team-img-sec .team-content .social-icons li a i { background: #ffb703; color: #010d14; } .rs-team.team-style4.yellow-team-modiy1 .team-item .team-inner-wrap .image-wrap .team-img-sec .team-content .social-icons li a i:hover { opacity: 0.8; } .rs-team.team-style5 .team-item { overflow: hidden; } .rs-team.team-style5 .team-item .team-inner-wrap { position: relative; overflow: hidden; } .rs-team.team-style5 .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; background: #010d14; } .rs-team.team-style5 .team-item .team-inner-wrap .team-content .team-info .team-name { font-size: 20px; line-height: 28px; font-family: "Roboto", Sans-serif; font-weight: 500; margin: 0 0 4px; } .rs-team.team-style5 .team-item .team-inner-wrap .team-content .team-info .team-name a { color: #ffb703; } .rs-team.team-style5 .team-item .team-inner-wrap .team-content .team-info .team-name a:hover { color: #ffb703; } .rs-team.team-style5 .team-item .team-inner-wrap .team-content .team-info .team-title { font-size: 13px; color: #ffffff; display: block; text-transform: uppercase; margin-bottom: 6px; } .rs-team.team-style5 .team-item .team-inner-wrap .team-content .social-icon li { display: inline-block; margin-right: 8px; } .rs-team.team-style5 .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-style5 .team-item .team-inner-wrap .team-content .social-icon li a i:hover { color: #ffb703; } .rs-team.team-style5 .team-item .team-inner-wrap .team-content .social-icon li:last-child { margin-right: 0; } .rs-team.team-style5 .team-item .team-inner-wrap:hover .team-content { bottom: 0; } .rs-team.team-style6 .team-item { position: relative; overflow: visible; } .rs-team.team-style6 .team-item .team-inner-wrap .team-content { color: #f8560c; background: #fff; text-align: center; z-index: 9; position: absolute; z-index: 1; opacity: 1; height: unset; display: inline-block; bottom: -85px; padding: 20px 20px 25px; box-shadow: 10px 17px 38px 0 rgba(0, 0, 0, 0.1); left: 50%; max-width: 310px; transform: translateX(-50%); width: 95%; } .rs-team.team-style6 .team-item .team-inner-wrap .team-content .team-name { font-size: 22px; line-height: 32px; font-family: "Roboto", Sans-serif; font-weight: 500; margin-bottom: 4px; } .rs-team.team-style6 .team-item .team-inner-wrap .team-content .team-name a { color: #010d14; } .rs-team.team-style6 .team-item .team-inner-wrap .team-content .team-name a:hover { color: #ffb703; } .rs-team.team-style6 .team-item .team-inner-wrap .team-content .team-title { font-size: 14px; font-weight: 400; text-transform: uppercase; padding-top: 5px; color: #ffb703; display: block; font-family: "Poppins", sans-serif; } .rs-team.team-style6 .team-item .team-inner-wrap .team-content .team-desc { font-size: 14px; margin-bottom: 0; color: #777; position: relative; z-index: 1; max-height: 0; opacity: 0; line-height: 24px; transition: all 0.6s, max-height 0.5s; overflow: hidden; transform: scaleY(0); transform-origin: bottom; } .rs-team.team-style6 .team-item .team-inner-wrap .team-content .team-desc:before { content: ""; position: absolute; z-index: 1; background: #010d14; top: 0; left: 50%; width: 50px; height: 2px; margin-left: -25px; } .rs-team.team-style6 .team-item .team-inner-wrap .team-content .social-icons { text-align: center; margin-top: 12px; } .rs-team.team-style6 .team-item .team-inner-wrap .team-content .social-icons li { display: inline-block; margin-right: 5px; } .rs-team.team-style6 .team-item .team-inner-wrap .team-content .social-icons li:last-child { margin-right: 0; } .rs-team.team-style6 .team-item .team-inner-wrap .team-content .social-icons li a i { width: 35px; height: 35px; border-radius: 35px; background: #fff; line-height: 35px; background-color: transparent; color: #010d14; font-size: 16px; display: block; } .rs-team.team-style6 .team-item .team-inner-wrap .team-content .social-icons li a i:hover { background: #ffb703; color: #010d14; } .rs-team.team-style6 .team-item:hover .team-inner-wrap .team-content { opacity: 1; } .rs-team.team-style6 .team-item:hover .team-inner-wrap .team-content .team-desc { position: relative; max-height: 400px; opacity: 1; text-align: center; transform: scaleY(1); transition: all 0.4s, max-height 1.5s; padding-top: 18px; margin-top: 8px; } .rs-team-single .btm-info-team { position: relative; box-shadow: 0px 0px 32px 0px rgba(7, 28, 31, 0.05); background: #fff; 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: 500; color: #ffb703; text-transform: uppercase; font-family: Roboto; padding-bottom: 5px; display: block; } .rs-team-single .btm-info-team .con-info .title { font-size: 42px; line-height: 52px; font-weight: 700; color: #010d14; margin-bottom: 15px; } .rs-team-single .btm-info-team .con-info .short-desc { font-size: 15px; line-height: 26px; font-weight: 400; color: #333333; margin-bottom: 25px; } .rs-team-single .btm-info-team .con-info .team-title { font-size: 28px; line-height: 38px; font-weight: 700; color: #010d14; 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 { font-size: 23px; color: #ffb703; margin-right: 18px; 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: #ffb703; } .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: #ffb703; } .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: #010d14; margin: 0; } /*------------------------------------ 22. Partner Section CSS ------------------------------------*/ .rs-partner.partner-main-home .partner-content-widget { border-radius: 5px 5px 5px 5px; background-color: #ffffff; padding: 40px 0px 40px 0px; } .rs-partner.partner-main-home .partner-content-widget .logo-img { text-align: center; padding: 0 40px; } .rs-partner.partner-main-home .partner-content-widget .logo-img a { overflow: hidden; display: inline-block; position: relative; transition: all 0.3s ease-in-out; } .rs-partner.partner-main-home .partner-content-widget .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-main-home .partner-content-widget .logo-img a .mains-logos { transition: all 0.3s ease-in-out; display: block; filter: grayscale(1); } .rs-partner.partner-main-home .partner-content-widget .logo-img a:hover .hovers-logos { display: block; opacity: 3; visibility: visible; transform: translateY(0%); filter: grayscale(0%); } .rs-partner.partner-main-home .partner-content-widget .logo-img a:hover .mains-logos { display: block; visibility: hidden; transform: translateY(100%); filter: grayscale(1); } .rs-partner.partner-main-home.partner-modify1 { background-color: #eff3fa; } .rs-partner.partner-main-home.partner-modify1 .partner-content-widget { background-color: unset; padding: 66px 0px 66px 0px; } .rs-partner.partner-main-home.partner-modify2 .partner-content-widget { border-radius: unset; background-color: #f3f4f7; } .rs-partner.partner-main-home.partner-modify3 { background-color: #eff3fa; } .rs-partner.partner-main-home.partner-modify3 .partner-content-widget { background-color: unset; padding: 66px 0px 66px 0px; } .rs-partner.partner-main-home.partner-modify3 .partner-content-widget .logo-img { padding: 0px 55px; } .rs-partner.partner-main-home.partner-modify4 { position: relative; background-image: url(assets/images/bg/partner-bg.jpg); background-repeat: no-repeat; background-size: cover; } .rs-partner.partner-main-home.partner-modify4 .partner-content-widget { background-color: unset; border-radius: unset; padding: 66px 0px 66px 0px; } .rs-partner.partner-main-home.partner-modify4 .partner-content-widget .logo-img { padding: 0px 55px; } .rs-partner.partner-main-home.partner-modify4 .partner-background-overlay { background-color: transparent; background-image: linear-gradient(180deg, #000000 0%, #04224b 100%); opacity: 0.88; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; height: 100%; width: 100%; top: 0; left: 0; position: absolute; } .rs-partner.partner-main-home.partner-modify5 { background-color: #eff3fa; background-image: url(assets/images/bg/cta-bg5.jpg); background-repeat: no-repeat; background-size: cover; } .rs-partner.partner-main-home.partner-modify5 .partner-content-widget { background-color: unset; border-radius: unset; padding: 66px 0px 66px 0px; } .rs-partner.partner-main-home.partner-modify5 .partner-content-widget .logo-img { padding: 0px 55px; } .rs-partner.partner-main-home.partner-modify6 { background-color: #183650; } .rs-partner.partner-main-home.partner-modify6 .partner-content-widget { background-color: unset; padding: 66px 0px 66px 0px; } .rs-partner.partner-main-home.partner-modify6 .partner-content-widget .logo-img { padding: 0px 55px; } .rs-partner.partner-main-home.partner-modify7 { background-color: #eff3fa; background-image: url(assets/images/bg/cta-bg8.jpg); background-repeat: no-repeat; } .rs-partner.partner-main-home.partner-modify7 .partner-content-widget { background-color: unset; border-radius: unset; padding: 66px 0px 66px 0px; } .rs-partner.partner-main-home.partner-modify7 .partner-content-widget .logo-img { padding: 0px 55px; } .rs-partner.partner-main-home.partner-modify8 { background-image: url(assets/images/bg/cta-bg9.jpg); background-repeat: no-repeat; background-size: cover; } .rs-partner.partner-main-home.partner-modify8 .partner-content-widget { background-color: unset; border-radius: unset; padding: 66px 0px 66px 0px; } .rs-partner.partner-main-home.partner-modify8 .partner-content-widget .logo-img { padding: 0px 44px; } .rs-partner.partner-main-home.partner-modify9 { background-color: #010d14; } .rs-partner.partner-main-home.partner-modify9 .partner-content-widget { background-color: unset; border-radius: unset; padding: 66px 0px 66px 0px; } .rs-partner.partner-main-home.partner-modify9 .partner-content-widget .logo-img { padding: 0px 44px; } .rs-partner.partner-main-home.partner-modify10 { background-color: #f3f3f3; } .rs-partner.partner-main-home.partner-modify10 .partner-content-widget { background-color: unset; padding: 66px 0px 66px 0px; } .rs-partner.partner-main-home.partner-modify11 { background-color: transparent; } .rs-partner.partner-main-home.partner-modify11 .partner-content-widget { background-color: unset; padding: 66px 0px 0px 0px; } .rs-partner.partner-main-home.partner-modify11 .partner-content-widget .logo-img { padding: 0px 55px; } /*------------------------------------ 23. Pricing Section CSS ------------------------------------*/ .rs-pricing.pricing-style1 .pricing-table-wrap { position: relative; overflow: hidden; padding: 44px 70px 60px 70px; background-color: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); margin: 0 -2px 0 -2px; text-align: center; } .rs-pricing.pricing-style1 .pricing-table-wrap .pricing-table-header .pricing-table-title { font-size: 24px; line-height: 30px; font-weight: 500; color: #010d14; font-family: "Roboto", Sans-serif; margin-bottom: 35px; } .rs-pricing.pricing-style1 .pricing-table-wrap .pricing-icon { margin-bottom: 25px; } .rs-pricing.pricing-style1 .pricing-table-wrap .pricing-icon img { width: 90px; height: 90px; } .rs-pricing.pricing-style1 .pricing-table-wrap .pricing-table-price-tag .pricing-table-currency { font-size: 24px; top: -17px; position: relative; color: #010d14; font-weight: 700; } .rs-pricing.pricing-style1 .pricing-table-wrap .pricing-table-price-tag .pricing-table-price-text { font-size: 50px; font-weight: 700; color: #010d14; } .rs-pricing.pricing-style1 .pricing-table-wrap .pricing-table-price-tag .pricing-table-period { position: relative; padding-left: 20px; display: inline-block; font-size: 16px; color: #333333; font-weight: 700; } .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-color: #333333; } .rs-pricing.pricing-style1 .pricing-table-wrap .pricing-table-features-list { padding: 20px 0px 0px 0px; text-align: left; } .rs-pricing.pricing-style1 .pricing-table-wrap .pricing-table-features-list li { padding: 0px 0px 0px 0px; font-size: 16px; margin-bottom: 11px; } .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: #ffb703; float: right; margin-right: 0; } .rs-pricing.pricing-style1 .pricing-table-wrap .pricing-table-features-list li .feature-text { font-size: 16px; color: #333333; } /*------------------------------------ 24. Blog Section CSS ------------------------------------*/ .rs-blog.blog-main-home .blog-item { position: relative; z-index: 11; transition: all 500ms ease; background: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05); } .rs-blog.blog-main-home .blog-item .image-wrap { position: relative; overflow: hidden; } .rs-blog.blog-main-home .blog-item .image-wrap a img { transition: all 0.5s ease 0s; transform: scale(1); } .rs-blog.blog-main-home .blog-item .blog-content { transition: all 500ms ease; position: relative; padding: 30px 40px 48px 40px; background: #fff; } .rs-blog.blog-main-home .blog-item .blog-content .blog-meta { display: flex; justify-content: flex-start; padding: 0 0 10px; } .rs-blog.blog-main-home .blog-item .blog-content .blog-meta .date { font-size: 14px; margin-right: 25px; font-weight: 500; font-family: "Roboto", Sans-serif; } .rs-blog.blog-main-home .blog-item .blog-content .blog-meta .date i { color: #ffb703; margin-right: 6px; font-weight: 900; } .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-meta .admin { font-size: 14px; font-weight: 500; font-family: "Roboto", Sans-serif; } .rs-blog.blog-main-home .blog-item .blog-content .blog-meta .admin i { color: #ffb703; margin-right: 6px; font-weight: 900; } .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-title { font-size: 20px; line-height: 1.5em; font-weight: 500; font-family: "Roboto", Sans-serif; margin-bottom: 31px; } .rs-blog.blog-main-home .blog-item .blog-content .blog-title a { color: #010d14; } .rs-blog.blog-main-home .blog-item .blog-content .blog-title a:hover { color: #ffb703; } .rs-blog.blog-main-home .blog-item:hover .image-wrap a img { transform: scale(1.1); } .rs-blog.blog-main-home .owl-stage-outer { padding: 10px; margin: -10px; } .rs-blog.blog-main-home.blog-modify1 .blog-item { padding: 15px; } .rs-blog.blog-main-home.blog-modify1 .blog-item .blog-content { padding: 30px 30px 18px 30px; } .rs-blog.blog-main-home.blog-modify1 .blog-content .blog-title { font-size: 20px; line-height: 1.5em; font-weight: 500; margin-bottom: 18px; } .rs-blog.blog-main-home.blog-modify1 .blog-content .desc { margin-bottom: 5px; } .rs-blog.blog-main-home.blog-modify2 .blog-item { padding: 15px; box-shadow: 0 0px 15px rgba(12, 89, 219, 0.09); } .rs-blog.blog-main-home.blog-modify2 .blog-item .blog-content { padding: 30px 10px 25px 20px; } .rs-blog.blog-main-home.blog-modify2 .blog-content .blog-title { font-size: 20px; line-height: 1.4; font-weight: 600; margin-bottom: 10px; } .rs-blog.blog-main-home.blog-modify2 .blog-content .desc { margin-bottom: 0px; } .rs-blog.blog-main-home.blog-modify2 .rs-carousel .owl-dots { margin-top: 70px; } .rs-blog.blog-main-home.blog-modify3 .blog-item { box-shadow: 0 0px 15px rgba(12, 89, 219, 0.09); padding: 23px; } .rs-blog.blog-main-home.blog-modify3 .blog-item .image-wrap a img { border-radius: 5px 5px 5px 5px; } .rs-blog.blog-main-home.blog-modify3 .blog-item .blog-content { padding: 30px 0px 20px 0px; } .rs-blog.blog-main-home.blog-modify3 .blog-item .blog-content .blog-title { font-size: 20px; line-height: 1.4; font-weight: 600; margin-bottom: 18px; } .rs-blog.blog-main-home.blog-modify3 .blog-item .blog-content .blog-meta { padding: 0 0 30px; } .rs-blog.blog-main-home.blog-modify3 .blog-item .blog-content .blog-meta .admin i, .rs-blog.blog-main-home.blog-modify3 .blog-item .blog-content .blog-title a:hover, .rs-blog.blog-main-home.blog-modify3 .blog-item .blog-content .blog-meta .date i { color: #eb003d; } .rs-blog.blog-main-home.blog-modify4 .blog-item .blog-content { padding: 30px 32px 30px 32px; background-color: #010d14; } .rs-blog.blog-main-home.blog-modify4 .blog-item .blog-content .blog-meta .admin i { color: #e8271e; margin-right: 6px; font-weight: 900; } .rs-blog.blog-main-home.blog-modify4 .blog-item .blog-content .blog-meta .category i { color: #e8271e; margin-right: 8px; font-weight: 900; } .rs-blog.blog-main-home.blog-modify4 .blog-item .blog-content .blog-meta .category { font-size: 15px; font-weight: 500; color: #fff; } .rs-blog.blog-main-home.blog-modify4 .blog-item .blog-content .blog-meta .admin { font-size: 15px; font-weight: 500; color: #fff; margin-right: 15px; } .rs-blog.blog-main-home.blog-modify4 .blog-item .blog-content .blog-title a { color: #ffffff; } .rs-blog.blog-main-home.blog-modify4 .blog-item .blog-content .blog-title { font-weight: 600; margin-bottom: 28px; } .rs-blog.blog-main-home.blog-modify4 .blog-item .blog-content .blog-title a:hover { color: #c4c4c4; } .rs-blog.blog-main-home.blog-modify5 .blog-item { padding: 23px; } .rs-blog.blog-main-home.blog-modify5 .blog-item .blog-content { padding: 30px 30px 4px 0px; } .rs-blog.blog-main-home.blog-modify5 .blog-item .blog-content .blog-title a:hover, .rs-blog.blog-main-home.blog-modify5 .blog-item .blog-content .blog-meta .admin i, .rs-blog.blog-main-home.blog-modify5 .blog-item .blog-content .blog-meta .date i { color: #0052da; } .rs-blog.blog-main-home.blog-modify5 .blog-item .blog-content .blog-title { font-weight: 600; margin-bottom: 26px; } .rs-blog.blog-main-home.blog-modify6 .blog-item { padding: 15px; box-shadow: 0 0px 15px rgba(12, 89, 219, 0.09); } .rs-blog.blog-main-home.blog-modify6 .blog-item .blog-content { padding: 30px 10px 25px 20px; } .rs-blog.blog-main-home.blog-modify6 .blog-content .blog-title { font-size: 20px; line-height: 1.4; font-weight: 600; margin-bottom: 10px; } .rs-blog.blog-main-home.blog-modify6 .blog-content .desc { margin-bottom: 0px; } .rs-blog.blog-main-home.blog-modify6 .rs-carousel .owl-dots { margin-top: 70px; } .rs-blog.blog-main-home.blog-modify6 .blog-item .blog-content .blog-title a:hover, .rs-blog.blog-main-home.blog-modify6 .blog-item .blog-content .blog-meta .admin i, .rs-blog.blog-main-home.blog-modify6 .blog-item .blog-content .blog-meta .date i { color: #21c0f5; } .rs-blog.blog-main-home.blog-modify7 .blog-item { padding: 23px; } .rs-blog.blog-main-home.blog-modify7 .blog-item .blog-content { padding: 30px 30px 4px 0px; } .rs-blog.blog-main-home.blog-modify7 .blog-item .blog-content .blog-title a:hover, .rs-blog.blog-main-home.blog-modify7 .blog-item .blog-content .blog-meta .admin i, .rs-blog.blog-main-home.blog-modify7 .blog-item .blog-content .blog-meta .date i { color: #e88e2e; } .rs-blog.blog-main-home.blog-modify7 .blog-item .blog-content .blog-title { font-weight: 600; margin-bottom: 26px; } .rs-blog.blog-main-home.blog-modify8 .blog-item { box-shadow: 0 0px 15px rgba(12, 89, 219, 0.09); padding: 23px; } .rs-blog.blog-main-home.blog-modify8 .blog-item .image-wrap a img { border-radius: 5px 5px 5px 5px; } .rs-blog.blog-main-home.blog-modify8 .blog-item .blog-content { padding: 30px 0px 20px 0px; } .rs-blog.blog-main-home.blog-modify8 .blog-item .blog-content .blog-title { font-size: 20px; line-height: 1.4; font-weight: 600; margin-bottom: 18px; } .rs-blog.blog-main-home.blog-modify8 .blog-item .blog-content .blog-meta { padding: 0 0 30px; } .rs-blog.blog-main-home.blog-modify8 .blog-item .blog-content .blog-meta .admin i, .rs-blog.blog-main-home.blog-modify8 .blog-item .blog-content .blog-title a:hover, .rs-blog.blog-main-home.blog-modify8 .blog-item .blog-content .blog-meta .date i { color: #ba9071; } .rs-blog.blog-main-home.blog-modify9 .blog-item { background: transparent; box-shadow: unset; } .rs-blog.blog-main-home.blog-modify9 .blog-item .blog-content .blog-button.blog-bnt2 a:hover i:before, .rs-blog.blog-main-home.blog-modify9 .blog-item .blog-content .blog-button.blog-bnt2 a:hover, .rs-blog.blog-main-home.blog-modify9 .blog-item .blog-content .blog-title a:hover, .rs-blog.blog-main-home.blog-modify9 .blog-item .blog-content .blog-meta .admin i, .rs-blog.blog-main-home.blog-modify9 .blog-item .blog-content .blog-meta .date i { color: #70bf4a; } .rs-blog.blog-main-home.blog-modify9 .blog-item .image-wrap a img { border-radius: 5px 5px 5px 5px; } .rs-blog.blog-main-home.blog-modify9 .blog-item .blog-content .blog-meta { justify-content: center; } .rs-blog.blog-main-home.blog-modify9 .blog-item .blog-content { padding: 30px 20px 0px 20px; background: transparent; text-align: center; } .rs-blog.blog-main-home.blog-modify9 .blog-item .blog-content .blog-button.blog-bnt2 a i:before { font-weight: 400; color: #333333; font-size: 17px; margin-left: 6px; top: 0; } .rs-blog.blog-main-home.blog-modify9 .blog-item .blog-content .blog-button.blog-bnt2 a { font-weight: 400; color: #333333; } .rs-blog.blog-main-home.blog-modify9 .blog-content .blog-title { font-size: 25px; line-height: 1.4; font-weight: 600; margin-bottom: 0px; } .rs-blog.blog-main-home.blog-modify10 .blog-item { padding: 15px; box-shadow: 0 0px 15px rgba(12, 89, 219, 0.09); } .rs-blog.blog-main-home.blog-modify10 .blog-item .image-wrap { position: relative; } .rs-blog.blog-main-home.blog-modify10 .blog-item .image-wrap .post-categories { position: absolute; z-index: 11; bottom: 20px; right: 20px; z-index: 10; } .rs-blog.blog-main-home.blog-modify10 .blog-item .image-wrap .post-categories li a { background-image: linear-gradient(180deg, #ff5a06 0%, #eb9062 100%); border-radius: 5px 5px 5px 5px; color: #ffffff; transition: 0.4s; font-size: 14px; font-weight: 500; padding: 6px 20px; display: block; } .rs-blog.blog-main-home.blog-modify10 .blog-item .blog-content { padding: 30px 10px 25px 20px; } .rs-blog.blog-main-home.blog-modify10 .blog-item .blog-content .blog-title a:hover, .rs-blog.blog-main-home.blog-modify10 .blog-item .blog-content .blog-meta .admin i, .rs-blog.blog-main-home.blog-modify10 .blog-item .blog-content .blog-meta .date i { color: #ff5a06; } .rs-blog.blog-main-home.blog-modify10 .blog-content .blog-title { font-size: 20px; line-height: 1.4; font-family: Playfair Display; font-weight: 600; margin-bottom: 10px; } .rs-blog.blog-main-home.blog-modify10 .blog-content .desc { margin-bottom: 0px; } .rs-blog.blog-main-home.blog-modify10 .rs-carousel .owl-dots { margin-top: 50px; } .rs-blog.blog-main-home.blog-modify10 .rs-carousel .owl-dots .owl-dot:hover, .rs-blog.blog-main-home.blog-modify10 .rs-carousel .owl-dots .owl-dot.active { width: 40px; background: #ff5a06; opacity: 1; } .rs-blog.blog-main-home.blog-modify10 .rs-carousel .owl-dots .owl-dot { background: #ff5a06; } .rs-blog.blog-main-home.blog-modify11 .blog-item { background-color: #2e0b00; box-shadow: unset; } .rs-blog.blog-main-home.blog-modify11 .blog-item .blog-content .blog-title a:hover { color: #ffffffcf; } .rs-blog.blog-main-home.blog-modify11 .blog-item .blog-content .blog-meta .admin i, .rs-blog.blog-main-home.blog-modify11 .blog-item .blog-content .blog-meta .date i { color: #cb0000; } .rs-blog.blog-main-home.blog-modify11 .blog-item .image-wrap a img { border-radius: 0; } .rs-blog.blog-main-home.blog-modify11 .blog-item .blog-content .blog-meta { justify-content: center; } .rs-blog.blog-main-home.blog-modify11 .blog-item .blog-content { padding: 30px 20px 30px 20px; background: transparent; text-align: center; } .rs-blog.blog-main-home.blog-modify11 .blog-item .blog-content .blog-meta .date, .rs-blog.blog-main-home.blog-modify11 .blog-content .blog-meta .admin { color: #ffffffd9; } .rs-blog.blog-main-home.blog-modify11 .blog-item .blog-content .blog-title a { color: #ffffff; } .rs-blog.blog-main-home.blog-modify11 .blog-item .blog-content .blog-button.blog-bnt2 a i:before { font-weight: 400; color: #ffffffd9; font-size: 17px; margin-left: 6px; top: 0; } .rs-blog.blog-main-home.blog-modify11 .blog-content .blog-title { font-size: 25px; line-height: 1.4; font-weight: 600; margin-bottom: 0px; } .rs-blog.blog-main-home.blog-modify12 .blog-item { background: #f9f9f9; box-shadow: unset; } .rs-blog.blog-main-home.blog-modify12 .blog-item .blog-content .blog-title a:hover { color: #ff5a06; } .rs-blog.blog-main-home.blog-modify12 .blog-item .blog-content .blog-meta .admin i, .rs-blog.blog-main-home.blog-modify12 .blog-item .blog-content .blog-meta .date i { color: #ff5a06; } .rs-blog.blog-main-home.blog-modify12 .blog-item .image-wrap a img { border-radius: 0; } .rs-blog.blog-main-home.blog-modify12 .blog-item .blog-content .blog-meta { justify-content: center; } .rs-blog.blog-main-home.blog-modify12 .blog-item .blog-content { padding: 30px 20px 30px 20px; background: transparent; text-align: center; } .rs-blog.blog-main-home.blog-modify12 .blog-item .blog-content .blog-meta .date, .rs-blog.blog-main-home.blog-modify12 .blog-content .blog-meta .admin { color: #7a7a7a; } .rs-blog.blog-main-home.blog-modify12 .blog-item .blog-content .blog-title a { color: #010d14; } .rs-blog.blog-main-home.blog-modify12 .blog-content .blog-title { font-size: 20px; font-family: "Roboto", Sans-serif; line-height: 1.4; font-weight: 500; margin-bottom: 0px; } .rs-blog.blog-main-home.blog-modify12 .rs-carousel .owl-dots { margin-top: 50px; } .rs-blog.blog-main-home.blog-modify12 .rs-carousel .owl-dots .owl-dot:hover, .rs-blog.blog-main-home.blog-modify12 .rs-carousel .owl-dots .owl-dot.active { width: 40px; background: #ff5a06; opacity: 1; } .rs-blog.blog-main-home.blog-modify12 .rs-carousel .owl-dots .owl-dot { background: #ff5a06; } .rs-blog.blog-main-home.blog-modify12.onepage-home11 .blog-item .blog-content .blog-title a:hover { color: #ff6314; } .rs-blog.blog-main-home.blog-modify12.onepage-home11 .blog-item .blog-content .blog-meta .admin i, .rs-blog.blog-main-home.blog-modify12.onepage-home11 .blog-item .blog-content .blog-meta .date i { color: #ff6314; } .rs-blog.blog-main-home.blog-modify12.onepage-home11 .rs-carousel .owl-dots .owl-dot:hover, .rs-blog.blog-main-home.blog-modify12.onepage-home11 .rs-carousel .owl-dots .owl-dot.active { width: 40px; background: #ff6314; opacity: 1; } .rs-blog.blog-main-home.blog-modify12.onepage-home11 .rs-carousel .owl-dots .owl-dot { background: #ff6314; } .rs-inner-blog .blog-item { background: #fff; transition: 0.3s; } .rs-inner-blog .blog-item .blog-img { position: relative; } .rs-inner-blog .blog-item .blog-content { padding: 25px 0px 10px; overflow: hidden; } .rs-inner-blog .blog-item .blog-content .blog-title { margin: 4px 0 15px; font-size: 26px; line-height: 35px; font-weight: 700; } .rs-inner-blog .blog-item .blog-content .blog-title a { color: #010d14; } .rs-inner-blog .blog-item .blog-content .blog-title a:hover { color: #ffb703; } .rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate { overflow: hidden; margin: 0 0 8px; padding: 0 0 12px; font-size: 13px; display: flex; align-items: center; } .rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li { margin-right: 15px; } .rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .blog-date { display: inline-block; font-size: 14px; line-height: 24px; color: #555; font-weight: 400; } .rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .blog-date i { color: #ffb703; 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 .author { display: inline-block; font-size: 14px; line-height: 24px; color: #555; font-weight: 400; } .rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .author i { margin-right: 3px; position: relative; top: 2px; color: #ffb703; } .rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .author i:before { font-size: 14px; } .rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .tag-line i { margin-right: 2px; color: #ffb703; position: relative; top: 2px; } .rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .tag-line a { padding-left: 4px; font-size: 14px; color: #555; } .rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .tag-line a:hover { color: #ffb703; } .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: 16px; line-height: 27px; font-weight: 400; color: #333333; margin-bottom: 20px; } .rs-inner-blog .widget-area .widget-title .title { font-size: 20px; line-height: 26px; font-weight: 700; color: #010d14; 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: #ffb703; 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: #f6f7f9; } .rs-inner-blog .widget-area .search-widget .search-wrap button { background: transparent; border: medium none; color: #333333; padding: 11px 15px 12px; position: absolute; display: block; right: 0px; top: 0; 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: #ffb703; } .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: 16px; line-height: 22px; font-weight: 600; color: #010d14; margin-bottom: 5px; } .rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc a:hover { color: #ffb703; } .rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc .date-post { display: block; font-size: 14px; color: #7a7a7a; } .rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc .date-post i { margin-right: 8px; } .rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc .date-post i:before { top: 1px; font-size: 13px; color: #ffb703; 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: 15px; color: #0a0a0a; transition: all 0.4s ease-in-out 0s; } .rs-inner-blog .widget-area .categories ul li a:hover { color: #ffb703; } .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: 13px; 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: #ffb703; } .rs-inner-blog .blog-details .blog-full .blog-content-full .title { font-size: 28px; line-height: 38px; font-weight: 700; color: #010d14; font-family: Playfair Display; margin: 0; } .rs-inner-blog .blog-details .blog-full .blog-content-full .title.title2 { font-size: 20px; } .rs-inner-blog .blog-details .blog-full .blog-content-full .title.title3 { font-size: 24px; } .rs-inner-blog .blog-details .blog-full .blog-content-full p { margin: 0; } .rs-inner-blog .blog-details .blog-full .blog-content-full .bs-info { margin-top: 25px; clear: both; margin-bottom: 30px; } .rs-inner-blog .blog-details .blog-full .blog-content-full .bs-info a { font-size: 13px; margin-right: 5px; display: inline-block; text-align: center; font-weight: normal; color: #010d14; background: #ffb703; padding: 2px 15px 4px; margin-left: 7px; border-radius: 0px; line-height: 20px; margin-top: 5px; margin-bottom: 5px; padding-top: 4px; } .rs-inner-blog .blog-details .blog-full .blog-content-full .bs-info a:hover { background: #010d14; color: #fff; } .rs-inner-blog .blog-details .blog-full .blog-content-full .comment-note .from-control { width: 100%; padding: 12px 20px; background-color: #f6f7f9; border: 1px solid #f6f7f9; border-radius: 5px; max-width: 100%; opacity: 1; } .rs-inner-blog .blog-details .blog-full .blog-content-full .comment-note textarea { height: 160px; } .rs-inner-blog .blog-details .blog-full .blog-content-full .comment-note ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #454545; opacity: 0.5; } .rs-inner-blog .blog-details .blog-full .blog-content-full .comment-note ::-moz-placeholder { /* Firefox 19+ */ color: #454545; opacity: 0.5; } .rs-inner-blog .blog-details .blog-full .blog-content-full .comment-note :-ms-input-placeholder { /* IE 10+ */ color: #454545; opacity: 0.5; } .rs-inner-blog .blog-details .blog-full .blog-content-full .comment-note :-moz-placeholder { /* Firefox 18- */ color: #454545; opacity: 0.5; } /* ------------------------------------ 25. Testimonial Section CSS ---------------------------------------*/ .rs-testimonial.testimonial-style1 .testi-item-content { border-radius: 3px 3px 3px 3px; background-color: #ffffff; padding: 50px 40px 40px 50px; } .rs-testimonial.testimonial-style1 .testi-item-content .slider { position: relative; } .rs-testimonial.testimonial-style1 .testi-item-content .slider .testi-item .item-content span img { width: 60px; } .rs-testimonial.testimonial-style1 .testi-item-content .slider .testi-item .item-content p { font-size: 18px; font-style: italic; line-height: 1.7em; color: #0a0a0a; margin: 34px 0 25px 0; } .rs-testimonial.testimonial-style1 .testi-item-content .slider .testi-item .testi-content .image-wrap { margin: 0px 0px 14px 0px; } .rs-testimonial.testimonial-style1 .testi-item-content .slider .testi-item .testi-content .image-wrap img { width: 75px !important; height: 75px !important; border-radius: 50%; position: relative; } .rs-testimonial.testimonial-style1 .testi-item-content .slider .testi-item .testi-content .testi-information .testi-name { font-size: 20px; font-weight: 700; line-height: 2em; color: #000000; } .rs-testimonial.testimonial-style1 .testi-item-content .slider .testi-item .testi-content .testi-information .testi-title { color: #333333; } .rs-testimonial.testimonial-style1 .testi-item-content .slider .slick-arrow { position: absolute; transform: translateY(-50%); width: 50px; height: 50px; visibility: visible; opacity: 1; background: #ffb703; font-size: 0; border: none; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0); border-radius: 0px 0px 0px 0px; transition: 0.6s ease all; z-index: 9; } .rs-testimonial.testimonial-style1 .testi-item-content .slider .slick-arrow.slick-next { top: 104.1%; right: -40px; } .rs-testimonial.testimonial-style1 .testi-item-content .slider .slick-arrow.slick-next:before { content: "\f114"; font-size: 18px; color: #010d14; margin: 0; display: inline-block; font-family: flaticon !important; text-align: center; font-weight: 600; } .rs-testimonial.testimonial-style1 .testi-item-content .slider .slick-arrow.slick-prev { top: 104.1%; right: 16px; } .rs-testimonial.testimonial-style1 .testi-item-content .slider .slick-arrow.slick-prev:before { content: "\f115"; font-size: 18px; color: #010d14; margin: 0; display: inline-block; font-family: flaticon !important; text-align: center; font-weight: 600; } .rs-testimonial.testimonial-style1 .testi-item-content .slider .slick-arrow:hover { background: #010d14; } .rs-testimonial.testimonial-style1 .testi-item-content .slider .slick-arrow:hover.slick-prev:before, .rs-testimonial.testimonial-style1 .testi-item-content .slider .slick-arrow:hover.slick-next:before { color: #ffffff; } .rs-testimonial.testimonial-style2 .testi-item .item-content { padding: 60px 40px 60px 50px; background-color: #ffffff; } .rs-testimonial.testimonial-style2 .testi-item .item-content span img { width: 60px; } .rs-testimonial.testimonial-style2 .testi-item .item-content p { font-size: 18px; font-style: italic; line-height: 1.7em; color: #0a0a0a; margin: 30px 0 19px 0; } .rs-testimonial.testimonial-style2 .testi-item .testi-content { position: relative; bottom: 38px; padding-left: 50px; } .rs-testimonial.testimonial-style2 .testi-item .testi-content .image-wrap { margin: 0px 0px 5px 0px; } .rs-testimonial.testimonial-style2 .testi-item .testi-content .image-wrap img { width: 80px !important; height: 80px !important; border-radius: 50%; position: relative; } .rs-testimonial.testimonial-style2 .testi-item .testi-content .testi-information .testi-name { font-size: 20px; font-weight: 700; line-height: 2em; color: #000000; } .rs-testimonial.testimonial-style2 .testi-item .testi-content .testi-information .testi-title { color: #333333; } .rs-testimonial.testimonial-style2 .rs-carousel .owl-dots { text-align: right; margin-top: -69px; position: relative; } .rs-testimonial.testimonial-style2.testimonial-modify1 .testi-item .item-content span img { width: 51px; margin: 0 auto; } .rs-testimonial.testimonial-style2.testimonial-modify1 .testi-item .testi-content .image-wrap { margin: 0px 0px 10px 0px; } .rs-testimonial.testimonial-style2.testimonial-modify1 .testi-item .item-content { text-align: center; border-radius: 5px 5px 5px 5px; box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.05); } .rs-testimonial.testimonial-style2.testimonial-modify1 .testi-item .item-content p { color: #333333; margin: 30px 0 0px 0; } .rs-testimonial.testimonial-style2.testimonial-modify1 .testi-item .testi-content .testi-information .testi-name { font-size: 18px; font-weight: 500; } .rs-testimonial.testimonial-style2.testimonial-modify1 .testi-item .testi-content { text-align: center; bottom: 38px; padding-left: 0px; } .rs-testimonial.testimonial-style2.testimonial-modify1 .testi-item .testi-content .image-wrap img { margin: 0 auto; } .rs-testimonial.testimonial-style2.testimonial-modify1 .rs-carousel .owl-dots { text-align: center; margin-top: 0px; position: relative; } .rs-testimonial.testimonial-style2.testimonial-modify1 .owl-stage-outer { padding: 20px; margin: -20px; } .rs-testimonial.testimonial-style2.testimonial-modify2 .testi-item .item-content { margin: 0 -8px 0 -8px; } .rs-testimonial.testimonial-style2.testimonial-modify2 .rs-carousel .owl-dots { text-align: center; margin-top: 0px; position: relative; } .rs-testimonial.testimonial-style2.testimonial-modify2 .owl-stage-outer { padding: 20px; margin: -20px; } .rs-testimonial.testimonial-style2.testimonial-modify3 .testi-item .item-content { padding: 50px 40px 60px 50px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06); } .rs-testimonial.testimonial-style2.testimonial-modify3 .rs-carousel .owl-dots { text-align: center; margin-top: 0px; position: relative; } .rs-testimonial.testimonial-style2.testimonial-modify3 .owl-stage-outer { padding: 20px; margin: -20px; } .rs-testimonial.testimonial-style3 .testi-item .testi-wrap { text-align: center; background-color: #ffffffb0; padding: 40px 40px 40px 40px; margin: 0 -13px 0 0; } .rs-testimonial.testimonial-style3 .testi-item .testi-wrap .image-wrap { justify-content: center; display: flex; flex-wrap: nowrap; } .rs-testimonial.testimonial-style3 .testi-item .testi-wrap .image-wrap img { border-radius: 50px 50px 50px 50px; width: 85px; height: 85px; } .rs-testimonial.testimonial-style3 .testi-item .testi-wrap .item-contents p { font-size: 17px; font-style: italic; padding: 30px 0px 0px 0px; margin-bottom: 20px; } .rs-testimonial.testimonial-style3 .testi-item .testi-wrap .testi-information .testi-name { font-size: 18px; font-weight: 600; } .rs-testimonial.testimonial-style4 .testi-item { background-color: #00000094; padding: 90px 33px 45px 46px; margin: 0 -8px 0 -8px; } .rs-testimonial.testimonial-style4 .testi-item .item-content .desc { font-size: 17px; font-style: italic; line-height: 27px; font-weight: 400; color: #fff7f7; padding: 30px 0 31px 0; } .rs-testimonial.testimonial-style4 .testi-item .item-content .desc .quote { width: 57px; top: 51px; position: absolute; left: 11%; } .rs-testimonial.testimonial-style4 .testi-item .testi-content { display: flex; align-items: center; } .rs-testimonial.testimonial-style4 .testi-item .testi-content .image-wrap img { width: 65px; height: 65px; border-radius: 50px 50px 50px 50px; } .rs-testimonial.testimonial-style4 .testi-item .testi-content .testi-information { padding-left: 21px; } .rs-testimonial.testimonial-style4 .testi-item .testi-content .testi-information .testi-name { font-size: 16px; line-height: 24px; font-weight: 500; color: #fff; } .rs-testimonial.testimonial-style4 .testi-item .testi-content .testi-information .designation { color: #fafafa; font-size: 15px; } .rs-testimonial.testimonial-style5 { position: relative; } .rs-testimonial.testimonial-style5 .testi-overlay-bg { background-color: #ffffff61; opacity: 0.68; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; height: 100%; width: 100%; top: 0; left: 0; position: absolute; } .rs-testimonial.testimonial-style5 .testi-item { background-color: #183650; border-radius: 0px 0px 0px 0px; padding: 40px 42px 40px 42px; margin: 0 -8px 0 -8px; text-align: center; } .rs-testimonial.testimonial-style5 .testi-item .testi-contents .image-wrap img { border-radius: 50px 50px 50px 50px; width: 85px; height: 85px; margin: 0 auto; } .rs-testimonial.testimonial-style5 .testi-item .testi-contents .item-content { padding: 30px 0px 0px 0px; border-radius: 0px 0px 0px 0px; margin-bottom: 20px; } .rs-testimonial.testimonial-style5 .testi-item .testi-contents .item-content p { font-size: 17px; line-height: 27px; color: #fff; font-weight: 400; font-style: italic; margin: 0 0 0; } .rs-testimonial.testimonial-style5 .testi-item .testi-contents .testi-information .testi-name { font-size: 18px; font-weight: 600; color: #fff; } .rs-testimonial.testimonial-style5 .testi-item .testi-contents .testi-information .designation { color: #fff; } .rs-testimonial.testimonial-style5.testimonial-modify4 .testi-item { background-color: #ffffffb0; border-radius: 5px 5px 5px 5px; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.02); border: 1px solid #0201010f; padding: 40px 42px 40px 42px; margin: 0 -2px 0 -2px; text-align: center; } .rs-testimonial.testimonial-style5.testimonial-modify4 .testi-item .testi-contents .testi-information .designation, .rs-testimonial.testimonial-style5.testimonial-modify4 .testi-item .testi-contents .testi-information .testi-name, .rs-testimonial.testimonial-style5.testimonial-modify4 .testi-item .testi-contents .item-content p { color: #333333; } .rs-testimonial.testimonial-style5.testimonial-modify4 .testi-item .testi-contents .item-content { position: relative; } .rs-testimonial.testimonial-style5.testimonial-modify4 .testi-item .testi-contents .item-content span i { top: 62px; position: absolute; left: 40%; color: #ff631414; font-size: 100px; } .rs-testimonial.testimonial-style5.testimonial-modify4 .rs-carousel .owl-dots .owl-dot { background: #ff6314; } .rs-testimonial.testimonial-style5.testimonial-modify4 .rs-carousel .owl-dots .owl-dot:hover, .rs-testimonial.testimonial-style5.testimonial-modify4 .rs-carousel .owl-dots .owl-dot.active { width: 40px; background: #ff6314; opacity: 1; } .rs-testimonial.testimonial-style5.testimonial-modify4 .owl-stage-outer { padding: 20px; margin: -20px; } .rs-testimonial.testimonial-style5.testimonial-modify5 .testi-item { background-image: linear-gradient(130deg, #76300c 0%, #000000 100%); border-radius: 5px 5px 5px 5px; padding: 40px 42px 40px 42px; margin: 0 -2px 0 -2px; text-align: center; } .rs-testimonial.testimonial-style5.testimonial-modify5 .testi-item .testi-contents .testi-information .designation, .rs-testimonial.testimonial-style5.testimonial-modify5 .testi-item .testi-contents .testi-information .testi-name, .rs-testimonial.testimonial-style5.testimonial-modify5 .testi-item .testi-contents .item-content p { color: #ece4e4; } .rs-testimonial.testimonial-style5.testimonial-modify5 .rs-carousel .owl-dots .owl-dot { background: #ff5a06; } .rs-testimonial.testimonial-style5.testimonial-modify5 .rs-carousel .owl-dots .owl-dot:hover, .rs-testimonial.testimonial-style5.testimonial-modify5 .rs-carousel .owl-dots .owl-dot.active { width: 40px; background: #ff5a06; opacity: 1; } .rs-testimonial.testimonial-style5.testimonial-modify5 .owl-stage-outer { padding: 20px; margin: -20px; } .rs-testimonial.testimonial-style6 .testi-item .item-content span img { width: 60px; } .rs-testimonial.testimonial-style6 .testi-item .item-content p { font-size: 22px; font-weight: 400; font-style: italic; line-height: 40px; color: #333333; font-family: "Roboto", Sans-serif; padding: 18px 0px 10px 0px; } .rs-testimonial.testimonial-style6 .testi-item .testi-content .image-wrap img { height: 65px; width: 65px; border-radius: 50%; position: relative; } .rs-testimonial.testimonial-style6 .testi-item .testi-content .testi-information { padding-top: 18px; } .rs-testimonial.testimonial-style6 .testi-item .testi-content .testi-information .testi-name { color: #000000; font-size: 20px; font-weight: 500; } .rs-testimonial.testimonial-style6 .testi-item .testi-content .testi-information .testi-title { color: #878787; } .rs-testimonial.testimonial-style7 .slider { position: relative; } .rs-testimonial.testimonial-style7 .slider .testi-item { text-align: center; } .rs-testimonial.testimonial-style7 .slider .testi-item .item-content span img { margin: 0 auto; width: 51px; } .rs-testimonial.testimonial-style7 .slider .testi-item .item-content p { color: #ffffffde; font-size: 20px; line-height: 1.7em; margin-bottom: 6px; padding: 2.9% 15% 2% 15%; } .rs-testimonial.testimonial-style7 .slider .testi-item .testi-content .image-wrap { margin: 0px 0px 17px 0px; } .rs-testimonial.testimonial-style7 .slider .testi-item .testi-content .image-wrap img { width: 75px !important; height: 75px !important; border-radius: 50%; margin: 0 auto; } .rs-testimonial.testimonial-style7 .slider .testi-item .testi-content .testi-information .testi-name { font-size: 20px; line-height: 1.2; font-weight: 700; color: #ffffff; } .rs-testimonial.testimonial-style7 .slider .testi-item .testi-content .testi-information .testi-title { color: #ffffffd6; font-size: 14px; } .rs-testimonial.testimonial-style7 .slider .slick-arrow { position: absolute; transform: translateY(-50%); visibility: visible; opacity: 1; font-size: 0; background: transparent; border: none; transition: 0.6s ease all; z-index: 9; } .rs-testimonial.testimonial-style7 .slider .slick-arrow.slick-next { top: 35.1%; right: 14px; } .rs-testimonial.testimonial-style7 .slider .slick-arrow.slick-next:before { content: "\f114"; font-size: 20px; color: #adaba5; margin: 0; display: inline-block; font-family: flaticon !important; text-align: center; font-weight: 600; } .rs-testimonial.testimonial-style7 .slider .slick-arrow.slick-prev { top: 35.1%; left: 16px; } .rs-testimonial.testimonial-style7 .slider .slick-arrow.slick-prev:before { content: "\f115"; font-size: 20px; color: #adaba5; margin: 0; display: inline-block; font-family: flaticon !important; text-align: center; font-weight: 600; } .rs-testimonial.testimonial-style8 .testi-item .testi-wrap { background-color: #e8eaee; background-image: url(assets/images/bg/konstruk-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; text-align: center; padding: 52px 50px 52px 50px; } .rs-testimonial.testimonial-style8 .testi-item .testi-wrap .item-content-basic span img { width: 60px; margin: 0 auto 20px; } .rs-testimonial.testimonial-style8 .testi-item .testi-wrap .item-content-basic p { color: #ffffff; font-size: 19px; font-weight: 500; font-style: italic; line-height: 32px; margin: 0 0 28px; } .rs-testimonial.testimonial-style8 .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-style8 .testi-item .testi-wrap .testi-content .testi-information { padding-top: 20px; } .rs-testimonial.testimonial-style8 .testi-item .testi-wrap .testi-content .testi-information .testi-name { font-size: 20px; line-height: 30px; font-weight: 600; color: #ffffff; } .rs-testimonial.testimonial-style8 .testi-item .testi-wrap .testi-content .testi-information .designation { font-family: "Roboto", Sans-serif; font-size: 16px; color: #efefef; } .rs-testimonial.testimonial-style9 .slider .testi-wrap .testi-item { position: relative; background-color: #2e0b00; padding: 50px 48px 50px 50px; } .rs-testimonial.testimonial-style9 .slider .testi-wrap .testi-item .item-content .quote { top: 280px; left: 87%; position: absolute; max-width: 48px; } .rs-testimonial.testimonial-style9 .slider .testi-wrap .testi-item .item-content .desc { color: #ffffffd9; font-size: 28px; line-height: 45px; font-weight: 400; color: #fff7f7; padding: 0px 0 31px 0; } .rs-testimonial.testimonial-style9 .slider .testi-wrap .testi-item .testi-content .testi-information .testi-name { color: #ffffff; font-family: "Playfair Display", Sans-serif; font-size: 25px; font-weight: 600; text-transform: capitalize; line-height: 35px; margin: 0px 0px 10px 0px; } .rs-testimonial.testimonial-style9 .slider .testi-wrap .testi-item .testi-content .testi-information .designation { color: #ffffffe6; font-size: 16px; font-weight: 400; line-height: 26px; } .rs-testimonial.testimonial-style9 .slider .slick-list { padding: 0 !important; } .rs-testimonial.testimonial-style9 .slider .slick-dots { bottom: -50px; } .rs-testimonial.testimonial-style9 .slider .slick-dots li button { width: 14px; height: 8px; background: #cb0000; border-radius: 0px; } .rs-testimonial.testimonial-style9 .slider .slick-dots li.slick-active button, .rs-testimonial.testimonial-style9 .slider .slick-dots li:hover button { width: 40px; background: #cb0000; opacity: unset; } .rs-testimonial.testimonial-style9.testimonial-modify6 { position: relative; } .rs-testimonial.testimonial-style9.testimonial-modify6 .slider { filter: drop-shadow(0px 40px 60px rgba(0, 0, 1, 0.05)); } .rs-testimonial.testimonial-style9.testimonial-modify6 .slider .testi-wrap .testi-item { background-color: #fff; padding: 40px 50px 40px 40px; } .rs-testimonial.testimonial-style9.testimonial-modify6 .slider .testi-wrap .testi-item .item-content .desc { color: #333333; font-family: "Roboto", Sans-serif; font-size: 25px; line-height: 36px; padding: 0px 0 20px 0; } .rs-testimonial.testimonial-style9.testimonial-modify6 .slider .testi-wrap .testi-item .testi-content .testi-information .testi-name { color: #010d14; font-family: "Roboto", Sans-serif; font-size: 25px; font-weight: 600; text-transform: capitalize; line-height: 30px; } .rs-testimonial.testimonial-style9.testimonial-modify6 .slider .testi-wrap .testi-item .item-content .quote { top: 227px; left: 83%; max-width: 40px; } .rs-testimonial.testimonial-style9.testimonial-modify6 .slider .testi-wrap .testi-item .testi-content .testi-information .designation { color: #333333; } .rs-testimonial.testimonial-style9.testimonial-modify6 .slider .slick-dots li button { background: #ff5a06; } .rs-testimonial.testimonial-style9.testimonial-modify6 .testi-shapes .testi-animate { position: absolute; bottom: 0; } .rs-testimonial.testimonial-style9.testimonial-modify6 .testi-shapes .testi-animate.one { left: 11%; top: 30%; } .rs-testimonial.testimonial-style9.testimonial-modify6 .testi-shapes .testi-animate.two { right: 11%; top: 30%; } /*---------------------------------------- 26. Shop Section CSS ----------------------------------------*/ .rs-shop-part .title { font-size: 20px; line-height: 30px; font-weight: 700; color: #010d14; margin: 0; } .rs-shop-part .woocommerce-result-count { font-size: 16px; line-height: 26px; color: #333333; font-weight: 400; margin: 0; } .rs-shop-part .from-control { float: right; font-size: 16px; color: #333333; font-weight: 400; vertical-align: top; padding: 10px; border: none; border-radius: 0px; border-right: 10px solid #fff; background: none; box-shadow: 0 0 1px #999; } .rs-shop-part .product-list { text-align: center; margin: 0 9px 0 9px; } .rs-shop-part .product-list .image-product { position: relative; overflow: hidden; padding: 0; margin-bottom: 20px; } .rs-shop-part .product-list .image-product img { margin-bottom: 0 !important; position: relative; width: 100% !important; } .rs-shop-part .product-list .image-product .overley { position: absolute; left: 0; right: 0; text-align: center; width: 100%; background: transparent; bottom: -50px; transform: scaleY(0); transform-origin: 0 1 0; opacity: 0; transition: all 0.4s ease-in-out 0s; padding: 0; } .rs-shop-part .product-list .image-product .overley .product-info a { text-transform: capitalize; text-decoration: none; border-radius: 0px; line-height: 33px; border: 0px solid #ffb703; text-align: center; transition: all 0.4s ease-in-out 0s; padding: 5px 20px; color: #ffffff; background: #010d14; display: block; } .rs-shop-part .product-list .image-product .overley .product-info a:hover { opacity: 0.9; } .rs-shop-part .product-list .image-product .onsale { font-size: 13px; font-weight: 500; color: #010d14; font-weight: 700; line-height: 40px; background: #ffb703; 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: 16px; line-height: 25px; font-weight: 700; font-family: Roboto !important; margin: 0; float: left; } .rs-shop-part .product-list .content-desc .loop-product-title a { color: #010d14; } .rs-shop-part .product-list .content-desc .loop-product-title a:hover { color: #ffb703; } .rs-shop-part .product-list .content-desc .price { font-size: 16px; line-height: 25px; color: #5d5d5d; font-weight: 600; margin: 0; float: right; } .rs-shop-part .product-list:hover .image-product .overley { opacity: 1; transform: scaleY(1); bottom: 0; } .rs-shop-part .product-list:hover .image-product .overley .product-info a { text-transform: capitalize; text-decoration: none; border-radius: 0px; line-height: 33px; border: 0px solid #ffb703; text-align: center; transition: all 0.4s ease-in-out 0s; padding: 5px 20px; color: #ffffff; background: #010d14; } /*---------------------------------------- 27. 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: #ffb703; 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: #ffb703; } .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: 0px; font-size: 18px; background: #fbfbfb; border: 1px solid #fbfbfb; background-color: #fbfbfb; color: #010d14; 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: #ffb703; color: #010d14; } .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 table { border: 0; border-top: 1px dotted rgba(0, 0, 0, 0.1); margin-bottom: 0; width: 100%; } .rs-single-shop .tab-area .tab-content .tab-pane table .table-box tr th { width: 150px; font-weight: 700; margin: 0; line-height: 1.5; padding: 3px 15px !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; } .rs-single-shop .tab-area .tab-content .tab-pane table .table-box tr td { padding: 3px 15px !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; } .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: #333333; } .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: #ffb703; font-weight: normal; } /*---------------------------------------- 28. 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: #010d14; display: block; border-radius: 100%; border: 1px solid #ddd; font-size: 16px; font-weight: 400; height: 20px; width: 20px; line-height: 17px; text-align: center; } .rs-cart .cart-wrap table.cart-table .product-remove a:hover { background: #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: #333333; font-weight: 700; } .rs-cart .cart-wrap table.cart-table .product-name a:hover { color: #ffb703; } .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-size: 26px; line-height: 36px; font-weight: 700; color: #333333; 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; } /*---------------------------------------- 29. 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: 26px; line-height: 36px; font-weight: 700; color: #010d14; margin: 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: 26px; line-height: 36px; font-weight: 700; color: #010d14; margin: 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 .services-add { background-color: #0c31a9; 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; } /*---------------------------------------- 30. 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 #ffb703; 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: #ffb703; transition: all 0.3s ease; outline: none; cursor: pointer; } .rs-checkout .coupon-toggle .accordion .card .card-header .card-title button:hover { color: #ffb703; } .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: #333333; 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; } /*---------------------------------------- 31. Account Section CSS ----------------------------------------*/ .rs-my-account .title { font-size: 36px; line-height: 46px; font-weight: 700; color: #010d14; 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: #333333; } .rs-my-account .rs-login .form-group label span { color: #ffb703; } .rs-my-account .rs-login .form-group input { width: 100%; margin: 0; outline: 0; line-height: normal; border: 1px solid rgba(54, 54, 54, 0.1); height: 45px; } .rs-my-account .rs-login .last-password a { font-size: 15px; line-height: 26px; font-weight: 400; color: #ffb703; } .rs-my-account .rs-login p { font-size: 15px; line-height: 26px; font-weight: 400; color: #333333; margin-bottom: 14px; } .rs-my-account .rs-login p a { font-size: 15px; line-height: 26px; font-weight: 400; color: #ffb703; } /*------------------------------------ 32. Footer Section CSS ------------------------------------*/ .rs-footer.footer-main-home { background-image: url(assets/images/bg/footer-bg.jpg); background-size: cover; } .rs-footer.footer-main-home .footer-top { padding: 85px 0 70px; } .rs-footer.footer-main-home .footer-top .footer-logo a img { height: 65px; } .rs-footer.footer-main-home .footer-top .footer-title { position: relative; font-size: 20px; line-height: 30px; font-weight: 500; color: #ff6314; text-transform: uppercase; font-family: Roboto; margin-bottom: 50px; } .rs-footer.footer-main-home .footer-top .textwidget p { color: #ffffff; margin: 0; } .rs-footer.footer-main-home .footer-top .textwidget p strong { font-weight: 700; } .rs-footer.footer-main-home .footer-top .footer-social li { display: inline-block; margin-right: 19px; } .rs-footer.footer-main-home .footer-top .footer-social li a i { font-size: 16px; margin-right: 3px; transition: all 0.8s ease; color: #ff6314; text-align: center; } .rs-footer.footer-main-home .footer-top .footer-social li a i:hover { color: #ffb703; } .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: #ffb703; position: absolute; left: 0; } .rs-footer.footer-main-home .footer-top .address-widget li i:before { font-size: 24px; position: relative; top: 4px; } .rs-footer.footer-main-home .footer-top .address-widget li .desc { color: #21115c; } .rs-footer.footer-main-home .footer-top .address-widget li .desc a { color: #21115c; } .rs-footer.footer-main-home .footer-top .address-widget li .desc a:hover { color: #ffb703; } .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: 16px; position: relative; padding: 6px 0 4px 0px; display: inline-block; color: #21115c; transition: all 0.3s; } .rs-footer.footer-main-home .footer-top .site-map li a:hover { padding-left: 5px; color: #ffb703; } .rs-footer.footer-main-home .footer-top .site-map li a:before { content: "\f113"; left: 0; top: 0; color: #ffb703; margin-right: 10px; font-size: 13px; font-family: Flaticon; } .rs-footer.footer-main-home .footer-top .widget-desc { margin: 0px 0px 27px 0; color: #ffffff; } .rs-footer.footer-main-home .footer-top p input[type="email"] { border: none; width: 100%; font-size: 16px; padding: 15px 20px; color: #fff; overflow: hidden; background: #333; margin-bottom: 20px; } .rs-footer.footer-main-home .footer-top p input[type="submit"] { position: relative; border: none; background: #ffb703; color: #010d14; padding: 16px 35px 16px; font-weight: 500; text-transform: uppercase; font-size: 16px; line-height: 26px; width: 100%; transition: all 0.3s; } .rs-footer.footer-main-home .footer-top p input[type="submit"]:hover { background: #fff !important; color: #010d14; } .rs-footer.footer-main-home .footer-top p ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; opacity: 0.79; } .rs-footer.footer-main-home .footer-top p ::-moz-placeholder { /* Firefox 19+ */ color: #fff; opacity: 0.79; } .rs-footer.footer-main-home .footer-top p :-ms-input-placeholder { /* IE 10+ */ color: #fff; opacity: 0.79; } .rs-footer.footer-main-home .footer-top p :-moz-placeholder { /* Firefox 18- */ color: #fff; opacity: 0.79; } .rs-footer.footer-main-home .footer-bottom { background: rgba(51, 51, 51, 0.4); padding: 20px 0 20px 0; } .rs-footer.footer-main-home .footer-bottom .copyright p { font-size: 15px; font-weight: 500; 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: #ffb703; } .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 { font-size: 15px; color: #ffffff; } .rs-footer.footer-main-home .footer-bottom .copy-right-menu li a:hover { color: #ffb703; } .rs-footer.footer-main-home .footer-bottom .copy-right-menu li:before { display: block; content: ""; position: absolute; font-size: 18px; background: #ffb703; 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; } .rs-footer.footer-main-home.footer-style1 .footer-bottom .copy-right-menu li a:hover, .rs-footer.footer-main-home.footer-style1 .footer-bottom .copyright p a:hover, .rs-footer.footer-main-home.footer-style1 .footer-top .footer-social li a i:hover, .rs-footer.footer-main-home.footer-style1 .footer-top .address-widget li .desc a:hover, .rs-footer.footer-main-home.footer-style1 .footer-top .site-map li a:hover, .rs-footer.footer-main-home.footer-style1 .footer-top .site-map li a:before, .rs-footer.footer-main-home.footer-style1 .footer-top .address-widget li i { color: #eb003d; } .rs-footer.footer-main-home.footer-style1 .footer-top p input[type="submit"] { color: #ffffff; background: #eb003d; } .rs-footer.footer-main-home.footer-style1 .footer-top p input[type="submit"]:hover { background: #fff !important; color: #010d14; } .rs-footer.footer-main-home.footer-style1 .footer-bottom .copy-right-menu li:before { background: #eb003d; } .rs-footer.footer-main-home.footer-style2 { background-image: url(assets/images/bg/footer-bg2.jpg); } .rs-footer.footer-main-home.footer-style2 .footer-bottom .copy-right-menu li a:hover, .rs-footer.footer-main-home.footer-style2 .footer-bottom .copyright p a:hover, .rs-footer.footer-main-home.footer-style2 .footer-top .footer-social li a i:hover, .rs-footer.footer-main-home.footer-style2 .footer-top .address-widget li .desc a:hover, .rs-footer.footer-main-home.footer-style2 .footer-top .site-map li a:hover, .rs-footer.footer-main-home.footer-style2 .footer-top .site-map li a:before, .rs-footer.footer-main-home.footer-style2 .footer-top .address-widget li i { color: #e8271e; } .rs-footer.footer-main-home.footer-style2 .footer-top p input[type="submit"] { color: #ffffff; background: #e8271e; } .rs-footer.footer-main-home.footer-style2 .footer-top p input[type="email"] { color: #fff; background: #051126; } .rs-footer.footer-main-home.footer-style2 .footer-top p input[type="submit"]:hover { background: #fff !important; color: #010d14; } .rs-footer.footer-main-home.footer-style2 .footer-bottom .copy-right-menu li:before { background: #e8271e; } .rs-footer.footer-main-home.footer-style3 { background-image: url(assets/images/bg/footer-bg3.jpg); } .rs-footer.footer-main-home.footer-style3 .footer-bottom .copy-right-menu li a:hover, .rs-footer.footer-main-home.footer-style3 .footer-bottom .copyright p a:hover, .rs-footer.footer-main-home.footer-style3 .footer-top .footer-social li a i:hover, .rs-footer.footer-main-home.footer-style3 .footer-top .address-widget li .desc a:hover, .rs-footer.footer-main-home.footer-style3 .footer-top .site-map li a:hover, .rs-footer.footer-main-home.footer-style3 .footer-top .site-map li a:before, .rs-footer.footer-main-home.footer-style3 .footer-top .address-widget li i { color: #0052da; } .rs-footer.footer-main-home.footer-style3 .footer-top p input[type="submit"] { color: #ffffff; background: #0052da; } .rs-footer.footer-main-home.footer-style3 .footer-top p input[type="email"] { color: #fff; background: #333; } .rs-footer.footer-main-home.footer-style3 .footer-top p input[type="submit"]:hover { background: #fff !important; color: #010d14; } .rs-footer.footer-main-home.footer-style3 .footer-bottom .copy-right-menu li:before { background: #0052da; } .rs-footer.footer-main-home.footer-style4 { background-image: url(assets/images/bg/footer-bg4.jpg); } .rs-footer.footer-main-home.footer-style4 .footer-bottom .copy-right-menu li a:hover, .rs-footer.footer-main-home.footer-style4 .footer-bottom .copyright p a:hover, .rs-footer.footer-main-home.footer-style4 .footer-top .footer-social li a i:hover, .rs-footer.footer-main-home.footer-style4 .footer-top .address-widget li .desc a:hover, .rs-footer.footer-main-home.footer-style4 .footer-top .site-map li a:hover, .rs-footer.footer-main-home.footer-style4 .footer-top .site-map li a:before, .rs-footer.footer-main-home.footer-style4 .footer-top .address-widget li i { color: #21c0f5; } .rs-footer.footer-main-home.footer-style4 .footer-top p input[type="submit"] { color: #ffffff; background: #21c0f5; } .rs-footer.footer-main-home.footer-style4 .footer-top p input[type="email"] { color: #fff; background: #333; } .rs-footer.footer-main-home.footer-style4 .footer-top p input[type="submit"]:hover { background: #fff !important; color: #010d14; } .rs-footer.footer-main-home.footer-style4 .footer-bottom .copy-right-menu li:before { background: #21c0f5; } .rs-footer.footer-main-home.footer-style5 { background-image: url(assets/images/bg/footer-bg4.jpg); } .rs-footer.footer-main-home.footer-style5 .footer-bottom .copy-right-menu li a:hover, .rs-footer.footer-main-home.footer-style5 .footer-bottom .copyright p a:hover, .rs-footer.footer-main-home.footer-style5 .footer-top .footer-social li a i:hover, .rs-footer.footer-main-home.footer-style5 .footer-top .address-widget li .desc a:hover, .rs-footer.footer-main-home.footer-style5 .footer-top .site-map li a:hover, .rs-footer.footer-main-home.footer-style5 .footer-top .site-map li a:before, .rs-footer.footer-main-home.footer-style5 .footer-top .address-widget li i { color: #e88e2e; } .rs-footer.footer-main-home.footer-style5 .footer-top p input[type="submit"] { color: #ffffff; background: #e88e2e; } .rs-footer.footer-main-home.footer-style5 .footer-top p input[type="email"] { color: #fff; background: #333; } .rs-footer.footer-main-home.footer-style5 .footer-top p input[type="submit"]:hover { background: #fff !important; color: #010d14; } .rs-footer.footer-main-home.footer-style5 .footer-bottom .copy-right-menu li:before { background: #e88e2e; } .rs-footer.footer-main-home.footer-style6 { background-image: url(assets/images/bg/footer-bg4.jpg); } .rs-footer.footer-main-home.footer-style6 .footer-bottom .copy-right-menu li a:hover, .rs-footer.footer-main-home.footer-style6 .footer-bottom .copyright p a:hover, .rs-footer.footer-main-home.footer-style6 .footer-top .footer-social li a i:hover, .rs-footer.footer-main-home.footer-style6 .footer-top .address-widget li .desc a:hover, .rs-footer.footer-main-home.footer-style6 .footer-top .site-map li a:hover, .rs-footer.footer-main-home.footer-style6 .footer-top .site-map li a:before, .rs-footer.footer-main-home.footer-style6 .footer-top .address-widget li i { color: #ba9071; } .rs-footer.footer-main-home.footer-style6 .footer-top p input[type="submit"] { color: #ffffff; background: #ba9071; } .rs-footer.footer-main-home.footer-style6 .footer-top p input[type="email"] { color: #fff; background: #333; } .rs-footer.footer-main-home.footer-style6 .footer-top p input[type="submit"]:hover { background: #fff !important; color: #010d14; } .rs-footer.footer-main-home.footer-style6 .footer-bottom .copy-right-menu li:before { background: #ba9071; } .rs-footer.footer-main-home.footer-style7 { background-image: url(assets/images/bg/footer-bg5.jpg); } .rs-footer.footer-main-home.footer-style7 .footer-bottom .copy-right-menu li a:hover, .rs-footer.footer-main-home.footer-style7 .footer-bottom .copyright p a:hover, .rs-footer.footer-main-home.footer-style7 .footer-top .footer-social li a i:hover, .rs-footer.footer-main-home.footer-style7 .footer-top .address-widget li .desc a:hover, .rs-footer.footer-main-home.footer-style7 .footer-top .site-map li a:hover, .rs-footer.footer-main-home.footer-style7 .footer-top .site-map li a:before, .rs-footer.footer-main-home.footer-style7 .footer-top .address-widget li i { color: #70bf4a; } .rs-footer.footer-main-home.footer-style7 .footer-top p input[type="submit"] { color: #ffffff; background: #70bf4a; } .rs-footer.footer-main-home.footer-style7 .footer-top p input[type="email"] { color: #fff; background: #333; } .rs-footer.footer-main-home.footer-style7 .footer-top p input[type="submit"]:hover { background: #fff !important; color: #010d14; } .rs-footer.footer-main-home.footer-style7 .footer-bottom .copy-right-menu li:before { background: #70bf4a; } .rs-footer.footer-main-home.footer-style8 { background: #010d14; } .rs-footer.footer-main-home.footer-style8 .footer-bottom .copy-right-menu li a:hover, .rs-footer.footer-main-home.footer-style8 .footer-bottom .copyright p a:hover, .rs-footer.footer-main-home.footer-style8 .footer-top .footer-social li a i:hover, .rs-footer.footer-main-home.footer-style8 .footer-top .address-widget li .desc a:hover, .rs-footer.footer-main-home.footer-style8 .footer-top .site-map li a:hover, .rs-footer.footer-main-home.footer-style8 .footer-top .site-map li a:before, .rs-footer.footer-main-home.footer-style8 .footer-top .address-widget li i { color: #ff6314; } .rs-footer.footer-main-home.footer-style8 .footer-top p input[type="submit"] { color: #ffffff; background: #ff6314; } .rs-footer.footer-main-home.footer-style8 .footer-top p input[type="email"] { color: #fff; background: #333; } .rs-footer.footer-main-home.footer-style8 .footer-top p input[type="submit"]:hover { background: #fff !important; color: #010d14; } .rs-footer.footer-main-home.footer-style8 .footer-bottom .copy-right-menu li:before { background: #ff6314; } .rs-footer.footer-main-home.footer-style8 .footer-bottom { background: #031925; padding: 20px 0 20px 0; } .rs-footer.footer-main-home.footer-style9 { background-image: url(assets/images/bg/footer-bg-12.jpg); } .rs-footer.footer-main-home.footer-style9 .footer-bottom .copy-right-menu li a:hover, .rs-footer.footer-main-home.footer-style9 .footer-bottom .copyright p a:hover, .rs-footer.footer-main-home.footer-style9 .footer-top .footer-social li a i:hover, .rs-footer.footer-main-home.footer-style9 .footer-top .address-widget li .desc a:hover, .rs-footer.footer-main-home.footer-style9 .footer-top .site-map li a:hover, .rs-footer.footer-main-home.footer-style9 .footer-top .site-map li a:before, .rs-footer.footer-main-home.footer-style9 .footer-top .address-widget li i { color: #ff5a06; } .rs-footer.footer-main-home.footer-style9 .footer-top p input[type="submit"] { color: #ffffff; background: #ff5a06; } .rs-footer.footer-main-home.footer-style9 .footer-top p input[type="email"] { color: #fff; background: #333; } .rs-footer.footer-main-home.footer-style9 .footer-top p input[type="submit"]:hover { background: #fff !important; color: #010d14; } .rs-footer.footer-main-home.footer-style9 .footer-bottom .copy-right-menu li:before { background: #ff5a06; } .rs-footer.footer-main-home.footer-style9 .footer-bottom { background: rgba(51, 51, 51, 0.4); padding: 20px 0 20px 0; } .rs-footer.footer-main-home.footer-style10 { background-image: url(assets/images/bg/footer-bg-12.jpg); } .rs-footer.footer-main-home.footer-style10 .footer-bottom .copy-right-menu li a:hover, .rs-footer.footer-main-home.footer-style10 .footer-bottom .copyright p a:hover, .rs-footer.footer-main-home.footer-style10 .footer-top .footer-social li a i:hover, .rs-footer.footer-main-home.footer-style10 .footer-top .address-widget li .desc a:hover, .rs-footer.footer-main-home.footer-style10 .footer-top .site-map li a:hover, .rs-footer.footer-main-home.footer-style10 .footer-top .site-map li a:before, .rs-footer.footer-main-home.footer-style10 .footer-top .address-widget li i { color: #cb0000; } .rs-footer.footer-main-home.footer-style10 .footer-top p input[type="submit"] { color: #ffffff; background: #cb0000; } .rs-footer.footer-main-home.footer-style10 .footer-top p input[type="email"] { border-color: #dd3333 !important; border: 1px solid; color: #fff; background: #1a1614; } .rs-footer.footer-main-home.footer-style10 .footer-top p input[type="submit"]:hover { background: #fff !important; color: #010d14; } .rs-footer.footer-main-home.footer-style10 .footer-bottom .copy-right-menu li:before { background: #cb0000; } .rs-footer.footer-main-home.footer-style11 { background-image: url(assets/images/bg/footer-bg-12.jpg); } .rs-footer.footer-main-home.footer-style11 .footer-bottom .copy-right-menu li a:hover, .rs-footer.footer-main-home.footer-style11 .footer-bottom .copyright p a:hover, .rs-footer.footer-main-home.footer-style11 .footer-top .footer-social li a i:hover, .rs-footer.footer-main-home.footer-style11 .footer-top .address-widget li .desc a:hover, .rs-footer.footer-main-home.footer-style11 .footer-top .site-map li a:hover, .rs-footer.footer-main-home.footer-style11 .footer-top .site-map li a:before, .rs-footer.footer-main-home.footer-style11 .footer-top .address-widget li i { color: #ff5a06; } .rs-footer.footer-main-home.footer-style11 .footer-top p input[type="submit"] { color: #ffffff; background: #ff5a06; } .rs-footer.footer-main-home.footer-style11 .footer-top p input[type="email"] { border-color: #ff5a06 !important; border: 1px solid; color: #fff; background: #1a1614; } .rs-footer.footer-main-home.footer-style11 .footer-top p input[type="submit"]:hover { background: #fff !important; color: #010d14; } .rs-footer.footer-main-home.footer-style11 .footer-bottom .copy-right-menu li:before { background: #ff5a06; } /* ----------------------- 33. 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: 24px; width: 42px; border-radius: 0; color: #010d14; line-height: 36px; transition: all 0.3s ease 0s; background: #ffb703; 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 { background: #333; color: #fff; } #scrollUp.red-color i { background: #eb003d; color: #ffffff; } #scrollUp.red-color2 i { background: #e8271e; color: #ffffff; } #scrollUp.red-color3 i { background: #cb0000; color: #ffffff; } #scrollUp.blue-color i { background: #0052da; color: #ffffff; } #scrollUp.paste-color i { background: #21c0f5; color: #ffffff; } #scrollUp.paste-color2 i { background: #70bf4a; color: #ffffff; } #scrollUp.orange-color i { background: #e88e2e; color: #ffffff; } #scrollUp.orange-color2 i { background: #ff6314; color: #ffffff; } #scrollUp.tan-color i { background: #ba9071; color: #ffffff; } .home-red-color .rs-carousel .owl-dots .owl-dot { background: #eb003d; } .home-red-color .full-width-header .right_menu_togle .close-btn:hover .nav-close .line span, .home-red-color .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot2, .home-red-color .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot4, .home-red-color .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot6, .home-red-color .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot8 { background: #eb003d; } .home-red-color .full-width-header .mobile-navbar-menu .nav-menu li.active-menu a, .home-red-color .full-width-header .mobile-navbar-menu .nav-menu li a:hover, .home-red-color .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em a:hover, .home-red-color .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-icon i::before { color: #eb003d; } .home-red-color2 .rs-carousel .owl-dots .owl-dot { background: #e8271e; } .home-red-color2 .full-width-header .right_menu_togle .close-btn:hover .nav-close .line span, .home-red-color2 .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot2, .home-red-color2 .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot4, .home-red-color2 .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot6, .home-red-color2 .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot8 { background: #e8271e; } .home-red-color2 .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot1, .home-red-color2 .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot3, .home-red-color2 .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot5, .home-red-color2 .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot7, .home-red-color2 .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot9 { background: #fff; } .home-red-color2 .full-width-header .mobile-navbar-menu .nav-menu li.active-menu a, .home-red-color2 .full-width-header .mobile-navbar-menu .nav-menu li a:hover, .home-red-color2 .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em a:hover, .home-red-color2 .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-icon i::before { color: #e8271e; } .home-blue-color .full-width-header .right_menu_togle .close-btn:hover .nav-close .line span, .home-blue-color .rs-carousel .owl-dots .owl-dot { background: #0052da; } .home-blue-color .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot2, .home-blue-color .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot4, .home-blue-color .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot6, .home-blue-color .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot8 { background: #0052da; } .home-blue-color .full-width-header .mobile-navbar-menu .nav-menu li.active-menu a, .home-blue-color .full-width-header .mobile-navbar-menu .nav-menu li a:hover, .home-blue-color .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em a:hover, .home-blue-color .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-icon i::before { color: #0052da; } .home-paste-color .full-width-header .mobile-navbar-menu .nav-menu li.active-menu a, .home-paste-color .full-width-header .mobile-navbar-menu .nav-menu li a:hover, .home-paste-color .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em a:hover, .home-paste-color .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-icon i:before { color: #21c0f5; } .home-paste-color .full-width-header .right_menu_togle .canvas-contact .social li a i { color: #010d14; background: transparent; border: 1px solid rgba(0, 0, 0, 0.06); } .home-paste-color .full-width-header .right_menu_togle .canvas-contact .social li a i:hover { color: #ffffff; background: #21c0f5; } .home-paste-color .full-width-header .right_menu_togle .close-btn:hover .nav-close .line span { background: #21c0f5; } .home-paste-color .rs-carousel .owl-dots .owl-dot { background: #21c0f5; } .home-paste-color .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot1, .home-paste-color .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot3, .home-paste-color .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot5, .home-paste-color .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot7, .home-paste-color .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot9 { background: #fff; } .home-paste-color .full-width-header .rs-header .menu-area.sticky .expand-btn-inner ul .humburger .nav-expander .bar span.dot1, .home-paste-color .full-width-header .rs-header .menu-area.sticky .expand-btn-inner ul .humburger .nav-expander .bar span.dot3, .home-paste-color .full-width-header .rs-header .menu-area.sticky .expand-btn-inner ul .humburger .nav-expander .bar span.dot5, .home-paste-color .full-width-header .rs-header .menu-area.sticky .expand-btn-inner ul .humburger .nav-expander .bar span.dot7, .home-paste-color .full-width-header .rs-header .menu-area.sticky .expand-btn-inner ul .humburger .nav-expander .bar span.dot9 { background: #010d14; } .home-orange-color .rs-carousel .owl-dots .owl-dot { background: #e88e2e; } .home-orange-color .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot1, .home-orange-color .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot3, .home-orange-color .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot5, .home-orange-color .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot7, .home-orange-color .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot9 { background: #fff; } .home-orange-color .full-width-header .right_menu_togle .close-btn:hover .nav-close .line span, .home-orange-color .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot2, .home-orange-color .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot4, .home-orange-color .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot6, .home-orange-color .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot8 { background: #e88e2e; } .home-orange-color .full-width-header .mobile-navbar-menu .nav-menu li.active-menu a, .home-orange-color .full-width-header .mobile-navbar-menu .nav-menu li a:hover, .home-orange-color .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em a:hover, .home-orange-color .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-icon i:before { color: #e88e2e; } .home-tan-color .full-width-header .right_menu_togle .close-btn:hover .nav-close .line span, .home-tan-color .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot2, .home-tan-color .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot4, .home-tan-color .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot6, .home-tan-color .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot8 { background: #ba9071; } .home-tan-color .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em a:hover, .home-tan-color .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-icon i::before, .home-tan-color .full-width-header .mobile-navbar-menu .nav-menu li.active-menu a, .home-tan-color .full-width-header .mobile-navbar-menu .nav-menu li a:hover { color: #ba9071; } .home-paste-color2 .full-width-header .mobile-navbar-menu .nav-menu li.active-menu a, .home-paste-color2 .full-width-header .mobile-navbar-menu .nav-menu li a:hover, .home-paste-color2 .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em a:hover, .home-paste-color2 .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-icon i:before { color: #70bf4a; } .home-paste-color2 .full-width-header .right_menu_togle .close-btn:hover .nav-close .line span { background: #21c0f5; } .home-paste-color2 .full-width-header .right_menu_togle .close-btn:hover .nav-close .line span, .home-paste-color2 .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot2, .home-paste-color2 .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot4, .home-paste-color2 .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot6, .home-paste-color2 .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot8 { background: #70bf4a; } .home-orange-color3 .full-width-header .mobile-navbar-menu .nav-menu li.active-menu a, .home-orange-color3 .full-width-header .mobile-navbar-menu .nav-menu li a:hover, .home-orange-color3 .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em a:hover, .home-orange-color3 .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-icon i:before { color: #ff5a06; } .home-orange-color3 .full-width-header .right_menu_togle .close-btn:hover .nav-close .line span { background: #ff5a06; } .home-orange-color3 .full-width-header .right_menu_togle .close-btn:hover .nav-close .line span, .home-orange-color3 .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot2, .home-orange-color3 .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot4, .home-orange-color3 .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot6, .home-orange-color3 .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot8 { background: #ff5a06; } .home-red-color3 .full-width-header .mobile-navbar-menu .nav-menu li.active-menu a, .home-red-color3 .full-width-header .mobile-navbar-menu .nav-menu li a:hover, .home-red-color3 .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em a:hover, .home-red-color3 .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-icon i:before { color: #cb0000; } .home-red-color3 .full-width-header .right_menu_togle .close-btn:hover .nav-close .line span { background: #cb0000; } .home-red-color3 .full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span { background-color: #ffffff; } /*---------------------------------------------- 34. 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: 100px; height: 100px; border: 3px solid #ebebec; border-radius: 50%; } .loader .loader-container:before { position: absolute; content: ""; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100px; height: 100px; border-top: 3px solid #ffb703; border-radius: 50%; animation: loaderspin 1.8s infinite ease-in-out; -webkit-animation: loaderspin 1.8s infinite ease-in-out; } .loader .loader-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; text-align: center; } .loader .loader-icon img { animation: loaderpulse alternate 900ms infinite; width: 40px; } .woocommerce .quantity input[type="number"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #363636 !important; opacity: 1; } .woocommerce .quantity input[type="number"]::-moz-placeholder { /* Firefox 19+ */ color: #363636 !important; opacity: 1; } .woocommerce .quantity input[type="number"]:-ms-input-placeholder { /* IE 10+ */ color: #363636 !important; opacity: 1; } .woocommerce .quantity input[type="number"]:-moz-placeholder { /* Firefox 18- */ color: #363636 !important; opacity: 1; } @keyframes loaderspin { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } @-webkit-keyframes loaderspin { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } @keyframes loaderpulse { 0% { transform: scale(1); } 100% { transform: scale(1.2); } } /* ------------------------------------ 35. Animation Part CSS ---------------------------------------*/ @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); } } @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; } } @-webkit-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; } } .move-y { animation: move-y 2s alternate infinite; -webkit-animation: move-y 2s alternate infinite; } @keyframes move-y { 0% { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } 100% { transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); } } .fadeinup { animation-duration: 2s; animation-name: fadeInUp; } @keyframes fadeinup { 0% { opacity: 0; transform: translate3d(0, 100%, 0); } 100% { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; animation-duration: 2s; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0, -100%, 0); } 100% { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; animation-duration: 2s; } .fadeInLeft.new { animation-duration: 1.25s; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; transform: none; } } .fadeInLeft2 { animation-name: fadeInLeft2; animation-duration: 2.25s; } @-webkit-keyframes fadeInLeft2 { 0% { opacity: 0; transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; transform: none; } } .fadeInLeft3 { animation-name: fadeInLeft3; animation-duration: 2.8s; } @-webkit-keyframes fadeInLeft3 { 0% { opacity: 0; transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; animation-duration: 1.25s; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(100%, 0, 0); } 100% { opacity: 1; transform: none; } } .scale { animation-duration: 2s; -webkit-animation: scale 2s alternate infinite; } .scale.new { animation-duration: 2.5s; } @-webkit-keyframes scale { 0% { transform: scale(0.9); -webkit-transform: scale(0.9); } 100% { transform: scale(1.08); -webkit-transform: scale(1.08); } } .horizontal { animation-name: horizontal; animation-duration: 20s; animation-timing-function: linear; animation-iteration-count: infinite; } @keyframes horizontal { 0% { transform: translateX(0); } 50% { transform: translateX(100px); } 100% { transform: translateX(0); } } .dance2 { -webkit-animation: dance2 4s alternate infinite; } @keyframes dance2 { 0% { -webkit-transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(15px, -15px, 0); } 100% { -webkit-transform: translate3d(0, -15px, 15px); } } .up-down { animation: up-down 7s alternate infinite; -webkit-animation: up-down 7s alternate infinite; } @keyframes up-down { 0% { transform: translateY(20px); -webkit-transform: translateY(0); } 50% { transform: translateY(-20px); -webkit-transform: translateY(-20px); } 100% { transform: translateY(0); -webkit-transform: translateY(0); } } @-webkit-keyframes up-down { 0% { transform: translateY(30px); -webkit-transform: translateY(0); } 50% { transform: translateY(-50px); -webkit-transform: translateY(-50px); } 100% { transform: translateY(0); -webkit-transform: translateY(0); } } .spine { animation: spine 8s infinite linear; -webkit-animation: spine 8s infinite linear; animation-duration: spine 8s; } @keyframes spine { 0% { transform: rotate(0); -webkit-transform: rotate(0); } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @-webkit-keyframes spine { 0% { transform: rotate(0); -webkit-transform: rotate(0); } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } spiner { animation: spiner 30s infinite linear; -webkit-animation: spiner 30s infinite linear; animation-duration: spiner 30s; } @keyframes spiner { 0% { transform: rotate(0); -webkit-transform: rotate(0); } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @-webkit-keyframes spiner { 0% { transform: rotate(0); -webkit-transform: rotate(0); } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } .scale { animation-duration: 2s; -webkit-animation: scale 2s alternate infinite; } .scale.new { animation-duration: 2.5s; } @-webkit-keyframes scale { 0% { transform: scale(0.9); -webkit-transform: scale(0.9); } 100% { transform: scale(1.08); -webkit-transform: scale(1.08); } } .scale2 { animation: scale2 2s alternate infinite; -webkit-animation: scale2 2s alternate infinite; } @-webkit-keyframes scale2 { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(1.07); -webkit-transform: scale(1.07); } } .rotated-style { animation: rotated-style; animation-timing-function: linear; animation-iteration-count: infinite; animation-duration: 40s; } .rotated-style.new-style { animation-duration: 30s; } @keyframes rotated-style { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); } 100% { transform: rotate(359deg); -webkit-transform: rotate(359deg); } } .rotated-style2 { animation: rotated-style2 5s linear infinite; } @keyframes rotated-style2 { 0% { -webkit-transform: translate(0) rotate(0deg); transform: translate(0) rotate(0deg); } 25% { -webkit-transform: translate(-10px, 10px) rotate(10deg); transform: translate(-10px, 10px) rotate(10deg); } 50% { -webkit-transform: translate(5px, -5px) rotate(25deg); transform: translate(5px, -5px) rotate(25deg); } 75% { -webkit-transform: translate(15px, -5px) rotate(15deg); transform: translate(15px, -5px) rotate(15deg); } 100% { -webkit-transform: translate(0) rotate(0deg); transform: translate(0) rotate(0deg); } } .fadeInUp { animation-duration: 1.25s; animation-name: fadeInUp; } @keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0, 100%, 0); } 100% { opacity: 1; transform: none; } } .veritcal { animation-name: veritcal; animation-timing-function: linear; animation-duration: 15s; animation-iteration-count: infinite; } @keyframes veritcal { 0% { transform: translateY(0); } 50% { transform: translateY(100px); } 100% { transform: translateY(0); } } .rs-services.services-style7 .services-item:hover .dance_hover, .rs-services.services-style2 .services-box:hover .dance_hover { animation-name: dance_hover; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } @keyframes dance_hover { 16.65% { transform: translateY(8px); } 33.3% { transform: translateY(-6px); } 49.95% { transform: translateY(4px); } 66.6% { transform: translateY(-2px); } 83.25% { transform: translateY(1px); } 100% { transform: translateY(0); } } body { position: relative; height: 100%; } body { background: #eee; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; color: #000; margin: 0; padding: 0; } .swiper { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .doubt { list-style: decimal !important; } .pd-heading { color: #000; font-size: 26px; font-weight: 600; } .bg-blue { background: #21115c !important; } .table tr th, .table tr td { padding-left: 20px !important; padding-right: 20px !important; } .whats-app { position: fixed; bottom: 30px; left: 35px; z-index: 1000; } .whats-app a img{ transition: 0.67s; } .whats-app a img:hover { rotate: 1turn; transform: scale(0.89); } .call-app { position: fixed; bottom:35px; right: 70px; z-index: 1000; } .call-app a img{ transition: 0.67s; } .call-app a img:hover { rotate: 1turn; transform: scale(0.89); } @media (max-width:1024px) { .flex-md1-column-reverse{ flex-direction: column-reverse !important; } .text-md-center1{ text-align: center !important; } }