Файловый менеджер - Редактировать - /var/www/aes/style.css
Назад
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900&display=swap'); @charset "utf-8"; @font-face { font-family: 'Modern Antiqua'; font-style: normal; font-weight: 400; font-display: swap; src: url(http://fonts.gstatic.com/s/modernantiqua/v20/NGStv5TIAUg6Iq_RLNo_2dp1sI1E.ttf) format('truetype'); } @font-face { font-family: 'IBM Plex Mono'; font-style: italic; font-weight: 100; font-display: swap; src: url(http://fonts.gstatic.com/s/ibmplexmono/v11/-F6rfjptAgt5VM-kVkqdyU8n1ioStndl.ttf) format('truetype'); } @font-face { font-family: 'IBM Plex Mono'; font-style: italic; font-weight: 200; font-display: swap; src: url(http://fonts.gstatic.com/s/ibmplexmono/v11/-F6sfjptAgt5VM-kVkqdyU8n1ioSGlZFhw.ttf) format('truetype'); } @font-face { font-family: 'IBM Plex Mono'; font-style: italic; font-weight: 300; font-display: swap; src: url(http://fonts.gstatic.com/s/ibmplexmono/v11/-F6sfjptAgt5VM-kVkqdyU8n1ioSflVFhw.ttf) format('truetype'); } @font-face { font-family: 'IBM Plex Mono'; font-style: italic; font-weight: 400; font-display: swap; src: url(http://fonts.gstatic.com/s/ibmplexmono/v11/-F6pfjptAgt5VM-kVkqdyU8n1ioq0g.ttf) format('truetype'); } @font-face { font-family: 'IBM Plex Mono'; font-style: italic; font-weight: 500; font-display: swap; src: url(http://fonts.gstatic.com/s/ibmplexmono/v11/-F6sfjptAgt5VM-kVkqdyU8n1ioSJlRFhw.ttf) format('truetype'); } @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 100; font-display: swap; src: url(http://fonts.gstatic.com/s/ibmplexmono/v11/-F6pfjptAgt5VM-kVkqdyU8n3kwq0g.ttf) format('truetype'); } @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 200; font-display: swap; src: url(http://fonts.gstatic.com/s/ibmplexmono/v11/-F6qfjptAgt5VM-kVkqdyU8n3uAL8lc.ttf) format('truetype'); } @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 300; font-display: swap; src: url(http://fonts.gstatic.com/s/ibmplexmono/v11/-F6qfjptAgt5VM-kVkqdyU8n3oQI8lc.ttf) format('truetype'); } @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(http://fonts.gstatic.com/s/ibmplexmono/v11/-F63fjptAgt5VM-kVkqdyU8n5ig.ttf) format('truetype'); } @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url(http://fonts.gstatic.com/s/ibmplexmono/v11/-F6qfjptAgt5VM-kVkqdyU8n3twJ8lc.ttf) format('truetype'); } @font-face { font-family: 'Single Day'; font-style: normal; font-weight: 400; font-display: swap; src: url(http://fonts.gstatic.com/s/singleday/v13/LYjHdGDjlEgoAcF95EI5jVo.ttf) format('truetype'); } /* ----------------------------------- 01. General CSS -------------------------------------*/ html, body { font-size: 16px; color: #454545; font-family: 'Poppins', sans-serif; vertical-align: baseline; line-height: 1.7; font-weight: 400; overflow-x: hidden; } img { max-width: 100%; height: auto; } p { margin: 0 0 26px; line-height: 1.8; } h1, h2, h3, h4, h5, h6 { font-family: 'Poppins', sans-serif; color: #0a0a0a; 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: #f7fbff; } .gray-bg2 { background: #f8fff4; } .gray-bg3 { background: #F2F8FB; } .gray-bg4 { background: #F8FFF4; } .gray-bg5 { background: #F1F6FC; } .gray-bg6 { background: #f2f8fb; } .blue-bg { /*background-color: #01539f !important;*/ background-color: #1c6c28 !important; } .yellow-bg { background: #ffd600; } .paste-bg { background-color: #00AAE4; } .blue-light { background-color: #F8FFF4; } .white-color { color: #ffffff !important; } .title-color { color: #0a0a0a !important; } .body-color { color: #454545 !important; } .white-bg { background: #fff; } a { color: #007cfb; transition: all 0.3s ease; text-decoration: none !important; outline: none !important; } a:active, a:hover { text-decoration: none; outline: 0 none; color: #007cfb; } ul { list-style: outside none none; margin: 0; padding: 0; } .clear { clear: both; } ::-moz-selection { background: #007cfb; text-shadow: none; color: #ffffff; } ::selection { background: #007cfb; text-shadow: none; color: #ffffff; } .bg1 { background: url(assets/images/bg/choose-us-bg.png); background-position: 1600px 420px; background-repeat: no-repeat; } .bg2 { background: url(assets/images/bg/services-bg1.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; } .bg3 { background: url(assets/images/bg/cleaning-bg.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; } .bg4 { background-image: url(assets/images/bg/process-bg.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; } .bg5 { background-image: url(assets/images/bg/project-bg.jpg); background-repeat: no-repeat; background-size: cover; padding: 120px 0px 253px 0px; } .bg6 { background: url(assets/images/bg/pricing-bg.png); background-position: center center; background-repeat: no-repeat; background-size: cover; } .bg7 { background: url(assets/images/bg/testi-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .bg8 { background: url(assets/images/bg/choose-us-bg.png); background-position: 10% 72%; background-repeat: no-repeat; } .bg9 { background: url(assets/images/about/style3/2.png); background-position: bottom right; background-repeat: no-repeat; } .bg10 { background: url(assets/images/bg/counter-bg3.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .bg11 { background-image: url(assets/images/bg/testi-bg3.jpg); background-position: top left; background-repeat: no-repeat; background-size: cover; } .bg12 { background-image: url(assets/images/bg/quote-bg4.jpg); background-repeat: no-repeat; background-size: cover; } .bg14 { background-image: url(assets/images/bg/icon.png); background-position: 1600px 420px; background-repeat: no-repeat; } .bg15 { background: url(assets/images/bg/counter-bg5.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .bg16 { background: url(assets/images/bg/quote-form-bg.jpg); background-repeat: no-repeat; background-position: bottom left; background-size: cover; } .bg17 { background-color: #00483A; background: url(assets/images/bg/testi-bg5.jpg); background-position: top left; 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: .8; z-index: 999; } .copyright p { font-size: 15px; } body.nav-expanded .offwrap { left: 0%; transition: all 0.8s ease-out 0s; } .home-blue { background: #1A0B8C !important; } .bg-unset { background: unset !important; } .rs-menu-toggle { color: #007cfb; text-align: right; } button { cursor: pointer; } .glyph-icon:before { margin: 0; } .z-index-1 { position: relative; z-index: 1; } ul.listing-style { margin: 0 0 1.5em 2em; } ul.listing-style li { padding-left: 20px; position: relative; margin-top: 8px; } ul.listing-style li:before { content: ""; position: absolute; background: #ffd600; width: 7px; height: 7px; border-radius: 50%; left: 0; top: 12px; } ul.service-list li { padding-left: 32px; position: relative; margin-top: 4px; } ul.service-list li:before { content: "\f058"; font-size: 15px; color: #ff7338; margin: 0; display: inline-block; font-weight: 400; text-align: center; position: absolute; left: 0; top: 0px; font-family: FontAwesome; } ul.dot-list li { padding-left: 25px; position: relative; margin-bottom: 10px; } ul.dot-list li:before { content: ""; position: absolute; background: #007cfb; width: 8px; height: 8px; border-radius: 50%; left: 0; top: 10px; } ul.dot-list.yellow-dot li:before { background: #ffd600; } ul.dot-list.yellow-dot.services-list li { margin-top: 9px; } .brush-list li { padding-left: 35px; position: relative; margin-top: 8px; } .brush-list li:before { content: "\f13f"; font-size: 18px; color: #1C6C28; margin: 0; display: inline-block; font-family: uicons-regular-rounded !important; font-weight: 600; text-align: center; position: absolute; left: 0; top: -2px; } .brush-list.style2 { margin: 0px 0px 6px 0px; padding: 0px 0px 0px 25px; } .brush-list.style2 li:before { color: #01539f; } .brush-list.style3 li:before { color: #01539f; } .rs-features-list .feature-item { display: flex; } .rs-features-list .feature-item .feature-icon { background-color: #ffd600; font-size: 13px !important; width: 30px; height: 30px; line-height: 30px !important; border-radius: 30px 30px 30px 30px !important; padding: 0 0 0 0; text-align: center; min-width: 30px; display: inline-block; } .rs-features-list .feature-item .feature-icon i:before { font-size: 13px; margin: 0; } .rs-features-list .feature-item .rs-feature-text { padding-left: 16px; margin: -6px 0 0; } .rs-features-list .feature-item .rs-feature-text .title { color: #0a0a0a; font-size: 20px; font-weight: 700; line-height: 30px; display: block; margin-bottom: 13px; } .rs-features-list .feature-item .rs-feature-text .title:hover { color: #007cfb; } .rs-features-list .feature-item:hover .feature-icon { background-color: #007cfb; } .rs-features-list .feature-item:hover .feature-icon i { color: #ffffff; } .rs-features-list.feature-style2 .feature-list { margin-bottom: 7px; display: flex; align-items: center; } .rs-features-list.feature-style2 .feature-list .feature-img img { padding: 7px 7px 7px 7px; margin: 0px 8px -7px 0px; width: 51px; } .rs-features-list.feature-style2 .feature-list .feature-text { font-size: 16px; font-weight: 600; line-height: 35px; } .rs-features-list.feature-style3 .feature-item:hover .feature-icon { background-color: #00aae4; } .rs-features-list.feature-style3 .feature-item .rs-feature-text .title:hover { color: #00aae4; } .rs-features-list.feature-style4 .rs-feature-text .title:hover { color: #01539f; } .rs-features-list.feature-style4 .feature-item:hover .feature-icon { background-color: #01539f; } 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: #007cfb; } .pagination-area .nav-link .page-number { padding: 2px 15px 0 20px; line-height: 12px; font-size: 18px; text-decoration: none; transition: all 0.4s ease-in-out 0s; text-align: center; background: 0 0; color: #eee; display: inline-block; vertical-align: top; border-right: 1px solid #e6e6e6; } .pagination-area .nav-link .page-number.border-none { border-right: unset; } .pagination-part { display: inline-block; border: 1px solid #f9f9f9; padding: 11px 0; border-radius: 3px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); background: #fff; } .pagination-part li { padding: 2px 20px 0 21px; line-height: 23px; font-size: 18px; text-decoration: none; transition: all 0.4s ease-in-out 0s; text-align: center; background: 0 0; color: #000; display: inline-block; vertical-align: top; border-right: 1px solid #e6e6e6; } .pagination-part li a { color: #454545; } .pagination-part li:last-child { border-right: unset; } .pagination-part .next-page { position: relative; transition: all 0.4s ease-in-out 0s; padding-right: 12px; } .pagination-part .next-page:before, .pagination-part .next-page:after { content: "\f105"; position: absolute; top: 4px; right: 0; color: #454545; line-height: 16px; font-family: fontawesome; font-size: 12px; } .pagination-part .next-page:before { right: 4px; } .pagination-part .active a { color: #007cfb; } .gridFilter button { font-size: 17px; font-weight: 600; background: 0 0!important; color: #0a0a0a; display: inline-block; transition: .4s; outline: 0; position: relative; padding: 6px 20px 6px 20px; border: 0; } .gridFilter button.active { color: #FFFFFF; background: #BB0B0B !important; } .gridFilter button:hover { color: #FFFFFF; background: #BB0B0B !important; } .gridFilter button + button { margin-left: 20px; } blockquote { margin: 35px 0px !important; padding: 40px 60px; color: #666; position: relative; background: #F7FBFF !important; font-weight: normal; font-style: italic; text-align: left; clear: both; font-weight: 400; border-radius: 8px; } blockquote p { font-size: 18px; margin-bottom: 10px; } blockquote:before { content: "\f129"; font-size: 35px; color: #ffd600; padding-bottom: 0; display: inline-block; font-family: flaticon; font-weight: 400; text-align: center; top: 0; background: 0 0; transform: rotate(180deg); } .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: #007cfb; text-align: center; color: #ffffff; transition: all 0.5s; transition-delay: 0.70s; 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.nav-style2 { position: relative; } .rs-carousel.nav-style2 .owl-nav { display: block; position: absolute; top: -80px; right: 0; } .rs-carousel.nav-style2 .owl-nav .owl-prev, .rs-carousel.nav-style2 .owl-nav .owl-next { display: inline-block; } .rs-carousel.nav-style2 .owl-nav .owl-prev i, .rs-carousel.nav-style2 .owl-nav .owl-next i { transition: all 0.3s ease; } .rs-carousel.nav-style2 .owl-nav .owl-prev i:before, .rs-carousel.nav-style2 .owl-nav .owl-next i:before { font-family: Flaticon; font-size: 22px; } .rs-carousel.nav-style2 .owl-nav .owl-prev:hover i, .rs-carousel.nav-style2 .owl-nav .owl-next:hover i { color: #007cfb; } .rs-carousel.nav-style2 .owl-nav .owl-prev i:before { content: "\f134"; } .rs-carousel.nav-style2 .owl-nav .owl-prev:after { content: "/"; padding: 0 5px 0 5px; position: relative; top: -3px; } .rs-carousel.nav-style2 .owl-nav .owl-next i:before { content: "\f133"; } .rs-carousel .owl-dots { text-align: center; margin-top: 50px; } .rs-carousel .owl-dots .owl-dot { width: 9px; height: 9px; display: inline-block; margin: 0 6px; padding: 3px 0; border-radius: 50px; border: none; transition: all 0.3s ease; background: #007cfb; 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: #007cfb; opacity: 1; } /* no-gutters Class Rules */ .row.no-gutters { margin-right: 0; margin-left: 0; } .row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } /* ------------------------------------ 02. Global Class CSS ---------------------------------------*/ .y-middle { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .y-bottom { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: flex-end; -webkit-align-items: flex-end; align-items: flex-end; } .project-item .vertical-middle { position: relative; z-index: 9; } .vertical-middle { display: table; height: 100%; width: 100%; } .vertical-middle-cell { display: table-cell; vertical-align: middle; } .readon { cursor: pointer; display: inline-block; position: relative; font-size: 16px; font-weight: 500; line-height: 26px; color: #0a0a0a; background: #ffd600; z-index: 1; border-radius: 3px; transition: all 0.4s ease-in-out 0s; overflow: hidden; } .readon.view { padding: 18px 34px; border-radius: 3px; background: #ffd600; } .readon.view:before { background-color: #fff; content: ""; height: 150px; left: -75px; position: absolute; top: -60px; transform: rotate(35deg); transition: all 1600ms cubic-bezier(0.19, 1, 0.22, 1); width: 40px; opacity: 0; } .readon.view:hover { background: #007cfb; color: #ffffff; } .readon.view:hover:before { left: 120%; transition: all 1300ms cubic-bezier(0.19, 1, 0.22, 1); opacity: .25; } .readon.view.read { padding: 14px 36px; } .readon.view.read.paste:hover { background: #00aae4; } .readon.view.contact { padding: 17px 42px; } .readon.view.price { padding: 12px 34px; } .readon.view.price.paste-price:hover { background: #00aae4; } .readon.view.orange { background: #ff7033; color: #ffffff; } .readon.view.orange:hover { background: #ff7033; } .readon.view.discover { background-color: #FFD600; padding: 14px 35px; } .readon.view.discover:hover { background-color: #1C6C28; color: #ffffff; } .readon.view.discover:hover:before { left: 120%; transition: all 1300ms cubic-bezier(0.19, 1, 0.22, 1); opacity: .25; } .readon.view.discover.learn { background-color: #FF7033; color: #ffffff; } .readon.view.requset { font-size: 18px; text-transform: uppercase; padding: 15px 40px 15px 40px; background-color: #FFD600; } .readon.view.requset i { padding-left: 10px; } .readon.view.requset i:before { font-weight: 900; line-height: unset; } .readon.view.requset:hover { background-color: #00aae4; color: #ffffff; } .readon.view.requset-free { padding: 7px 18px 7px 18px; font-size: 14px; font-weight: 500; text-transform: uppercase; border-radius: 5px 5px 5px 5px; color: #000000; background-color: #FFD600; } .readon.view.requset-free i { padding-left: 10px; } .readon.view.requset-free i:before { font-weight: 900; line-height: unset; } .readon.view.requset-free:before { display: none; } .readon.view.requset-free:hover { background-color: #00aae4; color: #ffffff; } .readon.view-more { padding: 12px 25px 12px 25px; font-size: 14px; font-weight: 500; line-height: 1; text-transform: uppercase; color: #111111; background-color: #FFFFFF; border-radius: 0px 0px 0px 0px; } .readon.about { background: #1c6c28; position: relative; padding: 14px 40px 14px 40px; background-color: #1c6c28; border-radius: 5px; color: #FFFFFF; } .readon.about .btn-text { position: relative; z-index: 9; } .readon.about:before { position: absolute; content: ""; bottom: 0; right: 0; transition: 0.4s; z-index: 3; opacity: 1; width: 20px; height: 20px; background: #ffd600; border-radius: 20px 0 0 0; } .readon.about:hover { color: #101010; } .readon.about:hover .btn-text { position: relative; z-index: 9; } .readon.about:hover:before { width: 100%; height: 100%; border-radius: 0; opacity: 1; visibility: visible; background: #ffd100; } .readon.slide-con { padding: 14px 30px; color: #0a0a0a; border-radius: 3px; text-transform: uppercase; font-weight: 500; } .readon.slide-con:hover { background: #fffe2b; } .readon.view-slide { position: relative; background-color: #01539f; padding: 15px 31px; border-radius: unset; } .readon.view-slide span { color: #ffffff; text-transform: uppercase; } .readon.view-slide:after { position: absolute; content: ""; bottom: 0; right: 0; transition: .4s; z-index: 3; opacity: 1; width: 20px; height: 20px; background: #ffd100; border-radius: 20px 0 0; } .readon.view-slide:hover span { color: #0a0a0a; position: relative; z-index: 99; } .readon.view-slide:hover:after { width: 100%; height: 100%; border-radius: 0; opacity: 1; visibility: visible; } /*-- Blog Button Css --*/ .blog-btn a { font-size: 16px; font-weight: 500; color: #0A0A0A; position: relative; display: inline-block; transition: all ease .3s; } .blog-btn a .btn-text { float: left; } .blog-btn a i { background: #ffd600; display: inline-block; padding: 0; border-radius: 50%; width: 24px; height: 24px; line-height: 24px; transform: translateX(5px); margin-left: 5px; transition: all .5s ease; text-align: center; } .blog-btn a i:before { font-size: 20px; color: #01539F; line-height: unset; } .blog-btn a:hover i { transform: translateX(15px) !important; } .blog-btn a:hover i:before { font-size: 20px; color: #0a0a0a; } .blog-button a { text-align: center; display: inline-block; color: #01539f; padding-right: 25px; position: relative; z-index: 1; font-weight: 500; font-size: 15px; } .blog-button a:after { content: "\f121"; position: absolute; font-family: uicons-regular-rounded !important; font-size: 20px; top: -2px; right: 0; opacity: 1; transition: all 0.3s; } .blog-button a:hover:after { right: -5px; opacity: 1; } .services-btn a { font-size: 16px; font-weight: 500; color: #0A0A0A; position: relative; display: inline-block; transition: all ease .3s; } .services-btn a .btn-text { float: left; } .services-btn a i { background: #ffd600; display: inline-block; text-align: center; padding: 0; border-radius: 50%; width: 25px; height: 25px; line-height: 25px; transform: translateX(5px); margin-left: 5px; transition: all .5s ease; } .services-btn a i:before { font-size: 20px; color: #01539F; line-height: unset; } .services-btn a:hover i { transform: translateX(15px) !important; } .services-btn a:hover i:before { font-size: 20px; color: #01539F; } .services-btn2 a i { width: 50px; height: 50px; background: #ff7033; color: #fff; display: block; text-align: center; line-height: 50px; position: absolute; bottom: 0; right: 0; transition: .4s; } .services-btn2 a i:before { margin: 0; font-size: 16px; } /*-- Submit Button Css --*/ .submit-btn { cursor: pointer; display: inline-block; position: relative; font-size: 16px; font-weight: 500; line-height: 26px; color: #0a0a0a; background: #ffd600; z-index: 1; border-radius: 3px; transition: all 0.4s ease-in-out 0s; overflow: hidden; margin: 0; } .submit-btn input[type="submit"] { position: relative; display: inline-block; border-radius: 3px; font-size: 16px; font-weight: 600; cursor: pointer; color: #0A0A0A; padding: 17px 30px; outline: none; transition: all .5s ease; background: 0 0; border: none; } .submit-btn:before { background-color: #fff; content: ""; height: 150px; left: -75px; position: absolute; top: -60px; transform: rotate(35deg); transition: all 1600ms cubic-bezier(0.19, 1, 0.22, 1); width: 40px; opacity: 0; } .submit-btn:hover { background: #ffd600; color: #ffd600; opacity: 0.99; } .submit-btn:hover input[type="submit"]:hover { color: #0A0A0A !important; opacity: .9; } .submit-btn:hover:before { left: 120%; transition: all 1300ms cubic-bezier(0.19, 1, 0.22, 1); opacity: .25; } .submit-btn.submit-btn2 { font-size: 16px; font-weight: 600; background-color: #1c6c28; border-radius: unset; } .submit-btn.submit-btn2 > span.arrow-btn { position: relative; z-index: 3; } .submit-btn.submit-btn2 input[type="submit"] { color: #ffffff; border-radius: unset; } .submit-btn.submit-btn2:before { display: none; } .submit-btn.submit-btn2:after { position: absolute; content: ""; bottom: 0; right: 0; transition: .4s; z-index: 3; opacity: 1; width: 20px; height: 20px; background: #ffd100; border-radius: 20px 0 0; } .submit-btn.submit-btn2:hover input { background: transparent !important; } .submit-btn.submit-btn2:hover input[type="submit"]:hover { color: #01539f !important; opacity: .9; } .submit-btn.submit-btn2:hover:after { width: 100%; height: 100%; border-radius: 0; opacity: 1; visibility: visible; } .submit-btn.submit-btn2:hover > span.arrow-btn { position: relative; z-index: 99; } .submit-btn.submit-btn2.form { background: #01539f; width: 100%; } .submit-btn.submit-btn2.form input[type="submit"] { background: #01539f; font-size: 16px; font-weight: 600; } .submit-btn.submit-btn2.form:after { background: #ffffff; } .submit-btn.submit-btn2.form:hover input[type="submit"]:hover { color: #0A0A0A !important; } .submit-btn.submit-btn2.details input[type="submit"] { font-size: 14px; font-weight: 500; padding: 12px 25px; } .submit-btn.submit-btn2.faq-btn { background-color: #ffd600; border-radius: 3px; } .submit-btn.submit-btn2.faq-btn input[type="submit"] { color: #0a0a0a; border-radius: 3px; } .submit-btn.submit-btn3 { margin: 0; } .submit-btn.submit-btn3 input[type="submit"] { padding: 17px 30px 17px 30px; color: #333333; } .submit-btn.submit-btn3:hover { background: #01539f; color: #ffd600; opacity: .99; } .submit-btn.submit-btn3:hover input[type="submit"]:hover { color: #fff !important; background: #01539f; opacity: .9; } .submit-btn.submit-btn4 { margin: 0; } .submit-btn.submit-btn4 input[type="submit"] { color: #ffffff; background: #ff7033; } .submit-btn.submit-btn4:hover { background: #1c6c28; color: #ffd600; opacity: .99; } .submit-btn.submit-btn4:hover input[type="submit"]:hover { color: #fff !important; background: #01539f; opacity: .9; } .submit-orange-btn { cursor: pointer; display: inline-block; position: relative; font-size: 16px; font-weight: 500; line-height: 26px; color: #0a0a0a; background-color: #FF7033; z-index: 1; border-radius: 4px; transition: all .5s ease; overflow: hidden; width: 100%; } .submit-orange-btn input[type="submit"] { color: #FFFFFF; border-radius: 4px; background-color: #FF7033 !important; padding: 16px 30px 16px 30px !important; box-shadow: 0px 0px 40px 0px rgba(1, 83, 159, 0.23); font-size: 16px !important; font-weight: 600 !important; transition: all .5s ease; } .submit-orange-btn input[type="submit"]:hover { background-color: #F98C5E !important; } .address-wrap .address-icon { display: inline-block; position: relative; height: 70px; width: 70px; line-height: 70px; border-radius: 100%; text-align: center; background: #ffd600; } .address-wrap .address-icon i { text-align: center; color: #0a0a0a; border-radius: 100%; font-size: 30px; font-weight: 900; position: relative; line-height: 70px; z-index: 9; width: 100%; vertical-align: middle; margin-left: 0; height: auto; transform: rotate(-90deg); } .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: #ffd600; } /*Video Icon*/ .rs-videos .animate-border .popup-border { background: #ffd600; width: 80px; height: 80px; line-height: 80px; text-align: center; display: inline-block; border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); } .rs-videos .animate-border .popup-border i { font-size: 20px; line-height: 80px; display: block; color: #01539F; } .rs-videos .animate-border .popup-border:before { content: ""; border: 2px solid #ffd600; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 180px; height: 180px; border-radius: 50%; animation: zoomBig 3.25s linear infinite; -webkit-animation-delay: .75s; animation-delay: .75s; } .rs-videos .animate-border .popup-border:after { content: ""; border: 2px solid #ffd600; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 180px; height: 180px; border-radius: 50%; animation: zoomBig 3.25s linear infinite; -webkit-animation-delay: 0s; animation-delay: 0s; } .rs-videos .animate-border.main-home .popup-border { left: 8%; } .rs-videos .animate-border.main-home.style2 .popup-border { left: 50%; } @keyframes zoomBig { 0% { transform: translate(-50%, -50%) scale(0.5); opacity: 1; border-width: 3px; } 40% { opacity: .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: .5; border-width: 2px; } 65% { border-width: 1px; } 100% { transform: translate(-50%, -50%) scale(1); opacity: 0; border-width: 1px; } } .margin-remove { margin: 0 !important; } .no-gutter { margin-left: 0; margin-right: 0; } .no-gutter [class*="col-"] { padding-left: 0; padding-right: 0; } [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { margin: 0; } .container-fluid { padding-left: 100px; padding-right: 100px; } .container-fluid2 { padding-left: 15px; padding-right: 15px; } .display-table { display: table; height: 100%; width: 100%; } .display-table-cell { display: table-cell; vertical-align: middle; } .relative { position: relative; } .pt-relative { position: relative !important; } .sec-title { position: relative; } .sec-title .sub-text { font-size: 16px; font-weight: 600; line-height: 28px; color: #007cfb; text-transform: uppercase; margin: 0 0 10px; display: block; } .sec-title .sub-text.blue-color { color: #01539f; } .sec-title .sub-text.green-color { color: #1c6c28; } .sec-title .sub-text.green-color.yellow-color { color: #FFD600; } .sec-title .sub-text.title-color { color: #222222; } .sec-title .title { position: relative; font-size: 36px; font-weight: 700; line-height: 46px; color: #0a0a0a; margin: 0; } .sec-title .title span { color: #007cfb; } .sec-title .title span.yellow-color { color: #FFD600; } .sec-title .title.title2 { font-size: 30px; color: #101010; } .sec-title .title.title3 { font-size: 42px; color: #101010; } .sec-title .desc { font-size: 16px; line-height: 30px; font-weight: 400; color: #454545; margin: 0; } .sec-title .line-img { position: absolute; top: 129px; } .sec-title .line-img img { max-width: 160px; } .sec-title .line-img.ser-center { left: 38%; top: 93%; } .sec-title .line-img.cleaner-center { left: 27%; top: 47%; } .sec-title .line-img.process-center { left: 39%; top: 92%; } .sec-title .line-img.process-center img { max-width: 140px; } .sec-title .line-img.project-center { top: 68%; left: 32%; } .sec-title .line-img.pricing-center { top: 93%; left: 42%; } .sec-title .line-img.pricing-center img { max-width: 127px; } .sec-title .line-img.testi-center { left: 37%; top: 44%; } .sec-title .line-img.blog-center { top: 89%; left: 42%; } .sec-title .line-img.blog-center img { max-width: 104px; } .sec-title2 .brush-content { display: flex; align-items: center; } .sec-title2 .brush-content img { padding-right: 12px; width: 55px; } .sec-title2 .brush-content .sub-text { font-size: 17px; font-weight: 600; line-height: 28px; color: #01539F; text-transform: uppercase; margin: 6px 0 0px; display: block; } .sec-title2 .brush-content .sub-text.yellow-color { font-size: 17px; color: #ffd600; } .sec-title2 .brush-content .sub-text.small-text { font-size: 15px; line-height: 25px; } .sec-title2 .brush-content.center-text { justify-content: center; } .sec-title2 .title { font-size: 42px; font-weight: 700; line-height: 52px; color: #101010; margin: 0; } .sec-title2 .title.small { font-size: 36px; } .sec-title2 .title.title2 { font-size: 30px; } .sec-title2 .title.title3 { font-size: 28px; line-height: 38px; } .sec-title2 .desc { font-size: 16px; line-height: 30px; font-weight: 400; color: #333333; margin: 0; } .sec-title2 .view-line { margin: 0; } .sec-title2 .view-line a { color: #01539f; text-decoration: underline; } .sec-title2 .view-line a:hover { color: #ffd600; } .sec-title3 { position: relative; z-index: 1; } .sec-title3 .sub-text { font-size: 20px; line-height: 30px; font-weight: 600; font-family: "Single Day", Sans-serif; color: #00aae4; margin: 0 0 16px; display: block; } .sec-title3 .sub-text.yellow-color { color: #ffd600; } .sec-title3 .title { font-size: 36px; line-height: 46px; font-weight: 700; color: #0a0a0a; margin: 0; } .sec-title3 .title span { color: #00aae4; text-decoration: underline; } .sec-title3 .title span.yellow-color { color: #ffd600; } .sec-title3 .description p { margin: 0px; } .sec-title3 .description:after { content: ""; position: absolute; border: 0; width: 50px; height: 4px; z-index: 9; margin-left: 0; left: 0; bottom: -27px; background: #00aae4; } .sec-title4 .title-img { position: relative; left: 6px; top: 36px; } .sec-title4 .sub-text { font-size: 18px; font-weight: 600; line-height: 28px; color: #0A0A0A; display: block; margin: 0px 0px 15px 0px; } .sec-title4 .title { font-size: 36px; line-height: 50px; font-weight: 700; color: #0a0a0a; margin: 0px 0px 0px 0px; } .sec-title4 .description p { margin: 0; } /* ----------------------- 03. Header Section CSS --------------------------*/ .full-width-header { position: relative; } .full-width-header .rs-header { position: relative; } .full-width-header .rs-header .toolbar-area { background: #F7F7FC; } .full-width-header .rs-header .toolbar-area .toolbar-sl-share li { display: inline-block; font-size: 14px; margin-right: 15px; } .full-width-header .rs-header .toolbar-area .toolbar-sl-share li:last-child { margin-right: 0; } .full-width-header .rs-header .toolbar-area .toolbar-sl-share li a i { font-size: 15px; color: #454545; } .full-width-header .rs-header .toolbar-area .toolbar-sl-share li a i:hover { color: #007cfb; } .full-width-header .rs-header .toolbar-area .clearfix-btn { display: flex; justify-content: flex-end; } .full-width-header .rs-header .toolbar-area .clearfix-btn li { display: inline-block; margin-left: 15px; line-height: 50px; } .full-width-header .rs-header .toolbar-area .clearfix-btn li a i { font-size: 14px; color: #ffffff; } .full-width-header .rs-header .toolbar-area .clearfix-btn li a i:hover { color: #ffd600; } .full-width-header .rs-header .toolbar-area .clearfix-btn .btn-quote { position: relative; line-height: 30px; } .full-width-header .rs-header .toolbar-area .clearfix-btn .btn-quote a { display: block; font-size: 14px; font-weight: 600; padding: 11px 22px; border-radius: 0; margin-left: 15px; transition: all 0.4s ease-in-out 0s; background: #ffd600; color: #0a0a0a; position: relative; overflow: hidden; text-decoration: none; } .full-width-header .rs-header .toolbar-area .clearfix-btn .btn-quote a:before { background-color: #fff; content: ""; height: 150px; left: -75px; position: absolute; top: -60px; transform: rotate(35deg); transition: all 1600ms cubic-bezier(0.19, 1, 0.22, 1); width: 40px; opacity: 0; } .full-width-header .rs-header .toolbar-area .clearfix-btn .btn-quote a:hover { color: #01539f; } .full-width-header .rs-header .toolbar-area .clearfix-btn .btn-quote a:hover:before { left: 120%; transition: all 1300ms cubic-bezier(0.19, 1, 0.22, 1); opacity: .25; } .full-width-header .rs-header .toolbar-area.toolber-style2 { background: #1c6c28; } .full-width-header .rs-header .toolbar-area.toolber-style2 .toolbar-contact .rs-contact-info { /*padding-left: 270px;*/ } .full-width-header .rs-header .toolbar-area.toolber-style2 .toolbar-contact .rs-contact-info li { display: inline-block; line-height: 50px; font-weight: 500; border-right-color: #01539F; color: #ffffff; } .full-width-header .rs-header .toolbar-area.toolber-style2 .toolbar-contact .rs-contact-info li i { font-size: 14px; margin-right: 6px; } .full-width-header .rs-header .toolbar-area.toolber-style2 .toolbar-contact .rs-contact-info li i:before { font-size: 17px; margin-left: 0; position: relative; top: 3px; color: #ffffff; } .full-width-header .rs-header .toolbar-area.toolber-style2 .toolbar-contact .rs-contact-info li a { color: #fff; border-right: 1px solid #ffde33; margin-right: 20px; padding-right: 20px; transition: all 0.4s ease-in-out 0s; font-size: 14px; } .full-width-header .rs-header .toolbar-area.toolber-style2 .toolbar-contact .rs-contact-info li a:hover { color: #ffd600; } .full-width-header .rs-header .toolbar-area.toolber-style2 .toolbar-contact .rs-contact-info li a.no-border { border-right: unset; margin-right: 0; padding-right: 0; } .full-width-header .rs-header .toolbar-area.toolber-style2.toolber-style4 { background: #F7F7FC; } .full-width-header .rs-header .toolbar-area.toolber-style2.toolber-style4 .clearfix-btn li a i, .full-width-header .rs-header .toolbar-area.toolber-style2.toolber-style4 .toolbar-contact ul li i:before, .full-width-header .rs-header .toolbar-area.toolber-style2.toolber-style4 .toolbar-contact ul li a { color: #0a0a0a; } .full-width-header .rs-header .toolbar-area.toolber-style2.toolber-style4 .rs-contact-info li a:hover, .full-width-header .rs-header .toolbar-area.toolber-style2.toolber-style4 .clearfix-btn li a i:hover { color: #007cfb; } .full-width-header .rs-header .toolbar-area.toolber-style3 { background: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .full-width-header .rs-header .toolbar-area.toolber-style3 .topbar-contact li { display: inline-block; color: #ffffff; font-size: 14px; font-weight: 500; line-height: 50px; border-right: 1px solid rgba(255, 255, 255, 0.2); margin-right: 20px; padding-right: 20px; } .full-width-header .rs-header .toolbar-area.toolber-style3 .topbar-contact li i { margin-right: 5px; } .full-width-header .rs-header .toolbar-area.toolber-style3 .topbar-contact li i:before { font-size: 17px; margin-left: 0; position: relative; top: 2px; color: #ffffff; } .full-width-header .rs-header .toolbar-area.toolber-style3 .topbar-contact li a { font-weight: 500; color: #ffffff; font-size: 14px; } .full-width-header .rs-header .toolbar-area.toolber-style3 .topbar-contact li a:hover { color: #81d742; } .full-width-header .rs-header .toolbar-area.toolber-style3 .topbar-contact li:last-child { margin: 0; border: none; } .full-width-header .rs-header .toolbar-area.toolber-style3 .toolbar-sl-share ul .opening { border-right: 1px solid rgba(255, 255, 255, 0.2); } .full-width-header .rs-header .toolbar-area.toolber-style3 .toolbar-sl-share ul .opening em { border-right: unset; margin-right: 5px; color: #ffffff; padding-right: 30px; font-style: normal; } .full-width-header .rs-header .toolbar-area.toolber-style3 .toolbar-sl-share ul .opening em i { margin-right: 8px; } .full-width-header .rs-header .toolbar-area.toolber-style3 .toolbar-sl-share ul .opening em i:before { font-size: 15px; position: relative; top: 2px; color: #ffffff; } .full-width-header .rs-header .toolbar-area.toolber-style3 .toolbar-sl-share ul li { display: inline-block; font-size: 14px; line-height: 50px; margin-right: 12px; } .full-width-header .rs-header .toolbar-area.toolber-style3 .toolbar-sl-share ul li a i { font-size: 14px; color: #ffffff; } .full-width-header .rs-header .toolbar-area.toolber-style3 .toolbar-sl-share ul li a i:hover { color: #81d742; } .full-width-header .rs-header .toolbar-area.toolber-style3 .toolbar-sl-share ul li:last-child { margin: 0; } .full-width-header .rs-header .middle-header { padding-top: 20px; padding-bottom: 20px; } .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: 60px; } .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: 34px; color: #007cfb; } .full-width-header .rs-header .middle-header .rs-contact-info .contact-part .contact-info .info-title { font-size: 16px; font-weight: 600; line-height: 1; padding-top: 2px; color: #0a0a0a; } .full-width-header .rs-header .middle-header .rs-contact-info .contact-part .contact-info .info-des { font-size: 14px; padding-top: 4px; color: #0a0a0a; } .full-width-header .rs-header .middle-header .rs-contact-info .contact-part .contact-info .info-des a { color: #454545; font-size: 14px; } .full-width-header .rs-header .middle-header .rs-contact-info .contact-part .contact-info .info-des a:hover { color: #007cfb; } .full-width-header .rs-header .middle-header .rs-contact-info .contact-part.margin-no { margin-right: 0; } .full-width-header .rs-header .middle-header.middle-header-style2 .rs-contact-info .contact-part .info-icon i:before { color: #00aae4; font-size: 34px; } .full-width-header .rs-header .middle-header.middle-header-style2 .rs-contact-info .contact-part .contact-info .info-des a:hover { color: #00aae4; } .full-width-header .rs-header .menu-area { background: #007cfb; position: relative; 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: none; flex: 1; } .full-width-header .rs-header .menu-area .logo-area img { transition: 0.4s; max-height: 35px; } .full-width-header .rs-header .menu-area .rs-menu-area { display: flex; align-items: center; } .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: 32px; 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: 15px; font-weight: 600; margin-right: 10px; height: 62px; line-height: 62px; padding: 0; color: #ffffff; position: relative; font-family: Poppins; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a:hover { color: #ffd100; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children > a { padding-right: 17px; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children > a:before { content: "+"; position: absolute; left: auto; right: 0; top: 50%; text-align: center; z-index: 9999; font-size: 16px; display: block; cursor: pointer; transform: translateY(-50%); font-weight: 400; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children:hover > a:before { content: "-"; } .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a { color: #ffd100 !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: Poppins; font-size: 14px; color: #0a0a0a; 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: #007cfb; } .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: #007cfb; } .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: #ffd100 !important; } .full-width-header .rs-header .menu-area.sticky { background: #fff; } .full-width-header .rs-header .menu-area.sticky .col-cell.header-logo { display: block; } .full-width-header .rs-header .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li > a { color: #101010; } .full-width-header .rs-header .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li > a:hover { color: #007cfb; } .full-width-header .rs-header .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li.current-menu-item > a { color: #007cfb; } .full-width-header .rs-header .menu-area.sticky .expand-btn-inner ul .sidebarmenu-search a i { display: none; } .full-width-header .rs-header .menu-area.sticky:after { background: unset; } .full-width-header .rs-header .menu-area:after { content: ""; position: absolute; top: 0; right: -50px; width: 34.25%; height: 101%; background: #ffd600; transform: skew(-28deg); z-index: -1; } .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; margin-left: 25px; } .full-width-header .rs-header .expand-btn-inner ul .sidebarmenu-search a i { color: #454545; } .full-width-header .rs-header .expand-btn-inner ul .sidebarmenu-search a i:before { font-size: 20px; line-height: unset; } .full-width-header .rs-header .expand-btn-inner ul .nav-link .nav-expander { padding: 9px 13px 9px; 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 .nav-link .nav-expander .dot-hum { width: 30px; border-radius: 30px; margin: 3px 0; height: 3px; background: #333333; } .full-width-header .rs-header.header-style2 .menu-area .main-menu .rs-menu ul.nav-menu li a { color: #101010; height: 83px; line-height: 83px; } .full-width-header .rs-header.header-style2 .menu-area .main-menu .rs-menu ul.sub-menu li a { height: unset; line-height: unset; } .full-width-header .rs-header.header-style2 .menu-area .main-menu .rs-menu ul li.active a, .full-width-header .rs-header.header-style2 .menu-area .main-menu .rs-menu ul li.current-menu-item > a:before, .full-width-header .rs-header.header-style2 .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a { color: #ff7033 !important; } .full-width-header .rs-header.header-style2 .menu-area .logo-area img { max-height: 50px; /*background: #ffd600;*/ background: #fff; padding: 0px; } .full-width-header .rs-header.header-style2 .menu-area.sticky .logo-area.normal-logo, .full-width-header .rs-header.header-style2 .menu-area .logo-area.sticky-logo { display: none; } .full-width-header .rs-header.header-style2 .menu-area .main-menu .rs-menu ul.nav-menu li a:hover { color: #ff7033 !important; } .full-width-header .rs-header.header-style2 .menu-area { background: unset; } .full-width-header .rs-header.header-style2 .menu-area .row-table .col-cell.header-logo { display: unset; } .full-width-header .rs-header.header-style2 .menu-area:after { display: none; } .full-width-header .rs-header.header-style2 .expand-btn-inner ul .sidebarmenu-search a i { padding-right: 0; } .full-width-header .rs-header.header-style2 .expand-btn-inner ul .nav-link { display: none; } .full-width-header .rs-header.header-style2 .menu-area.sticky .logo-area.sticky-logo { display: block; } .full-width-header .rs-header.header-style2 .menu-area.sticky .logo-area.sticky-logo img { max-height: 50px; margin-top: unset; background: unset; padding: unset; } .full-width-header .rs-header.header-style2 .menu-area.sticky .expand-btn-inner ul .sidebarmenu-search a i { display: block; } .full-width-header .rs-header.header-style2.header-style4 .expand-btn-inner ul .sidebarmenu-search a i { padding-right: 16px; } .full-width-header .rs-header.header-style2.header-style4 .expand-btn-inner ul .nav-link { display: block; padding: unset; } .full-width-header .rs-header.header-style3 .menu-area { background: unset; padding-top: 15px; } .full-width-header .rs-header.header-style3 .menu-area:after { display: none; } .full-width-header .rs-header.header-style3 .menu-area .row-table .col-cell.header-logo { display: flex; flex: 1; } .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 li.current-menu-item > a:before, .full-width-header .rs-header.header-style3 .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a { color: #ffd600 !important; } .full-width-header .rs-header.header-style3 .menu-area .logo-area a .sticky-logo { display: none; } .full-width-header .rs-header.header-style3 .menu-area .logo-area a .normal-logo { display: block; } .full-width-header .rs-header.header-style3 .menu-area .logo-area img { transition: 0.4s; max-height: 60px; position: relative; top: -5px; } .full-width-header .rs-header.header-style3 .menu-area.sticky { padding-top: 10px; } .full-width-header .rs-header.header-style3 .menu-area .main-menu .rs-menu ul.nav-menu li a { height: 75px; line-height: 75px; } .full-width-header .rs-header.header-style3 .menu-area .main-menu .rs-menu ul.sub-menu li a { height: unset; line-height: 25px; } .full-width-header .rs-header.header-style3 .menu-area.sticky .logo-area a .sticky-logo { display: block; } .full-width-header .rs-header.header-style3 .menu-area.sticky .logo-area a .normal-logo { display: none; } .full-width-header .rs-header.header-style3 .menu-area.sticky .logo-area img { max-height: 45px; } .full-width-header .rs-header.header-style3 .expand-btn-inner ul .nav-link { display: none; } .full-width-header .rs-header.header-style3 .expand-btn-inner ul .icon-bar .cart-icon i:before, .full-width-header .rs-header.header-style3 .expand-btn-inner ul .sidebarmenu-search a i { color: #ffffff; } .full-width-header .rs-header.header-style3 .expand-btn-inner ul .btn-quote { position: relative; margin-left: 25px; line-height: 30px; } .full-width-header .rs-header.header-style3 .expand-btn-inner ul .btn-quote a { font-size: 14px; background: #ffd600; border-color: #ffd600; padding: 8px 22px; border-radius: 3px; color: #0a0a0a; font-weight: 500; transition: all 400ms ease 0ms; position: relative; overflow: hidden; display: inline-block; } .full-width-header .rs-header.header-style3 .expand-btn-inner ul .btn-quote a:before { background-color: #fff; content: ""; height: 150px; left: -75px; position: absolute; top: -60px; transform: rotate(35deg); transition: all 1600ms cubic-bezier(0.19, 1, 0.22, 1); width: 40px; opacity: 0; } .full-width-header .rs-header.header-style3 .expand-btn-inner ul .btn-quote a:hover:before { left: 120%; transition: all 1300ms cubic-bezier(0.19, 1, 0.22, 1); opacity: .25; } .full-width-header .rs-header.header-style3.header-home5-style .menu-area .main-menu .rs-menu ul li.active a, .full-width-header .rs-header.header-style3.header-home5-style .menu-area .main-menu .rs-menu ul.nav-menu li a:hover, .full-width-header .rs-header.header-style3.header-home5-style .menu-area .main-menu .rs-menu ul li.current-menu-item > a:before, .full-width-header .rs-header.header-style3.header-home5-style .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a { color: #ff7033 !important; } .full-width-header .rs-header.header-style3.header-home5-style .expand-btn-inner ul .btn-quote a { background: #ff7033; border-color: #ff7033; color: #ffffff; } .full-width-header .rs-header.home4-header-style4 .menu-area { background: #00aae4; } .full-width-header .rs-header.home4-header-style4 .menu-area.sticky .logo-area .mobile-logo { display: none; } .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: #007cfb; } .full-width-header .mobile-menu .rs-menu-toggle.secondary { color: #ffd600; } .full-width-header .mobile-menu .rs-menu-toggle .nav-dots { position: absolute; right: 0; width: 25px; height: 2px; background: #fff; z-index: 11; top: 23px; } .full-width-header .mobile-menu .rs-menu-toggle .dot1, .full-width-header .mobile-menu .rs-menu-toggle .dot3 { width: 15px; } .full-width-header .mobile-menu .rs-menu-toggle .dot2 { top: 28px; } .full-width-header .mobile-menu .rs-menu-toggle .dot3 { top: 34px; } .full-width-header .mobile-menu .rs-menu-toggle .dot4 { top: 40px; } .full-width-header .right_menu_togle { background-image: linear-gradient(90deg, #e2e9f7 0%, #ffffff 100%); padding: 46px 60px 50px 50px; font-size: 1.15em; max-width: 480px; width: 100%; right: -500px; z-index: 999999; transition: all 0.3s ease; position: fixed; overflow-y: auto; } .full-width-header .right_menu_togle .close-btn { overflow: visible; position: absolute; top: 10px; display: block; z-index: 99; right: 57px; cursor: pointer; transition: all .3s ease; } .full-width-header .right_menu_togle .close-btn .nav-close .line { width: 40px; height: 40px; line-height: 40px; } .full-width-header .right_menu_togle .close-btn .nav-close .line span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 1px !important; height: 25px !important; background: #01539f; 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: #007cfb; } .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: 18px; } .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-icon i:before { margin: 0 20px 0 0; font-size: 25px; color: #01539f; } .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content .title { font-size: 16px; line-height: 26px; font-weight: 600; color: #333333; margin-bottom: 5px; } .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em { display: block; font-style: normal; line-height: 22px; font-size: 15px; color: #333333; } .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em a { color: #333333; } .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em a:hover { color: #01539f; } .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: #01539f; width: 35px; height: 35px; line-height: 35px; border-radius: 3px; } .full-width-header .right_menu_togle .canvas-contact .social li a i:hover { opacity: .9; } .full-width-header .right_menu_togle .canvas-contact .social li:last-child { margin: 0; } .full-width-header .mobile-navbar-menu .sub-menu { display: none; position: relative; left: 0; width: 100%; margin: 0; text-align: left; } .full-width-header .mobile-navbar-menu .nav-menu li { position: relative; } .full-width-header .mobile-navbar-menu .nav-menu li a { border-bottom: 1px solid rgba(0, 0, 0, 0.06); display: block; color: #333; padding: 10px 0; line-height: 30px; 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: #007cfb; } body.modal-open { padding: 0 !important; } body .modal.show .modal-dialog { width: 100%; max-width: 500px; } body .search-modal { padding: 0 !important; background: #01539F; } 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: .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 .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.style1 .about-images { position: relative; } .rs-about.style1 .about-images .about-widget { position: absolute; color: #FFFFFF; font-family: "Roboto", Sans-serif; font-size: 16px; font-weight: 600; width: 290px; max-width: 290px; right: 64px; top: 476px; } .rs-about.style1 .about-images .about-widget .about-style { padding: 25px 40px 25px 105px; background-image: url(assets/images/about/style1/ibg.png); background-position: top left; background-repeat: no-repeat; background-size: cover; border-radius: 6px 6px 6px 6px; } .rs-about.style1 .about-img { margin: 0px 0px 0px -42px; } .rs-about.style2 { position: relative; z-index: 11; } .rs-about.style2 .services-item { display: flex; } .rs-about.style2 .services-item .services-icon img { max-width: unset; width: 90px; height: 70px; } .rs-about.style2 .services-item .services-content { padding-left: 24px; } .rs-about.style2 .services-item .services-content .title { font-size: 20px; line-height: 30px; font-weight: 700; color: #101010; margin: 0 0 10px; } .rs-about.style2 .services-item .services-content .desc { color: #101010; margin: 0; } .rs-about.style2 .about-images { position: relative; z-index: 11; } .rs-about.style2 .about-images .about-animation .animation { position: absolute; } .rs-about.style2 .about-images .about-animation .animation.dot-img { right: 54px; top: 30px; z-index: -11; } .rs-about.style2 .about-images .about-animation .animation.cleaning-img { left: -53px; top: -80px; } .rs-about.style2 .about-images .about-animation .animation.cleaning-img img { max-width: 200px; } .rs-about.style2 .about-images .rs-animate-ab2 { position: absolute; right: 48px; bottom: -10px; width: 270px; max-width: 270px; padding: 28px 30px 19px 30px; background-color: #01539F; border-radius: 50px 0px 50px 0px; } .rs-about.style2 .about-images .rs-animate-ab2 .rs-pie-content { display: flex; align-items: center; position: relative; } .rs-about.style2 .about-images .rs-animate-ab2 .rs-pie-content .rs-pie { display: inline-block; position: relative; text-align: center; } .rs-about.style2 .about-images .rs-animate-ab2 .rs-pie-content .rs-pie span { color: #FFFFFF; font-size: 20px; font-weight: 700; display: block; position: absolute; top: 46%; left: 50%; transform: translate(-50%, -50%); } .rs-about.style2 .about-images .rs-animate-ab2 .rs-pie-content .number { font-size: 20px; font-weight: 600; color: #ffffff; line-height: 30px; padding: 0px 0px 0px 23px; margin: -4px 0px 0px 0px; } .rs-about.style3 { position: relative; } .rs-about.style3 .about-img { position: relative; } .rs-about.style3 .about-img .about-widget { position: absolute; width: 220px; max-width: 220px; top: 392px; left: -98px; } .rs-about.style3 .about-img .about-widget .counter-part { padding: 26px 40px 29px 40px; background-color: transparent; background-image: linear-gradient(120deg, #1c6c28 32%, #ffd600 100%); border-radius: 5px 5px 5px 5px; } .rs-about.style3 .about-img .about-widget .counter-part .rs-count { font-size: 68px; line-height: 68px; font-weight: 700; color: #fff; position: relative; display: inline-block; padding-right: 45px; } .rs-about.style3 .about-img .about-widget .counter-part .rs-count:before { content: '+'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .rs-about.style3 .about-img .about-widget .counter-part .title { color: #ffffff; margin: 0; } .rs-about.style3 .rs-animation { position: absolute; left: -31px; top: 15px; } .rs-about.style4 .about-images { position: relative; } .rs-about.style4 .about-images .about-widget { background-color: #1c6c28; width: 275.217px; max-width: 275.217px; bottom: 0px; right: 55px; position: absolute; } .rs-about.style4 .about-images .about-widget .services-item { display: flex; padding: 12px 0px 12px 20px; } .rs-about.style4 .about-images .about-widget .services-item .services-icon img { width: 50px; height: 59px; max-width: unset; } .rs-about.style4 .about-images .about-widget .services-item .services-content { padding: 0px 0px 0px 15px; margin: 12px 0px 0px 0px; } .rs-about.style4 .about-images .about-widget .services-item .services-content .services-desc { font-size: 16px; font-weight: 600; line-height: 1.45em; color: #ffffff; margin-bottom: 0; } /* ------------------------------------ 06. Breadcrumbs Section CSS ---------------------------------------*/ .rs-breadcrumbs { background-repeat: no-repeat !important; background-size: cover !important; background-position: center center !important; } .rs-breadcrumbs .breadcrumbs-inner { /*padding: 196px 0 196px;*/ padding: 130px 0 130px; } .rs-breadcrumbs .breadcrumbs-inner .page-title { font-size: 48px; line-height: 58px; font-weight: 700; color: #ffffff; position: relative; z-index: 1; margin-bottom: 0; } .rs-breadcrumbs .breadcrumbs-inner .page-title:after { content: ""; position: absolute; border: 0; width: 60px; height: 6px; background: #ffd600; z-index: 1; margin-left: 0; left: 0; top: -28px; } .rs-breadcrumbs .breadcrumbs-inner .page-title.title-center:after { margin: 0 auto; right: 0; } .rs-breadcrumbs .breadcrumbs-inner .description p { font-size: 17px; line-height: 27px; font-weight: 500; color: #ffffff; margin: 24px 0px 0px 0px; } .rs-breadcrumbs .breadcrumbs-inner .single-posts-meta li { list-style: none; display: inline-block; padding-right: 10px; color: #fff; font-size: 14px; } .rs-breadcrumbs .breadcrumbs-inner .single-posts-meta li span i { position: relative; font-size: 13px; margin-right: 3px; top: 1px; } .rs-breadcrumbs .breadcrumbs-inner .single-posts-meta .post-cate i { position: relative; top: 1px; margin-right: 3px; } .rs-breadcrumbs .breadcrumbs-inner .single-posts-meta .post-cate a { color: #ffffff; } .rs-breadcrumbs .breadcrumbs-inner .single-posts-meta .post-comment { font-size: 14px; color: #ffffff; } .rs-breadcrumbs .breadcrumbs-inner .single-posts-meta .post-comment i { position: relative; top: 1px; color: #ffffff; } .rs-breadcrumbs.img1 { background: url(assets/images/breadcrumbs/inr-1.jpg); } .rs-breadcrumbs.img2 { background: url(assets/images/breadcrumbs/inr-2.jpg); } .rs-breadcrumbs.img3 { background: url(assets/images/breadcrumbs/inr-3.jpg); } .rs-breadcrumbs.img4 { background: url(assets/images/breadcrumbs/inr-4.jpg); } .rs-breadcrumbs.img5 { background: url(assets/images/breadcrumbs/inr-5.jpg); } .rs-breadcrumbs.contact { background: url(assets/images/breadcrumbs/contact.jpg); } .rs-breadcrumbs.faq { background: url(assets/images/breadcrumbs/faq.jpg); } .rs-breadcrumbs.team { background: url(assets/images/breadcrumbs/team.jpg); } .rs-breadcrumbs.services { background: url(assets/images/breadcrumbs/services.jpg); } /* ------------------------------------ 07. Banner Section CSS ---------------------------------------*/ .rs-banner.banner-main-home { background-image: url(assets/images/banner/style1/banner-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; z-index: 1; } .rs-banner.banner-main-home .content-wrap { padding: 165px 0 160px; } .rs-banner.banner-main-home .content-wrap .sub-title { font-size: 16px; line-height: 25px; font-weight: 600; color: #007cfb; text-transform: uppercase; display: block; margin: 0 0 12px 0; } .rs-banner.banner-main-home .content-wrap .title { font-size: 80px; line-height: 80px; font-weight: 800; color: #0a0a0a; margin: 0 0 10px 0; } .rs-banner.banner-main-home .content-wrap .title-small { font-size: 52px; line-height: 55px; font-weight: 700; color: #007cfb; margin: 0 0 10px 0; } .rs-banner.banner-main-home .content-wrap .title-small span { color: #0a0a0a; } .rs-banner.banner-main-home .content-wrap .description { font-size: 18px; line-height: 28px; font-weight: 500; color: #454545; margin: 0 0 50px 0; } .rs-banner.banner-main-home .banner-animate .circle-animate { position: absolute; } .rs-banner.banner-main-home .banner-animate .circle-animate.big { left: 52%; top: 18%; } .rs-banner.banner-main-home .banner-animate .circle-animate.small { left: 47%; top: 44%; z-index: -11; } .rs-banner.banner-style2 .banner-imgae { background: url(assets/images/banner/banner-4.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; } .rs-banner.banner-style2 .banner-content { background-color: #F2F8FB; padding: 170px 80px 170px 80px; } .rs-banner.banner-style2 .banner-content .title-inner .sub-text { font-size: 20px; font-weight: 600; color: #00aae4; font-family: "Single Day", Sans-serif; margin: 0 0 10px; display: block; } .rs-banner.banner-style2 .banner-content .title-inner .title { font-size: 75px; line-height: 85px; font-weight: 800; color: #0a0a0a; margin: 8px 0px 30px 0px; } .rs-banner.banner-style2 .banner-content .title-inner .title span { color: #00aae4; text-decoration: underline; } .rs-banner.banner-style2 .banner-content .address-wrap { display: flex; align-items: center; } .rs-banner.banner-style2 .banner-content .address-wrap .address-icon { background: #00aae4; margin-right: 20px; } .rs-banner.banner-style2 .banner-content .address-wrap .address-icon i { color: #ffffff; } .rs-banner.banner-style2 .banner-content .address-wrap .address-icon:before { background: #00aae4; } .rs-banner.banner-style2 .banner-content .address-wrap .text .des { font-size: 40px; font-weight: 700; letter-spacing: -2px; color: #111111; } .rs-banner.banner-style3 { background: url(assets/images/banner/style2/banner-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .rs-banner.banner-style3 .banner-content { padding: 260px 0 250px; } .rs-banner.banner-style3 .banner-content .sub-title { font-size: 18px; line-height: 25px; font-weight: 500; color: #ffffff; display: block; margin: 0 0 40px; position: relative; } .rs-banner.banner-style3 .banner-content .sub-title .shape-img { position: absolute; top: -21px; left: 20px; } .rs-banner.banner-style3 .banner-content .title { font-size: 70px; line-height: 90px; font-weight: 700; color: #ffffff; } .rs-banner.banner-style3 .banner-content .title span { color: #ff7033; } .rs-banner.banner-style3 .banner-content .description { font-size: 18px; line-height: 32px; font-weight: 500; color: #ffffff; margin: 0; } .rs-banner.banner-style3 .banner-img { margin: 0 0 0 -65px; } .rs-banner.banner-style3 .banner-img img { position: relative; max-width: 830px; } /* ------------------------------------ 08. Cleaning Section CSS ---------------------------------------*/ .rs-cleaning.cleaning-style .cleaning-part { text-align: center; max-width: 700px; border-radius: 5px; margin: 0 auto; padding: 60px 0 60px; background: #ffffff; } .rs-cleaning.cleaning-style1 .cheaning-img { background-image: url(assets/images/project/details/2.jpg); background-repeat: no-repeat; background-size: cover; padding: 315px 0px 315px 0px; position: relative; } .rs-cleaning.cleaning-style1 .cheaning-img .rs-videos .animate-border .popup-border { left: 50%; top: 50%; transform: translate(-50%, -50%); } /* ------------------------------------ 09. Choose Section CSS ---------------------------------------*/ .rs-choose.choose-style1 .choose-us-section .video-img { position: relative; } .rs-choose.choose-style1 .choose-us-section .video-img .rs-videos { position: absolute; right: 16%; top: 47%; } .rs-choose.choose-style1 .about-choose-us .about-video { background-image: url(assets/images/video/about-video.jpg); background-position: top right; background-repeat: no-repeat; background-size: cover; padding: 310px 0 310px; position: relative; } .rs-choose.choose-style1 .about-choose-us .about-video .rs-videos { position: absolute; left: 15%; bottom: 21%; } .rs-choose.choose-style1.choose-home4-style .rs-videos .overly-border { border: unset; } .rs-choose.choose-style1.choose-home4-style .rs-videos .overly-border a:before { animation: unset; background: #00aae4; } .rs-choose.choose-style1.choose-home4-style .rs-videos .overly-border a i { font-size: 18px; line-height: 80px; display: block; } .rs-choose.choose-style2 .choose-main-part .services-part { padding: 40px 30px 40px 30px; margin: 0 4px 0 0; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #01539F21; position: relative; } .rs-choose.choose-style2 .choose-main-part .services-part .services-icon { margin: 0 0 17px; } .rs-choose.choose-style2 .choose-main-part .services-part .services-icon img { width: 100px; height: 100px; } .rs-choose.choose-style2 .choose-main-part .services-part .services-txt { position: relative; } .rs-choose.choose-style2 .choose-main-part .services-part .services-txt .title { font-size: 20px; line-height: 30px; font-weight: 600; color: #0a0a0a; margin: 0 0 0; } .rs-choose.choose-style2 .choose-main-part .services-part .services-txt .serial-number { position: absolute; left: 160px; top: -120px; color: #FFD6002B; font-family: "Modern Antiqua", Sans-serif; font-size: 61px; font-weight: 900; } .rs-choose.choose-style2 .video-img { background-image: url(assets/images/video/video.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; padding: 480px 0 480px 0; position: relative; } .rs-choose.choose-style2 .video-img .rs-videos .animate-border .popup-border { left: 50%; top: 50%; transform: translate(-50%, -50%); } .rs-choose.choose-style3 .video-img { background-image: url(assets/images/choose/style3/why-choose3.jpg); background-size: cover; background-repeat: no-repeat; padding: 266px 0px 267px 0px; position: relative; } .rs-choose.choose-style3 .video-img .rs-videos .animate-border .popup-border { left: 50%; top: 50%; transform: translate(-50%, -50%); } .rs-choose.choose-style3 .rs-addon-services { background-color: #F8FFF4; padding: 70px 0px 60px 30px; } .rs-choose.choose-style3 .rs-addon-services .services-item { display: flex; } .rs-choose.choose-style3 .rs-addon-services .services-item .services-icon img { width: 60px; height: 60px; max-width: unset; } .rs-choose.choose-style3 .rs-addon-services .services-item .services-content { padding: 0px 0px 20px 30px; } .rs-choose.choose-style3 .rs-addon-services .services-item .services-content .title { font-size: 20px; line-height: 30px; font-weight: 700; color: #0a0a0a; margin: 0 0 10px; } .rs-choose.choose-style3 .rs-addon-services .services-item .services-content .services-txt { margin: 0; } .rs-choose.choose-style4 .services-item { padding: 0px 58px 0px 0px; } .rs-choose.choose-style4 .services-item .services-icon { margin-bottom: 35px; } .rs-choose.choose-style4 .services-item .services-icon img { max-width: unset; width: 70px; height: 70px; left: 0; position: relative; transition: 0.4s; } .rs-choose.choose-style4 .services-item .services-content .title { font-size: 22px; line-height: 32px; font-weight: 700; color: #0a0a0a; margin: 0 0 10px; } .rs-choose.choose-style4 .services-item .services-content .services-txt { margin: 0; } .rs-choose.choose-style4 .services-item:hover .services-icon img { left: 30px; } .rs-choose.choose-style5 .rs-addon-services .services-item { display: flex; padding: 20px 20px 20px 20px; margin: 0px 5px 0px 0px; box-shadow: 0px 0px 10px 0px rgba(216, 211, 211, 0.4); background: #ffffff; } .rs-choose.choose-style5 .rs-addon-services .services-item .services-icon { min-width: 50px; height: 50px; line-height: 40px; border-radius: 50px 50px 50px 50px; background: #ff7033; display: inline-block; text-align: center; transition: all ease .3s; } .rs-choose.choose-style5 .rs-addon-services .services-item .services-icon img { width: 30px; height: 30px; max-width: unset; } .rs-choose.choose-style5 .rs-addon-services .services-item .services-text { padding: 10px 0px 0px 22px; } .rs-choose.choose-style5 .rs-addon-services .services-item .services-text .services-title .title { font-size: 18px; font-weight: 700; line-height: 1.4em; color: #101010; margin: 0; } /* ------------------------------------ 10. Slider Section CSS ---------------------------------------*/ .rs-slider.slide-home-style2 { background: url(assets/images/slider/style1/banner-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; } .rs-slider.slide-home-style2 .content-wrap { padding: 195px 0 195px; } .rs-slider.slide-home-style2 .content-wrap .brush-content { display: flex; align-items: center; } .rs-slider.slide-home-style2 .content-wrap .brush-content img { padding-right: 14px; } .rs-slider.slide-home-style2 .content-wrap .brush-content .sub-text { font-size: 18px; font-weight: 600; line-height: 28px; color: #01539f; text-transform: uppercase; display: block; margin: 0 0 0px; } .rs-slider.slide-home-style2 .content-wrap .title { font-size: 80px; font-weight: 700; line-height: 90px; color: #0a0a0a; margin: 0 0 0px; } .rs-slider.slide-home-style2 .slide-img { position: relative; margin-right: -100px; margin-left: 35px; } .rs-slider.slide-home-style2 .slide-img .slider-item .images-part img { position: relative; max-width: 680px; } .rs-slider.slide-home-style2 .rs-carousel .owl-dots { margin-top: 14px; position: absolute; right: 18%; } .rs-slider.slide-home-style2 .rs-carousel .owl-dots .owl-dot { width: 10px; height: 10px; background: #ffcc00; border: 0px solid #ffcc00; position: relative; } .rs-slider.slide-home-style2 .rs-carousel .owl-dots .owl-dot.active { background: #ffcc00; width: 40px; border-radius: 10px; opacity: unset; } .rs-slider.rs-slider-style3 { overflow: hidden; text-align: left; z-index: 111; text-align: center; position: relative; /*-- Animations Start --*/ /*-- Animations End --*/ } .rs-slider.rs-slider-style3 .desc { font-size: 17px; color: #0a0a0a; max-width: 500px; margin: 25px 0 45px; } .rs-slider.rs-slider-style3 .slider-bottom { display: block; overflow: hidden; } .rs-slider.rs-slider-style3 .slider-bottom .readon { display: inline-block !important; } .rs-slider.rs-slider-style3 .sl-subtitle { -webkit-animation: fadeInDown 1.7s ease-in-out; animation: fadeInDown 1.7s ease-in-out; } .rs-slider.rs-slider-style3 .sl-title { -webkit-animation: fadeInLeft 1.5s ease-in-out; animation: fadeInLeft 1.5s ease-in-out; } .rs-slider.rs-slider-style3 .sl-title-small { -webkit-animation: fadeInLeft 1.6s ease-in-out; animation: fadeInLeft 1.6s ease-in-out; } .rs-slider.rs-slider-style3 .slider-bottom { -webkit-animation: fadeInUp 1.8s ease-in-out; animation: fadeInUp 1.8s ease-in-out; } .rs-slider.rs-slider-style3 .content-part { position: absolute; content: ''; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; } .rs-slider.rs-slider-style3 .content-part .sl-subtitle { font-size: 22px; line-height: 30px; font-weight: 700; text-transform: uppercase; color: #ffd600; margin: 0px 0px 15px 0px; display: block; } .rs-slider.rs-slider-style3 .content-part .sl-title { font-size: 100px; font-weight: 900; line-height: 100px; color: #ffffff; text-transform: uppercase; margin: 0 0 15px; } .rs-slider.rs-slider-style3 .content-part .sl-title-small { font-size: 40px; font-weight: 700; line-height: 58px; color: #ffffff; text-transform: uppercase; margin: 0 0 30px; } .rs-slider.rs-slider-style3 .content-part .slider-bottom li { display: inline-block; margin-right: 25px; } .rs-slider.rs-slider-style3 .content-part .slider-bottom li:last-child { margin-right: 0; } .rs-slider.rs-slider-style3 .nivo-caption { padding: 0; } .rs-slider.rs-slider-style3 .nivo-directionNav > a { background: rgba(0, 0, 0, 0.2); } .rs-slider.rs-slider-style3 .nivo-directionNav > a:before { color: #ffffff; } .rs-slider .sl-wrap { padding: 50px 0; } .rs-slider .nivo-directionNav > a { font-size: 0; width: 60px; height: 60px; line-height: 60px; text-align: center; border-radius: 50%; border: none; background: #f7fbff; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; opacity: 1; } .rs-slider .nivo-directionNav > a.nivo-prevNav, .rs-slider .nivo-directionNav > a.nivo-nextNav { left: 30px; background: #1c6c28; } .rs-slider .nivo-directionNav > a.nivo-prevNav { top: 50%; } .rs-slider .nivo-directionNav > a.nivo-prevNav:before { content: "\f104"; } .rs-slider .nivo-directionNav > a.nivo-nextNav { top: 50%; transform: translateY(-50%); right: 30px; left: unset; } .rs-slider .nivo-directionNav > a.nivo-nextNav:before { content: "\f105"; } .rs-slider .nivo-directionNav > a:before { font-family: FontAwesome; position: absolute; font-size: 28px; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); transition: all 0.3s ease; color: #1c6c28; } .rs-slider .nivo-directionNav > a:hover { opacity: 95; } .rs-slider .nivo-controlNav { position: absolute; bottom: 50px; z-index: 11; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: none !important; } .rs-slider .nivo-controlNav .nivo-control { width: 26px; height: 7px; border: 1px solid #fff; font-size: 0px; display: inline-block; margin-right: 7px; -webkit-transition: .4s ease all; transition: .4s ease all; } .rs-slider .nivo-controlNav .nivo-control.active { background: #1c6c28; border-color: #1c6c28; } .rs-slider.style3 .owl-nav .owl-next, .rs-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.style3 .owl-nav .owl-next i:before, .rs-slider.style3 .owl-nav .owl-prev i:before { content: "\f112"; font-family: Flaticon; } .rs-slider.style3 .owl-nav .owl-next { right: 10px; left: unset; } .rs-slider.style3 .owl-nav .owl-next i:before { content: "\f113"; } /* ------------------------------------ 11. Counter Section CSS ---------------------------------------*/ .rs-counter.about-style .counter-list { display: flex; align-items: center; } .rs-counter.about-style .counter-list .counter-icon { text-align: center; width: 70px; margin: 0px 10px 0px 0px; display: inline-block; padding-right: 15px; } .rs-counter.about-style .counter-list .counter-text .rs-count { font-size: 45px; font-weight: 600; line-height: 66px; padding: 0px 0px 0px 0px; color: #0a0a0a; position: relative; } .rs-counter.about-style .counter-list .counter-text .rs-count:after { content: "+"; position: absolute; top: 50%; transform: translateY(-50%); } .rs-counter.about-style .counter-list .counter-text .title { font-size: 18px; line-height: 18px; font-weight: 500; color: #393636; margin: 0; } .rs-counter.about-style.home-style2 .counter-list .counter-icon { width: 90px; } .rs-counter.about-style.home-style2 .counter-list .counter-text .rs-count { font-size: 50px; color: #ffffff; } .rs-counter.about-style.home-style2 .counter-list .counter-text .title { color: #ffffff; } .rs-counter.about-style.home-style2.home-style6 .counter-list .counter-text .title, .rs-counter.about-style.home-style2.home-style6 .counter-list .counter-text .rs-count { color: #0a0a0a; } .rs-counter.counter-style { position: relative; } .rs-counter.counter-style .rs-counter-list .counter-text { padding: 0px 0px 0px 100px; } .rs-counter.counter-style .rs-counter-list .counter-text .counter-icon { display: inline-block; width: 75px; margin: 0 0 20px 0; } .rs-counter.counter-style .rs-counter-list .counter-text .counter-number .rs-count { font-size: 42px; font-weight: 600; line-height: 45px; color: #ffffff; padding: 0px 0px 0px 0px; } .rs-counter.counter-style .rs-counter-list .counter-text .counter-number .prefix { color: #ffffff; font-size: 42px; font-weight: 600; line-height: 45px; padding: 0px 0px 0px 0px; } .rs-counter.counter-style .rs-counter-list .counter-text .counter-number .title { font-size: 18px; font-weight: 500; color: #ffffff; margin: 0; } .rs-counter.counter-style.counter-home3 .rs-counter-list .counter-text { padding: 0px 0px 0px 0px; display: flex; align-items: center; } .rs-counter.counter-style.counter-home3 .rs-counter-list .counter-text .counter-icon { margin: unset; } .rs-counter.counter-style.counter-home3 .rs-counter-list .counter-text .counter-number { padding-left: 24px; } .rs-counter.counter-style.counter-home3.counter-home5 .rs-counter-list .counter-text .counter-icon { width: 80px; } .rs-counter.counter-style .counter-animation .animate-ball { position: absolute; } .rs-counter.counter-style .counter-animation .animate-ball img { max-width: 55px; } .rs-counter.counter-style .counter-animation .animate-ball.one { left: 6%; top: 21%; } .rs-counter.counter-style .counter-animation .animate-ball.two { left: 6%; bottom: 18%; } .rs-counter.counter-style .counter-animation .animate-ball.three { left: 33%; top: 19%; } .rs-counter.counter-style .counter-animation .animate-ball.four { left: 35%; bottom: 14%; } .rs-counter.counter-style .counter-animation .animate-ball.five { left: 56%; top: 32%; } .rs-counter.counter-style .counter-animation .animate-ball.six { right: 10%; top: 26%; } .rs-counter.counter-style2 .counter-top { position: relative; background: #01539f; padding: 35px 0px 30px 50px; } .rs-counter.counter-style2 .counter-top .rs-counter-list .counter-text .counter-icon { display: inline-block; width: 60px; margin: 0 0 20px 0; } .rs-counter.counter-style2 .counter-top .rs-counter-list .counter-text .counter-number .rs-count { font-size: 36px; font-weight: 600; line-height: 45px; color: #ffffff; padding: 0px 0px 0px 0px; } .rs-counter.counter-style2 .counter-top .rs-counter-list .counter-text .counter-number .prefix { color: #ffffff; font-size: 36px; font-weight: 600; line-height: 45px; padding: 0px 0px 0px 0px; } .rs-counter.counter-style2 .counter-top .rs-counter-list .counter-text .counter-number .title { font-size: 16px; font-weight: 500; color: #ffffff; margin: 0; } .rs-counter.counter-style2 .counter-top .counter-animation .animate-ball { position: absolute; } .rs-counter.counter-style2 .counter-top .counter-animation .animate-ball img { max-width: 40px; } .rs-counter.counter-style2 .counter-top .counter-animation .animate-ball.one { left: 13%; top: 14%; } .rs-counter.counter-style2 .counter-top .counter-animation .animate-ball.two { left: 51%; bottom: 10%; } .rs-counter.counter-style2 .counter-top .counter-animation .animate-ball.three { right: 14%; top: 16%; } /* ------------------------------------ 12. Contact Section CSS ---------------------------------------*/ .rs-contact.contact-style1 { position: relative; } .rs-contact.contact-style1 .shape-divider-bg { position: relative; overflow: hidden; padding-top: 200px; } .rs-contact.contact-style1 .shape-divider-bg:before { content: ""; position: absolute; left: 0; top: 123px; width: 100%; height: 98px; background: #F7F7FC; transform: scale(1.2) rotate(-5deg); } .rs-contact.contact-style1 .widget-viwe-line { background: #F7F7FC; } .rs-contact.contact-style1 .widget-viwe-line .clean-img { position: relative; z-index: 11; text-align: center; } .rs-contact.contact-style1 .widget-viwe-line .clean-img .top-image { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 3; } .rs-contact.contact-style1 .widget-viwe-line .clean-img .rotote-img img { max-width: 540px; } .rs-contact.contact-style1 .space-divider { position: relative; overflow: hidden; padding-top: 200px; } .rs-contact.contact-style1 .space-divider:before { content: ""; position: absolute; left: 0; top: 129px; width: 100%; height: 108px; background: #007CFB; transform: scale(1.2) rotate(-4deg); } .rs-contact.contact-style1 .widget-wrap .rs-requset { padding: 0px 80px 70px; position: relative; z-index: 11; background: #007CFB; } .rs-contact.contact-style1 .widget-wrap .rs-requset .contact-widget .from-control { padding: 15px 20px 15px 20px; border-radius: 5px 5px 5px 5px; font-size: 15px; color: #FFFFFF; border-style: solid; border-color: #1988FA; background-color: #1988FA; width: 100%; max-width: 100%; opacity: 1; } .rs-contact.contact-style1 .widget-wrap .rs-requset .contact-widget .wpcf7-form-control:not(.wpcf7-submit) { padding: 15px 20px 15px 20px; border-radius: 5px 5px 5px 5px; font-size: 15px; color: #FFFFFF; border-style: solid; border-width: 1px 12px 1px 1px; border-color: #1988FA; background-color: #1988FA; width: 100%; max-width: 100%; } .rs-contact.contact-style1 .widget-wrap .rs-requset .contact-widget textarea { height: 120px; } .rs-contact.contact-style1 .widget-wrap .rs-requset .contact-widget ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; opacity: 1; } .rs-contact.contact-style1 .widget-wrap .rs-requset .contact-widget ::-moz-placeholder { /* Firefox 19+ */ color: #fff; opacity: 1; } .rs-contact.contact-style1 .widget-wrap .rs-requset .contact-widget :-ms-input-placeholder { /* IE 10+ */ color: #fff; opacity: 1; } .rs-contact.contact-style1 .widget-wrap .rs-requset .contact-widget :-moz-placeholder { /* Firefox 18- */ color: #fff; opacity: 1; } .rs-contact.contact-style1 .address-wrap { position: absolute; left: 50%; top: 50%; z-index: 11; transform: translate(-50%, -50%); } .rs-contact.contact-style1 .address-wrap .address-icon i { color: #01539f; font-size: 30px; } .rs-contact.contact-style1 .contact-animate .animate-style { position: absolute; left: 4%; top: 2%; } .rs-contact.contact-style2 .contact-section { background-color: #F7FBFFE0; padding: 60px 70px 52px 70px; } .rs-contact.contact-style2 .contact-section .contact-wrap .from-control { padding: 17px 20px 18px 20px; color: #7A7A7A; border-style: solid; border-width: 1px 16px 1px 1px; border-color: #FFFFFF; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.23); background-color: #FFFFFF; width: 100%; opacity: 1; } .rs-contact.contact-style2 .contact-section .contact-wrap .wpcf7-form-control:not(.wpcf7-submit) { padding: 17px 20px 18px 20px; color: #7A7A7A; border-style: solid; border-width: 1px 16px 1px 1px; border-color: #FFFFFF; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.23); background-color: #FFFFFF; width: 100%; opacity: 1; } .rs-contact.contact-style2 .contact-section .contact-wrap textarea { height: 120px; } .rs-contact.contact-style2 .contact-section .contact-wrap ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #454545; opacity: 0.79; } .rs-contact.contact-style2 .contact-section .contact-wrap ::-moz-placeholder { /* Firefox 19+ */ color: #454545; opacity: 0.79; } .rs-contact.contact-style2 .contact-section .contact-wrap :-ms-input-placeholder { /* IE 10+ */ color: #454545; opacity: 0.79; } .rs-contact.contact-style2 .contact-section .contact-wrap :-moz-placeholder { /* Firefox 18- */ color: #454545; opacity: 0.79; } .rs-contact.contact-style2 .contact-info-box { position: relative; padding: 40px 40px 114px 40px; background-color: #1c6c28; z-index: 11; } .rs-contact.contact-style2 .contact-info-box .sec-title .title { position: relative; color: #01539f; z-index: 33; } .rs-contact.contact-style2 .contact-info-box .address-item { display: flex; } .rs-contact.contact-style2 .contact-info-box .address-item .address-icon { margin-right: 15px; } .rs-contact.contact-style2 .contact-info-box .address-item .address-icon i { font-size: 30px; color: #ffd600; } .rs-contact.contact-style2 .contact-info-box .address-item .address-text { margin-top: -5px; } .rs-contact.contact-style2 .contact-info-box .address-item .address-text .label { font-size: 20px; font-weight: 600; color: #ffffff; display: block; margin: 0px 0px 7px 0px; } .rs-contact.contact-style2 .contact-info-box .address-item .address-text a { color: #ffffff; } .rs-contact.contact-style2 .contact-info-box .address-item .address-text a:hover { color: #ffd600; } .rs-contact.contact-style2 .contact-info-box .address-item .address-text .des { color: #ffffff; } .rs-contact.contact-style2 .contact-info-box:after { border-color: #FFD600; position: absolute; height: 280px; width: 100%; clip-path: polygon(0 0, 100% 0, 29% 59%, 0 33%); left: -1px; background-color: #FFD600; top: -1px; content: ""; } .rs-contact.contact-style2.contact-home5-style .contact-section { background-color: #FFFFFFE0; } .rs-contact.contact-style2.contact-home5-style .contact-info-box:after { border-color: #ff7033; background-color: #ff7033; } .rs-contact.contact-style2.contact-home5-style .contact-info-box .sec-title .title { color: #ffffff; } .rs-contact.contact-style2.contact-home5-style .contact-info-box { background-color: #1c6c28; } .rs-contact.contact-style2.contact-home5-style .contact-info-box .address-item .address-text a:hover, .rs-contact.contact-style2.contact-home5-style .contact-info-box .address-item .address-icon i { color: #ff7033; } .rs-contact.contact-style3 .rs-contact-box .address-item { display: flex; position: relative; } .rs-contact.contact-style3 .rs-contact-box .address-item .address-icon { display: inline-block; position: relative; background: #1c6c28; text-align: center; margin-top: 6px; width: 40px; margin-right: 26px; background-color: #1c6c28; min-width: 60px; height: 60px; line-height: 60px !important; box-shadow: 7px 5px 30px 0px rgba(72, 73, 121, 0.05); border-radius: 30px 30px 30px 30px; } .rs-contact.contact-style3 .rs-contact-box .address-item .address-icon img { width: 30px; } .rs-contact.contact-style3 .rs-contact-box .address-item .address-content .label { font-size: 18px; font-weight: 600; color: #111111; margin: 0px 0px 0px 0px; display: block; } .rs-contact.contact-style3 .rs-contact-box .address-item .address-content .des { color: #666666; } .rs-contact.contact-style3 .contact-drop-line { background-color: #1c6c28; padding: 45px 50px 45px 50px; border-radius: 5px 5px 5px 5px; } .rs-contact.contact-style3 .contact-drop-line .heading-inner-title .title { font-size: 24px; line-height: 34px; font-weight: 700; color: #FFFFFF; margin: 0px 0px 0px 0px; } .rs-contact.contact-style3 .contact-drop-line .from-control { width: 100%; padding: 15px 25px 15px 25px; color: #D8D6D6; border-style: solid; border-width: 1px 10px 1px 1px; border-color: #0b4b14; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.022); background-color: #0b4b14; max-width: 100%; border: 1px solid #0b4b14; opacity: 1; } .rs-contact.contact-style3 .contact-drop-line .wpcf7-form-control:not(.wpcf7-submit) { width: 100%; padding: 15px 25px 15px 25px; color: #D8D6D6; border-style: solid; border-width: 1px 10px 1px 1px; border-color: #0b4b14; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.022); background-color: #0b4b14; border: 1px solid #0b4b14; } .rs-contact.contact-style3 .contact-drop-line textarea { height: 120px; } .rs-contact.contact-style3 .contact-drop-line ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; opacity: 0.55; } .rs-contact.contact-style3 .contact-drop-line ::-moz-placeholder { /* Firefox 19+ */ color: #fff; opacity: 0.55; } .rs-contact.contact-style3 .contact-drop-line :-ms-input-placeholder { /* IE 10+ */ color: #fff; opacity: 1; } .rs-contact.contact-style3 .contact-drop-line :-moz-placeholder { /* Firefox 18- */ color: #fff; opacity: 0.55; } .rs-contact.contact-style3 .map-canvas { overflow: hidden; } .rs-contact.contact-style3 .map-canvas iframe { float: left; width: 100%; border: none; height: 453px; } .rs-contact.contact-style4 .request-estimate { margin: 0px 0px 30px -100px; } .rs-contact.contact-style4 .contact-wrap { background: #1c6c28; padding: 55px 50px 55px 50px; } .rs-contact.contact-style4 .contact-wrap .form-group label { font-size: 15px; font-weight: 600; color: #FFFFFFD1; display: block; margin-bottom: 0.6rem; } .rs-contact.contact-style4 .contact-wrap .form-group .form-control-mod { width: 100%; margin-bottom: 20px; padding: 12px 25px 12px 15px; font-size: 16px; color: #FFFFFFD1; border-style: solid; border-width: 1px 10px 1px 1px; border-color: #0b4b14; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.22); background-color: #0b4b14; margin-bottom: 0; } .rs-contact.contact-style4 .contact-wrap .form-group .wpcf7-form-control:not(.wpcf7-submit) { width: 100%; margin-bottom: 20px; padding: 12px 25px 12px 15px; font-size: 16px; color: #FFFFFFD1; border-style: solid; border-width: 1px 10px 1px 1px; border-color: #0b4b14; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.22); background-color: #0b4b14; margin-bottom: 0; } .rs-contact.contact-style4 .contact-wrap .form-group textarea { height: 120px; } .rs-contact.contact-style4 .address-list-item { display: flex; margin: 24px 50px 0px 0px; padding: 30px 30px 30px 30px; background-color: #1c6c28; } .rs-contact.contact-style4 .address-list-item .address-icon img { max-width: unset; width: 50px; height: 50px; } .rs-contact.contact-style4 .address-list-item .address-content { padding: 0px 0px 0px 23px; } .rs-contact.contact-style4 .address-list-item .address-content .address-title .title { font-size: 24px; line-height: 34px; font-weight: 700; margin: 0 0 10px; color: #ffffff; } .rs-contact.contact-style4 .address-list-item .address-content .services-txt { margin: 0; color: #ffffff; } .rs-contact.contact-style5 .contact-section { background: #1c6c28; padding: 50px 50px 50px 50px; border-radius: 5px 5px 5px 5px; } .rs-contact.contact-style5 .contact-section .from-control { width: 100%; padding: 13px 15px 13px 15px; font-size: 16px; color: #D8D6D6; border-style: solid; border-width: 1px 10px 1px 1px; border-color: #0b4b14; background-color: #0b4b14; max-width: 100%; opacity: 1; } .rs-contact.contact-style5 .contact-section textarea { height: 120px; } .rs-contact.contact-style5 .contact-section .wpcf7-form-control:not(.wpcf7-submit) { width: 100%; padding: 13px 15px 13px 15px; font-size: 16px; color: #D8D6D6; border-style: solid; border-width: 1px 10px 1px 1px; border-color: #0b4b14; background-color: #0b4b14; max-width: 100%; opacity: 1; } .rs-contact.contact-style5 .contact-section ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #D8D6D6; opacity: 1; } .rs-contact.contact-style5 .contact-section ::-moz-placeholder { /* Firefox 19+ */ color: #D8D6D6; opacity: 1; } .rs-contact.contact-style5 .contact-section :-ms-input-placeholder { /* IE 10+ */ color: #D8D6D6; opacity: 1; } .rs-contact.contact-style5 .contact-section :-moz-placeholder { /* Firefox 18- */ color: #D8D6D6; opacity: 1; } /* ------------------------------------ 13. Newsletter Section CSS ---------------------------------------*/ .rs-newsletter.newsletter-style1 .newsletter-form input { font-size: 15px; font-weight: 500; padding: 17px 7px 17px 17px; background: #ffffff; box-shadow: 0px 0px 40px 0px rgba(1, 83, 159, 0.23); width: 100%; border: none; overflow: hidden; } .rs-newsletter.newsletter-style1 .newsletter-form .wpcf7-form-control:not(.wpcf7-submit) { padding: 18px 7px 18px 17px; width: 100%; max-width: 100%; font-size: 15px; font-weight: 500; color: #333333; border-style: solid; border-width: 0px 14px 0px 0px; border-color: #FFFFFF; background-color: #FFFFFF; } .rs-newsletter.newsletter-style1 .newsletter-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #333333; opacity: 1; } .rs-newsletter.newsletter-style1 .newsletter-form ::-moz-placeholder { /* Firefox 19+ */ color: #333333; opacity: 1; } .rs-newsletter.newsletter-style1 .newsletter-form :-ms-input-placeholder { /* IE 10+ */ color: #333333; opacity: 1; } .rs-newsletter.newsletter-style1 .newsletter-form :-moz-placeholder { /* Firefox 18- */ color: #333333; opacity: 1; } .rs-newsletter.newsletter-style1.newsletter-style2 .newsletter-form input { border-radius: 4px 4px 4px 4px; } .rs-newsletter.newsletter-style1.newsletter-style2 .newsletter-form .wpcf7-form-control:not(.wpcf7-submit) { border-radius: 4px 4px 4px 4px; color: unset; } /* ------------------------------------ 14. Video Section CSS ---------------------------------------*/ .rs-videos { position: relative; } .rs-videos .overly-border { border: 1px solid #ffd600; border-radius: 50%; width: 100px; height: 100px; top: 40%; left: 50%; transform: translate(-50%, -50%); position: absolute; } .rs-videos .overly-border a { position: absolute; transform: translateX(-50%) translateY(-50%); box-sizing: content-box; display: block; width: 80px; height: 80px; border-radius: 50%; line-height: 90px; padding: 0; margin: 0 auto; left: 50%; top: 50%; z-index: 9; text-align: center; background: #007cfb; } .rs-videos .overly-border a i { font-size: 30px; line-height: 80px; color: #ffd600; position: relative; z-index: 1; } .rs-videos .overly-border a:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; border-radius: 50%; animation: pulse-border 1500ms ease-out infinite; transition: all 0.3s ease; background: #007cfb; } .rs-videos .overly-border a:after { content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; border-radius: 50%; transition: all 200ms; animation: pulse-border 1.5s ease-out infinite; } /*-------------------------------------------------------------- Video CSS --------------------------------------------------------------*/ @keyframes pulse-border { 0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } /* ------------------------------------ 15. Process Section CSS ---------------------------------------*/ .rs-process.process-style1 .all-process-item { background-image: url(assets/images/process/style1/process-line.png); background-size: contain; background-repeat: no-repeat; text-align: center; background-position: 0 22px; } .rs-process.process-style1 .all-process-item .process-item { padding: 0 10px 0 10px; position: relative; z-index: 11; } .rs-process.process-style1 .all-process-item .process-item .icon-image { width: 160px; height: 160px; line-height: 160px; border-style: solid; border-width: 6px 0px 0px 6px; border-color: #007BF9; background-color: #FFFFFF; border-radius: 160px 160px 160px 160px; display: inline-block; } .rs-process.process-style1 .all-process-item .process-item .icon-image i { max-width: unset; width: 60px; height: 60px; } .rs-process.process-style1 .all-process-item .process-item .number-area { position: absolute; left: 59%; top: -25px; color: #FFD1004D; font-size: 60px; font-weight: 700; z-index: -11; } .rs-process.process-style1 .all-process-item .process-item .number-area.number-style2 { left: 63%; top: 63px; } .rs-process.process-style1 .all-process-item .process-item .content-txt .number-title { font-size: 22px; line-height: 32px; font-weight: 700; color: #0a0a0a; margin: 42px 0 15px 0; } .rs-process.process-style1 .all-process-item .process-item .content-txt .number-txt { margin: 0; } .rs-process.process-style1.process-about-style { position: relative; } .rs-process.process-style1.process-about-style .all-process-item { background-image: url(assets/images/process/style2/process-line.png); background-position: 0 5px; } .rs-process.process-style1.process-about-style .all-process-item .process-item .icon-image img { max-width: unset; width: 60px; height: 60px; transform: rotate(45deg); position: relative; } .rs-process.process-style1.process-about-style .all-process-item .process-item .icon-image { position: relative; z-index: 3; transform: rotate(-45deg); border-width: 6px 0px 0px 0px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.09); } .rs-process.process-style1.process-about-style .all-process-item .process-item .number-area { left: 60%; top: 4px; color: #FFD1004D; font-size: 60px; font-weight: 700; } .rs-process.process-style1.process-about-style .all-process-item .process-item .number-area.number-two { top: 20%; left: 64%; } .rs-process.process-style1.process-about-style .process-animate .process-style { position: absolute; } .rs-process.process-style1.process-about-style .process-animate .process-style.left-side { left: 1%; top: 13%; } .rs-process.process-style1.process-about-style .process-animate .process-style.right-side { right: 2%; bottom: 7%; } .rs-process.process-style2 { position: relative; } .rs-process.process-style2 .services-item { position: relative; text-align: center; } .rs-process.process-style2 .services-item .icon-image { background-image: url(assets/images/process/style3/icon-bg.png); background-position: center center; background-repeat: no-repeat; background-size: cover; min-width: 160px; height: 160px; line-height: 114px !important; margin-bottom: 12px !important; display: inline-block; } .rs-process.process-style2 .services-item .icon-image img { width: 60px; height: 60px; max-width: unset; } .rs-process.process-style2 .services-item .number-area { position: absolute; left: 46%; top: 115px; color: #FFFFFF; font-size: 28px; font-weight: 600; } .rs-process.process-style2 .services-item .content-text .title { font-size: 22px; line-height: 32px; font-weight: 700; color: #0a0a0a; margin: 15px 0 10px; } .rs-process.process-style2 .services-item .content-text .services-txt { margin: 0; } .rs-process.process-style2 .rs-arrow-animate .arrow-style { position: absolute; } .rs-process.process-style2 .rs-arrow-animate .arrow-style.one { left: 36%; top: 54%; } .rs-process.process-style2 .rs-arrow-animate .arrow-style.two { left: 58%; top: 54%; } /* ------------------------------------ 16. Project Section CSS ---------------------------------------*/ .rs-project.project-style1 { margin-top: -320px; } .rs-project.project-style1 .project-item { position: relative; overflow: hidden; } .rs-project.project-style1 .project-item .project-img { position: relative; } .rs-project.project-style1 .project-item .project-img:before { content: ""; position: absolute; bottom: -40px; left: 0; width: 100%; height: 0; background: #007BF9; visibility: hidden; transition: all 0.4s ease 0s; transform: rotate(-10deg) scale(1.2); } .rs-project.project-style1 .project-item .project-content { position: relative; padding: 0; width: 100%; border-top: 0; z-index: 11; left: 0; bottom: 0; transition: .6s; height: 100%; left: 50%; transform: translateX(-50%); padding: 0 35px; text-align: left; } .rs-project.project-style1 .project-item .project-content .project-inner { position: absolute; width: 100%; transition: .6s; z-index: 9; bottom: 6px; opacity: 0; visibility: hidden; } .rs-project.project-style1 .project-item .project-content .project-inner .title { font-size: 20px; line-height: 30px; font-weight: 600; margin-bottom: 5px; } .rs-project.project-style1 .project-item .project-content .project-inner .title a { color: #ffffff; } .rs-project.project-style1 .project-item .project-content .project-inner .title a:hover { color: #ffd600; } .rs-project.project-style1 .project-item .project-content .project-inner .category { font-size: 16px; font-weight: 400; display: block; color: #ffffff; } .rs-project.project-style1 .project-item .project-content .p-icon { position: absolute; transition: .6s; right: 0px; bottom: 142px; opacity: 0; visibility: hidden; z-index: 9; } .rs-project.project-style1 .project-item .project-content .p-icon i { width: 50px; height: 50px; border-radius: 50px; background: #ffd600; line-height: 55px; color: #fff; text-align: center; display: block; } .rs-project.project-style1 .project-item .project-content .p-icon i:before { font-size: 18px; color: #007cfb; } .rs-project.project-style1 .project-item:hover .project-img:before { opacity: 1; visibility: visible; height: 167px; } .rs-project.project-style1 .project-item:hover .project-content .project-inner { bottom: 24px; opacity: 1; visibility: visible; } .rs-project.project-style1 .project-item:hover .project-content .p-icon { right: 30px; opacity: 1; visibility: visible; } .rs-project.project-style1 .rs-carousel .owl-dots .owl-dot { background: #01539f; } .rs-project.project-style1 .rs-carousel .owl-dots .owl-dot.active { background: #ffd600; } .rs-project.project-style1.project-style2 { margin-top: unset; } .rs-project.project-style1.project-style2 .project-item .project-content .p-icon i { background: #061340; } .rs-project.project-style1.project-style2 .project-item .project-content .p-icon i:before { color: #ffffff; } .rs-project.project-style1.project-style2 .rs-carousel .owl-dots .owl-dot { background: #01539F; } .rs-project.project-style1.project-style3 { margin-top: unset; } .rs-project.project-style1.project-style3 .project-item .project-img:before { background: #01539f; } .rs-project.project-style1.project-style3 .project-item .project-content .p-icon i:before { color: #01539f; } .rs-project.project-style1.project-style4 { margin-top: unset; } .rs-project.project-style1.project-style4 .project-item .project-img:before { background: #1c6c28; } .rs-project.project-style1.project-style4 .project-item .project-content .p-icon i:before { color: #01539f; } .rs-project.project-style1.project-style4 .project-item .project-content .p-icon i:before { color: #0a0a0a; } .rs-project.project-style1.project-style5 { margin-top: unset; } .rs-project.project-style1.project-style5 .project-item .project-img:before { background: #00aae4; } .rs-project.project-style1.project-style5 .project-item .project-content .p-icon i:before { color: #00aae4; } .rs-project.project-style1.project-style5 .project-item .project-content .p-icon i:before { color: #0a0a0a; } .rs-project.project-style1.project-style6 { margin-top: unset; } .rs-project.project-style1.project-style6 .project-item .project-content .p-icon i:before { color: #ffffff; } .rs-project.project-style1.project-style6 .project-item .project-content .p-icon i { background: #ff7033; } .rs-project.project-style1.project-style6 .project-item .project-img:before { background: #1c6c28; } .rs-project.project-style1.project-style6 .rs-carousel .owl-dots .owl-dot, .rs-project.project-style1.project-style6 .rs-carousel .owl-dots .owl-dot.active { background: #1c6c28; } .project-information { background-image: url(assets/images/bg/project-bg3.jpg); background-position: top right; background-repeat: no-repeat; background-size: cover; padding: 44px 35px 67px 35px; } .project-information .project-title .title { position: relative; font-size: 24px; font-weight: 700; line-height: 26px; margin: 0px 0px 23px 0px; padding-bottom: 18px; z-index: 1; } .project-information .project-title .title:before { content: ""; position: absolute; background: #01539f; border: 0; width: 50px; height: 4px; z-index: 9; margin-left: 0; left: 0; bottom: 0; } .project-information .project-content .title { font-size: 20px; line-height: 30px; font-weight: 600; color: #0a0a0a; margin: 0px 0px 0px 0px; } .project-information .project-content .description { margin: 0px 0px 0px 0px; } /* ------------------------------------ 17. Skill-bar Section CSS ---------------------------------------*/ .rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar-title { font-size: 16px; line-height: 6px; font-weight: 400; color: #454545; } .rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar { background: #fff; border: 1px solid #01539f; height: 8px; border-radius: 0; overflow: visible; padding: 1px; margin: 10px 0 20px; position: relative; width: 100%; } .rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar .skillbar-bar { height: 4px; line-height: 4px; background-color: #007bff; background-image: linear-gradient(250deg, #ffd600 19%, #03228f 100%); 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: 35px; top: -38px; font-size: 16px; font-weight: 400; color: #0a0a0a; } .rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar.margin-no { margin: 10px 0 0; } .rs-skillbar.skillbar-style2 .cl-skill-bar .skillbar-title { font-size: 16px; line-height: 6px; font-weight: 600; color: #212121; } .rs-skillbar.skillbar-style2 .cl-skill-bar .skillbar { background-color: #00483A40; height: 7px; line-height: 7px; margin: 10px 0 24px; overflow: visible; position: relative; width: 100%; } .rs-skillbar.skillbar-style2 .cl-skill-bar .skillbar .skillbar-bar { height: 7px; line-height: 7px; background-color: #00483A; margin-bottom: 0; overflow: visible !important; width: 0; } .rs-skillbar.skillbar-style2 .cl-skill-bar .skillbar .skill-bar-percent { height: 30px; line-height: 30px; position: absolute; right: 0px; top: -38px; font-size: 16px; font-weight: 700; color: #0a0a0a; } .rs-skillbar.skillbar-style2 .cl-skill-bar .skillbar.margin-no { margin: 10px 0 0; } /* ------------------------------------ 18. Services Section CSS ---------------------------------------*/ .rs-services.services-style1 .services-item .services-images { position: relative; border-radius: 4px 4px 0px 0px !important; display: inline-block; transition: all ease .3s; } .rs-services.services-style1 .services-item .services-images .main-img { width: 100%; height: auto; transition: all 0.5s; } .rs-services.services-style1 .services-item .services-images .services-icon { background: #ffd600; right: 12px; bottom: 12px; position: absolute; transition: 0.5s; border-radius: 8px; width: 85px; height: 85px; text-align: center; line-height: 78px; } .rs-services.services-style1 .services-item .services-images .services-icon .main-icons { max-width: 50px; width: 100%; height: auto; } .rs-services.services-style1 .services-item .services-text { background: #ffffff; padding: 35px 35px 25px 35px; } .rs-services.services-style1 .services-item .services-text .services-title .title { font-size: 22px; line-height: 32px; font-weight: 700; margin: 0 0 10px; } .rs-services.services-style1 .services-item .services-text .services-title .title a { color: #0a0a0a; } .rs-services.services-style1 .services-item .services-text .services-title .title a:hover { color: #007cfb; } .rs-services.services-style1 .services-item .services-text .services-txt { margin: 0 0 20px; } .rs-services.services-style1 .services-item .services-text .services-btn a i:before { color: #0a0a0a; } .rs-services.services-style1 .services-item .services-text .services-btn a:hover { color: #007cfb; } .rs-services.services-style1 .services-item:hover .services-images .services-icon { bottom: 20px; } .rs-services.services-style1.services-inner-style1 .services-item { box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.09); } .rs-services.services-style1.services-inner-style1 .services-item .services-text .services-title .title a:hover, .rs-services.services-style1.services-inner-style1 .services-item .services-text .services-btn a:hover { color: #01539f; } .rs-services.services-style2 { position: relative; } .rs-services.services-style2 .services-slider .services-item { background: #ffffff; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #01539F21; padding: 67px 40px 67px 40px; border-radius: 3px 3px 3px 3px; text-align: center; } .rs-services.services-style2 .services-slider .services-item .services-img { text-align: center; } .rs-services.services-style2 .services-slider .services-item .services-img a { position: relative; display: inline-block; } .rs-services.services-style2 .services-slider .services-item .services-img a img { width: 90px; padding: 17px 17px 17px 17px; left: 35px; position: relative; z-index: 1; transition: all .5s ease; } .rs-services.services-style2 .services-slider .services-item .services-img a:before { content: ""; position: absolute; background: #ffd600; width: 100%; height: 100%; border-radius: 50%; display: block; margin: 0 auto; transform: translateX(-50%); left: 50%; z-index: 0; } .rs-services.services-style2 .services-slider .services-item .services-content .title { font-size: 22px; line-height: 32px; font-weight: 700; margin: 30px 0 15px; } .rs-services.services-style2 .services-slider .services-item .services-content .title a { color: #101010; } .rs-services.services-style2 .services-slider .services-item .services-content .title a:hover { color: #ffd600; } .rs-services.services-style2 .services-slider .services-item .services-content .description { color: #333333; margin: 0 0 35px; } .rs-services.services-style2 .services-slider .services-item .services-content .services-btn a .btn-text { color: #0a0a0a; } .rs-services.services-style2 .services-slider .services-item .services-content .services-btn a i:before { color: #01539f; } .rs-services.services-style2 .services-slider .services-item:hover .services-img a img { left: 0; } .rs-services.services-style2 .owl-item.center .services-slider .services-item { background: #1c6c28; } .rs-services.services-style2 .owl-item.center .services-slider .services-item .services-img { text-align: center; } .rs-services.services-style2 .owl-item.center .services-slider .services-item .services-img a img { left: 0; } .rs-services.services-style2 .owl-item.center .services-slider .services-item .services-content .services-btn a .btn-text, .rs-services.services-style2 .owl-item.center .services-slider .services-item .services-content .title a, .rs-services.services-style2 .owl-item.center .services-slider .services-item .services-content .description { color: #ffffff; } .rs-services.services-style2 .owl-nav .owl-next, .rs-services.services-style2 .owl-nav .owl-prev { position: absolute; top: 50%; transform: translateY(-50%); left: 20px; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; font-family: uicons-regular-rounded !important; background: #ffd600; box-shadow: 0 6px 25px #eee; text-align: center; color: #01539f; transition: 0.6s ease all; z-index: 9; opacity: 0.75; visibility: hidden; } .rs-services.services-style2 .owl-nav .owl-next i:before, .rs-services.services-style2 .owl-nav .owl-prev i:before { font-size: 22px; content: "\f120"; font-family: uicons-regular-rounded !important; position: relative; top: 4px; } .rs-services.services-style2 .owl-nav .owl-next { right: 20px; left: unset; } .rs-services.services-style2 .owl-nav .owl-next i:before { content: "\f121"; } .rs-services.services-style2:hover .owl-nav .owl-next, .rs-services.services-style2:hover .owl-nav .owl-prev { left: -75px; visibility: visible; opacity: 1; } .rs-services.services-style2:hover .owl-nav .owl-next { right: -75px; left: unset; } .rs-services.services-style2 .rs-carousel .owl-dots .owl-dot { background: #01539f; } .rs-services.services-style2.services-inner-style2 .services-slider .services-item { padding: 58px 40px 60px 40px; } .rs-services.services-style2.services-inner-style2 .services-slider .services-item .services-img a img { left: 0; transition: 0.4s; } .rs-services.services-style2.services-inner-style2 .services-slider .services-item:hover .services-img a img { left: 35px; } .rs-services.services-style2.services-inner-style2 .services-slider .services-item .services-btn a { padding: 10px 30px 7px 20px; font-size: 15px; color: #101010; text-decoration: underline; border-style: solid; border-width: 2px 2px 2px 2px; border-color: #01539F21; } .rs-services.services-style3 { position: relative; z-index: 11; } .rs-services.services-style3 .images-bg { background-image: url(assets/images/clean/how-work.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; padding: 390px 0 390px; } .rs-services.services-style3 .services-main-part .widget-bg { position: absolute; z-index: -1; width: initial; max-width: initial; right: 44.90%; top: 44%; } .rs-services.services-style3 .services-main-part .services-item { display: flex; } .rs-services.services-style3 .services-main-part .services-item .services-icon img { max-width: unset; width: 76px; height: 76px; } .rs-services.services-style3 .services-main-part .services-item .services-text { padding: 0px 50px 0px 22px; } .rs-services.services-style3 .services-main-part .services-item .services-text .title { font-size: 20px; line-height: 30px; font-weight: 700; color: #101010; margin: 0 0 10px; } .rs-services.services-style3 .services-main-part .services-item .services-text .services-txt { margin: 0; color: #333333; } .rs-services.services-style4 .services-item { margin: 0px 7px 0px 0px; padding: 40px 40px 40px 40px; background-color: #F8FFF4; border-radius: 5px 5px 5px 5px; } .rs-services.services-style4 .services-item .services-icon { width: 85px; overflow: hidden; position: relative; display: inline-block; padding: 5px; font-size: 50px; line-height: 50px; color: #061340; transition: all ease .3s; } .rs-services.services-style4 .services-item .services-icon img { width: 100%; height: auto; max-width: unset; } .rs-services.services-style4 .services-item .services-text { padding: 10px 0 0; position: relative; } .rs-services.services-style4 .services-item .services-text .title { font-size: 24px; line-height: 34px; font-weight: 700; color: #0a0a0a; margin: 0 0 10px; } .rs-services.services-style4 .services-item .services-txt { margin-bottom: 35px; } .rs-services.services-style4 .services-item .services-btn a { padding: 7px 25px 7px 15px; font-weight: 500; text-decoration: underline; color: #494444; border-style: solid; border-width: 2px 2px 2px 2px; border-color: #056E1126; } .rs-services.services-style4 .services-item .services-btn a i:before { color: #0a0a0a; } .rs-services.services-style4 .services-item .serial-number { position: absolute; left: 242px; top: -100px; color: #19930817; font-family: "IBM Plex Mono", Sans-serif; font-size: 52px; font-weight: 700; text-transform: uppercase; } .rs-services.services-style5 .flip-box-inner { position: relative; z-index: 1; padding: 0; backface-visibility: hidden; } .rs-services.services-style5 .flip-box-inner .flip-box-wrap { position: relative; -webkit-transform: translateZ(0); perspective: 1000px; } .rs-services.services-style5 .flip-box-inner .flip-box-wrap .front-part { position: relative; bottom: 0; z-index: 10; text-align: left; border-style: solid; border-width: 0px 0px 0px 0px; top: 0; right: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -ms-flex-align: center; height: 300px; background-color: transparent; background-position: center; background-clip: padding-box; background-size: cover; background-repeat: no-repeat; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275); transition: -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275); transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275); transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275), -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275); } .rs-services.services-style5 .flip-box-inner .flip-box-wrap .front-part .front-content-part { background-color: #fff; text-align: left; padding: 50px 40px 50px 40px; border-style: solid; border-width: 0px 0px 0px 0px; box-shadow: 3px 7px 25px 0px rgba(0, 0, 0, 0.05); } .rs-services.services-style5 .flip-box-inner .flip-box-wrap .front-part .front-content-part .front-icon-part { margin-bottom: 20px; } .rs-services.services-style5 .flip-box-inner .flip-box-wrap .front-part .front-content-part .front-icon-part .icon-part img { width: 60px; height: 60px; } .rs-services.services-style5 .flip-box-inner .flip-box-wrap .front-part .front-content-part .front-title-part .title { font-size: 20px; line-height: 1.5; font-weight: 700; line-height: 30px; margin-bottom: 10px; } .rs-services.services-style5 .flip-box-inner .flip-box-wrap .front-part .front-content-part .front-title-part .title a { color: #101010; } .rs-services.services-style5 .flip-box-inner .flip-box-wrap .front-part .front-content-part .front-title-part .title a:hover { color: #007cfb; } .rs-services.services-style5 .flip-box-inner .flip-box-wrap .front-part .front-content-part .front-desc-part p { font-size: 15px; color: #444444; margin-bottom: 0; } .rs-services.services-style5 .flip-box-inner .flip-box-wrap .back-front { transform: rotateY(-180deg); background-image: linear-gradient(150deg, #1c6c28 36%, #f1d002 100%); position: absolute; z-index: -1; padding: 40px 40px 40px 40px; top: 0; right: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -ms-flex-align: center; height: 300px; background-color: transparent; background-position: center; background-clip: padding-box; background-size: cover; background-repeat: no-repeat; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275); transition: -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275); transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275); transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275), -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275); } .rs-services.services-style5 .flip-box-inner .flip-box-wrap .back-front .back-front-content .back-title-part .back-title { font-size: 20px; line-height: 30px; font-weight: bold; margin-bottom: 15px; } .rs-services.services-style5 .flip-box-inner .flip-box-wrap .back-front .back-front-content .back-title-part .back-title a { color: #ffffff; } .rs-services.services-style5 .flip-box-inner .flip-box-wrap .back-front:before { position: absolute; top: 0; left: 0; z-index: -9; width: 100%; height: 100%; background-color: transparent; content: ""; } .rs-services.services-style5 .flip-box-inner:hover .flip-box-wrap .front-part { transform: rotateY(180deg); } .rs-services.services-style5 .flip-box-inner:hover .flip-box-wrap .back-front { transform: rotateY(0); z-index: 1; } .rs-services.services-style5 .flip-box-inner:hover .flip-box-wrap .back-front:before { background-color: transparent; background-image: linear-gradient(150deg, #1c6c28 36%, #f1d002 100%); border-radius: 4px 4px 4px 4px; } .rs-services.services-style5 .flip-box-inner:hover .flip-box-wrap .back-front .back-front-content .back-title-part .back-title { color: #ffffff; } .rs-services.services-style5 .flip-box-inner:hover .flip-box-wrap .back-front .back-front-content .back-desc-part .back-desc { color: #ffffff; } .rs-services.services-style5.services-home4-style .flip-box-inner:hover .flip-box-wrap .back-front:before { background-image: linear-gradient(150deg, #00aae4 36%, #07759b 100%); } .rs-services.services-style5.services-home4-style .flip-box-inner .flip-box-wrap .back-front { background-image: linear-gradient(150deg, #00aae4 36%, #07759b 100%); border-radius: 5px 5px 5px 5px; } .rs-services.services-style5.services-home4-style .flip-box-inner .flip-box-wrap .front-part .front-content-part { border-radius: 5px 5px 5px 5px; } .rs-services.services-style6 .services-item { padding: 30px 30px 48px 30px; margin: 0 9px 0 9px; background: #ffffff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); } .rs-services.services-style6 .services-item .services-content { padding: 0 0 0 22px; } .rs-services.services-style6 .services-item .services-content .title-part .title { font-size: 36px; line-height: 60px; font-weight: 700; color: #101010; margin: 35px 0px 23px 0px; } .rs-services.services-style7 { position: relative; } .rs-services.services-style7 .services-overlay { background-color: #FFFFFF; opacity: 0.8; height: 100%; width: 100%; top: 0; left: 0; position: absolute; } .rs-services.services-style7 .services-item { background: #fff; padding: 70px 48px 70px 48px; border-width: 0px 2px 0px 2px; text-align: center; position: relative; } .rs-services.services-style7 .services-item .services-text .serial-number { font-size: 70px; line-height: 70px; font-weight: 900; color: #00AAE4; font-family: "Single Day", Sans-serif; } .rs-services.services-style7 .services-item .services-text .title { font-size: 28px; line-height: 38px; font-weight: 700; color: #0a0a0a; margin: 8px 0 10px; } .rs-services.services-style7 .services-item .services-text .services-txt { margin: 0; } .rs-services.services-style7 .services-item.contact-light { background: #F2F8FB; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; } .rs-services.services-style8 .services-item .services-wrap { position: relative; padding: 35px 30px 26px 30px; transition: 0.4s; background-color: #F8FFF4; } .rs-services.services-style8 .services-item .services-wrap .services-icon { border-radius: 100%; width: 70px; height: 70px; line-height: 1; position: relative; background: #ff7033; display: flex; justify-content: center; align-items: center; text-align: center; margin-bottom: 23px; } .rs-services.services-style8 .services-item .services-wrap .services-icon img { width: 40px; height: 40px; max-width: unset; } .rs-services.services-style8 .services-item .services-wrap .services-icon:before { position: absolute; content: ''; right: -5px; bottom: -5px; width: 80px; height: 80px; border-radius: 100%; border: 1px solid; border-color: #f8cfbd; transition: all 0.3s ease 0s; z-index: 0; } .rs-services.services-style8 .services-item .services-wrap .services-content .services-title .title { font-size: 18px; line-height: 28px; font-weight: 700; color: #0a0a0a; margin: 0 0 6px; } .rs-services.services-style8 .services-item .services-wrap .services-content .services-txt { margin: 0; } .rs-services.services-style8 .services-item:hover .services-icon:before { opacity: 0; transform: scale(0.85); } .rs-services.services-style8 .hover-effect:hover .services-item:hover, .rs-services.services-style8 .hover-effect:not(:hover) .active { box-shadow: 0 0 20px rgba(200, 190, 190, 0.22); } .rs-services.services-style9 .services-slider { padding: 15px; border-radius: 5px; background: #ffffff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.08); position: relative; overflow: hidden; } .rs-services.services-style9 .services-slider .services-img img { border-radius: 15px; } .rs-services.services-style9 .services-slider .services-content-inner { padding: 30px 15px 17px; display: flex; } .rs-services.services-style9 .services-slider .services-content-inner .service-icon a img { max-width: 50px; margin-right: 26px; } .rs-services.services-style9 .services-slider .services-content-inner .service-details .service-title { font-size: 22px; line-height: 32px; font-weight: 700; margin: 0 0 15px; } .rs-services.services-style9 .services-slider .services-content-inner .service-details .service-title a { color: #0a0a0a; } .rs-services.services-style9 .services-slider .services-content-inner .service-details .service-title a:hover { color: #ff7033; } .rs-services.services-style9 .services-slider:hover .services-btn2 a i { background: #00483a; } .rs-services.services-style9 .rs-carousel .owl-dots .owl-dot { background: #ff7033; } .rs-services.services-style9 .owl-stage-outer { padding: 10px; margin: -10px; } .rs-services-single .services-add { background: url(assets/images/services/single/side-img.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; text-align: center; padding: 50px 35px 28px; } .rs-services-single .services-add .title { font-size: 24px; line-height: 42px; font-weight: 700; color: #ffffff; margin-bottom: 30px; } .rs-services-single .services-add a { font-size: 30px; line-height: 40px; font-weight: 700; color: #ffffff; } .rs-services-single .brochures { background: #f7fbff; padding: 35px 30px 45px 30px; } .rs-services-single .brochures .title-part .title { font-size: 28px; font-weight: 700; display: block; position: relative; } .rs-services-single .brochures .title-part .title:before { content: ""; position: absolute; border: 0; width: 65px; height: 5px; background: #bb0b0b; z-index: 1; margin-left: 0; left: 0; bottom: -20px; } .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 { padding: 15px 30px 15px 30px; font-size: 17px; font-weight: 600; background-color: #BB0B0B; color: #ffffff; margin: 0 -4px; } .rs-services-single .brochures .btn-wrapper .dual-btn-connector { position: absolute; z-index: 9; overflow: hidden; width: 30px; height: 30px; border-radius: 100%; background-color: #fff; box-shadow: 0 0 0 5px #bfb2b2; color: #27374c; text-transform: uppercase; font-size: 12px; line-height: 30px; left: 47%; } .rs-services-single .brochures .btn-wrapper .rselement-dual-btn { padding: 15px 25px 15px 25px; border-radius: 0px 0px 0px 0px; font-size: 17px; font-weight: 600; background-color: #132235; color: #ffffff; } .rs-services-single .dot { list-style: disc; margin: 0 0 1.3em 3em; } .rs-services-single .widget-item li { border-top-style: solid; border-top-width: 1px; border-color: #eee; width: 79%; padding-bottom: calc(16px); padding-top: 16px; } .rs-services-single .widget-item li a { font-size: 16px; font-weight: 600; color: #000000; } .rs-services-single .widget-item li a i { color: #000000; font-size: 16px; font-weight: 900; } .rs-services-single .widget-item li a span { color: #020202; padding-left: 16px; } .rs-services-single .widget-item li a:hover i, .rs-services-single .widget-item li a:hover span { color: #007cfb; } .rs-services-single .widget-item li:first-child { border-top: none; } .rs-services-single .social-icons li { display: inline; margin-right: 5px; } .rs-services-single .social-icons li a i { padding: 0 0px 0 0; font-size: 25px; background: #3b5998; width: 50px; height: 50px; line-height: 50px; border-radius: 0; color: #fff; text-align: center; } .rs-services-single .social-icons li a i:hover { opacity: .9; } .rs-services-single .social-icons li a.blue-bg i { background: #1da1f2; } .rs-services-single .social-icons li a.light-bg i { background: #0a0a0a; } .rs-services-single .social-icons li a.red-bg i { background: #cd201f; } .rs-services-single .call-us { background: url(assets/images/choose/call-us.jpg); background-repeat: no-repeat; padding: 110px 0px 110px 0px; } .rs-services-single .call-us .contact-widget { text-align: center; } .rs-services-single .call-us .contact-widget .icon-part { margin-bottom: 40px; } .rs-services-single .call-us .contact-widget .icon-part img { max-width: 84px; } .rs-services-single .call-us .contact-widget .title { font-size: 36px; line-height: 46px; font-weight: 700; margin: 0; } .rs-services-single .call-us .contact-widget .title a { color: #ffffff; } .rs-services-single .call-us .contact-widget .title a:hover { color: #007cfb; } /* ------------------------------------ 19. Faq Section CSS ---------------------------------------*/ .rs-faq.faq-style1 { position: relative; } .rs-faq.faq-style1 .faq-content .accordion { border-width: 12px; } .rs-faq.faq-style1 .faq-content .accordion .card { margin-bottom: 15px; border: none; background-color: #F1F6FC; border-radius: 5px 5px 5px 5px; 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%; padding: 20px 30px 0 60px; height: 62px; line-height: 1.3; font-size: 17px; font-weight: 600; background-color: #f1fcf3; border-radius: 5px 5px 5px 5px; color: #1c6c28; } .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: #ffffff; width: 25px; height: 25px; background: #1c6c28; text-align: center; left: 18px; margin-top: -2px; } .rs-faq.faq-style1 .faq-content .accordion .card .card-header .card-link.collapsed { color: #101010; } .rs-faq.faq-style1 .faq-content .accordion .card .card-header .card-link.collapsed:after { color: #ffffff; content: "\f067"; } .rs-faq.faq-style1 .faq-content .accordion .card .card-body { color: #454545; font-size: 15px; width: 100%; background-color: #f1fcf3; padding: 8px 25px 30px 25px !important; border-radius: 5px 5px 5px 5px; } .rs-faq.faq-style1 .faq-animate .animate-style { position: absolute; left: -12%; bottom: 8px; } .rs-faq.faq-style1 .faq-animate .animate-style img { max-width: 500px; } .rs-faq.faq-style2 { position: relative; } .rs-faq.faq-style2 .faq-content .accordion { border-width: 12px; } .rs-faq.faq-style2 .faq-content .accordion .card { margin-bottom: 30px; border: none; background-color: #F1F6FC; border-radius: 5px 5px 5px 5px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.02); } .rs-faq.faq-style2 .faq-content .accordion .card:last-child { margin-bottom: 0; } .rs-faq.faq-style2 .faq-content .accordion .card .card-header { display: flex; align-items: center; padding: 0 !important; border: none; background: #fff; } .rs-faq.faq-style2 .faq-content .accordion .card .card-header .card-link { position: relative; display: block; width: 100%; height: 65px; line-height: 29px; font-size: 18px; font-weight: 600; padding: 17px 25px 17px 40px; background-color: #00483A; border-radius: 5px 5px 0px 0px; color: #ffffff; } .rs-faq.faq-style2 .faq-content .accordion .card .card-header .card-link:after { position: absolute; font-family: FontAwesome; content: "\f068"; top: 50%; transform: translateY(-50%); text-align: center; font-size: 12px; line-height: 26px; color: #ffffff; text-align: right; right: 35px; margin-top: -2px; } .rs-faq.faq-style2 .faq-content .accordion .card .card-header .card-link.collapsed { background-color: #FFFFFF; color: #032e42; padding: 17px 25px 17px 25px; border-radius: 5px 5px 5px 5px; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.18); } .rs-faq.faq-style2 .faq-content .accordion .card .card-header .card-link.collapsed:after { color: #0a0a0a; content: "\f067"; } .rs-faq.faq-style2 .faq-content .accordion .card .card-body { background-color: #fff; color: #454545; font-size: 16px; width: 100%; padding: 30px 25px 30px 25px !important; } /* ------------------------------------ 20. Team Section CSS ---------------------------------------*/ .rs-team.team-style1 { position: relative; } .rs-team.team-style1 .team-item-wrap .team-inner-wrap { overflow: visible; padding: 45px; background-color: #ffffff; } .rs-team.team-style1 .team-item-wrap .team-inner-wrap .image-wrap { position: relative; text-align: center; background-size: cover; background-repeat: no-repeat; background-position: center center; } .rs-team.team-style1 .team-item-wrap .team-inner-wrap .image-wrap .image-inner { overflow: hidden; border-radius: 50%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); border: 6px solid #fff; } .rs-team.team-style1 .team-item-wrap .team-inner-wrap .image-wrap .image-inner a img { border-radius: 50%; transform: scale(1); transition: 0.3s ease-in-out; } .rs-team.team-style1 .team-item-wrap .team-inner-wrap .image-wrap .share-i { width: 50px; height: 50px; background: #ffd600; color: #01539f; position: absolute; bottom: 25px; right: 20px; line-height: 55px; border-radius: 50%; z-index: 11; cursor: pointer; transition: all .5s ease; } .rs-team.team-style1 .team-item-wrap .team-inner-wrap .image-wrap .share-i:before { line-height: 1; } .rs-team.team-style1 .team-item-wrap .team-inner-wrap .image-wrap .share-i:hover { background: #01539f; color: #fff; } .rs-team.team-style1 .team-item-wrap .team-inner-wrap .image-wrap .social-icons { position: absolute; left: 0; top: 45%; right: 0; z-index: 1; opacity: 0; transition: all .5s ease; transform: scale(0); } .rs-team.team-style1 .team-item-wrap .team-inner-wrap .image-wrap .social-icons a { display: inline-block; } .rs-team.team-style1 .team-item-wrap .team-inner-wrap .image-wrap .social-icons a i { background: #01539f; color: #fff; width: 37px; height: 37px; line-height: 37px; display: inline-block; text-align: center; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; border-radius: 50%; margin: 0 3px; } .rs-team.team-style1 .team-item-wrap .team-inner-wrap .image-wrap .social-icons a i:hover { opacity: .9; } .rs-team.team-style1 .team-item-wrap .team-inner-wrap .image-wrap:before { content: ""; position: absolute; background: #ffd600; left: 0; right: 0; top: 0; bottom: 0; display: block; border-radius: 50%; z-index: 1; margin: 6px; opacity: 0; transition: all .5s ease; transform: scale(0); } .rs-team.team-style1 .team-item-wrap .team-inner-wrap.current-share .image-wrap .social-icons { opacity: 1; transform: scale(1); } .rs-team.team-style1 .team-item-wrap .team-inner-wrap.current-share .image-wrap:before { opacity: .8; transform: scale(1); } .rs-team.team-style1 .team-item-wrap .team-inner-wrap .team-content { text-align: center; margin: 0; padding: 22px 0 0; margin-bottom: 0px; position: unset; opacity: 1; } .rs-team.team-style1 .team-item-wrap .team-inner-wrap .team-content .member-desc .team-name { font-size: 20px; line-height: 30px; font-weight: 700; margin: 0; } .rs-team.team-style1 .team-item-wrap .team-inner-wrap .team-content .member-desc .team-name a { color: #0a0a0a; } .rs-team.team-style1 .team-item-wrap .team-inner-wrap .team-content .member-desc .team-name a:hover { color: #01539F; } .rs-team.team-style1 .team-item-wrap .team-inner-wrap .team-content .member-desc .team-title { font-size: 16px; color: #333333; } .rs-team.team-style1 .team-item-wrap .team-inner-wrap:hover .image-wrap .image-inner a img { transform: scale(1.2); } .rs-team.team-style1 .rs-carousel .owl-dots .owl-dot { background: #ffd600; } .rs-team.team-style1 .team-animation .animate-ball { position: absolute; } .rs-team.team-style1 .team-animation .animate-ball img { max-width: 55px; } .rs-team.team-style1 .team-animation .animate-ball.tm1 { left: 18%; top: 13%; } .rs-team.team-style1 .team-animation .animate-ball.tm2 { left: 2%; top: 42%; } .rs-team.team-style1 .team-animation .animate-ball.tm3 { left: 8%; bottom: 20%; } .rs-team.team-style1 .team-animation .animate-ball.tm4 { right: 17%; top: 13%; } .rs-team.team-style1 .team-animation .animate-ball.tm5 { right: 5%; top: 44%; } .rs-team.team-style1 .team-animation .animate-ball.tm6 { right: 11%; bottom: 16%; } .rs-team-single .btm-info-team { position: relative; box-shadow: 0px 0px 32px 0px rgba(7, 28, 31, 0.05); background: #fff; margin-bottom: 70px; padding: 40px; } .rs-team-single .btm-info-team .images-part { padding: 0 30px 0 0; } .rs-team-single .btm-info-team .images-part img { border-radius: 50%; } .rs-team-single .btm-info-team .con-info { position: relative; } .rs-team-single .btm-info-team .con-info .designation-info { font-size: 16px; line-height: 26px; font-weight: 400; color: #01539f; text-transform: uppercase; padding-bottom: 5px; display: block; } .rs-team-single .btm-info-team .con-info .title { font-size: 36px; line-height: 46px; font-weight: 700; color: #0a0a0a; margin-bottom: 15px; } .rs-team-single .btm-info-team .con-info .short-desc { font-size: 15px; line-height: 26px; font-weight: 400; color: #454545; margin-bottom: 25px; } .rs-team-single .btm-info-team .con-info .team-title { font-size: 28px; line-height: 38px; font-weight: 700; color: #0a0a0a; margin-bottom: 15px; } .rs-team-single .btm-info-team .con-info .ps-informations .personal-info li { margin: 5px 0 10px; padding: 0; display: block; } .rs-team-single .btm-info-team .con-info .ps-informations .personal-info li span i:before { color: #01539f; margin-right: 18px; position: relative; top: 2px; font-weight: 500; display: inline-block; text-align: center; } .rs-team-single .btm-info-team .con-info .ps-informations .personal-info li a { color: #555; } .rs-team-single .btm-info-team .con-info .ps-informations .personal-info li a:hover { color: #01539f; } .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: #01539f; } .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: 245px; position: absolute; right: 92px; color: #0a0a0a; font-family: "Flaticon"; height: 100%; top: 74px; opacity: 0.02; } .rs-team-single .title-content .title { font-size: 24px; font-weight: 600; line-height: 34px; color: #0a0a0a; margin: 0; } /*------------------------------------ 21. Partner Section CSS ------------------------------------*/ .rs-partner.partner-main-home { background: #0179F3; } .rs-partner.partner-main-home .logo-img { text-align: center; padding: 0 40px; } .rs-partner.partner-main-home .logo-img a { overflow: hidden; display: inline-block; position: relative; transition: all 0.3s ease-in-out; } .rs-partner.partner-main-home .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 .logo-img a .mains-logos { transition: all 0.3s ease-in-out; display: block; /*filter: grayscale(1);*/ filter: opacity(0.7); } .rs-partner.partner-main-home .logo-img a:hover .hovers-logos { display: block; opacity: 3; visibility: visible; transform: translateY(0%); filter: grayscale(0%); } .rs-partner.partner-main-home .logo-img a:hover .mains-logos { display: block; visibility: hidden; transform: translateY(100%); filter: grayscale(1); } .rs-partner.partner-main-home.partner-style2 { background: #1167B6; } .rs-partner.partner-main-home.partner-style3 { background-color: #1C6C28; } .rs-partner.partner-main-home.partner-style4 { background-color: #00AAE4; } .rs-partner.partner-main-home.partner-style5 { background-color: #01493B; } /*------------------------------------ 22. Pricing Section CSS ------------------------------------*/ .rs-pricing.pricing-style1 .pricing-wrap-widget { position: relative; overflow: hidden; background: #ffffff; box-shadow: 0 0.2rem 2.8rem rgba(36, 36, 36, 0.01); z-index: 11; } .rs-pricing.pricing-style1 .pricing-wrap-widget .pricing-table-middle { padding: 40px 40px 40px 40px; border-radius: 5px; } .rs-pricing.pricing-style1 .pricing-wrap-widget .pricing-table-middle .pricing-table-header { position: relative; z-index: 11; } .rs-pricing.pricing-style1 .pricing-wrap-widget .pricing-table-middle .pricing-table-header .table-title { font-size: 22px; line-height: 32px; font-weight: 700; color: #ffffff; margin: 0 0 30px; } .rs-pricing.pricing-style1 .pricing-wrap-widget .pricing-table-middle .pricing-table-header .pricing-table-price .pricing-table-bags { line-height: .66; display: flex; margin-bottom: 30px; } .rs-pricing.pricing-style1 .pricing-wrap-widget .pricing-table-middle .pricing-table-header .pricing-table-price .pricing-table-bags .pricing-currency { font-size: 22px; font-weight: 500; color: #ffffff; } .rs-pricing.pricing-style1 .pricing-wrap-widget .pricing-table-middle .pricing-table-header .pricing-table-price .pricing-table-bags .table-price-text { font-size: 52px; font-weight: 400; color: #ffffff; } .rs-pricing.pricing-style1 .pricing-wrap-widget .pricing-table-middle .pricing-table-header .pricing-table-price .pricing-table-bags .table-period { display: flex; align-items: flex-end; font-size: 15px; font-weight: 500; color: #ffffff; } .rs-pricing.pricing-style1 .pricing-wrap-widget .pricing-table-middle .pricing-icon { position: absolute; right: -40%; top: 8%; padding-left: 30px; padding-top: 30px; border: 8px solid #ffd600; background: #fff; width: 300px; height: 300px; transform: rotate(-45deg); } .rs-pricing.pricing-style1 .pricing-wrap-widget .pricing-table-middle .pricing-icon img { transform: rotate(45deg); opacity: 0.2; transition: 0.6s; width: 98px; height: 100px; } .rs-pricing.pricing-style1 .pricing-wrap-widget .pricing-table-middle .pricing-table-body { position: relative; z-index: 9; padding-top: 70px; } .rs-pricing.pricing-style1 .pricing-wrap-widget .pricing-table-middle .pricing-table-body ul li { padding: 9px 0px 20px 0px; } .rs-pricing.pricing-style1 .pricing-wrap-widget .pricing-table-middle .pricing-table-body ul li i { font-size: 16px; font-weight: 300; padding-right: 12px; color: #007cfb; } .rs-pricing.pricing-style1 .pricing-wrap-widget .pricing-table-middle .pricing-table-body ul li span { font-size: 16px; font-weight: 500; } .rs-pricing.pricing-style1 .pricing-wrap-widget:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 200px; background: #0b70e1; border-radius: 8px 0 0 0; } .rs-pricing.pricing-style1 .pricing-wrap-widget:hover .pricing-table-middle .pricing-icon img { opacity: 1; } .rs-pricing.pricing-style1.pricing-services-style .pricing-wrap-widget:before { background: #01539F; } .rs-pricing.pricing-style1.pricing-style2 .pricing-wrap-widget:before { background: #00aae4; } .rs-pricing.pricing-style1.pricing-style2 .pricing-wrap-widget .pricing-table-middle .pricing-table-body ul li i { color: #00aae4; } /*------------------------------------ 23. Blog Section CSS ------------------------------------*/ .rs-blog.blog-main-home .blog-item { position: relative; z-index: 11; transition: all 500ms ease; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08); } .rs-blog.blog-main-home .blog-item .image-wrap { position: relative; } .rs-blog.blog-main-home .blog-item .image-wrap a img { border-radius: 5px 5px 0 0; transition: all 0.3s ease; } .rs-blog.blog-main-home .blog-item .image-wrap .post-categories { position: absolute; z-index: 11; bottom: -14px; right: 20px; } .rs-blog.blog-main-home .blog-item .image-wrap .post-categories li { display: inline-block; } .rs-blog.blog-main-home .blog-item .image-wrap .post-categories li a { border-radius: 4px 4px 4px 4px; background-color: transparent; background-image: linear-gradient(180deg, #007cfb 0%, #007cfb 100%); color: #ffffff; transition: 0.4s; font-size: 14px; font-weight: 500; padding: 6px 20px; text-transform: uppercase; display: block; } .rs-blog.blog-main-home .blog-item .blog-content { transition: all 500ms ease; position: relative; padding: 20px 35px 35px; background: #fff; } .rs-blog.blog-main-home .blog-item .blog-content .blog-meta { display: flex; justify-content: flex-start; padding: 10px 0 10px; } .rs-blog.blog-main-home .blog-item .blog-content .blog-meta .admin { position: relative; margin-right: 12px; padding-right: 8px; } .rs-blog.blog-main-home .blog-item .blog-content .blog-meta .admin i { color: #007cfb; margin-right: 5px; } .rs-blog.blog-main-home .blog-item .blog-content .blog-meta .date i { color: #007cfb; margin-right: 3px; } .rs-blog.blog-main-home .blog-item .blog-content .blog-title { font-size: 20px; line-height: 1.4; font-weight: 700; margin-bottom: 20px; } .rs-blog.blog-main-home .blog-item .blog-content .blog-title a { color: #0a0a0a; } .rs-blog.blog-main-home .blog-item .blog-content .blog-title a:hover { color: #007cfb; } .rs-blog.blog-main-home .blog-item .blog-content .blog-btn a span:hover { color: #007cfb; } .rs-blog.blog-main-home .blog-item .blog-content .blog-btn a i:before { color: #0a0a0a; } .rs-blog.blog-main-home .blog-item:hover { transform: translateY(-10px); } .rs-blog.blog-main-home .blog-item:hover .image-wrap a img { filter: grayscale(1); } .rs-blog.blog-main-home .owl-stage-outer { padding: 10px; margin: -10px; } .rs-blog.blog-main-home.blog-style2 .blog-item .image-wrap .post-categories li a { background-image: linear-gradient(150deg, #1c6c28 35%, #ffd600 100%); } .rs-blog.blog-main-home.blog-style2 .blog-item .blog-content .blog-title a:hover, .rs-blog.blog-main-home.blog-style2 .blog-item .blog-content .blog-meta .date i, .rs-blog.blog-main-home.blog-style2 .blog-item .blog-content .blog-meta .admin i { color: #1c6c28; } .rs-blog.blog-main-home.blog-style2 .blog-item .blog-content .blog-title { margin-bottom: 28px; } .rs-blog.blog-main-home.blog-style2 .blog-item .blog-content .blog-btn a { padding: 7px 25px 7px 15px; font-weight: 500; text-decoration: underline; color: #454545; border-style: solid; border-width: 2px 2px 2px 2px; border-color: #056E1126; } .rs-blog.blog-main-home.blog-style2 .blog-item .blog-content .blog-btn a span:hover { color: #454545; } .rs-blog.blog-main-home.blog-style2.blog-home5-style .blog-item .image-wrap .post-categories li a { background-image: linear-gradient(150deg, #00483a 35%, #00483a 100%); } .rs-blog.blog-main-home.blog-style2.blog-home5-style .blog-item .blog-content .blog-title a:hover { color: #ff7033; } .rs-blog.blog-main-home.blog-style2.blog-home5-style .blog-item .blog-content .blog-btn a { border-color: #00483A5E; } .rs-blog.blog-main-home.blog-style2.blog-home5-style .blog-content .blog-btn a i { background: #00483A; } .rs-blog.blog-main-home.blog-style2.blog-home5-style .blog-content .blog-btn a i:before { color: #ffffff; } .rs-blog.blog-main-home.blog-style2.blog-home5-style .blog-content .blog-meta .date i, .rs-blog.blog-main-home.blog-style2.blog-home5-style .blog-item .blog-content .blog-meta .admin i { color: #00483A; } .rs-blog.blog-main-home.blog-style3 .blog-item .blog-content .blog-btn a span:hover, .rs-blog.blog-main-home.blog-style3 .blog-item .blog-content .blog-title a:hover, .rs-blog.blog-main-home.blog-style3 .blog-item .blog-content .blog-meta .date i, .rs-blog.blog-main-home.blog-style3 .blog-item .blog-content .blog-meta .admin i { color: #00aae4; } .rs-blog.blog-main-home.blog-style3 .blog-item .image-wrap .post-categories li a { background: #00aae4; } .rs-blog.blog-main-home.blog-style3 .blog-item .blog-content .blog-meta .date i, .rs-blog.blog-main-home.blog-style3 .blog-item .blog-content .blog-meta .admin { font-size: 14px; color: #020101; } .rs-blog.blog-main-home.blog-style4 .blog-item .image-wrap .post-categories li a { background-image: linear-gradient(180deg, #01539f 0%, #01539f 100%); } .rs-blog.blog-main-home.blog-style4 .blog-item .blog-content .blog-meta .date i, .rs-blog.blog-main-home.blog-style4 .blog-item .blog-content .blog-meta .admin i, .rs-blog.blog-main-home.blog-style4 .blog-item .blog-content .blog-btn a span:hover, .rs-blog.blog-main-home.blog-style4 .blog-item .blog-content .blog-title a:hover { color: #01539f; } .rs-inner-blog .blog-item { background: #fff; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08); padding: 15px; transition: 0.3s; } .rs-inner-blog .blog-item .blog-img { position: relative; } .rs-inner-blog .blog-item .blog-img .post-categories { position: absolute; z-index: 11; bottom: 20px; right: 20px; z-index: 10; } .rs-inner-blog .blog-item .blog-img .post-categories li { display: inline-block; } .rs-inner-blog .blog-item .blog-img .post-categories li a { background: #ffd600; color: #333; padding: 6px 20px; display: block; font-weight: 500; border-radius: 4px; font-size: 14px; transition: 0.4s; } .rs-inner-blog .blog-item .blog-content { padding: 25px 15px 25px; overflow: hidden; } .rs-inner-blog .blog-item .blog-content .blog-title { margin: 4px 0 10px; font-size: 26px; line-height: 35px; font-weight: 700; } .rs-inner-blog .blog-item .blog-content .blog-title a { color: #0a0a0a; } .rs-inner-blog .blog-item .blog-content .blog-title a:hover { color: #01539f; } .rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate { overflow: hidden; margin: 0 0 5px; 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-weight: 400; font-size: 13px; color: #555; } .rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .blog-date i { color: #01539f; margin-right: 3px; font-size: 14px; font-weight: 600; } .rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .author { display: inline-block; padding: 0; margin-right: 0; line-height: normal; color: #555; } .rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .author i { color: #01539f; margin-right: 3px; font-size: 14px; font-weight: 600; } .rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li:last-child { margin-right: 0; } .rs-inner-blog .blog-item .blog-content .blog-desc { font-size: 15px; line-height: 27px; font-weight: 400; color: #454545; margin-bottom: 20px; } .rs-inner-blog .widget-area .widget-title .title { font-size: 20px; line-height: 26px; font-weight: 600; color: #0a0a0a; 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: #01539f; 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); border-radius: 10px; } .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: #454545; 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: #01539f; } .rs-inner-blog .widget-area .recent-posts { background: #fff; padding: 40px 30px; box-shadow: 0 6px 25px rgba(0, 0, 0, 0.07); border-radius: 10px; } .rs-inner-blog .widget-area .recent-posts .recent-post-widget { margin-top: 15px; padding-top: 15px; border-top: 1px solid rgba(0, 0, 0, 0.06); overflow: hidden; } .rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-img { width: 100px; float: left; padding-right: 15px; } .rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-img img { border-radius: 1px; } .rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc { overflow: hidden; margin-top: -8px; } .rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc a { font-size: 15px; line-height: 22px; font-weight: 500; color: #0a0a0a; margin-bottom: 5px; } .rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc a:hover { color: #01539f; } .rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc .date-post { display: block; font-size: 12px; color: #555; } .rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc .date-post i { margin-right: 5px; } .rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc .date-post i:before { top: 1px; font-size: 12px; color: #01539f; position: relative; } .rs-inner-blog .widget-area .tags-cloud { background: #fff; padding: 40px 30px 40px; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08); border-radius: 10px; } .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 .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: #01539f; } .rs-inner-blog .blog-details .blog-full .blog-content-full .title { font-size: 28px; line-height: 32px; font-weight: 700; color: #0a0a0a; margin: 0; } .rs-inner-blog .blog-details .blog-full .blog-content-full .title.title2 { font-size: 24px; } .rs-inner-blog .blog-details .blog-full .blog-content-full .bs-info { margin-top: 25px; clear: both; font-weight: 600; margin-bottom: 10px; } .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: 400; color: #666; background: #f7fbff; padding: 2px 15px 4px; margin-left: 7px; border-radius: 5px; 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 { color: #ffffff; background: #01539F; } .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; } /* ------------------------------------ 24. Testimonial Section CSS ---------------------------------------*/ .rs-testimonial.testimonial-style1 { position: relative; z-index: 11; } .rs-testimonial.testimonial-style1 .testi-image .testi-anaimation .animate { position: absolute; } .rs-testimonial.testimonial-style1 .testi-image .testi-anaimation .animate.big-ball { right: 52%; top: 10%; z-index: -11; } .rs-testimonial.testimonial-style1 .testi-image .testi-anaimation .animate.dot-shape { top: 6%; left: 2%; } .rs-testimonial.testimonial-style1 .testi-image .testi-anaimation .animate.triangle { top: 9%; left: 8%; } .rs-testimonial.testimonial-style1 .testi-item { position: relative; padding: 46px 40px 46px 43px; border-radius: 3px; background: #057cf4; } .rs-testimonial.testimonial-style1 .testi-item .author-desc .desc { font-size: 18px; line-height: 34px; font-weight: 500; color: #ffffff; font-style: italic; margin: 0 0 35px; } .rs-testimonial.testimonial-style1 .testi-item .author-desc .desc .quote { max-width: 77px; top: 200px; position: absolute; left: 77%; } .rs-testimonial.testimonial-style1 .testi-item .testimonial-content { display: flex; align-items: center; } .rs-testimonial.testimonial-style1 .testi-item .testimonial-content .testi-img img { width: 60px; height: 60px; border-radius: 50px 50px 50px 50px; } .rs-testimonial.testimonial-style1 .testi-item .testimonial-content .testi-information .testi-information { padding-left: 15px; } .rs-testimonial.testimonial-style1 .testi-item .testimonial-content .testi-information .testi-information .testi-name { font-size: 22px; line-height: 32px; font-weight: 500; color: #ffffff; } .rs-testimonial.testimonial-style1 .testi-item .testimonial-content .testi-information .testi-information .designation { font-size: 15px; line-height: 26px; font-weight: 400; color: #ffffff; } .rs-testimonial.testimonial-style1 .rs-carousel .owl-dots { right: -30px; position: absolute; bottom: 39%; } .rs-testimonial.testimonial-style1 .rs-carousel .owl-dots .owl-dot { width: 6px; height: 6px; border-radius: 2px !important; margin: 6px 0; border-radius: 50px; border: none; transition: all 0.3s ease; background: #ffd600; box-shadow: unset; display: flex; } .rs-testimonial.testimonial-style1 .rs-carousel .owl-dots .owl-dot:hover, .rs-testimonial.testimonial-style1 .rs-carousel .owl-dots .owl-dot.active { height: 15px; background: #ffffff; } .rs-testimonial.testimonial-style1.testi-home4-style .testi-item { background-color: #0FB6EF; } .rs-testimonial.testimonial-style1.testi-home4-style .sec-title3 .description:after { background: #ffd600; } .rs-testimonial.testimonial-style2 { position: relative; } .rs-testimonial.testimonial-style2 .testi-item .testi-wrap { position: relative; display: flex; align-items: center; vertical-align: middle; background: #ffffff; box-shadow: 0 0 25px rgba(0, 0, 0, 0.06); padding: 0px 50px 0px 50px; } .rs-testimonial.testimonial-style2 .testi-item .testi-wrap .images-wrap img { height: 375px; max-width: 250px; width: 250px; margin-left: -50px; } .rs-testimonial.testimonial-style2 .testi-item .testi-wrap .item-content-basic { padding: 0 6px 0 30px; } .rs-testimonial.testimonial-style2 .testi-item .testi-wrap .item-content-basic span img { max-width: 75px; top: 73%; position: absolute; left: 83%; opacity: 0.6; } .rs-testimonial.testimonial-style2 .testi-item .testi-wrap .item-content-basic p { font-size: 17px; font-weight: 500; color: #454545; margin: 0 0 20px; } .rs-testimonial.testimonial-style2 .testi-item .testi-wrap .item-content-basic .testi-information { margin-top: 4px; } .rs-testimonial.testimonial-style2 .testi-item .testi-wrap .item-content-basic .testi-information .testi-name { font-size: 20px; line-height: 30px; font-weight: 600; color: #0A0A0A; } .rs-testimonial.testimonial-style2 .testi-item .testi-wrap .item-content-basic .testi-information .designation { color: #333333; font-size: 15px; font-weight: 400; } .rs-testimonial.testimonial-style2 .owl-nav .owl-next, .rs-testimonial.testimonial-style2 .owl-nav .owl-prev { position: absolute; box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); width: 50px; height: 50px; line-height: 50px; border-radius: 50%; background: #FFD600; color: #01539f; box-shadow: 0px 0px 14px 0px rgba(254, 229, 102, 0.44); transform: translateY(-50%); transition: 0.6s ease all; z-index: 9; text-align: center; visibility: visible; opacity: 1; } .rs-testimonial.testimonial-style2 .owl-nav .owl-next i:before, .rs-testimonial.testimonial-style2 .owl-nav .owl-prev i:before { content: "\f120"; font-family: uicons-regular-rounded !important; font-size: 22px; font-weight: 600; position: relative; top: 4px; } .rs-testimonial.testimonial-style2 .owl-nav .owl-next { top: 340px; right: 1098px; } .rs-testimonial.testimonial-style2 .owl-nav .owl-next i:before { content: "\f121"; } .rs-testimonial.testimonial-style2 .owl-nav .owl-prev { left: -525px; top: 340px; } .rs-testimonial.testimonial-style2:hover .owl-nav .owl-next, .rs-testimonial.testimonial-style2:hover .owl-nav .owl-prev { transition-delay: 0s; visibility: visible; opacity: 1; } .rs-testimonial.testimonial-style2 .testi-animation .animate-style { position: absolute; } .rs-testimonial.testimonial-style2 .testi-animation .animate-style img { max-width: 50px; } .rs-testimonial.testimonial-style2 .testi-animation .animate-style.one { left: 10%; bottom: 14%; } .rs-testimonial.testimonial-style2 .testi-animation .animate-style.two { left: 10%; top: 12%; } .rs-testimonial.testimonial-style2 .testi-animation .animate-style.three { left: 29%; top: 12%; } .rs-testimonial.testimonial-style2 .testi-animation .animate-style.four { left: 41%; bottom: 13%; } .rs-testimonial.testimonial-style2 .testi-animation .animate-style.five { right: 40%; top: 7%; } .rs-testimonial.testimonial-style2 .testi-animation .animate-style.six { right: 6%; top: 7%; } .rs-testimonial.testimonial-style2 .testi-animation .animate-style.seven { right: 12%; bottom: 6%; } .rs-testimonial.testimonial-style2 .testi-animation .animate-style.seven img { max-width: unset; } .rs-testimonial.testimonial-style2 .testi-animation .animate-style.eight { right: 5%; bottom: 18%; } .rs-testimonial.testimonial-style3 .testi-bg { background-color: #0A4112DB; opacity: 0.91; } .rs-testimonial.testimonial-style3 .testi-bg .testi-item { position: relative; margin: 0 -15px 0 0; background-color: #012C08; padding: 30px 40px 60px 40px; } .rs-testimonial.testimonial-style3 .testi-bg .testi-item .item-content span img { width: 48px; top: 38px; position: absolute; left: 12%; } .rs-testimonial.testimonial-style3 .testi-bg .testi-item .item-content p { font-size: 15px; font-weight: 500; color: #ffffff; padding: 75px 20px 7px 10px; } .rs-testimonial.testimonial-style3 .testi-bg .testi-item .testi-content .ratting { padding-bottom: 10px; } .rs-testimonial.testimonial-style3 .testi-bg .testi-item .testi-content .ratting img { width: 100px; } .rs-testimonial.testimonial-style3 .testi-bg .testi-item .testi-content .testi-name { font-size: 18px; font-weight: 600; color: #ffffff; } .rs-testimonial.testimonial-style3 .testi-bg .testi-item .testi-content .testi-title { font-size: 14px; font-weight: 500; color: #ECEAEA; } .rs-testimonial.testimonial-style3 .testi-bg .rs-carousel .owl-dots .owl-dot { background: #ffd600; } .rs-testimonial.testimonial-style3.testimonial-style4 .testi-bg { background-color: unset; opacity: unset; } .rs-testimonial.testimonial-style3.testimonial-style4 .testi-bg .testi-item { padding: 30px 40px 40px 40px; background-color: #02382E; } .rs-testimonial.testimonial-style3.testimonial-style4 .testi-bg .testi-item .item-content span img { left: 10%; } .rs-testimonial.testimonial-style3.testimonial-style4 .testi-bg .testi-item .item-content p { padding: 75px 20px 7px 0px; } .rs-testimonial.testimonial-style3.testimonial-style4 .rs-carousel .owl-dots .owl-dot { background: #FF7033; } /*------------------------------------ 25. Footer Section CSS ------------------------------------*/ .rs-footer.footer-style1 { background-image: url(assets/images/bg/footer-bg.jpg); background-repeat: no-repeat; background-size: cover; } .rs-footer.footer-style1 .footer-top { padding: 80px 0 70px; } .rs-footer.footer-style1 .footer-top .footer-logo img { height: 45px; } .rs-footer.footer-style1 .footer-top .footer-title { font-size: 20px; line-height: 30px; font-weight: 600; color: #ffffff; text-transform: uppercase; margin-bottom: 25px; } .rs-footer.footer-style1 .footer-top .footer-title.black-title { font-weight: 700; color: #0a0a0a; } .rs-footer.footer-style1 .footer-top .textwidget { font-size: 16px; color: #ffffff; } .rs-footer.footer-style1 .footer-top .app-store li { display: inline; margin-right: 15px; } .rs-footer.footer-style1 .footer-top .app-store li a img { opacity: 1; } .rs-footer.footer-style1 .footer-top .address-widget li { padding: 0 0 16px 40px; position: relative; } .rs-footer.footer-style1 .footer-top .address-widget li i { color: #ffd600; font-size: 20px!important; position: absolute; left: 0; } .rs-footer.footer-style1 .footer-top .address-widget li .desc { color: #ffffff; } .rs-footer.footer-style1 .footer-top .address-widget li .desc a { color: #ffffff; } .rs-footer.footer-style1 .footer-top .address-widget li .desc a:hover { color: #ccc; } .rs-footer.footer-style1 .footer-top .footer-social li { display: inline; margin-right: 12px; } .rs-footer.footer-style1 .footer-top .footer-social li a i { padding: 0 0px 0 0; font-size: 16px; margin-right: 3px; transition: all .8s ease; color: #111111; text-align: center; } .rs-footer.footer-style1 .footer-top .footer-social li a i:hover { color: #007cfb; } .rs-footer.footer-style1 .footer-top .footer-social li:last-child { margin: 0; } .rs-footer.footer-style1 .footer-top .widget-desc { margin: 15px 20px 27px 0; } .rs-footer.footer-style1 .footer-top p input[type="email"] { border: 1px solid #ffd600; width: 100%; font-size: 13px; padding: 15px 20px; border-radius: 5px; margin: 0; color: #454545; overflow: hidden; background: #fff; margin-bottom: 20px; } .rs-footer.footer-style1 .footer-top p input[type="submit"] { width: 100%; border-radius: 5px; padding: 15px 20px; font-weight: 600; color: #0a0a0a; background: #ffd600; position: relative; border: none; text-transform: capitalize; outline: none; transition: all .5s ease; } .rs-footer.footer-style1 .footer-top p input[type="submit"]:hover { opacity: .9; } .rs-footer.footer-style1 .footer-top p ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #454545; opacity: 0.79; } .rs-footer.footer-style1 .footer-top p ::-moz-placeholder { /* Firefox 19+ */ color: #454545; opacity: 0.79; } .rs-footer.footer-style1 .footer-top p :-ms-input-placeholder { /* IE 10+ */ color: #454545; opacity: 0.79; } .rs-footer.footer-style1 .footer-top p :-moz-placeholder { /* Firefox 18- */ color: #454545; opacity: 0.79; } .rs-footer.footer-style1 .footer-bottom { padding: 20px 0 20px 0; } .rs-footer.footer-style1 .footer-bottom .copyright p { font-size: 15px; color: #454545; margin: 0; } .rs-footer.footer-style1 .footer-bottom .copyright p a { transition: all 0.4s ease-in-out 0s; color: #0a0a0a; } .rs-footer.footer-style1 .footer-bottom .copyright p a:hover { color: #007cfb; } .rs-footer.footer-style1 .footer-bottom .copy-right-menu li { position: relative; display: inline-block; padding: 0px 19px 0 25px; } .rs-footer.footer-style1 .footer-bottom .copy-right-menu li a { color: #454545; } .rs-footer.footer-style1 .footer-bottom .copy-right-menu li a:hover { color: #007cfb; } .rs-footer.footer-style1.footer-main-home { background-image: url(assets/images/bg/footer-bg2.jpg); background-repeat: no-repeat; } .rs-footer.footer-style1.footer-style2 { background: #012c08; } .rs-footer.footer-style1.footer-style2 .footer-top p ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #0a0a0a; opacity: 0.79; } .rs-footer.footer-style1.footer-style2 .footer-top p ::-moz-placeholder { /* Firefox 19+ */ color: #0a0a0a; opacity: 0.79; } .rs-footer.footer-style1.footer-style2 .footer-top p :-ms-input-placeholder { /* IE 10+ */ color: #0a0a0a; opacity: 0.79; } .rs-footer.footer-style1.footer-style2 .footer-top p :-moz-placeholder { /* Firefox 18- */ color: #0a0a0a; opacity: 0.79; } .rs-footer.footer-style1.footer-style2 .footer-top p input[type="email"] { border: 1px solid #fff; background: #ffffff; } .rs-footer.footer-style1.footer-style2 .footer-top p input[type="submit"] { color: #ffffff; background: #1C6C28; } .rs-footer.footer-style1.footer-style2 .footer-bottom { background: #03380b; } .rs-footer.footer-style1.footer-style2 .footer-top .footer-social li a i, .rs-footer.footer-style1.footer-style2 .footer-bottom .copy-right-menu li a, .rs-footer.footer-style1.footer-style2 .footer-bottom .copyright p a:hover, .rs-footer.footer-style1.footer-style2 .footer-bottom .copyright p { color: #ffffff; } .rs-footer.footer-style1.footer-style2 .footer-top .address-widget li .desc a:hover, .rs-footer.footer-style1.footer-style2 .footer-top .footer-social li a i:hover, .rs-footer.footer-style1.footer-style2 .footer-bottom .copy-right-menu li a:hover, .rs-footer.footer-style1.footer-style2 .footer-bottom .copyright p a { color: #ffd600; } .rs-footer.footer-style1.footer-style3 { background: #f2f8fb; } .rs-footer.footer-style1.footer-style3 .footer-bottom .copy-right-menu li a:hover, .rs-footer.footer-style1.footer-style3 .footer-bottom .copyright p a:hover, .rs-footer.footer-style1.footer-style3 .footer-top .footer-social li a i:hover, .rs-footer.footer-style1.footer-style3 .footer-top .address-widget li .desc a:hover, .rs-footer.footer-style1.footer-style3 .footer-top .address-widget li i { color: #00aae4; } .rs-footer.footer-style1.footer-style3 .footer-top .address-widget li .desc a, .rs-footer.footer-style1.footer-style3 .footer-top .address-widget li .desc, .rs-footer.footer-style1.footer-style3 .footer-top .textwidget { color: #444444; } .rs-footer.footer-style1.footer-style3 .footer-bottom { background: #ffffff; } .rs-footer.footer-style1.footer-style3 .footer-top p input[type="submit"] { background: #00aae4; color: #ffffff; } .rs-footer.footer-style1.footer-style4 .footer-top p input[type="submit"] { background: #007cfb; color: #ffffff; } .rs-footer.footer-style1.footer-style5 { background: #0e3c39; } .rs-footer.footer-style1.footer-style5 .footer-bottom { background: #01493b; } .rs-footer.footer-style1.footer-style5 .footer-bottom .copy-right-menu li a, .rs-footer.footer-style1.footer-style5 .footer-bottom .copyright p { color: #ffffff; } .rs-footer.footer-style1.footer-style5 .footer-bottom .copy-right-menu li a:hover, .rs-footer.footer-style1.footer-style5 .footer-top .address-widget li .desc a:hover, .rs-footer.footer-style1.footer-style5 .footer-top .address-widget li i, .rs-footer.footer-style1.footer-style5 .footer-top .footer-social li a i, .rs-footer.footer-style1.footer-style5 .footer-bottom .copyright p a { color: #ff7033; } .rs-footer.footer-style1.footer-style5 .footer-top p input[type="submit"] { background: #ff7033; color: #ffffff; } .rs-footer.footer-style1.footer-style5 .footer-top p input[type="email"] { border: 1px solid #fff; } .home-primary-color .full-width-header .right_menu_togle .close-btn .nav-close .line span, .home-primary-color .full-width-header .right_menu_togle .canvas-contact .social li a i, .home-primary-color .search-modal { background: #007cfb; } .home-primary-color .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em a:hover, .home-primary-color .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-icon i:before { color: #007cfb; } .home-green-color .search-modal { background: #1c6c28; } .home-green-color .rs-project.project-style1 .rs-carousel .owl-dots .owl-dot.active, .home-green-color .rs-project.project-style1 .rs-carousel .owl-dots .owl-dot { background: #1c6c28; } .home-green-color .rs-contact.contact-style2 .contact-section { background-color: #FFFFFFE0; } .home-green-color .rs-contact.contact-style2 .contact-info-box { background-color: #1c6c28; } .home-green-color .rs-contact.contact-style2 .contact-info-box .sec-title .title { color: #0a0a0a; } .home-green-color .submit-btn.submit-btn3:hover { background: #1c6c28; } .home-green-color .submit-btn.submit-btn3:hover input[type="submit"]:hover { background: #1c6c28; } .home-paste-color .search-modal { background: #00aae4; } .home-paste-color .rs-contact.contact-style2 .contact-info-box, .home-paste-color .rs-project.project-style1 .rs-carousel .owl-dots .owl-dot, .home-paste-color .rs-project.project-style1 .rs-carousel .owl-dots .owl-dot.active { background: #00aae4; } .home-paste-color .rs-contact.contact-style2 .contact-section { background-color: #FFFFFFE0; } .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, .home-paste-color .rs-contact.contact-style2 .contact-info-box .sec-title .title { color: #00aae4; } .home-paste-color .submit-btn.submit-btn3:hover { background: #00aae4; } .home-paste-color .full-width-header .right_menu_togle .close-btn .nav-close .line span, .home-paste-color .full-width-header .right_menu_togle .canvas-contact .social li a i, .home-paste-color .submit-btn.submit-btn3:hover input[type="submit"]:hover { background: #00aae4; } .home-coral-color .search-modal { background: #ff7033; } .home-coral-color .rs-carousel .owl-dots .owl-dot { background: #FF7033; } /* ----------------------- 26. 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: 50%; color: #01539f; line-height: 36px; transition: all 0.3s ease 0s; background: #ffd600; margin-left: 2px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.04); display: block; } #scrollUp i:before { line-height: unset !important; position: relative; top: 2px; } #scrollUp i:hover { opacity: 0.8; } #scrollUp.blue-color i { color: #ffffff; background: #1C6C28; } #scrollUp.cyan-color i { color: #ffffff; background: #007cfb; } #scrollUp.paste-color i { color: #ffffff; background: #00aae4; } #scrollUp.orange-color i { color: #ffffff; background: #ff7033; } /*---------------------------------------------- 27. Preloader CSS ----------------------------------------------*/ #clenia-load { background-color: #fff; height: 100%; width: 100%; position: fixed; z-index: 1; margin-top: 0px; top: 0px; z-index: 999999; } #clenia-load .preload-wrap { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } #clenia-load .preload-wrap img { animation: loader-zoom 1s linear infinite alternate; max-width: 90px; } .loader-clenia { position: absolute; width: 75px; height: 100px; top: 50%; left: 50%; transform: translate(-50%, -50%); } @-webkit-keyframes loader-zoom { 0% { transform: scale(1); } 100% { transform: scale(1.15); } } /* ------------------------------------ 28. 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); } } .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; } } .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); } } .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: 12s; animation-iteration-count: infinite; } @keyframes veritcal { 0% { transform: translateY(0); } 50% { transform: translateY(100px); } 100% { transform: translateY(0); } }
| ver. 1.4 |
Github
|
.
| PHP 7.0.33-0ubuntu0.16.04.16 | Генерация страницы: 0.02 |
proxy
|
phpinfo
|
Настройка