@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @charset "UTF-8"; @-webkit-keyframes slide-down { 0% { font-family: "Poppins", sans-serif; opacity: 1; } 90% { opacity: 0; } } @keyframes slide-down { 0% { opacity: 1; } 90% { opacity: 0; } } .element { width: 100px; height: 100px; background: black; -webkit-animation: slide-down 5s 3; animation: slide-down 5s 3; } .visually-hidden { margin: -1px; padding: 0; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip: rect(0, 0, 0, 0); position: absolute; } @-webkit-keyframes zoom { from { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes zoom { from { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .zoom { -webkit-animation-name: zoom; animation-name: zoom; } @-webkit-keyframes zoom2 { from { -webkit-transform: scale(0.5); transform: scale(0.5); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes zoom2 { from { -webkit-transform: scale(0.5); transform: scale(0.5); } to { -webkit-transform: scale(1); transform: scale(1); } } .zoom2 { -webkit-animation-name: zoom2; animation-name: zoom2; } @-webkit-keyframes zoommd { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1.5); transform: scale(1.5); } } @keyframes zoommd { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1.5); transform: scale(1.5); } } @-webkit-keyframes bounce { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(40px); transform: translateY(40px); } } @keyframes bounce { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(40px); transform: translateY(40px); } } .zoomBounce { -webkit-animation-name: zoomBounce; animation-name: zoomBounce; } @-webkit-keyframes zoomBounce { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes zoomBounce { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes movexy { 0% { -webkit-transform: translateX(-10px) scale(0.9); transform: translateX(-10px) scale(0.9); } 100% { -webkit-transform: translateX(30px) scale(1.3) translateY(10px); transform: translateX(30px) scale(1.3) translateY(10px); } } @keyframes movexy { 0% { -webkit-transform: translateX(-10px) scale(0.9); transform: translateX(-10px) scale(0.9); } 100% { -webkit-transform: translateX(30px) scale(1.3) translateY(10px); transform: translateX(30px) scale(1.3) translateY(10px); } } @-webkit-keyframes wave { 0% { -webkit-transform: rotateZ(0deg) translate3d(0, 20%, 0) rotateZ(0deg); transform: rotateZ(0deg) translate3d(0, 20%, 0) rotateZ(0deg); } 100% { -webkit-transform: rotateZ(360deg) translate3d(0, 20%, 0) rotateZ(-360deg); transform: rotateZ(360deg) translate3d(0, 20%, 0) rotateZ(-360deg); } } @keyframes wave { 0% { -webkit-transform: rotateZ(0deg) translate3d(0, 20%, 0) rotateZ(0deg); transform: rotateZ(0deg) translate3d(0, 20%, 0) rotateZ(0deg); } 100% { -webkit-transform: rotateZ(360deg) translate3d(0, 20%, 0) rotateZ(-360deg); transform: rotateZ(360deg) translate3d(0, 20%, 0) rotateZ(-360deg); } } @-webkit-keyframes gptFade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes gptFade { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes gptFadeUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes gptFadeUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes gptFadeDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes gptFadeDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes gptFadeLeft { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes gptFadeLeft { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes gptFadeRight { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes gptFadeRight { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes gptZoomIn { 0% { opacity: 0; -webkit-transform: scale(0.7); transform: scale(0.7); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes gptZoomIn { 0% { opacity: 0; -webkit-transform: scale(0.7); transform: scale(0.7); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes gptBounceIn { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0; } 60% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes gptBounceIn { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0; } 60% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); } } .gptFade { -webkit-animation-name: gptFade; animation-name: gptFade; } .gptFadeUp { -webkit-animation-name: gptFadeUp; animation-name: gptFadeUp; } .gptFadeDown { -webkit-animation-name: gptFadeDown; animation-name: gptFadeDown; } .gptFadeLeft { -webkit-animation-name: gptFadeLeft; animation-name: gptFadeLeft; } .gptFadeRight { -webkit-animation-name: gptFadeRight; animation-name: gptFadeRight; } .gptZoomIn { -webkit-animation-name: gptZoomIn; animation-name: gptZoomIn; } .gptBounceIn { -webkit-animation-name: gptBounceIn; animation-name: gptBounceIn; } @-webkit-keyframes jumping { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 0; } 50% { -webkit-transform: translateY(-20px); transform: translateY(-20px); opacity: 1; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 0; } } @keyframes jumping { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 0; } 50% { -webkit-transform: translateY(-20px); transform: translateY(-20px); opacity: 1; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 0; } } @-webkit-keyframes jump { 0% { -webkit-transform: translateY(5px); transform: translateY(5px); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(5px); transform: translateY(5px); } } @keyframes jump { 0% { -webkit-transform: translateY(5px); transform: translateY(5px); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(5px); transform: translateY(5px); } } @-webkit-keyframes stickySlideDown { from { -webkit-transform: translateY(-100%); transform: translateY(-100%); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes stickySlideDown { from { -webkit-transform: translateY(-100%); transform: translateY(-100%); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes moveclouds { 0% { -webkit-transform: translate3d(-10px, -10px, 0); transform: translate3d(-10px, -10px, 0); opacity: 1; } 50% { -webkit-transform: translate3d(-20px, 20px, 0); transform: translate3d(-20px, 20px, 0); opacity: 1; } 100% { -webkit-transform: translate3d(30px, 0px, 0); transform: translate3d(30px, 0px, 0); opacity: 1; } } @keyframes moveclouds { 0% { -webkit-transform: translate3d(-10px, -10px, 0); transform: translate3d(-10px, -10px, 0); opacity: 1; } 50% { -webkit-transform: translate3d(-20px, 20px, 0); transform: translate3d(-20px, 20px, 0); opacity: 1; } 100% { -webkit-transform: translate3d(30px, 0px, 0); transform: translate3d(30px, 0px, 0); opacity: 1; } } @-webkit-keyframes circle { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes circle { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes pulse { 0% { width: 80px; height: 80px; opacity: 1; } 50% { opacity: 1; } 100% { height: 120px; width: 120px; opacity: 0; } } @keyframes pulse { 0% { width: 80px; height: 80px; opacity: 1; } 50% { opacity: 1; } 100% { height: 120px; width: 120px; opacity: 0; } } @-webkit-keyframes pulsesm { 0% { width: 60px; height: 60px; opacity: 1; } 50% { opacity: 1; } 100% { height: 80px; width: 80px; opacity: 0; } } @keyframes pulsesm { 0% { width: 60px; height: 60px; opacity: 1; } 50% { opacity: 1; } 100% { height: 80px; width: 80px; opacity: 0; } } .gpUpX { -webkit-animation-name: gpUpX; animation-name: gpUpX; } .gpUpSmX { -webkit-animation: gpUpX 1s both 1s; animation: gpUpX 1s both 1s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .gpDownX { -webkit-animation-name: gpDownX; animation-name: gpDownX; } @-webkit-keyframes gpUpX { 0% { opacity: 0; -webkit-transform: translate(80px, -30px); transform: translate(80px, -30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @keyframes gpUpX { 0% { opacity: 0; -webkit-transform: translate(80px, -30px); transform: translate(80px, -30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-webkit-keyframes gpDownX { 0% { opacity: 0; -webkit-transform: translate(-80px, 80px); transform: translate(-80px, 80px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @keyframes gpDownX { 0% { opacity: 0; -webkit-transform: translate(-80px, 80px); transform: translate(-80px, 80px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-webkit-keyframes animationFramesTwo { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); } 20% { -webkit-transform: translate(-73px, 1px) rotate(-36deg); transform: translate(-73px, 1px) rotate(-36deg); } 40% { -webkit-transform: translate(-141px, -72px) rotate(-72deg); transform: translate(-141px, -72px) rotate(-72deg); } 60% { -webkit-transform: translate(-83px, -122px) rotate(-108deg); transform: translate(-83px, -122px) rotate(-108deg); } 80% { -webkit-transform: translate(40px, -72px) rotate(-144deg); transform: translate(40px, -72px) rotate(-144deg); } 100% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); } } @keyframes animationFramesTwo { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); } 20% { -webkit-transform: translate(-73px, 1px) rotate(-36deg); transform: translate(-73px, 1px) rotate(-36deg); } 40% { -webkit-transform: translate(-141px, -72px) rotate(-72deg); transform: translate(-141px, -72px) rotate(-72deg); } 60% { -webkit-transform: translate(-83px, -122px) rotate(-108deg); transform: translate(-83px, -122px) rotate(-108deg); } 80% { -webkit-transform: translate(40px, -72px) rotate(-144deg); transform: translate(40px, -72px) rotate(-144deg); } 100% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); } } @-webkit-keyframes leafMotion { 50% { -webkit-transform: rotate(4deg); transform: rotate(4deg); } } @keyframes leafMotion { 50% { -webkit-transform: rotate(4deg); transform: rotate(4deg); } } @keyframes jump { 0% { -webkit-transform: translateY(2px); transform: translateY(2px); } 50% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 100% { -webkit-transform: translateY(2px); transform: translateY(2px); } } @-webkit-keyframes slideInnew3 { 0% { opacity: 0; -webkit-transform: translate(80px, -80px); transform: translate(80px, -80px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes slideInnew3 { 0% { opacity: 0; -webkit-transform: translate(80px, -80px); transform: translate(80px, -80px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes animeone { 0% { -webkit-transform: translate(0) rotate(0deg); transform: translate(0) rotate(0deg); } 20% { -webkit-transform: translate(80px, 1px) rotate(50deg); transform: translate(80px, 1px) rotate(50deg); } 40% { -webkit-transform: translate(145px, 72px) rotate(90deg); transform: translate(145px, 72px) rotate(90deg); } 60% { -webkit-transform: translate(83px, 122px) rotate(125deg); transform: translate(83px, 122px) rotate(125deg); } 80% { -webkit-transform: translate(-40px, 72px) rotate(140deg); transform: translate(-40px, 72px) rotate(140deg); } to { -webkit-transform: translate(0) rotate(0deg); transform: translate(0) rotate(0deg); } } @keyframes animeone { 0% { -webkit-transform: translate(0) rotate(0deg); transform: translate(0) rotate(0deg); } 20% { -webkit-transform: translate(80px, 1px) rotate(50deg); transform: translate(80px, 1px) rotate(50deg); } 40% { -webkit-transform: translate(145px, 72px) rotate(90deg); transform: translate(145px, 72px) rotate(90deg); } 60% { -webkit-transform: translate(83px, 122px) rotate(125deg); transform: translate(83px, 122px) rotate(125deg); } 80% { -webkit-transform: translate(-40px, 72px) rotate(140deg); transform: translate(-40px, 72px) rotate(140deg); } to { -webkit-transform: translate(0) rotate(0deg); transform: translate(0) rotate(0deg); } } @-webkit-keyframes animetwo { 0% { -webkit-transform: translate(0) rotate(0deg); transform: translate(0) rotate(0deg); } 20% { -webkit-transform: translate(-73px, 1px) rotate(-36deg); transform: translate(-73px, 1px) rotate(-36deg); } 40% { -webkit-transform: translate(-141px, -72px) rotate(-72deg); transform: translate(-141px, -72px) rotate(-72deg); } 60% { -webkit-transform: translate(-83px, -122px) rotate(-108deg); transform: translate(-83px, -122px) rotate(-108deg); } 80% { -webkit-transform: translate(40px, -72px) rotate(-144deg); transform: translate(40px, -72px) rotate(-144deg); } to { -webkit-transform: translate(0) rotate(0deg); transform: translate(0) rotate(0deg); } } @keyframes animetwo { 0% { -webkit-transform: translate(0) rotate(0deg); transform: translate(0) rotate(0deg); } 20% { -webkit-transform: translate(-73px, 1px) rotate(-36deg); transform: translate(-73px, 1px) rotate(-36deg); } 40% { -webkit-transform: translate(-141px, -72px) rotate(-72deg); transform: translate(-141px, -72px) rotate(-72deg); } 60% { -webkit-transform: translate(-83px, -122px) rotate(-108deg); transform: translate(-83px, -122px) rotate(-108deg); } 80% { -webkit-transform: translate(40px, -72px) rotate(-144deg); transform: translate(40px, -72px) rotate(-144deg); } to { -webkit-transform: translate(0) rotate(0deg); transform: translate(0) rotate(0deg); } } @-webkit-keyframes animethree { 0% { -webkit-transform: translate(0) rotate(0deg); transform: translate(0) rotate(0deg); } 20% { -webkit-transform: translateY(-73px) rotate(-36deg); transform: translateY(-73px) rotate(-36deg); } 40% { -webkit-transform: translateY(-141px) rotate(-72deg); transform: translateY(-141px) rotate(-72deg); } 60% { -webkit-transform: translateY(-83px) rotate(-108deg); transform: translateY(-83px) rotate(-108deg); } 80% { -webkit-transform: translateY(40px) rotate(-144deg); transform: translateY(40px) rotate(-144deg); } to { -webkit-transform: translate(0) rotate(0deg); transform: translate(0) rotate(0deg); } } @keyframes animethree { 0% { -webkit-transform: translate(0) rotate(0deg); transform: translate(0) rotate(0deg); } 20% { -webkit-transform: translateY(-73px) rotate(-36deg); transform: translateY(-73px) rotate(-36deg); } 40% { -webkit-transform: translateY(-141px) rotate(-72deg); transform: translateY(-141px) rotate(-72deg); } 60% { -webkit-transform: translateY(-83px) rotate(-108deg); transform: translateY(-83px) rotate(-108deg); } 80% { -webkit-transform: translateY(40px) rotate(-144deg); transform: translateY(40px) rotate(-144deg); } to { -webkit-transform: translate(0) rotate(0deg); transform: translate(0) rotate(0deg); } } body { font-family: "Poppins", sans-serif; } .home-agency { color: #6a7695; } .home-agency h1, .home-agency h2, .home-agency h3, .home-agency h4, .home-agency h5, .home-agency h6 { color: #373d46; } .no-scroll { overflow: hidden; } #main_content { background: #fff; } svg { display: block; } a, button { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } input, textarea { width: 100%; background: #f8f7fb; padding: 10px 15px; border: 0; outline: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-bottom: 15px; border-radius: 5px; border: 1px solid transparent; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #a4abc0; } input::-moz-placeholder, textarea::-moz-placeholder { color: #a4abc0; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #a4abc0; } input::-ms-input-placeholder, textarea::-ms-input-placeholder { color: #a4abc0; } input::placeholder, textarea::placeholder { color: #a4abc0; } input:focus, textarea:focus { -webkit-box-shadow: 0px 15px 17px 0px rgba(20, 3, 70, 0.08); box-shadow: 0px 15px 17px 0px rgba(20, 3, 70, 0.08); background: transparent; border-color: #fafafc; } textarea { height: 160px; } a, a:hover { text-decoration: none; } h1 { margin-top: 0; font-weight: 400; font-family: "Poppins", sans-serif; font-size: 50px; } h6 { line-height: 24px; } img { max-width: 100%; height: auto; } .pr { position: relative; z-index: 111; } .mb-160 { margin-bottom: 160px !important; } .mb-220 { margin-bottom: 185px; } @media (max-width: 991px) { .mb-220 { margin-bottom: 100px; } } .bmt-100 { margin-top: 100px; } .mt-60 { margin-top: 60px; } @media (max-width: 991px) { .order-md { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .border-none { border: 0; } .border-none:before, .border-none:after { display: none; } .home-corporate, .home-social-payment { font-family: "Poppins", sans-serif; font-size: 15px; } .home-corporate h1, .home-corporate h2, .home-corporate h3, .home-corporate h4, .home-corporate h5, .home-corporate h6, .home-social-payment h1, .home-social-payment h2, .home-social-payment h3, .home-social-payment h4, .home-social-payment h5, .home-social-payment h6 { color: #051441; } .home-corporate p, .home-social-payment p { color: #677294; font-size: 15px; } .home-saas h1, .home-saas h2, .home-saas h3, .home-saas h4, .home-saas h5, .home-saas h6 { color: #2c2c51; } .home-analytics { font-family: "Poppins", sans-serif; color: #6d717f; font-size: 16px; line-height: 26px; font-weight: 400; } .home-analytics h1, .home-analytics h2, .home-analytics h3, .home-analytics h4, .home-analytics h5, .home-analytics h6 { color: #051441; } body.home-seo { font-size: 16px; color: #7b7f8c; font-family: "Poppins", sans-serif; line-height: 26px; } body.home-seo h1, body.home-seo h2, body.home-seo h3, body.home-seo h4, body.home-seo h5, body.home-seo h6 { color: #343e5d; } body.home-agency-two { color: #706c79; } body.home-agency-two h1, body.home-agency-two h2, body.home-agency-two h3, body.home-agency-two h4, body.home-agency-two h5, body.home-agency-two h6 { color: #1f113a; } .pr { position: relative !important; } .pd-none { padding: 0 !important; } .mb-75 { margin-bottom: 75px; } .mt-80 { margin-top: 77px; } .mt-150 { margin-top: 150px; } @media (max-width: 991px) { .mt-80 { margin-top: 0; } } .mb-140 { margin-bottom: 140px; } .container { max-width: 1200px; } .title-small { font-size: 20px; text-align: center; color: #6a7695 !important; margin-bottom: 53px; font-weight: 400; } @media (max-width: 991px) { .gpt-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media (max-width: 767px) { .gpt-order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .gp-col-2 { width: 20%; padding: 0 15px; } /* Flaticon icon font: Flaticon Creation date: 24/08/2018 05:51 */ @font-face { font-family: "Flaticon"; src: url("../fonts/Flaticon.eot"); src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"), url("../fonts/Flaticon.woff") format("woff"), url("../fonts/Flaticon.ttf") format("truetype"), url("../fonts/Flaticon.svg#Flaticon") format("svg"); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio: 0) { @font-face { font-family: "Flaticon"; src: url("../fonts/Flaticon.svg#Flaticon") format("svg"); } } .fi:before { display: inline-block; font-family: "Flaticon"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; } .flaticon-playstore:before { content: ""; } .flaticon-apple-logo:before { content: ""; } @media (max-width: 992px) { .gp-col-2 { width: 33.33%; padding: 0 15px; } } @media (max-width: 576px) { .gp-col-2 { width: 50%; padding: 0 15px; } } @media (max-width: 420px) { .gp-col-2 { width: 100%; padding: 0 15px; } } /* Page Loader */ .loading { font-size: 84px; font-weight: 800; text-align: center; width: 100%; line-height: 1; } .loading span { position: relative; color: rgba(0, 0, 0, 0.2); display: inline-block; } .loading span::after { position: absolute; top: 0; left: 0; content: attr(data-text); color: #051441; opacity: 0; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-animation: loading 3s infinite; animation: loading 3s infinite; } .loading span:nth-child(2)::after { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .loading span:nth-child(3)::after { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .loading span:nth-child(4)::after { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .loading span:nth-child(5)::after { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .loading span:nth-child(6)::after { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .loading span:nth-child(7)::after { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } @-webkit-keyframes loading { 0%, 75%, 100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } 25%, 50% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes loading { 0%, 75%, 100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } 25%, 50% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } /*-------------------------------------------------------------- ## Button --------------------------------------------------------------*/ .gp-btn { text-align: center; padding: 10px 20px; color: #fff; cursor: pointer; display: inline-block; position: relative; border: 2px solid #ed1f25; -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; z-index: 2; border-radius: 3px; font-size: 15px; font-weight: 500; background: linear-gradient(60deg, #FE5924, #ed1f25); } .gp-btn.banner-btn { padding: 11px 33px; border-radius: 4px; } .gp-btn.btn-submit { background: #ed1f25; width: auto; font-size: 14px; font-weight: 500; margin: 0; padding: 10px 27px; } .gp-btn.btn-submit:after { background: #ed1f25; } .gp-btn.btn-submit:hover { -webkit-box-shadow: none; box-shadow: none; background: #ed1f25; color: #fff; } .gp-btn.btn-circle { border-radius: 10px; overflow: hidden; } .gp-btn.btn-sqr { border-radius: 0; } .gp-btn.btn-lg { padding: 16px 18px; width: 350px; } .gp-btn i { font-size: 20px; margin-left: 5px; display: inline-block; vertical-align: -3px; } .gp-btn:hover { color: #ed1f25; background: transparent; -webkit-box-shadow: none; box-shadow: none; } .gp-btn:hover:after { top: 0; bottom: auto; height: 0; } .gp-btn.gp-btn-light { color: #ed1f25; border-color: #fff; -webkit-box-shadow: none; box-shadow: none; } .gp-btn.gp-btn-light:after { background: #fff; } .gp-btn.gp-btn-light:hover { color: #fff; } .gp-btn.gp-btn-light.btn-light-four { color: #f8b137; } .gp-btn.gp-btn-light.btn-light-four:hover { color: #fff; } .gp-btn.gp-btn-light.color-three { color: #ed1f25; border-color: #fff; } .gp-btn.gp-btn-light.color-three:after { background: #fff; } .gp-btn.gp-btn-light.color-three:hover { color: #fff; } .gp-btn.btn-light { color: #000; border-color: #fff; -webkit-box-shadow: none; box-shadow: none; -webkit-box-shadow: 0 6px 10px 0 rgba(32, 46, 77, 0.08); box-shadow: 0 6px 10px 0 rgba(32, 46, 77, 0.08); } .gp-btn.btn-light:after { background: #fff; } .gp-btn.btn-light:hover { color: #fff; -webkit-box-shadow: none; box-shadow: none; } .gp-btn.btn-light.btn-light-four { color: #f8b137; } .gp-btn.btn-light.btn-light-four:hover { color: #fff; } .gp-btn.btn-light.color-three { color: #ed1f25; border-color: #fff; } .gp-btn.btn-light.color-three:after { background: #fff; } .gp-btn.btn-light.color-three:hover { color: #fff; } .gp-btn.btn-ass { padding: 7px 18px; border-radius: 6px; color: #2c2c51; border-color: #fff; -webkit-box-shadow: none; box-shadow: none; font-size: 14px; overflow: hidden; } .gp-btn.btn-ass:after { background: #f2f2f2; } .gp-btn.btn-ass:hover { background: #ed1f25; color: #fff; -webkit-box-shadow: none; box-shadow: none; } .gp-btn.btn-grey { -webkit-box-shadow: none; box-shadow: none; border-color: #f2f2f7; color: #2c2c51; background: #f2f2f7; } .gp-btn.btn-grey:after { height: 0; background: #ed1f25; } .gp-btn.btn-grey:hover { color: #fff; border-color: #ed1f25; -webkit-box-shadow: 0 10px 20px 0 rgba(26, 191, 104, 0.3); box-shadow: 0 10px 20px 0 rgba(26, 191, 104, 0.3); } .gp-btn.btn-grey:hover:after { height: 100%; } .gp-btn.btn-round { border-radius: 4px; overflow: hidden; } .gp-btn.btn-two { border-color: #6e58fc; } .gp-btn.btn-two:after { background: #6e58fc; } .gp-btn.btn-two:hover { color: #6e58fc; } .gp-btn.color-eight { border-color: #ed1f25; -webkit-box-shadow: 0 20px 30px 0 rgba(0, 201, 156, 0.16); box-shadow: 0 20px 30px 0 rgba(0, 201, 156, 0.16); border-width: 2px; } .gp-btn.color-eight:after { background: #ed1f25; } .gp-btn.color-eight:hover { color: #ed1f25; border-color: #ff6344; -webkit-box-shadow: none; box-shadow: none; } .gp-btn.color-eight.btn-outline { -webkit-box-shadow: none; box-shadow: none; color: #ed1f25; } .gp-btn.color-eight.btn-outline:hover { color: #fff; border-color: #ed1f25; } .gp-btn.color-eight.btn-light { color: #000; border-color: #fff; background: #ed1f25; -webkit-box-shadow: 0 6px 10px 0 rgba(32, 46, 77, 0.08); box-shadow: 0 6px 10px 0 rgba(32, 46, 77, 0.08); } .gp-btn.color-eight.btn-light:after { background: #fff; } .gp-btn.color-eight.btn-light:hover { color: #fff; -webkit-box-shadow: none; box-shadow: none; border-color: #ed1f25; } .gp-btn.btn-outline { border-color: #dfe3ed; color: #343e5d; -webkit-box-shadow: none; box-shadow: none; } .gp-btn.btn-outline:after { height: 0; } .gp-btn.btn-outline:hover { color: #fff; border-color: #ed1f25; } .gp-btn.btn-outline:hover:after { height: 100%; } .gp-btn.btn-outline.color-two { border: 2px solid #ff6344; color: #ed1f25; } .gp-btn.btn-outline.color-two:after { background: #ed1f25; } .gp-btn.btn-outline.color-two:hover { color: #fff; } .gp-btn.btn-outline.btn-outline-light { border-color: #c4c4e0; color: #2c2c51; } .gp-btn.btn-outline.btn-outline-light:after { background: #ed1f25; } .gp-btn.btn-outline.btn-outline-light:hover { color: #fff; } .gp-btn.color-three { border-color: #ed1f25; -webkit-box-shadow: none; box-shadow: none; border-width: 2px; } .gp-btn.color-three:after { background: #ed1f25; } .gp-btn.color-three:hover { color: #ed1f25; -webkit-box-shadow: none; box-shadow: none; } .gp-btn.color-three.btn-outline { -webkit-box-shadow: none; box-shadow: none; color: #ed1f25; } .gp-btn.color-three.btn-outline:hover { color: #fff; border-color: #ed1f25; } .gp-btn.color-four { border: 2px solid #f8b137; -webkit-box-shadow: none; box-shadow: none; } .gp-btn.color-four:after { background: #f8b137; } .gp-btn.color-four:hover { color: #f8b137; -webkit-box-shadow: none; box-shadow: none; } .gp-btn.color-four.btn-light { border-color: #fff; } .gp-btn.color-four.btn-light:after { background: #fff; } .gp-btn.color-four.btn-light:hover:after { background: transparent; } .gp-btn.color-four.btn-outline { -webkit-box-shadow: none; box-shadow: none; border-color: #dfe3ed; } .gp-btn.color-four.btn-outline:hover { border-color: #f8b137; color: #fff; } .gp-btn.color-five { border: 2px solid #ff5e85; -webkit-box-shadow: 0 20px 20px 0 rgba(218, 57, 96, 0.2); box-shadow: 0 20px 20px 0 rgba(218, 57, 96, 0.2); } .gp-btn.color-five:after { background: #ff5e85; } .gp-btn.color-five:hover { color: #ff5e85; -webkit-box-shadow: none; box-shadow: none; } .gp-btn.color-five.btn-outline { border-color: #dfe3ed; -webkit-box-shadow: none; box-shadow: none; } .gp-btn.color-five.btn-outline:hover { color: #fff; border-color: #ff5e85; -webkit-box-shadow: 0 20px 20px 0 rgba(218, 57, 96, 0.2); box-shadow: 0 20px 20px 0 rgba(218, 57, 96, 0.2); } .gp-btn.color-six { border: 2px solid #ed1f25; background: transparent; -webkit-box-shadow: 0 14px 20px 0 rgba(205, 80, 226, 0.3); box-shadow: 0 14px 20px 0 rgba(205, 80, 226, 0.3); } .gp-btn.color-six:after { background: #ed1f25; } .gp-btn.color-six:hover { color: #ed1f25; -webkit-box-shadow: none; box-shadow: none; background: transparent; } .gp-btn.color-six.btn-outline { border-color: #dfe3ed; -webkit-box-shadow: none; box-shadow: none; } .gp-btn.color-six.btn-outline:hover { color: #fff; border-color: #ed1f25; -webkit-box-shadow: 0 14px 20px 0 rgba(205, 80, 226, 0.3); box-shadow: 0 14px 20px 0 rgba(205, 80, 226, 0.3); } .gp-btn.color-seven { border-color: #6e58fc; -webkit-box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2); box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2); } .gp-btn.color-seven:after { background: #6e58fc; } .gp-btn.color-seven:hover { color: #6e58fc; -webkit-box-shadow: none; box-shadow: none; } .gp-btn.color-seven.btn-outline { -webkit-box-shadow: none; box-shadow: none; color: #6e58fc; } .gp-btn.color-seven.btn-outline:hover { color: #fff; border-color: #6e58fc; } .gp-btn.color-eight { border-color: #4d5afe; -webkit-box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2); box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2); padding: 12px 25px; } .gp-btn.color-eight:after { background: #4d5afe; } .gp-btn.color-eight:hover { color: #4d5afe; border-color: #4d5afe; -webkit-box-shadow: none; box-shadow: none; } .gp-btn.color-eight.btn-light { -webkit-box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2); box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2); color: #4d5afe; background: transparent; } .gp-btn.color-eight.btn-light:after { background: #fff; } .gp-btn.color-eight.btn-light:hover { background: transparent; border-color: #fff; } .gp-btn.color-eight.btn-outline { -webkit-box-shadow: none; box-shadow: none; color: #4d5afe; background: transparent; } .gp-btn.color-eight.btn-outline:hover { color: #fff; border-color: #4d5afe; } .gp-btn.color-eight.btn-outline.btn-light { color: #fff; border-color: rgba(255, 255, 255, 0.502); } .gp-btn.color-eight.btn-outline.btn-light:hover { border-color: #fff; color: #4d5afe; } .gp-btn.color-two { border-color: #ff6344; -webkit-box-shadow: none; box-shadow: none; } .gp-btn.color-two:after { background: linear-gradient(60deg, #FE5924, #ed1f25); } .gp-btn.color-two:hover { color: #ff6344; border-color: #ff6344; -webkit-box-shadow: none; box-shadow: none; } .gp-btn.color-two.btn-outline { -webkit-box-shadow: none; box-shadow: none; color: #ff6344; } .gp-btn.color-two.btn-outline:hover { color: #fff; border-color: #ff6344; } .gp-btn.color-two.btn-light { color: #000; border-color: #fff; background: linear-gradient(60deg, #FE5924, #ed1f25); -webkit-box-shadow: 0 6px 10px 0 rgba(32, 46, 77, 0.08); box-shadow: 0 6px 10px 0 rgba(32, 46, 77, 0.08); } .gp-btn.color-two.btn-light:after { background: #fff; } .gp-btn.color-two.btn-light:hover { color: #fff; -webkit-box-shadow: none; box-shadow: none; border-color: #ff6344; } .gp-btn.color-nine { border-color: #ed1f25; -webkit-box-shadow: none; box-shadow: none; } .gp-btn.color-nine:after { background: #ed1f25; } .gp-btn.color-nine:hover { color: #ed1f25; border-color: #ed1f25; -webkit-box-shadow: none; box-shadow: none; } .gp-btn.color-nine.btn-outline { -webkit-box-shadow: none; box-shadow: none; color: #ed1f25; } .gp-btn.color-nine.btn-outline:hover { color: #fff; border-color: #ed1f25; } .gp-btn.color-nine.btn-light { color: #000; border-color: #fff; background: #ed1f25; } .gp-btn.color-nine.btn-light:after { background: #fff; } .gp-btn.color-nine.btn-light:hover { color: #fff; -webkit-box-shadow: none; box-shadow: none; border-color: #ed1f25; } .view-btn { font-size: 18px; color: #6b717d; font-weight: 400; display: inline-block; } .view-btn i { vertical-align: -2px; color: #6b717d; margin-left: 2px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: inline-block; } .view-btn:hover { color: #ff6344; } .view-btn:hover i { margin-left: 5px; color: #ff6344; } .play-btn-two { height: 54px; width: 54px; background-color: white; -webkit-box-shadow: 0 10px 16px 0 rgba(0, 6, 26, 0.08); box-shadow: 0 10px 16px 0 rgba(0, 6, 26, 0.08); color: #ed1f25; display: inline-block; border-radius: 50%; text-align: center; line-height: 56px; position: relative; } .play-btn-two i { margin-left: 2px; color: #f8b137; text-shadow: 0 8px 10px rgba(202, 138, 28, 0.3); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .play-btn-two:after, .play-btn-two:before { content: ""; height: 70px; width: 70px; position: absolute; left: -8px; top: -8px; border: 1px solid rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0.102); border-radius: 50%; -webkit-animation: videoBtnAnim 3s linear infinite; animation: videoBtnAnim 3s linear infinite; display: block; } .play-btn-two:after { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; height: 80px; width: 80px; left: -13px; top: -13px; background-color: transparent; } .play-btn-two:hover { background: #f8b137; } .play-btn-two:hover i { color: #fff; } .button-container { margin-top: 50px; } @-webkit-keyframes shine { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } @keyframes shine { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } .nav-btn { padding: 7px 29px; } .bbtn-btn, .gp-btn-btc { -webkit-box-shadow: 0 3px 4px 0 rgba(30, 1, 87, 0.5); box-shadow: 0 3px 4px 0 rgba(30, 1, 87, 0.5); border: 1px solid #413095; padding: 11px 31px; display: inline-block; color: #fff; font-size: 14px; font-weight: 400; letter-spacing: 1px; background-size: 200% auto; } .bbtn-btn:hover, .gp-btn-btc:hover { background-image: -webkit-gradient(linear, left top, right top, from(#a35dfb), color-stop(100%, #671efc), color-stop(0%, #a35dfb)); background-image: -o-linear-gradient(left, #a35dfb 0%, #671efc 100%, #a35dfb 0%); background-image: linear-gradient(to right, #a35dfb 0%, #671efc 100%, #a35dfb 0%); color: #fff; background-position: right center; } .bbtn-btn { padding: 13px 33px; background: #271582; } .bbtn-btn.btn-active { margin-right: 20px; } .gp-btn-two { padding: 10px 25px; background: #f8b137; border: 2px solid #f8b137; color: #fff; border-radius: 3px; display: inline-block; } .gp-btn-two:hover { background: transparent; color: #f8b137; } .gp-btn-four { background: #ff5e85; padding: 10px 30px; border-radius: 30px; color: #fff; display: inline-block; font-size: 15px; -webkit-box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1); box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1); } .gp-btn-four i { margin-left: 5px; } .app-btn { font-size: 18px; font-weight: 500; display: inline-block; border-radius: 4px; padding: 10px 25px; } .app-btn .button-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .app-btn span { display: inline-block; vertical-align: text-top; } .app-btn i { font-size: 24px; margin-right: 10px; margin-left: 0; line-height: 1; } .app-btn.btn-outline { color: #ed1f25; border-color: #ed1f25; } /* Back To Top */ .return-to-top { position: fixed; bottom: -30px; right: 20px; width: 42px; height: 42px; line-height: 42px; text-align: center; cursor: pointer; z-index: 998; border-radius: 50%; opacity: 0; -webkit-transition: bottom 0.5s ease, opacity 0.5s ease; -o-transition: bottom 0.5s ease, opacity 0.5s ease; transition: bottom 0.5s ease, opacity 0.5s ease; } .return-to-top:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; opacity: 1; display: block; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: inherit; -webkit-transition: opacity 0.6s ease, -webkit-transform 0.5s ease; transition: opacity 0.6s ease, -webkit-transform 0.5s ease; -o-transition: transform 0.5s ease, opacity 0.6s ease; transition: transform 0.5s ease, opacity 0.6s ease; transition: transform 0.5s ease, opacity 0.6s ease, -webkit-transform 0.5s ease; } .return-to-top:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; background: rgb(14 39 95); -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: inherit; } .return-to-top > i { position: relative; overflow: hidden; font-size: 12px; width: inherit; height: inherit; line-height: inherit; display: block; color: transparent; text-shadow: 0 0 #fff, 0 50px #fff; -webkit-transition: text-shadow 0.2s ease; -o-transition: text-shadow 0.2s ease; transition: text-shadow 0.2s ease; z-index: 1; } .return-to-top:hover:after { -webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07); background: #ed1f25; } .home-analytics .return-to-top:hover:after { background: #f8b137; -webkit-box-shadow: 0 10px 20px 8px rgba(248, 177, 55, 0.15); box-shadow: 0 10px 20px 8px rgba(248, 177, 55, 0.15); } .return-to-top:hover > i { text-shadow: 0 -50px #fff, 0 0 #fff; } .return-to-top.back-top { bottom: 20px; opacity: 1; } .gp-btn-normal { color: #706c79; font-size: 15px; font-weight: 500; } .gp-btn-normal i { display: inline-block; vertical-align: -3px; font-size: 20px; margin-left: 5px; } .gp-btn-normal:hover { color: #ed1f25; } /*-------------------------------------------------------------- ## Section Heading --------------------------------------------------------------*/ .section-heading { margin-bottom: 70px; text-align: center; position: relative; z-index: 222; } .section-heading .subtitle { font-size: 14px; color: #ed1f25; font-weight: 500; position: relative; display: inline-block; margin-bottom: 0; } .section-heading .section-title { font-size: 48px; margin: 0; line-height: 1.2; font-weight: 600; } @media (max-width: 768px) { .section-heading .section-title { font-size: 30px; } } @media (max-width: 576px) { .section-heading .section-title br { display: none; } } .section-heading p { margin-top: 20px; margin-bottom: 0; } @media (max-width: 991px) { .section-heading p br { display: none; } } .section-heading.style-three .subtitle { color: #ed1f25; font-weight: 500; margin-bottom: 10px; letter-spacing: 0.3em; } .section-heading.font-light .section-title { font-weight: 500; } .section-heading.style-two { margin-bottom: 63px; } .section-heading.style-two .subtitle { font-size: 16px; color: #4d5afe; font-weight: 400; text-transform: uppercase; letter-spacing: 3px; } .section-heading.style-two .section-title { font-size: 40px; font-weight: 800; color: #373d46; position: relative; padding-bottom: 20px; } .section-heading.style-two .section-title:after, .section-heading.style-two .section-title:before { content: ""; position: absolute; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; height: 1px; width: 80px; background-color: #4d5afe; } .section-heading.style-two .section-title:before { left: 48%; } .section-heading.style-two .section-title:after { bottom: -5px; left: 52%; } @media (max-width: 768px) { .section-heading.style-two .section-title { font-size: 30px; line-height: 40px; } } .section-heading.style-two.text-left .section-title:after, .section-heading.style-two.text-left .section-title:before { left: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .section-heading.style-two.text-left .section-title:after { width: 50px; } .section-heading.style-two .social-slider-nav .slider-next, .section-heading.style-two .social-slider-nav .slider-prev { color: #373d46; border-color: #e0e3e8; } .section-heading.style-two .social-slider-nav .slider-next:hover, .section-heading.style-two .social-slider-nav .slider-prev:hover { background-color: #4d5afe; border-color: #4d5afe; color: #fff; -webkit-box-shadow: 0px 20px 30px 0px rgba(6, 16, 149, 0.2); box-shadow: 0px 20px 30px 0px rgba(6, 16, 149, 0.2); } .section-heading.style-four p { color: #000; } .section-heading.style-four.font-light .section-title { font-weight: 500; } .section-heading.style-five .section-title { font-size: 40px; line-height: 50px; font-weight: 400; } @media (max-width: 991px) { .section-heading.style-five .section-title { font-size: 30px; line-height: 40px; } } .section-title-ana { position: relative; padding-bottom: 15px; } .section-title-ana h2 { font-size: 48px; line-height: 50px; font-weight: 700; position: relative; display: inline-block; margin: 0; } .section-title-ana:after { position: absolute; content: ""; width: 70px; height: 3px; background-image: -webkit-gradient(linear, left top, right top, from(#fd5424), to(#ef2525)); background-image: -o-linear-gradient(left, #fd5424 0%, #ef2525 100%); background-image: linear-gradient(to right, #fd5424 0%, #ef2525 100%); bottom: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .section-title-two { margin-bottom: 100px; position: relative; } .section-title-two h2 { font-size: 48px; font-weight: 400; margin-bottom: 20px; } .section-title-two p { font-size: 16px; color: #677294; line-height: 30px; } .section-title-two.title-big h2 { font-size: 40px; line-height: 56px; font-weight: 700; } .section-title-two .gp-btn-four { margin-top: 35px; } .section-title-three { margin-bottom: 20px; position: relative; } .section-title-three h2 { font-size: 35px; line-height: 50px; font-weight: 800; color: #222931; margin: 0; } .section-heading-two { text-align: center; margin-bottom: 50px; position: relative; z-index: 33; } .section-heading-two .subtitle { color: #ff5e85; font-weight: 500; font-size: 16px; position: relative; display: inline-block; text-transform: uppercase; } .section-heading-two .subtitle:after { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 1px; background: #ff5e85; } .section-heading-two .section-title { font-size: 30px; font-weight: 700; color: #343e5d; line-height: 1.4; } .section-dark .section-title-two h2 { color: #fff; } .section-dark .section-title-two p { color: #eae3f4; font-size: 18px; font-weight: 400; } @media (max-width: 576px) { .section-dark .section-title-two p br { display: none; } } /*-------------------------------------------------------------- ## Preloader --------------------------------------------------------------*/ .page-loader { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 99999999; background-color: #fff; } .page-loader .loader { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; } .page-loading-wrapper { position: absolute; top: 50%; left: 50%; height: auto; width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .page-loading-wrapper svg { width: 0; height: 0; } .goo1 { -webkit-filter: url(#goo); position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .loading div { background: #ed1f25; width: 25px; height: 25px; border-radius: 50%; } .goo1 > div { width: 15px; height: 15px; position: absolute; top: 50%; left: 50%; -webkit-transform-origin: -50% -50%; -ms-transform-origin: -50% -50%; transform-origin: -50% -50%; -webkit-animation: circle 2.5s infinite cubic-bezier(0.57, 0, 0.52, 1); animation: circle 2.5s infinite cubic-bezier(0.57, 0, 0.52, 1); } .goo1 > div:nth-child(1) { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; } .goo1 > div:nth-child(2) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .goo1 > div:nth-child(3) { -webkit-animation-delay: 0.75s; animation-delay: 0.75s; } .goo1 > div:nth-child(4) { -webkit-animation-delay: 1s; animation-delay: 1s; } .goo1 > div:nth-child(5) { -webkit-animation-delay: 1.25s; animation-delay: 1.25s; } .goo2 > div { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-animation: sideways 2.5s infinite ease; animation: sideways 2.5s infinite ease; } .goo2 > div:nth-child(1) { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; } .goo2 > div:nth-child(2) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .goo2 > div:nth-child(3) { -webkit-animation-delay: 0.75s; animation-delay: 0.75s; } .goo2 > div:nth-child(4) { -webkit-animation-delay: 1s; animation-delay: 1s; } .goo2 > div:nth-child(5) { -webkit-animation-delay: 1.25s; animation-delay: 1.25s; } .goo2 { padding-left: 40px; width: 200px; height: 100px; } @keyframes circle { 50% { width: 25px; height: 25px; } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes sideways { 33% { -webkit-transform: translateX(50px); transform: translateX(50px); } 66% { -webkit-transform: translateX(-50px); transform: translateX(-50px); } } @keyframes sideways { 33% { -webkit-transform: translateX(50px); transform: translateX(50px); } 66% { -webkit-transform: translateX(-50px); transform: translateX(-50px); } } /*-------------------------------------------------------------- ## Header --------------------------------------------------------------*/ .site-header { z-index: 999; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .site-header .container-full { padding: 0 50px; } @media (max-width: 576px) { .site-header .container-full { padding: 0 15px; } } .site-header .btn-help { -webkit-box-shadow: none; box-shadow: none; color: #554bfe; border-color: #eeedff; } .site-header .btn-help:after { background: #eeedff; } .site-header.header-transparent { position: absolute; top: 0; left: 0; width: 100%; } .site-header.header-transparent .astriol-main-menu > li > a:before { display: none; } .site-header .site-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .site-header .site-logo .site-title { font-size: 34px; font-weight: 500; padding: 8px 0; margin: 0; } .site-header .site-logo a { font-size: 30px; font-weight: 700; display: block; color: #000; } .site-header .site-logo a h3 { margin: 0; font-size: 30px; font-weight: 700; color: #000; } .site-header .site-logo .logo-sticky { display: none; } .site-header .astriol-burger-menu { text-align: right; display: none; cursor: pointer; } .site-header .astriol-burger-menu.style-two { background: #f8f8f8; height: 55px; width: 55px; border-radius: 50%; padding: 20px 17px; margin-right: 20px; text-align: left; display: inline-block; } .site-header .astriol-burger-menu.style-two span { margin-left: 0; } .site-header .astriol-burger-menu.mobile-view { display: none; } .site-header .astriol-burger-menu span { background: #2c2c51; height: 2px; display: block; margin-left: auto; } .site-header .astriol-burger-menu span:not(:last-child) { margin-bottom: 5px; } .site-header .astriol-burger-menu .bar-one { width: 20px; } .site-header .astriol-burger-menu .bar-two { width: 25px; } .site-header .astriol-burger-menu .bar-three { width: 15px; } .site-header.header-seo:not(.showed) .astriol-burger-menu span { background: #fff; } .site-header .add-menu { margin: 0; padding: 31px 0; list-style: none; font-weight: 500; } .site-header .add-menu li a { color: #000; } .site-header .tt-hamburger { width: 24px; cursor: pointer; } .site-header .tt-hamburger.active { opacity: 0; visibility: hidden; } @media (min-width: 992px) { .site-header .tt-hamburger { display: none; } } .site-header .tt-hamburger:focus { outline: 0; } .site-header .tt-hamburger .bar { background: #fff; height: 2px; display: block; } .site-header .tt-hamburger .bar:not(:last-child) { margin-bottom: 5px; } .site-header.header-fixed.showed { position: fixed; width: 100%; left: 0; top: 0; z-index: 99; background: #fff; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); -webkit-animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both; animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both; } .header-position .site-header.header-fixed.showed { top: 32px; } @media (max-width: 782px) { .header-position .site-header.header-fixed.showed { top: 46px; } } .site-header.header-fixed.showed .site-logo .main-logo { display: none; } .site-header.header-fixed.showed .site-logo a { color: #051441; } .site-header.header-fixed.showed .site-logo h3 { color: #051441; } .site-header.header-fixed.showed .add-menu li a { color: #051441; } .site-header.header-fixed.showed .tt-hamburger .bar { background: #051441; } @media (min-width: 1200px) { .site-header:not(.mobile-header).header-main .nav-right { margin-left: 40px; } .site-header:not(.mobile-header).header-main .nav-right .btn-help { margin-right: 10px; } .site-header:not(.mobile-header).header-main .nav-right .nav-btn { padding: 6px 21px; font-size: 14px; background-color: #ed1f25; } .site-header:not(.mobile-header).header-main .nav-right .nav-btn i { margin-left: 0; margin-right: 5px; font-size: 14px; vertical-align: middle; } .site-header:not(.mobile-header).header-main .nav-right .nav-btn:after { display: none; } .site-header:not(.mobile-header).header-main .nav-right .nav-btn:hover { color: #fff; -webkit-box-shadow: none; box-shadow: none; } .site-header:not(.mobile-header).header-main .nav-right .nav-btn.btn-help { background-color: #eeedff; padding: 6px 27px; } .site-header:not(.mobile-header).header-main .nav-right .nav-btn.btn-help:hover { background-color: #554bfe; border-color: #554bfe; } .site-header:not(.mobile-header).header-main.header-fixed.showed .nav-right { margin-left: 40px; } .site-header:not(.mobile-header).header-main.header-fixed.showed .nav-right .btn-help { margin-right: 10px; } .site-header:not(.mobile-header).header-main.header-fixed.showed .nav-right .nav-btn { -webkit-box-shadow: none; box-shadow: none; } .site-header:not(.mobile-header).header-main.header-fixed.showed .nav-right .nav-btn:hover { -webkit-box-shadow: 0 10px 20px 0 rgba(6, 148, 73, 0.3); box-shadow: 0 10px 20px 0 rgba(6, 148, 73, 0.3); } .site-header:not(.mobile-header).header-main.header-fixed.showed .nav-right .nav-btn.btn-help { -webkit-box-shadow: none !important; box-shadow: none !important; } .site-header:not(.mobile-header) .nav-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .site-header:not(.mobile-header) .nav-right .search-btn { display: inline-block; margin-right: 15px; color: #051441; cursor: pointer; } .site-header:not(.mobile-header) .menu-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .submenu-align-right .site-header:not(.mobile-header) { width: auto; } } .site-header:not(.mobile-header) .main-nav-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .site-header:not(.mobile-header) .main-nav { position: relative; } .site-header:not(.mobile-header) .astriol-main-menu { margin: 0; padding: 0; list-style: none; } .site-header:not(.mobile-header) .astriol-main-menu > li { padding: 35px 0; } .site-header:not(.mobile-header) .astriol-main-menu > li > a { font-weight: 500; font-size: 15px; color: #051441; position: relative; } .site-header:not(.mobile-header) .astriol-main-menu > li > a:before { content: ""; position: absolute; width: 100%; height: 1px; left: 0; bottom: -2px; transition: transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85), -webkit-transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85); background: #fff; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } .site-header:not(.mobile-header) .astriol-main-menu > li > a:hover:before, .site-header:not(.mobile-header) .astriol-main-menu > li > a.current-menu-item:before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .site-header:not(.mobile-header) .astriol-main-menu > li > a:after { display: none; visibility: hidden; opacity: 0; } .site-header:not(.mobile-header) .astriol-main-menu > li > a:hover, .site-header:not(.mobile-header) .astriol-main-menu > li > a.current-menu-item { color: #ed1f25; } .site-header:not(.mobile-header) .astriol-main-menu > li:nth-last-child(-n+3).has-submenu .sub-menu { left: auto; right: 0; } .site-header:not(.mobile-header) .astriol-main-menu > li:nth-last-child(-n+3).has-submenu .sub-menu li ul { right: 100%; } .site-header:not(.mobile-header) .astriol-main-menu > li:not(.mega-menu) { position: relative; } .menu-light .site-header:not(.mobile-header) .astriol-main-menu > li > a { color: #fff; } .site-header:not(.mobile-header) .astriol-main-menu li { display: inline-block; } .site-header:not(.mobile-header) .astriol-main-menu li:not(:last-child) { margin-right: 45px; } .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu > a:after { content: ""; font-family: "themify"; position: absolute; top: calc(50% - 9px); right: 30px; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); font-size: 12px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu { margin: 0; padding: 15px 0; position: absolute; top: 115%; left: 0; opacity: 0; visibility: hidden; background: #fff; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 6px; min-width: 230px; -webkit-box-shadow: 0 10px 30px 0 rgba(9, 2, 51, 0.1); box-shadow: 0 10px 30px 0 rgba(9, 2, 51, 0.1); z-index: 2222; width: 250px; } .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu.sub-menu-wide { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 40px 80px 25px; } .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu.sub-menu-wide > .mega-menu-item > a { font-size: 16px; text-transform: uppercase; font-weight: 800; display: inline-block; color: #051441; } .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu.sub-menu-wide > .mega-menu-item > a:after { display: none; } .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu.sub-menu-wide .sub-menu { position: unset; -webkit-box-shadow: unset; box-shadow: unset; visibility: unset; opacity: unset; } .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu li { display: block; position: relative; margin-right: 0; line-height: 36px; } .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu li a { font-size: 14px; padding: 10px 30px; display: block; line-height: 1.5; color: #686875; font-weight: 500; } .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu li a:hover, .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu li a.current-menu-item { color: #ed1f25; background-color: #f9f9f9; margin-bottom: 2px; } .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu li a:hover:after, .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu li a.current-menu-item:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu li ul { padding: 15px 0; position: absolute; left: 100%; top: 0; background: #fff; min-width: 220px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; visibility: hidden; -webkit-box-shadow: 0px 5px 10px #14303a15; box-shadow: 0px 5px 10px #14303a15; } .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu li.has-submenu:hover ul { opacity: 1; visibility: visible; top: -15px; } .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu:hover ul { opacity: 1; visibility: visible; top: 100%; } .site-header:not(.mobile-header).header-light .astriol-main-menu > li > a { color: #fff; } .site-header:not(.mobile-header).header-light .astriol-main-menu li.has-submenu .sub-menu li a:hover, .site-header:not(.mobile-header).header-light .astriol-main-menu li.has-submenu .sub-menu li a.current-menu-item { color: #ed1f25; } .site-header:not(.mobile-header).header-light .nav-right .gp-btn { color: #fff; } .site-header:not(.mobile-header).header-light.header-fixed.showed .astriol-main-menu li a:hover, .site-header:not(.mobile-header).header-light.header-fixed.showed .astriol-main-menu li a.current-menu-item { color: #ed1f25; } .site-header:not(.mobile-header).header-light.header-fixed.showed .nav-right .gp-btn { color: #051441; border-color: #051441; } .site-header:not(.mobile-header).header-light.header-fixed.showed .nav-right .gp-btn:hover { color: #fff; border-color: #ed1f25; } .site-header:not(.mobile-header).header-sass .astriol-main-menu > li > a:before { display: none; } .site-header:not(.mobile-header).header-sass .astriol-main-menu > li > a:hover, .site-header:not(.mobile-header).header-sass .astriol-main-menu > li > a.current-menu-item { color: #ff6344; } .site-header:not(.mobile-header).header-sass .astriol-main-menu li.has-submenu .sub-menu li a:hover, .site-header:not(.mobile-header).header-sass .astriol-main-menu li.has-submenu .sub-menu li a.current-menu-item { color: #ff6344; } .site-header:not(.mobile-header).header-sass.header-fixed.showed .astriol-main-menu li a:hover, .site-header:not(.mobile-header).header-sass.header-fixed.showed .astriol-main-menu li a.current-menu-item { color: #ff6344; } .site-header:not(.mobile-header).header-sass.header-fixed.showed .nav-btn { -webkit-box-shadow: none; box-shadow: none; } .site-header:not(.mobile-header).header-analytics .astriol-main-menu > li > a { color: #fff; } .site-header:not(.mobile-header).header-analytics .astriol-main-menu li.has-submenu .sub-menu li a:hover, .site-header:not(.mobile-header).header-analytics .astriol-main-menu li.has-submenu .sub-menu li a.current-menu-item { color: #f8b137; } .site-header:not(.mobile-header).header-analytics .nav-right { margin-left: 50px; } .site-header:not(.mobile-header).header-analytics .nav-right .gp-btn { color: #f8b137; padding: 8px 28px; } .site-header:not(.mobile-header).header-analytics .nav-right .gp-btn:hover { color: #fff; } .site-header:not(.mobile-header).header-analytics.header-fixed.showed .astriol-main-menu li a:hover, .site-header:not(.mobile-header).header-analytics.header-fixed.showed .astriol-main-menu li a.current-menu-item { color: #f8b137; } .site-header:not(.mobile-header).header-analytics.header-fixed.showed .nav-right { margin-left: 30px; } .site-header:not(.mobile-header).header-analytics.header-fixed.showed .nav-right .gp-btn { border-color: #f8b137; color: #fff; } .site-header:not(.mobile-header).header-analytics.header-fixed.showed .nav-right .gp-btn:after { background: #f8b137; } .site-header:not(.mobile-header).header-analytics.header-fixed.showed .nav-right .gp-btn:hover { background: transparent; color: #f8b137; } .site-header:not(.mobile-header).header-analytics .astriol-burger-menu span { background: #fff; } .site-header:not(.mobile-header).header-seo .astriol-main-menu > li > a { color: #fff; position: relative; } .site-header:not(.mobile-header).header-seo .astriol-main-menu > li > a:before { content: ""; position: absolute; width: 100%; height: 1px; left: 0; bottom: 0; transition: transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85), -webkit-transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85); background: #fff; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } .site-header:not(.mobile-header).header-seo .astriol-main-menu > li > a:hover:before, .site-header:not(.mobile-header).header-seo .astriol-main-menu > li > a.current-menu-item:before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .site-header:not(.mobile-header).header-seo .astriol-main-menu li.has-submenu .sub-menu li a:hover, .site-header:not(.mobile-header).header-seo .astriol-main-menu li.has-submenu .sub-menu li a.current-menu-item { color: #ff5e85; } .site-header:not(.mobile-header).header-seo .nav-right { margin-left: 50px; } .site-header:not(.mobile-header).header-seo .nav-right .gp-btn { -webkit-box-shadow: 0px 20px 20px 0px rgba(0, 11, 40, 0.1); box-shadow: 0px 20px 20px 0px rgba(0, 11, 40, 0.1); padding: 8px 34px; } .site-header:not(.mobile-header).header-seo .nav-right .gp-btn:hover { -webkit-box-shadow: none; box-shadow: none; color: #fff; border-color: #fff; } .site-header:not(.mobile-header).header-seo.header-fixed.showed .astriol-main-menu li a:hover, .site-header:not(.mobile-header).header-seo.header-fixed.showed .astriol-main-menu li a.current-menu-item { color: #ff5e85; } .site-header:not(.mobile-header).header-seo.header-fixed.showed .nav-right { margin-left: 30px; } .site-header:not(.mobile-header).header-seo.header-fixed.showed .nav-right .gp-btn { border-color: #ff5e85; color: #fff; } .site-header:not(.mobile-header).header-seo.header-fixed.showed .nav-right .gp-btn:after { background: #ff5e85; } .site-header:not(.mobile-header).header-seo.header-fixed.showed .nav-right .gp-btn:hover { background: transparent; color: #ff5e85; } .site-header:not(.mobile-header).header-seo .astriol-burger-menu span { background: #fff; } .site-header:not(.mobile-header).header-agency .astriol-main-menu > li > a { color: #fff; } .site-header:not(.mobile-header).header-agency .astriol-main-menu li.has-submenu .sub-menu li a:hover, .site-header:not(.mobile-header).header-agency .astriol-main-menu li.has-submenu .sub-menu li a.current-menu-item { color: #4d5afe; } .site-header:not(.mobile-header).header-agency.header-fixed.showed .astriol-main-menu li a:hover, .site-header:not(.mobile-header).header-agency.header-fixed.showed .astriol-main-menu li a.current-menu-item { color: #4d5afe; } .site-header:not(.mobile-header).header-agency.header-fixed.showed .nav-right .gp-btn { border-color: #4d5afe; color: #4d5afe; } .site-header:not(.mobile-header).header-agency.header-fixed.showed .nav-right .gp-btn:after { background: #4d5afe; } .site-header:not(.mobile-header).header-agency.header-fixed.showed .nav-right .gp-btn:hover { color: #fff; } .site-header:not(.mobile-header).header-agency .nav-right { margin-left: 50px; } .site-header:not(.mobile-header).header-agency .nav-right .gp-btn { padding: 10px 25px; } .site-header:not(.mobile-header).header-agency-two .astriol-main-menu > li > a { color: #fff; } .site-header:not(.mobile-header).header-agency-two .astriol-main-menu li.has-submenu .sub-menu li a:hover, .site-header:not(.mobile-header).header-agency-two .astriol-main-menu li.has-submenu .sub-menu li a.current-menu-item { color: #ed1f25; } .site-header:not(.mobile-header).header-agency-two.header-fixed.showed .astriol-main-menu li a:hover { color: #ed1f25; } .site-header:not(.mobile-header).header-agency-two .nav-right { margin-left: 50px; } .site-header:not(.mobile-header).header-agency-two .nav-right .gp-btn { padding: 7px 32px; } .site-header:not(.mobile-header).header-dark-saas .astriol-main-menu > li > a:before { display: none; } .site-header:not(.mobile-header).header-dark-saas .astriol-main-menu > li > a:hover, .site-header:not(.mobile-header).header-dark-saas .astriol-main-menu > li > a.current-menu-item { color: #ed1f25; } .site-header:not(.mobile-header).header-dark-saas .astriol-main-menu li.has-submenu .sub-menu li a:hover, .site-header:not(.mobile-header).header-dark-saas .astriol-main-menu li.has-submenu .sub-menu li a.current-menu-item { color: #ed1f25; } .site-header:not(.mobile-header).header-dark-saas.header-fixed.showed .astriol-main-menu li a:hover { color: #ed1f25; } .site-header:not(.mobile-header).header-dark-saas .nav-right { margin-left: 50px; } .site-header:not(.mobile-header).header-dark-saas .nav-right .gp-btn { padding: 8px 32px; border-color: #ed1f25; border-width: 2px; } .site-header:not(.mobile-header).header-light-saas .astriol-main-menu > li > a { color: #fff; } .site-header:not(.mobile-header).header-light-saas .astriol-main-menu > li > a:hover { color: rgba(255, 255, 255, 0.8); } .site-header:not(.mobile-header).header-light-saas .astriol-main-menu li.has-submenu .sub-menu li a:hover, .site-header:not(.mobile-header).header-light-saas .astriol-main-menu li.has-submenu .sub-menu li a.current-menu-item { color: #6e58fc; } .site-header:not(.mobile-header).header-light-saas .nav-right { margin-left: 50px; } .site-header:not(.mobile-header).header-light-saas .nav-right .gp-btn { border-color: rgba(255, 255, 255, 0.502); color: #fff; } .site-header:not(.mobile-header).header-light-saas .nav-right .gp-btn:after { background: #fff; } .site-header:not(.mobile-header).header-light-saas .nav-right .gp-btn:hover { border-color: #fff; color: #6e58fc; } .site-header:not(.mobile-header).header-light-saas.header-fixed.showed .astriol-main-menu li a:hover, .site-header:not(.mobile-header).header-light-saas.header-fixed.showed .astriol-main-menu li a.current-menu-item { color: #6e58fc; } .site-header:not(.mobile-header).header-light-social .astriol-main-menu > li > a { color: #fff; position: relative; } .site-header:not(.mobile-header).header-light-social .astriol-main-menu > li > a:before { content: ""; position: absolute; width: 100%; height: 1px; left: 0; bottom: 0; transition: transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85), -webkit-transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85); background: #fff; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } .site-header:not(.mobile-header).header-light-social .astriol-main-menu > li > a:hover:before, .site-header:not(.mobile-header).header-light-social .astriol-main-menu > li > a.current-menu-item:before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .site-header:not(.mobile-header).header-light-social .astriol-main-menu li.has-submenu .sub-menu li a:hover, .site-header:not(.mobile-header).header-light-social .astriol-main-menu li.has-submenu .sub-menu li a.current-menu-item { color: #000; } .site-header:not(.mobile-header).header-light-social .nav-right { margin-left: 50px; } .site-header:not(.mobile-header).header-light-social .nav-right .gp-btn { -webkit-box-shadow: none; box-shadow: none; padding: 8px 26px; } .site-header:not(.mobile-header).header-light-social.header-fixed.showed .astriol-burger-menu span { background: #051441; } .site-header:not(.mobile-header).header-transparent.header-2 .astriol-main-menu > li > a { color: #fff; } .site-header:not(.mobile-header).header-bg { background: #fff; -webkit-box-shadow: 0px 20px 40px 0px rgba(8, 2, 46, 0.08); box-shadow: 0px 20px 40px 0px rgba(8, 2, 46, 0.08); } .site-header:not(.mobile-header).header-bg .astriol-main-menu > li { padding: 27px 0; } .site-header:not(.mobile-header).submenu-align-right .menu-wrapper { width: auto; } .site-header:not(.mobile-header).submenu-align-right .astriol-main-menu > li:nth-last-child(-n+3).has-submenu .sub-menu { left: auto; right: 0; } .site-header:not(.mobile-header).submenu-align-right .astriol-main-menu > li:nth-last-child(-n+3).has-submenu .sub-menu li ul { right: 100%; } .site-header.header-fixed.showed { position: fixed; width: 100%; left: 0; top: 0; z-index: 999; background: #fff; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); -webkit-animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both; animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both; } .header-position .site-header.header-fixed.showed { top: 32px; } @media (max-width: 782px) { .header-position .site-header.header-fixed.showed { top: 46px; } } .header-position .site-header.header-fixed.showed .fullscreen-menu { top: 0; } .site-header.header-fixed.showed .site-logo .main-logo { display: none; } .site-header.header-fixed.showed .site-logo .logo-sticky { display: block; } .site-header.header-fixed.showed .menu-trigger .dot_icon .dot { background: #051441; } .site-header.header-fixed.showed:not(.mobile-header) .astriol-main-menu > li { padding: 27px 0; } .site-header.header-fixed.showed:not(.mobile-header) .astriol-main-menu li a { color: #051441; } .site-header.header-fixed.showed:not(.mobile-header) .astriol-main-menu li a:hover { color: #ed1f25; } .site-header.header-fixed.showed:not(.mobile-header) .astriol-main-menu li > { padding: 27px 0; } .site-header.header-fixed.showed.header-light-saas .nav-right .gp-btn { border-color: #6e58fc; color: #6e58fc; } .site-header.header-fixed.showed.header-light-saas .nav-right .gp-btn:hover { border-color: #6e58fc; color: #fff; } @keyframes stickySlideDown { from { -webkit-transform: translateY(-100%); transform: translateY(-100%); } to { -webkit-transform: translateY(0); transform: translateY(0); } } #site-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 992px) { .close-menu { display: none; } } .canvas-header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 30px 20px; border-bottom: 1px solid #eee; margin-bottom: 30px; display: none; } .close-menu { height: 50px; width: 50px; background: rgba(136, 136, 136, 0.1); border-radius: 50%; text-align: center; line-height: 54px; color: #051441; } .astriol-main-menu { list-style: none; } .astriol-main-menu ul { list-style: none; } /*-------------------------------------------------------------- ### Main Nav Mobile --------------------------------------------------------------*/ .mobile-header { height: auto;/*-------------------------------------------------------------- ### Main Nav --------------------------------------------------------------*/ } .mobile-header .astriol-burger-menu { display: block; margin-left: 20px; } .mobile-header .astriol-burger-menu.desktop-view { display: none; } .mobile-header .astriol-burger-menu.mobile-view { display: block; } .mobile-header .canvas-header { display: -webkit-box; display: -ms-flexbox; display: flex; } .mobile-header .site-logo .logo-sticky { display: none; } .mobile-header .tt-hamburger { display: block; } .mobile-header.header-analytics:not(.showed) .astriol-burger-menu span { background: #fff; } .mobile-header.header-light-saas:not(.showed) .astriol-burger-menu span, .mobile-header.header-agency-two:not(.showed) .astriol-burger-menu span { background: #fff; } .mobile-header.header-fixed.showed .logo-sticky { display: block; } .mobile-header .site-logo a { padding: 13px 0; } .mobile-header .nav-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 25px 0; border-top: 1px solid #eee; } .mobile-header .nav-right .btn-help { margin-right: 10px; } .mobile-header.header-page .nav-right { padding: 0; border-top: 0; } @media (max-width: 420px) { .mobile-header.header-page .gp-btn { padding: 10px 20px; font-size: 14px; } } .mobile-header.header-sass .nav-right { border: 0; padding: 0; } .mobile-header .main-nav-container { position: fixed; top: 0; height: 100vh; background: #fff; max-width: 400px; width: 100%; text-align: left; overflow-y: auto; padding-bottom: 80px; left: -100px; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; opacity: 0; visibility: hidden; z-index: 999; } .header-position .mobile-header .main-nav-container { top: 32px; } @media (max-width: 780px) { .header-position .mobile-header .main-nav-container { top: 46px; } } @media (max-width: 420px) { .mobile-header .main-nav-container { /* max-width: 100%; */ } } .mobile-header .main-nav-container.open { opacity: 1; left: 0; visibility: visible; } .mobile-header .main-nav-container li a { font-size: 16px; color: #051441; position: relative; z-index: 1; padding: 8px 25px; display: block; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-transform: capitalize; font-weight: 500; border-left: 2px solid transparent; } .mobile-header .main-nav-container li.has-submenu > a { position: relative; } .mobile-header .main-nav-container li.has-submenu > a:after { content: "\F4FE"; font-family: "bootstrap-icons"; position: absolute; top: 50%; right: 30px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 12px; } .mobile-header .main-nav-container li.has-submenu > a.active:after { content: "\F2EA"; } .mobile-header .main-nav-container li.has-submenu li a { font-size: 16px; } .mobile-header .main-nav-container .menu-item-depth-0 > a.active { background: #ed1f25; color: #fff; } .mobile-header .main-nav-container .menu-item-depth-0 li a.active { color: #ed1f25; } .mobile-header.header-main .astriol-burger-menu { margin-left: 0; } .mobile-header.header-dark-saas .main-nav-container .menu-item-depth-0 > a.active { background: #ed1f25; } .mobile-header.header-light-saas .main-nav-container .menu-item-depth-0 > a.active { background: #6e58fc; } .mobile-header.header-light-saas .main-nav-container .menu-item-depth-0 li a.active { color: #6e58fc; } .mobile-header.header-light-saas .gp-btn.color-two.btn-outline { color: #6e58fc; border-color: #6e58fc; } .mobile-header.header-light-saas .gp-btn.color-two.btn-outline:after { background: #6e58fc; } .mobile-header.header-light-saas .gp-btn.color-two.btn-outline:hover { color: #fff; } .mobile-header.header-sass .main-nav-container .menu-item-depth-0 > a.active { background: linear-gradient(60deg, #FE5924, #ed1f25); color: #fff; } .mobile-header.header-sass .main-nav-container .menu-item-depth-0 li a.active { color: #ff6344; } .mobile-header.header-analytics .main-nav-container .menu-item-depth-0 > a.active { background: #f8b137; } .mobile-header.header-analytics .main-nav-container .menu-item-depth-0 li a.active { color: #f8b137; } .mobile-header.header-analytics .gp-btn.color-four.btn-light { border-color: #f8b137; color: #fff; } .mobile-header.header-analytics .gp-btn.color-four.btn-light:after { background: #f8b137; } .mobile-header.header-analytics .gp-btn.color-four.btn-light:hover { color: #f8b137; background: transparent; } .mobile-header.header-agency-two .main-nav-container .menu-item-depth-0 > a.active { background: #ed1f25; } .mobile-header.header-agency-two .main-nav-container .menu-item-depth-0 li a.active { color: #ed1f25; } .mobile-header.header-agency .main-nav-container .menu-item-depth-0 > a.active { background: #4d5afe; } .mobile-header.header-agency .main-nav-container .menu-item-depth-0 li a.active { color: #4d5afe; } .mobile-header.header-agency .gp-btn.color-eight.btn-outline.btn-light { color: #4d5afe; border-color: #4d5afe; } .mobile-header.header-agency .gp-btn.color-eight.btn-outline.btn-light:after { background: #4d5afe; } .mobile-header.header-agency .gp-btn.color-eight.btn-outline.btn-light:hover { color: #fff; } .mobile-header.header-light-social:not(.showed) .astriol-burger-menu span { background: #fff; } .mobile-header.header-light-social .main-nav-container .menu-item-depth-0 > a.active { background: #ed1f25; } .mobile-header.header-light-social .main-nav-container .menu-item-depth-0 li a.active { color: #ed1f25; } .header-position .mobile-header.header-fixed.showed .main-nav-container { top: 0; } .mobile-header.header-seo .main-nav-container .menu-item-depth-0 > a.active { background: #ff5e85; } .mobile-header.header-seo .main-nav-container .menu-item-depth-0 li a.active { color: #ff5e85; } .mobile-header .main-nav { position: relative; z-index: 3333; line-height: 1.2; } .mobile-header .main-nav .astriol-main-menu { padding-left: 0; } .mobile-header .main-nav .sub-menu { padding-left: 15px; margin-left: 0; margin-bottom: 0; display: none; } .mobile-header .main-nav .sub-menu.active .main-item > .menu-link { background: #f8f9fa; } .mobile-header .main-nav .sub-menu li a { border-top: 0; } .mobile-header .main-nav .sub-menu li.active a.active .ti-plus { color: #ed1f25; } .mobile-header .main-nav .nav-item.active-main-item > .menu-link { color: #ed1f25; background: #f8f9fa; border-color: #ed1f25; } .mobile-header .main-nav .sub-menu { padding-left: 15px; margin-bottom: 0; } .mobile-header .main-nav { cursor: default; position: relative; z-index: 10; text-align: left; font-weight: 500; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .mobile-header .main-nav a:before, .mobile-header .main-nav .close-bar { display: none; } .mobile-header .main-nav .site-logo a { font-size: 40px; } .mobile-header .main-nav .menu, .mobile-header .main-nav .menu ul { list-style: none; } .mobile-header .main-nav .nav-item:before, .mobile-header .main-nav .nav-item.current-menu-item:before, .mobile-header .main-nav .nav-item.current-menu-ancestor:before { background-color: #ed1f25; } .mobile-header .main-nav .nav-item.active-main-item > .menu-link { color: #ed1f25; } .mobile-header .main-nav .nav-right .cu_btn { padding: 13px 26px; min-width: auto; margin-top: 0; } .mobile-header .main-nav.hidden { display: none; } .mask-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 222; } /*-------------------------------------------------------------- ## Banner --------------------------------------------------------------*/ .banner { height: 800px; position: relative; } @media (min-width: 992px) { .mw-600 { max-width: 600px; } } /** Banner Main */ .banner-main { background-image: -o-linear-gradient(30deg, #fcf5f6 0%, #f8fbfe 100%); background-image: linear-gradient(60deg, #fcf5f6 0%, #f8fbfe 100%); } @media (max-width: 991px) { .banner-main { height: 720px; } } .banner-main .banner-main-content-wrapper { padding-top: 250px; position: relative; z-index: 2; } @media (max-width: 992px) { .banner-main .banner-main-content-wrapper { padding-top: 50px; } } .banner-main .banner-content .banner-title { font-size: 60px; font-weight: 700; color: #fff; margin-bottom: 20px; } @media (max-width: 992px) { .banner-main .banner-content .banner-title { font-size: 36px; } } .banner-main .banner-content .description { font-size: 30px; color: #fff; } .banner-main .banner-content .banner-btn { font-size: 24px; margin-top: 20px; text-align: center; font-weight: 600; } .banner-main .banner-content .banner-btn.btn-light { background: transparent; } .banner-main .banner-content .banner-btn.btn-light:hover { background: linear-gradient(60deg, #FE5924, #ed1f25); } @media (max-width: 420px) { .banner-main .banner-content .banner-btn.ml-3 { margin-left: 0 !important; } } .banner-main .banner-promo-mockup { max-width: 100%; margin: 0 auto; position: relative; z-index: 11; } .banner-main-animate .animate-items { margin: 0; padding: 0; list-style: none; } .banner-main-animate .animate-items li { position: absolute; } .banner-main-animate .animate-items li:nth-child(1) { right: 50px; bottom: -100px; z-index: 1; } .banner-main-animate .animate-items li:nth-child(2) { left: 0px; top: 31%; } .banner-main-animate .animate-items li:nth-child(3) { left: 220px; bottom: 40px; } .banner-main-animate .animate-items li:nth-child(4) { right: 15%; top: 55%; } .banner-main-animate .animate-items li:nth-child(5) { left: 26%; top: -5%; z-index: 1; -webkit-animation: 3s linear 0.1s infinite normal none running wave; animation: 3s linear 0.1s infinite normal none running wave; } .banner-main-animate .animate-items li:nth-child(6) { right: 80px; top: 315px; } .banner-main-animate .animate-items li:nth-child(7) { right: 15%; bottom: 195px; } .banner-main-animate .animate-items li.bubble1 { height: 100px; width: 100px; background: #f53131; border-radius: 50%; left: 26%; bottom: 15.5%; } .banner-main-animate .animate-items li.bubble2 { height: 255px; width: 255px; background: #f53131; border-radius: 50%; right: 25%; bottom: -4%; -webkit-animation: wave 2s ease-in-out infinite; animation: wave 2s ease-in-out infinite; } .banner-main-animate .animate-items li.bubble3 { height: 16px; width: 16px; background: #f53131; border-radius: 50%; left: 25.5%; bottom: 29%; z-index: 1; -webkit-animation: animationFramesTwo 30s infinite linear; animation: animationFramesTwo 30s infinite linear; } .banner-main-animate .animate-items li.bubble4 { height: 10px; width: 10px; background: #f7cb61; border-radius: 50%; right: 24%; bottom: 20%; z-index: 1; -webkit-animation: 50s linear 0s infinite normal none running animationFramesTwo; animation: 50s linear 0s infinite normal none running animationFramesTwo; } /* Banner Saas One*/ .banner-saas-main { padding: 170px 0; overflow: hidden; } @media (max-width: 991px) { .banner-saas-main { padding: 100px 0 100px; height: auto; } } @media (max-width: 991px) { .banner-saas-main .banner-content-sass { text-align: center; } } .banner-saas-main .banner-content-sass .subtitle-top { font-size: 14px; text-transform: uppercase; color: #7b7b93; font-weight: 500; letter-spacing: 1px; margin-bottom: 15px; } .banner-saas-main .banner-content-sass .subtitle-top a { color: #ed1f25; } .banner-saas-main .banner-content-sass .banner-title { font-size: 50px; line-height: 60px; font-weight: 700; color: #2c2c51; margin-bottom: 20px; } @media (max-width: 1200px) { .banner-saas-main .banner-content-sass .banner-title { font-size: 40px; line-height: 50px; } } @media (max-width: 768px) { .banner-saas-main .banner-content-sass .banner-title { font-size: 32px; line-height: 42px; } } .banner-saas-main .banner-content-sass .description { font-size: 18px; line-height: 30px; margin-bottom: 41px; } .banner-content-wrapper { margin: 0 -700px 0 0; } @media (max-width: 1600px) { .banner-content-wrapper { margin: 0 -400px 0 0; } } @media (max-width: 1440px) { .banner-content-wrapper { margin: 0 -100px 0 0; } } @media (max-width: 1200px) { .banner-content-wrapper { margin: 0; } } .saas-animate-image { max-width: 900px; } .banner-sass-svg-bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } /* Banner Analytic */ .banner-analytics { background-image: -o-linear-gradient(50deg, #5e2ced 0%, #a485fd 100%); background-image: linear-gradient(40deg, #5e2ced 0%, #a485fd 100%); overflow: hidden; } @media (max-width: 991px) { .banner-analytics { height: auto; } } .banner-analytics .container { height: 100%; min-height: 700px; } .banner-analytics .banner-shape-left { position: absolute; top: 0; left: 100px; } .banner-analytics .banner-shape-right { right: 0; top: 0; position: absolute; } .banner-analytics .banner-content h2 { font-size: 40px; color: #fff; line-height: 52px; font-family: "Poppins", sans-serif; font-weight: 400; margin-bottom: 25px; } .banner-analytics .banner-content h2 span { font-weight: 800; } @media (max-width: 1200px) { .banner-analytics .banner-content h2 { font-size: 34px; line-height: 44px; } } .banner-analytics .banner-content p { color: #fff; font-size: 16px; line-height: 28px; font-family: "Poppins", sans-serif; margin-bottom: 45px; } @media (max-width: 991px) { .banner-analytics .banner-content p { max-width: 600px; margin: 0 auto 45px; } } .banner-analytics .banner-content .banner-button .gp-btn { margin-right: 30px; font-family: "Poppins", sans-serif; -webkit-box-shadow: 0 8px 16px 0 rgba(0, 6, 26, 0.1); box-shadow: 0 8px 16px 0 rgba(0, 6, 26, 0.1); font-size: 15px; padding: 12px 27px; } .banner-analytics .banner-content .banner-button .gp-btn:hover { -webkit-box-shadow: none; box-shadow: none; border-color: rgba(255, 255, 255, 0.5); color: #fff; } .banner-analytics .banner-content .banner-button .btn-text { color: #fff; font-weight: 500; position: relative; font-size: 15px; margin-left: 30px; font-family: "Poppins", sans-serif; } .banner-analytics .banner-content .banner-button .btn-text:after { position: absolute; content: ""; width: 100%; height: 2px; bottom: -5px; left: 0; background: #bfb2f8; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .banner-analytics .banner-content .banner-button .btn-text:hover { color: #f8b137; } .banner-analytics .banner-content .banner-button .btn-text:hover:after { background: #f8b137; } .banner-analytics .banner-feature-thumb img { max-width: inherit; } @media (max-width: 991px) { .banner-feature-image { margin-top: 50px; } } .banner-feature-image .banner-animate-element { width: 440px; height: 480px; margin: 0; padding: 0; list-style: none; position: relative; } .banner-feature-image .banner-animate-element li { position: absolute; } .banner-feature-image .banner-animate-element li:nth-child(1) { right: 0; } .banner-feature-image .banner-animate-element li:nth-child(2) { right: -42px; bottom: -14px; } .banner-feature-image .banner-animate-element li:nth-child(3) { left: 0; top: 0; -webkit-animation: jump 2s infinite; animation: jump 2s infinite; } .banner-feature-image .banner-animate-element li:nth-child(4) { top: 105px; left: 95px; } .banner-feature-image .banner-animate-element li:nth-child(5) { right: 95px; bottom: 22px; } .banner-feature-image .banner-animate-element li:nth-child(6) { bottom: 0; right: 52px; } .banner-feature-image .banner-animate-element li:nth-child(7) { right: -115px; top: 30px; } .banner-feature-image .banner-animate-element li:nth-child(8) { right: -55px; top: 145px; } .banner-feature-image .banner-animate-element li:nth-child(9) { right: -106px; top: 138px; } .banner-feature-image .banner-animate-element li:nth-child(10) { right: -40px; top: 95px; } .banner-feature-image .banner-animate-element li:nth-child(11) { right: 10px; top: 25px; } /* Banner Seo*/ .banner-bg-half { background-image: -o-linear-gradient(40deg, #ff5e85 0%, #464ac9 100%); background-image: linear-gradient(50deg, #ff5e85 0%, #464ac9 100%); position: absolute; right: 0; top: 0; width: 80%; height: 100%; } .banner-seo { height: 950px; position: relative; overflow: hidden; min-height: 700px; padding: 230px 0; } .banner-seo .banner-bg { background-size: cover; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-position: center center; } .banner-seo .container { height: 100%; } .banner-seo .banner-content { position: relative; z-index: 333; } .banner-seo .banner-content .sub-title { font-size: 14px; color: #ff5e85; letter-spacing: 3px; text-transform: uppercase; font-weight: 400; } .banner-seo .banner-content .banner-title { font-size: 48px; line-height: 64px; font-weight: 700; margin-bottom: 16px; color: #343e5d; } .banner-seo .banner-content p { font-size: 18px; color: #747c95; font-weight: 300; line-height: 30px; margin-bottom: 53px; } .banner-seo .banner-feature-thumb { position: absolute; right: 0; bottom: 90px; } .animate-bubble { margin: 0; padding: 0; list-style: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .animate-bubble li { position: absolute; border-radius: 50%; } .animate-bubble .bubble1 { height: 220px; width: 220px; background: #babdfe; border-radius: 50%; top: 40%; left: -80px; -webkit-animation: wave 2s ease-in-out infinite; animation: wave 2s ease-in-out infinite; } .animate-bubble .bubble2 { height: 80px; width: 80px; left: 100px; top: 30%; background: #ffe4b2; -webkit-animation: wave 2s ease-in-out infinite; animation: wave 2s ease-in-out infinite; } .animate-bubble .bubble3 { height: 20px; width: 20px; left: 50%; bottom: 17%; background: #9df1bc; -webkit-box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1); box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1); -webkit-animation: animationFramesTwo 50s infinite linear; animation: animationFramesTwo 50s infinite linear; } .animate-bubble .bubble4 { height: 10px; width: 10px; left: 55%; bottom: 50%; background: #ffa2bd; -webkit-box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1); box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1); -webkit-animation: animationFramesTwo 40s infinite linear; animation: animationFramesTwo 40s infinite linear; } .animate-bubble .bubble5 { height: 18px; width: 18px; right: 10%; top: 41%; background: #ffa2bd; -webkit-box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1); box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1); -webkit-animation: animationFramesTwo 30s infinite linear; animation: animationFramesTwo 30s infinite linear; } .animate-element-wrapper .banner-seo-animate-element { margin: 0; padding: 0; list-style: none; height: 615px; width: 750px; position: relative; right: -40px; } .animate-element-wrapper .banner-seo-animate-element li { position: absolute; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(1) { right: 170px; top: 130px; z-index: 2; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(2) { left: 20px; bottom: 130px; z-index: 1; -webkit-animation: swing 12s infinite both; animation: swing 12s infinite both; -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(3) { right: 80px; top: 160px; z-index: 1; -webkit-animation: 2s ease-in-out infinite leafMotion; animation: 2s ease-in-out infinite leafMotion; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(4) { right: 0; bottom: 90px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(5) { right: 110px; bottom: 25px; z-index: 3; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(6) { left: 85px; bottom: 0; z-index: 3; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(7) { bottom: 25px; left: 85px; z-index: 2; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(8) { left: 98px; top: 0; z-index: 2; -webkit-animation: jump 2.5s infinite; animation: jump 2.5s infinite; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(9) { left: 124px; top: 250px; z-index: 2; -webkit-animation: 3s ease-in-out infinite leafMotion; animation: 3s ease-in-out infinite leafMotion; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(10) { left: 20px; bottom: 20px; } .slider-nav { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 999; } .slider-nav .slider-next, .slider-nav .slider-prev { height: 100px; width: 40px; text-align: center; line-height: 100px; background: rgba(0, 0, 0, 0.5); position: absolute; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .slider-nav .slider-next i, .slider-nav .slider-prev i { font-size: 30px; color: #fff; } .slider-nav .slider-next:hover, .slider-nav .slider-prev:hover { background: #f8b137; } .slider-nav .slider-next { right: 0; } .slider-nav .slider-prev { left: 0; } .swiper-pagination { position: relative; margin-top: 55px; } .swiper-pagination .swiper-pagination-bullet { height: 6px; width: 6px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; opacity: 1; background: #dce4f2; outline: 0; margin: 0 6px !important; } .swiper-pagination .swiper-pagination-bullet:before { content: ""; position: absolute; top: -2px; bottom: -2px; left: -2px; right: -2px; background: #ed1f25; border-radius: 50%; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); opacity: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; background: #ed1f25; } .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .swiper-pagination.style-circle { margin-top: 0; } .swiper-pagination.style-circle .swiper-pagination-bullet { height: 6px; width: 6px; border-radius: 50%; background: #c6ccda; margin: 0 7px; } .swiper-pagination.style-circle .swiper-pagination-bullet:before { content: ""; position: absolute; top: -7px; bottom: -7px; right: -7px; left: -7px; border: 1px solid #ed1f25; border-radius: 50%; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .swiper-pagination.style-circle .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #ed1f25; } .swiper-pagination.style-circle .swiper-pagination-bullet.swiper-pagination-bullet-active:before { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* Banner Social*/ .banner-social { background-image: linear-gradient(45deg, #0000004d 0, #000000de 50%, #00000047 100%), url(../img/header-bg.jpg); background-attachment: fixed; background-repeat: no-repeat; background-size: cover; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .banner-social .banner-social-content .banner-title { font-size: 55px; color: #fff; line-height: 65px; font-weight: 400; margin-bottom: 30px; } .banner-social .banner-social-content .banner-title span { font-weight: 700; } .banner-social .banner-social-content p { color: #fff; margin-bottom: 50px; } .banner-social .banner-social-content .so-ban-btn { background: #fff; padding: 12px 48px; border-radius: 30px; color: #ed1f25; border: 1px solid #fff; font-weight: 500; display: inline-block; } .banner-social .banner-social-content .so-ban-btn i { margin-right: 5px; } .banner-social .banner-social-content .so-ban-btn:hover { background: transparent; color: #fff; } .banner-social .banner-social-content .btn-underline { color: #fff; font-weight: 500; position: relative; padding-bottom: 3px; margin-left: 30px; } @media (max-width: 420px) { .banner-social .banner-social-content .btn-underline { display: inline-block; margin-top: 20px; margin-left: 0; } } .banner-social .banner-social-content .btn-underline:after { content: ""; position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; background: #fff; } .social-banner-feature-image { position: absolute; bottom: 0; right: 70px; } .social-banner-element-wrapper { position: relative; margin-top: 30px; } .social-banner-element-wrapper .banner-social-animate-element { position: relative; width: 780px; height: 420px; margin: 0; padding: 0; list-style: none; } .social-banner-element-wrapper .banner-social-animate-element li { position: absolute; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) { right: 85px; top: -95px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) { right: 10px; top: 140px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(4) { left: -7px; top: 40px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) { top: 205px; left: 65px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) { bottom: 55px; left: 38%; } .banner-saas { height: 940px; background-image: -o-linear-gradient(350deg, #453b84 35%, #00c0cd 100%); background-image: linear-gradient(100deg, #453b84 35%, #00c0cd 100%); overflow: hidden; } @media (max-width: 991px) { .banner-saas { height: auto; padding: 150px 0 100px; } .banner-saas .banner-content-wrap { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .banner-saas .transperent-shape { position: absolute; top: 0; left: 53%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .banner-saas .overlay-shape { background-size: cover; background-position: center center; position: absolute; background-repeat: no-repeat; top: 0; left: 0; width: 100%; height: 100%; } @media (max-width: 991px) { .banner-saas .overlay-shape { background-position: 18% center; } } @media (max-width: 576px) { .banner-saas .overlay-shape { background-position: 27% center; } } .banner-saas .banner-content-inner { width: 100%; } @media (max-width: 991px) { .banner-saas .banner-content-inner { text-align: center; margin-bottom: 40px; } } .banner-saas .banner-content-inner .banner-content { max-width: 900px; width: 100%; position: relative; z-index: 2222; } .banner-saas .banner-content .banner-sub-title { font-size: 14px; text-transform: uppercase; color: #6b6b7e; letter-spacing: 1px; font-weight: 500; margin-bottom: 15px; } .banner-saas .banner-content .banner-title { font-size: 50px; line-height: 60px; font-weight: 300; margin-bottom: 48px; color: #2c2c51; } @media (max-width: 767px) { .banner-saas .banner-content .banner-title { font-size: 34px; line-height: 44px; } } .banner-saas .banner-content .banner-title span { font-weight: 700; } .animated-promo-mockup { position: relative; max-width: 820px; width: 100%; height: 580px; margin-top: 40px; } .animated-promo-mockup > img { position: absolute; } .animated-promo-mockup .mob { left: 30%; } .animated-promo-mockup .tree { right: -25%; bottom: 45px; } .animated-promo-mockup .man1 { left: -40px; bottom: -20px; z-index: 2; } .animated-promo-mockup .man2 { right: 0; bottom: -50px; } .animated-promo-mockup .cloud-one { right: -30%; top: 10%; -webkit-animation: moveclouds 6s 1s linear infinite alternate; animation: moveclouds 6s 1s linear infinite alternate; } .animated-promo-mockup .cloud-two { right: 0; top: -9%; -webkit-animation: moveclouds 10s 1s linear infinite alternate; animation: moveclouds 10s 1s linear infinite alternate; } .animated-promo-mockup .cloud-three { left: 50px; top: 25px; -webkit-animation: moveclouds 15s 1s linear infinite alternate; animation: moveclouds 15s 1s linear infinite alternate; } .animated-promo-mockup .line { bottom: 0; left: 60px; z-index: -1; } @media (max-width: 1600px) { .animated-promo-mockup { height: 505px; margin-top: 0; } .animated-promo-mockup .mob { max-width: 280px; bottom: 0; } .animated-promo-mockup .man1 { left: -8px; bottom: -20px; z-index: 2; max-width: 180px; } .animated-promo-mockup .man2 { right: 21px; bottom: -48px; width: 150px; } .animated-promo-mockup .tree { right: -15%; bottom: 45px; width: 90px; } } @media (max-width: 991px) { .animated-promo-mockup { max-width: 500px; margin: 0 auto; } .animated-promo-mockup .man1 { left: -78px; } .animated-promo-mockup .mob { left: 20%; } .animated-promo-mockup .tree { right: -10%; bottom: 45px; width: 70px; } } @media (max-width: 576px) { .animated-promo-mockup { height: 360px; max-width: 350px; } .animated-promo-mockup .mob { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 200px; } .animated-promo-mockup .man1 { left: -48px; bottom: -10px; z-index: 2; max-width: 125px; } .animated-promo-mockup .man2 { right: 5px; bottom: -40px; width: 110px; } .animated-promo-mockup .tree { right: -11%; width: 38px; } } .shape-right { position: absolute; top: 0; right: 0; } .banner-content-wrap { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .slider-nav { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 999; } .slider-nav .slider-next, .slider-nav .slider-prev { height: 100px; width: 40px; text-align: center; line-height: 100px; background: rgba(0, 0, 0, 0.5); position: absolute; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .slider-nav .slider-next i, .slider-nav .slider-prev i { font-size: 30px; color: #1b1b1b; } .slider-nav .slider-next:hover, .slider-nav .slider-prev:hover { background: #f8b137; } .slider-nav .slider-next { right: 0; } .slider-nav .slider-prev { left: 0; } .section-dark .gp-testimonial .gp-testimonial-author .author-details .testi-author-name { color: #FFF; } .section-dark .gp-testimonial .gp-testimonial-author .author-details span { color: #b5b5b5; } .section-dark .swiper-pagination-bullet { background: #fff; opacity: 0.5; } /* Banner Agency */ .banner-agency { background-image: -o-linear-gradient(40deg, #4d5afe 0%, #35d5fd 100%); background-image: linear-gradient(50deg, #4d5afe 0%, #35d5fd 100%); height: 930px; overflow: hidden; } @media (max-width: 1024px) { .banner-agency { height: 800px; } } .banner-agency .banner-shape { position: absolute; top: 0; left: 0; background-size: cover; background-position: center; width: 100%; height: 100%; } @media (min-width: 992px) { .banner-agency .mw-570 { max-width: 570px; } } .banner-agency .banner-agency-content { padding: 320px 0; z-index: 3; position: relative; z-index: 333; } @media (max-width: 1024px) { .banner-agency .banner-agency-content { padding: 250px 0; } } .banner-agency .banner-agency-content .top-subtitle { color: #4d5afe; font-size: 16px; font-weight: 400; text-transform: uppercase; } .banner-agency .banner-agency-content .banner-title { font-size: 60px; line-height: 70px; margin-bottom: 30px; } @media (max-width: 1280px) { .banner-agency .banner-agency-content .banner-title { font-size: 50px; line-height: 60px; } } @media (max-width: 1200px) { .banner-agency .banner-agency-content .banner-title { font-size: 40px; line-height: 50px; } } .banner-agency .banner-agency-content p { font-size: 18px; line-height: 30px; font-weight: 400; margin-bottom: 50px; max-width: 540px; } .banner-agency .banner-agency-wrapper { margin: 0 -754px 0 0; } @media (max-width: 1600px) { .banner-agency .banner-agency-wrapper { margin: 0 -550px 0 0; } } @media (max-width: 1440px) { .banner-agency .banner-agency-wrapper { margin: 0 -260px 0 0; } } @media (max-width: 1280px) { .banner-agency .banner-agency-wrapper { margin: 0 -150px 0 0; } } @media (max-width: 1024px) { .banner-agency .banner-agency-wrapper { margin: 0; } } .banner-agency .agency-banner-element-wrapper { position: absolute; top: 0; right: 0; width: 100%; } .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element { margin: 0; padding: 0; list-style: none; position: relative; z-index: 4; } .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li { position: absolute; } .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(1) { top: 185px; left: 0; max-width: 897px; } @media (max-width: 1600px) { .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(1) { max-width: 750px; } } @media (max-width: 1440px) { .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(1) { max-width: 675px; } } @media (max-width: 1280px) { .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(1) { max-width: 610px; } } @media (max-width: 1200px) { .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(1) { max-width: 550px; left: -20px; } } @media (max-width: 1024px) { .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(1) { max-width: 500px; left: -50px; } } .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(2) { top: 130px; right: -150px; } @media (max-width: 1600px) { .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(2) { right: -80px; max-width: 340px; } } @media (max-width: 1440px) { .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(2) { top: 140px; right: -125px; max-width: 300px; } } @media (max-width: 1280px) { .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(2) { right: -100px; max-width: 270px; } } @media (max-width: 1200px) { .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(2) { right: -30px; max-width: 250px; } } @media (max-width: 1024px) { .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(2) { top: 150px; right: -90px; max-width: 220px; } } .banner-agency .banner-pertical { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .banner-agency .banner-pertical li { position: absolute; } .banner-agency .banner-pertical li.bubble1 { background-image: -o-linear-gradient(40deg, #236efc 1%, #71f5e7 100%); background-image: linear-gradient(50deg, #236efc 1%, #71f5e7 100%); height: 140px; width: 140px; border-radius: 50%; top: -70px; left: 45px; opacity: 0.7; z-index: 1; -webkit-animation: wave 2s 0.1s infinite linear; animation: wave 2s 0.1s infinite linear; } .banner-agency .banner-pertical li.bubble2 { background-image: -o-linear-gradient(40deg, #236efc 1%, #71f5e7 100%); background-image: linear-gradient(50deg, #236efc 1%, #71f5e7 100%); height: 140px; width: 140px; border-radius: 50%; top: -95px; left: 110px; opacity: 0.1; z-index: 2; -webkit-animation: wave 3s 0.1s infinite linear; animation: wave 3s 0.1s infinite linear; } .banner-agency .banner-pertical li.bubble3 { background: #f773e3; height: 40px; width: 40px; border-radius: 50%; top: 55%; left: 5%; -webkit-animation: animetwo 40s infinite linear; animation: animetwo 40s infinite linear; } .banner-agency .banner-pertical li.bubble4 { background: #f8cc61; height: 15px; width: 15px; border-radius: 50%; left: 8%; bottom: 35%; -webkit-animation: animeone 40s infinite linear; animation: animeone 40s infinite linear; } .banner-agency .banner-pertical li.bubble5 { background: #42e255; height: 20px; width: 20px; border-radius: 50%; left: 45%; bottom: 22%; -webkit-animation: animetwo 40s infinite linear; animation: animetwo 40s infinite linear; } .banner-agency .banner-pertical li.bubble6 { background-image: -o-linear-gradient(50deg, #f3b3ce 0%, #8858af 100%); background-image: linear-gradient(40deg, #f3b3ce 0%, #8858af 100%); height: 160px; width: 160px; border-radius: 50%; bottom: 10px; left: 50%; -webkit-animation: wave 2s 0.1s infinite linear; animation: wave 2s 0.1s infinite linear; } @media (max-width: 991px) { .banner-agency .banner-pertical li.bubble6 { height: 100px; width: 100px; } } .banner-agency .banner-pertical li:nth-child(3) { top: 220px; left: 275px; -webkit-animation: animethree 40s infinite linear; animation: animethree 40s infinite linear; width: 40px; height: 40px; } .banner-agency .banner-pertical li:nth-child(4) { top: 225px; left: 25%; -webkit-animation: animeone 40s infinite linear; animation: animeone 40s infinite linear; } .banner-agency .banner-pertical li:nth-child(5) { top: 50%; left: 8%; -webkit-animation: animeone 40s infinite linear; animation: animeone 40s infinite linear; width: 40px; height: 40px; } .banner-agency .banner-pertical li:nth-child(6) { bottom: 15%; left: 29%; -webkit-animation: animetwo 40s infinite linear; animation: animetwo 40s infinite linear; border: 0; } /* Banner Agency Two */ .banner-content-position { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 22; } .banner-agency-two { background-image: url("../../media/banner/banner-agency-two.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; } @media (max-width: 991px) { .banner-agency-two { height: 700px; } } .banner-agency-two:before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(74, 16, 175, 0.7); } .banner-agency-two .banner-content { max-width: 500px; } @media (max-width: 991px) { .banner-agency-two .banner-content { text-align: center; margin: 0 auto; } } .banner-agency-two .banner-content .subtitle { font-size: 16px; color: #fff; font-weight: 500; letter-spacing: 5px; text-transform: uppercase; } .banner-agency-two .banner-content .banner-title { color: #fff; font-size: 60px; line-height: 1.2; font-weight: 700; margin-bottom: 20px; } @media (max-width: 991px) { .banner-agency-two .banner-content .banner-title { font-size: 46px; } } @media (max-width: 991px) { .banner-agency-two .banner-content .banner-title { font-size: 34px; } } .banner-agency-two .banner-content .description { color: rgba(255, 255, 255, 0.8); margin-bottom: 42px; } .banner-agency-two .banner-content .banner-btn { color: #fff; border: 2px solid rgba(255, 255, 255, 0.4); } .banner-agency-two .banner-content .banner-btn:after { background: #ed1f25; } .banner-agency-two .banner-content .banner-btn:hover { border-color: #ed1f25; } .banner-comminity { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 850px; } @media (max-width: 1024px) { .banner-comminity { height: 650px; } } @media (max-width: 1024px) { .banner-comminity { height: 550px; } } .banner-comminity .banner-main-content-wrapper { width: 100%; margin-top: 125px; } @media (max-width: 1024px) { .banner-comminity .banner-main-content-wrapper { margin-top: 50px; } } .banner-comminity .banner-main-content-wrapper .banner-content { padding: 0 15px; } .banner-comminity .banner-main-content-wrapper .banner-content .banner-title { font-size: 50px; line-height: 60px; font-weight: 300; color: #2c2c51; margin-bottom: 45px; } @media (max-width: 991px) { .banner-comminity .banner-main-content-wrapper .banner-content .banner-title { font-size: 40px; line-height: 50px; } } @media (max-width: 767px) { .banner-comminity .banner-main-content-wrapper .banner-content .banner-title br { display: none; } } @media (max-width: 991px) { .banner-comminity .banner-main-content-wrapper .banner-content .banner-title { font-size: 34px; line-height: 44px; } } .banner-comminity .banner-main-content-wrapper .banner-content .banner-title span { font-weight: 700; } .banner-comminity .banner-search-form-wrapper { position: relative; z-index: 22; padding: 0 20px; } .banner-comminity .banner-search-form-wrapper .banner-search-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-shadow: 0 20px 50px 0 rgba(8, 2, 46, 0.14), -4px 0 0 0 rgba(26, 191, 104, 0.004); box-shadow: 0 20px 50px 0 rgba(8, 2, 46, 0.14), -4px 0 0 0 rgba(26, 191, 104, 0.004); background: #fff; width: 100%; max-width: 570px; margin: 0 auto; border-left: 4px solid #19b565; } .banner-comminity .banner-search-form-wrapper .banner-search-form input { margin: 0; background: transparent; height: 60px; padding: 20px 30px 20px 27px; } .banner-comminity .banner-search-form-wrapper .banner-search-form input::-webkit-input-placeholder { color: #9d9da8; } .banner-comminity .banner-search-form-wrapper .banner-search-form input::-moz-placeholder { color: #9d9da8; } .banner-comminity .banner-search-form-wrapper .banner-search-form input:-ms-input-placeholder { color: #9d9da8; } .banner-comminity .banner-search-form-wrapper .banner-search-form input::-ms-input-placeholder { color: #9d9da8; } .banner-comminity .banner-search-form-wrapper .banner-search-form input::placeholder { color: #9d9da8; } .banner-comminity .banner-search-form-wrapper .banner-search-form input:focus { -webkit-box-shadow: none; box-shadow: none; border-color: transparent; } .banner-comminity .banner-search-form-wrapper .banner-search-form button { border: 0; background: transparent; font-size: 24px; padding: 0 25px 0 20px; outline: 0; } .banner-comminity .banner-search-form-wrapper .banner-search-form button i { display: inline-block; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .banner-comminity .banner-search-form-wrapper .banner-search-form button:hover { color: #ed1f25; } .banner-comminity .banner-content-bg { margin-top: -150px; } @media (max-width: 991px) { .banner-comminity .banner-content-bg { margin-top: -85px; } } @media (max-width: 767px) { .banner-comminity .banner-content-bg { margin-top: -55px; } } @media (max-width: 1600px) { .animate-element-wrapper .banner-seo-animate-element { right: 50px; } .social-banner-element-wrapper { position: relative; } .social-banner-element-wrapper .banner-social-animate-element { position: relative; width: 680px; height: 375px; margin: 0; padding: 0; list-style: none; } .social-banner-element-wrapper .banner-social-animate-element li { position: absolute; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) { right: 65px; top: -80px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) img { width: 390px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) { right: 0; top: 130px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) img { width: 300px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(4) { left: 0; top: 50px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(4) img { width: 200px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) { top: 185px; left: 60px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) img { width: 225px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) { bottom: 45px; left: 39%; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) img { width: 130px; } } @media (max-width: 1400px) { .animate-element-wrapper .banner-seo-animate-element { right: 50px; height: 550px; width: 650px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(1) { right: 90px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(2) img { width: 110px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(3) { top: 190px; right: 0; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(3) img { width: 100px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(4) { right: -20px; bottom: 20px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(4) img { width: 180px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(5) { right: 40px; bottom: -35px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(5) img { width: 110px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(6) { bottom: -50px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(6) img { width: 105px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(7) { bottom: -40px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(8) { left: 92px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(8) img { width: 180px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(9) { left: 116px; top: 200px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(9) img { width: 80px; } .banner-social { height: 800px; padding: 280px 0 190px; } .social-banner-element-wrapper { position: relative; } .social-banner-element-wrapper .banner-social-animate-element { position: relative; width: 600px; margin: 0; padding: 0; list-style: none; } .social-banner-element-wrapper .banner-social-animate-element li { position: absolute; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) { right: 70px; top: -60px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) img { width: 330px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) { right: 10px; top: 125px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) img { width: 245px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(4) { left: 0; top: 50px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(4) img { width: 165px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) { top: 165px; left: 55px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) img { width: 200px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) { bottom: 83px; left: 39%; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) img { width: 100px; } } @media (max-width: 1280px) { .banner-social { height: 800px; padding: 240px 0 190px; } .banner-social .banner-social-content .banner-title { font-size: 50px; line-height: 60px; } .social-banner-element-wrapper { position: relative; } .social-banner-element-wrapper .banner-social-animate-element { position: relative; width: 500px; height: 300px; margin-left: auto; } .social-banner-element-wrapper .banner-social-animate-element li { position: absolute; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) { right: 65px; top: -50px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) img { width: 270px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) { right: 13px; top: 106px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) img { width: 200px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(4) { left: 0; top: 41px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(4) img { width: 140px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) { top: 140px; left: 50px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) img { width: 160px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) { bottom: 57px; left: 39%; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) img { width: 80px; } } @media (max-width: 1200px) { .banner-feature-image .banner-animate-element { width: 430px; } .banner-seo { padding: 170px 0; } .banner-seo .banner-content .banner-title { font-size: 40px; line-height: 55px; } .animate-element-wrapper .banner-seo-animate-element { right: 50px; right: 50px; height: 480px; width: 580px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(1) { right: 0; width: 100%; text-align: center; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(1) img { width: 380px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(2) img { width: 110px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(3) { top: 190px; right: 20px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(3) img { width: 100px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(4) { right: -20px; bottom: 20px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(4) img { width: 180px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(5) { right: 40px; bottom: -35px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(5) img { width: 110px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(6) { bottom: -50px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(6) img { width: 105px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(7) { bottom: -40px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(8) { left: 75px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(8) img { width: 180px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(9) { left: 100px; top: 200px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(9) img { width: 80px; } } @media (max-width: 991px) { .banner-analytics { padding-bottom: 100px; } .banner-analytics .banner-content { text-align: center; } .banner-analytics .banner-content h2 { font-size: 34px; line-height: 42px; } .banner-analytics .banner-feature-image { padding-top: 100px; } .banner-feature-image { padding-top: 150px; margin-bottom: 40px; } .banner-feature-image .banner-animate-element { margin: 0 auto; height: 380px; } .banner-feature-image .banner-animate-element li:nth-child(1) { width: 200px; right: 80px; } .banner-feature-image .banner-animate-element li:nth-child(2) { right: 50px; bottom: 20px; width: 55px; } .banner-feature-image .banner-animate-element li:nth-child(3) { left: 20px; width: 110px; } .banner-feature-image .banner-animate-element li:nth-child(4) { top: 80px; left: 95px; width: 85px; } .banner-feature-image .banner-animate-element li:nth-child(5) { right: 145px; bottom: 45px; width: 40px; } .banner-feature-image .banner-animate-element li:nth-child(6) { bottom: 30px; right: 110px; width: 40px; } .banner-feature-image .banner-animate-element li:nth-child(7) { right: -20px; top: -30px; } .banner-feature-image .banner-animate-element li:nth-child(8) { right: 40px; top: 100px; } .banner-feature-image .banner-animate-element li:nth-child(9) { right: -7px; top: 78px; } .banner-feature-image .banner-animate-element li:nth-child(10) { right: 48px; top: 50px; } .banner-feature-image .banner-animate-element li:nth-child(11) { right: 75px; top: -15px; } .bmt-100 { margin-top: 0; } .banner-bg-half { width: 100%; } .banner-seo { padding: 100px 0; height: 1020px; } .banner-seo .banner-bg { background-position: right center; } .banner-seo .banner-content { text-align: center; margin-bottom: 30px; } .banner-seo .banner-content .banner-title { font-size: 40px; line-height: 55px; color: #fff; } .banner-seo .banner-content p { color: #fff; } .animate-element-wrapper .banner-seo-animate-element { margin: 0 auto; right: 0; } .animate-bubble .bubble1 { height: 100px; width: 100px; left: -35px; } .animate-bubble .bubble2 { height: 50px; width: 50px; left: 0; } .banner-social { height: auto; padding: 120px 0 80px; } .banner-social-content { text-align: center; } .social-banner-element-wrapper { margin-top: 0; } .social-banner-element-wrapper .banner-social-animate-element { margin: auto; } } @media (max-width: 576px) { .banner-seo { height: auto; } .banner-seo .banner-content .banner-title { font-size: 30px; line-height: 40px; color: #fff; } .banner-seo .banner-content p br { display: none; } .animate-element-wrapper .banner-seo-animate-element { right: 0; height: 360px; width: 320px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(1) { right: 0; width: 100%; top: 80px; text-align: center; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(1) img { width: 280px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(2) { left: -47px; bottom: 90px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(2) img { width: 90px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(3) { top: 140px; right: -40px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(3) img { width: 85px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(4) { right: -38px; bottom: 40px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(4) img { width: 100px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(5) { right: -5px; bottom: -35px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(5) img { width: 85px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(6) { bottom: -27px; left: 17px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(6) img { width: 80px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(7) { bottom: -25px; left: 0; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(7) img { width: 180px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(8) { left: 2px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(8) img { width: 130px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(9) { left: 21px; top: 140px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(9) img { width: 55px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(10) { left: -45px; bottom: -25px; } .animate-element-wrapper .banner-seo-animate-element li:nth-child(10) img { width: 40px; } .banner-social .banner-social-content .banner-title { font-size: 35px; line-height: 45px; } .banner-social .banner-social-content p br { display: none; } .social-banner-element-wrapper .banner-social-animate-element { width: 400px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) { top: 0; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) img { width: 170px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) { right: 0px; top: 90px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) img { width: 150px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) { top: 110px; left: 85px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) img { width: 110px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) { bottom: 90px; left: 45%; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) img { width: 60px; } } @media (max-width: 480px) { .bmt-100 { margin-top: 50px; } .home-analytics .banner-content h2 { font-size: 28px; line-height: 38px; } .home-analytics .banner-content .banner-button .gp-btn { display: block; max-width: 220px; margin: 0 auto 30px; } .banner-feature-image .banner-animate-element { margin: 0 auto; height: 300px; width: 300px; } .banner-feature-image .banner-animate-element li:nth-child(1) { width: 150px; right: 55px; } .banner-feature-image .banner-animate-element li:nth-child(2) { right: 30px; bottom: 20px; width: 45px; } .banner-feature-image .banner-animate-element li:nth-child(3) { left: 0; width: 80px; } .banner-feature-image .banner-animate-element li:nth-child(4) { top: 60px; left: 55px; width: 60px; } .banner-feature-image .banner-animate-element li:nth-child(5) { right: 110px; bottom: 54px; width: 30px; } .banner-feature-image .banner-animate-element li:nth-child(6) { bottom: 40px; right: 83px; width: 30px; } .banner-feature-image .banner-animate-element li:nth-child(7) { right: -20px; top: -15px; width: 130px; } .banner-feature-image .banner-animate-element li:nth-child(8) { right: 20px; top: 85px; width: 20px; } .banner-feature-image .banner-animate-element li:nth-child(9) { right: -13px; top: 52px; width: 20px; } .banner-feature-image .banner-animate-element li:nth-child(10) { right: 25px; top: 50px; width: 20px; } .banner-feature-image .banner-animate-element li:nth-child(11) { right: 40px; top: -15px; width: 20px; } } @media (max-width: 420px) { .social-banner-element-wrapper .banner-social-animate-element { width: 300px; height: 200px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) { top: 25px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) img { width: 120px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) { top: 70px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) img { width: 100px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(4) img { width: 100px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) { top: 100px; left: 58px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) img { width: 85px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) { bottom: 25px; } .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) img { width: 60px; } } /*-------------------------------------------------------------- ## About --------------------------------------------------------------*/ .feature-agency { padding: 195px 0 100px; } @media (max-width: 991px) { .feature-agency { padding: 100px 0 50px; } } .about { padding-top: 65px; } @media (max-width: 991px) { .about { padding-top: 0; } } .about-single { padding: 120px 0; } @media (max-width: 768px) { .about-single { padding: 80px 0; } } .icon-lists { margin: 0; padding: 0; list-style: none; } .icon-lists li { font-size: 18px; line-height: 35px; } .icon-lists li i { margin-right: 20px; color: #ed1f25; } .icon-lists.color-eight li { color: #373d46; } .icon-lists.color-eight li i { color: #4d5afe !important; } .about-feature-image { position: relative; padding-top: 90px; z-index: 222; } @media (max-width: 1024px) { .about-feature-image { padding-left: 50px; } } .about-feature-image .top-content { position: absolute; top: 0; left: 0; width: 375px; height: 330px; background-image: -o-linear-gradient(40deg, #4d5afe 0%, #818afb 100%); background-image: linear-gradient(50deg, #4d5afe 0%, #818afb 100%); padding: 100px 70px; z-index: 2; } @media (max-width: 1024px) { .about-feature-image .top-content { width: 300px; height: 260px; padding: 65px 70px; } } .about-feature-image .top-content.bg-gradient-two { background-image: -o-linear-gradient(30deg, #ff5e85 0%, #464ac9 100%); background-image: linear-gradient(60deg, #ff5e85 0%, #464ac9 100%); } .about-feature-image .top-content .ab-top-subtitle { font-size: 16px; font-weight: 400; color: #fff; text-transform: uppercase; margin-bottom: 27px; } .about-feature-image .top-content .ab-subtitle { font-size: 30px; font-weight: 800; color: #fff; line-height: 40px; } .about-feature-image .image-wrapper { text-align: right; } @media (max-width: 991px) { .about-feature-image .image-wrapper { text-align: left; } } .about-feature-image.style-two { padding-top: 0; max-width: 570px; } @media (max-width: 991px) { .about-feature-image.style-two { margin: 0 auto; } } .about-feature-image.style-two .image-wrapper { position: relative; z-index: 22; padding: 40px 0 45px 70px; } .about-feature-image.style-two .image-wrapper img { -webkit-box-shadow: 0px 40px 60px 0px rgba(14, 1, 37, 0.14); box-shadow: 0px 40px 60px 0px rgba(14, 1, 37, 0.14); } @media (max-width: 440px) { .about-feature-image.style-two .image-wrapper { padding: 30px 20px 25px 15px; } } .about-feature-image.style-two .circle-half { background: #8340fd; display: inline-block; margin: 0 1em 1em 0; position: absolute; left: 0; top: 0; } .about-feature-image.style-two .circle-half { height: 460px; width: 230px; } @media (max-width: 576px) { .about-feature-image.style-two .circle-half { height: 360px; width: 190px; } } @media (max-width: 576px) { .about-feature-image.style-two .circle-half { height: 270px; width: 140px; } } .about-feature-image.style-two .circle-half { border-bottom-left-radius: 460px; border-top-left-radius: 460px; } .about-feature-image.style-two .dot { position: absolute; right: -30px; bottom: 0; } .about-feature-image.style-two .dot img { -webkit-animation: wave 2s 0.1s infinite linear; animation: wave 2s 0.1s infinite linear; } .about-content-wrapper { margin-top: 100px; padding-left: 69px; position: relative; z-index: 2; } @media (max-width: 991px) { .about-content-wrapper { padding-left: 0; } } .about-content-wrapper .about-title { font-size: 39px; line-height: 50px; color: #373d46; font-weight: 800; margin-bottom: 30px; } @media (max-width: 1024px) { .about-content-wrapper .about-title br { display: none; } } @media (max-width: 991px) { .about-content-wrapper .about-title { font-size: 34px; line-height: 44px; } } .about-content-wrapper p { margin-bottom: 36px; } .about-content-wrapper .icon-lists { margin-bottom: 40px; } .about-content-wrapper .icon-lists li i { color: #ed1f25; } .about-content-wrapper .icon-lists.color-theme li i { color: #ed1f25; } .about-content-wrapper.style-two { margin-top: -24px; } @media (max-width: 991px) { .about-content-wrapper.style-two { padding-left: 0; text-align: center; } } .about-content-wrapper.style-two .section-heading { margin-bottom: 15px; } @media (max-width: 991px) { .about-content-wrapper.style-two .section-heading { text-align: center !important; } } .about-content-wrapper.style-two .lead-content { font-size: 24px; color: #706c79; line-height: 34px; margin-bottom: 25px; } @media (max-width: 991px) { .about-content-wrapper.style-two .lead-content { font-size: 18px; line-height: 28px; } } .about-content-wrapper.style-two .description { margin-bottom: 43px; } .about-content-wrapper.style-two .gp-btn { padding: 11px 30px; } .about-two { padding: 90px 0 100px; } /*-------------------------------------------------------------- ## Intro Video --------------------------------------------------------------*/ .intro-video { position: relative; padding: 120px 0 150px; overflow: hidden; } @media (max-width: 991px) { .intro-video { padding: 80px 0; } } .intro-video .popup-video-warapper { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; z-index: 2; } .intro-video .popup-video-warapper .video-shape-right { position: absolute; right: 0; bottom: 0; z-index: 1; } @media (max-width: 991px) { .intro-video .popup-video-warapper { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } } .intro-video.color-theme { padding: 43px 0 150px; } .intro-video.color-theme .video-content-wrapper .subtitle { color: #ed1f25; } .intro-video.color-theme .intro-video-inner .popup-video i { color: #ed1f25; } .intro-video-two .intro-video-inner { -webkit-box-shadow: none; box-shadow: none; border-radius: 0; } .video-content-wrapper { max-width: 470px; } @media (max-width: 991px) { .video-content-wrapper { padding-bottom: 80px; max-width: 100%; } } .video-content-wrapper .subtitle { font-size: 16px; text-transform: uppercase; color: #4d5afe; font-weight: 400; letter-spacing: 3px; } .video-content-wrapper .title { font-size: 40px; line-height: 54px; font-weight: 800; margin-bottom: 30px; } @media (max-width: 576px) { .video-content-wrapper .title { font-size: 28px; line-height: 38px; } .video-content-wrapper .title br { display: none; } } .video-content-wrapper p { margin-bottom: 48px; color: #6a7695; } .mw-670 { max-width: 670px; } .intro-video-wrapper { margin: 0 -350px 0 0; } @media (max-width: 1200px) { .intro-video-wrapper { margin: 0 -50px 0 0; } } @media (max-width: 1200px) { .intro-video-wrapper { margin: 0; } } .intro-video-inner { position: relative; border-radius: 6px; overflow: hidden; z-index: 2; -webkit-box-shadow: 0px 40px 60px 0px rgba(3, 24, 61, 0.14); box-shadow: 0px 40px 60px 0px rgba(3, 24, 61, 0.14); } .intro-video-inner img { width: 100%; } .intro-video-inner .popup-video { position: absolute; top: 50%; left: 50%; height: 80px; width: 80px; display: inline-block; text-align: center; line-height: 86px; background: #fff; border-radius: 50%; -webkit-box-shadow: 0px 20px 40px 0px rgba(77, 90, 254, 0.14); box-shadow: 0px 20px 40px 0px rgba(77, 90, 254, 0.14); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .intro-video-inner .popup-video i { font-size: 40px; margin-left: 6px; } .intro-video-inner .popup-video:before { content: ""; height: 100px; width: 100px; position: absolute; left: -10px; top: -10px; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 50%; -webkit-animation: videoBtnAnim 3s linear infinite; animation: videoBtnAnim 3s linear infinite; display: block; } .intro-video-inner .popup-video:after { content: ""; position: absolute; left: -30px; top: -30px; height: 140px; width: 140px; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 50%; -webkit-animation: videoBtnAnim 5s linear infinite; animation: videoBtnAnim 5s linear infinite; display: block; } @-webkit-keyframes videoBtnAnim { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); } 25% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 75% { -webkit-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes videoBtnAnim { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); } 25% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 75% { -webkit-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(0.8); transform: scale(0.8); } } .popup-video-warapper-two .intro-video-inner .popup-video.style-two { -webkit-box-shadow: 0px 20px 40px 0px rgba(1, 33, 26, 0.2); box-shadow: 0px 20px 40px 0px rgba(1, 33, 26, 0.2); background: #fff; height: 100px; width: 100px; line-height: 105px; } .popup-video-warapper-two .intro-video-inner .popup-video.style-two i { color: #ed1f25; } .popup-video-warapper-two .intro-video-inner .popup-video.style-two:before { height: 110px; width: 110px; left: -5px; top: -5px; border: 1px solid rgba(255, 255, 255, 0.6); } .popup-video-warapper-two .intro-video-inner .popup-video.style-two:after { left: -15px; top: -15px; height: 130px; width: 130px; border: 1px solid rgba(255, 255, 255, 0.6); } .intro-video-two { overflow: hidden; } .video-content-wrapper-two { padding-left: 130px; } @media (max-width: 1400px) { .video-content-wrapper-two { padding-left: 0; } } @media (max-width: 1280px) { .video-content-wrapper-two { padding: 70px 15px; } } .video-content-wrapper-two .title { font-size: 40px; line-height: 50px; font-weight: 800; margin-bottom: 22px; } @media (max-width: 576px) { .video-content-wrapper-two .title { font-size: 28px; line-height: 38px; } .video-content-wrapper-two .title br { display: none; } } .video-content-wrapper-two p { margin-bottom: 43px; } @media (max-width: 576px) { .video-content-wrapper-two p br { display: none; } } .people-box { border-radius: 6px; background-color: white; -webkit-box-shadow: 0px 3px 6px 0px rgba(1, 33, 26, 0.06); box-shadow: 0px 3px 6px 0px rgba(1, 33, 26, 0.06); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 370px; padding: 10px 20px; margin-bottom: 80px; } @media (max-width: 1400px) and (min-width: 992px) { .people-box { margin-bottom: 40px; } } .people-box .avatar { border-radius: 50%; overflow: hidden; margin-right: 20px; } .people-box p { color: #0b1c39; margin: 0; } .counter-box-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 550px; } /*-------------------------------------------------------------- ## Icon Box --------------------------------------------------------------*/ /* Feature Analytics */ .feature-analytics { padding-top: 110px; padding-bottom: 30px; } @media (max-width: 991px) { .feature-analytics { padding-top: 70px; } } /* Social Feature One */ #social-feature { padding: 115px 0 90px; background: #fbfbfd; } @media (max-width: 991px) { #social-feature { padding: 75px 0 50px; } } .social-icon-box { text-align: center; background: #fff; padding: 50px; -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 11, 40, 0.05); box-shadow: 0px 4px 6px 0px rgba(0, 11, 40, 0.05); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; margin-bottom: 30px; border-radius: 10px; } .social-icon-box:before, .social-icon-box:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; } .social-icon-box:before { border-top: 1px solid #ed1f25; border-bottom: 1px solid #ed1f25; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); } .social-icon-box:after { border-right: 1px solid #ed1f25; border-left: 1px solid #ed1f25; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); } .social-icon-box .icon { max-height: 107px; } .social-icon-box .icon svg { margin: 0 auto; max-height: 103px; } .social-icon-box .content { position: relative; z-index: 22; } .social-icon-box .content h3 { font-size: 20px; font-weight: 800; margin-bottom: 20px; } .social-icon-box .content p { font-size: 16px; color: #677294; line-height: 28px; margin-bottom: 30px; } .social-icon-box .content a { font-size: 15px; color: #051441; font-weight: 500; position: relative; display: inline-block; } .social-icon-box .content a i { margin-left: 5px; font-size: 13px; } .social-icon-box .content a:after { position: absolute; content: ""; display: block; bottom: 3px; height: 1px; left: 0; width: 100%; background: #ed1f25; -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); transition: transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85), -webkit-transform 0.25s; } .social-icon-box .content a:hover { color: #ed1f25; } .social-icon-box .content a:hover:after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .social-icon-box:hover { -webkit-box-shadow: 0px 30px 30px 0px rgba(35, 0, 41, 0.06); box-shadow: 0px 30px 30px 0px rgba(35, 0, 41, 0.06); } .social-icon-box-two .icon { margin-bottom: 10px; } .social-icon-box-two .icon svg { height: 80px; } .social-icon-box-two .content h3 { font-size: 20px; font-weight: 800; margin-bottom: 15px; } /* Saas Feature One */ #feature { padding: 100px 0 90px; } @media (max-width: 991px) { #feature { padding: 70px 0 0; } } .service-one .section-heading { margin-bottom: 60px; } .icon-box { margin-bottom: 30px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;/* Feature Box Seo *//* Feature Analytics */ } .icon-box .icon-container { margin-bottom: 40px; } .icon-box .box-content .box-title { font-size: 20px; font-weight: 800; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-bottom: 16px; } .icon-box .box-content .box-title:hover { color: #ed1f25; } .icon-box .box-content .box-title a { color: #373d46; } .icon-box .box-content .box-title a:hover { color: #ed1f25; } .icon-box .box-content p { font-size: 14px; margin: 0; } @media (max-width: 991px) { .icon-box .box-content p br { display: none; } } .icon-box.style-one { margin-bottom: 90px; } @media (max-width: 991px) { .icon-box.style-one { text-align: center; } } @media (max-width: 575px) { .icon-box.style-one { max-width: 400px; margin: 0 auto 40px; } } .icon-box.style-one .icon-container { font-size: 25px; width: 60px; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 10px; color: #fff; background: #ed1f25; margin-bottom: 35px; -webkit-box-shadow: 0 20px 30px 0 rgba(247, 86, 135, 0.3); box-shadow: 0 20px 30px 0 rgba(247, 86, 135, 0.3); } @media (max-width: 991px) { .icon-box.style-one .icon-container { margin: 0 auto 35px; } } .icon-box.style-one .icon-container.color-one { background: #73c216; -webkit-box-shadow: 0 20px 30px 0 rgba(115, 194, 22, 0.3); box-shadow: 0 20px 30px 0 rgba(115, 194, 22, 0.3); } .icon-box.style-one .icon-container.color-two { background: #a159f9; -webkit-box-shadow: 0 20px 30px 0 rgba(161, 89, 249, 0.3); box-shadow: 0 20px 30px 0 rgba(161, 89, 249, 0.3); } .icon-box.style-one .icon-container.color-three { background: #f75687; -webkit-box-shadow: 0 20px 30px 0 rgba(247, 86, 135, 0.3); box-shadow: 0 20px 30px 0 rgba(247, 86, 135, 0.3); } .icon-box.style-one .icon-container.color-four { background: #5489fa; -webkit-box-shadow: 0 20px 30px 0 rgba(84, 137, 250, 0.3); box-shadow: 0 20px 30px 0 rgba(84, 137, 250, 0.3); } .icon-box.style-one .icon-container.color-five { background: #f7ab25; -webkit-box-shadow: 0 20px 30px 0 rgba(237, 163, 34, 0.3); box-shadow: 0 20px 30px 0 rgba(237, 163, 34, 0.3); } .icon-box.style-one .icon-container.color-six { background: #32b7fc; -webkit-box-shadow: 0 20px 30px 0 rgba(50, 183, 252, 0.3); box-shadow: 0 20px 30px 0 rgba(50, 183, 252, 0.3); } .icon-box.style-one .box-content .box-title { color: #000; } .icon-box.style-one .box-content .box-title:hover, .icon-box.style-one .box-content .box-title a:hover { color: #ff6344; } .icon-box.style-two { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 50px; padding: 0; } .icon-box.style-two .icon-container { width: 70px; height: 70px; font-size: 26px; text-align: center; line-height: 70px; background-color: rgba(255, 94, 133, 0.102); border-radius: 50%; margin-right: 30px; color: #ff5e85; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .icon-box.style-two .box-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .icon-box.style-two .box-content .box-title { font-size: 24px; font-weight: 800; margin-bottom: 13px; line-height: 34px; } @media (max-width: 991px) { .icon-box.style-two .box-content .box-title br { display: none; } } .icon-box.style-two .box-content .box-title:hover, .icon-box.style-two .box-content .box-title a:hover { color: #ff5e85; } .icon-box.style-two .box-content p { font-size: 16px; } @media (max-width: 991px) { .icon-box.style-two .box-content p br { display: none; } } .icon-box.style-two.color--one .icon-container { background-color: rgba(83, 99, 253, 0.102); color: #5363fd; } .icon-box.style-two.color--two .icon-container { background-color: rgba(11, 202, 6, 0.102); color: #0bca06; } .icon-box.style-two:hover .icon-container { background: #ff5e85; border-color: #ff5e85; color: #fff; -webkit-box-shadow: 0px 20px 20px 0px rgba(255, 94, 133, 0.2); box-shadow: 0px 20px 20px 0px rgba(255, 94, 133, 0.2); -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } .icon-box.style-two:hover.color--one .icon-container { background-color: #5363fd; color: #fff; -webkit-box-shadow: 0px 20px 30px 0px rgba(83, 99, 253, 0.2); box-shadow: 0px 20px 30px 0px rgba(83, 99, 253, 0.2); } .icon-box.style-two:hover.color--two .icon-container { background-color: #0bca06; color: #fff; -webkit-box-shadow: 0px 20px 30px 0px rgba(11, 202, 6, 0.2); box-shadow: 0px 20px 30px 0px rgba(11, 202, 6, 0.2); } .icon-box.style-three { text-align: center; background: #fff; -webkit-box-shadow: 0px 40px 60px 0px rgba(3, 24, 61, 0.06); box-shadow: 0px 40px 60px 0px rgba(3, 24, 61, 0.06); border-radius: 0; padding: 45px 50px 55px; } .icon-box.style-three .icon-container { height: 100px; position: relative; margin-bottom: 25px; padding: 15px 0; } .icon-box.style-three .icon-container svg { position: absolute; margin: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; } .icon-box.style-three .box-content .box-title a:hover { color: #4d5afe; } .icon-box.style-three .box-content p { margin-bottom: 45px; } .icon-box.style-three .gp-btn { border-color: #e0e3e8; color: #6a7695; } .icon-box.style-three .gp-btn:hover { color: #fff; -webkit-box-shadow: 0px 20px 30px 0px rgba(6, 16, 149, 0.2); box-shadow: 0px 20px 30px 0px rgba(6, 16, 149, 0.2); } .icon-box.style-four { padding: 40px 40px 50px; border-top: 5px solid transparent; border-radius: 6px; } .icon-box.style-four:hover { -webkit-box-shadow: 0px 50px 100px 0px rgba(1, 60, 64, 0.1), 0px -5px 0px 0px rgba(0, 192, 205, 0.004); box-shadow: 0px 50px 100px 0px rgba(1, 60, 64, 0.1), 0px -5px 0px 0px rgba(0, 192, 205, 0.004); border-color: #ed1f25; background: #fff; } .icon-box.style-four.color-seven:hover { border-color: #6e58fc; -webkit-box-shadow: 0px 50px 100px 0px rgba(10, 1, 64, 0.1), 0px -5px 0px 0px rgba(110, 88, 252, 0.004); box-shadow: 0px 50px 100px 0px rgba(10, 1, 64, 0.1), 0px -5px 0px 0px rgba(110, 88, 252, 0.004); } .icon-box.style-four.color-seven .box-content .box-title:hover { color: #6e58fc; } .icon-box.style-four.color-seven .box-content .box-title a:hover { color: #6e58fc; } .icon-box.style-five { padding: 40px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 6px; border-top: 4px solid transparent; } .icon-box.style-five .icon-container { height: 70px; width: 70px; line-height: 75px; font-size: 30px; background: #e5f9e4; border-radius: 20px; text-align: center; color: #27cb24; margin-bottom: 35px; } .icon-box.style-five .box-content .box-title { font-weight: 500; margin-bottom: 15px; } .icon-box.style-five:hover { -webkit-box-shadow: 0px 40px 70px 0px rgba(1, 33, 26, 0.08); box-shadow: 0px 40px 70px 0px rgba(1, 33, 26, 0.08); border-top-color: #ed1f25; background: #fff; } .icon-box.style-five.cl-five .box-content .box-title { font-weight: 500; margin-bottom: 15px; } .icon-box.style-five.cl-five .box-content .box-title:hover { color: #ed1f25; } .icon-box.style-five.cl-five .box-content .box-title a:hover { color: #ed1f25; } .icon-box.style-five.color-two .icon-container { background: #fee5ef; color: #f6297b; } .icon-box.style-five.color-three .icon-container { background: #e7efff; color: #3880fb; } .icon-box.style-five.color-four .icon-container { background: #fdf7e6; color: #f4ca64; } .icon-box.style-five.color-five .icon-container { background: #e1f8f6; color: #1ac7bd; } .icon-box.style-five.color-six .icon-container { background: #fbe9fe; color: #dd49f8; } .icon-box.style-six { padding: 0 20px; margin-bottom: 30px; } .icon-box.style-six .icon-container { text-align: center; height: 100px; width: 100px; line-height: 95px; border: 2px solid transparent; margin: 0 auto 35px; border-radius: 50%; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-box-shadow: 0px 14px 30px 0px rgba(36, 7, 120, 0.1); box-shadow: 0px 14px 30px 0px rgba(36, 7, 120, 0.1); background-color: white; } .icon-box.style-six .box-content .feature-title { font-size: 20px; font-weight: 700; margin-bottom: 13px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .icon-box.style-six .box-content .feature-title a { color: #051441; } .icon-box.style-six .box-content .feature-title a:hover { color: #ed1f25; } .icon-box.style-six .box-content .feature-title:hover { color: #ed1f25; } .icon-box.style-six:hover .icon-container { -webkit-box-shadow: none; box-shadow: none; border-color: #ed1f25; } .icon-box.style-seven { margin-bottom: 30px; padding: 40px 50px; border-top: 2px solid transparent; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 4px; } .icon-box.style-seven .icon-container { height: 55px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .icon-box.style-seven .box-content .box-title { font-size: 18px; color: #2c2c51; } .icon-box.style-seven .box-content .box-title a { color: #2c2c51; } .icon-box.style-seven .box-content .box-title a:hover { color: #ed1f25; } .icon-box.style-seven .box-content p { font-size: 15px; } .icon-box.style-seven .box-content .more-info { margin-top: 20px; display: block; opacity: 0; visibility: hidden; } .icon-box.style-seven .box-content .more-info svg path { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .icon-box.style-seven .box-content .more-info:hover svg path { fill: #ed1f25; } .icon-box.style-seven:hover { background: #fff; -webkit-box-shadow: 0px 40px 60px 0px rgba(8, 2, 46, 0.1), 0px -2px 0px 0px rgba(26, 191, 104, 0.004); box-shadow: 0px 40px 60px 0px rgba(8, 2, 46, 0.1), 0px -2px 0px 0px rgba(26, 191, 104, 0.004); border-color: #ed1f25; } .icon-box.style-seven:hover .more-info { opacity: 1; visibility: visible; } .icon-box.style-eight { margin-bottom: 30px; padding: 54px 50px; border-top: 2px solid transparent; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 4px; background: #f8f8f8; } .icon-box.style-eight .icon-container { height: 55px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 30px; } .icon-box.style-eight .box-content .box-title { font-size: 18px; color: #2c2c51; } .icon-box.style-eight .box-content .box-title a { color: #2c2c51; } .icon-box.style-eight .box-content .box-title a:hover { color: #ed1f25; } .icon-box.style-eight .box-content p { color: #69697b; } .icon-box.style-eight .box-content .more-info { margin-top: 23px; display: block; color: #2c2c51; font-size: 14px; font-weight: 500; } .icon-box.style-eight .box-content .more-info i { display: inline-block; vertical-align: middle; font-size: 18px; margin-left: 5px; } .icon-box.style-eight .box-content .more-info:hover { color: #ed1f25; } .icon-box.style-eight:hover { background: #fff; -webkit-box-shadow: 0px 40px 60px 0px rgba(8, 2, 46, 0.1), 0px -2px 0px 0px rgba(26, 191, 104, 0.004); box-shadow: 0px 40px 60px 0px rgba(8, 2, 46, 0.1), 0px -2px 0px 0px rgba(26, 191, 104, 0.004); border-color: #ed1f25; } .icon-box.style-eight:hover .more-info { opacity: 1; visibility: visible; } .icon-box.style-nine { padding: 40px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 20px; border-top: 2px solid transparent; margin-bottom: 0; } @media (max-width: 991px) { .icon-box.style-nine { text-align: center; } } .icon-box.style-nine .icon-container { height: 50px; width: 50px; line-height: 50px; text-align: center; background: #ed1f25; border-radius: 50%; color: #fff; } .icon-box.style-nine .icon-container i { display: inline-block; vertical-align: -1px; } @media (max-width: 991px) { .icon-box.style-nine .icon-container { margin: 0 auto 40px; } } .icon-box.style-nine .box-content .box-title { color: #1f113a; font-size: 18px; font-weight: 800; } .icon-box.style-nine .box-content .box-title a { color: #1f113a; } .icon-box.style-nine .box-content .box-title a:hover { color: #ed1f25; } .icon-box.style-nine .box-content p { margin-bottom: 20px; } .icon-box.style-nine .box-content .more-info { opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .icon-box.style-nine .box-content .more-info svg { display: inline-block; } .icon-box.style-nine .box-content .more-info:hover svg path { fill: #ed1f25; } .icon-box.style-nine.color--one .icon-container { background: #8d58f9; -webkit-box-shadow: 0px 20px 30px 0px rgba(105, 54, 207, 0.2); box-shadow: 0px 20px 30px 0px rgba(105, 54, 207, 0.2); } .icon-box.style-nine.color--one .box-content .box-title a:hover { color: #8d58f9; } .icon-box.style-nine.color--one:hover { border-color: #8d58f9; } .icon-box.style-nine.color--one .more-info svg { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .icon-box.style-nine.color--one .more-info:hover svg path { fill: #8d58f9; } .icon-box.style-nine.color--two .icon-container { background: #f4be55; -webkit-box-shadow: 0px 20px 30px 0px rgba(207, 156, 54, 0.2); box-shadow: 0px 20px 30px 0px rgba(207, 156, 54, 0.2); } .icon-box.style-nine.color--two .box-content .box-title a:hover { color: #f4be55; } .icon-box.style-nine.color--two:hover { border-color: #f4be55; } .icon-box.style-nine.color--two .more-info:hover svg path { fill: #f4be55; } .icon-box.style-nine.color--three .icon-container { background: #ff7d7c; -webkit-box-shadow: 0px 20px 30px 0px rgba(206, 54, 53, 0.2); box-shadow: 0px 20px 30px 0px rgba(206, 54, 53, 0.2); } .icon-box.style-nine.color--three .box-content .box-title a:hover { color: #ff7d7c; } .icon-box.style-nine.color--three:hover { border-color: #ff7d7c; } .icon-box.style-nine.color--three .more-info:hover svg path { fill: #ff7d7c; } .icon-box.style-nine.color--four .icon-container { background: #ff7caa; -webkit-box-shadow: 0px 20px 30px 0px rgba(207, 54, 107, 0.2); box-shadow: 0px 20px 30px 0px rgba(207, 54, 107, 0.2); } .icon-box.style-nine.color--four .box-content .box-title a:hover { color: #ff7caa; } .icon-box.style-nine.color--four:hover { border-color: #ff7caa; } .icon-box.style-nine.color--four .more-info:hover svg path { fill: #ff7caa; } .icon-box.style-nine.color--five .icon-container { background: #5376fb; -webkit-box-shadow: 0px 20px 30px 0px rgba(54, 87, 207, 0.2); box-shadow: 0px 20px 30px 0px rgba(54, 87, 207, 0.2); } .icon-box.style-nine.color--five .box-content .box-title a:hover { color: #5376fb; } .icon-box.style-nine.color--five:hover { border-color: #5376fb; } .icon-box.style-nine.color--five .more-info:hover svg path { fill: #5376fb; } .icon-box.style-nine.color--six .icon-container { background: #78c623; -webkit-box-shadow: 0px 20px 30px 0px rgba(127, 206, 40, 0.2); box-shadow: 0px 20px 30px 0px rgba(127, 206, 40, 0.2); } .icon-box.style-nine.color--six .box-content .box-title a:hover { color: #78c623; } .icon-box.style-nine.color--six:hover { border-color: #78c623; } .icon-box.style-nine.color--six .more-info:hover svg path { fill: #78c623; } .icon-box.style-nine:hover { background: #fff; -webkit-box-shadow: 0px 40px 60px 0px rgba(20, 2, 53, 0.1), 0px -2px 0px 0px rgba(83, 118, 251, 0.004); box-shadow: 0px 40px 60px 0px rgba(20, 2, 53, 0.1), 0px -2px 0px 0px rgba(83, 118, 251, 0.004); border-color: #ed1f25; } .icon-box.style-nine:hover .more-info { opacity: 1; visibility: visible; } .icon-box.style-ten { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 50px; padding: 0; } @media (max-width: 991px) { .icon-box.style-ten { margin-bottom: 30px; } } .icon-box.style-ten .icon-container { width: 70px; height: 70px; font-size: 26px; text-align: center; line-height: 70px; border-radius: 50%; margin-right: 20px; margin-bottom: 0; } .icon-box.style-ten .box-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .icon-box.style-ten .box-content .box-title { font-size: 16px; font-weight: 700; margin-bottom: 13px; } @media (max-width: 991px) { .icon-box.style-ten .box-content .box-title br { display: none; } } .icon-box.style-ten .box-content .box-title:hover, .icon-box.style-ten .box-content .box-title a:hover { color: #ff5e85; } .icon-box.style-ten .box-content p { font-size: 16px; } @media (max-width: 991px) { .icon-box.style-ten .box-content p br { display: none; } } .icon-list-box { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 70px; } @media (max-width: 991px) { .icon-list-box { margin-bottom: 30px; } } .icon-list-box .list-icon { margin-right: 20px; margin-top: 5px; } .icon-list-box .list-icon i { color: #1ad90b; font-size: 24px; } @media (min-width: 576px) { .icon-list-box .content { max-width: 300px; } } .icon-list-box .content p { font-size: 16px; line-height: 28px; margin: 0; } /* Feature One */ .bg-table { background-image: url(../img/homebg.png); background-position: center; background-size: auto; background-repeat: repeat-x; } .service-one { padding: 50px 0 45px; } /* Feature Agency*/ .feature-agency-about { overflow: hidden; position: relative; padding: 115px 0 90px; } .feature-agency-about .bg-shape { position: absolute; top: -56%; } @media (max-width: 768px) { .feature-agency-about { padding: 75px 0 50px; } } .feature-agency { position: relative; } .feature-agency .bg-shape { position: absolute; top: -30%; left: 0; } .feature-agency.feature-padding { padding: 190px 0 100px; } @media (max-width: 991px) { .feature-agency.feature-padding { padding: 100px 0 0; } } .iconbox-slider-wrapper .swiper-slide { padding: 0 20px 50px; } /* Feature Comminity */ .feature-comminity { padding: 113px 0 50px; } @media (max-width: 991px) { .feature-comminity { padding: 75px 0 50px; } } .feature-comminity-two { padding: 113px 0 90px; } @media (max-width: 991px) { .feature-comminity-two { padding: 75px 0 50px; } } /* Feature Agency */ .feature-agency { padding: 53px 0 100px; } @media (max-width: 991px) { .feature-agency { padding: 50px 0 90px; } .feature-agency .section-heading { text-align: center !important; } } .feature-agency-about .section-heading.style-two .subtitle { color: #ed1f25; } .feature-agency-about .section-heading.style-two .section-title:after, .feature-agency-about .section-heading.style-two .section-title:before { background: #ed1f25; } .feature-agency-about .icon-box.style-three .box-content .box-title a:hover { color: #ed1f25; } .feature-agency-about .icon-box.style-three .box-content .gp-btn:hover { border-color: #ed1f25; -webkit-box-shadow: 0 20px 30px 0 rgba(26, 191, 104, 0.2); box-shadow: 0 20px 30px 0 rgba(26, 191, 104, 0.2); } .feature-page { padding: 115px 0 90px; } @media (max-width: 991px) { .feature-page { padding: 75px 0 50px; } } .feature-page .icon-box.style-four.color-seven .box-content .box-title a:hover { color: #ed1f25; } .feature-page .icon-box.style-four.color-seven:hover { border-color: #ed1f25; } .service-feature-page .icon-box.style-two .box-content .box-title:hover, .service-feature-page .icon-box.style-two .box-content a:hover { color: #ed1f25; } /*-------------------------------------------------------------- ## Info Box --------------------------------------------------------------*/ .analytics-box { padding: 90px 0 140px; } @media (max-width: 991px) { .analytics-box { padding: 80px 0; } } .info-boxs { margin-bottom: 30px; padding: 0 30px; } .info-boxs .sub-title { font-size: 22px; font-weight: 400; } .info-boxs .title { font-size: 22px; font-weight: 700; margin-bottom: 25px; } .info-boxs .title a { color: #051441; } .info-boxs .title a:hover { color: #f8b137; } .info-boxs .des { font-size: 16px; line-height: 28px; font-weight: 400; } /*-------------------------------------------------------------- ## Category Boxes --------------------------------------------------------------*/ .category { padding-top: 90px; } .featured-inner { padding: 120px 0; } @media (max-width: 768px) { .featured-inner { padding: 80px 0; } } .cofounder-boxes .cofounder-box { text-align: center; background: #fbfbfd; padding: 40px 0 29px; border-top: 5px solid transparent; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-bottom: 30px; } .cofounder-boxes .cofounder-box:not(:last-child) { margin-right: 30px; } .cofounder-boxes .cofounder-box .box-icon { margin-bottom: 25px; } .cofounder-boxes .cofounder-box h3 { font-size: 16px; line-height: 24px; margin: 0; } .cofounder-boxes .cofounder-box h3 a { color: #343e5d; } .cofounder-boxes .cofounder-box h3 a:hover { color: #ff5e85; } .cofounder-boxes .cofounder-box:hover { background: #fff; border-color: #ff5e85; -webkit-box-shadow: 0px 30px 40px 0px rgba(0, 11, 40, 0.08), 0px -5px 0px 0px rgba(255, 94, 133, 0.004); box-shadow: 0px 30px 40px 0px rgba(0, 11, 40, 0.08), 0px -5px 0px 0px rgba(255, 94, 133, 0.004); } .cofounder-content h2 { font-size: 40px; line-height: 56px; margin-bottom: 28px; font-weight: 700; color: #343e5d; } @media (max-width: 991px) { .cofounder-content h2 { font-size: 30px; line-height: 40px; } } .cofounder-content p { font-size: 18px; margin-bottom: 50px; line-height: 30px; } .cofounder-content .btn-outline { margin-left: 20px; } @media (max-width: 440px) { .cofounder-content .btn-outline { margin-left: 0; margin-top: 15px; } } .category-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 991px) { .category-items { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } } .category-items .categories-box { padding: 0 15px; text-align: center; max-width: 20%; } @media (max-width: 991px) { .category-items .categories-box { max-width: 33.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; margin-bottom: 40px; } } @media (max-width: 420px) { .category-items .categories-box { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } .category-items .categories-box .box-icon { height: 120px; width: 120px; line-height: 120px; background: rgba(40, 145, 244, 0.102); border-radius: 20px; margin: 0 auto 30px; } .category-items .categories-box .category-title { font-size: 16px; font-weight: 800; } .category-items .categories-box .category-title a { color: #2c2c51; } .category-items .categories-box .category-title a:hover { color: #ed1f25; } .category-items .categories-box.color-two .box-icon { background: #fdf7e6; color: #eab616; } .category-items .categories-box.color-three .box-icon { background: #e7f9f9; color: #eab616; } .category-items .categories-box.color-four .box-icon { background: #feeaec; color: #feeaec; } .category-items .categories-box.color-five .box-icon { background: #e7fbeb; color: #feeaec; } /*-------------------------------------------------------------- ## Image Content --------------------------------------------------------------*/ .image-content { padding: 150px 0 150px; } @media (max-width: 1441px) { .image-content { padding: 550px 0 105px; } } @media (min-width: 1200px) { .ml--55 { margin-left: -55px; } .mr--50 { margin-right: -50px; } } .service-image-content { padding: 225px 0 160px; } .image-content-wrapper { padding-top: 40px; } @media (max-width: 991px) { .image-content-wrapper.style-two { text-align: center; } } .image-content-wrapper.style-two .title { font-weight: 800; margin-bottom: 20px; font-size: 48px; } .image-content-wrapper.style-two p { font-size: 16px; margin-bottom: 40px; } .image-content-wrapper.style-two .lead-text { font-weight: 500; margin-bottom: 21px; font-size: 16px; line-height: 26px; } .image-content-wrapper.style-three .title { font-size: 50px; font-weight: 400; } .image-content-wrapper p { font-size: 18px; line-height: 30px; margin-bottom: 34px; } .image-content-wrapper .listitem li i { display: inline-block; vertical-align: middle; } .image-content-wrapper .listitem.color-theme li i { color: #ed1f25; } .anime-image-wrapper { position: relative; max-width: 700px; } @media (max-width: 991px) { .anime-image-wrapper { margin: 0 auto; } } @media (max-width: 767px) { .anime-image-wrapper { max-width: 450px; } } .anime-image-wrapper .feature-image-wrap { position: relative; z-index: 2; } .anime-image-wrapper .anime-dot { position: absolute; left: 165px; bottom: 45px; z-index: 1; -webkit-animation: wave 3s 0.1s infinite linear; animation: wave 3s 0.1s infinite linear; } .anime-image-wrapper .circle { display: block; height: 340px; width: 340px; background: #fefcf3; border-radius: 50%; position: absolute; bottom: -25px; left: -110px; } @media (max-width: 991px) { .anime-image-wrapper.style-two { margin-top: 40px; } } .anime-image-wrapper.style-two .anime-dot { right: 140px; left: auto; bottom: 50px; } .anime-image-wrapper.style-two .circle { background: linear-gradient(60deg, #FE5924, #ed1f25); right: -140px; left: auto; bottom: 100px; } @media (max-width: 1400px) { .anime-image-wrapper.style-two .circle { right: 0; } } .anime-image-wrapper.style-four { text-align: right; } .anime-image-wrapper.style-four .image-one, .anime-image-wrapper.style-four .image-two { position: absolute; } .anime-image-wrapper.style-four .image-one { left: 190px; top: 210px; } @media (max-width: 768px) { .anime-image-wrapper.style-four .image-one { left: 0; top: 150px; } } .anime-image-wrapper.style-four .image-two { bottom: 210px; left: 104px; } @media (max-width: 767px) { .anime-image-wrapper.style-four .image-two { left: 0; bottom: 150px; } } @media (max-width: 767) { .anime-image-wrapper.style-four .feature-image-wrap > img.zoom { width: 310px; } } .anime-image-wrapper.style-four .circle { position: absolute; left: auto; right: 0; bottom: 30px; background-image: -o-linear-gradient(30deg, #504cfa 0%, #ff3695 100%); background-image: linear-gradient(60deg, #504cfa 0%, #ff3695 100%); height: 500px; width: 500px; opacity: 0.051 !important; } @media (max-width: 768px) { .anime-image-wrapper.style-four .circle { height: 400px; width: 400px; } } @media (max-width: 768px) { .anime-image-wrapper.style-four .circle { height: 300px; width: 300px; } } .anime-image-wrapper.style-four .anime-dot { right: 0; top: 100px; } .listitem { margin-bottom: 48px; padding: 0; list-style: none; } .listitem li { font-weight: 500; margin-bottom: 9px; font-size: 16px; } .listitem li i { margin-right: 10px; color: #ed1f25; } /*-------------------------------------------------------------- ## Preview Slider --------------------------------------------------------------*/ .dashboard-preview { padding: 111px 0 60px; background: #fcebf0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media (max-width: 991px) { .dashboard-preview { padding: 71px 0 50px; } } .dashboard-preview.active-tab-1 { background: #efebfc; } .dashboard-preview.active-tab-2 { background: #ebf8fd; } .dashboard-preview.active-tab-3 { background: #fcf6eb; } .dashboard-preview.active-tab-4 { background: #f4fceb; } .dashboard-preview.active-tab-5 { background: #ebf0fc; } .dashboard-preview .section-heading { margin-bottom: 35px; } .preview-slider .astriol-pagination { width: 270px; } @media (max-width: 767px) { .preview-slider .astriol-pagination { width: 100%; } } .preview-slider .astriol-pagination .swiper-pagination-bullet { height: auto; width: auto; border-radius: 40px; padding: 15px 25px; display: -webkit-box; display: -ms-flexbox; display: flex; outline: 0; font-size: 16px; font-weight: 500; color: #000; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 1; background: transparent; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-bottom: 10px; } .preview-slider .astriol-pagination .swiper-pagination-bullet i { height: 30px; width: 30px; line-height: 30px; background: #f75687; color: #fff; border-radius: 50%; display: inline-block; text-align: center; margin-right: 15px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .preview-slider .astriol-pagination .swiper-pagination-bullet:nth-child(2) i { background: #8463fd; } .preview-slider .astriol-pagination .swiper-pagination-bullet:nth-child(3) i { background: #32b7fc; } .preview-slider .astriol-pagination .swiper-pagination-bullet:nth-child(4) i { background: #f7ab25; } .preview-slider .astriol-pagination .swiper-pagination-bullet:nth-child(5) i { background: #73c216; } .preview-slider .astriol-pagination .swiper-pagination-bullet:nth-child(6) i { background: #5489fa; } .preview-slider .astriol-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; -webkit-box-shadow: 0 20px 30px 0 rgba(3, 49, 72, 0.1); box-shadow: 0 20px 30px 0 rgba(3, 49, 72, 0.1); color: #f75687; } .active-tab-1 .preview-slider .astriol-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { color: #8463fd; } .active-tab-2 .preview-slider .astriol-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { color: #32b7fc; } .active-tab-3 .preview-slider .astriol-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { color: #f7ab25; } .active-tab-4 .preview-slider .astriol-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { color: #73c216; } .active-tab-5 .preview-slider .astriol-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { color: #5489fa; } .previewSlider { padding: 30px 0; } .previewSlider .swiper-slide.swiper-slide-active .slide-image-wrapper { visibility: visible; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 !important; } .author-info-single { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 991px) { .author-info-single { max-width: 200px; text-align: left; margin: 0 auto; } } .author-info-single .avatar { width: 60px; height: 60px; margin-right: 20px; border-radius: 50%; overflow: hidden; } .author-info-single .avatar img { width: 100%; } .author-info-single .content { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .author-info-single .content .name { font-size: 18px; font-weight: 800; color: #000; margin: 0; } .author-info-single .content .designation { color: #000; font-size: 14px; } /*-------------------------------------------------------------- ## Reach Box --------------------------------------------------------------*/ .reach-boxs { padding: 105px 0 90px; background: #fcfbff; background-image: url(../../media/background/reachbox_bg.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; } @media (max-width: 991px) { .reach-boxs { padding: 70px 0 50px; } } .reach-box { padding: 50px 40px; background: #fff; -webkit-box-shadow: 0 20px 40px 0 rgba(20, 3, 70, 0.06); box-shadow: 0 20px 40px 0 rgba(20, 3, 70, 0.06); margin-bottom: 30px; } .reach-box .icon-container { height: 60px; width: 60px; background-image: -o-linear-gradient(50deg, #5e2ced 0%, #8c64fd 100%); background-image: linear-gradient(40deg, #5e2ced 0%, #8c64fd 100%); -webkit-box-shadow: 0 20px 30px 0 rgba(94, 44, 237, 0.3); box-shadow: 0 20px 30px 0 rgba(94, 44, 237, 0.3); border-radius: 50%; margin-bottom: 35px; text-align: center; font-size: 20px; color: #fff; } .reach-box .icon-container i { line-height: 60px; } .reach-box h3 { font-size: 20px; font-weight: 800; margin-bottom: 25px; color: #051441; } .reach-box h3 a { color: #051441; } .reach-box h3 a:hover { color: #f8b137; } .reach-box .reach-list { margin: 0; padding: 0; list-style: none; } .reach-box .reach-list li { font-size: 16px; line-height: 36px; font-weight: 400; position: relative; } .reach-box .reach-list li i { color: #6e58fc; margin-right: 5px; font-size: 20px; } .reach-box.color-two .icon-container { background-image: -o-linear-gradient(50deg, #5bc316 0%, #81e241 100%); background-image: linear-gradient(40deg, #5bc316 0%, #81e241 100%); -webkit-box-shadow: 0px 20px 30px 0px rgba(94, 204, 21, 0.3); box-shadow: 0px 20px 30px 0px rgba(94, 204, 21, 0.3); } .reach-box.color-two .reach-list li i { color: #a4b610; } .reach-box.color-three .icon-container { background-image: -o-linear-gradient(50deg, #ec2b86 0%, #fe4a9e 100%); background-image: linear-gradient(40deg, #ec2b86 0%, #fe4a9e 100%); -webkit-box-shadow: 0px 20px 30px 0px rgba(246, 35, 134, 0.3); box-shadow: 0px 20px 30px 0px rgba(246, 35, 134, 0.3); } .reach-box.color-three .reach-list li i { color: #f62386; } /*-------------------------------------------------------------- ## Tabs --------------------------------------------------------------*/ .overview { padding: 107px 0 200px; } @media (max-width: 991px) { .overview { padding: 70px 0 75px; } } .gp-tab .gp_tabs_item { display: none; } .gp-tab .gp_tabs_item:first-child { display: block; } .gp-tab .gp_tabs_item { display: none; } .gp-tab .gp_tabs_item:first-child { display: block; } .tab-swipe { position: relative; } .tab-swipe .indicator { background: #6e58fc; position: absolute; left: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; height: 2px; bottom: 0; } .tab-style-one { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tab-style-one .gp-tabs-nav { margin: 0; padding: 0; list-style: none; position: relative; width: 270px; } @media (max-width: 1200px) { .tab-style-one .gp-tabs-nav { width: 200px; } } @media (max-width: 576px) { .tab-style-one .gp-tabs-nav { display: block; text-align: center; width: 100%; } } .tab-style-one .gp-tabs-nav li { display: block; overflow: hidden; padding: 0; margin-bottom: 18px; } .tab-style-one .gp-tabs-nav a { color: #6d717f; font-weight: 500; display: block; font-size: 16px; display: inline-block; position: relative; padding-bottom: 5px; } .tab-style-one .gp-tabs-nav a:before { content: ""; position: absolute; bottom: 4px; left: 0; height: 1px; width: 0; background: #5e2ced; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .tab-style-one .gp-tabs-nav a.isActive:before { width: 100%; } .tab-style-one .tab_content { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .tab-style-one .gp_tabs_item .tab-contents-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 0px 40px 50px 0px rgba(20, 3, 70, 0.08); box-shadow: 0px 40px 50px 0px rgba(20, 3, 70, 0.08); background: #fff; border-radius: 10px; border: 2px solid #f5f4f9; padding: 70px; } @media (max-width: 991px) { .tab-style-one .gp_tabs_item .tab-contents-wrap { display: block; text-align: center; } } @media (max-width: 768px) { .tab-style-one .gp_tabs_item .tab-contents-wrap { padding: 30px; } } .tab-style-one .gp_tabs_item .tab-contents-wrap .right-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 75px; } @media (max-width: 1200px) { .tab-style-one .gp_tabs_item .tab-contents-wrap .right-content { padding-left: 30px; } } @media (max-width: 991px) { .tab-style-one .gp_tabs_item .tab-contents-wrap .right-content { padding-left: 0; } } .tab-style-one .gp_tabs_item .tab-contents-wrap .right-content .icon-container { height: 70px; width: 70px; background: rgba(94, 44, 237, 0.102); text-align: center; line-height: 70px; color: #6e58fc; font-size: 20px; border-radius: 50%; margin-bottom: 25px; } @media (max-width: 991px) { .tab-style-one .gp_tabs_item .tab-contents-wrap .right-content .icon-container { margin: 0 auto 25px; } } .tab-style-one .gp_tabs_item .tab-contents-wrap .right-content h3 { font-size: 22px; line-height: 30px; margin-bottom: 30px; font-weight: 700; } .tab-style-one .gp_tabs_item .tab-contents-wrap .right-content p { font-size: 16px; line-height: 28px; } .tab-style-one .current a { color: #6e58fc; } .tab-style-one .current a:after { width: 100%; } .tab-style-two .gp-tabs-nav { margin: 0; padding: 0; list-style: none; } .tab-style-two .gp-tabs-nav li { display: block; margin-bottom: 10px; overflow: hidden; padding: 0; position: relative; } .tab-style-two .gp-tabs-nav a { color: #af96ed; font-weight: 300; display: block; letter-spacing: 1px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-transform: uppercase; display: inline-block; position: relative; } .tab-style-two .gp-tabs-nav a:after { content: ""; position: absolute; width: 0; left: 0; bottom: 0; height: 1px; background: #fff; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .tab-style-two .gp_tabs_item { display: none; padding: 30px 0; } .tab-style-two .gp_tabs_item h4 { font-weight: bold; color: #f8b137; font-size: 20px; } .tab-style-two .gp_tabs_item img { width: 200px; float: left; margin-right: 30px; } .tab-style-two .gp_tabs_item:first-child { display: block; } .tab-style-two .current a { color: #fff; } .tab-style-two .current a:after { width: 100%; } .gp-tabs.style-two .gp-tabs-navigation { max-width: 100%; text-align: left; margin-bottom: 22px; } @media (max-width: 991px) { .gp-tabs.style-two .gp-tabs-navigation { text-align: center; } } .gp-tabs.style-two .gp-tabs-navigation li { position: relative; background: transparent; padding: 0; margin: 0; font-weight: 400; border: 0; -webkit-box-shadow: none; box-shadow: none; display: inline-block; } .gp-tabs.style-two .gp-tabs-navigation li:not(:last-child) { margin-right: 30px; } .gp-tabs.style-two .gp-tabs-navigation li:not(:last-child):after { content: ""; position: absolute; top: 8px; right: -18px; height: 11px; background: #c7b1fe; width: 2px; } .gp-tabs.style-two .gp-tabs-navigation li a { color: #c7b1fe; font-size: 12px; font-weight: 500; text-transform: uppercase; } .gp-tabs.style-two .gp-tabs-navigation li.active-tab a { color: #fff; } .gp-tabs.style-two .gp-tabs-content { margin: 0 -220px 0 0; } @media (max-width: 1480px) { .gp-tabs.style-two .gp-tabs-content { margin: 0 -155px 0 0; } } @media (max-width: 1200px) { .gp-tabs.style-two .gp-tabs-content { margin: 0 -100px 0 0; } } @media (max-width: 991px) { .gp-tabs.style-two .gp-tabs-content { margin: 0; } } .gp-tabs.style-two .gp-tabs-content .feature-tab-image img { max-width: 100%; border-top-left-radius: 6px; border-top-right-radius: 6px; } .overview-page { padding: 100px 0 120px; } .overview-page .tab-style-one .current a { color: #ed1f25; } .overview-page .tab-style-one .current a:before { background: #ed1f25; } .overview-page .tab-style-one .gp_tabs_item .tab-contents-wrap .right-content .icon-container { background: rgba(26, 191, 104, 0.102); color: #ed1f25; } /*-------------------------------------------------------------- ## Feature Tabs --------------------------------------------------------------*/ .feature-image-tabs { background: #8240fc; padding-top: 110px; position: relative; overflow: hidden; } @media (max-width: 991px) { .feature-image-tabs { padding-top: 70px; padding-bottom: 40px; } } .feature-image-tabs:before { content: ""; position: absolute; right: 0; top: 0; width: 29%; height: 100%; background: #ff9b6f; } @media (max-width: 1600px) { .feature-image-tabs:before { width: 20%; } } @media (max-width: 991px) { .feature-content-wrapper { margin-bottom: 60px; text-align: center !important; } .feature-content-wrapper p { max-width: 500px; margin: 20px auto 0; } } .feature-content-wrapper .section-heading { margin-bottom: 45px; } @media (max-width: 991px) { .feature-content-wrapper .section-heading { text-align: center !important; } } .feature-content-wrapper .section-heading .subtitle { margin-bottom: 15px; } .feature-content-wrapper .section-heading .subtitle, .feature-content-wrapper .section-heading .section-title, .feature-content-wrapper .section-heading p { color: #fff; } .feature-content-wrapper .section-heading .section-title { font-weight: 700; font-size: 50px; line-height: 60px; } @media (max-width: 991px) { .feature-content-wrapper .section-heading .section-title { font-size: 30px; line-height: 1.2; } } .feature-content-wrapper .gp-btn.color-nine.btn-outline { border: 2px solid rgba(255, 255, 255, 0.4); color: rgba(255, 255, 255, 0.8); font-size: 14px; } .feature-content-wrapper .gp-btn.color-nine.btn-outline:hover { border-color: #ed1f25; } /*-------------------------------------------------------------- ## Download --------------------------------------------------------------*/ .downloads { padding-bottom: 158px; } @media (max-width: 991px) { .downloads { padding-bottom: 50px; } } .download-contents .section-heading .section-title { font-size: 40px; line-height: 50px; margin-bottom: 20px; } @media (max-width: 576px) { .download-contents .section-heading .section-title { font-size: 28px; line-height: 38px; } .download-contents .section-heading .section-title br { display: none; } } .download-contents .section-heading p { font-size: 18px; line-height: 30px; margin-bottom: 40px; } .download-contents .button-container { margin-top: 0; } .download-contents .button-container .btn-outline { margin-left: 20px; } @media (max-width: 480px) { .download-contents .button-container .btn-outline { margin-left: 0; margin-top: 20px; } } .download-contents .button-container .app-btn { -webkit-box-shadow: none; box-shadow: none; } .extra-link-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 50px; } .extra-link-box .link-icon { height: 50px; width: 50px; line-height: 53px; text-align: center; background: #fa4987; color: #fff; border-radius: 50%; font-size: 22px; margin-right: 20px; -webkit-box-shadow: 0px 20px 30px 0px rgba(250, 89, 146, 0.3); box-shadow: 0px 20px 30px 0px rgba(250, 89, 146, 0.3); } .extra-link-box .link-content { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .extra-link-box .link-content .title { font-size: 16px; font-weight: 400; margin: 0; line-height: 26px; } .extra-link-box .link-content a { color: #ed1f25; } .extra-link-box .link-content a i { display: inline-block; vertical-align: middle; } .extra-link-box .link-content a:hover { color: #2c2c51; } .download-feature-image-wrapper .image-container { position: relative; max-height: 615px; } @media (max-width: 991px) { .download-feature-image-wrapper .image-container { max-width: 620px; } } .download-feature-image-wrapper .image-one { position: relative; z-index: 3; margin-left: 65px; } @media (max-width: 1200px) { .download-feature-image-wrapper .image-one { margin-left: 0; } } .download-feature-image-wrapper .image-two, .download-feature-image-wrapper .dot { position: absolute; } .download-feature-image-wrapper .image-two { left: 270px; top: 50px; z-index: 2; } @media (max-width: 1200px) { .download-feature-image-wrapper .image-two { left: 170px; } } @media (max-width: 576px) { .download-feature-image-wrapper .image-two { left: 100px; } } @media (max-width: 440px) { .download-feature-image-wrapper .image-two { left: 60px; } } .download-feature-image-wrapper .dot { right: -25px; bottom: 20px; z-index: 1; -webkit-animation: jump 3s infinite; animation: jump 3s infinite; } @media (max-width: 1200px) { .download-feature-image-wrapper .dot { right: 30px; } } .download-feature-image-wrapper .circle { position: absolute; right: -40%; top: -20%; height: 650px; width: 650px; background: #f6f9fb; border-radius: 50%; } @media (max-width: 1600px) { .download-feature-image-wrapper .circle { right: -20%; } } @media (max-width: 1440px) { .download-feature-image-wrapper .circle { right: -7%; height: 550px; width: 550px; } } @media (max-width: 1200px) { .download-feature-image-wrapper .circle { right: 0; top: -10%; } } /*-------------------------------------------------------------- ## Portfolio --------------------------------------------------------------*/ .portfolio-agency { padding: 112px 0 93px; } @media (max-width: 991px) { .portfolio-agency { padding: 72px 0 53px; } } .portfolio-agency .section-heading .subtitle { margin-bottom: 10px; } @media (max-width: 991px) { .portfolio-agency .section-heading { text-align: center !important; margin-bottom: 30px !important; } } .portfolio-sliders { background: #fbfbfd; padding: 115px 0 0; } @media (max-width: 991px) { .portfolio-sliders { padding: 75px 0 0; } } .portfolio-sliders .white-shape { position: absolute; width: 100%; height: 110px; background: #fff; bottom: 0; } .portfolio-slider-wrapper { padding: 0 70px; } @media (max-width: 991px) { .portfolio-slider-wrapper { padding: 0; } } .portfolio-slider-wrapper .swiper-container { padding: 0 30px 50px; } .portfolio-item-slide { background: #fff; -webkit-box-shadow: 0 20px 40px 0 rgba(3, 24, 61, 0.06); box-shadow: 0 20px 40px 0 rgba(3, 24, 61, 0.06); } .portfolio-item-slide .portfolio-image { position: relative; overflow: hidden; } .portfolio-item-slide .portfolio-image img { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .portfolio-item-slide .portfolio-image a:before { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(77, 90, 254, 0.7); opacity: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 2; } .portfolio-item-slide .portfolio-image:hover img { -webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07); } .portfolio-item-slide .portfolio-image:hover a:before { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .portfolio-item-slide .portfolio-content { padding: 25px 50px; } @media (max-width: 768px) { .portfolio-item-slide .portfolio-content { padding: 25px 30px; } } .portfolio-item-slide .portfolio-content .title { font-size: 22px; font-weight: 800; line-height: 1.4; margin: 0; } .portfolio-item-slide .portfolio-content .title a { color: #373d46; } .portfolio-item-slide .portfolio-content .title a:hover { color: #4d5afe; } .portfolio-item-slide .portfolio-content .port-cat { font-size: 16px; color: #6a7695; } .portfolios { padding: 106px 0 100px; } @media (max-width: 768px) { .portfolios { padding: 66px 0 60px; } } .portfolios-masonry { padding: 106px 0 40px; } @media (max-width: 768px) { .portfolios-masonry { padding: 66px 0 60px; } } .astriol__isotope-filter { margin-bottom: 50px; padding: 0; list-style: none; } .astriol__isotope-filter li { display: inline-block; margin-bottom: 10px; } .astriol__isotope-filter li:not(:last-child) { margin-right: 50px; } @media (max-width: 440px) { .astriol__isotope-filter li { display: block; } } .astriol__isotope-filter li a { color: #797687; font-size: 14px; font-weight: 800; display: inline-block; text-transform: uppercase; } .astriol__isotope-filter li.current a { border-color: #ed1f25; color: #ed1f25; } .astriol__isotope-filter.style--two { margin-bottom: 30px; text-align: right; } @media (max-width: 991px) { .astriol__isotope-filter.style--two { text-align: center; } } .astriol__isotope-filter.style--two li a { font-size: 12px; font-weight: 500; } .astriol__isotope-filter.style--two li.current a { color: #ed1f25; } .grid-sizer { min-height: 1px; } .astriol__portfolio-items { margin-top: 20px; } .astriol__portfolio-items.column-2 { width: calc(100% + 2%); } .astriol__portfolio-items.column-2 .astriol__portfolio, .astriol__portfolio-items.column-2 .grid-sizer { width: calc(50% - 2%); margin-right: 2%; } .astriol__portfolio-items.column-3 { width: calc(100% + 2.4%); } .astriol__portfolio-items.column-3 .astriol__portfolio, .astriol__portfolio-items.column-3 .grid-sizer { width: calc(33.33% - 2.4%); margin-right: 2.4%; } @media (max-width: 768px) { .astriol__portfolio-items.column-3 .astriol__portfolio, .astriol__portfolio-items.column-3 .grid-sizer { width: calc(50% - 2.4%); } } @media (max-width: 440px) { .astriol__portfolio-items.column-3 .astriol__portfolio, .astriol__portfolio-items.column-3 .grid-sizer { width: 100%; margin-right: 0; margin-bottom: 20px; } } @media (max-width: 440px) { .astriol__portfolio-items.column-3 { width: 100%; } } .astriol__portfolio { margin-bottom: 2.4%; position: relative; } .astriol__portfolio-image { position: relative; overflow: hidden; border-radius: 10px; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .astriol__portfolio-image img { -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; width: 100%; } .astriol__portfolio-image:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(44, 44, 81, 0.7); z-index: 1; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .astriol__portfolio-image .portfolio-info { padding: 0 40px; position: absolute; width: 100%; bottom: 35px; left: 0; overflow: hidden; } .astriol__portfolio-image .portfolio-info h3 { font-size: 24px; margin-bottom: 4px; line-height: 32px; -webkit-transform: translateY(-35px); -ms-transform: translateY(-35px); transform: translateY(-35px); -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; font-weight: 800; opacity: 0; } .astriol__portfolio-image .portfolio-info h3 a { color: #fff; } .astriol__portfolio-image .portfolio-info span { color: #fff; font-size: 14px; display: inline-block; margin-bottom: 15px; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; opacity: 0; } .astriol__portfolio-image:hover:before { opacity: 1; visibility: visible; } .astriol__portfolio-image:hover img { -webkit-transform: rotate(3deg) scale(1.07); -ms-transform: rotate(3deg) scale(1.07); transform: rotate(3deg) scale(1.07); } .astriol__portfolio-image:hover .portfolio-info { -webkit-box-shadow: none; box-shadow: none; z-index: 4; } .astriol__portfolio-image:hover .portfolio-info h3, .astriol__portfolio-image:hover .portfolio-info p, .astriol__portfolio-image:hover .portfolio-info span { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .astriol__portfolio-items--two .astriol__portfolio { margin-bottom: 115px; } .astriol__portfolio-items--two .astriol__portfolio .astriol__portfolio-image { overflow: visible; } .astriol__portfolio-items--two .astriol__portfolio .astriol__portfolio-image:before { display: none; } .astriol__portfolio-items--two .astriol__portfolio .astriol__portfolio-image img { border-radius: 10px; } .astriol__portfolio-items--two .astriol__portfolio .astriol__portfolio-image:hover img { -webkit-transform: rotate(0) scale(1); -ms-transform: rotate(0) scale(1); transform: rotate(0) scale(1); } .astriol__portfolio-items--two .astriol__portfolio .portfolio-info { width: 80%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); padding: 25px 30px; bottom: 0; -webkit-box-shadow: 0 26px 40px 0 rgba(8, 22, 113, 0.08); box-shadow: 0 26px 40px 0 rgba(8, 22, 113, 0.08); -webkit-transform: translate(-50%, 55px); -ms-transform: translate(-50%, 55px); transform: translate(-50%, 55px); border-radius: 6px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .astriol__portfolio-items--two .astriol__portfolio .portfolio-info h3, .astriol__portfolio-items--two .astriol__portfolio .portfolio-info span { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; color: #333; } .astriol__portfolio-items--two .astriol__portfolio .portfolio-info h3 { font-size: 20px; line-height: 1; } .astriol__portfolio-items--two .astriol__portfolio .portfolio-info h3 a { color: #373d46; } .astriol__portfolio-items--two .astriol__portfolio .portfolio-info h3 a:hover { color: #ed1f25; } .astriol__portfolio-items--two .astriol__portfolio .portfolio-info span { margin: 0; } .astriol__portfolio-items--two .astriol__portfolio .portfolio-info:before { content: ""; position: absolute; background: #fff; width: 100%; height: 100%; top: 0; left: 0; border-radius: 6px; } .astriol__portfolio-items--two .astriol__portfolio:hover .portfolio-info { -webkit-transform: translate(-50%, -30px); -ms-transform: translate(-50%, -30px); transform: translate(-50%, -30px); } .astriol__portfolio-items--three .astriol__portfolio-image:before { opacity: 1; visibility: visible; background: rgba(31, 17, 58, 0.3); } .astriol__portfolio-items--three .astriol__portfolio-image .portfolio-info { bottom: auto; top: 40px; z-index: 2; } .astriol__portfolio-items--three .astriol__portfolio-image .portfolio-info .portfolio-title, .astriol__portfolio-items--three .astriol__portfolio-image .portfolio-info span { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .astriol__portfolio-items--three .astriol__portfolio-image .portfolio-info span { margin: 0; } .astriol__portfolio-items--three .astriol__portfolio-image .portfolio-info .portfolio-title { font-size: 20px; } .astriol__portfolio-items--three .astriol__portfolio-image .popup-image { position: absolute; height: 50px; width: 50px; border: 1px solid rgba(255, 255, 255, 0.502); left: 40px; bottom: 50px; border-radius: 50%; text-align: center; line-height: 50px; color: #fff; font-size: 20px; z-index: 2; } .astriol__portfolio-items--three .astriol__portfolio-image .popup-image:hover { background: #fff; border-color: #fff; color: #ed1f25; } .astriol__portfolio-items--three .astriol__portfolio-image:hover::before { background: rgba(251, 140, 92, 0.9); } .portfolio-single { padding-top: 116px; } .portfolio--single-gallery { width: calc(100% + 30px); } .gallery-item, .grid-sizerr { margin-right: 30px; margin-bottom: 30px; width: calc(50% - 30px); } .gallery-item.width-large, .grid-sizerr.width-large { width: calc(65% - 30px); } .gallery-item.width-small, .grid-sizerr.width-small { width: calc(34% - 30px); } .portfolio-share { position: absolute; top: 50%; right: -47px; -webkit-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } .portfolio-share span { color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 500; margin-right: 10px; } .portfolio-share .port-social-share { margin: 0; padding: 0; list-style: none; display: inline-block; } .portfolio-share .port-social-share li { display: inline-block; margin-right: 15px; } .portfolio-share .port-social-share li a { color: #fff; display: inline-block; font-size: 14px; } .gallery--image img { width: 100%; margin-bottom: 30px; } .portfolio__content { padding-bottom: 135px; } .portfolio__content-top { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 60px; } .portfolio__content-des { width: 63%; padding-right: 50px; } .portfolio__content-des .title { font-size: 24px; font-weight: 800; margin-bottom: 26px; } .portfolio__content-des p { line-height: 28px; } .portfolio__content-info { width: 37%; padding-left: 70px; border-left: 1px solid #e9ebf2; } .portfolio__content-info .portfolio__info { margin: 0; padding: 0; list-style: none; margin-bottom: 38px; } .portfolio__content-info .portfolio__info li { display: block; } .portfolio__content-info .portfolio__info li:not(:last-child) { margin-bottom: 33px; } .portfolio__content-info .portfolio__info li .info-title { font-size: 16px; font-weight: 800; margin-bottom: 8px; } .portfolio__content-info .portfolio__info li .info { color: #6b6b7e; } .portfolio__content-info .portfolio__category-inner .cat-title { font-size: 16px; font-weight: 800; margin-bottom: 15px; } .portfolio__content-info .portfolio__category-inner .portfolio-category { margin: 0; padding: 0; list-style: none; } .portfolio__content-info .portfolio__category-inner .portfolio-category li { line-height: 34px; position: relative; padding-left: 27px; } .portfolio__content-info .portfolio__category-inner .portfolio-category li:before { content: "N"; font-family: eleganticons; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #1cda0e; } .portfolio__content-info .portfolio__category-inner .portfolio-category li a { color: #6b6b7e; } .portfolio__content-info .portfolio__category-inner .portfolio-category li a:hover { color: #ed1f25; } .portfolio-nav { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 115px; } .portfolio-nav li { font-size: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; } .portfolio-nav li i { font-size: 30px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #b3b3bd; } .portfolio-nav li a { color: #6b6b7e; } .portfolio-nav li.prev i { margin-right: 10px; } .portfolio-nav li.next i { margin-left: 10px; } .portfolio-nav li:hover a, .portfolio-nav li:hover i { color: #ed1f25; } .portfolio--releted-wrapper { background: #faf9fd; padding: 112px 0 120px; } .related-portfolio .portfolio-item .feature-image { position: relative; border-radius: 6px; overflow: hidden; } .related-portfolio .portfolio-item .feature-image img { width: 100%; border-radius: 6px; } .related-portfolio .portfolio-item .feature-image a { display: block; position: relative; } .related-portfolio .portfolio-item .feature-image a:before { content: ""; position: absolute; left: 0; top: 0; background: rgba(44, 44, 81, 0.7); width: 100%; height: 100%; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .related-portfolio .portfolio-item .feature-image:hover a:before { opacity: 1; } .related-portfolio .portfolio-item .port-info { padding: 25px 35px 0; } .related-portfolio .portfolio-item .port-info h3 { font-size: 24px; margin-bottom: 5px; line-height: 32px; font-weight: 800; } .related-portfolio .portfolio-item .port-info h3 a { color: #2b2350; } .related-portfolio .portfolio-item .port-info h3 a:hover { color: #ed1f25; } .related-portfolio .portfolio-item .port-info span { color: #6b6b7e; } #related-portfolio .swiper-pagination { position: relative; margin-top: 55px; } #related-portfolio .swiper-pagination .swiper-pagination-bullet { height: 12px; width: 12px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-right: 5px; position: relative; opacity: 1; background: #d8d5e6; outline: 0; } #related-portfolio .swiper-pagination .swiper-pagination-bullet:before { content: ""; position: absolute; height: 12px; width: 12px; background: #d8d5e6; z-index: 2; top: 0; left: 0; border-radius: 50%; left: 0; top: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #related-portfolio .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; } #related-portfolio .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before { opacity: 1; background: #ed1f25; } /*-------------------------------------------------------------- ## Fun Fact --------------------------------------------------------------*/ .funfact { padding: 69px 0 39px; background: #fcfbff; } #countdown-community { position: relative; overflow: hidden; background: #fbfbfb; padding: 115px 0 90px; } @media (max-width: 991px) { #countdown-community { padding: 75px 0 50px; } } #countdown-community .comminity-countup-wrapper { position: relative; z-index: 2; } #countdown-community .smile-one { position: absolute; left: -75px; bottom: -100px; z-index: 1; opacity: 0.7; } #countdown-community .smile-two { position: absolute; top: -50px; right: 100px; z-index: 1; opacity: 0.7; } .counter-box { margin-bottom: 30px; } @media (min-width: 991px) { .counter-box.pl-100 { padding-left: 100px; } } @media (max-width: 991px) { .counter-box { text-align: center; } } .counter-box .count-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 991px) { .counter-box .count-wrap { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .counter-box .count-wrap span { color: #051441; font-weight: 700; margin-left: 5px; font-size: 20px; } .counter-box .count:not(:first-child) { border-left: 1px solid #e8e4f5; } .counter-box .count .counted { font-size: 26px; color: #051441; font-weight: 800; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 0; } .counter-box .count .counted span { font-size: 20px; margin-left: 2px; } .counter-box .count .title { color: #6d717f; font-weight: 400; font-size: 16px; margin: 0; font-family: "Poppins", sans-serif; } .counter-box .count.special .counted { font-size: 40px; color: #f8b137; font-weight: 800; margin: 0; } .counter-box .count.special .counted span { font-size: 30px; } .counter-box .count.special span { font-size: 30px; color: #f8b137; margin-left: 5px; } .counter-box.style-three { display: block; text-align: left; margin-bottom: 0; } .counter-box.style-three .count { -moz-text-align-last: left; text-align-last: left; } @media (max-width: 768px) { .counter-box.style-three .count { border-top: 0; } } .counter-box.style-three .count .counted { font-weight: 800; } .counter-box.style-three .count .counted, .counter-box.style-three .count span { font-size: 50px; color: #ed1f25; margin-bottom: 10px; } .counter-box.style-three .count span { font-weight: 500; } .counter-box.style-three .count-title { margin-bottom: 0; } @media (max-width: 768px) { .counter-box { display: block; } .counter-box .count { width: 100%; padding-top: 30px; max-width: 350px; margin: 0 auto 30px; border-top: 1px solid #e8e4f5; } .counter-box .count:not(:first-child) { border-left: none; } .counter-box .count.special { padding-top: 0; border-top: 0; } } /*-------------------------------------------------------------- ## Analytics --------------------------------------------------------------*/ .analytics { padding-top: 100px; position: relative; } .ana-feature-image img { position: relative; z-index: 3; } .animate-stroke { position: absolute; height: 230px; width: 100%; left: 0; bottom: 60px; } .animate-stroke .stroke-one, .animate-stroke .stroke-two { position: absolute; left: 0; background-size: auto; } .animate-stroke .stroke-one { bottom: 65px; -webkit-animation: parallax_fg 50s linear 1s infinite; animation: parallax_fg 50s linear 1s infinite; height: 165px; width: 100%; } .animate-stroke .stroke-two { bottom: 0; -webkit-animation: parallax_fg 80s linear 1s infinite; animation: parallax_fg 80s linear 1s infinite; height: 90%; width: 100%; } @-webkit-keyframes parallax_fg { 0% { background-position: 2765px 100%; } 100% { background-position: 550px 100%; } } @keyframes parallax_fg { 0% { background-position: 2765px 100%; } 100% { background-position: 550px 100%; } } /*-------------------------------------------------------------- ## Cowndown --------------------------------------------------------------*/ #countdown { background: #2a1365; padding: 100px 0; } #countdown-creative { position: relative; padding: 120px 0 160px; background: #fbfbfd; } @media (max-width: 991px) { #countdown-creative { padding: 80px 0 0; } } #countdown-creative.countdown-creative-page { background: transparent; } @media (max-width: 768px) { #countdown-creative { padding: 80px 0; } } .animated-wave { position: absolute; width: 100%; height: 440px; bottom: 0; left: 0; z-index: 0; } .wave-wrapper { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); position: absolute; top: 0; width: 100%; } .count-content .title { color: #fff; font-weight: 400; font-size: 20px; line-height: 34px; font-family: "Poppins", sans-serif; margin-bottom: 20px; } .count-content .total-count { font-size: 24px; font-weight: 500; color: #fff; font-family: "Poppins", sans-serif; margin-bottom: 40px; } .count-content .gp-btn-btc { -webkit-box-shadow: 0 10px 30px 0 rgba(104, 30, 252, 0.3), 0 3px 5px 0 rgba(30, 1, 87, 0.5); box-shadow: 0 10px 30px 0 rgba(104, 30, 252, 0.3), 0 3px 5px 0 rgba(30, 1, 87, 0.5); margin-bottom: 10px; } .count-content p { color: #af96ed; font-size: 13px; font-family: "Poppins", sans-serif; margin: 0; } .count-content p i { margin-right: 5px; } .cowndown-inner { -webkit-box-shadow: 0 3px 4px 0 rgba(30, 1, 87, 0.5); box-shadow: 0 3px 4px 0 rgba(30, 1, 87, 0.5); border: 2px solid rgba(65, 48, 149, 0.4); padding: 100px; } .countdown { margin-bottom: 90px; } .countdown .CountdownContent { width: 25%; color: #fff; font-size: 50px; display: inline-block; text-align: center; font-weight: 800; line-height: 40px; font-family: "Poppins", sans-serif; } .CountdownLabel { font-size: 14px; display: block; font-weight: 300; } /* Creative Fan Fact */ .fun-fact { text-align: center; margin-bottom: 50px; } .fun-fact .count-icon-container { position: relative; max-width: 70px; margin: 0 auto 22px; } .fun-fact .count-icon-container i { font-size: 40px; color: #f8b137; } .fun-fact .count-icon-container .circle-shape { position: absolute; left: -4px; top: -2px; display: inline-block; background-color: rgba(248, 177, 55, 0.102); height: 50px; width: 50px; border-radius: 50%; } .fun-fact .count { font-size: 40px; font-weight: 500; margin: 0; } .fun-fact p { font-size: 16px; color: #343e5d; } .fun-fact.color--two .count-icon-container i { color: #935eff; } .fun-fact.color--two .count-icon-container .circle-shape { background-color: rgba(147, 94, 255, 0.102); } .fun-fact.color--three .count-icon-container i { color: #0bca06; } .fun-fact.color--three .count-icon-container .circle-shape { background-color: rgba(11, 202, 6, 0.102); } .fun-fact.color--four .count-icon-container i { color: #ff782f; } .fun-fact.color--four .count-icon-container .circle-shape { background-color: rgba(255, 120, 46, 0.102); } /* Comminity */ .comminity-countup-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; } @media (max-width: 991px) { .comminity-countup-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .comminity-count-item { width: 20%; } @media (max-width: 991px) { .comminity-count-item { width: 33.3333%; } } @media (max-width: 480px) { .comminity-count-item { width: 50%; } } .comminity-count-item .fun-fact { border-radius: 4px; background-color: white; -webkit-box-shadow: 0 40px 70px 0 rgba(8, 2, 46, 0.1); box-shadow: 0 40px 70px 0 rgba(8, 2, 46, 0.1); padding: 39px 0 34px; margin: 0 15px 30px; } .comminity-count-item .fun-fact .count-icon-container { margin-bottom: 17px; } .comminity-count-item .fun-fact p { font-weight: 400; margin: 0; } .comminity-count-item .fun-fact .count { font-size: 34px; font-weight: 400; } .comminity-count-item .fun-fact.color-one .count { color: #ed1f25; } .comminity-count-item .fun-fact.color-two .count { color: #70c315; } .comminity-count-item .fun-fact.color-three .count { color: #9360fc; } .comminity-count-item .fun-fact.color-four .count { color: #fc5b93; } .comminity-count-item .fun-fact.color-five .count { color: #11c296; } /*-------------------------------------------------------------- ## Case Studio --------------------------------------------------------------*/ .case-studio { background: #fbfbfd; padding: 80px 0 120px; } @media (max-width: 991px) { .case-studio { padding: 0 0 80px; } } .case-item { background: #fff; -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 11, 40, 0.06); box-shadow: 0px 3px 5px 0px rgba(0, 11, 40, 0.06); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-bottom: 30px; } .case-item .case-content { text-align: center; padding: 30px; } .case-item .case-content .title { font-size: 20px; } .case-item .case-content .title a { color: #343e5d; } .case-item .case-content .title a:hover { color: #ff5e85; } .case-item .case-content span { font-size: 16px; } .case-item .case-feature-image { overflow: hidden; } .case-item .case-feature-image img { width: 100%; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .case-item .case-feature-image:hover img { -webkit-transform: scale(1.05) rotate(3deg); -ms-transform: scale(1.05) rotate(3deg); transform: scale(1.05) rotate(3deg); } .case-item:hover { -webkit-box-shadow: 0px 30px 40px 0px rgba(0, 11, 40, 0.08); box-shadow: 0px 30px 40px 0px rgba(0, 11, 40, 0.08); } /*-------------------------------------------------------------- ## Faqs --------------------------------------------------------------*/ .faqs { background-image: linear-gradient(45deg, #0108338f 0, #0b174e 50%, #17225cbd 100%), url(../img/header-bg.jpg); background-attachment: fixed; background-repeat: no-repeat; background-size: cover; } .faq-agency { background: #f8f7fa; } @media (max-width: 991px) { .faq-agency { padding: 80px 0 50px; } } .image-wrapper-faq { text-align: center; } @media (min-width: 992px) { .image-wrapper-faq { margin: 0 60px 0 -370px; } } @media (min-width: 992px) { .faq-wrapper .faq.style-two { max-width: 80%; } } .card { border: 0; background: transparent; } .card .card-header { background-color: transparent; border: 0; border-radius: 6px; } .card .card-header .btn-link { padding: 0; color: #373d46; font-size: 20px; font-weight: 800; text-decoration: none; } .card .card-body { padding: 0; } .card .card-body p { font-size: 16px; margin-bottom: 25px; } .faq { position: relative; z-index: 2; } .faq .card { border: 0; background: transparent; margin-bottom: 30px; -webkit-box-shadow: 0 20px 60px 0 rgba(1, 33, 26, 0.1); box-shadow: 0 20px 60px 0 rgba(1, 33, 26, 0.1); } .faq .card .card-header { padding: 0; } .faq .card .card-header h5 { position: relative; margin: 0; } .faq .card .card-header .btn-link { color: #373d46; background: #fff; font-size: 18px; font-weight: 500; color: #2c2c51; text-decoration: none; white-space: normal; text-align: left; width: 100%; padding: 20px 40px; -webkit-box-shadow: none; box-shadow: none; } .faq .card .card-header .btn-link:before { content: "\F2EA"; display: block; position: absolute; top: 50%; right: 30px; z-index: 9; font-family: bootstrap-icons; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 26px; color: #ed1f25; } .faq .card .card-header .btn-link.collapsed:before { content: "\F4FE"; color: #4d446b; } .faq .card .card-body { padding: 40px; background: #fbfbfd; } .faq .card .card-body p { font-size: 16px; margin-bottom: 0; } .faq.style-two .card .card-header .btn-link { font-size: 16px; color: #1f113a; } .faq.style-two .card .card-header .btn-link:before { content: "\F2EA"; color: #ed1f25; } .faq.style-two .card .card-header .btn-link.collapsed:before { content: "\F4FE"; color: #1f113a; } .faq.style-two .card .card-body { background: #fff; padding: 0 40px 40px; } .faq.style-two .card.active .card-header .btn-link { color: #ed1f25; } .faq.style-three .card { -webkit-box-shadow: none; box-shadow: none; margin-bottom: 10px; } .faq.style-three .card.active .card-header .btn-link { color: #ed1f25; } .faq.style-three .card .card-body { background: transparent; padding: 23px 30px 30px; } .faq.style-three .card .card-header .btn-link { background-color: #f8f8f8; font-size: 16px; } .bg-circle-shape { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -53%); -ms-transform: translate(-50%, -53%); transform: translate(-50%, -53%); height: 600px; width: 600px; border-radius: 50%; background: #fbfaf6; } @media (max-width: 768px) { .bg-circle-shape { height: 400px; width: 400px; } } @media (max-width: 640px) { .bg-circle-shape { height: 280px; width: 280px; } } @media (max-width: 991px) { #faqs { padding: 80px 0 50px; } .faq-two { margin-bottom: 30px; } .faq-section-two { padding-top: 65px; } .faq-section { padding-top: 75px; } .faqs { padding: 80px 0; } .faq-forms { padding-top: 78px; } .faq-wrapper { margin-top: 60px; } .faq-wrapper .section-heading { text-align: center !important; } } @media (max-width: 768px) { #faqs { padding: 50px 0 20px; } .faq .card .card-header h5:before { right: 20px; } .faq .card .card-header .btn-link { padding: 18px 20px; } } @media (max-width: 576px) { .faq .card .card-header .btn-link { padding: 18px 30px 18px 20px; font-size: 18px; } .faq .card .card-header h5:before { right: 10px; } .faq .card .card-body { padding: 5px 20px 25px; } } /** Faq **/ .faq-page { padding: 120px 0; } .gp-faq-tabs { display: block; background: #f8f8f8; padding: 40px 40px 40px 0; border-radius: 6px; } .gp-faq-tabs li { display: block; margin-bottom: 6px; } .gp-faq-tabs li a { font-size: 15px; padding: 4px 20px 4px 40px; color: #6b717c; max-width: 200px; font-size: 15px; font-weight: 500; } .gp-faq-tabs li a.active { background-color: #ed1f25; color: #fff; } .animate-elemant { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .animate-elemant .element-left, .animate-elemant .element-right { position: absolute; } .animate-elemant .element-left { bottom: 340px; left: 100px; } .animate-elemant .element-right { top: 200px; right: 50px; } /*-------------------------------------------------------------- ## SEO Ranking --------------------------------------------------------------*/ .seo-ranking { padding: 120px 0; } @media (max-width: 991px) { .seo-ranking { padding: 80px 0 0; } } .ranking-content { padding-right: 50px; } .ranking-content .title { font-size: 30px; line-height: 44px; font-weight: 700; margin-bottom: 40px; } @media (max-width: 991px) { .ranking-content { padding-right: 0; margin-top: 40px; } } .featurelist { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; } .featurelist i { margin-right: 20px; color: #ed1f25; margin-right: 10px; } /*-------------------------------------------------------------- ## Team --------------------------------------------------------------*/ .teams { padding: 115px 0 60px; } @media (max-width: 991px) { .teams { padding: 73px 0 60px; } } .teams-two { padding: 115px 0 120px; } @media (max-width: 991px) { .teams-two { padding: 73px 0 80px; } } .team-member { margin-bottom: 60px; } .team-member .team-avatar { position: relative; } .team-member .team-avatar img { width: 100%; } .team-member .team-avatar:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(26, 191, 104, 0.95); opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .team-member .team-avatar .member-social { position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center; } .team-member .team-avatar .member-social li:nth-child(2) { -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .team-member .team-avatar .member-social li:nth-child(3) { -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .team-member .member-social { margin: 0; padding: 0; list-style: none; } .team-member .member-social li { display: inline-block; margin-right: 5px; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); opacity: 0; visibility: hidden; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .team-member .member-social li a { color: #ed1f25; display: block; background: #fff; border-radius: 50%; font-size: 18px; height: 50px; width: 50px; line-height: 52px; text-align: center; } .team-member .member-social li a:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0px 20px 30px 0px rgba(77, 3, 21, 0.2); box-shadow: 0px 20px 30px 0px rgba(77, 3, 21, 0.2); } .team-member .member-info { margin-top: 24px; } .team-member .member-info .name { font-size: 20px; font-weight: 800; margin-bottom: 4px; } .team-member .member-info .designation { font-size: 16px; display: block; } .team-member:hover .team-avatar:before { opacity: 1; visibility: visible; } .team-member:hover .team-avatar .member-social li { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; } .team-member.style-two { margin-bottom: 30px; } .team-member.style-two .team-avatar { border-radius: 10px; overflow: hidden; } .team-member.style-two .team-avatar:before { background: rgba(251, 140, 92, 0.9); } .team-member.style-two .member-social li a { height: 40px; width: 40px; line-height: 40px; font-size: 14px; color: #fff; border: 1px solid #fff; background: transparent; } .team-member.style-two .member-social li a:hover { background: #fff; color: #ed1f25; } .team-member.style-two .member-info .name { font-size: 18px; } .team-member.style-two .member-info .designation { font-size: 14px; } /*-------------------------------------------------------------- ## Client --------------------------------------------------------------*/ .animate-client-logo { background-image: -o-linear-gradient(45deg, #5e2ced 0%, #a485fd 100%); background-image: linear-gradient(45deg, #5e2ced 0%, #a485fd 100%); padding: 130px 0; position: relative; overflow: hidden; } .animate-client-logo .top-shape { position: absolute; top: -60%; } .animate-client-logo .bottom-shape { position: absolute; right: 80px; bottom: -70%; } .animate-client-logo-service { background: #fbfbfd; padding: 115px 0 120px; } .animate-client-logo-two { padding: 15px 0 100px; } @media (max-width: 991px) { .animate-client-logo-two { padding: 15px 0 50px; } } .animate-client-logo-two .section-heading-two .section-title { font-weight: 500; } .client-content-wrapper .title { color: #fff; font-weight: 700; margin-bottom: 30px; } .client-content-wrapper .title span { font-weight: 400; } .client-content-wrapper p { color: #e4ddf7; line-height: 28px; } .client-content-wrapper p span { font-weight: 500; color: #fff; } .client-logo-items { width: 500px; height: 440px; position: relative; margin: 0 auto; padding: 0; list-style: none; } .client-logo-items .logo-item { background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 80px; width: 80px; border-radius: 6px; position: absolute; -webkit-box-shadow: 0px 40px 100px 0px rgba(10, 0, 38, 0.2); box-shadow: 0px 40px 100px 0px rgba(10, 0, 38, 0.2); } .client-logo-items .logo-item:nth-child(1) { height: 130px; width: 130px; top: 34%; left: 40%; } .client-logo-items .logo-item:nth-child(2) { height: 80px; width: 80px; top: 0; left: 90px; } .client-logo-items .logo-item:nth-child(3) { height: 90px; width: 90px; bottom: 0; left: 50%; } .client-logo-items .logo-item:nth-child(4) { height: 100px; width: 100px; bottom: 40px; left: 0; } .client-logo-items .logo-item:nth-child(5) { width: 120px; height: 105px; top: 65px; right: 0; } .client-logo-items .logo-item:nth-child(6) { width: 100px; height: 100px; top: 50%; right: -30px; } .client-logo-items .logo-item:nth-child(7) { width: 150px; height: 150px; bottom: 25px; right: -230px; } .client-logo-items .logo-item:nth-child(8) { top: 80px; right: -175px; } .client-logo-items-two { margin: 0; padding: 0; list-style: none; position: relative; max-width: 1170px; height: 470px; z-index: 222; } .client-logo-items-two li { position: absolute; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; border-radius: 50%; -webkit-box-shadow: 0px 30px 60px 0px rgba(0, 11, 40, 0.06); box-shadow: 0px 30px 60px 0px rgba(0, 11, 40, 0.06); } .client-logo-items-two li:nth-child(1) { height: 160px; width: 160px; left: 44%; top: 50px; } .client-logo-items-two li:nth-child(2) { height: 180px; width: 180px; top: 20px; left: 66%; } .client-logo-items-two li:nth-child(3) { height: 120px; width: 120px; top: 0; left: 24%; } .client-logo-items-two li:nth-child(4) { height: 125px; width: 125px; top: 270px; left: 45%; } .client-logo-items-two li:nth-child(5) { height: 200px; width: 200px; top: 200px; left: 20%; } .client-logo-items-two li:nth-child(6) { height: 170px; width: 170px; top: 280px; left: 62%; } .client-logo-items-two li:nth-child(7) { height: 200px; width: 200px; top: 0; left: 0; } .client-logo-items-two li:nth-child(8) { height: 100px; width: 100px; top: 30px; right: 0; } .client-logo-items-two li:nth-child(9) { height: 100px; width: 100px; top: 280px; left: 40px; } .client-logo-items-two li:nth-child(10) { height: 120px; width: 120px; top: 250px; right: 50px; } .clients-logo { padding: 100px 0; } @media (max-width: 991px) { .clients-logo { padding: 50px 0; } } .gp-client-logo { display: block; } .gp-client-logo .client-logo-main { position: relative; display: block; width: auto; margin: 0 auto; -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; -o-transition: transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; } .gp-client-logo .client-logo-hover { position: absolute; top: 0; left: 50%; width: auto; -webkit-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); transform: translate(-50%, -100%); -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; -o-transition: transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; } .gp-client-logo:hover .client-logo-main { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .gp-client-logo:hover .client-logo-hover { -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); margin-bottom: 5px; } /* Logo Marque */ .client-logo-marque { padding: 280px 0 120px; } .client-logo-marque .section-heading { margin-bottom: 45px; } @media (max-width: 991px) { .client-logo-marque { padding: 180px 0 80px; } } @media (max-width: 720px) { .client-logo-marque { padding: 80px 0; } } .marquee-wrap { overflow: hidden; padding: 25px 0 60px; position: relative; } .marquee-wrap:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .logo-marque { margin-bottom: 10px; } .logo-marque-items { margin: 0 -15px; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; } .logo-marque-items li { border-radius: 6px; background: #fff; -webkit-box-shadow: 0px 20px 50px 0px rgba(2, 19, 55, 0.12); box-shadow: 0px 20px 50px 0px rgba(2, 19, 55, 0.12); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 15px; padding: 20px; } .logo-marque-items li a { display: block; height: 100%; } @media (max-width: 1600px) { .client-logo-items .logo-item:nth-child(1) { left: 30%; } .client-logo-items .logo-item:nth-child(2) { left: 60px; } .client-logo-items .logo-item:nth-child(3) { left: 42%; } .client-logo-items .logo-item:nth-child(5) { right: 13%; } .client-logo-items .logo-item:nth-child(6) { right: 50px; } .client-logo-items .logo-item:nth-child(7) { right: -140px; } .client-logo-items .logo-item:nth-child(8) { right: -100px; } } @media (max-width: 1400px) { .client-logo-items { height: 400px; } .client-logo-items .logo-item:nth-child(1) { left: 15%; } .client-logo-items .logo-item:nth-child(2) { left: 0; } .client-logo-items .logo-item:nth-child(3) { left: 30%; } .client-logo-items .logo-item:nth-child(4) { left: -60px; } .client-logo-items .logo-item:nth-child(5) { right: 30%; } .client-logo-items .logo-item:nth-child(6) { right: 130px; } .client-logo-items .logo-item:nth-child(7) { right: -40px; } .client-logo-items .logo-item:nth-child(8) { right: 0; } } @media (max-width: 1200px) { .client-logo-items { height: 360px; } .client-logo-items .logo-item { height: 70px; width: 70px; padding: 10px; } .client-logo-items .logo-item:nth-child(1) { left: 10%; height: 110px; width: 110px; } .client-logo-items .logo-item:nth-child(2) { left: -20px; height: 70px; width: 70px; } .client-logo-items .logo-item:nth-child(3) { left: 22%; height: 80px; width: 80px; } .client-logo-items .logo-item:nth-child(4) { left: -60px; height: 85px; width: 85px; } .client-logo-items .logo-item:nth-child(5) { right: 42%; width: 100px; height: 90px; } .client-logo-items .logo-item:nth-child(6) { right: 38%; width: 85px; height: 85px; } .client-logo-items .logo-item:nth-child(7) { right: 40px; width: 120px; height: 120px; } .client-logo-items .logo-item:nth-child(8) { right: 90px; } } @media (max-width: 1200px) { .client-content-wrapper p br { display: none; } } @media (max-width: 991px) { .client-content-wrapper { margin-bottom: 30px; text-align: center; } .client-logo-items { width: 75%; } .client-logo-items .logo-item { height: 70px; width: 70px; padding: 10px; } .client-logo-items .logo-item:nth-child(1) { left: 28%; height: 110px; width: 110px; } .client-logo-items .logo-item:nth-child(2) { left: 60px; height: 60px; width: 70px; } .client-logo-items .logo-item:nth-child(3) { left: 22%; height: 80px; width: 80px; } .client-logo-items .logo-item:nth-child(4) { left: 0; height: 85px; width: 85px; } .client-logo-items .logo-item:nth-child(5) { right: 28%; width: 100px; height: 90px; top: 40px; } .client-logo-items .logo-item:nth-child(6) { right: 35%; top: 56%; width: 85px; height: 85px; } .client-logo-items .logo-item:nth-child(7) { right: 0; width: 120px; height: 120px; } .client-logo-items .logo-item:nth-child(8) { right: 60px; } .client-logo-items-two li:nth-child(1) { height: 130px; width: 130px; } .client-logo-items-two li:nth-child(2) { height: 150px; width: 150px; } .client-logo-items-two li:nth-child(3) { height: 100px; width: 100px; } .client-logo-items-two li:nth-child(4) { height: 105px; width: 105px; } .client-logo-items-two li:nth-child(5) { height: 160px; width: 160px; } .client-logo-items-two li:nth-child(6) { height: 140px; width: 140px; } .client-logo-items-two li:nth-child(7) { height: 160px; width: 160px; } .client-logo-items-two li:nth-child(8) { height: 80px; width: 80px; } .client-logo-items-two li:nth-child(9) { height: 80px; width: 80px; } .client-logo-items-two li:nth-child(10) { height: 100px; width: 100px; right: 10px; } } @media (max-width: 768px) { .client-logo-items { width: 90%; } .client-logo-items-two li { padding: 20px; } .client-logo-items-two li:nth-child(1) { height: 110px; width: 110px; } .client-logo-items-two li:nth-child(2) { height: 130px; width: 130px; } .client-logo-items-two li:nth-child(3) { height: 80px; width: 80px; } .client-logo-items-two li:nth-child(4) { height: 85px; width: 85px; } .client-logo-items-two li:nth-child(5) { height: 140px; width: 140px; } .client-logo-items-two li:nth-child(6) { height: 120px; width: 120px; } .client-logo-items-two li:nth-child(7) { height: 140px; width: 140px; } .client-logo-items-two li:nth-child(8) { height: 70px; width: 70px; } .client-logo-items-two li:nth-child(9) { height: 70px; width: 70px; } .client-logo-items-two li:nth-child(10) { height: 80px; width: 80px; right: 10px; } } @media (max-width: 620px) { .client-logo-items { height: 320px; width: 90%; } .client-logo-items .logo-item { height: 70px; width: 70px; padding: 10px; } .client-logo-items .logo-item:nth-child(1) { left: 32%; height: 90px; width: 90px; } .client-logo-items .logo-item:nth-child(2) { left: 60px; height: 70px; width: 70px; } .client-logo-items .logo-item:nth-child(3) { left: 22%; height: 65px; width: 65px; } .client-logo-items .logo-item:nth-child(4) { left: 0; height: 70px; width: 70px; } .client-logo-items .logo-item:nth-child(5) { right: 28%; width: 90px; height: 80px; top: 40px; } .client-logo-items .logo-item:nth-child(6) { right: 25%; top: 56%; width: 70px; height: 70px; } .client-logo-items .logo-item:nth-child(7) { right: 0; width: 100px; height: 100px; } .client-logo-items .logo-item:nth-child(8) { right: 40px; } } @media (max-width: 576px) { .client-logo-items { height: 275px; width: 420px; } .client-logo-items .logo-item { height: 60px; width: 60px; padding: 10px; } .client-logo-items .logo-item:nth-child(1) { left: 32%; height: 65px; width: 80px; top: 40%; } .client-logo-items .logo-item:nth-child(2) { left: 60px; height: 70px; width: 70px; } .client-logo-items .logo-item:nth-child(3) { left: 22%; height: 55px; width: 55px; } .client-logo-items .logo-item:nth-child(4) { left: 0; height: 60px; width: 60px; } .client-logo-items .logo-item:nth-child(5) { right: 28%; width: 80px; height: 60px; top: 40px; } .client-logo-items .logo-item:nth-child(6) { right: 25%; top: 56%; width: 70px; height: 70px; } .client-logo-items .logo-item:nth-child(7) { right: 0; width: 80px; height: 80px; } .client-logo-items .logo-item:nth-child(8) { right: 40px; } .client-logo-items-two li { padding: 20px; } .client-logo-items-two li:nth-child(1) { height: 110px; width: 110px; left: 41%; } .client-logo-items-two li:nth-child(2) { height: 120px; width: 120px; top: 0; right: 0; left: auto; } .client-logo-items-two li:nth-child(3) { height: 100px; width: 100px; left: 11%; } .client-logo-items-two li:nth-child(4) { height: 105px; width: 105px; top: 190px; left: 41%; } .client-logo-items-two li:nth-child(5) { height: 140px; width: 140px; left: 5%; top: 130px; } .client-logo-items-two li:nth-child(6) { height: 120px; width: 120px; top: 180px; right: 0; left: auto; } .client-logo-items-two li:nth-child(7) { height: 130px; width: 130px; top: auto; bottom: 0; left: 55%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .client-logo-items-two li:nth-child(8) { height: 90px; width: 90px; bottom: 0; top: auto; right: 0; } .client-logo-items-two li:nth-child(9) { height: 100px; width: 100px; bottom: 85px; left: 20px; top: auto; } .client-logo-items-two li:nth-child(10) { height: 90px; width: 90px; right: 10px; bottom: -25px; top: auto; left: 50px; } } @media (max-width: 420px) { .client-logo-items { height: 275px; width: 300px; } .client-logo-items .logo-item { height: 60px; width: 60px; padding: 10px; } .client-logo-items .logo-item:nth-child(1) { left: 22%; height: 65px; width: 75px; top: 36%; } .client-logo-items .logo-item:nth-child(2) { left: 25px; height: 55px; width: 55px; } .client-logo-items .logo-item:nth-child(3) { left: 25%; height: 55px; width: 55px; } .client-logo-items .logo-item:nth-child(4) { left: 0; height: 60px; width: 60px; } .client-logo-items .logo-item:nth-child(5) { right: 35%; width: 75px; height: 55px; top: 34px; } .client-logo-items .logo-item:nth-child(6) { right: 30%; top: 55%; width: 60px; height: 60px; } .client-logo-items .logo-item:nth-child(7) { right: 0; width: 70px; height: 70px; } .client-logo-items .logo-item:nth-child(8) { right: 40px; } .client-logo-items-two { width: 320px; margin: 0 auto; } .client-logo-items-two li { padding: 20px; } .client-logo-items-two li:nth-child(1) { height: 90px; width: 90px; left: 33%; } .client-logo-items-two li:nth-child(2) { height: 120px; width: 120px; top: 0; right: 0; left: auto; } .client-logo-items-two li:nth-child(3) { height: 100px; width: 100px; left: 0; } .client-logo-items-two li:nth-child(4) { height: 95px; width: 95px; top: 190px; left: 38%; } .client-logo-items-two li:nth-child(5) { height: 120px; width: 120px; left: 2%; top: 130px; } .client-logo-items-two li:nth-child(6) { height: 100px; width: 100px; top: 140px; right: 0; left: auto; } .client-logo-items-two li:nth-child(7) { height: 110px; width: 110px; top: auto; bottom: 106px; right: 0; left: auto; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } .client-logo-items-two li:nth-child(8) { height: 90px; width: 90px; bottom: 40px; top: auto; right: 96px; } .client-logo-items-two li:nth-child(9) { height: 100px; width: 100px; bottom: 85px; left: 20px; top: auto; } .client-logo-items-two li:nth-child(10) { height: 90px; width: 90px; right: 10px; bottom: -25px; top: auto; left: 50px; } } /*-------------------------------------------------------------- ## Testimonial --------------------------------------------------------------*/ /* Social Testimonial */ #social-testimonial { background: #fbfbfd; overflow: hidden; } #social-testimonial .testimonial-top-area { padding: 115px 0 196px; background-size: cover; background-position: center center; background-image: linear-gradient(45deg, #03050e66 0, #1a266ca3 50%, #2f3ca35c 100%), url(../img/bg.jpg); } #social-testimonial .testimonial-top-area .section-title-two h2 { margin-bottom: 10px; } @media (max-width: 991px) { #social-testimonial .testimonial-top-area { padding: 70px 0 196px; } } #testimonial-saas { padding: 113px 0 130px; position: relative; } @media (max-width: 768px) { #testimonial-saas { padding: 73px 0 80px; } } #testimonial-saas .testimonial-shape-bg { position: absolute; top: 0; left: 0; width: 100%; height: 540px; background-size: cover; background-position: center center; } #testimonial-saas .section-heading { margin-bottom: 48px; } #testimonial-saas .swiper-pagination .swiper-pagination-bullet { height: 8px; width: 8px; } .nav-control { position: absolute; top: 50%; z-index: 222; width: 100%; } .nav-control .gp-nav-next, .nav-control .gp-nav-prev { position: absolute; height: 50px; width: 50px; text-align: center; color: #677294; line-height: 50px; border: 2px solid #e0e3ed; border-radius: 50%; font-size: 20px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; outline: 0; } .nav-control .gp-nav-next:hover, .nav-control .gp-nav-prev:hover { background: #4d5afe; border-color: #4d5afe; color: #fff; -webkit-box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2); box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2); } .nav-control .gp-nav-prev { left: 20px; } .nav-control .gp-nav-next { right: 20px; } .testimonial-saas-wrapper .swiper-container { padding: 26px; } @media (min-width: 1400px) { .testimonial-saas-wrapper .swiper-container { margin: 0 -26px; } } @media (max-width: 667px) { .testimonial-saas-wrapper .swiper-container { padding: 0; margin: 0; } } #testimonial-social { padding: 70px 30px; margin: 0 -30px 20px; } .social-testimonil { margin-top: -250px; padding-bottom: 115px; } @media (max-width: 991px) { .social-testimonil { padding-bottom: 75px; } } .social-testi { background: #fff; -webkit-box-shadow: 0 10px 28px 0 rgba(0, 11, 40, 0.1); box-shadow: 0 10px 28px 0 rgba(0, 11, 40, 0.1); border-radius: 6px; padding: 50px 40px 55px; } .social-testi .content p { font-size: 16px; line-height: 28px; margin: 0; } .social-testi .user-details { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 33px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .social-testi .user-details .ratings { position: absolute; right: 0; top: 5px; } @media (max-width: 991px) { .social-testi .user-details .ratings { position: static; } } .social-testi .user-details .avatar { width: 60px; height: 60px; overflow: hidden; } .social-testi .user-details .avatar img { border-radius: 50%; } .social-testi .user-details .info-content { margin-left: 20px; } .social-testi .user-details .info-content .name { font-size: 20px; color: #051441; font-weight: 800; margin: 0; } .social-testi .user-details .info-content .position { font-size: 14px; } .social-slider-nav { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; right: 0; bottom: 0; } @media (max-width: 767px) { .social-slider-nav { position: static; } } .social-slider-nav .slider-next, .social-slider-nav .slider-prev { height: 50px; width: 50px; line-height: 50px; border: 2px solid #baa9e4; border-radius: 50%; text-align: center; color: #fff; font-size: 20px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; outline: 0; } .social-slider-nav .slider-next:hover, .social-slider-nav .slider-prev:hover { background: #fff; color: #ed1f25; border-color: #fff; -webkit-box-shadow: 0 20px 30px 0 rgba(10, 4, 70, 0.2); box-shadow: 0 20px 30px 0 rgba(10, 4, 70, 0.2); } .social-slider-nav .slider-prev { margin-right: 10px; } .testi-content-title h4 { font-size: 14px; text-transform: uppercase; font-weight: 500; letter-spacing: 2px; color: #ed1f25; margin-bottom: 13px; } .testi-content-title h2 { font-size: 40px; line-height: 56px; margin-bottom: 45px; font-weight: 700; } .testi-content-title h2 span { color: #ed1f25; } .spaker-count .count-num { font-size: 60px; font-weight: 400; line-height: 1; margin-bottom: 2px; } .spaker-count p { font-size: 14px; font-weight: 500; text-transform: uppercase; color: #677294; margin-bottom: 43px; } .spaker-count .count-feature { margin: 0; padding: 0; list-style: none; } .spaker-count .count-feature li { line-height: 39px; font-size: 16px; font-weight: 500; color: #051441; } .spaker-count .count-feature li i { color: #ed1f25; margin-right: 10px; } /* Testimonial*/ .testimonials { padding: 120px 0; background: #fbfbfd; background-image: url(../../media/background/testimonial-two.png); background-size: cover; background-position: center center; } @media (max-width: 991px) { .testimonials { padding: 80px 0; } .testimonials #testimonial { padding: 0; } } .testimonia-single { padding-top: 30px; } @media (max-width: 576px) { .testimonia-single .nav-control { display: none; } } .testimonia-single .testimonial { text-align: center; } .testimonia-single .testimonial .user-avatar { height: 100px; width: 100px; border-radius: 50%; margin: 0 auto 40px; overflow: hidden; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; opacity: 0; border: 2px solid #4d5afe; } .testimonia-single .testimonial .review-title { font-size: 18px; font-weight: 500; color: #1f113a; opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .testimonia-single .testimonial .testi-content { max-width: 750px; margin: 0 auto 43px; } @media (max-width: 991px) { .testimonia-single .testimonial .testi-content { max-width: 550px; } } @media (max-width: 767px) { .testimonia-single .testimonial .testi-content { max-width: 450px; } } .testimonia-single .testimonial .testi-content p { font-size: 20px; line-height: 36px; color: #373d46; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; opacity: 0; } @media (max-width: 768px) { .testimonia-single .testimonial .testi-content p { font-size: 18px; line-height: 34px; } } .testimonia-single .testimonial .info { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; opacity: 0; } .testimonia-single .testimonial .info .ratings { margin-bottom: 15px; } .testimonia-single .testimonial .info .ratings li { font-size: 12px; } .testimonia-single .testimonial .info .user-name { font-size: 20px; color: #1f113a; font-weight: 700; margin-bottom: 0; line-height: 1.5; } .testimonia-single .testimonial .info .designation { color: #6a7695; font-size: 14px; } .testimonia-single .testimonial.style-two { border-radius: 10px; background: #fff; -webkit-box-shadow: 0 4px 8px 0 rgba(1, 33, 26, 0.06); box-shadow: 0 4px 8px 0 rgba(1, 33, 26, 0.06); text-align: left; padding: 50px; position: relative; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .testimonia-single .testimonial.style-two:hover { -webkit-box-shadow: 0 20px 60px 0 rgba(1, 33, 26, 0.1); box-shadow: 0 20px 60px 0 rgba(1, 33, 26, 0.1); } .testimonia-single .testimonial.style-two .user-details { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .testimonia-single .testimonial.style-two .user-details .ratings { position: absolute; top: 0; right: 0; } .testimonia-single .testimonial.style-two .user-details .ratings li { font-size: 12px; } @media (max-width: 991px) { .testimonia-single .testimonial.style-two .user-details .ratings { position: static; } } .testimonia-single .testimonial.style-two .user-details .avatar { height: 60px; width: 60px; border-radius: 50%; margin-right: 20px; } .testimonia-single .testimonial.style-two .user-details .avatar img { border-radius: 50%; } .testimonia-single .testimonial.style-two .info-content .name { font-size: 20px; font-weight: 800; margin: 0; } .testimonia-single .testimonial.style-two .info-content .designation { font-size: 14px; color: #868693; } .testimonia-single .testimonial.style-two .content p { font-size: 16px; line-height: 28px; margin-bottom: 45px; color: #6d6d82; } .testimonia-single .testimonial.style-two .wattermarker { position: absolute; right: 30px; bottom: -16px; } .testimonia-single#testimonial-community .testimonial .user-avatar { margin: 0 auto 25px; height: 70px; width: 70px; border: 0; } .testimonia-single#testimonial-community .testimonial .testi-content { margin: 0 auto 30px; } .testimonia-single#testimonial-community .testimonial .testi-content p { font-size: 18px; line-height: 30px; font-weight: 400; color: #69697b; margin: 0; } .testimonia-single#testimonial-community .testimonial .info .user-name { font-size: 16px; color: #1f113a; font-weight: 800; margin: 0; } .testimonia-single#testimonial-community .testimonial .info .designation { color: #88848f; font-size: 14px; } .testimonia-single#testimonial-community .nav-control .gp-nav-next { right: 20px; } .testimonia-single#testimonial-community .nav-control .gp-nav-prev { left: 20px; } .testimonia-single#testimonial-community .nav-control .gp-nav-next:hover, .testimonia-single#testimonial-community .nav-control .gp-nav-prev:hover { background: #ed1f25; border-color: #ed1f25; -webkit-box-shadow: 0 10px 20px 0 rgba(6, 148, 73, 0.3); box-shadow: 0 10px 20px 0 rgba(6, 148, 73, 0.3); } .testimonia-single .swiper-slide.swiper-slide-active .testimonial .user-avatar { -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; } .testimonia-single .swiper-slide.swiper-slide-active .testimonial .review-title { -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; } .testimonia-single .swiper-slide.swiper-slide-active .testimonial .testi-content p { -webkit-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; } .testimonia-single .swiper-slide.swiper-slide-active .testimonial .info { -webkit-transition-delay: 0.9s; -o-transition-delay: 0.9s; transition-delay: 0.9s; } .testimonia-single .swiper-slide.swiper-slide-active .testimonial .info, .testimonia-single .swiper-slide.swiper-slide-active .testimonial .review-title, .testimonia-single .swiper-slide.swiper-slide-active .testimonial .testi-content p, .testimonia-single .swiper-slide.swiper-slide-active .testimonial .user-avatar { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .testimonials-community { position: relative; background-image: url("../../media/background/testi_bg2.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden; padding: 122px 0 151px; } @media (max-width: 991px) { .testimonials-community { padding: 50px 0 80px; } } .testimonials-community .bottom-title { color: #f2f2f2; font-size: 100px; text-transform: uppercase; position: absolute; text-align: center; width: 100%; left: 0; bottom: -50px; font-weight: 700; } @media (max-width: 991px) { .testimonials-community .bottom-title { font-size: 40px; bottom: -25px; } } /* Testimonial Two*/ .testimonials-two { padding: 142px 0; } @media (max-width: 991px) { .testimonials-two { padding: 100px 0 60px; } } .testimonials-two .bg-shape { position: absolute; right: 0; top: 0; } .testimonials-two .nav-control { width: 120px; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; top: auto; bottom: 0; } .testimonials-two .nav-control .gp-nav-next, .testimonials-two .nav-control .gp-nav-prev { position: static; } .testimonials-two .nav-control .gp-nav-next:hover, .testimonials-two .nav-control .gp-nav-prev:hover { background: #ed1f25; border-color: #ed1f25; -webkit-box-shadow: 0 20px 30px 0 rgba(10, 4, 70, 0.2); box-shadow: 0 20px 30px 0 rgba(10, 4, 70, 0.2); } @media (max-width: 768px) { .testimonials-two .nav-control { display: none; } } .testimonial-overflow-wrap { overflow: hidden; } .testimonial-inner { margin: 0 -600px 0 -40px; } @media (max-width: 1280px) { .testimonial-inner { margin: 0; } } #testimonial-two { padding: 20px 0 68px 40px; } @media (max-width: 768px) { #testimonial-two { padding: 0; } } #testimonial-two .astriol-active-slide { -webkit-box-shadow: 0 20px 60px 0 rgba(0, 11, 40, 0.06); box-shadow: 0 20px 60px 0 rgba(0, 11, 40, 0.06); } .section-heading-two .nav-control .gp-nav-next:hover, .section-heading-two .nav-control .gp-nav-prev:hover { background-color: #ff5e85; border-color: #ff5e85; -webkit-box-shadow: 0 20px 30px 0 rgba(218, 57, 96, 0.2); box-shadow: 0 20px 30px 0 rgba(218, 57, 96, 0.2); } .testimonial-two { border-radius: 6px; background-color: white; padding: 50px 40px; position: relative; overflow: hidden; } @media (max-width: 420px) { .testimonial-two { padding: 40px 30px; } } .testimonial-two .testmonial-info { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 480px) { .testimonial-two .testmonial-info { display: block; } .testimonial-two .testmonial-info .ratings { margin-left: 80px; } } .testimonial-two .testmonial-info .info-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .testimonial-two .testmonial-info .info-wrapper .user-avatar { height: 60px; width: 60px; margin-right: 20px; } .testimonial-two .testmonial-info .info-wrapper .user-avatar img { border-radius: 50%; } .testimonial-two .testmonial-info .info-wrapper .info { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .testimonial-two .testmonial-info .info-wrapper .info .user-name { font-size: 20px; margin: 0; } .testimonial-two .testmonial-info .info-wrapper .info span { font-size: 14px; font-weight: 300; } .testimonial-two .testi-content { font-weight: 300; line-height: 28px; position: relative; } .testimonial-two .quote { position: absolute; right: 50px; bottom: -12px; } .ratings { margin: 0; padding: 0; list-style: none; } .ratings li { display: inline-block; color: #fbc509; font-size: 14px; } .section-heading { position: relative; } .section-heading .nav-control { width: 110px; top: 20px; right: 20px; } /* Testimonial Three */ @media (max-width: 991px) { .testimonial-content-left { margin-top: 0 !important; } } .testimonial-content-left .section-heading { margin-bottom: 35px; } @media (max-width: 991px) { .testimonial-content-left .section-heading { text-align: center !important; } } .testimonial-content-left .nav-control { width: 110px; left: 15px; position: static; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 991px) { .testimonial-content-left .nav-control { margin: 0 auto; } } .testimonial-content-left .nav-control .gp-nav-next, .testimonial-content-left .nav-control .gp-nav-prev { position: static; z-index: 222; } .testimonial-content-left .nav-control .gp-nav-next:hover, .testimonial-content-left .nav-control .gp-nav-prev:hover { background: #ed1f25; border-color: #ed1f25; -webkit-box-shadow: 0px 14px 20px 0px rgba(135, 45, 7, 0.2); box-shadow: 0px 14px 20px 0px rgba(135, 45, 7, 0.2); } /* Testimonial Agency */ #testimonial-agency { padding-left: 30px; padding-top: 30px; } @media (max-width: 991px) { #testimonial-agency { padding: 10px; } } .agency-testimonial-wrap .testimonial-inner { margin: 0 -500px 0 -40px; } @media (max-width: 991px) { .agency-testimonial-wrap .testimonial-inner { margin: 0; } } .agency-testimonial-wrap .bg-shape { top: 45px; } @media (max-width: 576px) { .agency-testimonial-wrap .bg-shape { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } .testimonial-three { position: relative; } .testimonial-three .testi-content { background: #fff; -webkit-box-shadow: 0 20px 23px 0 rgba(16, 2, 40, 0.07); box-shadow: 0 20px 23px 0 rgba(16, 2, 40, 0.07); border-radius: 20px; padding: 40px; position: relative; } .testimonial-three .testi-content p { color: #706c79; line-height: 30px; } .testimonial-three .testi-content:before { content: ""; position: absolute; left: 110px; bottom: -15px; width: 0; height: 0; border-left: 15px solid transparent; border-right: 10px solid transparent; border-top: 15px solid #fff; } .testimonial-three .info-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 30px; margin-left: 100px; } .testimonial-three .info-wrapper .user-avatar { height: 50px; width: 50px; border-radius: 50%; overflow: hidden; margin-right: 20px; } .testimonial-three .info-wrapper .info .user-name { font-size: 18px; margin: 0; } .testimonial-three .info-wrapper .info .designation { color: #75737e; font-size: 15px; } .testimonials-creative { background-image: url("../../media/background/testi-bgc.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; } .testimonial-heading { margin: 0; } .testimonial-heading .section-title { margin-bottom: 30px; } .testimonial-heading .sub-title { font-size: 20px; font-weight: 400; color: #020e27; margin-bottom: 85px; } @media (max-width: 768px) { .testimonial-heading .sub-title { margin-bottom: 20px; } } .testimonial-heading .nav-static { position: static; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 90px; } .testimonial-heading .nav-static .gp-nav-next, .testimonial-heading .nav-static .gp-nav-prev { position: static; height: auto; width: auto; line-height: 1; border: 0; font-size: 40px; color: #ccd0d7; } .testimonial-heading .nav-static .gp-nav-next:hover, .testimonial-heading .nav-static .gp-nav-prev:hover { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .testimonial-heading .nav-static .gp-nav-next:hover:hover, .testimonial-heading .nav-static .gp-nav-prev:hover:hover { color: #ff6344; } .gp-testimonial-tab { margin-bottom: 30px; padding-bottom: 13px; border-bottom: 1px solid #dae0e6; } .gp-testimonial-tab li { position: relative; } .gp-testimonial-tab li:not(:last-child) { margin-right: 50px; } .gp-testimonial-tab li:not(:last-child):before { content: ""; position: absolute; height: 4px; width: 4px; right: -25px; background: #000; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .gp-testimonial-tab li a { color: #000; padding: 0; position: relative; } .gp-testimonial-tab li a:after { content: ""; position: absolute; left: 0; bottom: -14px; height: 2px; width: 0; background: #4d5afe; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .gp-testimonial-tab li a.active, .gp-testimonial-tab li a:hover { color: #4d5afe; } .gp-testimonial-tab li a.active:after { width: 100%; } .testimonial-wrap .quote { margin-bottom: 45px; } .testimonial-wrap .quote svg tspan { fill: rgba(80, 76, 250, 0.2); } .testimonials-creative { padding: 150px 0; } @media (max-width: 991px) { .testimonials-creative { padding: 80px 0; } } @media (max-width: 768px) { .testimonials-creative .testimonial-wrap { margin-top: 40px; } } .testimonial-cre .info-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .testimonial-cre .info-wrapper .user-avatar { height: 60px; width: 60px; border-radius: 50%; overflow: hidden; margin-right: 20px; } .testimonial-cre .info-wrapper .info .user-name { font-size: 18px; font-weight: 800; color: #000; margin: 0; } .testimonial-cre .info-wrapper .info .designation { color: #000; font-size: 14px; } .testimonial-cre .testi-content { margin-bottom: 40px; } .testimonial-cre .testi-content p { font-size: 20px; font-weight: 400; color: #000; line-height: 34px; margin: 0; } @media (min-width: 1200px) { .slider-right { width: calc(50% + 585px); overflow: hidden; margin-left: auto; } .slider-right .swiper-container { overflow: visible; } .container-wrap { width: 1170px; } } @media (max-width: 991px) { #testimonial { padding: 30px 15px; } .testi-content-title { margin-bottom: 30px; } } /* Testimonial App */ .testimonials-apps { background-color: #2a2b72; padding: 160px 0 122px; } @media (max-width: 991px) { .testimonials-apps { padding: 100px 0 80px; } } .testimonial-app .testi-content { max-width: 830px; margin: 0 auto; text-align: center; } .testimonial-app .testi-content p { color: #fff; font-size: 30px; line-height: 46px; font-weight: 300; margin: 0; } @media (max-width: 767px) { .testimonial-app .testi-content p { font-size: 24px; line-height: 34px; } } @media (max-width: 576px) { .testimonial-app .testi-content p { font-size: 20px; line-height: 30px; } } .testimonial-top-wrapper { position: relative; padding-bottom: 44px; margin-bottom: 13px; } .testimonial-top-wrapper .testimonial-bg-quote { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; } @media (max-width: 576px) { .testimonial-top-wrapper .testimonial-bg-quote { width: 300px; height: auto; } } .testimonial-top .slide-item { outline: 0; } .testimonial-bottom { overflow: hidden; margin: 0 auto; } @media (min-width: 991px) { .testimonial-bottom { max-width: 800px; } } .testimonial-bottom .slide-item { text-align: center; outline: 0; } .testimonial-bottom .slide-item .user-avatar { border-radius: 50%; height: 100px; width: 100px; margin: 0 auto 30px; overflow: hidden; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media (max-width: 576px) { .testimonial-bottom .slide-item .user-avatar { width: 70px; height: 70px; } } .testimonial-bottom .slide-item .user-avatar img { border-radius: 50%; } .testimonial-bottom .slide-item .info { visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .testimonial-bottom .slide-item .info .user-name { color: #fff; font-size: 20px; font-weight: 500; margin-bottom: 7px; } @media (max-width: 576px) { .testimonial-bottom .slide-item .info .user-name { font-size: 16px; } } .testimonial-bottom .slide-item .info .designation { color: #bdb8dd; font-size: 14px; text-transform: uppercase; line-height: 1.4; display: block; } @media (max-width: 576px) { .testimonial-bottom .slide-item .info .designation { font-size: 12px; } } .testimonial-bottom .slide-item.slick-center .user-avatar { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .testimonial-bottom .slide-item.slick-center .info { visibility: visible; opacity: 1; } /*-------------------------------------------------------------- ## Pricing --------------------------------------------------------------*/ .pricing { padding: 120px 0; position: relative; } .pricing .bg-shape { position: absolute; left: 0; bottom: -29px; } @media (max-width: 991px) { .pricing { padding: 80px 0; } } .pricing-page, .pricing-two, .pricings-two, .pricings-two-page, .social-pricing-page { padding: 115px 0 90px; } @media (max-width: 991px) { .pricing-page, .pricing-two, .pricings-two, .pricings-two-page, .social-pricing-page { padding: 75px 0 50px; } } .pricing-page .section-heading.style-two .subtitle, .pricings-two-page .section-heading.style-two .subtitle { color: #ed1f25; } .pricing-page .section-heading.style-two .section-title:before, .pricing-page .section-heading.style-two .section-title:after, .pricings-two-page .section-heading.style-two .section-title:before, .pricings-two-page .section-heading.style-two .section-title:after { background: #ed1f25; } .pricings-two-page { background: #fbfbfd; } .pricings-two-page .pricing-table.style-two.feature-item .gp-btn { background: #ed1f25; border-color: #ed1f25; } .pricings-two-page .pricing-table.style-two .gp-btn:hover { color: #fff; border-color: #ed1f25; } .pricing-table { text-align: center; padding: 55px 50px; border: 1px solid #f1f3f8; margin-bottom: 30px; } @media (max-width: 768px) { .pricing-table { max-width: 500px; margin: 0 auto 30px; } } @media (min-width: 576px) and (max-width: 768px) { .pricing-table { padding: 55px 25px; } } @media (max-width: 420px) { .pricing-table { padding: 55px 30px; } } .pricing-table.dashed-border { border: 1px dashed #dbdfeb !important; background: transparent; } .pricing-table.feature-item { border: 3px solid #ff5e85; -webkit-box-shadow: 0 30px 60px 0 rgba(0, 11, 40, 0.1); box-shadow: 0 30px 60px 0 rgba(0, 11, 40, 0.1); } .pricing-table.feature-item .buy-now-btn { background: #ff5e85; border-color: #ff5e85; color: #fff; } .pricing-table .price-header { margin-bottom: 20px; } .pricing-table .price-header .price-type { color: #343e5d; font-size: 40px; font-weight: 800; } .pricing-table .price-header .price-title { font-size: 18px; font-weight: 400; color: #677294; margin: 0; } .pricing-table .price-period { margin-bottom: 30px; } .pricing-table .price-period .period { color: #ff5e85; text-transform: uppercase; } .pricing-table .price-period .price { margin-bottom: 0; color: #343e5d; font-size: 40px; font-weight: 800; } .pricing-table .price-period .price span { font-size: 24px; } .pricing-table .price-feature { margin-bottom: 45px; padding: 0; list-style: none; -moz-text-align-last: left; text-align-last: left; } .pricing-table .price-feature li { color: #677294; line-height: 40px; } .pricing-table .price-feature li i { margin-right: 10px; font-size: 14px; } .pricing-table .price-feature li i.ei-icon_check { color: #ed1f25; } .pricing-table .price-feature li i.ei-icon_close { color: #f9284f; } .pricing-table .gp-btn { padding: 9px 44px; } .pricing-table.color-theme .price-period .period { color: #ed1f25; } .pricing-table.color-theme.feature-item { border-color: #ed1f25; } .pricing-table.style-two { border: 3px solid #eff2f7; border-radius: 10px; padding-bottom: 90px; background: transparent; position: relative; } .pricing-table.style-two.color-theme .price-header .price { color: #ed1f25; } .pricing-table.style-two.color-one .price-header .price { color: #f3b806; } .pricing-table.style-two.color-two .price-header .price { color: #2dcd0e; } .pricing-table.style-two.feature-item { border-color: #4d5afe; -webkit-box-shadow: none; box-shadow: none; } .pricing-table.style-two.feature-item.color-theme.feature-item { border-color: #ed1f25; } .pricing-table.style-two.feature-item .gp-btn { color: #fff; border-color: #4d5afe; background: #4d5afe; } .pricing-table.style-two.feature-item .gp-btn:hover { -webkit-box-shadow: none; box-shadow: none; } .pricing-table.style-two .price-header { border-bottom: 1px dashed #cecee9; padding-bottom: 33px; margin-bottom: 27px; } .pricing-table.style-two .price-header .price-period { margin-bottom: 15px; } .pricing-table.style-two .price-header .price { color: #4d5afe; font-size: 40px; } .pricing-table.style-two .price-header .price-title { font-size: 20px; text-transform: uppercase; font-weight: 500; color: #373d46; margin-bottom: 14px; letter-spacing: 1px; } .pricing-table.style-two .price-header .period { color: #949aa9; font-size: 18px; display: block; } .pricing-table.style-two .price-feature li { color: #6a7695; font-size: 18px; font-weight: 400; } .pricing-table.style-two .price-feature li i { margin-right: 10px; font-size: 16px; } .pricing-table.style-two .price-feature li i.ei-icon_check { color: #4ec619; } .pricing-table.style-two .price-feature li i.ei-icon_close { color: #f92662; } .pricing-table.style-two .gp-btn { width: 160px; display: block; margin: 0 auto; padding: 10px 15px; border-color: #e0e3e8; color: #6a7695; } .pricing-table.style-two .trial { width: 100%; left: 0; text-align: center; bottom: 40px; position: absolute; color: #949aa9; } .pricing-table.style-agency { background: #fff; border-radius: 10px; text-align: left; -webkit-box-shadow: 0 30px 70px 0 rgba(20, 2, 53, 0.1); box-shadow: 0 30px 70px 0 rgba(20, 2, 53, 0.1); } .pricing-table.style-agency .price-header .price-title { color: #1f113a; } .pricing-table.style-agency .price-period { border-bottom: 1px dashed #8f9196; padding-bottom: 25px; margin-bottom: 25px; } .pricing-table.style-agency .price-period .price { font-size: 40px; color: #1f113a; font-weight: 500; } .pricing-table.style-agency .price-period .period { font-size: 14px; color: #676a75; text-transform: capitalize; } .pricing-table.style-agency .gp-btn { border: 2px solid #e4e1eb; padding: 5px 28px; color: #706c79; font-size: 14px; } .pricing-table.style-agency .gp-btn:after { background: #ed1f25; } .pricing-table.style-agency .gp-btn:hover { border-color: #ed1f25; -webkit-box-shadow: 0px 14px 20px 0px rgba(135, 45, 7, 0.3); box-shadow: 0px 14px 20px 0px rgba(135, 45, 7, 0.3); } .pricing-table.style-agency.feature-item { border: 0; border-top: 4px solid #ed1f25; } .pricing-table.style-agency.feature-item .gp-btn { border-color: #ed1f25; color: #fff; -webkit-box-shadow: 0px 14px 20px 0px rgba(135, 45, 7, 0.3); box-shadow: 0px 14px 20px 0px rgba(135, 45, 7, 0.3); } .pricing-table.style-agency.feature-item .gp-btn:hover { color: #ed1f25; -webkit-box-shadow: none; box-shadow: none; } /* Pricing Agency */ .pricing-agency { position: relative; background-image: url("../../media/background/pricing_bg.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden; padding: 115px 0 90px; } @media (max-width: 991px) { .pricing-agency { padding: 75px 0 50px; } } /* Pricing Social */ #social-pricing { padding: 114px 0 237px; } @media (max-width: 991px) { #social-pricing { padding: 74px 0 120px; } } .pricing-table-two { background-color: #fbfbfc; border: 1px solid #ff7d00; padding: 0px 30px 30px 30px; text-align: center; position: relative; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pricing-table-two .price-header { font-size: 16px; font-weight: 600; } .pricing-table-two .price { margin-bottom: 20px; position: relative; z-index: 2; } .pricing-table-two .price h2 { font-size: 40px; font-weight: 600; color: #ffffff; margin-top: -30px; border-radius: 10px; background: linear-gradient(60deg, #FE5924, #ed1f25); padding-bottom: 15px; } .pricing-table-two .price .period { font-size: 14px; font-weight: 400; color: #ed1f25; text-transform: uppercase; } .pricing-table-two .price-feature { margin-bottom: 0; padding: 0; list-style: none; text-align: left; position: relative; z-index: 2; } .pricing-table-two .price-feature li { font-size: 16px; font-weight: 600; line-height: 35px; } .pricing-table-two .price-feature li i { margin-right: 20px; background: #ff7d00; border-radius: 50%; color: #fff; font-size: 12px; height: 18px; width: 18px; line-height: 18px; display: inline-block; text-align: center; } .pricing-table-two .price-feature li.not-allow i { background: #dfe3ed; color: #677294; } .pricing-table-two .buy-now-btn { padding: 12px 44px; border: 1px solid #dfe3ed; border-radius: 30px; color: #677294; position: relative; z-index: 2; } .pricing-table-two .buy-now-btn i { display: inline-block; vertical-align: middle; } .pricing-table-two .buy-now-btn:hover { background: #ed1f25; color: #fff; border-color: #ed1f25; } .pricing-table-two .gp-btn { background-color: #fff; } .pricing-table-two.featured, .pricing-table-two:hover { background: #fff; -webkit-box-shadow: 0 30px 60px 0 rgba(35, 0, 41, 0.1); box-shadow: 0 30px 60px 0 rgba(35, 0, 41, 0.1); } .pricing-table-two.featured .buy-now-btn, .pricing-table-two:hover .buy-now-btn { background: #ff5e85; color: #fff; } .pricing-table-two.pricing-page .price .period { color: #ed1f25; } .pricing-table-two.pricing-page .price-feature li i { background: #ed1f25; } .pricing-table-two.pricing-page .price-feature li.not-allow i { background: #dfe3ed; } .pricing-table-two.pricing-page.featured .buy-now-btn, .pricing-table-two.pricing-page:hover .buy-now-btn { background: #ed1f25; } /*-------------------------------------------------------------- ## Performance --------------------------------------------------------------*/ .performance { padding: 120px 0 125px; } @media (max-width: 991px) { .performance { padding: 120px 0 50px; } } @media (max-width: 991px) { .gp-tab-contentens { margin-top: 40px; } } .gp-tab-contentens .section-heading { margin-bottom: 42px; } .gp-tab-contentens .section-heading .section-title { margin-bottom: 20px; font-size: 36px; line-height: 50px; } @media (max-width: 991px) { .gp-tab-contentens .section-heading.text-left { text-align: center !important; } } .gp-tabs-navigation { margin: 0; padding: 0; list-style: none; max-width: 325px; } @media (max-width: 991px) { .gp-tabs-navigation { max-width: 500px; margin: 0 auto; } } .gp-tabs-navigation li { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 28px; -webkit-box-shadow: 0 4px 10px 0 rgba(10, 1, 64, 0.08); box-shadow: 0 4px 10px 0 rgba(10, 1, 64, 0.08); border-radius: 4px; padding: 20px; background: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-left: 5px solid transparent; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .gp-tabs-navigation li:last-child { margin-bottom: 0; } .gp-tabs-navigation li .tab-icon { margin-right: 20px; } .gp-tabs-navigation li a { font-size: 20px; color: #2c2c51; font-weight: 500; } .gp-tabs-navigation li.active-tab { border-color: #6e58fc; -webkit-box-shadow: 0 20px 50px 0 rgba(10, 1, 64, 0.1), -5px 0 0 0 rgba(110, 88, 252, 0.004); box-shadow: 0 20px 50px 0 rgba(10, 1, 64, 0.1), -5px 0 0 0 rgba(110, 88, 252, 0.004); position: relative; } .gp-tabs-navigation li.active-tab a { color: #6e58fc; } .account-tabs .gp-tabs-navigation { max-width: 100%; margin-bottom: 70px; } .account-tabs .gp-tabs-navigation li { padding: 8px 25px; line-height: 1; -webkit-box-shadow: none; box-shadow: none; border: 0; display: inline-block; font-size: 14px; font-weight: 500; text-transform: uppercase; cursor: pointer; border-radius: 3px; margin-bottom: 0; } .account-tabs .gp-tabs-navigation li:nth-child(1) { background-color: rgba(255, 94, 133, 0.102); color: #ff5e85; margin-right: 5px; } .account-tabs .gp-tabs-navigation li:nth-child(1).active-tab { background-color: #ff5e85; color: #fff; -webkit-box-shadow: 0px 10px 16px 0px rgba(255, 94, 133, 0.2); box-shadow: 0px 10px 16px 0px rgba(255, 94, 133, 0.2); } .account-tabs .gp-tabs-navigation li:nth-child(2) { background-color: rgba(120, 74, 252, 0.102); color: #784afc; } .account-tabs .gp-tabs-navigation li:nth-child(2).active-tab { background-color: #784afc; color: #fff; -webkit-box-shadow: 0px 10px 16px 0px rgba(68, 19, 214, 0.2); box-shadow: 0px 10px 16px 0px rgba(68, 19, 214, 0.2); } .gp-tabs-content { margin: 0 0 0 -55px; padding: 0; list-style: none; z-index: 22; position: relative; } @media (max-width: 576px) { .gp-tabs-content { margin: 0; } } .gp-tabs-content li { display: none; -webkit-animation: fadeInOut; animation: fadeInOut; } .gp-tabs-content li.active-tab { display: block; -webkit-animation: fadeIn 0.5s ease-in-out; animation: fadeIn 0.5s ease-in-out; } .gp-tabs-content .performance-tab-image { text-align: center; } .account-tabs .gp-tabs-content { margin: 0; } .tab-content-inner { position: relative; } @media (max-width: 991px) { .tab-content-inner { max-width: 570px; margin: 0 auto 40px; } } .tab-content-inner .animate-shape-one { position: absolute; top: 65%; left: 46%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } @media (max-width: 420px) { .tab-content-inner .animate-shape-one { display: none; } } .tab-content-inner .animate-shape-two { position: absolute; right: 35px; top: 41%; } .tab-bg-shape { position: absolute; top: -55px; right: 13%; z-index: -1; } @media (min-width: 768px) { .gp-tabs-content { min-height: 480px; } } @media (min-width: 960px) { .gp-tabs-content { min-height: 0; } } @-webkit-keyframes gp-fade-in { 0% { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes gp-fade-in { 0% { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } /*-------------------------------------------------------------- ## Platform --------------------------------------------------------------*/ #platform { padding: 116px 0 400px; background: #fcfafd; position: relative; } @media (max-width: 1200px) { #platform { padding: 116px 0 400px; } } @media (max-width: 991px) { #platform { padding: 75px 0 0; } } #platform .platform-mockup { position: absolute; text-align: center; } @media (max-width: 991px) { #platform .platform-mockup { position: relative; text-align: center; -webkit-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); margin-top: -143px; } } #platform .platform-mockup img { margin-left: 70px; margin-top: -41px; position: relative; z-index: 222; } @media (max-width: 1440px) { #platform .platform-mockup img { max-width: 1000px; } } @media (max-width: 1200px) { #platform .platform-mockup img { max-width: 900px; } } @media (max-width: 991px) { #platform .platform-mockup img { max-width: 100%; margin-left: 0; } } .icon-list { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 70px; } .icon-list .list-icon { margin-right: 20px; margin-top: 5px; } .icon-list .list-icon i { color: #1ad90b; font-size: 24px; } .icon-list .content p { font-size: 16px; line-height: 28px; margin: 0; } /*-------------------------------------------------------------- ## Community Post --------------------------------------------------------------*/ .community-posts-area { padding: 113px 0 120px; background-image: url(../img/wallet-bg.png); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .community-posts-area .section_title { margin-bottom: 73px; } @media (max-width: 991px) { .community-posts-area { padding: 73px 0 80px; } } .community-post { border-radius: 4px; background-color: #fff; padding: 23px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: 1px solid #e0e2e4; position: relative; overflow: hidden; } .community-post:before { content: ""; position: absolute; left: 0; top: 0; width: 3px; height: 100%; background: #ed1f25; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media (max-width: 667px) { .community-post { display: block; } } @media (max-width: 420px) { .community-post { padding: 20px 15px; } } .community-post:hover { -webkit-box-shadow: 0px 20px 50px 0px rgba(8, 2, 46, 0.12), -3px 0px 0px 0px rgba(26, 191, 104, 0.004); box-shadow: 0px 20px 50px 0px rgba(8, 2, 46, 0.12), -3px 0px 0px 0px rgba(26, 191, 104, 0.004); background: #fff; border: 1px solid transparent; z-index: 2; } .community-post:hover:before { opacity: 1; visibility: visible; } .community-post .post-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .community-post .post-content .author-avatar { width: 50px; margin-right: 30px; border-radius: 50%; overflow: hidden; } @media (max-width: 667px) { .community-post .post-content .author-avatar { margin-right: 20px; } } @media (max-width: 420px) { .community-post .post-content .author-avatar { margin-right: 15px; } } .community-post .post-content .entry-content { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .community-post .post-content .entry-content .post-title { font-size: 18px; font-weight: 800; color: #1d2746; margin-bottom: 0; line-height: 1.7; } .community-post .post-content .entry-content .post-title a { color: #1d2746; } .community-post .post-content .entry-content .post-title a:hover { color: #ed1f25; } .community-post .post-content .entry-content p { margin: 0; font-size: 14px; } @media (max-width: 667px) { .community-post .post-meta-wrapper { margin-top: 15px; margin-left: 70px; } } .community-post .post-meta-wrapper .post-meta-info { margin: 0; padding: 0; list-style: none; } .community-post .post-meta-wrapper .post-meta-info li { display: inline-block; } .community-post .post-meta-wrapper .post-meta-info li:not(:last-child) { margin-right: 50px; } @media (max-width: 991px) { .community-post .post-meta-wrapper .post-meta-info li:not(:last-child) { margin-right: 20px; } } .community-post .post-meta-wrapper .post-meta-info li a { display: block; color: #868b99; } .community-post .post-meta-wrapper .post-meta-info li a i { margin-right: 10px; } .community-post .post-meta-wrapper .post-meta-info li a:hover { color: #ed1f25; } .community-post.style-two { margin-bottom: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; position: relative; } .community-post.style-two:not(:last-child) { border-bottom: 1px solid #f2f3f4; } .community-post.style-two .entry-content .post-title { font-size: 16px; } .community-post.style-two .post-meta-wrapper .post-meta-info li:not(:last-child) { margin-right: 30px; } .community-post.style-two .post-meta-wrapper .post-meta-info li i { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .community-post.style-two .post-meta-wrapper .post-meta-info li:nth-child(2):hover a { color: #b1b5c0; } .community-post.style-two .post-meta-wrapper .post-meta-info li:nth-child(2):hover i { color: #f9ae44; } .community-post.style-two .post-content .entry-content .post-title { display: inline-block; margin-right: 10px; } .community-post.style-two .post-content .com-featured { position: absolute; right: 0; top: -2px; height: 30px; width: 30px; z-index: 2; text-align: center; color: #fff; padding: 0 15px; } .community-post.style-two .post-content .com-featured i { z-index: 22; position: relative; font-size: 14px; } .community-post.style-two .post-content .com-featured:after { content: ""; top: 0; position: absolute; right: 0; width: 0; height: 0; border-left: 30px solid transparent; border-right: 0px solid transparent; border-top: 30px solid #00ae69; z-index: 1; } .community-post.style-two .post-content .cat-wrap { display: inline-block; vertical-align: 3px; } .community-post.style-two .post-content .category { font-size: 14px; background: #8152e0; padding: 0 6px; color: #fff; border-radius: 3px; margin-right: 5px; display: inline-block; line-height: 1.45; border-bottom: 1px solid #6030c0; } .community-post.style-two .post-content .category.color-yellow { background: #fad05a; color: #1d2746; border-color: #dbaa20; } .community-post.style-two .post-content .category.color-ass { background: #eeeeee; color: #1d2746; border-color: #d9d9d9; } .community-post.style-two .post-content .category.color-green { background: #22936d; border-color: #07734f; } .community-post.style-two .post-content .category.color-orange { background: #f88546; border-color: #d26428; } .community-post.style-two .post-content .category.color-theme { background: #27b2da; border-color: #1697bc; } .community-post.style-two .post-content .category.color-pink { background: #f053b3; border-color: #c91c86; } .community-post.style-two .post-content .category.color-pink { background: #f053b3; border-color: #c91c86; } .community-post.style-two .meta { margin: 0; padding: 0; list-style: none; } .community-post.style-two .meta li { display: inline-block; margin-right: 15px; color: #838793; color: 14px; } .community-post.style-two .meta li img { display: inline-block; vertical-align: -2px; } .community-post.style-two .meta li i, .community-post.style-two .meta li img { margin-right: 10px; } .community-post.style-two .meta li a { color: 14px; color: #838793; } .community-post.style-two .meta li a:hover { color: #ed1f25; } .community-post.style-two:hover { background: #f7f9fa; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-box-shadow: none; box-shadow: none; border-color: #f7f9fa; } .bb-radius { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; -webkit-box-shadow: 0px 3px 6px 0px rgba(4, 73, 89, 0.06); box-shadow: 0px 3px 6px 0px rgba(4, 73, 89, 0.06); } .button-container .all_doc_btn { margin-top: 40px; } .post-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #f7f8f9; padding: 17px 30px; border: 1px solid #eaeeef; border-top-left-radius: 6px; border-top-right-radius: 6px; } @media (max-width: 768px) { .post-header { display: block; text-align: center; } } @media (max-width: 576px) { .post-header { padding: 15px; } } .post-header .support-total-info { margin: 0; padding: 0; list-style: none; } @media (max-width: 768px) { .post-header .support-total-info { margin-bottom: 20px; } } .post-header .support-total-info li { display: inline-block; } .post-header .support-total-info li.open-ticket a { color: #1d2746; } .post-header .support-total-info li.close-ticket a { color: #6b707f; } .post-header .support-total-info li a { font-size: 14px; font-weight: 500; } .post-header .support-total-info li a:hover { color: #ed1f25; } .post-header .support-total-info li:not(:last-child) { margin-right: 20px; } .post-header .support-total-info li i { color: #00ae69; margin-right: 10px; vertical-align: -2px; } .post-header .support-total-info li:nth-child(1) i { color: #f06292; } .post-header .category-menu { margin: 0; padding: 0; list-style: none; } .post-header .category-menu li { display: inline-block; } .post-header .category-menu li .dropdown-menu { top: 12px !important; -webkit-transform: translate3d(0px, 23px, 0px) !important; transform: translate3d(0px, 23px, 0px) !important; } .post-header .category-menu li:not(:last-child) { margin-right: 10px; } @media (max-width: 546px) { .post-header .category-menu li:not(:last-child) { margin-right: 0; } } .post-header .category-menu li:nth-child(4) .dropdown-menu, .post-header .category-menu li:nth-child(3) .dropdown-menu { right: -11px; left: auto !important; } @media (max-width: 380px) { .post-header .category-menu li:nth-child(4) .dropdown-menu { width: 190px; } } .post-header .category-menu li:nth-child(3) .title:before, .post-header .category-menu li:nth-child(3) .title:after { right: 40px; } .post-header .category-menu li:nth-child(1) .title:before, .post-header .category-menu li:nth-child(1) .title:after { right: auto; left: 30px; } .post-header .category-menu li:nth-child(2) .title:before, .post-header .category-menu li:nth-child(2) .title:after { right: auto; left: 25px; } .post-header .category-menu .dropdown-toggle { position: relative; background: transparent; -webkit-box-shadow: none; box-shadow: none; border: 0; color: #6b707f; padding: 0 15px; font-size: 14px; } .post-header .category-menu .dropdown-toggle:after { content: "3"; font-family: eleganticons; border: 0; position: absolute; top: 50%; right: -5px; -webkit-transform: translateY(-58%); -ms-transform: translateY(-58%); transform: translateY(-58%); } .post-header .category-menu .btn-secondary:not(:disabled):not(.disabled).active, .post-header .category-menu .btn-secondary:not(:disabled):not(.disabled):active, .post-header .category-menu .show > .btn-secondary.dropdown-toggle { background-color: transparent; border: none; color: #6b707f; -webkit-box-shadow: none; box-shadow: none; } .post-header .category-menu .dropdown-menu { border: 1px solid #e6eeef; background: #fff; -webkit-box-shadow: 0px 30px 40px 0px rgba(4, 73, 89, 0.1); box-shadow: 0px 30px 40px 0px rgba(4, 73, 89, 0.1); padding: 0; width: 260px; -webkit-animation: slideDown 0.12s cubic-bezier(0, 0.1, 0.1, 1) backwards; animation: slideDown 0.12s cubic-bezier(0, 0.1, 0.1, 1) backwards; } @media (max-width: 576px) { .post-header .category-menu .dropdown-menu { width: 210px; } } .post-header .category-menu .title { font-size: 14px; font-weight: 500; margin: 0; background: #f7f8f9; border-bottom: 1px solid #e6eeef; padding: 14px 20px 11px; line-height: 1; color: #6b707f; position: relative; } .post-header .category-menu .title:before { content: ""; height: 16px; width: 16px; background: #e6eeef; position: absolute; right: 30px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: -8px; } .post-header .category-menu .title:after { content: ""; height: 16px; width: 16px; background: #f7f8f9; position: absolute; right: 30px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: -6px; } .post-header .category-menu .cate-search-form { padding: 0 20px; margin-top: 10px; } .post-header .category-menu .cate-search-form input { width: 100%; background: #fbfcfc; border: 2px solid #e2e7e8; border-radius: 4px; padding: 6px 20px; font-size: 14px; } .post-header .category-menu .cate-search-form input::-webkit-input-placeholder { color: #a8acb6; } .post-header .category-menu .cate-search-form input::-moz-placeholder { color: #a8acb6; } .post-header .category-menu .cate-search-form input:-ms-input-placeholder { color: #a8acb6; } .post-header .category-menu .cate-search-form input::-ms-input-placeholder { color: #a8acb6; } .post-header .category-menu .cate-search-form input::placeholder { color: #a8acb6; } .post-header .category-menu .all-users { font-size: 14px; padding: 12px 30px; border-bottom: 1px solid #e6eeef; font-weight: 500; color: #6b707f; } .post-header .category-menu .all-users a { padding: 7px 0; color: #838793; } .post-header .category-menu .all-users a span { border-radius: 4px; width: 16px; height: 16px; background: #27b2da; display: inline-block; margin-right: 10px; vertical-align: -3px; } .post-header .category-menu .all-users a span.color-pupple { background: #8152e0; } .post-header .category-menu .all-users a span.color-yellow { background: #fad05a; } .post-header .category-menu .all-users a span.color-ass { background: #dfdfdf; } .post-header .category-menu .all-users a span.color-green { background: #22936d; } .post-header .category-menu .all-users a span.color-orange { background: #f88546; } .post-header .category-menu .all-users a span.color-light-green { background: #1eba17; } .post-header .category-menu .all-users a:not(:last-child) { border-bottom: 1px solid #e6eeef; } .post-header .category-menu .all-users a img { width: 20px; margin-right: 10px; display: inline-block; } .post-header .category-menu .all-users a:hover, .post-header .category-menu .all-users a:focus { background: transparent; color: #1d2746; } .post-header .category-menu .short-by { padding: 10px 20px; } .post-header .category-menu .short-by a { padding: 7px 0 7px 20px; position: relative; color: #838793; font-size: 14px; } .post-header .category-menu .short-by a.active-short { color: #1d2746; } .post-header .category-menu .short-by a.active-short:before { content: "N"; position: absolute; font-family: eleganticons; left: 0; top: 7px; color: #0abe76; font-size: 14px; } .post-header .category-menu .short-by a:hover { background: transparent; color: #1d2746; } @-webkit-keyframes slideDown { 0% { -webkit-transform: translate3d(0px, 15px, 0px); transform: translate3d(0px, 15px, 0px); } 100% { -webkit-transform: translate3d(0px, 23px, 0px); transform: translate3d(0px, 23px, 0px); } } @keyframes slideDown { 0% { -webkit-transform: translate3d(0px, 15px, 0px); transform: translate3d(0px, 15px, 0px); } 100% { -webkit-transform: translate3d(0px, 23px, 0px); transform: translate3d(0px, 23px, 0px); } } .doc_border_btn.border-light { border-color: #cfebf1 !important; } .doc_border_btn.border-light svg { margin-left: 8px; vertical-align: 0px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .doc_border_btn.border-light:hover { border-color: #ed1f25 !important; } .doc_border_btn.border-light:hover svg path { fill: #fff; } .pagination-wrapper { background: #fff; padding: 23px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 10px; border-radius: 6px; -webkit-box-shadow: 0px 3px 6px 0px rgba(4, 73, 89, 0.06); box-shadow: 0px 3px 6px 0px rgba(4, 73, 89, 0.06); } @media (max-width: 768px) { .pagination-wrapper { display: block; text-align: center; } .pagination-wrapper .view-post-of { margin-bottom: 20px; } } .pagination-wrapper p { margin: 0; } .pagination-wrapper .post-pagination { margin: 0; padding: 0; list-style: none; } @media (max-width: 768px) { .pagination-wrapper .post-pagination { margin-to: 30px; } } .pagination-wrapper .post-pagination li { display: inline-block; } .pagination-wrapper .post-pagination li.pegi-disable { display: none; } .pagination-wrapper .post-pagination li:not(:last-child) { margin-right: 3px; } .pagination-wrapper .post-pagination li a { display: block; color: #6b707f; height: 35px; width: 35px; text-align: center; line-height: 35px; background: #f2f5f6; border-radius: 3px; } .pagination-wrapper .post-pagination li a:hover, .pagination-wrapper .post-pagination li a.active { background: #ed1f25; color: #fff; } /*-------------------------------------------------------------- ## Showcase --------------------------------------------------------------*/ #showcase { padding-top: 152px; overflow: hidden; } @media (max-width: 991px) { #showcase { padding-top: 50px; } } @media (max-width: 767px) { #showcase { padding-top: 0; } } .showcase-content .section-heading { margin-bottom: 42px; } .showcase-content .section-heading .section-title { font-weight: 500; } @media (max-width: 991px) { .showcase-content .section-heading { text-align: center !important; } } .showcase-content .sub-content:not(:last-child) { margin-bottom: 40px; } @media (max-width: 991px) { .showcase-content .sub-content { text-align: center !important; } } .showcase-content .sub-content .sub-title { font-size: 20px; line-height: 30px; margin-bottom: 10px; font-weight: 500; } .showcase-content .sub-content p { font-size: 14px; } .showcase-content { padding-top: 180px; } @media (max-width: 991px) { .showcase-content { padding-top: 0; margin-bottom: 0; } } .showcase-content.style-two .showcase-content { margin-top: 120px; } @media (max-width: 991px) { .showcase-content.style-two .showcase-content { margin-top: 0; padding-top: 50px; } } .showcase-content.style-two .animate-shape { top: auto; bottom: 27px; left: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } @media (max-width: 991px) { .showcase-content.style-two .animate-shape { left: 26%; } } @media (max-width: 767px) { .showcase-content.style-two .animate-shape { left: 17%; } } @media (max-width: 767px) { .showcase-content.style-two .animate-shape svg { width: 400px; } } @media (max-width: 576px) { .showcase-content.style-two .animate-shape { left: 0; } } @media (max-width: 420px) { .showcase-content.style-two .animate-shape { display: none; } } .showcase-content.style-three { margin-top: 102px; padding-bottom: 160px; } @media (max-width: 991px) { .showcase-content.style-three { margin-top: 0; padding-bottom: 0; } } .showcase-content.style-three .showcase-content { margin-top: 30px; } .showcase-content.style-three .showcase-image-box .animate-shape { left: auto; top: -40px; right: -60px; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } @media (max-width: 1300px) { .showcase-content.style-three .showcase-image-box .animate-shape { right: -40px; } } @media (max-width: 991px) { .showcase-content.style-three .showcase-image-box .animate-shape { right: 40px; } } @media (max-width: 991px) { .showcase-content.style-three { margin-bottom: 0; } } @media (max-width: 991px) { .showcase-content { margin-bottom: 60px; } } .showcase-image-box { position: relative; } @media (max-width: 991px) { .showcase-image-box { text-align: center !important; } } .showcase-image-box img { position: relative; z-index: 2; } .showcase-image-box .animate-shape { position: absolute; top: -60px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 767px) { .showcase-image-box .animate-shape { top: -60px; } .showcase-image-box .animate-shape svg { width: 300px; height: auto; } } @media (max-width: 576px) { .showcase-image-box .animate-shape { top: -30px; } .showcase-image-box .animate-shape svg { width: 250px; height: auto; } } @media (max-width: 480px) { .showcase-image-box.style-one .animate-shape svg { width: 200px; height: auto; } } @media (max-width: 991px) { .showcase-image-box.style-three .animate-shape svg { width: 400px; height: auto; } } @media (max-width: 576px) { .showcase-image-box.style-three .animate-shape svg { width: 250px; height: auto; } } .showcase-image-box.style-three > img, .showcase-image-box.style-one > img { -webkit-box-shadow: 0 50px 100px 0 rgba(10, 1, 64, 0.12); box-shadow: 0 50px 100px 0 rgba(10, 1, 64, 0.12); border-radius: 25px; } /*-------------------------------------------------------------- ## Newsletter --------------------------------------------------------------*/ #newsletter { background-image: -o-linear-gradient(45deg, #dd5a91 0%, #464ac9 100%); background-image: linear-gradient(45deg, #dd5a91 0%, #464ac9 100%); padding: 127px 0 127px; overflow: hidden; } #newsletter svg { position: absolute; bottom: 0; left: 0; height: 200px; z-index: 22; } .newsletter-form { position: relative; z-index: 222; } .newsletter-form .newsletter-inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .newsletter-form .newsletter-inner:before { position: absolute; content: ""; font-family: eleganticons; font-style: normal; color: #677294; top: 47%; left: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .newsletter-form .newsletter-inner input { background: transparent; border: 1px solid #fff; padding: 10px 20px 10px 50px; height: 60px; outline: 0; margin: 0; color: #677294; border-radius: 2px; background-color: #fff; border-radius: 0; } .newsletter-form .newsletter-inner input:focus { -webkit-box-shadow: none; box-shadow: none; } .newsletter-form .newsletter-inner input::-webkit-input-placeholder { color: #677294; } .newsletter-form .newsletter-inner input::-moz-placeholder { color: #677294; } .newsletter-form .newsletter-inner input:-ms-input-placeholder { color: #677294; } .newsletter-form .newsletter-inner input::-ms-input-placeholder { color: #677294; } .newsletter-form .newsletter-inner input::placeholder { color: #677294; } .newsletter-form .newsletter-inner .newsletter-submit { margin-left: 20px; border-radius: 0; -webkit-box-shadow: 0px 20px 20px 0px rgba(0, 11, 40, 0.1); box-shadow: 0px 20px 20px 0px rgba(0, 11, 40, 0.1); } .newsletter-form .newsletter-inner .newsletter-submit i { display: none; } .newsletter-form .newsletter-inner .newsletter-submit:hover { -webkit-box-shadow: none; box-shadow: none; } .form-result { display: none; margin: 10px auto; } .newsletter-content { position: relative; z-index: 33; } @media (max-width: 991px) { .newsletter-content { text-align: center; margin-bottom: 30px; } } .newsletter-content .title { font-size: 28px; line-height: 36px; font-weight: 800; color: #fff; } .newsletter-content .sub-title { font-size: 16px; font-weight: 400; color: #fff; text-transform: uppercase; position: relative; display: inline-block; padding-bottom: 5px; margin-bottom: 15px; } .newsletter-content .sub-title:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #fff; } .newsletter-two { border-radius: 10px; background-color: white; -webkit-box-shadow: 0px 40px 100px 0px rgba(0, 11, 40, 0.1); box-shadow: 0px 40px 100px 0px rgba(0, 11, 40, 0.1); padding: 50px 60px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 991px) { .newsletter-two { -webkit-transform: translateY(-25%); -ms-transform: translateY(-25%); transform: translateY(-25%); } } .newsletter-two .newsletter-content h2 { font-size: 26px; line-height: 40px; color: #051441; font-weight: 700; } .newsletter-two .newsletter-content p { margin: 0; } .newsletter-form-two { -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 991px) { .newsletter-form-two { max-width: 570px; margin: 0 auto; } } .newsletter-form-two .newsletter-inner { display: -webkit-box; display: -ms-flexbox; display: flex; } .newsletter-form-two input { border-radius: 30px; background: #f5f5f9; border: 0; outline: 0; padding: 10px 30px; height: 60px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0; font-size: 15px; } .newsletter-form-two input:focus { border: 0; -webkit-box-shadow: none; box-shadow: none; background: #f7f8fc; } .newsletter-form-two input::-webkit-input-placeholder { color: #9ca4bd; } .newsletter-form-two input::-moz-placeholder { color: #9ca4bd; } .newsletter-form-two input:-ms-input-placeholder { color: #9ca4bd; } .newsletter-form-two input::-ms-input-placeholder { color: #9ca4bd; } .newsletter-form-two input::placeholder { color: #9ca4bd; } .newsletter-form-two .gp-btn { border-radius: 30px; color: #fff; padding: 10px 38px; border: 0; margin-left: 20px; font-size: 14px; overflow: hidden; background: #ed1f25; outline: 0; } .newsletter-form-two .gp-btn:after { background: transparent; } .newsletter-form-two .gp-btn i { display: none; } .newsletter-form-two .gp-btn:focus { -webkit-box-shadow: none; box-shadow: none; } .newsletter-form-two .gp-btn:hover { background: #ed1f25; color: #fff; -webkit-box-shadow: none; box-shadow: none; } @media (max-width: 768px) { .newsletter-content { margin-bottom: 30px; } } @media (max-width: 576px) { .newsletter-form .newsletter-inner { display: block; } .newsletter-form .newsletter-inner:before { top: 28px; } .newsletter-form .newsletter-inner .newsletter-submit { margin-left: 0; margin-top: 20px; } } /*-------------------------------------------------------------- ## List Item --------------------------------------------------------------*/ .featrure-list-items { margin-bottom: 70px; } .feature-list-item { border-radius: 10px; background: #f8f8f8; padding: 15px; margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .feature-list-item .icon-container { height: 60px; width: 60px; line-height: 60px; text-align: center; background: #fff; border-radius: 50%; -webkit-box-shadow: 0px 10px 30px 0px rgba(8, 2, 46, 0.1); box-shadow: 0px 10px 30px 0px rgba(8, 2, 46, 0.1); margin-right: 25px; } .feature-list-item .icon-container i { font-size: 20px; color: #ed1f25; display: inline-block; vertical-align: middle; } .feature-list-item .list-title { font-size: 16px; font-weight: 500; margin: 0; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .feature-list-item .list-title a { color: #2c2c51; } .feature-list-item .list-title a:hover { color: #ed1f25; } /*-------------------------------------------------------------- ## Social Activity --------------------------------------------------------------*/ #social-activity { padding: 120px 0 100px; overflow: hidden; } .activity-content-wrapper { padding-top: 30px; } .activity-content-wrapper .section-title-two.title-big h2 { font-weight: 500; } .activity-feature-image { position: relative; max-width: 470px; height: 624px; margin: 0 auto; } @media (max-width: 991px) { .activity-feature-image { margin: 0; } } @media (max-width: 576px) { .activity-feature-image { width: 320px; } } .activity-feature-image .img-one, .activity-feature-image .img-two { position: absolute; } .activity-feature-image .img-one { right: -33px; top: 0; } .activity-feature-image .img-two { left: 3px; top: 53%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 44; } .activity-feature-image .main-thumb { position: relative; z-index: 33; } .activity-feature-image .animate-circle.style-one { position: relative; margin-right: -43px; } .activity-feature-image .animate-circle img { position: absolute; } .activity-feature-image .animate-circle .anim-bg-one { right: -80px; top: 80px; -webkit-animation: wave 4s 0.1s infinite linear; animation: wave 4s 0.1s infinite linear; } .activity-feature-image .animate-circle .anim-bg-two { top: 127px; left: 57px; -webkit-animation: wave 3s 0.1s infinite linear; animation: wave 3s 0.1s infinite linear; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; } .activity-feature-image .animate-circle .anim-bg-three { left: 25px; top: 150px; -webkit-animation: wave 2s 0.1s infinite linear; animation: wave 2s 0.1s infinite linear; -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; } .activity-feature-image .animate-circle.position-two .anim-bg-one { left: -95px; top: 90px; right: auto; } .activity-feature-image .animate-circle.position-two .anim-bg-two { left: -110px; } .activity-feature-image .animate-circle.position-two .anim-bg-three { left: -110px; top: 210px !important; } .activity-feature-image.style-two { height: auto; margin-left: -40px; } @media (max-width: 991px) { .activity-feature-image.style-two { margin: 0 0 50px 110px; } } .activity-feature-image.style-two .image-one { position: relative; z-index: 222; } .activity-feature-image.style-two .image-two { position: absolute; top: 50px; z-index: 333; } @media (max-width: 576px) { .activity-feature-image.style-two .image-two { max-width: 280px; } } .activity-feature-image.style-two .animate-circle.position-two .anim-bg-one { left: -60px; top: 160px; right: auto; } .activity-feature-image.style-two .animate-circle.position-two .anim-bg-two { left: -70px; top: 200px; } .activity-feature-image.style-two .animate-circle.position-two .anim-bg-three { left: -110px; top: 230px; } @keyframes wave { 0% { -webkit-transform: rotateZ(0deg) translate3d(0, 1%, 0) rotateZ(0deg); transform: rotateZ(0deg) translate3d(0, 1%, 0) rotateZ(0deg); } 100% { -webkit-transform: rotateZ(360deg) translate3d(0, 1%, 0) rotateZ(-360deg); transform: rotateZ(360deg) translate3d(0, 1%, 0) rotateZ(-360deg); } } /*-------------------------------------------------------------- ## Community Help --------------------------------------------------------------*/ .comminity-help { background: #f7f7f7; padding: 113px 0 90px; } @media (max-width: 991px) { .comminity-help { padding: 73px 0 60px; } } .comminity-help-category { border-radius: 4px; background-color: white; -webkit-box-shadow: 0 6px 14px 0 rgba(8, 2, 46, 0.04); box-shadow: 0 6px 14px 0 rgba(8, 2, 46, 0.04); text-align: center; padding: 40px 20px 30px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-top: 2px solid transparent; margin-bottom: 30px; } .comminity-help-category .category-icon { height: 70px; width: 70px; line-height: 70px; text-align: center; border-radius: 50%; margin: 0 auto 35px; background: #f1a614; color: #fff; -webkit-box-shadow: 0 20px 30px 0 rgba(211, 149, 35, 0.3); box-shadow: 0 20px 30px 0 rgba(211, 149, 35, 0.3); } .comminity-help-category .category-icon i { font-size: 28px; display: inline-block; vertical-align: -5px; } .comminity-help-category .category-title { font-size: 20px; color: #2c2c51; } .comminity-help-category .category-title a { color: #2c2c51; } .comminity-help-category .category-title a:hover { color: #ed1f25; } .comminity-help-category .post-count { margin-bottom: 10px; color: #f1a614; text-transform: uppercase; letter-spacing: 2px; font-weight: 500; } .comminity-help-category .category-image { height: 140px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .comminity-help-category:hover { border-color: #ed1f25; -webkit-box-shadow: 0 30px 60px 0 rgba(8, 2, 46, 0.12), 0px -2px 0 0 rgba(26, 191, 104, 0); box-shadow: 0 30px 60px 0 rgba(8, 2, 46, 0.12), 0px -2px 0 0 rgba(26, 191, 104, 0); } .comminity-help-category.color--two .category-icon { background: #554bfe; -webkit-box-shadow: 0 20px 30px 0 rgba(69, 59, 247, 0.3); box-shadow: 0 20px 30px 0 rgba(69, 59, 247, 0.3); } .comminity-help-category.color--two .post-count { color: #554bfe; } .comminity-help-category.color--three .category-icon { background: #f83b6b; -webkit-box-shadow: 0 20px 30px 0 rgba(248, 59, 107, 0.3); box-shadow: 0 20px 30px 0 rgba(248, 59, 107, 0.3); } .comminity-help-category.color--three .post-count { color: #f83b6b; } /*-------------------------------------------------------------- ## Blog --------------------------------------------------------------*/ #blog-grid { background: #fafafa; } #blog-grid .feature-image a { display: block; position: relative; overflow: hidden; } #blog-grid .feature-image a img { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #blog-grid .feature-image a:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); opacity: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 22; } #blog-grid .feature-image a:hover:before { opacity: 1; } #blog-grid .feature-image a:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } #blog-grid-one { padding: 115px 0 90px; } .blog-content { padding: 30px; background: #fff; } .blog-content .post-meta { margin: 0; padding: 0; list-style: none; } .blog-content .post-meta li { display: inline-block; margin-right: 10px; } .blog-content .post-meta li i { margin-right: 5px; color: #f8b137; } .blog-content .post-meta li a { color: #333; font-size: 14px; font-weight: 500; } .blog-content .post-meta li a:hover { color: #f8b137; } .blog-content .entry-title { font-size: 20px; font-weight: 800; margin: 15px 0; } .blog-content .entry-title a { color: #222; } .blog-content .entry-title a:hover { color: #f8b137; } .blog-content .read-more-ntn { font-size: 12px; font-weight: 800; color: #f8b137; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; } .blog-content .read-more-ntn i { font-size: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 5px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-content .read-more-ntn:hover { color: #f39d09; } .blog-content .read-more-ntn:hover i { margin-left: 8px; } .blog-post-one { margin-bottom: 30px; } .blog-post-one .feature-image { position: relative; border-radius: 6px; overflow: hidden; } .blog-post-one .feature-image a:before { display: none; } .blog-post-one .feature-image img { border-radius: 6px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-post-one .feature-image .post-meta { margin-bottom: 10px; margin-left: 0; } .blog-post-one .feature-image .post-meta li { text-transform: uppercase; font-weight: 500; color: #797986; font-size: 13px; } .blog-post-one .feature-image .post-meta li i { margin-right: 7px; font-size: 14px; } .blog-post-one .feature-image:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #fff; opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 1; } .blog-post-one .feature-image .entry-content { position: absolute; left: 0; top: 0; padding: 50px 40px; height: 100%; width: 100%; z-index: 2; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .blog-post-one .feature-image .entry-content .author { margin-bottom: 40px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-post-one .feature-image .entry-content .author a { color: #92929f; font-size: 13px; font-weight: 500; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-post-one .feature-image .entry-content .author .avatar { border-radius: 50%; margin-right: 15px; } .blog-post-one .feature-image .entry-content .entry-title { font-size: 26px; font-weight: 600; } .blog-post-one .feature-image .entry-content .entry-title a { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-post-one .feature-image .entry-content p { opacity: 100; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-post-one .feature-image:hover img { -webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07); } .blog-post-one .feature-image:hover:before { background: rgb(0 0 0 / 32%); } .blog-post-one .feature-image:hover .entry-content { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } .blog-post-one .feature-image:hover .entry-content .author a { color: #fff; } .blog-post-one .feature-image:hover .author { opacity: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-post-one .feature-image:hover .entry-title a { color: #fff; } .blog-post-one .feature-image:hover p { opacity: 1; visibility: visible; } .blog-post-one .feature-image:hover .post-meta li { color: #fff; } .blog-post-one .feature-image:hover .post-meta li i { color: #fff; } .blog-post-one .feature-image:hover p { color: #fff; } .blog-post-one .feature-image:hover .read-more-btn { color: #fff; } .blog-post-one .feature-image .read-more-btn { text-transform: uppercase; color: #797986; text-transform: uppercase; font-weight: 500; font-size: 13px; position: absolute; bottom: 50px; left: 40px; z-index: 2; } .blog-post-one .feature-image .read-more-btn i { display: inline-block; vertical-align: middle; } .blog-post-one.color-two .entry-content .meta-cat a { background: rgba(255, 94, 133, 0.102); color: #ff5e85; } .blog-post-one.color-two .entry-content .meta-cat a:hover { background: #ff5e85; color: #fff; } .blog-post-one.color-three .entry-content .meta-cat a { background: rgba(120, 74, 252, 0.102); color: #784afc; } .blog-post-one.color-three .entry-content .meta-cat a:hover { background: #784afc; color: #fff; } .blog-slider { padding: 110px 0 115px; } @media (max-width: 991px) { .blog-slider { padding: 70px 0 75px; } } .blog-slider-post { -webkit-box-shadow: 0 3px 5px 0 rgba(20, 3, 70, 0.06); box-shadow: 0 3px 5px 0 rgba(20, 3, 70, 0.06); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 5px; overflow: hidden; } .blog-slider-post .blog-content { padding: 25px 30px 43px; } .blog-slider-post .blog-content h3 { font-size: 24px; line-height: 32px; font-weight: 800; margin-bottom: 20px; } .blog-slider-post .blog-content h3 a { color: #051441; } .blog-slider-post .blog-content h3 a:hover { color: #f8b137; } .blog-slider-post .blog-content p { margin: 0; } .blog-slider-post .post-meta { margin-bottom: 10px; } .blog-slider-post .post-meta li { color: #6d717f; font-size: 14px; font-weight: 400; } .blog-slider-post .post-meta li a { color: #6d717f; text-transform: capitalize; font-weight: 400; } .blog-slider-post .post-meta li i { color: #6d717f; margin-right: 10px; } .blog-slider-post:hover { -webkit-box-shadow: 0 24px 30px 0 rgba(20, 3, 70, 0.1); box-shadow: 0 24px 30px 0 rgba(20, 3, 70, 0.1); } /* Blog Grid Two*/ #blog-grid-two { padding: 190px 0 90px; } @media (max-width: 991px) { #blog-grid-two { padding: 140px 0 50px; } } .blog-wrapper { position: relative; } .blog-wrapper .swiper-container { padding: 0 20px; } .blog-wrapper .swiper-pagination { margin-top: 35px; } .blog-post-two { border-radius: 6px; -webkit-box-shadow: 0 30px 50px 0 rgba(28, 1, 64, 0.06); box-shadow: 0 30px 50px 0 rgba(28, 1, 64, 0.06); overflow: hidden; margin-bottom: 30px; } .blog-post-two .feature-image a { display: block; position: relative; overflow: hidden; } .blog-post-two .feature-image a img { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: 100%; } .blog-post-two .feature-image a:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); opacity: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 22; } .blog-post-two .feature-image a:hover:before { opacity: 1; } .blog-post-two .feature-image a:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .blog-post-two .blog-content { padding: 22px 40px 35px; background: #fff; } .blog-post-two .blog-content .post-meta { margin: 0; padding: 0; list-style: none; } .blog-post-two .blog-content .post-meta li { display: inline-block; margin-right: 30px; position: relative; color: #7b7b93; font-size: 14px; font-weight: 500; } .blog-post-two .blog-content .post-meta li:not(:last-child):after { content: "/"; position: absolute; right: -20px; font-size: 14px; top: 0; } .blog-post-two .blog-content .post-meta li a { color: #7b7b93; text-transform: uppercase; } .blog-post-two .blog-content .post-meta li a:hover { color: #6e58fc; } .blog-post-two .blog-content .entry-title { font-size: 20px; font-weight: 500; margin: 15px 0 25px; line-height: 30px; } .blog-post-two .blog-content .entry-title a { color: #2c2c51; } .blog-post-two .blog-content .entry-title a:hover { color: #6e58fc; } .blog-post-two .blog-content .read-more-ntn { font-size: 12px; font-weight: 800; color: #f8b137; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; } .blog-post-two .blog-content .read-more-ntn i { font-size: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 5px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-post-two .blog-content .read-more-ntn:hover { color: #f39d09; } .blog-post-two .blog-content .read-more-ntn:hover i { margin-left: 8px; } #blog-slider .swiper-pagination .swiper-pagination-bullet { height: 8px; width: 8px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #blog-slider .swiper-pagination .swiper-pagination-bullet:before { background: #cdd4e8; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #blog-slider .swiper-pagination .swiper-pagination-bullet:after { content: ""; position: absolute; top: -3px; bottom: -3px; left: -3px; right: -3px; border: 2px solid transparent; border-radius: 50%; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #blog-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; } #blog-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before { background: #fff; z-index: 2; display: none; } #blog-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after { border-color: #f8b137; } /* Blog Grid Three*/ #blog-grid-three { padding: 115px 0 85px; } @media (max-width: 991px) { #blog-grid-three { padding: 75px 0 50px; } } .blog-post-three { margin-bottom: 30px; } .blog-post-three .feature-image { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-post-three .feature-image img { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: 100%; } .blog-post-three .feature-image:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } .blog-post-three .feature-image:hover img { -webkit-box-shadow: 0 30px 30px 0 rgba(3, 24, 61, 0.1); box-shadow: 0 30px 30px 0 rgba(3, 24, 61, 0.1); } .blog-post-three .blog-content { padding: 24px 0 0; } .blog-post-three .blog-content .post-meta li a { color: #4d5afe; text-transform: uppercase; font-size: 16px; font-weight: 400; } .blog-post-three .blog-content .post-date { color: #777f95; display: block; font-size: 16px; } .blog-post-three .blog-content .entry-title { font-size: 20px; line-height: 40px; margin-top: 0; font-weight: 800; } .blog-post-three .blog-content .entry-title a { color: #373d46; } .blog-post-three .blog-content .entry-title a:hover { color: #4d5afe; } .blog-posts { padding: 120px 0 100px; } .astriol__blog-filter { margin: 0 0 60px; padding: 0 0 20px; list-style: none; border-bottom: 1px solid #eaeaf7; } .astriol__blog-filter li { display: inline-block; } .astriol__blog-filter li a { font-size: 16px; font-weight: 500; color: #2c2c51; display: block; padding-right: 75px; } .astriol__blog-filter li a.isActive, .astriol__blog-filter li a:hover { color: #ed1f25; } .astriol__blog-filter.tab-swipe .indicator { background: #ed1f25; bottom: -2px; height: 3px; } .astriol__blog-items { margin: 0 -15px; } .astriol__blog-post { overflow: hidden; border-radius: 6px; background-color: #fff; -webkit-box-shadow: 0 30px 50px 0 rgba(9, 4, 48, 0.08); box-shadow: 0 30px 50px 0 rgba(9, 4, 48, 0.08); margin-bottom: 5px; -webkit-transition: all 0.4s cubic-bezier(0.72, 0.16, 0.345, 0.875) 0s; -o-transition: all 0.4s cubic-bezier(0.72, 0.16, 0.345, 0.875) 0s; transition: all 0.4s cubic-bezier(0.72, 0.16, 0.345, 0.875) 0s; margin-bottom: 30px; } .astriol__blog-post .post-thumbnail { overflow: hidden; } .astriol__blog-post .post-thumbnail img { -webkit-transition: all 0.4s cubic-bezier(0.72, 0.16, 0.345, 0.875) 0s; -o-transition: all 0.4s cubic-bezier(0.72, 0.16, 0.345, 0.875) 0s; transition: all 0.4s cubic-bezier(0.72, 0.16, 0.345, 0.875) 0s; } .astriol__blog-post .entry-content { padding: 20px 40px; } .astriol__blog-post .entry-content .entry-title { font-size: 20px; line-height: 1.5; font-weight: 500; margin: 15px 0 22px; } .astriol__blog-post .entry-content .entry-title a:hover { color: #ed1f25; } .astriol__blog-post .entry-content .blog-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .astriol__blog-post .entry-content .blog-footer .post-author { display: inline-block; font-size: 13px; color: #92929f; font-weight: 500; text-transform: uppercase; } .astriol__blog-post .entry-content .blog-footer .post-author img { border-radius: 50%; margin-right: 10px; } .astriol__blog-post .entry-content .blog-footer .post-author:hover { color: #ed1f25; } .astriol__blog-post .entry-content .blog-footer .date-meta { font-size: 13px; font-weight: 500; color: #92929f; text-transform: uppercase; } .astriol__blog-post:hover .post-thumbnail img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .entry-content .entry-meta, .entry-content .meta-cat a { font-size: 12px; font-weight: 500; background: rgba(50, 186, 19, 0.102); color: #32ba13; border-radius: 3px; text-transform: uppercase; padding: 6px 9px; line-height: 1.1; display: inline-block; } .entry-content .entry-meta:hover, .entry-content .meta-cat a:hover { background: #32ba13; color: #fff !important; } .entry-content .entry-meta.color-two, .entry-content .meta-cat a.color-two { background-color: rgba(120, 74, 252, 0.102); color: #784afc; } .entry-content .entry-meta.color-two:hover, .entry-content .meta-cat a.color-two:hover { background: #784afc; } .entry-content .entry-meta.color-three, .entry-content .meta-cat a.color-three { background-color: rgba(26, 191, 104, 0.102); color: #ed1f25; } .entry-content .entry-meta.color-three:hover, .entry-content .meta-cat a.color-three:hover { background: #ed1f25; } .entry-content .entry-meta.color-four, .entry-content .meta-cat a.color-four { background-color: rgba(39, 120, 254, 0.102); color: #2778fe; } .entry-content .entry-meta.color-four:hover, .entry-content .meta-cat a.color-four:hover { background: #2778fe; } .entry-content .entry-meta.color-five, .entry-content .meta-cat a.color-five { background-color: rgba(238, 180, 21, 0.102); color: #eeb415; } .entry-content .entry-meta.color-five:hover, .entry-content .meta-cat a.color-five:hover { background: #eeb415; } .entry-content .entry-meta.color-six, .entry-content .meta-cat a.color-six { background-color: rgba(44, 44, 81, 0.102); color: #656577; } .entry-content .entry-meta.color-six:hover, .entry-content .meta-cat a.color-six:hover { background: #656577; } .entry-content .entry-title { font-size: 20px; line-height: 1.5; font-weight: 500; margin: 15px 0 22px; } .entry-content .entry-title a { color: #000; } .entry-content .entry-title a:hover { color: #ed1f25; } .entry-content .blog-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .entry-content .blog-footer .post-author { display: inline-block; font-size: 13px; color: #92929f; font-weight: 500; } .entry-content .blog-footer .post-author img { border-radius: 50%; margin-right: 10px; } .entry-content .blog-footer .post-author:hover { color: #ed1f25; } .entry-content .blog-footer .date-meta { font-size: 13px; font-weight: 500; color: #92929f; text-transform: uppercase; } /* Blog List */ .blog-list-page { padding: 120px 0; } .astriol__blog-list { margin-bottom: 70px; } .astriol__blog-list .post-thumbnail { border-radius: 6px; overflow: hidden; } .astriol__blog-list .post-thumbnail img { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .astriol__blog-list .entry-content { padding-top: 30px; } .astriol__blog-list .entry-content .entry-title { font-size: 30px; line-height: 1.4; font-weight: 500; margin: 8px 0 17px; } .astriol__blog-list .entry-content p { line-height: 28px; color: #797986; margin-bottom: 20px; } .astriol__blog-list .entry-content .more-link { font-size: 13px; font-weight: 500; text-transform: uppercase; color: #797986; } .astriol__blog-list .entry-content .more-link i { display: inline-block; vertical-align: -1px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-left: 2px; } .astriol__blog-list .entry-content .more-link:hover { color: #ed1f25; } .astriol__blog-list .entry-content .more-link:hover i { margin-left: 5px; color: #ed1f25; } .astriol__blog-list.quote-post .blog-content { padding: 0; } .astriol__blog-list.quote-post blockquote { margin: 0; } .astriol__blog-list:hover .post-thumbnail img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .astriol__blog-list.gallery-post:hover .post-thumbnail img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .astriol__blog-list.link-post { background: #fff; -webkit-box-shadow: 0 20px 50px 0 rgba(11, 3, 67, 0.1); box-shadow: 0 20px 50px 0 rgba(11, 3, 67, 0.1); border-left: 4px solid #ed1f25; border-radius: 6px; overflow: hidden; } .astriol__blog-list.link-post .blog-content { position: relative; padding: 40px 45px 57px; } .astriol__blog-list.link-post .blog-content:before { content: ""; font-family: eleganticons; position: absolute; right: 45px; bottom: 38px; font-size: 60px; color: #e8e8f1; } .astriol__blog-list.link-post .blog-content .entry-content { padding-top: 0; } .astriol__blog-list.link-post .blog-content .entry-content i { display: block; font-size: 30px; color: #ed1f25; margin-bottom: 15px; } .astriol__blog-list.link-post .blog-content .entry-content a { font-size: 20px; line-height: 30px; font-weight: 500; color: #373d46; } .astriol__blog-list.link-post .blog-content .entry-content a:hover { color: #ed1f25; } .astriol__blog-list .blog__list-video { padding: 56.25% 0 0 0; position: relative; } .astriol__blog-list .blog__list-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .post-meta { margin: 0 0 0 25px; padding: 0; list-style: none; display: inline-block; } .post-meta li { display: inline-block; } .post-meta li:not(:last-child) { margin-right: 25px; } .post-meta li i { color: #ed1f25; font-size: 14px; margin-right: 5px; } .post-meta li a { color: #797986; font-size: 13px; font-weight: 500; text-transform: uppercase; } .post-meta li a:hover { color: #ed1f25; } blockquote { padding: 72px 50px 32px; margin: 0; border-left: 4px solid #ed1f25; border-radius: 6px; -webkit-box-shadow: 0 20px 50px 0 rgba(11, 3, 67, 0.1); box-shadow: 0 20px 50px 0 rgba(11, 3, 67, 0.1); overflow: hidden; position: relative; margin-bottom: 65px; } blockquote:before { content: "“"; position: absolute; top: 35px; font-size: 100px; line-height: 1; height: 30px; color: #ed1f25; margin-bottom: 10px; } blockquote:after { content: ""; background-image: url("../img/quote-grey.png"); position: absolute; right: 50px; bottom: 35px; width: 65px; height: 45px; } blockquote p { font-size: 20px; line-height: 30px; color: #373d46; } blockquote cite { color: #797986; font-style: normal; margin: 0; } /** Blog Single **/ .astriol__blog-single p { font-size: 16px; line-height: 30px; } .astriol__blog-single img { margin: 44px 0; } .astriol__blog-single h3 { font-size: 30px; font-weight: 500; margin-bottom: 15px; } .astriol__blog-single blockquote { margin-top: 60px; display: block; } .blog-footer { margin-top: 30px; } .blog-footer .post-tags { padding-bottom: 10px; border-bottom: 1px solid #e8e8f0; } .blog-footer .blog-share span, .blog-footer .tagcloud span { font-size: 14px; font-weight: 800; color: #2c2c51; text-transform: uppercase; display: inline-block; margin-right: 20px; } .blog-footer .blog-share { padding-top: 15px; } .blog-share-social-link { margin: 0; padding: 0; list-style: none; display: inline-block; } .blog-share-social-link li { display: inline-block; } .blog-share-social-link li a { display: block; color: #9898a4; font-size: 14px; margin-right: 8px; } .blog-share-social-link li a:hover { color: #ed1f25; } #blog_list_slider { position: relative; } #blog_list_slider .nav-control { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 40px; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #blog_list_slider .nav-control .gp-nav-next, #blog_list_slider .nav-control .gp-nav-prev { border: 0; height: auto; width: auto; font-size: 40px; color: rgba(255, 255, 255, 0.302); } #blog_list_slider .nav-control .gp-nav-next:hover, #blog_list_slider .nav-control .gp-nav-prev:hover { background: transparent; color: #fff; } #blog_list_slider .nav-control .gp-nav-prev { left: 15px; } #blog_list_slider .nav-control .gp-nav-next { right: 15px; } #blog_list_slider:hover .nav-control { opacity: 1; } /** Author Box */ .author-info_wrapper { background: #fff; border-radius: 6px; -webkit-box-shadow: 0 20px 50px 0 rgba(11, 3, 67, 0.1); box-shadow: 0 20px 50px 0 rgba(11, 3, 67, 0.1); border-left: 4px solid #ed1f25; padding: 41px 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 75px; } .author-info_wrapper .author-info_avatar { height: 70px; width: 70px; border-radius: 50%; overflow: hidden; margin-right: 40px; } .author-info_wrapper .author-info_avatar img { width: 100%; } .author-info_wrapper .author-info_content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .author-info_wrapper .author-info_content .author-info_description .author-info_name { font-size: 18px; font-weight: 800; margin-bottom: 25px; } .author-info_wrapper .author-info_content .author-info_description .author-info_name span { display: block; font-size: 14px; font-weight: 400; color: #9797a2; margin-top: 4px; } .author-info_wrapper .author-info_content .author-info_description p { margin: 0; color: #686875; } /** Comments **/ #comments { margin-top: 77px; } #comments .comments-title { font-size: 24px; font-weight: 500; color: #373d46; margin-bottom: 55px; } #comments .comment-list { list-style: none; padding: 0; } #comments .comment-list .comment-body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; } #comments .comment-list .comment-body .comment-avatar { width: 70px; height: 70px; border-radius: 50%; overflow: hidden; margin-right: 30px; } #comments .comment-list .comment-body .comment_info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-bottom: 23px; border-bottom: 1px solid #e8e8f0; } #comments .comment-list .comment-body .comment_info .comment_author_says { font-size: 16px; font-weight: 800; color: #373d46; line-height: 1.4; } #comments .comment-list .comment-body .comment_info .comment_author_says a { color: #373d46; } #comments .comment-list .comment-body .comment_info .comment_author_says a:hover { color: #ed1f25; } #comments .comment-list .comment-body .comment_info .meta-wrapper { margin-bottom: 20px; line-height: 1; } #comments .comment-list .comment-body .comment_info .meta-wrapper span { font-size: 13px; color: #9797a2; font-weight: 400; } #comments .comment-list .comment-body .comment_info .comment_content p { font-size: 15px; margin-bottom: 13px; } #comments .comment-list .comment-body .comment_info .comment-reply-link { color: #ed1f25; text-transform: uppercase; font-size: 12px; font-weight: 500; } #comments .comment-list .children { list-style: none; margin-left: 150px; padding: 0; } #comments .comment-list .children .comment-body .comment-avatar { height: 50px; width: 50px; } .comment-respond p { font-size: 14px; color: #797986; margin-bottom: 45px; } .comment-respond .comment-form input, .comment-respond .comment-form textarea { background: #fafafc; border: 1px solid #e9e9f0; font-size: 14px; color: #373d46; padding: 11px 30px; margin-bottom: 20px; } .comment-respond .comment-form input::-webkit-input-placeholder, .comment-respond .comment-form textarea::-webkit-input-placeholder { color: #9797a2; } .comment-respond .comment-form input::-moz-placeholder, .comment-respond .comment-form textarea::-moz-placeholder { color: #9797a2; } .comment-respond .comment-form input:-ms-input-placeholder, .comment-respond .comment-form textarea:-ms-input-placeholder { color: #9797a2; } .comment-respond .comment-form input::-ms-input-placeholder, .comment-respond .comment-form textarea::-ms-input-placeholder { color: #9797a2; } .comment-respond .comment-form input::placeholder, .comment-respond .comment-form textarea::placeholder { color: #9797a2; } .comment-respond .comment-form .comment-form-author, .comment-respond .comment-form .comment-form-email { width: calc(50% - 15px); float: left; } .comment-respond .comment-form .comment-form-author { margin-right: 15px; } .comment-respond .comment-form .comment-form-email { margin-left: 15px; } .comment-respond .comment-form .comment-form-cookies-consent { margin-bottom: 20px; margin-top: 7px; font-size: 14px; color: #797986; position: relative; } .comment-respond .comment-form .comment-form-cookies-consent #wp-comment-cookies-consent { width: auto; } .comment-respond .comment-form .comment-form-cookies-consent label { cursor: pointer; display: inline; line-height: 1.25em; vertical-align: top; clear: both; padding-left: 1px; } .comment-respond .comment-form .comment-form-cookies-consent label:not(:empty) { padding-left: 0.75em; } .comment-respond .comment-form .comment-form-cookies-consent label:after, .comment-respond .comment-form .comment-form-cookies-consent label:before { content: ""; position: absolute; left: 0; top: 0; } .comment-respond .comment-form .comment-form-cookies-consent label:before { width: 1.15em; height: 1.15em; background: #fff; border: 2px solid #ababb1; border-radius: 0.125em; cursor: pointer; -webkit-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; } .comment-respond .comment-form .comment-form-cookies-consent input[type=checkbox] { outline: 0; visibility: hidden; width: 1.25em; margin: 0; display: block; float: left; font-size: inherit; } .comment-respond .comment-form .comment-form-cookies-consent input[type=checkbox]:checked + label:before { background: #ed1f25; border: none; } .comment-respond .comment-form .comment-form-cookies-consent input[type=checkbox]:checked + label:after { -webkit-transform: translate(0.25em, 0.3365384615em) rotate(-45deg); -ms-transform: translate(0.25em, 0.3365384615em) rotate(-45deg); transform: translate(0.25em, 0.3365384615em) rotate(-45deg); width: 0.72em; height: 0.375em; border: 0.125em solid #fff; border-top-style: none; border-right-style: none; } .comment-respond .comment-form .form-submit { margin: 0; } .comment-respond .comment-form .form-submit .submit { max-width: 180px; border: 1px solid #ed1f25; -webkit-box-shadow: none; box-shadow: none; background: #ed1f25; border-radius: 4px; color: #fff; font-size: 13px; font-weight: 500; margin-bottom: 0; } .comment-respond .comment-form .form-submit .submit:hover { background: transparent; color: #ed1f25; } /** Wigget **/ .sidebar-widget-area { padding-left: 60px; } .sidebar-widget-area .widget:not(:last-child) { margin-bottom: 50px; } .sidebar-widget-area .widget .widget-title { font-size: 20px; font-weight: 800; position: relative; padding-bottom: 7px; margin-bottom: 40px; } .sidebar-widget-area .widget .widget-title:after { content: ""; position: absolute; left: 0; bottom: 0; width: 60px; height: 2px; background: #ed1f25; } .sidebar-widget-area .widget ul { margin: 0; padding: 0; list-style: none; } .sidebar-widget-area .widget ul li { margin-bottom: 10px; padding-left: 20px; position: relative; } .sidebar-widget-area .widget ul li:before { content: ""; position: absolute; left: 0; top: 10px; height: 5px; width: 5px; border-radius: 50%; background: #ed1f25; } .sidebar-widget-area .widget ul li a { font-size: 14px; font-weight: 500; color: #656575; text-transform: uppercase; } .sidebar-widget-area .widget ul li a span { margin-left: 8px; display: inline-block; } .sidebar-widget-area .widget ul li a:hover { color: #ed1f25; } .widget_search .search-form { background: #f3f3f9; border-radius: 5px; position: relative; } .widget_search .search-form label { margin: 0; } .widget_search .search-form input { margin: 0; padding: 16px 20px; background: transparent; } .widget_search .search-form input:focus, .widget_search .search-form input:hover { -webkit-box-shadow: none; box-shadow: none; } .widget_search .search-form .search-submit { background: transparent; border: 0; padding: 0; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #2c2c51; } .gp-posts-widget-wrapper .post-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; } .gp-posts-widget-wrapper .post-item .post-widget-thumbnail { width: 80px; margin-right: 20px; border-radius: 4px; overflow: hidden; } .gp-posts-widget-wrapper .post-item .post-widget-thumbnail img { border-radius: 4px; } .gp-posts-widget-wrapper .post-item .post-widget-info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .gp-posts-widget-wrapper .post-item .post-widget-title { font-size: 16px; font-weight: 800; line-height: 24px; margin-bottom: 4px; } .gp-posts-widget-wrapper .post-item .post-widget-title a { color: #2c2c51; } .gp-posts-widget-wrapper .post-item .post-widget-title a:hover { color: #ed1f25; } .gp-posts-widget-wrapper .post-item .post-meta { margin: 0; padding: 0; list-style: none; } .gp-posts-widget-wrapper .post-item .post-meta li { display: inline-block; margin-right: 20px; position: relative; padding-left: 0; } .gp-posts-widget-wrapper .post-item .post-meta li:before { display: none; } .gp-posts-widget-wrapper .post-item .post-meta li:not(:last-child):after { content: ""; position: absolute; right: -14px; top: 8px; height: 10px; width: 1px; background: #92929f; } .gp-posts-widget-wrapper .post-item .post-meta li a { font-size: 12px; font-weight: 500; color: #92929f; text-transform: uppercase; } .gp-posts-widget-wrapper .post-item .post-meta li a:hover { color: #ed1f25; } .recent-comments .comment-list { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 20px; margin-bottom: 25px; } .recent-comments .comment-list .avatar { height: 50px; width: 50px; border-radius: 50%; background: #b6b1c4; margin-right: 20px; } .recent-comments .comment-list .avatar img { border-radius: 50%; } .recent-comments .comment-list .comment-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-bottom: 20px; border-bottom: 1px solid #ebe8f1; } .recent-comments .comment-list .comment-content .comments-text { font-size: 16px; color: #2c2c51; line-height: 22px; margin-bottom: 10px; display: block; } .recent-comments .comment-list .comment-content .comments-text:hover { color: #ed1f25; } .recent-comments .comment-list .comment-content .comment-author-link { display: block; font-size: 13px; text-transform: uppercase; font-weight: 500; color: #92929f; } .recent-comments .comment-list .comment-content .comment-author-link:hover { color: #ed1f25; } .tagcloud a { display: inline-block; font-size: 14px; font-weight: 500; color: #656575; border: 2px solid #e4e5ed; padding: 9px 13px; border-radius: 4px; margin-bottom: 10px; margin-right: 5px; line-height: 1; } .tagcloud a:hover { color: #fff; background: #ed1f25; border-color: #ed1f25; } /*-------------------------------------------------------------- ## Call To Action --------------------------------------------------------------*/ #call-to-action { padding: 123px 0; background-size: cover; background-position: center center; background-repeat: no-repeat; } .call-to-action { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .call-to-action > div { width: 50%; } .call-to-action .action-content h2 { color: #fff; font-weight: 700; font-size: 34px; margin-bottom: 20px; } .call-to-action .action-content p { color: #fff; } .call-to-action .action-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .call-to-action .action-button .gp-btn { -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 6, 26, 0.1); box-shadow: 0px 8px 16px 0px rgba(0, 6, 26, 0.1); padding: 12px 35px; } .call-to-action .action-button .gp-btn:hover { -webkit-box-shadow: none; box-shadow: none; } .call-to-action .action-button .btn-two { margin-left: 20px; } .call-to-action .action-button .btn-two:hover { border-color: rgba(255, 255, 255, 0.5); color: #fff; } #call-to-action-two { background: #4d5afe; padding: 147px 0 138px; } @media (max-width: 991px) { #call-to-action-two { padding: 120px 0; } } .call-to-action-two { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 768px) { .call-to-action-two { display: block; } } .call-to-action-two .action-content .action-title { font-size: 40px; line-height: 55px; font-weight: 700; color: #fff; } @media (max-width: 991px) { .call-to-action-two .action-content .action-title { font-size: 34px; line-height: 44px; } } @media (max-width: 768px) { .call-to-action-two .action-content .action-title { margin-bottom: 30px; } } .call-to-action-two .gp-btn { padding: 15px 32px; } #call-to-action-three .call-to-action-content { background: #fff; -webkit-box-shadow: 0px 50px 100px 0px rgba(1, 33, 26, 0.08), 0px -20px 50px 0px rgba(1, 33, 26, 0.04); box-shadow: 0px 50px 100px 0px rgba(1, 33, 26, 0.08), 0px -20px 50px 0px rgba(1, 33, 26, 0.04); border-radius: 10px; padding: 67px 70px 80px; text-align: center; margin-bottom: -180px; } @media (max-width: 576px) { #call-to-action-three .call-to-action-content { padding: 67px 40px 80px; } } @media (max-width: 576px) { #call-to-action-three .call-to-action-content .action-button .gp-btn { margin-bottom: 20px; } } #call-to-action-three .call-to-action-content .action-button .btn-outline { margin-left: 20px; } @media (max-width: 576px) { #call-to-action-three .call-to-action-content .action-button .btn-outline { margin-left: 10px; } } @media (max-width: 480px) { #call-to-action-three .call-to-action-content .action-button .btn-outline { margin-left: 0; } } #call-to-action-three .action-content-three h2 { font-size: 40px; line-height: 54px; margin-bottom: 46px; } @media (max-width: 1024px) { #call-to-action-three .action-content-three h2 br { display: none; } } @media (max-width: 768px) { #call-to-action-three .action-content-three h2 { font-size: 34px; line-height: 44px; } } @media (max-width: 576px) { #call-to-action-three .action-content-three h2 { font-size: 28px; line-height: 38px; } } .background-shapewrap img { position: absolute; } .background-shapewrap .shape-one { top: -50%; left: 0; } .background-shapewrap .shape-two { right: 0; bottom: -70%; } .background-shapewrap .shape-three { right: 0; bottom: 0; } .action-vector { position: absolute; top: 72px; left: -58px; } .background-shapewrap { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .background-shapewrap img { position: absolute; } #call-to-action-four { background: #faf9fd; padding: 110px 0 120px; position: relative; } #call-to-action-four .left-shape, #call-to-action-four .bottom-shape { position: absolute; } #call-to-action-four .left-shape { left: 11%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1400px) { #call-to-action-four .left-shape { left: 50px; } } @media (max-width: 991px) { #call-to-action-four .left-shape { left: 0; } } @media (max-width: 768px) { #call-to-action-four .left-shape { display: none; } } #call-to-action-four .bottom-shape { right: 11%; bottom: -28px; z-index: 2; } .call-to-action-four { position: relative; z-index: 22; } .call-to-action-four .action-content .action-title { font-size: 40px; line-height: 44px; margin-bottom: 15px; } @media (max-width: 991px) { .call-to-action-four .action-content .action-title { font-size: 30px; line-height: 40px; } } .call-to-action-four .action-content p { font-size: 24px; line-height: 1.3; margin-bottom: 52px; } @media (max-width: 991px) { .call-to-action-four .action-content p { font-size: 16px; } } .call-to-action-wrapper { position: relative; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .call-to-action-wrapper .action-content-inner { background: #4533c0; padding: 40px 50px 0 100px; background-image: url(../img/action_bg.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 10px; position: relative; z-index: 22; -webkit-box-shadow: 0px 40px 70px 0px rgb(0 0 0 / 40%); box-shadow: 0px 40px 70px 0px rgb(0 0 0 / 40%); } @media (max-width: 767px) { .call-to-action-wrapper .action-content-inner { padding: 40px 50px 0; text-align: center; } } @media (max-width: 1920px) and (min-width: 1440px) { .highlighter .call-to-action-wrapper { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } } @media (min-width: 992px) and (max-width: 1439px) { .highlighter .call-to-action-wrapper { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } } .call-to-action-wrapper .action-content-wrapper { padding-top: 50px; } .call-to-action-wrapper .action-content-wrapper .title { color: #fff; font-size: 40px; font-weight: 800; margin-bottom: 25px; } @media (max-width: 991px) { .call-to-action-wrapper .action-content-wrapper .title { font-size: 30px; } } .call-to-action-wrapper .action-content-wrapper p { color: #fff; margin-bottom: 42px; } .call-to-action-wrapper .action-image-wrapper { position: relative; padding-left: 130px; } @media (max-width: 576px) { .call-to-action-wrapper .action-image-wrapper { padding-left: 0; } } .call-to-action-wrapper .action-image-wrapper .image-one { position: relative; z-index: 2; } .call-to-action-wrapper .action-image-wrapper .image-two { position: absolute; bottom: 0; right: 35px; } .circle-top { border-radius: 50%; opacity: 0.502; position: absolute; left: -100px; top: -80px; width: 300px; height: 300px; z-index: 1; } @media (max-width: 1200px) { .circle-top { top: -60px; } } .circle-bottom { position: absolute; border-radius: 50%; background-image: -webkit-gradient(linear, left top, right top, from(#fa5a4c), to(#fcbd79)); background-image: -o-linear-gradient(left, #fa5a4c 0%, #fcbd79 100%); background-image: linear-gradient(to right, #fa5a4c 0%, #fcbd79 100%); opacity: 0.702; bottom: -100px; right: -150px; width: 550px; height: 550px; z-index: 1; } @media (max-width: 1600px) { .circle-bottom { right: -100px; } } @media (max-width: 1400px) { .circle-bottom { right: -0px; } } @media (max-width: 1200px) { .circle-bottom { height: 400px; width: 400px; bottom: -80px; } } #call-to-action-community { padding: 130px 0; position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; } #call-to-action-community:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(44, 44, 81, 0.95); } #call-to-action-community .action-content .action-title { color: #fff; font-size: 40px; font-weight: 700; } #call-to-action-community .action-info p { color: #fff; margin-bottom: 35px; } #call-to-action-community .action-info .gp-btn { color: #2c2c51; padding: 11px 29px; font-size: 14px; } #call-to-action-community .action-info .gp-btn:hover { color: #fff; border-color: rgba(255, 255, 255, 0.5); } #call-to-action-agency-two { padding: 146px 0; position: relative; } @media (max-width: 991px) { #call-to-action-agency-two { padding: 100px 0; } } #call-to-action-agency-two:before { content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0; background: rgba(91, 44, 173, 0.7); } #call-to-action-agency-two .action-content .action-title { color: #fff; font-size: 44px; line-height: 54px; font-weight: 700; margin: 0; } @media (max-width: 991px) { #call-to-action-agency-two .action-content .action-title { font-size: 30px; line-height: 40px; } } @media (max-width: 767px) { #call-to-action-agency-two .action-content .action-title { text-align: center; } } #call-to-action-agency-two .action-info .gp-btn:hover { border-color: #fff; color: #fff; } @media (min-width: 768px) { #call-to-action-agency-two .action-info { text-align: right; } } @media (max-width: 767px) { #call-to-action-agency-two .action-info { margin-top: 30px; text-align: center; } } @media (max-width: 991px) { .call-to-action { display: block; text-align: center; } .call-to-action > div { width: 100%; } .call-to-action .action-button { margin-top: 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } /*-------------------------------------------------------------- ## Page Header --------------------------------------------------------------*/ .page-banner { background: #292a7f; height: 450px; position: relative; overflow: hidden; } .page-banner.banner-bg { height: 400px; } .page-banner.portfolio-banner-bg { height: 650px; } .page-banner.banner-bg, .page-banner.portfolio-banner-bg { background-size: cover; background-position: center center; } .page-banner.banner-bg:before, .page-banner.portfolio-banner-bg:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(54, 55, 133, 0.9); } .page-banner .page-title-wrapper { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: 35px; position: relative; z-index: 2; } .page-banner .page-title-wrapper .page-title { font-size: 50px; line-height: 63px; color: #fff; font-weight: 700; margin-bottom: 0; } .page-banner .page-title-wrapper .breadcrumbs { margin: 0; padding: 0; list-style: none; } .page-banner .page-title-wrapper .breadcrumbs li { display: inline-block; color: #bbbbd6; font-size: 18px; position: relative; } .page-banner .page-title-wrapper .breadcrumbs li:not(:last-child) { margin-right: 20px; } .page-banner .page-title-wrapper .breadcrumbs li:not(:last-child):before { content: ">"; position: absolute; right: -17px; top: 0; } .page-banner .page-title-wrapper .breadcrumbs li a { color: #fff; } .page-banner .page-title-wrapper .breadcrumbs li a:hover { color: #d4d4d4; } .page-banner.style-light { background: #f4f4fd; } .page-banner.style-light .page-title { color: #373d46; } .page-banner.style-light .breadcrumbs { margin: 0; padding: 0; list-style: none; } .page-banner.style-light .breadcrumbs li { color: #373d46; } .page-banner.style-light .breadcrumbs li a { color: #373d46; } .page-banner.style-light .breadcrumbs li a:hover { color: #ed1f25; } .page-banner.banner-single-post { height: auto; background-size: cover; background-position: center center; } .page-banner.banner-single-post .page-title-wrapper { position: relative; z-index: 33; } .page-banner.banner-single-post:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(10, 10, 45, 0.5); z-index: 22; } .page-banner.banner-single-post .banner-pr { position: relative; height: 650px; } .page-banner.banner-single-post .single-meta-cat { font-size: 12px; font-weight: 500; background: #32ba13; color: #fff; border-radius: 3px; text-transform: uppercase; padding: 6px 9px; line-height: 1.1; display: inline-block; margin-bottom: 10px; } .page-banner.banner-single-post .page-title { max-width: 650px; font-size: 40px; line-height: 50px; text-align: left; margin-bottom: 23px; } .page-banner.banner-single-post .post-meta { margin: 0; } .page-banner.banner-single-post .post-meta li a { color: #fff; } .page-banner-pr { position: relative; height: 650px; } .banner-pertical { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; list-style: none; } .banner-pertical li { position: absolute; } .banner-pertical li:nth-child(1) { left: 140px; top: 50%; -webkit-animation: animationFramesTwo 30s infinite linear; animation: animationFramesTwo 30s infinite linear; } .banner-pertical li:nth-child(2) { left: 24%; bottom: 86px; z-index: 2; -webkit-animation: animeone 40s infinite linear; animation: animeone 40s infinite linear; } .banner-pertical li:nth-child(3) { left: 15%; bottom: -30px; z-index: 2; } .banner-pertical li:nth-child(4) { top: 180px; right: 195px; } .banner-pertical li:nth-child(5) { right: 18%; bottom: 95px; } .banner-pertical li:nth-child(6) { height: 100px; width: 100px; border: 5px solid #474bfe; border-radius: 50%; right: -70px; bottom: 65px; } .banner-pertical li:nth-child(7) { height: 500px; width: 500px; background-color: #313284; border-radius: 50%; left: 18%; bottom: -89%; -webkit-animation: animeone 40s infinite linear; animation: animeone 40s infinite linear; } .banner-pertical-two { position: absolute; width: 100%; height: 100%; left: 0; top: 0; margin: 0; padding: 0; list-style: none; } .banner-pertical-two li { position: absolute; } .banner-pertical-two li:nth-child(1) { left: 50px; top: 0; } .banner-pertical-two li:nth-child(2) { left: 0; bottom: 0; } .banner-pertical-two li:nth-child(3) { right: 0; bottom: -130px; } .banner-pertical-two li:nth-child(4) { right: 180px; bottom: -45px; } .banner-pertical-two li:nth-child(5) { left: 23%; bottom: 150px; } .banner-pertical-two li:nth-child(6) { left: 24.8%; bottom: 138px; } .banner-pertical-two li:nth-child(7) { right: 170px; top: 140px; } .banner-pertical-two li:nth-child(8) { left: 115px; bottom: 125px; } .banner-pertical-two li:nth-child(9) { right: 24%; top: 45%; } .bigSquare { -webkit-animation-name: bigSquare; animation-name: bigSquare; } @-webkit-keyframes bigSquare { from { -webkit-transform: translateY(10%) rotate(-80deg) scale(0); transform: translateY(10%) rotate(-80deg) scale(0); } to { -webkit-transform: translateY(0) rotate(0deg) scale(1); transform: translateY(0) rotate(0deg) scale(1); } } @keyframes bigSquare { from { -webkit-transform: translateY(10%) rotate(-80deg) scale(0); transform: translateY(10%) rotate(-80deg) scale(0); } to { -webkit-transform: translateY(0) rotate(0deg) scale(1); transform: translateY(0) rotate(0deg) scale(1); } } .littleSquare { -webkit-animation-name: littleSquare; animation-name: littleSquare; } @-webkit-keyframes littleSquare { from { -webkit-transform: translate(226%, 183%) rotate(140deg) scale(0); transform: translate(226%, 183%) rotate(140deg) scale(0); } to { -webkit-transform: translate(0%, 0%) rotate(0deg) scale(1); transform: translate(0%, 0%) rotate(0deg) scale(1); } } @keyframes littleSquare { from { -webkit-transform: translate(226%, 183%) rotate(140deg) scale(0); transform: translate(226%, 183%) rotate(140deg) scale(0); } to { -webkit-transform: translate(0%, 0%) rotate(0deg) scale(1); transform: translate(0%, 0%) rotate(0deg) scale(1); } } .triangle { -webkit-animation-name: triangle; animation-name: triangle; } @-webkit-keyframes triangle { from { -webkit-transform: rotate(-140deg) scale(0); transform: rotate(-140deg) scale(0); } to { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } } @keyframes triangle { from { -webkit-transform: rotate(-140deg) scale(0); transform: rotate(-140deg) scale(0); } to { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } } .hoop { -webkit-animation-name: hoop; animation-name: hoop; } @-webkit-keyframes hoop { from { -webkit-transform: translate(-160%, -33%) scale(0); transform: translate(-160%, -33%) scale(0); } to { -webkit-transform: translate(0%, 0%) scale(1); transform: translate(0%, 0%) scale(1); } } @keyframes hoop { from { -webkit-transform: translate(-160%, -33%) scale(0); transform: translate(-160%, -33%) scale(0); } to { -webkit-transform: translate(0%, 0%) scale(1); transform: translate(0%, 0%) scale(1); } } .bigCircle { -webkit-animation-name: bigCircle; animation-name: bigCircle; } @-webkit-keyframes bigCircle { from { -webkit-transform: scale(0) translate(60%, 3%); transform: scale(0) translate(60%, 3%); } to { -webkit-transform: scale(1) translate(0%, 0%); transform: scale(1) translate(0%, 0%); } } @keyframes bigCircle { from { -webkit-transform: scale(0) translate(60%, 3%); transform: scale(0) translate(60%, 3%); } to { -webkit-transform: scale(1) translate(0%, 0%); transform: scale(1) translate(0%, 0%); } } .littleCircle { -webkit-animation-name: littleCircle; animation-name: littleCircle; } @-webkit-keyframes littleCircle { from { -webkit-transform: scale(0); transform: scale(0); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes littleCircle { from { -webkit-transform: scale(0); transform: scale(0); } to { -webkit-transform: scale(1); transform: scale(1); } } .banner-pertical-two li:nth-child(1) { -webkit-animation-delay: 0.16s; animation-delay: 0.16s; } .banner-pertical-two li:nth-child(2) { -webkit-animation-delay: 0.32s; animation-delay: 0.32s; } .banner-pertical-two li:nth-child(3) { -webkit-animation-delay: 0.48s; animation-delay: 0.48s; } .banner-pertical-two li:nth-child(4) { -webkit-animation-delay: 0.64s; animation-delay: 0.64s; } .banner-pertical-two li:nth-child(5) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .banner-pertical-two li:nth-child(6) { -webkit-animation-delay: 0.96s; animation-delay: 0.96s; } .banner-pertical-two li:nth-child(7) { -webkit-animation-delay: 1.12s; animation-delay: 1.12s; } .banner-pertical-two li:nth-child(8) { -webkit-animation-delay: 1.28s; animation-delay: 1.28s; } .banner-pertical-two li:nth-child(9) { -webkit-animation-delay: 1.44s; animation-delay: 1.44s; } .banner-pertical-two li:nth-child(10) { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; } .banner-pertical-two li:nth-child(11) { -webkit-animation-delay: 1.76s; animation-delay: 1.76s; } /* Page Header Two */ .page-banner-two { background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 227, 212, 0.302)), to(rgba(176, 243, 241, 0.302))); background-image: -o-linear-gradient(right, rgba(255, 227, 212, 0.302) 0%, rgba(176, 243, 241, 0.302) 100%); background-image: linear-gradient(to left, rgba(255, 227, 212, 0.302) 0%, rgba(176, 243, 241, 0.302) 100%); padding: 150px 0 80px; overflow: hidden; } .page-banner-two .page-title-wrapper { position: relative; z-index: 22; } .page-banner-two .page-title-wrapper .page-title { font-size: 30px; color: #2c2c51; font-weight: 700; margin: 0; } .page-banner-two .page-title-wrapper .breadcrumbs { margin: 0; padding: 0; list-style: none; } .page-banner-two .page-title-wrapper .breadcrumbs li { display: inline-block; margin-right: 20px; position: relative; } .page-banner-two .page-title-wrapper .breadcrumbs li:not(:last-child):before { content: ">"; position: absolute; right: -17px; top: 0; } .page-banner-two .page-title-wrapper .breadcrumbs li a { color: #797986; } .page-banner-two .page-title-wrapper .breadcrumbs li a:hover { color: #ed1f25; } .page-banner-two .banner-pertical-three { margin: 0; padding: 0; list-style: none; } .page-banner-two .banner-pertical-three li { position: absolute; right: 0; } .page-banner-two .banner-pertical-three li:nth-child(1) { bottom: -70px; right: 210px; } .page-banner-three { position: relative; height: 565px; background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 227, 212, 0.302)), to(rgba(176, 243, 241, 0.302))); background-image: -o-linear-gradient(right, rgba(255, 227, 212, 0.302) 0%, rgba(176, 243, 241, 0.302) 100%); background-image: linear-gradient(to left, rgba(255, 227, 212, 0.302) 0%, rgba(176, 243, 241, 0.302) 100%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767px) { .page-banner-three { height: 350px; } } .page-banner-three .bottom-shape { position: absolute; left: 0; bottom: 0; width: 100%; } .page-banner-three .bottom-shape img { width: 100%; } .page-banner-three .page-title-wrapper { position: relative; z-index: 22; } .page-banner-three .page-title-wrapper .page-title { font-size: 50px; color: #2c2c51; font-weight: 700; margin: 0; } @media (max-width: 767px) { .page-banner-three .page-title-wrapper .page-title { font-size: 40px; } } .page-banner-three .page-title-wrapper .breadcrumbs { margin: 0; padding: 0; list-style: none; } .page-banner-three .page-title-wrapper .breadcrumbs li { display: inline-block; margin-right: 20px; position: relative; } .page-banner-three .page-title-wrapper .breadcrumbs li:not(:last-child):before { content: ">"; position: absolute; right: -17px; top: 0; } .page-banner-three .page-title-wrapper .breadcrumbs li a { color: #797986; } .page-banner-three .page-title-wrapper .breadcrumbs li a:hover { color: #ed1f25; } .page-banner-three .banner-pertical-three { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } @media (max-width: 620px) { .page-banner-three .banner-pertical-three { display: none; } } .page-banner-three .banner-pertical-three li { position: absolute; right: 0; } .page-banner-three .banner-pertical-three li:nth-child(1) { top: 0; left: 30px; } .page-banner-three .banner-pertical-three li:nth-child(2) { left: 150px; top: 50%; } .page-banner-three .banner-pertical-three li:nth-child(3) { left: 22%; bottom: 60px; } .page-banner-three .banner-pertical-three li:nth-child(4) { right: 15%; bottom: 120px; } .page-banner-three .banner-pertical-three li:nth-child(4) { right: 15%; bottom: 120px; width: 134px; height: 111px; } .page-banner-three .banner-pertical-three li:nth-child(5) { right: 165px; top: 140px; width: 85px; } .page-banner-three .page-header-image-svg { position: absolute; top: 0; left: 0; width: 100%; height: auto; opacity: 0.239; } /*-------------------------------------------------------------- ## Account Form --------------------------------------------------------------*/ .signin-page { padding: 50px 0 120px; } input[type=checkbox], input[type=radio] { width: auto; } .account-form .submit-btn { width: auto; display: inline-block; background: #ed1f25; display: block; } .account-form .submit-btn i { display: inline-block; vertical-align: middle; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-left: 3px; } .account-form .submit-btn:hover { color: #fff; -webkit-box-shadow: none; box-shadow: none; } .account-form .gp-input-group { margin-bottom: 34px; } .account-form .gp-input-group.mb-25 { margin-bottom: 20px; } .account-form .gp-input { border-color: 1px solid #d8d8d8; height: 55px; margin: 0; } .account-form .gp-input:focus { background: #fff; -webkit-box-shadow: 0 12px 20px 0 rgba(11, 3, 67, 0.12); box-shadow: 0 12px 20px 0 rgba(11, 3, 67, 0.12); } .account-form .condition { margin-bottom: 22px; } .account-form .condition input { width: 15px; height: 15px; display: inline-block; margin: 0 5px 0 0; } .account-form .condition span { font-size: 14px; vertical-align: 2px; } /*-------------------------------------------------------------- ## Contact --------------------------------------------------------------*/ .contact { padding: 120px 0 110px; background: #fcfbff; } @media (max-width: 991px) { .contact { padding: 80px 0 60px; } } .contact-form-inner { padding: 40px; background: #fff; border-radius: 10px; -webkit-box-shadow: 0 30px 100px 0 rgba(20, 3, 70, 0.14); box-shadow: 0 30px 100px 0 rgba(20, 3, 70, 0.14); z-index: 22; } .contact-form-inner h2 { font-size: 36px; font-weight: 700; margin-bottom: 20px; line-height: 44px; color: #ee2225; } .contact-form-inner input, .contact-form-inner textarea { font-size: 15px; background: #f7f6f9; border-radius: 4px; padding: 15px 30px; } .contact-form-inner input::-webkit-input-placeholder, .contact-form-inner textarea::-webkit-input-placeholder { color: #a7a9b4; } .contact-form-inner input::-moz-placeholder, .contact-form-inner textarea::-moz-placeholder { color: #a7a9b4; } .contact-form-inner input:-ms-input-placeholder, .contact-form-inner textarea:-ms-input-placeholder { color: #a7a9b4; } .contact-form-inner input::-ms-input-placeholder, .contact-form-inner textarea::-ms-input-placeholder { color: #a7a9b4; } .contact-form-inner input::placeholder, .contact-form-inner textarea::placeholder { color: #a7a9b4; } .contact-form-inner input:focus, .contact-form-inner textarea:focus { background-color: white; -webkit-box-shadow: 0 15px 17px 0 rgba(20, 3, 70, 0.08); box-shadow: 0 15px 17px 0 rgba(20, 3, 70, 0.08); } .contact-form-inner input { height: 60px; } .contact-form-inner .submit-btn { width: 100%; text-align: center; padding: 14px 32px; outline: 0; font-size: 15px; } .contact-content { padding: 135px 100px; background-image: -o-linear-gradient(115deg, #5e2ced 0%, #a485fd 100%); background-image: linear-gradient(-25deg, #5e2ced 0%, #a485fd 100%); z-index: 2; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .contact-content .icon { color: #fff; font-size: 34px; margin-bottom: 35px; } .contact-content h3 { font-size: 24px; font-weight: 400; color: #fff; margin-bottom: 15px; } .contact-content p { color: #fff; margin-bottom: 40px; font-size: 16px; line-height: 28px; } .contact-content .gp-btn { width: 100%; text-align: center; color: #6e58fc; padding: 13px 32px; font-size: 15px; } .contact-infos { margin-top: 70px; } @media (max-width: 991px) { .contact-infos { margin-top: 30px; } } .contact-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 30px; margin-bottom: 30px; z-index: 11; -ms-flex-wrap: wrap; flex-wrap: wrap; } .contact-info .icon { background-image: -o-linear-gradient(50deg, #099cf9 0%, #69c3fc 100%); background-image: linear-gradient(40deg, #099cf9 0%, #69c3fc 100%); -webkit-box-shadow: 0 10px 30px 0 rgba(9, 156, 249, 0.3); box-shadow: 0 10px 30px 0 rgba(9, 156, 249, 0.3); height: 60px; width: 60px; text-align: center; border-radius: 50%; color: #fff; margin-right: 20px; } .contact-info .icon i { line-height: 60px; font-size: 18px; } .contact-info p { margin: 0; font-size: 18px; font-weight: 400; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .contact-info.color-two .icon { background-image: -o-linear-gradient(50deg, #ee9d11 0%, #ffbf51 100%); background-image: linear-gradient(40deg, #ee9d11 0%, #ffbf51 100%); -webkit-box-shadow: 0 10px 30px 0 rgba(238, 157, 17, 0.3); box-shadow: 0 10px 30px 0 rgba(238, 157, 17, 0.3); } .contact-info.color-three .icon { background-image: -o-linear-gradient(50deg, #47b22e 0%, #5bdb3c 100%); background-image: linear-gradient(40deg, #47b22e 0%, #5bdb3c 100%); -webkit-box-shadow: 0 10px 30px 0 rgba(71, 178, 46, 0.3); box-shadow: 0 10px 30px 0 rgba(71, 178, 46, 0.3); } /* Contact Form Main */ .contact-form-page { padding: 120px 0; } @media (max-width: 991px) { .contact-form-page { padding: 80px 0; } } .contact-information { background: #fafafc; padding: 50px; } .contact-information .contact-title { font-size: 16px; font-weight: 800; color: #2c2c51; margin-bottom: 25px; } .contact-information .description { margin-bottom: 40px; } .contact-information .description a { color: #ed1f25; } .contact-information .info-list { margin-bottom: 38px; } .contact-information .info-list .info-title { font-size: 16px; font-weight: 800; color: #2c2c51; } .contact-form-wrapper { padding-left: 85px; } @media (max-width: 767px) { .contact-form-wrapper { padding-left: 0; margin-top: 40px; } } .gp-input { border: 1px solid #d8d8d8; height: 60px; padding: 15px 30px; } .gp-textarea { height: 200px; } .mt-140 { margin-top: 140px; } @media (max-width: 991px) { .mt-140 { margin-top: 60px; } } .address-box { padding: 30px; margin-bottom: 30px; position: relative; } .address-box.style-border { border: 2px solid #ed1f25; border-radius: 6px; } .address-box.style-border:after { content: ""; position: absolute; width: 0; height: 0; border-left: 13px solid transparent; border-right: 13px solid transparent; border-top: 12px solid #ed1f25; bottom: -12px; left: 20px; } .address-box.style-border:before { content: ""; position: absolute; width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-top: 11px solid #ffffff; bottom: -10px; left: 22px; z-index: 1; } .address-box .address-title { color: #2c2c51; font-size: 24px; font-weight: 700; margin-bottom: 17px; } .address-box p { color: #797986; } .gmap3-area { height: 500px; } /*-------------------------------------------------------------- ## Error --------------------------------------------------------------*/ .error-page { height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; overflow: hidden; } .error-page .animate-element { margin: 0; padding: 0; list-style: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .error-page .animate-element li { position: absolute; } .error-page .animate-element li:nth-child(1) { top: 37%; left: 11%; } .error-page .animate-element li:nth-child(2) { bottom: 29%; left: 11%; } .error-page .animate-element li:nth-child(3) { top: 25%; right: 100px; } .error-page .animate-element li:nth-child(4) { bottom: 33%; right: 12%; } @media (max-width: 991px) { .error-page .animate-element li:nth-child(1) { top: 18%; left: 2%; } .error-page .animate-element li:nth-child(2) { bottom: 10%; left: 3%; } .error-page .animate-element li:nth-child(3) { top: 16%; right: 25px; } .error-page .animate-element li:nth-child(4) { bottom: 5%; right: 2%; } } .error-image { margin-bottom: 40px; position: relative; } @media (min-width: 992px) { .error-page-content-wrapper { margin-top: 70px; } } .error-content .error-title { font-size: 40px; line-height: 54px; color: #2c2c51; font-weight: 700; margin-bottom: 20px; } @media (max-width: 576px) { .error-content .error-title { font-size: 30px; line-height: 44px; } .error-content .error-title br { display: none; } } .error-content .subtitle { font-size: 20px; color: #6b717c; margin-bottom: 54px; } .error-content .button-container .gp-btn { padding: 11px 27px; } .error-content .button-container .btn-grey { margin-left: 20px; } @media (max-width: 420px) { .error-content .button-container .btn-grey { margin-left: 0; margin-top: 20px; } } /*-------------------------------------------------------------- ## Footer --------------------------------------------------------------*/ #footer-main .footer-widgets { padding-top: 120px; } #footer-main .footer-widgets .widget-title { font-size: 20px; font-weight: 800; } #footer-main .footer-widgets .footer-menu li { line-height: 40px; } #footer-main .footer-widgets .footer-menu li a:after { background: linear-gradient(60deg, #FE5924, #ed1f25); } #footer-main .site-info { border-top: 1px solid #b3b3b321; } @media (max-width: 991px) { #footer-main .site-info { padding: 27px 0; } } #footer-main .site-info .copyright { padding: 27px 0; } @media (max-width: 991px) { #footer-main .site-info .copyright { padding: 0; margin-bottom: 15px; } } @media (max-width: 991px) { #footer-main .site-info .copyright { text-align: center; } } #footer-main .site-info .copyright p { font-size: 14px; margin: 0; } #footer-main .footer-social-link li a:hover { background: linear-gradient(60deg, #FE5924, #ed1f25); border-color: #ff6344; -webkit-box-shadow: 0 20px 30px 0 rgba(255, 99, 68, 0.34); box-shadow: 0 20px 30px 0 rgba(255, 99, 68, 0.34); } .widget-newsletter { max-width: 300px; } .widget-newsletter p { color: #6d6d82; margin-bottom: 20px; } .widget-newsletter .footer-newsletter-form .newsletter-inner input { border: 0; background: #f3f6f8; height: 60px; border-radius: 40px; padding: 20px 25px; margin-bottom: 20px; } .widget-newsletter .footer-newsletter-form .newsletter-inner input:focus { -webkit-box-shadow: none; box-shadow: none; } .widget-newsletter .footer-newsletter-form .newsletter-inner input::-webkit-input-placeholder { color: #9191a1; } .widget-newsletter .footer-newsletter-form .newsletter-inner input::-moz-placeholder { color: #9191a1; } .widget-newsletter .footer-newsletter-form .newsletter-inner input:-ms-input-placeholder { color: #9191a1; } .widget-newsletter .footer-newsletter-form .newsletter-inner input::-ms-input-placeholder { color: #9191a1; } .widget-newsletter .footer-newsletter-form .newsletter-inner input::placeholder { color: #9191a1; } .widget-newsletter .footer-newsletter-form .newsletter-inner .gp-btn { font-size: 15px; outline: 0; padding: 5px 21px; } .footer-social-wrapper { text-align: right; } .footer-social-wrapper .footer-social-link { margin: 0; } @media (max-width: 991px) { .footer-social-wrapper .footer-social-link { text-align: center; } } /** Footer Social Link **/ .footer-social-link { margin-bottom: 35px; padding: 0; list-style: none; } .footer-social-link li { display: inline-block; margin: 0 2px; } .footer-social-link li a { height: 40px; width: 40px; line-height: 41px; font-size: 14px; border: 1px solid #d5dde8; display: block; border-radius: 50%; color: #9090a3; text-align: center; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .footer-social-link li a:hover { background: #ed1f25; border-color: #ed1f25; color: #fff; -webkit-box-shadow: 0 20px 30px 0 rgba(0, 204, 160, 0.34); box-shadow: 0 20px 30px 0 rgba(0, 204, 160, 0.34); } .footer-social-link.style-two li a { background: transparent; border: 2px solid #e1e4e9; color: #8993af; height: 50px; width: 50px; line-height: 47px; } .footer-social-link.style-two li a:hover { background: #4d5afe; border-color: #4d5afe; color: #fff; -webkit-box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2); box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2); } .footer-social-two { margin: 0; padding: 0; list-style: none; } .footer-social-two li { display: inline-block; margin-right: 10px; } .footer-social-two li a { font-size: 16px; color: #757991; } .footer-social-two li a:hover { color: #f8b137; } .footer-social-two.style-circle li a { height: 50px; width: 50px; line-height: 50px; border: 1px solid #d3d9e4; color: #6a7695; text-align: center; border-radius: 50%; display: block; } .footer-social-two.style-circle li a:hover { background: #ed1f25; color: #fff; border-color: #ed1f25; -webkit-box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2); box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2); } .footer-social-two.style-circle-sm li { display: inline-block; margin-right: 5px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .footer-social-two.style-circle-sm li a { color: #fff; display: block; } .footer-social-two.style-circle-sm li a i { background: #ed1f25; height: 40px; width: 40px; line-height: 40px; border-radius: 50%; text-align: center; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .footer-social-two.style-circle-sm li a i.fa-facebook-f { background: #456bba; } .footer-social-two.style-circle-sm li a i.fa-facebook-f:hover { -webkit-box-shadow: 0 10px 20px 0 rgba(69, 107, 186, 0.3); box-shadow: 0 10px 20px 0 rgba(69, 107, 186, 0.3); } .footer-social-two.style-circle-sm li a i.fa-twitter { background: #00aced; } .footer-social-two.style-circle-sm li a i.fa-twitter:hover { -webkit-box-shadow: 0 10px 20px 0 rgba(9, 111, 150, 0.3); box-shadow: 0 10px 20px 0 rgba(9, 111, 150, 0.3); } .footer-social-two.style-circle-sm li a i.fa-linkedin-in { background: #0077b5; } .footer-social-two.style-circle-sm li a i.fa-linkedin-in:hover { -webkit-box-shadow: 0 10px 20px 0 rgba(0, 123, 182, 0.3); box-shadow: 0 10px 20px 0 rgba(0, 123, 182, 0.3); } .footer-social-two.style-circle-sm li a i.fa-youtube { background: #f73434; } .footer-social-two.style-circle-sm li a i.fa-youtube:hover { -webkit-box-shadow: 0 10px 20px 0 rgba(247, 52, 52, 0.3); box-shadow: 0 10px 20px 0 rgba(247, 52, 52, 0.3); } .footer-social-two.style-circle-sm li a i.fa-pinterest-p { background: #e60023; } .footer-social-two.style-circle-sm li a i.fa-pinterest-p:hover { -webkit-box-shadow: 0 10px 20px 0 rgba(230, 0, 35, 0.3); box-shadow: 0 10px 20px 0 rgba(230, 0, 35, 0.3); } .footer-social-two.style-circle-sm li:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } /** Footer **/ #footer { background: #313131; } #footer .footer-nner { padding: 70px 0; text-align: center; } #footer .footer-nner .footer-logo { display: inline-block; margin-bottom: 30px; } #footer .footer-menu { margin-bottom: 30px; padding: 0; list-style: none; } #footer .footer-menu li { display: inline-block; margin: 0 15px; } #footer .footer-menu li a { display: block; color: #fff; font-weight: 500; } #footer .footer-menu li a:hover { color: #f8b137; } #footer .footer-social-link { margin: 0; padding: 0; list-style: none; } #footer .footer-social-link li { display: inline-block; margin: 0 5px; } #footer .footer-social-link li a { height: 45px; width: 45px; line-height: 45px; background: rgba(0, 0, 0, 0.2); display: block; border-radius: 50%; color: #fff; } #footer .footer-social-link li a:hover { background: #f8b137; color: #fff; } #footer .site-info { background: #2d2d2d; padding: 20px 0; text-align: center; } #footer .site-info .copy-right { margin-bottom: 0; color: #fff; } #footer .site-info .copy-right a { color: #f8b137; margin-left: 5px; } #footer .site-info .copy-right a:hover { color: #f39d09; } #footer-seo { background: #f1f1f9; padding: 100px 0 60px; } #footer-seo .footer-widgets { padding: 0; } #footer-seo .footer-social li a { background-color: #fff; color: #677294; border: 2px solid transparent; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #footer-seo .footer-social li a:hover { background: transparent; color: #ff5e85; border-color: #ff5e85; } .newsletter { margin-bottom: 140px; } /* Footer Community */ #footer-community .footer-widgets { padding: 120px 0 60px; } #footer-community .widget-about p { font-size: 15px; color: #69697b; margin-bottom: 27px; } #footer-community .widget-about .follow-title { font-size: 18px; color: #1f113a; font-weight: 500; margin-bottom: 15px; } #footer-community .widget-title { font-size: 18px; color: #2c2c51; } #footer-community .footer-widgets .footer-menu li a { font-size: 14px; color: #69697b; } #footer-community .footer-widgets .footer-menu li a:after { display: none; } #footer-community .footer-widgets .footer-menu li a:hover { color: #ed1f25; } #footer-community .site-info { border-color: #e4e1ea; padding: 29px 0; } #footer-community .site-info p { margin: 0; color: #908e94; font-size: 14px; } #footer-community .site-info p a { color: #2c2c51; } #footer-community .site-info p a:hover { color: #ed1f25; } /* Footer Agency */ #footer-agency { background: #fff; } #footer-agency .footer-inner .footer-widgets { padding: 120px 0 37px; } #footer-agency .footer-widgets .footer-logo { margin-bottom: 40px; } #footer-agency .footer-widgets .footer-menu li a { font-size: 16px; color: #6a7695; } #footer-agency .footer-widgets .footer-menu li a:after { background: #4d5afe; } #footer-agency .footer-widgets .footer-menu li a:hover { color: #4d5afe; } #footer-agency .widget-title { font-size: 20px; color: #373d46; font-weight: 500; margin-bottom: 25px; } #footer-agency .contact-widget p { color: #6a7695; margin-bottom: 35px; } #footer-agency .contact-widget .phone { color: #4d5afe; font-size: 20px; font-weight: 500; display: block; } #footer-agency .site-info { padding: 22px 0; border-color: #ededfb; } #footer-agency .site-info .copyright-text { margin: 0; color: #999fae; } #footer-agency .site-info .copyright-text a { color: #4d5afe; } #footer-agency .follow-title { font-size: 20px; color: #6a7695; margin-bottom: 15px; font-weight: 400; } /* Footer Widget */ .footer-widgets { position: relative; z-index: 3; } .footer-widgets .widget { margin-bottom: 45px; } .footer-widgets .footer-menu { margin: 0; padding: 0; list-style: none; } .footer-widgets .footer-menu li { line-height: 36px; } .footer-widgets .footer-menu li a { color: #000; font-size: 14px; position: relative; display: inline-block; font-weight: 400; } .footer-widgets .footer-menu li a:after { position: absolute; content: ""; display: block; bottom: 8px; height: 1px; left: 0; width: 100%; background: #ed1f25; -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85); transition: -webkit-transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85); -o-transition: transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85); transition: transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85); transition: transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85), -webkit-transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85); } .footer-widgets .footer-menu li a:hover { color: #ed1f25; } .footer-widgets .footer-menu li a:hover:after { -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } .footer-widgets .footer-logo { margin-bottom: 35px; } .footer-widgets .footer-mail { color: #ed1f25; font-size: 18px; margin-bottom: 23px; } .footer-widgets .footer-mail i { margin-right: 10px; } .footer-widgets .copyright-text { margin-bottom: 28px; max-width: 300px; color: #677294; } .widget-about .copyright-text { width: 300px; } .foot-contact p { font-size: 15px; font-weight: 400; margin-bottom: 0; line-height: 34px; } .foot-contact p span { color: #222931; font-weight: 500; } .foot-contact p.con-email { color: #ed1f25; } .site-info { border-top: 1px solid #d6deeb; } .site-info .copyright { margin: 0; font-size: 14px; color: #acb3c0; font-weight: 400; padding: 22px 0; } .site-info .copyright a { color: #ed1f25; } .site-info .copyright a:hover { color: #009674; } .footer-bottom-menu { margin: 0; padding: 22px 0; list-style: none; } .footer-bottom-menu li { display: inline-block; margin-right: 20px; position: relative; } .footer-bottom-menu li:after { position: absolute; content: "|"; font-size: 12px; top: 0; right: 5px; color: #acb3c0; } .footer-bottom-menu li:last-child { margin-right: 0; } .footer-bottom-menu li:last-child:after { display: none; } .footer-bottom-menu li a { font-size: 14px; color: #acb3c0; font-weight: 400; display: inline-block; } .footer-bottom-menu li a:hover { color: #ed1f25; } /* Footer Analytics */ .gp-site-footer .footer-social { margin: 0; padding: 0; list-style: none; } .gp-site-footer .footer-social li { margin-right: 5px; display: inline-block; margin-right: 5px; } .gp-site-footer .footer-social li a { height: 40px; width: 40px; line-height: 38px; text-align: center; background: rgba(255, 255, 255, 0.059); color: #afb4c0; border-radius: 50%; display: inline-block; font-size: 14px; border: 2px solid transparent; } .gp-site-footer .footer-social li a:hover { color: #ed1f25; border-color: #ed1f25; background: transparent; } #footer-analytics { background: #010b29; padding: 100px 0 122px; } #footer-analytics .footer-widgets { padding-bottom: 0; } #footer-analytics .footer-widgets .footer-logo { margin-bottom: 29px; } #footer-analytics .footer-widgets .copyright-text { font-weight: 500; margin-bottom: 40px; } #footer-analytics .footer-widgets .copyright-text p { margin: 0; color: #afb4c0; font-weight: 400; font-size: 15px; } #footer-analytics .footer-widgets .copyright-text p a { color: #fff; } #footer-analytics .footer-widgets .copyright-text p a:hover { color: #f8b137; } #footer-analytics .footer-widgets .widget-title { font-size: 20px; font-weight: 500; color: #fff; margin-bottom: 25px; } #footer-analytics .footer-widgets .footer-menu li a { color: #afb4c0; font-size: 15px; font-weight: 400; } #footer-analytics .footer-widgets .footer-menu li a:after { background: #f8b137; } #footer-analytics .footer-widgets .footer-menu li a:hover { color: #f8b137; } #footer-analytics .footer-social li a:hover { color: #f8b137; border-color: #f8b137; } .gp-site-footer { position: relative; } .gp-site-footer .footer-contact-info { margin: 0; padding: 0; list-style: none; } .gp-site-footer .footer-contact-info li { margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .gp-site-footer .footer-contact-info li i { margin-right: 20px; color: #ed1f25; } .gp-site-footer .footer-contact-info li p { font-size: 15px; color: #69697b; } .gp-site-footer .footer-contact-info li.phone p { font-size: 20px; color: #ed1f25; } /* Footer Seo */ #footer-seo .footer-widgets .widget-title { font-size: 20px; color: #343e5d; } #footer-seo .footer-widgets .copyright-text a { color: #ff5e85; } #footer-seo .footer-social li a:hover { color: #ff5e85; } #footer-seo .footer-widgets .footer-menu li a:after { background: #ff5e85; } #footer-seo .footer-widgets .footer-menu li a:hover { color: #ff5e85; } /* Footer Social */ #footer-social { background: #f1f1f9; } #footer-social .footer-logo { margin-bottom: 30px; } #footer-social p { margin-bottom: 20px; } #footer-social .footer-social li a { background-color: #fff; color: #677294; } #footer-social .footer-social li a:hover { color: #ed1f25; background-color: transparent; } #footer-social .footer-widgets { padding-bottom: 80px; } @media (max-width: 991px) { #footer-social .footer-widgets { padding-bottom: 30px; } } #footer-social .footer-widgets .widget-title { font-size: 20px; color: #051441; } #footer-social .footer-widgets .copyright-text a { color: #ed1f25; } #footer-social .footer-widgets .footer-menu li a { color: #677294; font-size: 14px; } #footer-social .footer-widgets .footer-menu li a:after { background: #ed1f25; } #footer-social .footer-widgets .footer-menu li a:hover { color: #ed1f25; } #footer-saas { background: #f2f7fe; padding-top: 295px; overflow: hidden; } #footer-saas .footer-bottom-anime-shape { position: absolute; width: 100%; left: 0; bottom: 0; } #footer-saas .footer-bottom-anime-shape .bottom-shape { position: absolute; width: 100%; left: 0; bottom: 0; } #footer-saas .footer-widgets .widget-title { font-size: 20px; font-weight: 500; margin-bottom: 35px; color: #2c2c51; } #footer-saas .footer-widgets .copyright-text { font-size: 16px; line-height: 28px; color: #6d6d82; margin-bottom: 40px; } #footer-saas .footer-widgets .copyright-text a { color: #ed1f25; } #footer-saas .footer-widgets .footer-menu li a { font-size: 16px; color: #6d6d82; } #footer-saas .footer-widgets .footer-menu li a::after { background: #ed1f25; } #footer-saas .footer-widgets .footer-menu li a:hover { color: #ed1f25; } /* Footer sass two*/ #footer-saas-two { background: #2a2b72; position: relative; } #footer-saas-two .footer-nner { padding: 116px 0 200px; } @media (max-width: 991px) { #footer-saas-two .footer-nner { padding: 76px 0 40px; } } #footer-saas-two .widget.footer-widget .widget-title { color: #fff; font-size: 18px; font-weight: 500; margin-bottom: 36px; border-bottom: 0; padding-bottom: 0; } #footer-saas-two .widget.footer-widget .footer-logo { margin-bottom: 30px; } #footer-saas-two .widget.footer-widget p { margin-bottom: 42px; color: #bab5df; font-size: 16px; } #footer-saas-two .widget.footer-widget p a { color: #fff; } #footer-saas-two .footer-menu { margin-bottom: 40px; padding: 0; list-style: none; } #footer-saas-two .footer-menu li a { display: block; color: #bab5df; font-weight: 400; font-size: 16px; line-height: 36px; } #footer-saas-two .footer-menu li a:hover { color: #fff; } #footer-saas-two .footer-social-link { margin: 0; padding: 0; list-style: none; } #footer-saas-two .footer-social-link li { display: inline-block; margin-left: 0; } #footer-saas-two .footer-social-link li:not(:last-child) { margin-right: 5px; } #footer-saas-two .footer-social-link li a { height: 45px; width: 45px; line-height: 47px; border: transparent; background: #404180; display: block; border-radius: 50%; color: #bab5df; text-align: center; font-size: 16px; } #footer-saas-two .footer-social-link li a:hover { background: #fff; color: #6e58fc; -webkit-box-shadow: none; box-shadow: none; } #footer-saas-two .site-info { padding: 36px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #e4d9d9; position: relative; z-index: 3; } #footer-saas-two .site-info p { margin: 0; } #footer-saas-two .site-info p a { color: #f8b137; font-weight: 500; } #footer-saas-two .site-info p a:hover { color: #f39d09; } .footer-bottom-shape { position: relative; } @media (max-width: 620px) { .footer-bottom-shape { display: none; } } .footer-bottom-shape .three-left, .footer-bottom-shape .three-right { position: absolute; bottom: 0; } @media (max-width: 1280px) { .footer-bottom-shape .three-left, .footer-bottom-shape .three-right { display: none; } } .footer-bottom-shape .three-left { left: 50px; } .footer-bottom-shape .three-left img { -webkit-animation: swing 12s infinite both; animation: swing 12s infinite both; -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; } .footer-bottom-shape .three-right { right: 50px; } .footer-bottom-shape .three-right img { -webkit-animation: swing 12s infinite both; animation: swing 12s infinite both; -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; } .footer-bottom-shape .footer-center-victor { position: relative; padding-bottom: 40px; } .footer-bottom-shape .footer-center-victor:before { content: ""; position: absolute; top: 0; width: 100%; height: 2px; left: 0; top: 0; background: #4c4d89; } .footer-bottom-shape .footer-center-victor > div { position: absolute; bottom: 40px; } .footer-bottom-shape .footer-center-victor .foo-shape-one { left: 0; } .footer-bottom-shape .footer-center-victor .foo-shape-two { left: 25%; -webkit-transform: translateX(-20%); -ms-transform: translateX(-20%); transform: translateX(-20%); } .footer-bottom-shape .footer-center-victor .foo-shape-three { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 37px; } .footer-bottom-shape .footer-center-victor .foo-shape-four { right: 17%; -webkit-transform: translateX(-20%); -ms-transform: translateX(-20%); transform: translateX(-20%); } .footer-bottom-shape .footer-center-victor .foo-shape-five { right: 0; } /* Footer Agency Two */ #footer-agency-two { background: #f7f5fa; } #footer-agency-two .footer-widgets { padding: 110px 0 56px; } @media (max-width: 991px) { #footer-agency-two .footer-widgets { padding: 70px 0 15px; } } #footer-agency-two .widget-about .footer-logo { margin-bottom: 23px; } #footer-agency-two .widget-about p { font-size: 15px; color: #706c79; margin-bottom: 28px; } #footer-agency-two .widget-about .follow-title { font-size: 18px; font-weight: 500; color: #1f113a; margin-bottom: 17px; } #footer-agency-two .footer-widgets .widget-title { font-size: 18px; } #footer-agency-two .footer-widgets .footer-menu li a { color: #706c79; } #footer-agency-two .footer-widgets .footer-menu li a:after { background: #ed1f25; } #footer-agency-two .footer-widgets .footer-menu li a:hover { color: #ed1f25; } #footer-agency-two .footer-widgets .footer-contact-info { padding-top: 10px; } #footer-agency-two .footer-widgets .footer-contact-info li.phone p, #footer-agency-two .footer-widgets .footer-contact-info li i { color: #ed1f25; } #footer-agency-two .site-info { padding: 29px 0; } #footer-agency-two .site-info p { font-size: 14px; color: #908e94; margin: 0; } #footer-agency-two .site-info p a { color: #ed1f25; } @media (max-width: 991px) { #footer .footer-nner { padding: 76px 0 22px; } #footer .site-info { padding: 21px 0; } #footer .widget.footer-widget .widget-title { margin-bottom: 25px; } } @media (max-width: 768px) { #footer .footer-menu { margin-bottom: 40px; } #footer .site-info { padding: 21px 0; display: block; text-align: center; } #footer.footer-four .copyright { margin-bottom: 20px; } #footer.footer-four .site-info .site-info-inner { display: block; } } @media (max-width: 768px) { #newsletter { padding: 50px 0; } } @media (max-width: 576px) { .newsletter-form-two .newsletter-inner { display: block; } .newsletter-form-two .newsletter-submit { padding: 12px 38px; margin: 20px auto 0; display: block; } } .high-lighter-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgb(239 41 36 / 75%); opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 5; } @media (min-width: 992px) { .highlighter-hidden .high-lighter-overlay { opacity: 1; visibility: visible; } } .leaf-one { max-width: 140px; } .color-primary { color: #ed1f25; font-weight: 600; } .color-primary-1 { color: #fff; background: linear-gradient(60deg, #FE5924, #ed1f25); padding: 0px 10px 0px 10px; } .bg-secondary { color: #fff; background: linear-gradient(60deg, #FE5924, #ed1f25); } .table-striped tbody tr:nth-of-type(odd) { background-color: rgb(247 246 251); } .table-style { border: 2px solid #ef2725; box-sizing: border-box; border-radius: 5px; padding: 8px; position: relative; overflow: hidden; } /* width */ ::-webkit-scrollbar { width: 10px; } /* Track */ ::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ ::-webkit-scrollbar-thumb { background: #888; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #555; } ::placeholder { color: #000 !important; font-weight: 800; /* Firefox */ } .icondingwei { position: absolute; top: 18px; left: 24px; color: #f02925; font-weight: 600; } section { padding: 100px 0 50px; } .dark-mode { background-color: #000; color: white; } .side-btn { position: fixed; top: 50%; z-index: 9999 } @media(max-width:1441px) { .side-btn { display: none } } .side-btn .color-mode .tool { font-size: 14px; background: #ed1f25; color: white; line-height: 110%; padding: 4px 8px; position: absolute; right: 0; text-align: center; top: 70%; transform: translate(180px, -50%); transition: .3s; width: 180px; z-index: 9999 } .side-btn .color-mode .tool { left: 0; right: auto; transform: translate(-180px, -100%) } .side-btn .color-mode:hover .tool { transform: translate(52px, -100%) } .side-btn .color-mode .tool:after { border-bottom: 7px solid transparent; border-top: 7px solid transparent; content: ""; font-size: 0; height: 0; line-height: 0; position: absolute; top: 50%; transform: translateY(-50%); transition: .3s; width: 0; border-left: 0; border-right: 7px solid #ed1f25; left: -6px; right: auto } .color-mode button { display: block; height: 54px; padding: 5px; position: relative; transition: .3s; width: 44px; background-color: #ed1f25; border: none; color: white; z-index: 102; } .color-mode { background: #ed1f25; color: white; } .dark-mode .site-header.header-fixed.showed { background: rgb(23 23 23); color: white; } .dark-mode .site-header.header-fixed.showed .site-logo .main-logo { display: block; } .dark-mode .site-header.header-fixed.showed .site-logo .logo-sticky { display: none; } .dark-mode .site-header.header-fixed.showed:not(.mobile-header) .astriol-main-menu li a { color: #fff; } .dark-mode .blog-post-one .feature-image:before { background: rgb(23 23 23); border: 1px solid #2f2f3d; color: white; } .dark-mode .table-responsive { background: rgba(255, 255, 255, .09); color: white; } .dark-mode .table-striped tbody tr:nth-of-type(odd) { background-color: #000; color: white; } .dark-mode .table td, .table th { border-top: 1px solid #3d3d3d; color: white; } .dark-mode .main-logo-footer { display: block; } .dark-mode .logo-sticky { display: none; } .main-logo-footer { display: none; } .logo-sticky { display: block; } .dark-mode .entry-content .entry-title a { color: #fff; } .dark-mode .faq .card .card-header .btn-link { background: rgba(255, 255, 255, .09); color: white; } .dark-mode .faq.style-two .card .card-body { background: rgba(255, 255, 255, .09); color: white; } .dark-mode .faq.style-two .card .card-header .btn-link.collapsed:before { color: white; } .dark-mode .icon-box.style-six .icon-container { background: rgba(255, 255, 255, .09); color: white; } .dark-mode .bg-secondary { background-image: linear-gradient(to right, #1f1f28, #1f1f28, #1f1f28, #1f1f28); } .table thead th { border-bottom: none; } .dark-mode .return-to-top:after { background: rgba(255, 255, 255, .09); color: white; } .dark-mode .image-content-wrapper.style-two p { font-size: 16px; margin-bottom: 40px; color: #FFFFFF7A; } .dark-mode .icon-box .box-content p { color: #FFFFFF7A; } .dark-mode p { color: #FFFFFF7A; } .dark-mode .footer-widgets .footer-menu li a { color: #FFFFFF7A; } .dark-mode .testimonial-three .testi-content { background: rgba(255, 255, 255, .09); color: white; } .dark-mode .testimonial-three .testi-content:before { border-top: 15px solid #1f1f28; color: white; } .dark-mode .faq .card .card-body { padding: 40px; background: #1f1f28; } .dark-mode .faqs { background-image: linear-gradient(45deg, #0000006e 0, #000000 50%, #000000bd 100%), url(../img/header-bg.jpg); } .dark-mode .pricing-table-two { background: rgba(255, 255, 255, .09); border: 1px solid #2f2f3d; } .join-copytading { background-image: linear-gradient(45deg, #0000004d 0, #000000de 50%, #00000047 100%), url(../img/body-bg.jpg); background-attachment: fixed; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cwg-awards { background-image: linear-gradient(45deg, #0000004d 0, #000000de 50%, #00000047 100%), url(../img/awards-bg.jpg); background-attachment: fixed; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .table td, .table th { border: 1px solid #dee2e6 !important; font-size: 18px; font-weight: 600; } #site-navigation{ height: 94px; } .banner{ height: auto; } .banner-content{ .row{ align-items: center; } } .banner-signup{ padding: 25px 50px; color: #333; position: relative; font-family: Poppins, sans-serif; } .banner-signup .close{ width: 40px; height: 40px; border-radius: 30px; background-color: #F02925; cursor: pointer; display: flex; justify-content: center; align-items: center; color: #fff; position: absolute; top: -40px; right: 0; } .banner-signup .title{ font-size: 18px; margin-bottom: 50px; font-family: Poppins, sans-serif; display: flex; flex-direction: column; justify-content: center; align-items: center; } .banner-signup .title .img-responsive{ margin-bottom: 40px; } .banner-signup .title .title2{ font-size: 26px; font-weight: 900; } .banner-signup .el-input__inner{ width: 100%; height: 60px; font-size: 17px; background-color: #F8F8F8; border-radius: 6px; border-color: #B1B1B1; color: #434242; background-color: transparent; font-weight: 600; } .banner-signup .el-input__inner::placeholder{/*Firefox,Chrome,Opera*/ color:#434242; } .banner-signup .el-input__inner:-ms-input-placeholder{/*InternetExplorer10-11*/ color:#434242; } .banner-signup .el-input__inner::-ms-input-placeholder{/*MicrosoftEdge*/ color:#434242; } /* .el-input__inner { border: none; border-bottom: 1px solid; border-radius: 0; border-color: #979797; color: #e4e4e4; background-color: transparent; } */ .banner-signup .el-select .el-input__inner { padding-left: 40px; } i.icondingwei { position: absolute; top: 10px; left: 12px; color: #F02925; font-weight: 600; } .banner-signup .el-input__prefix, .el-input__suffix{ color: #F02925; font-weight: 600; height: 60px; } .banner-signup .el-input--prefix .el-input__inner { padding-left: 40px; } .banner-signup .el-input__prefix{ padding-left: 8px; top: 2px; } .banner-signup .el-select{ width: 100%; } .banner-signup .el-col{ padding: 0; } .banner-signup .getCode{ display: inline-block; width: 100%; line-height: 60px; text-align: center; background-color: #191B28; border: 1px solid #e4e4e4; cursor: pointer; color: #e4e4e4; border-radius: 6px; font-size: 17px; padding: 0 !important; } .banner-signup .agree .el-form-item__content{ line-height: 1.5; } .banner-signup input{ margin-bottom: 0; } .banner-signup .el-form-item{ margin-bottom: 30px; } .pwd { text-align: left; padding-left: 20px; margin: 0; margin-left: 10px; font-size: 15px; } .pwd li { list-style-type: disc; /*height: 20px;*/ line-height: 20px; color: #979797; } .pwd .fit { color: #EC1920; } .banner-signup .agree{ font-size: 16px; color: #434242; } .banner-signup .agree_title{ word-break: keep-all; } .banner-signup .el-checkbox__inner::after{ height: 10px; left: 7px; position: absolute; top: 2px; } .banner-signup .el-checkbox__inner{ width: 20px; height: 20px; } .banner-signup .el-checkbox__input.is-checked .el-checkbox__inner{ background-color: #EC1920; border-color: #EC1920; } .banner-signup .el-checkbox__inner:hover { border-color: #EC1920; } .banner-signup .el-checkbox__input.is-focus .el-checkbox__inner{ border-color: #EC1920; } .banner-signup .sign-btn.btn-gradient{ width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; word-break: break-word; padding-left: 0px !important; padding-right: 0px !important; } .banner-signup-btnBox{ display: flex; } @media screen and (max-width: 768px) { #active1{ position: relative; } .mobile-header .main-nav-container{ width: 100%; } .image-content { padding: 0; } h1{ font-size: 35px; } .image-content-wrapper.style-three .title{ font-size: 35px; } .banner-signup { padding: 25px 0; word-break: break-word; margin-top: 20px; } .banner-signup .text-primary.fw-bolder{ font-size: 25px; } .banner-signup .title .title2 { font-size: 20px; } .pwd { word-break: break-word; } .Scriptcontent{ margin-bottom: 50px; } .banner-signup-btnBox{ display: flex; flex-wrap: wrap; } .banner-signup .sign-btn{ margin-left: 0 !important; margin-right: 0 !important; } }