@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@300;400;500;600;700;900&display=swap";
.scroll-down-wrap {
transition: opacity 0.4s ease;
-webkit-transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
}
.scroll-down-wrap, .scroll-down-wrap.no-border {
position: absolute;
bottom: 20px;
left: 50%;
width: 60px;
margin-left: -30px;
z-index: 101;
}
.scroll-down-wrap.no-border, .scroll-down-wrap.no-border {
bottom: 12px;
}
.scroll-down-wrap.no-border .section-down-arrow {
display: inline-block;
width: 49px;
height: 49px;
color: #fff !important;
border: 2px solid #fff;
text-align: center;
line-height: 0px;
border-radius: 100px;
font-size: 25px;
-webkit-border-radius: 100px;
transition: opacity 0.4s ease;
-webkit-transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
overflow: hidden;
margin-left: 0px;
left: 0;
bottom: 16px;
opacity: 0.6;
}
.scroll-down-wrap.no-border .section-down-arrow, .slider-down-arrow.no-border {
border: none !important;
overflow: visible;
text-align:center;
opacity: 1;
height: auto;
bottom: 13px;
-webkit-animation: nudgeMouse 2.4s cubic-bezier(0.250,0.460,0.450,0.940) infinite;
animation: nudgeMouse 2.4s cubic-bezier(0.250,0.460,0.450,0.940) infinite;
}
.nectar-scroll-icon-path {
fill: transparent;
stroke-width: 3px;
stroke-dashoffset: 120;
stroke-dasharray: 120;
-webkit-animation: mouse-scroll-btn-roll-out .55s cubic-bezier(.5,.1,.07,1);
animation: mouse-scroll-btn-roll-out .55s cubic-bezier(.5,.1,.07,1);
}
.nectar-scroll-icon {
width: 30px;
height: 45px;
text-align: center;
cursor: pointer;
position: relative;
z-index: 100;
}
.scroll-down-wrap.no-border .section-down-arrow:after, .slider-down-arrow.no-border:after {
content: "";
position: absolute;
top: 0;
left: 50%;
display: block;
width: 30px;
height: 45px;
margin-left: -15px;
border: 2px solid rgb(255, 255, 255);
border-radius: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 62;
}
.scroll-down-wrap.no-border:hover .section-down-arrow:before, .slider-down-arrow.no-border:hover:before {
background-color: rgb(31, 72, 151);
}
.scroll-down-wrap.no-border:hover .nectar-scroll-icon-path, .slider-down-arrow.no-border:hover .nectar-scroll-icon-path {
stroke-dashoffset: 0;
-webkit-animation: mouse-scroll-btn-roll-over .55s cubic-bezier(.5,.1,.07,1);
animation: mouse-scroll-btn-roll-over .55s cubic-bezier(.5,.1,.07,1)
}
@-webkit-keyframes mouse-scroll-btn-roll-over {
0% {
stroke-dashoffset: 120
}
100% {
stroke-dashoffset: 0
}
}
@keyframes mouse-scroll-btn-roll-over {
0% {
stroke-dashoffset: 120
}
100% {
stroke-dashoffset: 0
}
}
@-webkit-keyframes mouse-scroll-btn-roll-out {
0% {
stroke-dashoffset: 0
}
100% {
stroke-dashoffset: -120
}
}
@keyframes mouse-scroll-btn-roll-out {
0% {
stroke-dashoffset: 0
}
100% {
stroke-dashoffset: -120
}
}
.scroll-down-wrap.no-border .section-down-arrow:before, .slider-down-arrow.no-border:before {
position: absolute;
content: '';
display: block;
left: 50%;
margin-left: -1px;
top: 22px;
background-color: rgb(255, 255, 255);
width: 2px;
height: 6px;
border-radius: 10px;
transition: background-color .55s cubic-bezier(.5,.1,.07,1);
-webkit-animation: trackBallSlide 2.4s cubic-bezier(0.000,0.000,0.725,1.000) infinite;
animation: trackBallSlide 2.4s cubic-bezier(0.000,0.000,0.725,1.000) infinite;
}
@-webkit-keyframes trackBallSlide {
0% {
opacity: 1;
-webkit-transform: scaleY(1) translateY(-10px);
transform: scaleY(1) translateY(-10px);
}
45% {
opacity: 0;
-webkit-transform: scaleY(0.5) translateY(13px);
transform: scaleY(0.5) translateY(13px);
}
46% {
opacity: 0;
-webkit-transform: scaleY(1) translateY(-10px);
transform: scaleY(1) translateY(-10px);
}
65%,100% {
opacity: 1;
-webkit-transform: scaleY(1) translateY(-10px);
transform: scaleY(1) translateY(-10px);
}
}
@keyframes trackBallSlide {
0% {
opacity: 1;
-webkit-transform: scaleY(1) translateY(-10px);
transform: scaleY(1) translateY(-10px);
}
45% {
opacity: 0;
-webkit-transform: scaleY(0.5) translateY(13px);
transform: scaleY(0.5) translateY(13px);
}
46% {
opacity: 0;
-webkit-transform: scaleY(1) translateY(-10px);
transform: scaleY(1) translateY(-10px);
}
65%,100% {
opacity: 1;
-webkit-transform: scaleY(1) translateY(-10px);
transform: scaleY(1) translateY(-10px);
}
}
@keyframes nudgeMouse {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
45% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
65%,100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes nudgeMouse {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
45% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
65%,100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.scroll-down-wrap.no-border:hover .nectar-scroll-icon-path, .slider-down-arrow.no-border:hover .nectar-scroll-icon-path {
stroke-dashoffset: 0;
-webkit-animation: mouse-scroll-btn-roll-over .55s cubic-bezier(.5,.1,.07,1);
animation: mouse-scroll-btn-roll-over .55s cubic-bezier(.5,.1,.07,1);
}
a {
text-decoration: none
}
a:hover, a:focus {
text-decoration: none
}
.row.m0 {
margin: 0
}
.p0 {
padding: 0
}
i:before {
margin-left: 0 !important
}
body {
font: 400 15px/28px "Poppins",sans-serif;
letter-spacing: 0;
color: #677294;
padding: 0;
overflow-x: hidden;
z-index: 0
}
.body_wrapper {
z-index: 20;
overflow: hidden
}
a, .btn, button {
text-decoration: none;
outline: none
}
a:hover, a:focus, .btn:hover, .btn:focus, button:hover, button:focus {
text-decoration: none;
outline: none
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
outline: none;
box-shadow: none
}
.seo_sec_title h2 {
font-size: 40px;
font-weight: 600;
line-height: 48px;
color: #263b5e;
margin-bottom: 15px
}
.seo_sec_title p {
font-size: 16px;
font-weight: 300;
color: #6a7695;
margin-bottom: 0
}
@media(min-width:1250px) {
.container {
max-width: 1200px
}
}
@media(max-width:767px) {
.container {
max-width: 100%
}
}
.container.custom_container {
max-width: 1520px
}
.f_size_50 {
font-size: 50px
}
.f_size_40 {
font-size: 40px
}
.f_size_30 {
font-size: 30px
}
.f_size_28 {
font-size: 28px
}
.f_size_22 {
font-size: 22px
}
.f_size_24 {
font-size: 24px
}
.f_size_20 {
font-size: 20px
}
.f_size_18 {
font-size: 18px
}
.f_size_16 {
font-size: 16px
}
.f_size_15 {
font-size: 15px
}
.l_height60 {
line-height: 60px
}
.l_height50 {
line-height: 50px
}
.l_height45 {
line-height: 45px
}
.l_height40 {
line-height: 40px
}
.l_height30 {
line-height: 30px
}
.l_height34 {
line-height: 34px
}
.l_height28 {
line-height: 28px
}
.f_p {
font-family: poppins,sans-serif
}
.f_300 {
font-weight: 300
}
.f_400 {
font-weight: 400
}
.f_500 {
font-weight: 500
}
.f_600 {
font-weight: 600
}
.f_700 {
font-weight: 700
}
.f_900 {
font-weight: 900
}
.t_color {
color: #051441
}
.w_color {
color: #fff
}
.t_color2 {
color: #3f4451
}
.t_color3 {
color: #222d39
}
.d_p_color {
color: #bdbed6
}
.bg_color {
background: #fbfbfd
}
.dk_bg_one {
background: #090a21
}
.dk_bg_two {
background: #0f1029
}
.seo_title_color {
color: #263b5e
}
.mt_60 {
margin-top: 60px
}
.mt_30 {
margin-top: 30px
}
.mt_40 {
margin-top: 40px
}
.mt_70 {
margin-top: 70px
}
.mt_75 {
margin-top: 75px
}
.mt_100 {
margin-top: 100px
}
.mt_130 {
margin-top: 130px
}
.mb_70 {
margin-bottom: 70px
}
.mb_20 {
margin-bottom: 20px
}
.mb_15 {
margin-bottom: 15px
}
.mb_30 {
margin-bottom: -30px
}
.mb-30 {
margin-bottom: 30px
}
.mb_40 {
margin-bottom: 40px
}
.mb_50 {
margin-bottom: 50px
}
.mb-50 {
margin-bottom: -50px
}
.mb_60 {
margin-bottom: 60px
}
.mb_90 {
margin-bottom: 90px
}
.pl_20 {
padding-left: 20px
}
.pl-30 {
padding-left: 30px
}
.pl_40 {
padding-left: 40px
}
.pl_50 {
padding-left: 50px
}
.pl_100 {
padding-left: 100px
}
.pl_70 {
padding-left: 70px
}
.pl_120 {
padding-left: 120px
}
.pr_100 {
padding-right: 100px
}
.pr_120 {
padding-right: 120px
}
.pr_70 {
padding-right: 70px
}
.pr_50 {
padding-right: 50px
}
.pr_20 {
padding-right: 20px
}
.pt_150 {
padding-top: 150px
}
.pt_120 {
padding-top: 40px
}
.sec_pad {
padding: 120px 0
}
.btn_hover {
overflow: hidden;
display: inline-block;
font-weight: 500;
font-size: 14px;
font-family: poppins,sans-serif;
z-index: 1;
cursor: pointer;
transition: all .3s linear
}
.btn_hover:hover {
color: #fff
}
.btn_get {
font: 500 14px/47px "Poppins",sans-serif;
color: #6754e2;
border: 2px solid #ccc5fa;
border-radius: 4px;
box-shadow: 0 20px 24px 0 rgba(0,11,40,.1);
padding: 0 23px;
transform: perspective(1px) translateZ(0);
transition-property: color;
transition: all .3s ease;
min-width: 120px;
text-align: center
}
.btn_get:hover {
color: #fff;
background: #6754e2;
border-color: #6754e2;
box-shadow: none
}
.btn_get_two {
box-shadow: none;
background: #5e2ced;
border-color: #5e2ced;
color: #fff
}
.btn_get_two:hover {
background: 0 0;
color: #5e2ced
}
.price_btn {
font: 500 15px/53px "Poppins",sans-serif;
color: #6754e2;
border-width: 1px;
border-style: solid;
border-radius: 4px;
padding: 0 25px;
display: inline-block;
transition: background .2s linear
}
.price_btn:hover {
color: #fff
}
.slider_btn {
font: 500 14px/20px "Poppins",sans-serif;
border-radius: 45px;
padding: 15px 35px;
background: #fff
}
.slider_btn:hover {
color: #fff
}
.btn_three {
font: 500 14px poppins,sans-serif;
color: #fff;
background: #7444fd;
border-radius: 3px;
padding: 15px 30px;
border: 1px solid #7444fd;
margin-top: 50px;
transition: all .3s linear;
cursor: pointer;
display: inline-block
}
.btn_three:hover {
color: #7444fd;
background: 0 0
}
.agency_banner_btn {
font: 500 14px poppins,sans-serif;
color: #fff;
background: #5e2ced;
box-shadow: 0 20px 30px 0 rgba(12,0,46,.1);
border-radius: 3px;
padding: 16px 38px;
border: 1px solid #5e2ced;
transition: all .2s linear;
cursor: pointer
}
.agency_banner_btn:hover {
color: #5e2ced;
box-shadow: none;
background: 0 0
}
.agency_banner_btn_two {
font: 500 14px poppins,sans-serif;
color: #222d39;
position: relative;
margin-left: 50px;
transition: color .2s linear
}
.agency_banner_btn_two:before {
content: "";
width: 100%;
height: 1px;
background: #60656d;
position: absolute;
bottom: 0;
left: 0;
transition: background .2s linear
}
.agency_banner_btn_two:hover {
color: #5e2ced
}
.agency_banner_btn_two:hover:before {
background: #5e2ced
}
.software_banner_btn {
font: 500 14px poppins,sans-serif;
color: #fff;
background: #1f4897;
box-shadow: 0 20px 30px 0 rgba(12,0,46,.1);
display: inline-block;
padding: 16px 42px;
border-radius: 45px;
border: 0;
transition: all .2s linear
}
.software_banner_btn:hover {
color: #1f4897;
background: #fff
}
.video_btn {
font: 500 14px poppins,sans-serif;
color: #fff;
margin-left: 30px
}
.video_btn .icon {
width: 44px;
height: 44px;
border-radius: 50%;
background: #fff;
display: inline-block;
color: #1f4897;
text-align: center;
line-height: 46px;
font-size: 18px;
margin-right: 18px;
vertical-align: middle;
box-shadow: 0 0 0 5px rgba(255,255,255,.19)
}
.video_btn span {
display: inline-block;
position: relative
}
.video_btn span:before {
content: "";
width: 100%;
height: 1px;
position: absolute;
bottom: 0;
background: #fff
}
.video_btn:hover {
color: #fff
}
.btn_four {
font: 500 14px poppins,sans-serif;
padding: 16px 40px;
border-radius: 45px;
color: #fff;
border: 1px solid #1f4897;
background: #1f4897;
cursor: pointer
}
.btn_four:hover {
color: #1f4897;
background: 0 0
}
.saas_banner_btn {
padding: 16px 40px;
background: #3d57f4;
border-radius: 4px;
color: #fff
}
.saas_banner_btn:hover {
color: #3d57f4;
background: #fff
}
.btn_five {
border: 1px solid #fff;
color: #fff;
border-radius: 3px;
padding: 12px 28px
}
.btn_five:hover {
background: #3d57f4;
border-color: #3d57f4
}
.app_btn {
box-shadow: 0 20px 30px 0 rgba(12,0,46,.1);
background-color: #4069eb;
display: inline-block;
padding: 14px 40px;
color: #fff;
border-radius: 45px;
border: 1px solid #4069eb
}
.app_btn:hover {
color: #4069eb;
background: #fbfbfd;
box-shadow: none
}
.gr_btn {
font: 500 14px poppins,sans-serif;
color: #23b1fe;
display: inline-block;
padding: 15px 31px;
position: relative;
min-width: 140px;
border-radius: 4px;
background-image: linear-gradient(-48deg,rgb(35,126,253) 0%,rgb(36,176,254) 46%,rgb(36,226,255) 100%);
z-index: 1;
transition: color .2s linear
}
.gr_btn:before {
content: "";
position: absolute;
top: 1px;
left: 50%;
width: calc(100% - 2px);
bottom: 1px;
border-radius: 4px;
background: #fff;
z-index: 0;
transition: opacity .2s linear;
transform: translatex(-50%)
}
.gr_btn .text {
position: relative;
z-index: 1
}
.gr_btn:hover {
color: #fff
}
.gr_btn:hover:before {
opacity: 0
}
.btn_six {
font-size: 15px;
border: 1px solid #17c7bd;
padding: 13px 35px;
transition: all .3s linear;
display: inline-block
}
.btn_six + .btn_six {
background: #ebfaf9;
color: #17c7bd;
margin-left: 20px
}
.btn_six + .btn_six i {
padding-right: 5px
}
.btn_six + .btn_six:hover {
background: #17c7bd;
color: #fff
}
.seo_btn {
display: inline-block;
padding: 11px 40px;
border-radius: 4px
}
.seo_btn_one {
color: #5e2ced;
background: #e8e1fc
}
.seo_btn_one:hover {
background: #5e2ced;
color: #fff
}
.seo_btn_two {
color: #00c99c;
background: #d4f6ee
}
.seo_btn_two:hover {
background: #00c99c;
color: #fff
}
.btn_1 {
border: 1px solid #5e2ced;
border-radius: 25px;
display: inline-block;
padding: 10px 40px;
background: #5e2ced;
color: #fff;
font-size: 16px;
font-family: poppins,sans-serif;
font-weight: 500;
transition: .5s;
box-shadow: 0 20px 50px 0 rgba(123,78,245,.3)
}
.btn_1:hover {
color: #fff;
box-shadow: none
}
.play_btn {
z-index: 1;
width: 111px;
height: 111px;
line-height: 111px;
text-align: center;
position: relative;
display: inline-block
}
.play_btn:before {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
position: absolute;
border-radius: 100%;
border: 1px dashed #d1d0cf;
animation: spinner 7s infinite linear
}
.play_btn span {
top: 50%;
left: 50%;
width: 70px;
height: 70px;
color: #fff;
font-size: 40px;
line-height: 74px;
position: absolute;
border-radius: 100%;
transform: translate(-50%,-50%);
box-shadow: 1.392px 9.903px 10px 0 rgba(66,97,234,.21);
background-image: linear-gradient(90deg,#2a3bd8 0%,#5075ef 100%)
}
@keyframes spinner {
to {
transform: rotateZ(360deg)
}
}
.ctn-preloader {
align-items: center;
cursor: default;
display: flex;
height: 100%;
justify-content: center;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 9000
}
.ctn-preloader .animation-preloader {
z-index: 1000
}
.ctn-preloader .animation-preloader .spinner {
animation: spinner 1s infinite linear;
border-radius: 50%;
border: 3px solid rgba(0,0,0,.2);
border-top-color: #000;
height: 9em;
margin: 0 auto 3.5em;
width: 9em
}
.ctn-preloader .animation-preloader .txt-loading {
font: 700 5em poppins,sans-serif;
text-align: center;
user-select: none
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading {
color: rgba(0,0,0,.2);
position: relative
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:before {
animation: letters-loading 4s infinite;
color: #000;
content: attr(data-text-preloader);
left: 0;
opacity: 0;
font-family: poppins,sans-serif;
position: absolute;
top: -3px;
transform: rotateY(-90deg)
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
animation-delay: .2s
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
animation-delay: .4s
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
animation-delay: .6s
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
animation-delay: .8s
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
animation-delay: 1s
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
animation-delay: 1.2s
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
animation-delay: 1.4s
}
.ctn-preloader.dark .animation-preloader .spinner {
border-color: rgba(255,255,255,.2);
border-top-color: #fff
}
.ctn-preloader.dark .animation-preloader .txt-loading .letters-loading {
color: rgba(255,255,255,.2)
}
.ctn-preloader.dark .animation-preloader .txt-loading .letters-loading:before {
color: #fff
}
.ctn-preloader p {
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 8px;
color: #3b3b3b
}
.ctn-preloader .loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 0;
z-index: 1;
pointer-events: none
}
.ctn-preloader .loader .row {
height: 100%
}
.ctn-preloader .loader .loader-section {
padding: 0
}
.ctn-preloader .loader .loader-section .bg {
background-color: #fff;
height: 100%;
left: 0;
width: 100%;
transition: all 800ms cubic-bezier(.77,0,.175,1)
}
.ctn-preloader .loader.dark_bg .loader-section .bg {
background: #111339
}
.ctn-preloader.loaded .animation-preloader {
opacity: 0;
transition: .3s ease-out
}
.ctn-preloader.loaded .loader-section .bg {
width: 0;
transition: .7s .3s allcubic-bezier(.1,.1,.1,1)
}
@keyframes spinner {
to {
transform: rotateZ(360deg)
}
}
@keyframes letters-loading {
0%,75%,100% {
opacity: 0;
transform: rotateY(-90deg)
}
25%,50% {
opacity: 1;
transform: rotateY(0deg)
}
}
@media screen and (max-width:767px) {
.ctn-preloader .animation-preloader .spinner {
height: 8em;
width: 8em
}
.ctn-preloader .animation-preloader .txt-loading {
font: 700 3.5em poppins,sans-serif
}
}
@media screen and (max-width:500px) {
.ctn-preloader .animation-preloader .spinner {
height: 7em;
width: 7em
}
.ctn-preloader .animation-preloader .txt-loading {
font: 700 2em poppins,sans-serif
}
}
.header_area {
position: fixed;
width: 100%;
left: 0;
z-index: 20;
top: 0
}
.menu_one {
padding: 0
}
.menu_one .btn_get {
margin-left: 40px
}
.menu_one .btn_1 {
padding: 10px 40px;
margin-left: 40px
}
.sticky_logo img + img {
display: none
}
@media(min-width:992px) {
.mobile_btn {
visibility: hidden;
display: none
}
}
.menu > .nav-item {
position: relative;
padding-bottom: 35px;
padding-top: 35px
}
.menu > .nav-item > .nav-link {
font: 500 15px poppins,sans-serif;
color: #051441;
padding: 0;
transition: color .3s ease 0s;
position: relative
}
.menu > .nav-item > .nav-link:before {
content: "";
width: 0;
height: 1px;
background: #6754e2;
position: absolute;
bottom: 0;
left: auto;
right: 0;
transition: all .2s linear
}
.menu > .nav-item > .nav-link:after {
display: none
}
.menu > .nav-item.submenu .dropdown-menu {
margin: 0;
border: 0;
margin: 0;
border-radius: 0;
left: -40px;
min-width: 200px;
padding: 0;
background: #fff;
box-shadow: -1px 2px 19px 3px rgba(14,0,40,.05)
}
@media(min-width:992px) {
.menu > .nav-item.submenu .dropdown-menu {
transform: translateY(20px);
transition: all .3s ease-in;
opacity: 0;
pointer-events: none;
top: 100%;
display: block
}
}
.menu > .nav-item.submenu .dropdown-menu .nav-item {
display: block;
width: 100%;
margin-right: 0;
padding: 0 40px;
position: relative
}
.menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link {
padding: 0;
white-space: nowrap;
font: 400 14px/34px "Poppins",sans-serif;
color: #051441;
transition: color .2s linear
}
.menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link:after {
display: none
}
.menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link span.arrow_carrot-right {
right: 20px;
position: absolute;
line-height: 30px;
font-size: 18px
}
.menu > .nav-item.submenu .dropdown-menu .nav-item:first-child {
padding-top: 25px
}
@media(min-width:992px) {
.menu > .nav-item.submenu .dropdown-menu .nav-item:first-child > .dropdown-menu {
top: 0
}
}
.menu > .nav-item.submenu .dropdown-menu .nav-item:last-child {
padding-bottom: 30px;
margin-bottom: -8px
}
.menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu {
transition: transform .3s ease-in;
padding: 0
}
.menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu:before {
display: none
}
@media(min-width:992px) {
.menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu {
position: absolute;
left: 100%;
top: -25px;
opacity: 0;
display: block;
pointer-events: none;
transform: translateY(20px);
transition: all .3s ease-in
}
}
.menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item {
padding: 0
}
.menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu {
left: 0;
position: relative;
transform: translateY(0)
}
.menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item {
padding: 20px 45px;
border: 1px solid transparent;
transition: all .15s linear
}
.menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item .nav-link .navdropdown_link {
display: flex
}
.menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item .nav-link .navdropdown_link .navdropdown_icon {
margin-right: 25px
}
.menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item .nav-link .navdropdown_link .navdropdown_icon img {
max-width: 30px
}
.menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item .nav-link .navdropdown_link .navdropdown_content h5 {
font: 500 16px poppins,sans-serif;
color: #13112d;
margin-bottom: 0
}
.menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item .nav-link .navdropdown_link .navdropdown_content p {
margin-bottom: 0;
padding-top: 5px;
font-size: 15px;
line-height: 20px;
color: #677294
}
.menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item.nav_download_btn {
border-top-color: #f2f0f7;
padding: 15px 45px
}
.menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item.nav_download_btn .nav-link .navdropdown_link {
align-items: center;
justify-content: center
}
.menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item.nav_download_btn .nav-link .navdropdown_link .navdropdown_icon {
margin-right: 10px
}
.menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item:hover {
transform: scale(1.05);
border-color: #f2f0f7;
background-color: #fff;
box-shadow: 0 20px 30px 0 rgba(12,0,46,.1),0 -1px 0 0 rgba(243,241,248,.004)
}
.menu > .nav-item.submenu.mega_menu {
position: static
}
.menu > .nav-item.submenu.mega_menu .mega_menu_inner {
min-width: 200px;
list-style: none;
position: absolute;
box-shadow: -1px 2px 19px 3px rgba(14,0,40,.05);
left: 0;
right: 0;
transition: all 300ms linear 0s;
background: #fff
}
@media(min-width:992px) {
.menu > .nav-item.submenu.mega_menu .mega_menu_inner {
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
top: 100%;
opacity: 0;
pointer-events: none;
display: block
}
}
.menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu {
position: relative;
max-width: 1170px;
margin: 0 auto;
left: 0;
background: 0 0;
box-shadow: none;
padding: 0
}
@media(min-width:992px) {
.menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu {
display: flex;
flex-wrap: wrap
}
}
.menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item {
padding-top: 40px;
padding-bottom: 40px;
margin-bottom: 0;
width: 25%
}
.menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item > .nav-link {
font: 500 18px poppins,sans-serif;
color: #13112d
}
.menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item .dropdown-menu {
left: 0;
position: relative;
transform: translateY(0);
box-shadow: none;
padding: 0;
background: 0 0;
top: 0
}
.menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item .dropdown-menu > .nav-item {
padding-left: 0;
padding-right: 0;
white-space: normal
}
.menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item .dropdown-menu > .nav-item:first-child {
padding-top: 20px
}
.menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item .dropdown-menu > .nav-item:last-child {
padding-bottom: 0;
margin-bottom: 0
}
.menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item:hover > .nav-link {
color: inherit !important
}
.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu {
left: 0
}
@media(min-width:992px) {
.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu {
padding: 20px 0
}
}
.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .mCSB_scrollTools {
width: 0
}
.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .mCSB_container {
margin: 0;
display: flex;
flex-wrap: wrap
}
.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .mCustomScrollBox {
width: 100%
}
.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item {
padding: 0;
margin-bottom: 0;
width: 100%
}
.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .dropdown-menu {
left: 0;
display: flex;
flex-wrap: wrap;
margin-left: -20px;
max-height: calc(100vh - 120px)
}
.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .dropdown-menu .nav-item {
width: 25%;
padding: 15px 20px;
margin-bottom: 0
}
.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item {
text-align: center
}
.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .rebon_tap {
font: 500 12px poppins,sans-serif;
color: #fff;
background: red;
display: block;
position: absolute;
top: -7px;
left: -25px;
padding: 15px 22px 5px;
text-transform: uppercase;
transform: rotate(-45deg)
}
.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .img {
box-shadow: 0 4px 8px 0 rgba(12,0,46,.06);
position: relative;
margin-top: 0;
display: block;
overflow: hidden
}
.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .img:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
background: #13112d;
left: 0;
top: 0;
opacity: 0;
transition: opacity .3s linear
}
.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .img img {
width: 100%;
max-width: 100%
}
.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .img.box_none {
box-shadow: none
}
.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .text {
font: 500 16px/22px "Poppins",sans-serif;
color: #13112d;
display: block;
margin-top: 20px
}
.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item:hover .img:before {
opacity: .5
}
@media(min-width:992px) {
.menu > .nav-item.submenu.mega_menu:hover .dropdown-menu > .nav-item > .dropdown-menu {
opacity: 1;
pointer-events: all
}
.menu > .nav-item.submenu.mega_menu:hover .mega_menu_inner {
transform: translateY(0);
opacity: 1;
pointer-events: all
}
}
.menu > .nav-item:nth-last-child(-n+2).submenu .dropdown-menu {
left: auto;
right: 0
}
.menu > .nav-item:nth-last-child(-n+2).submenu .dropdown-menu .nav-item > .dropdown-menu {
left: auto;
right: 100%
}
.menu > .nav-item:nth-last-child(-n+2).submenu.mega_menu .dropdown-menu {
left: 0;
right: auto
}
.menu > .nav-item:nth-last-child(-n+2).submenu.mega_menu .dropdown-menu .nav-item > .dropdown-menu {
left: 0;
right: auto
}
.menu > .nav-item + .nav-item {
margin-left: 45px
}
.menu > .nav-item.active .nav-link:before {
width: 100%;
left: 0;
right: auto
}
.menu > .nav-item:hover .nav-link:before {
width: 100%;
left: 0;
right: auto
}
@media(min-width:992px) {
.menu > .nav-item:hover .dropdown-menu {
opacity: 1;
transform: translateY(0);
pointer-events: all
}
.menu > .nav-item:hover .dropdown-menu.mega_menu_three .nav-item .dropdown-menu {
opacity: 1;
pointer-events: all
}
}
@media(min-width:992px) and (min-width:992px) {
.menu > .nav-item:hover .dropdown-menu > .nav-item:hover .dropdown-menu {
transform: scaleY(1);
opacity: 1;
pointer-events: all
}
}
.navbar .search_cart .search a, .navbar .search_cart .shpping-cart a {
font-size: 18px;
line-height: 18px;
color: #282835;
margin-left: 16px
}
.navbar .search_cart.w_menu .search a, .navbar .search_cart.w_menu .shpping-cart a {
color: #fff
}
.navbar .search_cart.w_menu .search a.nav-link {
margin-left: 0
}
.navbar .search_cart.w_menu .search a.nav-link:before {
display: none
}
.navbar .search_cart .search {
display: inline-block
}
.navbar .search_cart .search a.nav-link {
font-size: 16px;
line-height: 20px;
position: relative;
margin-left: 32px
}
.navbar .search_cart .search a.nav-link:before {
width: 1px !important;
height: 12px;
left: -14px;
top: 3px;
background: #13112d
}
.navbar .search_cart .shpping-cart {
display: inline-block;
margin-left: 0;
margin-right: 0
}
.navbar .search_cart .shpping-cart .num {
position: absolute;
width: 16px;
height: 16px;
border-radius: 50%;
background: #6754e2;
color: #fff;
font-size: 11px;
display: block;
position: absolute;
top: -8px;
right: -9px;
line-height: 16px;
text-align: center
}
.navbar .search_cart .shpping-cart .nav-link:before {
display: none
}
.navbar .search_cart .shpping-cart .dropdown-menu {
padding: 0;
min-width: 350px;
width: 100%;
position: absolute
}
.navbar .search_cart .shpping-cart .dropdown-menu li {
background: #fff
}
.navbar .search_cart .shpping-cart .dropdown-menu li:first-child {
padding-bottom: 0
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item {
display: flex;
flex-wrap: wrap;
padding: 30px
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item a {
color: #333;
margin-left: 0
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item .cart-img {
display: block;
width: 30%;
transition: all .3s linear
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item .cart-content {
width: 60%;
padding-left: 15px;
align-self: center
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item .cart-content .cart-title {
font-size: 15px;
font-weight: 500;
line-height: 22px;
font-family: poppins,sans-serif;
margin-bottom: 10px;
transition: color .3s linear
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item .cart-content p {
font-size: 14px;
line-height: 22px;
font-family: poppins,sans-serif;
color: #333;
font-weight: 300;
margin-bottom: 0
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item .cart-content p del {
color: #919191
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item .cart-remove {
width: 10%;
text-align: right;
align-self: center
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item .cart-remove a {
font-size: 14px;
color: #333
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item .cart-remove a:hover {
color: #6754e2
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item:hover .cart-img {
opacity: .5
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item:hover .cart-title a {
color: #6754e2
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart_f {
padding: 25px 30px 30px;
background: #f9f9f9
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart_f .total {
font-size: 14px;
color: #676b75
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart_f .total .p-total {
float: right;
font-size: 20px;
color: #333;
font-weight: 500
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn {
font-size: 14px;
text-transform: capitalize;
border-radius: 4px;
margin: 0;
line-height: 40px;
padding: 0 32px;
background: #6754e2;
border: 1px solid #6754e2;
color: #fff;
transition: all .3s linear
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn:hover {
background: 0 0;
color: #6754e2
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn + .get_btn {
margin-left: 10px;
background: 0 0;
color: #6754e2
}
.navbar .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn + .get_btn:hover {
background: #6754e2;
color: #fff
}
.menu_two {
padding: 0
}
.menu_two .w_menu > .nav-item .nav-link:before {
background: #a5d5f5
}
.menu_two .w_menu > .nav-item.submenu.mega_menu > .dropdown-menu > .nav-item > .nav-link {
color: #13112d
}
.menu_two .menu_toggle .hamburger-cross span, .menu_two .menu_toggle .hamburger span {
background: #fff
}
.w_menu .nav-item .nav-link {
color: #fff
}
.w_menu .nav-item .nav-link:before {
background: #fff
}
#landing_page .w_menu .nav-item .nav-link.active, #landing_page .w_menu .nav-item .nav-link:hover {
color: #fff
}
#landing_page .w_menu .nav-item .nav-link.active:before, #landing_page .w_menu .nav-item .nav-link:hover:before {
background: #fff;
width: 100%;
right: auto;
left: 0
}
.nav_right_btn .login_btn {
font: 500 15px poppins,sans-serif;
padding: 13px 32px;
min-width: 120px;
display: inline-block;
text-align: center;
color: #fff;
transition: all .2s linear;
border-top-left-radius: 45px;
border-bottom-left-radius: 45px;
border-top-right-radius: 45px;
border: 1px solid transparent
}
.nav_right_btn .login_btn:hover, .nav_right_btn .login_btn.active {
background: #fff;
box-shadow: 0 20px 24px 0 rgba(0,11,40,.1)
}
@media(max-width:991px) {
.nav_right_btn {
display: none
}
}
.menu_four .btn_get {
border-color: #fff;
padding: 0 30px;
background: #fff;
min-width: 120px;
text-align: center
}
.menu_four .btn_get:hover {
background: #5e2ced;
border-color: #5e2ced
}
.menu_four .btn_get_radious {
background: 0 0
}
.menu_four .btn_get_radious:hover {
background: #fff
}
.menu_four .menu_toggle .hamburger span, .menu_four .menu_toggle .hamburger-cross span {
background: #fff
}
.menu_four .event_btn {
border-color: #af8a90;
background: 0 0;
padding: 7px 41px
}
.menu_four .event_btn:hover {
background: #fd475d;
border-color: #fd475d
}
.menu_five {
border-radius: 0
}
.menu_five .menu > .nav-item .nav-link {
color: #fff
}
.menu_five .menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .menu_five .menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .menu_five .menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link {
color: #1f4897
}
.menu_five .menu > .nav-item.submenu.mega_menu > .dropdown-menu > .nav-item > .nav-link {
color: #051441
}
.menu_five .btn_get {
background: 0 0;
color: #fff;
border: 1px solid #fff;
line-height: 44px;
padding: 0 28px;
min-width: 120px;
text-align: center
}
.menu_five .btn_get:hover {
background: #fff;
color: #1f4897;
border-color: #fff
}
.menu_five .menu_toggle .hamburger span, .menu_five .menu_toggle .hamburger-cross span {
background: #fff
}
.menu_six {
padding: 0
}
.menu_six .menu > .nav-item .nav-link {
color: #fff
}
.menu_six .menu > .nav-item:hover .nav-link, .menu_six .menu > .nav-item.active .nav-link {
color: #3d57f4
}
.menu_six .menu > .nav-item:hover .nav-link:before, .menu_six .menu > .nav-item.active .nav-link:before {
background: #3d57f4
}
.menu_six .menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .menu_six .menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .menu_six .menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link {
color: #3d57f4
}
.menu_six .menu > .nav-item.submenu.mega_menu > .dropdown-menu > .nav-item > .nav-link {
color: #051441
}
.menu_six .menu > .nav-item:nth-last-child(-n+2).submenu .dropdown-menu {
left: -40px;
right: auto
}
.menu_six .menu_toggle .hamburger-cross span, .menu_six .menu_toggle .hamburger span {
background: #fff
}
.menu_six .btn_get {
border: 1px solid #fff;
line-height: 43px;
color: #fff
}
.menu_six .btn_get:hover {
background: #3d57f4;
border-color: #3d57f4
}
.menu_seven {
padding: 0
}
.menu_seven .menu .nav-item .nav-link {
color: #fff
}
.menu_seven .menu .nav-item.active .nav-link:before, .menu_seven .menu .nav-item:hover .nav-link:before {
background: #fff
}
.menu_seven .menu .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .menu_seven .menu .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .menu_seven .menu .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link {
color: #4069eb
}
.menu_seven .menu .nav-item.submenu.mega_menu > .dropdown-menu > .nav-item > .nav-link {
color: #051441
}
.menu_seven .menu_toggle .hamburger-cross span, .menu_seven .menu_toggle .hamburger span {
background: #fff
}
.menu_seven .btn_get {
background: 0 0
}
.menu_seven .btn_get:hover {
background: #fff;
color: #4069eb
}
.menu_eight .menu .nav-item.active .nav-link:before, .menu_eight .menu .nav-item:hover .nav-link:before {
background: #fff
}
.menu_eight .menu .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .menu_eight .menu .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .menu_eight .menu .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link {
color: #23b1fe
}
.menu_eight .menu .nav-item.submenu.mega_menu > .dropdown-menu > .nav-item > .nav-link {
color: #051441
}
.menu_eight .saas_btn {
border-radius: 4px;
background-color: #fff;
border: 1px solid #fff;
color: #23b1fe
}
.menu_eight .saas_btn.erp_btn_two {
border-radius: 45px;
color: #4e78f4
}
.menu_eight .menu_toggle .hamburger-cross span, .menu_eight .menu_toggle .hamburger span {
background: #fff
}
.menu_nine .menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .menu_nine .menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .menu_nine .menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link {
color: #5f51fb
}
.menu_nine .menu_toggle .hamburger-cross span, .menu_nine .menu_toggle .hamburger span {
background: #fff
}
.menu_nine .btn_get {
border-radius: 45px;
line-height: 40px;
font-size: 15px;
margin-left: 35px
}
.btn_get_radious {
border-radius: 45px;
border-width: 1px;
color: #fff;
background: #fff;
box-shadow: none;
padding: 0 28px;
line-height: 45px
}
.btn_get_radious:before {
background: #5846ed
}
.btn_get_radious:hover {
color: #5846ed
}
.navbar-toggler {
padding: 0;
margin-left: 20px;
border: 0
}
.navbar-toggler:focus {
outline: none;
box-shadow: none
}
.menu_toggle {
width: 22px;
height: 22px;
position: relative;
cursor: pointer;
display: block
}
.menu_toggle .hamburger {
position: absolute;
height: 100%;
width: 100%;
display: block
}
.menu_toggle .hamburger span {
width: 0%;
height: 2px;
position: relative;
top: 0;
left: 0;
margin: 4px 0;
display: block;
background: #1e4796;
border-radius: 3px;
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out
}
.menu_toggle .hamburger span:nth-child(1) {
transition-delay: 0s
}
.menu_toggle .hamburger span:nth-child(2) {
transition-delay: .125s
}
.menu_toggle .hamburger span:nth-child(3) {
transition-delay: .2s
}
.menu_toggle .hamburger-cross {
position: absolute;
height: 100%;
width: 100%;
transform: rotate(45deg);
display: block
}
.menu_toggle .hamburger-cross span {
display: block;
background: #5e2ced;
border-radius: 3px;
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out
}
.menu_toggle .hamburger-cross span:nth-child(1) {
height: 100%;
width: 2px;
position: absolute;
top: 0;
left: 10px;
transition-delay: .3s
}
.menu_toggle .hamburger-cross span:nth-child(2) {
width: 100%;
height: 2px;
position: absolute;
left: 0;
top: 10px;
transition-delay: .4s
}
.collapsed .menu_toggle .hamburger span {
width: 100%
}
.collapsed .menu_toggle .hamburger span:nth-child(1) {
transition-delay: .3s
}
.collapsed .menu_toggle .hamburger span:nth-child(2) {
transition-delay: .4s
}
.collapsed .menu_toggle .hamburger span:nth-child(3) {
transition-delay: .5s
}
.collapsed .menu_toggle .hamburger-cross span:nth-child(1) {
height: 0%;
transition-delay: 0s
}
.collapsed .menu_toggle .hamburger-cross span:nth-child(2) {
width: 0%;
transition-delay: .2s
}
.header_area_two + section, .header_area_three + section {
margin-top: 93px
}
.h_dark {
background: #13112d
}
.header_area_three {
background-color: #fff;
box-shadow: 0 2px 4px 0 rgba(12,0,46,.1)
}
.header_area_three .menu_four .pl_30 {
padding-left: 30px
}
.header_area_three .menu_four .btn_get {
border-color: #5e2ced;
background: #5e2ced;
color: #fff
}
.header_area_three .menu_four .btn_get:hover {
background: 0 0;
color: #5e2ced
}
.header_area_three.navbar_fixed .menu_four .btn_get {
border-color: #5e2ced !important
}
.header_area_four .header_top {
background: #13112d
}
.header_area_four .header_top a {
transition: color .3s linear
}
.header_area_four .header_top a:hover {
color: #5e2ced
}
.header_area_four + section {
margin-top: 144px
}
.header_top {
padding: 12px 0
}
.header_contact_info {
margin-bottom: 0
}
.header_contact_info li {
display: inline-block;
font-size: 14px;
font-family: poppins,sans-serif;
font-weight: 400;
color: #fff;
text-transform: capitalize
}
.header_contact_info li:before {
content: "";
width: 1px;
height: 12px;
top: 1px;
background: #5e5d76;
display: inline-block;
position: relative;
margin: 0 22px 0 20px
}
.header_contact_info li:first-child:before {
display: none
}
.header_contact_info li a {
color: #c3c1da;
font-weight: 300;
padding-left: 5px
}
.header_social_icon {
text-align: right;
margin-bottom: 0
}
.header_social_icon li {
display: inline-block;
margin: 0 0 0 15px
}
.header_social_icon li a {
font-size: 12px;
color: #fff
}
.header_area_five .menu_one {
padding: 0 50px
}
.header_area_six .header_top {
border-bottom: 1px solid #e5ddfc
}
.header_area_six .header_top a:hover {
color: #5e2ced !important
}
.header_area_six .header_top .header_contact_info li {
color: #282835
}
.header_area_six .header_top .header_contact_info li a {
color: #677294
}
.header_area_six .header_top .header_social_icon li a {
color: #282835
}
.header_area_six + section {
margin-top: 144px
}
.header_area_seven .header_top {
background: #5e2ced;
padding: 0
}
.header_area_seven .header_top a {
line-height: 50px;
opacity: .7;
transition: opacity .2s linear
}
.header_area_seven .header_top a:hover {
opacity: 1
}
.header_area_seven .header_top .header_contact_info li i {
vertical-align: middle
}
.header_area_seven .header_top .header_contact_info li a {
color: #fff
}
.header_area_seven .header_top .header_social_icon {
border-left: 1px solid #7444ff;
padding-left: 22px;
margin-left: 40px
}
.header_area_seven .header_top .header_top_menu {
text-align: right;
margin-bottom: 0
}
.header_area_seven .header_top .header_top_menu li {
display: inline-block
}
.header_area_seven .header_top .header_top_menu li:before {
content: "";
width: 1px;
height: 11px;
background: #8e6bf7;
display: inline-block;
vertical-align: middle;
margin: 0 17px 0 15px
}
.header_area_seven .header_top .header_top_menu li a {
font-size: 12px;
font-family: poppins,sans-serif;
font-weight: 300;
color: #fff;
transition: opacity .2s linear
}
.header_area_seven .header_top .header_top_menu li:first-child:before {
display: none
}
.header_area_seven + section {
margin-top: 118px
}
.menu_poss .w_menu.search_cart .search a.nav-link {
margin-left: 32px
}
.header_area {
transition: all .2s linear
}
.header_area.navbar_fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #fff;
box-shadow: 0 4px 6px 0 rgba(12,0,46,.06)
}
.header_area.navbar_fixed .menu_one {
padding: 0;
transition: all .2s linear
}
.header_area.navbar_fixed .menu_one .btn_get {
box-shadow: none
}
.header_area.navbar_fixed .sticky_logo img {
display: none
}
.header_area.navbar_fixed .sticky_logo img + img {
display: block
}
.header_area.navbar_fixed .w_menu .nav-item .nav-link {
color: #051441
}
.header_area.navbar_fixed .w_menu .nav-item .nav-link:before {
background: #051441
}
.header_area.navbar_fixed #landing_page .w_menu .nav-item .nav-link:before {
background: #6754e2
}
.header_area.navbar_fixed #landing_page .w_menu .nav-item .nav-link.active, .header_area.navbar_fixed #landing_page .w_menu .nav-item .nav-link:hover {
color: #6754e2
}
.header_area.navbar_fixed .menu_poss .w_menu .nav-item .nav-link:hover {
color: #5e53fb
}
.header_area.navbar_fixed .menu_poss .w_menu .nav-item .nav-link:hover:before {
background: #5e53fb
}
.header_area.navbar_fixed .menu_poss .w_menu .nav-item.active .nav-link {
color: #5e53fb
}
.header_area.navbar_fixed .menu_poss .w_menu .nav-item.active .nav-link:before {
background: #5e53fb
}
.header_area.navbar_fixed .menu_poss .w_menu.search_cart .search a.nav-link:before {
background: #5e53fb
}
.header_area.navbar_fixed .menu_two .menu_toggle .hamburger-cross span, .header_area.navbar_fixed .menu_two .menu_toggle .hamburger span {
background: #051441
}
.header_area.navbar_fixed .menu_two .nav_right_btn .login_btn.active, .header_area.navbar_fixed .menu_two .nav_right_btn .login_btn:hover {
box-shadow: none
}
.header_area.navbar_fixed .menu_two .nav_right_btn .login_btn.active:hover {
color: #fff
}
.header_area.navbar_fixed .menu_four .btn_get {
border: 2px solid #ccc5fa;
box-shadow: none
}
.header_area.navbar_fixed .menu_four .btn_get:hover {
border-color: #6754e2
}
.header_area.navbar_fixed .menu_four .btn_get_radious {
border-color: #563bd1;
color: #563bd1
}
.header_area.navbar_fixed .menu_four .btn_get_radious:hover {
background: #563bd1;
color: #fff
}
.header_area.navbar_fixed .menu_four .menu_toggle .hamburger span, .header_area.navbar_fixed .menu_four .menu_toggle .hamburger-cross span {
background: #6754e2
}
.header_area.navbar_fixed .menu_four .event_btn {
color: #2c2c51;
border-color: #2c2c51
}
.header_area.navbar_fixed .menu_four .event_btn:hover {
border-color: #fd475d;
color: #fff
}
.header_area.navbar_fixed .nav_right_btn .login_btn {
color: #051441
}
.header_area.navbar_fixed .menu_five .btn_get {
border-color: #1f4897;
color: #1f4897;
display: inline-block
}
.header_area.navbar_fixed .menu_five .btn_get:hover {
background: #1f4897;
color: #fff
}
.header_area.navbar_fixed .menu_five .menu_toggle .hamburger-cross span, .header_area.navbar_fixed .menu_five .menu_toggle .hamburger span {
background: #1f4897
}
.header_area.navbar_fixed .menu_six .menu > .nav-item > .nav-link {
color: #051441
}
.header_area.navbar_fixed .menu_six .menu > .nav-item:hover > .nav-link, .header_area.navbar_fixed .menu_six .menu > .nav-item.active > .nav-link {
color: #3d57f4
}
.header_area.navbar_fixed .menu_six .menu > .nav-item:hover > .nav-link:before, .header_area.navbar_fixed .menu_six .menu > .nav-item.active > .nav-link:before {
background: #3d57f4
}
.header_area.navbar_fixed .menu_six .menu_toggle .hamburger-cross span, .header_area.navbar_fixed .menu_six .menu_toggle .hamburger span {
background: #3d57f4
}
.header_area.navbar_fixed .menu_six .btn_get {
border-color: #3d57f4;
box-shadow: none;
color: #3d57f4
}
.header_area.navbar_fixed .menu_six .btn_get:hover {
color: #fff
}
.header_area.navbar_fixed .menu_seven .menu > .nav-item > .nav-link {
color: #051441
}
.header_area.navbar_fixed .menu_seven .menu > .nav-item:hover > .nav-link, .header_area.navbar_fixed .menu_seven .menu > .nav-item.active > .nav-link {
color: #4069eb
}
.header_area.navbar_fixed .menu_seven .menu > .nav-item:hover > .nav-link:before, .header_area.navbar_fixed .menu_seven .menu > .nav-item.active > .nav-link:before {
background: #4069eb
}
.header_area.navbar_fixed .menu_seven .btn_get {
border-color: #4069eb;
color: #4069eb
}
.header_area.navbar_fixed .menu_seven .btn_get:hover {
background: #4069eb;
color: #fff
}
.header_area.navbar_fixed .menu_seven .menu_toggle .hamburger-cross span, .header_area.navbar_fixed .menu_seven .menu_toggle .hamburger span {
background: #4069eb
}
.header_area.navbar_fixed .menu_eight .saas_btn {
border-color: #23b1fe;
box-shadow: none
}
.header_area.navbar_fixed .menu_eight .saas_btn:hover {
background: #23b1fe;
color: #fff
}
.header_area.navbar_fixed .menu_eight .saas_btn.erp_btn_two {
border-color: #4e78f4
}
.header_area.navbar_fixed .menu_eight .saas_btn.erp_btn_two:hover {
background: #4e78f4
}
.header_area.navbar_fixed .menu_eight .menu_toggle .hamburger span, .header_area.navbar_fixed .menu_eight .menu_toggle .hamburger-cross span {
background: #23b1fe
}
.header_area.navbar_fixed .security_btn {
color: #0e79de
}
.header_area.navbar_fixed .security_btn:hover {
background: #0e79de;
color: #fff
}
.header_area.navbar_fixed .menu_nine .menu > .nav-item:hover > .nav-link, .header_area.navbar_fixed .menu_nine .menu > .nav-item.active > .nav-link {
color: #5f51fb
}
.header_area.navbar_fixed .menu_nine .menu > .nav-item:hover > .nav-link:before, .header_area.navbar_fixed .menu_nine .menu > .nav-item.active > .nav-link:before {
background: #5f51fb
}
.header_area.navbar_fixed .menu_nine .btn_get {
border-color: #5f51fb;
color: #5f51fb
}
.header_area.navbar_fixed .menu_nine .btn_get:hover {
background: #5f51fb;
color: #fff
}
.header_area.navbar_fixed .menu_nine .menu_toggle .hamburger-cross span, .header_area.navbar_fixed .menu_nine .menu_toggle .hamburger span {
background: #5f51fb
}
.header_area.navbar_fixed.header_area_five .menu_one {
padding: 0 50px
}
.header_area.navbar_fixed.header_area_six .header_top {
display: none
}
.security_btn {
margin-top: 0;
font-size: 14px;
border: 2px solid #87bcef;
padding: 7px 39px;
border-radius: 45px;
color: #fff
}
.security_btn:hover {
background: #fff;
color: #0e79de;
border-color: #0e79de
}
.full_header {
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 100;
display: flex;
justify-content: space-between;
align-items: center;
padding: 40px
}
.full_header .logo img {
display: none
}
.full_header .logo img + img {
display: inline-block
}
.full_header .bar_menu {
cursor: pointer
}
.full_header .bar_menu span {
width: 36px;
height: 2px;
background: #fff;
display: block
}
.full_header .bar_menu span:not(:last-child) {
margin-bottom: 7px
}
.full_header .bar_menu span:nth-child(2) {
width: 24px
}
.full_header .bar_menu span:nth-child(3) {
width: 30px
}
.full_header.content-white .logo img {
display: inline-block
}
.full_header.content-white .logo img + img {
display: none
}
.full_header.header_area {
padding: 30px 0
}
.full_header.header_area .logo img {
display: inline-block
}
.full_header.header_area .logo img + img {
display: none
}
.full_header.header_area.navbar_fixed .logo img {
display: none
}
.full_header.header_area.navbar_fixed .logo img + img {
display: inline-block
}
.full_header.header_area.navbar_fixed .bar_menu span {
background: #051441
}
.hamburger-menu-wrepper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 108;
padding: 55px 80px;
transform: scaleY(0);
transition: transform .8s ease .4s;
transform-origin: 0% 100%;
background: rgba(5,20,65,.98)
}
.hamburger-menu-wrepper .nav {
position: relative;
z-index: 108;
transform: translateY(-15px);
opacity: 0;
visibility: hidden;
-o-transition: all ease .3s 0s;
transition: all ease .3s 0s
}
.hamburger-menu-wrepper .nav .nav_logo img {
opacity: 1 !important
}
.hamburger-menu-wrepper .nav .close-menu {
color: #fff
}
.hamburger-menu-wrepper .animation-box {
position: absolute;
top: 5%;
height: 100%;
width: 100%;
left: 0;
transition-timing-function: linear;
transition-duration: .3s
}
.hamburger-menu-wrepper .animation-box .menu-box {
display: table;
height: 100%;
width: 62%;
margin: 0 auto;
opacity: 0;
transition-timing-function: ease-in-out;
transition-duration: .3s
}
.hamburger-menu-wrepper.show-menu {
z-index: 108;
opacity: 1;
visibility: visible;
transform: scaleY(1);
transform-origin: 50% 0%;
transition: -webkit-transform .7s ease .2s;
transition: transform .7s ease .2s;
transition: transform .7s ease .2s,-webkit-transform .7s ease .2s
}
.hamburger-menu-wrepper.show-menu .nav {
transform: translateY(0px);
transition: transform ease 1.4s .7s,opacity ease 1.4s .7s;
opacity: 1;
visibility: visible
}
.hamburger-menu-wrepper.show-menu .animation-box {
top: 0;
opacity: 1;
transition-timing-function: linear;
transition-duration: .7s
}
.hamburger-menu-wrepper.show-menu .animation-box .menu-box {
opacity: 1
}
.hamburger-menu-wrepper.show-menu .animation-box .menu-box .offcanfas_menu > li a {
transform: translateY(0px);
transition: transform ease 1.4s .6s,opacity ease 1.4s .6s,color .3s;
opacity: 1;
visibility: visible
}
.navbar .offcanfas_menu {
margin: 0;
display: table-cell;
vertical-align: middle;
width: 50%
}
.navbar .offcanfas_menu > .nav-item {
overflow: hidden;
padding: 0;
margin: 0
}
.navbar .offcanfas_menu > .nav-item:not(:last-child) {
margin-bottom: 18px
}
.navbar .offcanfas_menu > .nav-item .nav-link {
font-size: 2.1rem;
line-height: 46px;
display: inline-block;
color: #fff;
font-weight: 700;
font-family: poppins,sans-serif;
transform: translateY(45px);
opacity: 0;
visibility: hidden;
-o-transition: all ease .3s 0s;
transition: all ease .3s 0s;
display: inline-block
}
.navbar .offcanfas_menu > .nav-item .nav-link:before {
background: #5f28fb
}
.navbar .offcanfas_menu > .nav-item.submenu .nav-link {
padding-right: 20px
}
.navbar .offcanfas_menu > .nav-item.submenu .nav-link:after {
content: "3";
font-family: eleganticons;
position: absolute;
right: 13px;
top: 0;
display: block;
border: 0;
line-height: 50px;
margin-left: 20px
}
.navbar .offcanfas_menu > .nav-item.submenu .dropdown-menu {
position: relative !important;
transform: translate3d(0px,0px,0px) !important;
display: none;
transform: translateY(0);
opacity: 1;
visibility: visible;
transition: all 0s linear;
z-index: 0;
background: 0 0;
padding-left: 25px;
padding-top: 20px;
padding-bottom: 0;
max-height: none !important;
left: 0
}
.navbar .offcanfas_menu > .nav-item.submenu .dropdown-menu > .nav-item {
background: 0 0;
padding: 0
}
.navbar .offcanfas_menu > .nav-item.submenu .dropdown-menu > .nav-item > .nav-link {
color: #fff;
font-size: 16px;
line-height: 31px
}
.navbar .offcanfas_menu > .nav-item.submenu .dropdown-menu > .nav-item:hover .nav-link, .navbar .offcanfas_menu > .nav-item.submenu .dropdown-menu > .nav-item.active .nav-link {
color: #5f28fb
}
.navbar .offcanfas_menu > .nav-item.submenu.active .nav-link {
color: #5f28fb
}
.navbar .offcanfas_menu > .nav-item.submenu.active .nav-link:before {
background: #5f28fb
}
.navbar .offcanfas_menu > .nav-item.submenu.show .nav-link {
color: #5f28fb
}
.navbar .offcanfas_menu > .nav-item.submenu.show .nav-link:before {
width: 100%;
background: #5f28fb
}
.navbar .offcanfas_menu > .nav-item.submenu.show .dropdown-menu {
position: relative !important;
transform: translate3d(0px,0px,0px) !important
}
.header_footer {
display: table-footer-group;
padding-bottom: 80px
}
.header_footer h5 {
font-size: 16px;
color: #fff
}
.header_footer ul {
margin-bottom: 40px
}
.header_footer ul li {
display: inline-block;
margin-right: 6px
}
.header_footer ul li a {
width: 44px;
height: 44px;
border: 1px solid #656c82;
border-radius: 50%;
text-align: center;
font-size: 14px;
line-height: 44px;
color: #fff;
display: block;
transition: all .3s linear
}
.header_footer ul li a:hover {
background: #fff;
border-color: #fff;
color: #5f28fb
}
.header_footer p {
font-size: 16px;
color: #858faf;
margin-bottom: 100px
}
.close_icon {
position: absolute;
right: 60px;
top: 40px;
color: #7b84a2;
font-size: 30px;
cursor: pointer;
transition: all .3s linear
}
.close_icon:hover {
color: #fff
}
.burger_menu {
width: 40px;
height: 24px;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
font-size: 25px;
display: flex;
align-items: center;
color: #051441;
margin-left: 25px
}
.side_menu_wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99;
background: rgba(5,20,65,.9);
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: -webkit-transform .8s ease .4s;
transition: -webkit-transform .8s ease .4s;
-o-transition: transform .8s ease .4s;
transition: transform .8s ease .4s;
transition: transform .8s ease .4s,-webkit-transform .8s ease .4s;
-webkit-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%
}
.side_menu_wrapper .side_menu {
max-width: 545px;
height: 100%;
margin-left: auto;
background: #fff;
position: relative;
transition-duration: .4s;
transform: translateX(100%);
opacity: 0
}
.side_menu_wrapper .side_menu ul {
margin-bottom: 0
}
.side_menu_wrapper .side_menu .menu_top {
padding: 60px 70px 0
}
.side_menu_wrapper .side_menu .menu_top .close {
font-size: 20px
}
.side_menu_wrapper .side_menu .m_content {
position: absolute;
left: 0;
top: 10vh;
overflow-x: hidden;
overflow-y: auto;
max-height: 55vh;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
font-weight: 600;
width: 100%;
display: block;
letter-spacing: -.025rem;
list-style: none;
margin: 0;
-webkit-transform: translateY(3rem);
-ms-transform: translateY(3rem);
transform: translateY(3rem);
-webkit-transition: opacity .5s .6s ease,-webkit-transform .5s .6s ease;
transition: opacity .5s .6s ease,-webkit-transform .5s .6s ease;
-o-transition: transform .5s .6s ease,opacity .5s .6s ease;
transition: transform .5s .6s ease,opacity .5s .6s ease;
transition: transform .5s .6s ease,opacity .5s .6s ease,-webkit-transform .5s .6s ease;
list-style: none;
padding-left: 18%;
padding-right: 100px;
margin-top: 5vh
}
.side_menu_wrapper .side_menu .m_content h2 {
font-size: 3.5vh;
line-height: 4vh;
font-weight: 700;
color: #051441;
margin-bottom: 1vh
}
.side_menu_wrapper .side_menu .m_content a {
font-size: 2.5vh;
font-weight: 500
}
.side_menu_wrapper .side_menu .m_content p {
font-size: 1.9vh;
line-height: 2.9vh;
color: #7e86a1;
font-weight: 300;
margin-top: 4vh;
margin-bottom: 8.2vh
}
.side_menu_wrapper .side_menu .get_info li .media img {
margin-right: 20px;
height: 5vh
}
.side_menu_wrapper .side_menu .get_info li .media .media-body h4 {
font-size: 2vh;
font-weight: 600;
margin-bottom: .5vh
}
.side_menu_wrapper .side_menu .get_info li .media .media-body p {
margin-bottom: 0;
margin-top: .5vh;
font-size: 1.8vh
}
.side_menu_wrapper .side_menu .get_info li + li {
margin-top: 2.9vh
}
.side_menu_wrapper .side_menu .m_footer {
position: absolute;
left: 18%;
bottom: 10%;
display: flex;
align-items: center
}
.side_menu_wrapper .side_menu .m_footer li a {
font-size: 20px;
color: #959ebb;
font-size: 16px;
width: 50px;
height: 50px;
text-align: center;
border: 1px solid #959ebb;
display: inline-block;
margin: 0 5px;
line-height: 50px;
border-radius: 50%;
transition: all .3s linear
}
.side_menu_wrapper .side_menu .m_footer li a:hover {
background: #5f28fb;
border-color: #5f28fb;
color: #fff;
box-shadow: 0 20px 20px 0 rgba(95,40,251,.3)
}
.menu-is-opened .side_menu_wrapper {
z-index: 100;
opacity: 1;
visibility: visible;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
transition: -webkit-transform .7s ease .2s;
-webkit-transition: -webkit-transform .7s ease .2s;
-o-transition: transform .7s ease .2s;
transition: transform .7s ease .2s;
transition: transform .7s ease .2s,-webkit-transform .7s ease .2s
}
.menu-is-opened .side_menu_wrapper .side_menu {
opacity: 1;
transform: translateX(0);
transition: transform .5s .6s linear
}
.menu_one.navbar .search_cart .search a.nav-link:before {
display: none
}
.menu_one.menu_scroll .container-fluid {
padding-left: 100px;
padding-right: 100px
}
.menu_one .container-fluid {
padding-left: 65px;
padding-right: 100px
}
.menu_one .tracking_btn {
text-align: center;
position: relative
}
.menu_one .tracking_btn .er_btn {
font-size: 16px;
color: #fff;
background: #6754e2;
border: 0;
padding: 8px 50px;
margin-top: 0;
display: block;
position: relative;
overflow: visible
}
.menu_one .tracking_btn .er_btn i {
margin-right: 10px
}
.menu_one .tracking_btn .er_btn:hover {
background: #6754e2
}
.menu_one .tracking_btn h6 {
font-size: 12px;
color: #777;
margin-bottom: 0;
line-height: 12px;
position: relative;
bottom: -7px
}
#landing_page ul li a.active {
color: #6754e2
}
#landing_page ul li a.active:before {
width: 100%
}
.gadget_menu .menu > .nav-item > .nav-link {
font-size: 16px
}
.gadget_menu .menu > .nav-item.submenu .dropdown-menu > .nav-item:hover > .nav-link {
color: #fa6574
}
.gadget_menu .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .text:hover {
color: #fa6574
}
.gadget_menu .w_menu.search_cart .search a.nav-link {
margin-left: 38px
}
.gadget_menu .search_cart .shpping-cart .num {
background: #232323
}
.gadget_menu .search_cart .shpping-cart .dropdown-menu .cart-single-item:hover .cart-title a {
color: #fa6574
}
.gadget_menu .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn {
background: #fa6574;
border-color: #fa6574
}
.gadget_menu .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn:hover {
color: #fa6574
}
.gadget_menu .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn + .get_btn {
color: #fa6574
}
.gadget_menu .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn + .get_btn:hover {
background: #fa6574
}
.gadget_menu .alter_nav {
top: 0
}
.shop_menu .menu > .nav-item > .nav-link {
font-size: 16px;
font-family: inter,sans-serif
}
.shop_menu .menu > .nav-item > .nav-link:before {
background: #f66b6a
}
.shop_menu .menu > .nav-item.submenu .dropdown-menu > .nav-item:hover > .nav-link {
color: #f66b6a
}
.shop_menu .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .text:hover {
color: #f66b6a
}
.shop_menu .menu > .nav-item:hover > .nav-link, .shop_menu .menu > .nav-item.active > .nav-link {
color: #fa6574
}
.shop_menu .search_cart .shpping-cart .num {
background: #fa6574
}
.shop_menu .search_cart .shpping-cart .dropdown-menu .cart-single-item:hover .cart-title a {
color: #fa6574
}
.shop_menu .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn {
background: #fa6574;
border-color: #fa6574
}
.shop_menu .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn:hover {
color: #fa6574
}
.shop_menu .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn + .get_btn {
color: #fa6574
}
.shop_menu .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn + .get_btn:hover {
background: #fa6574
}
.menu_top_gap + div, .menu_top_gap + section {
margin-top: 93px
}
.saas_home_area {
position: relative;
background: #fafafe;
height: 1100px
}
.banner_top {
padding-top: 210px
}
.banner_top h2 {
color: #051441;
margin-bottom: 25px
}
.banner_top p {
margin-bottom: 42px
}
.banner_top .subcribes {
max-width: 630px;
margin: 0 auto
}
.banner_top .subcribes .form-control {
border: 1px solid #e9ebf4;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 30px 30px 0 rgba(0,11,40,.1);
font: 400 15px/46px "Poppins",sans-serif;
padding-left: 30px;
color: #051441;
z-index: 0
}
.banner_top .subcribes .form-control.placeholder {
color: #b4b9c8
}
.banner_top .subcribes .form-control:-moz-placeholder {
color: #b4b9c8
}
.banner_top .subcribes .form-control::-moz-placeholder {
color: #b4b9c8
}
.banner_top .subcribes .form-control::-webkit-input-placeholder {
color: #b4b9c8
}
.banner_top .subcribes .btn_submit {
position: absolute;
right: 8px;
color: #fff;
top: 50%;
transform: translateY(-50%);
padding: 11px 32px
}
.saas_home_img {
text-align: center;
margin-top: 120px;
position: relative
}
.saas_home_img img {
box-shadow: 0 40px 60px 0 rgba(0,11,40,.16);
border-radius: 8px
}
.slider_area {
background-image: linear-gradient(40deg,rgb(23,134,216) 0%,rgb(0,175,240) 100%);
height: 930px;
background-size: cover;
background-position: 50%;
position: relative;
overflow: hidden;
z-index: 1
}
.slider_area .bottom_shoape {
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
width: 100%
}
.slider_area .middle_shape {
position: absolute;
right: 0;
bottom: 0;
z-index: -1
}
.leaf {
position: absolute
}
.leaf.l_left {
top: 200px;
left: 260px
}
.leaf.l_right {
right: 0;
bottom: 100px
}
.mobile_img {
position: relative
}
.mobile_img .img {
animation-timing-function: cubic-bezier(.54,.085,.5,.92);
animation-name: animateUpDown;
animation-duration: 2s;
animation-iteration-count: infinite
}
.mobile_img .mobile {
z-index: -1;
position: relative
}
.mobile_img .women_img {
top: 245px;
right: 160px;
z-index: 1
}
.slider_content {
padding-top: 200px
}
.slider_content h2, .slider_content p {
color: #fff
}
@keyframes animateUpDown {
0% {
transform: translateY(0px)
}
50% {
transform: translateY(-15px)
}
100% {
transform: translateY(0px)
}
}
.prototype_banner_area {
background: #fbfbfd;
padding-top: 220px;
position: relative;
z-index: 0;
overflow: hidden
}
.prototype_content .banner_subscribe .subcribes {
display: block
}
.prototype_content .banner_subscribe .subcribes .form-control {
max-width: 370px;
width: 100%;
border-radius: 3px;
background-color: #fff;
border: 0;
height: 50px;
color: #222d39;
padding-left: 30px;
box-shadow: 0 2px 3px 0 rgba(12,0,46,.06);
font: 300 14px/28px "Poppins",sans-serif;
border: 1px solid transparent
}
.prototype_content .banner_subscribe .subcribes .form-control.placeholder {
color: #aeb4ba
}
.prototype_content .banner_subscribe .subcribes .form-control:-moz-placeholder {
color: #aeb4ba
}
.prototype_content .banner_subscribe .subcribes .form-control::-moz-placeholder {
color: #aeb4ba
}
.prototype_content .banner_subscribe .subcribes .form-control::-webkit-input-placeholder {
color: #aeb4ba
}
.prototype_content .banner_subscribe .subcribes .form-control:focus {
border-color: #6754e2
}
.partner_logo {
display: flex;
flex-wrap: wrap;
padding-top: 100px;
border-bottom: 1px solid #eeeef5;
padding-bottom: 35px;
position: relative;
z-index: 4
}
.partner_logo .p_logo_item {
width: 20%;
text-align: center
}
.partner_logo .p_logo_item img {
max-width: 100%;
filter: contrast(.3%);
transition: all .3s ease 0s
}
.partner_logo .p_logo_item:hover img {
filter: contrast(100%)
}
.agency_banner_area {
padding-top: 150px;
position: relative;
z-index: 1
}
.agency_banner_area .banner_shap {
position: absolute;
top: 0;
right: 0;
z-index: -1
}
.agency_content h2 {
font-size: 50px;
line-height: 66px
}
.software_banner_area {
min-height: 100vh;
background-image: linear-gradient(140deg,rgb(35,2,109) 0%,rgb(61,100,244) 100%);
position: relative;
z-index: 0
}
.software_banner_area:before {
content: "";
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: -1;
background: url("../img/home5/shap_tecture.png") no-repeat scroll center 0/cover
}
.saas_banner_area {
background-image: linear-gradient(140deg,rgb(3,2,7) 0%,rgb(17,19,57) 100%);
padding-top: 230px;
overflow: hidden;
position: relative;
z-index: 1
}
.saas_shap {
position: absolute;
right: 0;
top: 0;
z-index: -1
}
.dasboard_img img {
border-top-left-radius: 15px;
border-top-right-radius: 15px
}
.app_banner_area {
background: url(../img/home7/banner.png) no-repeat scroll center 100%;
padding-top: 230px;
padding-bottom: 210px;
overflow: hidden;
background-size: cover
}
.app_banner_area .app_img .app_screen {
position: absolute;
animation-timing-function: cubic-bezier(.54,.085,.5,.92);
animation-name: animateUpDown;
animation-iteration-count: infinite
}
.app_banner_area .app_img .app_screen.one {
top: 135px;
left: 110px;
animation-duration: 1.9s
}
.app_banner_area .app_img .app_screen.two {
top: 46px;
left: 220px;
animation-duration: 1.8s
}
.app_banner_area .app_img .app_screen.three {
top: 6px;
left: 375px;
animation-duration: 1.6s
}
.app_banner_contentmt h2 {
line-height: 64px
}
.app_banner_contentmt .app_btn {
border: 0;
background: #fff;
transition: all .2s linear;
color: #4069eb;
padding: 14px 40px
}
.app_banner_contentmt .app_btn:hover {
border-color: #4069eb;
background: #4069eb;
color: #fff
}
.agency_banner_area_two {
background-image: linear-gradient(40deg,rgb(94,44,237) 0%,rgb(164,133,253) 100%);
padding: 230px 0 140px;
position: relative;
z-index: 1;
overflow: hidden
}
.dot_shap {
position: absolute;
right: 0;
top: 0;
background: rgba(255,255,255,.03);
border-radius: 50%;
z-index: -1
}
.dot_shap.one {
width: 740px;
height: 740px;
top: -280px
}
.dot_shap.two {
width: 640px;
height: 640px;
top: -150px;
right: -80px
}
.dot_shap.three {
width: 640px;
height: 640px;
top: 50%;
transform: translateY(-50%);
right: -450px
}
.agency_banner_img {
margin-left: -100px
}
.agency_content_two .agency_banner_btn {
color: #5e2ced;
border-color: #fff;
background: #fff
}
.saas_banner_area_two {
position: relative;
z-index: 1
}
.saas_banner_area_two .shap_img {
position: absolute;
width: 101%;
height: 540px;
bottom: 120px;
z-index: 0;
left: 0;
overflow: hidden;
background-size: cover;
transform: rotate(2deg);
right: 0
}
.saas_banner_area_two .section_intro {
background-image: linear-gradient(-50deg,rgb(35,126,253) 0%,rgb(36,176,254) 46%,rgb(36,226,255) 100%)
}
.section_container {
max-width: 830px;
margin: 0 auto;
text-align: center;
height: 100vh
}
.section_container .intro {
height: 53%;
width: 100%;
position: relative
}
.section_container .intro_content {
position: absolute;
bottom: 0;
width: 100%;
left: 0;
padding: 0 15px
}
.section_container .intro_content h1 {
font-size: 50px;
letter-spacing: -.2px;
line-height: 70px;
margin-bottom: 16px
}
.section_container .intro_content p {
line-height: 30px;
margin-bottom: 60px
}
.section_container .intro_content .subcribes {
max-width: 570px;
margin: 0 auto
}
.section_container .intro_content .subcribes .form-control {
border-radius: 4px;
background-color: #fff;
box-shadow: 0 8px 16px 0 rgba(0,11,40,.1);
font: 300 16px/36px "Poppins",sans-serif;
border: 0;
color: #a1a8be;
height: 60px;
padding-left: 30px;
position: relative;
z-index: 1
}
.section_container .intro_content .subcribes .form-control.placeholder {
color: #a1a8be
}
.section_container .intro_content .subcribes .form-control:-moz-placeholder {
color: #a1a8be
}
.section_container .intro_content .subcribes .form-control::-moz-placeholder {
color: #a1a8be
}
.section_container .intro_content .subcribes .form-control::-webkit-input-placeholder {
color: #a1a8be
}
.section_container .intro_content .subcribes .btn_submit {
position: absolute;
top: 0;
right: 0;
font: 400 14px/60px "Poppins",sans-serif;
color: #fff;
background: #1c7ce7;
border-radius: 4px;
padding: 0 25px;
border: 0;
z-index: 2
}
.animation_img {
text-align: center;
margin-top: -320px;
z-index: 2;
position: relative
}
.payment_banner_area {
position: relative;
min-height: 100vh;
background-image: linear-gradient(-86deg,rgb(113,33,255) 0%,rgb(33,212,253) 100%);
z-index: 1;
display: flex;
align-items: center;
overflow: hidden
}
.payment_banner_area .shape {
background-image: linear-gradient(-57deg,rgb(113,33,255) 0%,rgb(33,212,253) 100%);
position: absolute;
left: -256px;
top: -178px;
width: 1095px;
height: 602px;
border-radius: 90px;
transform: rotate(-38deg);
z-index: -1;
opacity: .2
}
.payment_banner_area .shape.two {
background-image: linear-gradient(-75deg,rgb(113,33,255) 0%,rgb(33,212,253) 100%);
position: absolute;
left: 689px;
top: 458px;
border-radius: 150px;
width: 816px;
height: 702px
}
.animation_img_two {
width: 50%;
height: 60%;
float: right;
text-align: right;
position: absolute;
bottom: 188px;
right: 0;
z-index: 0
}
.animation_img_two img {
max-width: 100%
}
.svg_intro_bottom {
position: absolute;
top: 0;
width: 100%;
height: 100%;
z-index: -1
}
.payment_banner_content {
max-width: 670px
}
.payment_banner_content h1 {
line-height: 70px;
margin-bottom: 25px
}
.payment_banner_content p {
line-height: 30px
}
.payment_banner_content .agency_banner_btn {
background: #fff;
color: #5956fe;
border-color: #fff
}
.payment_banner_content .agency_banner_btn_two {
color: #fff;
margin-left: 30px
}
.payment_banner_content .agency_banner_btn_two:before {
display: none
}
.payment_banner_content .agency_banner_btn_two i {
vertical-align: middle;
padding-left: 10px;
transition: all .2s linear
}
.payment_banner_content .agency_banner_btn_two:hover i {
padding-left: 15px
}
.payment_banner_area_two {
background-image: linear-gradient(125deg,rgb(95,81,251) 0%,rgb(118,124,253) 64%,rgb(140,167,255) 100%);
height: 100vh;
min-height: 860px;
padding-top: 200px;
position: relative;
z-index: 1
}
.payment_banner_area_two .symbols-pulse > div {
background-image: linear-gradient(-180deg,rgba(255,255,255,0.04) 0%,rgba(255,255,255,0.04) 65%,rgba(255,255,255,0.04) 100%);
width: 28rem;
height: 28rem
}
.payment_content_two {
max-width: 800px;
margin: 0 auto
}
.payment_content_two h2 {
font-size: 50px;
font-family: poppins,sans-serif;
line-height: 66px;
color: #fff;
font-weight: 400;
margin-bottom: 33px
}
.payment_content_two h2 span {
font-weight: 700
}
.payment_content_two .slider_btn {
color: #5f51fb;
font-size: 15px;
padding: 15px 41px;
box-shadow: 0 30px 30px 0 rgba(0,11,40,.1)
}
.payment_content_two .slider_btn i {
padding-right: 10px
}
.payment_content_two .slider_btn:hover {
background: #fff;
box-shadow: none
}
.payment_content_two .video_btn {
position: relative;
z-index: 1
}
.payment_content_two .video_btn:before {
content: "";
width: 100%;
height: 1px;
background: #fff;
position: absolute;
left: 0;
bottom: 0
}
.payment_content_two .payment_img {
margin-top: 60px;
position: relative;
z-index: 1
}
.payment_content_two .payment_img .payment_icon {
position: absolute;
z-index: 0
}
.payment_content_two .payment_img .payment_icon.icon_one {
top: -82px;
left: -34px
}
.payment_content_two .payment_img .payment_icon.icon_two {
left: 20px;
top: 33%
}
.payment_content_two .payment_img .payment_icon.icon_three {
top: 38%;
left: -20px;
z-index: 1
}
.payment_content_two .payment_img .payment_icon.icon_four {
right: 0;
top: -89px
}
.payment_content_two .payment_img .payment_icon.icon_five {
right: -40px;
top: 80px
}
.payment_content_two .payment_img .payment_icon.icon_six {
right: -20px;
top: 160px
}
.company_banner_area {
min-height: 100vh;
position: relative;
overflow: hidden;
background-image: linear-gradient(125deg,rgb(95,81,251) 0%,rgb(174,89,203) 64%,rgb(253,96,155) 100%);
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #fff
}
.company_banner_area .parallax-effect {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 105%;
z-index: -1;
opacity: .1
}
.company_banner_area .company_banner_content h6 {
font-size: 15px;
font-weight: 400;
margin-bottom: 28px;
color: #fff
}
.company_banner_area .company_banner_content h2 {
font-size: 50px;
line-height: 66px;
font-weight: 700;
color: #fff
}
.company_banner_area .company_banner_content .about_btn {
color: #5f51fb;
font-size: 15px;
padding: 14px 35px;
margin-top: 28px;
background: 0 0;
border: 1px solid #fff;
color: #fff
}
.company_banner_area .company_banner_content .about_btn:hover {
background: #fff;
color: #5f51fb;
box-shadow: none
}
.new_startup_banner_area {
min-height: 100vh;
display: flex;
align-items: center;
background: #563bd1;
position: relative;
z-index: 0
}
.new_startup_banner_area:before {
content: "";
background: url(../img/new/startup_banner_bg.png) no-repeat scroll center bottom;
position: absolute;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
z-index: -1;
top: 0
}
.new_startup_banner_area .new_startup_img {
padding-right: 70px;
position: relative;
z-index: 1
}
.new_startup_banner_area .new_startup_img .line {
position: absolute;
z-index: -1;
height: 100%
}
.new_startup_banner_area .new_startup_img .line.line_one {
left: -40px;
top: -95px
}
.new_startup_banner_area .new_startup_img .line.line_two {
left: 80px;
bottom: -138px;
opacity: .4
}
.new_startup_banner_area .new_startup_img .line.line_three {
right: 93px;
top: -160px;
opacity: .4
}
.new_startup_content h2 {
font: 300 50px poppins,sans-serif;
line-height: 58px
}
.new_startup_content h2 span {
font-weight: 700
}
.new_startup_content .app_btn {
background: #fff;
border-color: #fff;
color: #563bd1;
box-shadow: 0 20px 20px 0 rgba(0,11,40,.1);
padding-top: 10px;
padding-bottom: 10px
}
.new_startup_content .app_btn i {
padding-left: 8px
}
.startup_banner_area_three {
min-height: 100vh;
background: #000;
position: relative;
z-index: 1;
display: flex;
align-items: center;
overflow: hidden
}
.startup_banner_area_three:before {
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background: url("../img/hizmetlerimiz/genel.png") no-repeat scroll center bottom/cover;
z-index: -1
}
.startup_content_three h2 {
font-size: 50px;
color: #051441;
font-weight: 300;
line-height: 60px;
margin-bottom: 30px
}
.startup_content_three h2 span {
font-weight: 700
}
.startup_content_three p {
font-size: 18px;
color: #3c4043;
line-height: 30px;
font-style: italic;
margin-bottom: 50px
}
.stratup_app_screen {
position: absolute;
width: 48%;
height: 100%;
right: 0;
z-index: -1
}
.stratup_app_screen .phone, .stratup_app_screen .laptop {
position: absolute;
right: 0
}
.stratup_app_screen .phone {
bottom: -220px;
left: 0
}
.stratup_app_screen .laptop {
right: -200px;
bottom: -200px
}
.digital_banner_area {
display: flex;
align-items: center;
min-height: 100vh;
background-image: linear-gradient(40deg,rgb(95,81,251) 0%,rgb(118,124,253) 64%,rgb(140,167,255) 100%);
position: relative;
overflow: hidden;
z-index: 1
}
.digital_banner_area .digital_banner_shap {
position: absolute;
right: 0;
width: 100%;
height: 100%;
background: url(../img/new/digital_img.png) no-repeat scroll right 0;
top: 0;
z-index: -1
}
.digital_banner_area .round_shap {
position: absolute;
border-radius: 50%;
background-image: linear-gradient(50deg,rgb(64,220,253) 0%,rgb(82,134,253) 36%,rgb(99,47,253) 100%);
border-radius: 50%;
z-index: -1
}
.digital_banner_area .round_shap.one {
width: 200px;
height: 200px;
left: -100px
}
.digital_banner_area .round_shap.two {
width: 520px;
height: 520px;
left: 38%;
bottom: -100px
}
.digital_banner_area .round_shap.three {
width: 100px;
height: 100px;
left: 34%;
top: 200px
}
.digital_banner_area #demo {
position: absolute;
z-index: -1
}
.digital_content {
padding-right: 85px
}
.digital_content h6 {
font-size: 15px;
font-weight: 300;
line-height: 28px;
border-bottom: 1px solid #fff;
display: inline-block;
color: #fff
}
.digital_content h2 {
font-size: 50px;
line-height: 66px;
font-weight: 700;
margin-bottom: 20px;
color: #fff
}
.digital_content p {
font-size: 15px;
line-height: 28px;
margin-bottom: 44px;
color: #fff
}
.digital_content .btn_six {
box-shadow: 0 30px 30px 0 rgba(0,11,40,.1);
background: #26c4e5;
border-color: #26c4e5;
color: #fff
}
.digital_content .btn_six:hover {
background: #26c4e5;
color: #fff;
box-shadow: none
}
.digital_video_slider {
width: 50%;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%)
}
.digital_video_slider .owl-stage {
padding-left: 0 !important;
padding-bottom: 30px
}
.digital_video_slider .video_item {
border-radius: 6px;
overflow: hidden;
box-shadow: 0 20px 30px 0 rgba(0,11,40,.12)
}
.digital_video_slider .video_item .video_icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%)
}
.digital_video_slider .video_item .video_icon:before {
transform: scale(1.32)
}
.digital_video_slider .video_item .video_icon:after {
position: absolute;
left: 50%;
top: 50%;
border-radius: 50%;
box-shadow: 0 1px 15px 1px rgba(255,255,255,.3);
content: "";
-webkit-animation: pulse 2s infinite;
-webkit-transform: scale(8);
-ms-transform: scale(8);
transform: scale(8);
animation: pulse 2s infinite
}
.digital_video_slider .video_item .video_icon i:after {
display: none
}
.saas_banner_area_three .owl-stage {
padding-bottom: 138px
}
.saas_banner_area_three .owl-dots {
position: absolute;
right: 50px;
top: 43%;
transform: translateY(-50%);
margin-top: 0
}
.saas_banner_area_three .owl-dots button {
display: block;
margin: 15px 0
}
.saas_banner_area_three .owl-dots button span {
background: #9886f7;
border-color: #9886f7
}
.saas_banner_area_three .owl-dots button.active span {
background: #fff;
border-color: #fff
}
.saas_banner_area_three .slider_item {
min-height: 900px;
background-image: linear-gradient(125deg,rgb(95,81,251) 0%,rgb(174,89,203) 64%,rgb(253,96,155) 100%);
display: flex;
position: relative
}
.saas_banner_area_three .slider_item.slider_item_two {
background-image: linear-gradient(-120deg,rgb(134,71,249) 0%,rgb(78,145,193) 64%,rgb(21,218,136) 100%)
}
.saas_banner_area_three .slider_item .slidet_content {
text-align: center;
color: #fff;
padding-top: 210px
}
.saas_banner_area_three .slider_item .slidet_content h2 {
font-size: 44px;
font-weight: 700;
margin-bottom: 15px;
color: #fff
}
.saas_banner_area_three .slider_item .slidet_content h2 span {
font-weight: 300
}
.saas_banner_area_three .slider_item .slidet_content p {
margin-bottom: 38px;
font-size: 20px;
color: #fff
}
.saas_banner_area_three .slider_item .slidet_content .slider_btn {
padding: 14px 51px;
background: 0 0;
border: 1px solid #fff;
color: #fff
}
.saas_banner_area_three .slider_item .slidet_content .slider_btn:hover {
background: #fff;
color: #5f51fb
}
.saas_banner_area_three .slider_item .slidet_content .slider_btn + .slider_btn {
background: #fff;
color: #5f51fb;
margin-left: 15px
}
.saas_banner_area_three .slider_item .slidet_content .slider_btn + .slider_btn:hover {
background: 0 0;
color: #fff
}
.saas_banner_area_three .slider_item .slidet_content_two {
color: #fff;
padding-top: 190px
}
.saas_banner_area_three .slider_item .slidet_content_two h2 {
font-size: 50px;
font-weight: 600;
margin-bottom: 30px;
color: #fff
}
.saas_banner_area_three .slider_item .slidet_content_two .slider_btn {
border: 1px solid #fff;
color: #5f51fb
}
.saas_banner_area_three .slider_item .slidet_content_two .slider_btn:hover {
background: 0 0;
color: #fff
}
.saas_banner_area_three .slider_item .image_mockup {
position: absolute;
bottom: -140px;
width: 1030px;
left: 50%;
transform: translateX(-50%);
text-align: center
}
.saas_banner_area_three .slider_item .image_mockup img {
max-width: 100%;
width: auto;
display: inline-block
}
.saas_banner_area_three .slider_item .image_mockup .laptop {
opacity: 0;
transform: translateY(100px);
transition: all .7s linear
}
.saas_banner_area_three .slider_item .image_mockup .phone {
right: 0;
position: absolute;
bottom: 46px
}
.saas_banner_area_three .slider_item .image_mockup .watch {
left: 0;
position: absolute;
bottom: 0
}
.saas_banner_area_three .active .image_mockup .laptop {
opacity: 1;
transform: translateY(0)
}
.seo_home_area {
background: #f7fdfc;
position: relative;
margin-bottom: 135px
}
.seo_home_area .saas_home_img {
margin-top: 30px
}
.seo_home_area .saas_home_img img {
box-shadow: none;
margin-bottom: -140px
}
.seo_banner_content h2 {
font-size: 60px;
line-height: 80px;
color: #263b5e;
font-weight: 600
}
.seo_banner_content p {
font-size: 18px;
line-height: 30px;
color: #6a7695;
margin-bottom: 53px
}
.seo_banner_content .seo_btn {
margin: 0 8px
}
.home_bubble .bubble {
position: absolute;
border-radius: 50%
}
.home_bubble .bubble.b_one, .home_bubble .bubble.b_four {
width: 10px;
height: 10px
}
.home_bubble .bubble.b_two, .home_bubble .bubble.b_five {
width: 30px;
height: 30px
}
.home_bubble .bubble.b_three, .home_bubble .bubble.b_six {
width: 14px;
height: 14px
}
.home_bubble .bubble.b_one {
background: #00c99c;
top: 40%;
left: 85px;
transform: translateY(-50%);
animation: spin2 2s infinite alternate
}
.home_bubble .bubble.b_two {
background: #fca249;
top: 50%;
left: 155px;
transform: translateY(-50%);
animation: spin1 2s infinite alternate
}
.home_bubble .bubble.b_three {
background: #7d95fa;
top: 85%;
left: 255px;
animation: spin1 1s infinite alternate
}
.home_bubble .bubble.b_four {
background: #d27dfa;
top: 40%;
right: 85px;
transform: translateY(-50%);
animation: spin1 2s infinite alternate
}
.home_bubble .bubble.b_five {
background: #ff9398;
top: 50%;
right: 155px;
transform: translateY(-50%);
animation: spin1 3s infinite alternate
}
.home_bubble .bubble.b_six {
background: #f1d53b;
top: 85%;
right: 55px;
animation: spin2 2s infinite alternate
}
.home_bubble .triangle {
position: absolute
}
.home_bubble .triangle.b_seven {
left: 25%;
top: 400px
}
.home_bubble .triangle.b_eight {
left: -100px;
bottom: -45px
}
.home_bubble .triangle.b_nine {
right: 28%;
bottom: 250px;
animation: spin2 2s infinite alternate
}
@-webkit-keyframes pulse {
0% {
opacity: 1;
-webkit-transform: translate(-50%,-50%) scale(1);
transform: translate(-50%,-50%) scale(1)
}
100% {
opacity: 0;
-webkit-transform: translate(-50%,-50%) scale(2);
transform: translate(-50%,-50%) scale(2)
}
}
@keyframes pulse {
0% {
opacity: 1;
-webkit-transform: translate(-50%,-50%) scale(1);
transform: translate(-50%,-50%) scale(1)
}
100% {
opacity: 0;
-webkit-transform: translate(-50%,-50%) scale(2);
transform: translate(-50%,-50%) scale(2)
}
}
.n_hero_banner_area {
min-height: 1010px;
position: relative;
z-index: 1;
padding-top: 250px;
background-image: linear-gradient(40deg,rgb(94,44,237) 0%,rgb(164,133,253) 100%);
overflow: hidden
}
.n_banner_content {
font-family: poppins,sans-serif;
padding-top: 60px;
position: relative;
z-index: 1
}
.n_banner_content h2 {
font-size: 50px;
line-height: 66px;
font-weight: 700;
color: #fff
}
.n_banner_content p {
font-size: 16px;
line-height: 28px;
font-weight: 400;
padding: 18px 55px 35px 0;
color: #fff
}
.n_banner_content .n_banner_btn {
font-size: 14px;
font-family: poppins,sans-serif;
border-radius: 3px;
box-shadow: 0 20px 30px 0 rgba(0,0,29,.14);
background: #fff;
padding: 14px 37px;
font-weight: 600;
color: #414141;
display: inline-block;
transition: all .3s linear
}
.n_banner_content .n_banner_btn:hover {
box-shadow: none
}
.n_banner_btn {
font-size: 14px;
font-family: poppins,sans-serif;
border-radius: 3px;
box-shadow: 0 20px 30px 0 rgba(0,0,29,.14) !important;
background-image: linear-gradient(90deg,rgb(164,133,253) 0%,rgb(94,44,237) 100%);
background-size: 200% auto;
padding: 18px 33px;
font-weight: 600;
color: #fff;
display: inline-block;
transition: all .3s linear
}
.n_banner_btn:hover {
background-position: right center;
color: #fff
}
.n_hero_banner_area .mobile_img {
position: relative;
z-index: 2
}
.n_hero_banner_area .mobile_img img {
max-width: inherit;
position: relative;
z-index: 1;
top: -120px
}
.n_hero_banner_area svg {
position: absolute;
bottom: -29px;
height: 350px;
width: 100%;
left: 0
}
.shape_banners .img1 {
position: absolute !important;
right: 0;
top: 0
}
.shape_banners .img2 {
bottom: -280px;
position: absolute
}
.home_one_banner {
min-height: 900px;
background-position: center bottom
}
.home_one_banner .shape_01, .home_one_banner .shape_02 {
max-width: 128px
}
.home_one_banner .shape_01 {
top: 26%;
left: 7%
}
.home_one_banner .shape_02 {
top: 31%;
left: 2%
}
.home_one_banner .shape_03 {
top: 30%;
right: 0%;
max-width: 77px
}
.home_one_banner .shape_04 {
top: 58%;
right: 8px;
max-width: 90px
}
.home_one_banner .banner_image {
margin-left: 35px
}
.home_one_banner .title_text {
font-size: 50px;
font-weight: 700;
line-height: 1.32;
margin-bottom: 25px;
color: #222d39
}
.home_one_banner p {
font-size: 18px;
line-height: 1.667;
margin-bottom: 40px
}
.deco_wrap {
position: relative
}
.deco_wrap .deco_image {
z-index: 1;
position: absolute
}
.deco_wrap .deco_image img {
position: relative !important
}
[data-background] {
background-size: cover;
background-repeat: no-repeat;
background-position: center center
}
.breadcrumb_area {
background-image: linear-gradient(180deg,rgb(94,44,237) 0%,rgb(164,133,253) 100%);
position: relative;
z-index: 1;
padding: 235px 0 125px;
overflow: hidden
}
.breadcrumb_area .breadcrumb_shap {
position: absolute;
right: 0;
top: 0;
z-index: -1
}
.breadcrumb_area_two {
background: #f8f6fe;
position: relative;
padding: 235px 0 125px;
z-index: 1
}
.breadcrumb_area_two .breadcrumb_shap {
position: absolute;
right: 0;
top: 0;
z-index: -1;
height: 100%;
width: 100%;
background-size: cover
}
.breadcrumb_area_two .bubble li {
background: #5e2ced;
opacity: .1;
width: 16px;
height: 16px;
border-radius: 50%;
position: absolute
}
.breadcrumb_area_two .bubble li:nth-child(1) {
left: 220px;
bottom: 50px;
animation: spin3 2s infinite alternate
}
.breadcrumb_area_two .bubble li:nth-child(2) {
left: 35%;
top: 100px;
animation: spin 2s infinite alternate
}
.breadcrumb_area_two .bubble li:nth-child(3) {
left: 40%;
width: 51px;
height: 51px;
bottom: 50px;
animation: spin1 3s infinite alternate
}
.breadcrumb_area_two .bubble li:nth-child(4) {
left: 42%;
bottom: 50px;
width: 20px;
height: 20px
}
.breadcrumb_area_two .bubble li:nth-child(5) {
left: 76%;
width: 51px;
height: 51px;
top: 160px;
animation: spin1 3s infinite alternate
}
.breadcrumb_area_two .bubble li:nth-child(6) {
left: 75%;
width: 30px;
height: 30px;
top: 186px
}
.breadcrumb_area_two .bubble li:nth-child(7) {
left: 52%;
top: 150px;
width: 20px;
height: 20px;
animation: spin2 2s infinite alternate
}
.breadcrumb_area_two .bubble li:nth-child(8) {
left: 90%;
top: 250px;
width: 20px;
height: 20px;
animation: spin2 2s infinite alternate
}
.breadcrumb_content_two h1 {
color: #222d39;
margin-bottom: 12px
}
.breadcrumb_content_two .breadcrumb {
background: 0 0;
justify-content: center
}
.breadcrumb_content_two .breadcrumb li {
font-size: 20px;
font-weight: 400;
text-transform: capitalize;
position: relative;
color: #525c7c
}
.breadcrumb_content_two .breadcrumb li a {
color: #051441
}
.breadcrumb_content_two .breadcrumb li + li {
padding-left: 32px
}
.breadcrumb_content_two .breadcrumb li + li:after {
content: "\e649";
font-family: themify;
position: absolute;
left: 8px;
top: 0;
font-size: 14px
}
@keyframes spin {
0% {
transform: translateX(-10px) scale(.9)
}
100% {
transform: translateX(30px) scale(1.3) translateY(10px)
}
}
@keyframes spin1 {
0% {
transform: scale(.9)
}
100% {
transform: scale(1.5)
}
}
@keyframes spin2 {
0% {
transform: translateY(0)
}
100% {
transform: translateY(40px)
}
}
@keyframes spin3 {
0% {
transform: translateX(0)
}
25% {
transform: translateY(10px)
}
50% {
transform: translateX(30px)
}
100% {
transform: translateX(50px)
}
}
.blog_breadcrumb_area {
position: relative;
height: 600px;
display: flex;
align-items: center;
z-index: 1
}
.blog_breadcrumb_area .background_overlay {
position: absolute;
height: 100%;
width: 100%;
background-image: linear-gradient(-140deg,rgb(94,44,237) 0%,rgb(128,55,218) 100%);
opacity: .9;
z-index: -1;
top: 0
}
.blog_breadcrumb_area .breadcrumb_content_two {
color: #fff;
padding-top: 80px
}
.blog_breadcrumb_area .breadcrumb_content_two h5 {
font-size: 16px;
font-weight: 400;
margin-bottom: 18px;
color: #fff
}
.blog_breadcrumb_area .breadcrumb_content_two h1 {
font-size: 50px;
font-weight: 700;
line-height: 1.25em;
color: #fff;
margin-bottom: 25px
}
.blog_breadcrumb_area .breadcrumb_content_two ol {
margin-bottom: 0
}
.blog_breadcrumb_area .breadcrumb_content_two ol li {
display: inline-block;
font-size: 16px
}
.blog_breadcrumb_area .breadcrumb_content_two ol li + li:before {
content: "\e649";
display: inline-block;
font-family: themify;
font-size: 10px;
margin: 0 5px 0 3px
}
.service_promo_area {
position: relative;
overflow: hidden;
z-index: 0
}
.service_promo_area .shape {
position: absolute;
width: 100%;
height: 1320px;
z-index: -1
}
.service_promo_area .shape.shape_one {
opacity: .01;
left: -25%;
top: 350px
}
.service_promo_area .shape.shape_two {
opacity: .02;
left: -15%;
top: 400px
}
.service_promo_area .shape.shape_three {
right: -52%;
bottom: -9%;
opacity: .01
}
.service_promo_area .shape.shape_four {
right: -44%;
bottom: -12%;
opacity: .02
}
.s_service_section {
margin-top: 360px
}
.s_service_item {
background-image: linear-gradient(40deg,rgb(103,84,226) 0%,rgb(25,204,230) 100%);
box-shadow: 0 20px 60px 0 rgba(0,11,40,.06);
padding: 50px 40px 40px;
position: relative;
z-index: 1;
cursor: pointer
}
.s_service_item .icon {
width: 82px;
height: 82px;
border-width: 1px;
border-style: solid;
border-radius: 50%;
line-height: 82px;
font-size: 30px;
text-align: center;
margin-bottom: 34px;
transition: all .3s linear
}
.s_service_item .icon.icon_1 {
background-color: rgba(10,188,123,.059);
border-color: rgba(10,188,123,.3);
color: #0abc7b
}
.s_service_item .icon.icon_2 {
border-color: rgba(231,178,18,.3);
background-color: rgba(214,167,25,.059);
color: #d6a719
}
.s_service_item .icon.icon_3 {
color: #6754e2;
background-color: rgba(103,84,226,.059);
border-color: rgba(103,84,226,.3)
}
.s_service_item .icon.icon_4 {
color: #f91c60;
background-color: rgba(248,27,95,.059);
border-color: rgba(248,27,95,.3)
}
.s_service_item .solid_overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #fff;
z-index: -1;
opacity: 1;
transition: all .3s linear
}
.s_service_item h5 {
margin-bottom: 18px;
transition: color .2s ease
}
.s_service_item:hover .solid_overlay {
opacity: 0
}
.s_service_item:hover .learn_btn_two, .s_service_item:hover h5, .s_service_item:hover p {
color: #fff
}
.s_service_item:hover .icon {
border-color: rgba(255,255,255,.3);
background-color: rgba(255,255,255,.059);
color: #fff
}
.learn_btn_two {
color: #051441;
font-size: 15px;
display: inline-block;
margin-top: 7px;
position: relative;
transition: color .2s ease
}
.learn_btn_two:before {
content: "";
height: 1px;
width: 0;
position: absolute;
left: 0;
background: #fff;
bottom: 0;
transition: width .2s ease
}
.learn_btn_two i {
font-size: 13px;
padding-left: 5px;
vertical-align: middle
}
.learn_btn_two:hover {
color: #fff
}
.learn_btn_two:hover:before {
width: 100%
}
.learn_btn_two:hover i {
padding-left: 10px;
transition: all .2s ease
}
.service_promo_area_two {
margin-top: -140px;
padding-bottom: 120px
}
.service_promo_area_two .s_service_section {
margin-top: 200px
}
.service_promo_area_two .shape.shape_one {
top: 150px
}
.service_promo_area_two .shape.shape_two {
top: 250px
}
.service_promo_area_two .s_service_item {
background: #5f51fb
}
.s_features_section {
margin-top: 190px;
padding-bottom: 70px
}
.s_features_item .s_features_content {
max-width: 590px
}
.s_features_item .s_features_content .icon_square {
width: 72px;
height: 72px;
border-radius: 4px;
border: 1px solid rgba(127,203,17,.3);
background-color: rgba(127,203,17,.059);
text-align: center;
font-size: 30px;
line-height: 72px;
color: #7fcb11
}
.s_features_item .s_features_content h2 {
margin: 32px 0 20px
}
.s_features_item .ml_50 {
margin-left: -50px
}
.s_features_item .ml_25 {
margin-left: -25px
}
.s_features_item.s_features_item_two .s_features_content .icon_square {
background-color: rgba(94,44,237,.059);
border-color: rgba(94,44,237,.3);
color: #6754e2
}
.learn_btn {
font: 500 16px/25px "Poppins",sans-serif;
color: #051441;
vertical-align: middle;
display: inline-block;
position: relative;
margin-top: 30px;
transition: all .1s linear
}
.learn_btn i {
padding-left: 8px;
font-size: 14px;
transition: all .2s ease 0s
}
.learn_btn:before {
content: "";
width: 100%;
left: 0;
bottom: 0;
height: 1px;
background: #051441;
position: absolute;
transition: background .3s linear
}
.learn_btn:hover {
color: #7fcb11
}
.learn_btn:hover:before {
background: #7fcb11
}
.learn_btn:hover i {
padding-left: 15px
}
.software_promo_area {
background: #f6f7fa;
overflow: hidden;
position: relative;
z-index: 0
}
.software_promo_area .round_shape {
border-radius: 50%;
max-width: 650px;
min-height: 650px;
margin: 120px auto 0;
position: relative
}
.software_promo_area .round_shape .symbols-pulse {
top: 50%
}
.software_promo_area .round_shape .r_shape {
position: absolute;
top: 50%;
left: 50%;
border: 1px solid #e9ebf0;
border-radius: 50%;
transform: translate(-50%,-50%)
}
.software_promo_area .round_shape .r_shape.r_shape_five {
display: flex;
align-items: center;
justify-content: center
}
.software_promo_area .round_shape .r_shape.r_shape_five a {
display: block;
color: #fff;
font-size: 80px;
font-weight: 700
}
.software_promo_area .round_shape .r_shape.r_shape_five .round {
width: 30px;
height: 30px;
display: block;
border-radius: 50%;
background: #399be4;
border: 5px solid #fff;
right: 10px;
position: absolute;
bottom: 12px
}
.s_promo_info .promo_item {
position: absolute;
border-style: solid;
border: 0 solid rgba(93,88,247,.14);
border-radius: 50%;
background-color: #fff;
box-shadow: 0 30px 60px 0 rgba(0,11,40,.1);
display: flex;
align-items: center;
text-align: center;
justify-content: center;
opacity: 1;
width: 120px;
height: 120px
}
.s_promo_info .promo_item .text {
padding: 10px
}
.s_promo_info .promo_item .text img {
max-width: 100%;
height: auto
}
.s_promo_info .promo_item .text p {
display: block;
font-size: 14px;
color: #677294;
margin-bottom: 0;
margin-top: 5px;
font-weight: 400
}
.s_promo_info .promo_item.item_one {
left: 50%;
top: 0
}
.s_promo_info .promo_item.item_two {
left: 0;
top: 228px
}
.s_promo_info .promo_item.item_three {
left: 133px;
top: 95px
}
.s_promo_info .promo_item.item_four {
left: 72%;
top: 23%
}
.s_promo_info .promo_item.item_five {
left: 84%;
top: 50%
}
.s_promo_info .promo_item.item_six {
top: 61%;
left: 24%
}
.s_promo_info .promo_item.item_seven {
top: 70%;
left: 67%
}
.s_promo_info .promo_item.item_eight {
top: 84%;
left: 41%
}
.s_promo_info .promo_item.item_nine {
left: 0;
top: 65%
}
.s_promo_info .promo_item.scroll_animation.in-view {
opacity: 1
}
.s_promo_info .promo_item.scroll_animation.in-view.item_one {
animation: rollIncustom3 .6s linear
}
.s_promo_info .promo_item.scroll_animation.in-view.item_two {
animation: rollIncustom .6s linear
}
.s_promo_info .promo_item.scroll_animation.in-view.item_three {
animation: rollIncustom1 .9s linear
}
.s_promo_info .promo_item.scroll_animation.in-view.item_four {
animation: rollIncustom4 1.2s linear
}
.s_promo_info .promo_item.scroll_animation.in-view.item_five {
animation: rollIncustom5 .9s linear
}
.s_promo_info .promo_item.scroll_animation.in-view.item_six {
animation: rollIncustom6 .6s linear
}
.s_promo_info .promo_item.scroll_animation.in-view.item_seven {
animation: rollIncustom7 .9s linear
}
.s_promo_info .promo_item.scroll_animation.in-view.item_eight {
animation: rollIncustom8 .6s linear
}
.s_promo_info .promo_item.scroll_animation.in-view.item_nine {
animation: rollIncustom9 .9s linear
}
.process_area .features_info {
padding-bottom: 185px
}
.features_area {
background: #fbfbfd;
overflow: hidden
}
.feature_info .feature_img {
position: relative
}
.feature_info .feature_img img {
max-width: 100%
}
.feature_info .feature_img.f_img_one {
margin-left: -50px
}
.feature_info .feature_img.f_img_one .one {
bottom: 10px;
left: 50px
}
.feature_info .feature_img.f_img_one .three {
bottom: 60px;
left: 50px
}
.feature_info .feature_img.f_img_two .one {
right: 120px;
bottom: 10px
}
.feature_info .feature_img.f_img_two .three {
right: 70px;
bottom: 30px
}
.feature_info .feature_img.f_img_two .four {
top: 80px;
left: 100px
}
.feature_info .f_content .icon {
position: relative;
width: 105px;
height: 105px;
text-align: center;
line-height: 105px;
font-size: 20px;
color: #fff;
margin-left: -24px;
z-index: 1
}
.feature_info .f_content .icon img {
position: absolute;
left: 0;
top: 10px;
z-index: -1
}
.feature_info .f_content h2 {
color: #3f4451;
line-height: 44px;
padding-right: 50px;
margin: 8px 0 30px
}
.feature_info .f_content p {
color: #677294;
line-height: 30px;
margin-bottom: 0
}
.prototype_featured_area {
background: #f4f4f9;
position: relative;
z-index: 1
}
.p_feature_item + .p_feature_item {
margin-top: 170px
}
.p_feature_item img {
max-width: 100%
}
.p_feature_item .p_feture_img_one {
margin-right: -160px
}
.p_feature_item .p_feture_img_two {
margin-left: -160px
}
.p_feature_item .prototype_content h2 {
font-size: 26px;
line-height: 36px;
padding-right: 70px
}
.p_feature_item .prototype_content .prototype_logo {
background-color: #fbfbfd;
box-shadow: 0 2px 3px 0 rgba(12,0,46,.04);
display: inline-block;
padding: 7px 16px;
margin: 35px 0 45px
}
.p_feature_item .prototype_content .prototype_logo a {
display: inline-block;
padding: 10px 12px
}
.p_feature_item .prototype_content p {
font-weight: 300
}
.agency_featured_area {
padding-top: 160px
}
.agency_featured_area_two {
padding-bottom: 150px
}
.features_info {
position: relative;
padding-bottom: 170px
}
.features_info .dot_img {
position: absolute;
left: 0;
top: 28px
}
.features_info.feature_info_two {
padding-bottom: 70px
}
.dot {
width: 20px;
height: 20px;
border-radius: 50%;
background-color: rgba(255,161,39,.161);
display: block;
position: absolute;
left: -9px;
top: 15px;
z-index: 1
}
.dot .dot1 {
position: absolute;
left: 50%;
margin-top: -4px;
margin-left: -4px;
top: 50%;
width: 8px;
height: 8px;
border-radius: 50%;
background: #feb85d
}
.dot .dot2 {
position: absolute;
left: 50%;
top: 50%;
width: 8px;
height: 8px;
border-radius: 50%;
background: rgba(254,184,93,.8);
animation: pulsate 3s infinite;
animation-delay: 1.5s;
transform: translate(-50%,-50%);
will-change: transform
}
.dot.middle_dot {
left: 54.8%;
transform: translateX(-50%);
bottom: 0;
top: auto
}
.agency_featured_item {
margin-top: 130px
}
.agency_featured_item .agency_featured_content {
position: relative
}
.agency_featured_item .agency_featured_content h3 {
font: 500 26px/36px "Poppins",sans-serif;
color: #222d39;
margin: 32px 0 25px
}
.agency_featured_item .agency_featured_content p {
font-size: 15px
}
.agency_featured_item .agency_featured_content .icon {
width: 46px;
height: 46px;
line-height: 46px;
border-radius: 50%;
background-image: linear-gradient(40deg,rgb(94,44,237) 0%,rgb(164,133,253) 100%);
box-shadow: 0 10px 20px 0 rgba(94,44,237,.2);
font-size: 20px;
color: #fff;
display: inline-block;
text-align: center
}
.agency_featured_item.agency_featured_item_two .agency_featured_content .dot {
left: 30px
}
.software_featured_area {
padding-top: 120px
}
.software_featured_item .s_icon {
display: inline-block;
position: relative
}
.software_featured_item .s_icon .icon {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%);
margin-top: -22px
}
.software_featured_item h3 {
font-size: 17px;
margin: 30px 0 25px
}
.software_featured_item .learn_btn {
font: 400 14px/26px "Poppins",sans-serif;
color: #222d39;
position: relative;
margin-top: 0
}
.software_featured_item .learn_btn:before {
content: "";
width: 0;
height: 1px;
left: auto;
right: 0;
bottom: 0;
background: #1f4897;
position: absolute;
transition: width .2s linear
}
.software_featured_item .learn_btn:hover {
color: #1f4897
}
.software_featured_item .learn_btn:hover:before {
width: 100%;
right: auto;
left: 0
}
.software_featured_area_two {
background-image: linear-gradient(40deg,rgb(35,2,109) 0%,rgb(61,100,244) 100%)
}
.software_featured_img {
margin-left: -30px
}
.software_featured_content .btn_four {
border: 0;
color: #1f4897;
background: #fff
}
.software_featured_content .btn_four:hover {
color: #fff;
background: #1f4897
}
.saas_featured_area {
position: relative;
overflow: hidden
}
.square_box {
position: absolute;
transform: rotate(45deg);
border-top-left-radius: 45px;
opacity: .302
}
.square_box.box_one {
background-image: linear-gradient(140deg,rgb(41,10,89) 0%,rgb(61,87,244) 100%);
width: 382px;
height: 382px;
bottom: -191px;
left: -50px
}
.square_box.box_two {
background-image: linear-gradient(140deg,rgb(60,15,115) 0%,rgb(188,34,128) 100%);
width: 235px;
height: 235px;
bottom: -116px;
left: 250px
}
.square_box.box_three {
background-image: linear-gradient(-90deg,rgb(41,10,89) 0%,rgb(61,87,244) 100%);
opacity: .059;
left: -80px;
top: -60px;
width: 500px;
height: 500px;
border-radius: 45px
}
.square_box.box_four {
background-image: linear-gradient(-90deg,rgb(41,10,89) 0%,rgb(61,87,244) 100%);
opacity: .059;
left: 150px;
top: -25px;
width: 550px;
height: 550px;
border-radius: 45px
}
.saas_featured_info .saas_featured_item {
color: #fff;
border-radius: 4px;
padding: 50px 30px 50px 40px;
margin-bottom: 30px;
transition: all .3s linear;
cursor: pointer
}
.saas_featured_info .saas_featured_item.s_featured_one {
background-image: linear-gradient(40deg,rgb(60,15,115) 0%,rgb(188,34,128) 100%)
}
.saas_featured_info .saas_featured_item.s_featured_two {
background-image: linear-gradient(40deg,rgb(41,10,89) 0%,rgb(61,87,244) 100%)
}
.saas_featured_info .saas_featured_item.s_featured_three {
background-image: linear-gradient(40deg,rgb(65,24,129) 0%,rgb(17,131,173) 100%)
}
.saas_featured_info .saas_featured_item.s_featured_four {
background-image: linear-gradient(40deg,rgb(65,24,129) 0%,rgb(155,43,220) 100%)
}
.saas_featured_info .saas_featured_item h6 {
font-size: 18px;
color: #fff
}
.saas_featured_info .saas_featured_item p {
font-size: 15px;
font-weight: 300;
color: #fff
}
.saas_featured_info .saas_featured_item:hover {
transform: scale(1.06)
}
.saas_featured_info .saas_featured_content p {
color: #bdbed6
}
.saas_featured_info .f_img_one {
margin-left: -100px
}
.saas_featured_info .img_border img {
border: 4px solid #2a3656;
border-radius: 6px
}
.saas_featured_info .f_img_two {
margin-right: -120px;
position: relative;
z-index: 0
}
.saas_featured_info .f_img_two:before {
content: "";
background-color: #0f1029;
position: absolute;
width: 420px;
height: 100%;
right: -50px;
top: -55px;
z-index: -1
}
.saas_featured_info .f_img_two img {
border-color: #49436f
}
.saas_featured_info .saas_featured_content .saas_banner_btn {
padding: 12px 30px
}
.saas_featured_info + .saas_featured_info {
margin-top: 250px
}
.app_featured_area {
padding: 140px 0;
position: relative;
z-index: 1
}
.triangle_shape {
position: absolute;
z-index: -2;
height: 161%;
width: 149%;
background: #fbfbfd;
bottom: -290px;
right: -47%;
-webkit-transform: rotate(-36deg);
-ms-transform: rotate(-36deg);
transform: rotate(-36deg)
}
.app_featured_content {
padding: 50px 100px 90px 0
}
.app_featured_content .learn_btn_two {
margin-top: 20px;
overflow: hidden
}
.app_featured_content .learn_btn_two:before {
background: #4069eb
}
.app_featured_content .learn_btn_two:hover {
color: #4069eb
}
.app_fetured_item {
position: relative;
height: 100%;
margin-left: 70px
}
.app_item {
text-align: center;
border-radius: 6px;
width: 200px;
padding: 45px 0 35px;
position: absolute;
z-index: 0
}
.app_item h6 {
margin-bottom: 0;
margin-top: 10px
}
.app_item.item_one {
background-image: linear-gradient(40deg,rgb(232,126,22) 0%,rgb(240,222,20) 100%);
box-shadow: 0 20px 40px 0 rgba(224,149,32,.4);
right: 0;
top: 0;
z-index: 1
}
.app_item.item_two {
background-image: linear-gradient(40deg,rgb(94,44,237) 0%,rgb(164,133,253) 100%);
box-shadow: 0 20px 40px 0 rgba(94,44,237,.4);
left: 140px;
top: 90px
}
.app_item.item_three {
background-image: linear-gradient(40deg,rgb(224,56,39) 0%,rgb(249,164,122) 100%);
box-shadow: 0 20px 40px 0 rgba(224,56,39,.4);
left: 0;
bottom: 70px;
z-index: -1
}
.app_item.item_four {
background-image: linear-gradient(40deg,rgb(33,113,212) 0%,rgb(44,196,240) 100%);
box-shadow: 0 20px 40px 0 rgba(44,130,237,.4);
right: 0;
bottom: 10px
}
.app_img {
position: relative;
display: inline-block;
z-index: 0
}
.app_img .dot {
background: rgba(64,105,235,.161)
}
.app_img .dot .dot1 {
background: #6c8bed
}
.app_img .dot .dot2 {
background: rgba(64,105,235,.8)
}
.app_img .dot_one {
right: 75px;
top: 35px;
left: auto
}
.app_img .dot_two {
right: 100px;
top: 67%;
left: auto
}
.app_img .dot_three {
top: 38%;
left: 105px
}
.app_img .text_bg {
position: absolute;
z-index: 1
}
.app_img .text_bg.one {
left: -50%;
top: 190px
}
.app_img .text_bg.two {
right: -34%;
top: -50px
}
.app_img .text_bg.three {
right: -50%;
bottom: 100px
}
.app_featured_area_two {
position: relative;
padding-bottom: 120px
}
.app_featured_area_two .app_feature_info {
margin-top: 230px
}
.saas_features_area_two {
padding-top: 90px
}
.saas_features_item {
padding: 0 40px;
margin-bottom: 30px
}
.saas_features_item h4 {
margin: 25px 0 20px
}
.new_service {
position: relative
}
.new_service .col-lg-4:first-child .separator {
display: none
}
.new_service .number {
width: 33px;
height: 33px;
text-align: center;
font-size: 16px;
color: #5f51fb;
border: 1px solid #5f51fb;
border-radius: 50%;
margin: 0 auto;
line-height: 32px;
background: #fff;
transition: all .2s linear;
z-index: 1;
position: relative
}
.new_service .separator {
position: absolute;
top: 15px;
width: 100%;
background: #ededed;
height: 1px;
left: -51%;
z-index: 0
}
.new_service .separator:before {
content: "";
position: absolute;
top: 0;
width: 0;
background: #5f51fb;
height: 1px;
left: 0;
z-index: 0;
transition: width .3s linear
}
.new_service .new_service_content {
margin-top: 50px;
border-radius: 4px;
padding: 50px;
transition: all .2s linear
}
.new_service .saas_features_item {
padding: 0;
cursor: pointer;
position: relative
}
.new_service .saas_features_item:hover .number {
background: #5f51fb;
box-shadow: 0 10px 30px 0 rgba(95,81,251,.5);
color: #fff
}
.new_service .saas_features_item:hover .separator:before {
width: 100%
}
.new_service .saas_features_item:hover .new_service_content {
background-color: #fff;
box-shadow: 0 50px 80px 0 rgba(0,11,40,.08)
}
.payment_features_area {
position: relative;
padding-top: 100px;
padding-bottom: 50px
}
.payment_features_area .featured_item + .featured_item {
margin-top: 100px
}
.payment_features_area .payment_featured_img {
margin-left: -190px
}
.payment_features_area .payment_featured_img.img_two {
margin-right: -190px;
margin-left: 0
}
.payment_features_area .bg_shape {
position: absolute;
background-color: #fafbff;
width: 1100px;
height: 1775px;
display: block;
border-radius: 120px;
z-index: -1
}
.payment_features_area .shape_one {
transform: rotate(-45deg);
right: -669px;
top: -80px
}
.payment_features_area .shape_two {
left: -669px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-43deg);
top: 275px;
width: 870px
}
.payment_features_area .shape_three {
bottom: -29%;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
right: -100px;
width: 988px;
height: 1022px
}
.payment_features_content .icon {
display: inline-block;
position: relative;
height: 100px;
width: 100px;
margin-bottom: 40px
}
.payment_features_content .icon .icon_img {
position: absolute;
left: 50%;
top: 50%;
margin-top: -23px;
margin-left: -11px
}
.payment_features_content h2 {
font-weight: 700;
font-size: 26px;
color: #051441;
margin-bottom: 15px
}
.payment_features_content p {
font-size: 18px;
color: #677294;
line-height: 30px;
margin-bottom: 50px
}
.pay_btn {
color: #5956fe;
position: relative;
border: 0;
z-index: 1;
border-radius: 4px;
background: #fff;
z-index: 1;
min-width: 170px;
padding: 15px 20px;
text-align: center;
box-shadow: 0 2px 5px 0 rgba(63,54,132,.1)
}
.pay_btn:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
opacity: 0;
border-radius: 3px;
background-image: linear-gradient(0deg,rgb(113,33,255) 0%,rgb(33,212,253) 100%);
transition: all .3s linear
}
.pay_btn.pay_btn_two {
color: #fff;
margin-left: 18px
}
.pay_btn.pay_btn_two:before {
opacity: 1
}
.pay_btn.pay_btn_two:hover {
color: #5956fe;
box-shadow: 0 2px 5px 0 rgba(63,54,132,.1)
}
.pay_btn.pay_btn_two:hover:before {
opacity: 0
}
.pay_btn:hover {
color: #fff
}
.pay_btn:hover:before {
opacity: 1
}
.payment_features_two {
position: relative;
z-index: 1
}
.payment_features_two .sec_title h2 {
font-size: 35px;
line-height: 44px;
font-weight: 500
}
.payment_features_item {
border-radius: 4px;
background-color: #fff;
box-shadow: 0 20px 60px 0 rgba(0,11,40,.06);
padding: 50px 40px
}
.payment_features_item h4 {
font: 600 20px/26px "Poppins",sans-serif;
color: #051441;
margin-bottom: 22px
}
.payment_features_item p {
font-weight: 300;
margin-bottom: 28px
}
.payment_features_item .learn_btn_two:before {
background: #5f51fb
}
.payment_features_area_three {
padding: 135px 0 75px
}
.payment_features_content_two h2 {
font-size: 35px;
line-height: 44px;
margin-bottom: 18px;
font-weight: 500
}
.payment_features_content_two p {
font-size: 18px;
line-height: 30px;
font-weight: 300;
margin-bottom: 60px
}
.payment_features_content_two .item {
margin-top: 30px
}
.payment_features_content_two .item h3 {
font-size: 20px;
line-height: 26px;
color: #051441;
margin-bottom: 15px;
margin-top: 0
}
.payment_features_content_two .item p {
font-size: 16px;
line-height: 26px
}
.payment_features_content_two .app_btn {
background: #5f51fb;
border-color: #5f51fb;
padding: 11px 38px
}
.payment_features_content_two .app_btn i {
font-size: 12px;
padding-left: 10px
}
.payment_features_content_two .app_btn:hover {
color: #5f51fb;
background: 0 0
}
.payment_features_img {
position: relative;
text-align: left;
z-index: 1;
float: left
}
.payment_features_img:before {
content: "";
background: url(../img/new/shape_bg.png) no-repeat scroll center left;
position: absolute;
left: -65px;
top: -20px;
right: -32px;
height: 100%;
background-size: cover;
z-index: -1
}
.payment_features_img img {
margin-left: -50px
}
.payment_features_area_four .payment_features_content h2 {
line-height: 44px;
font-size: 30px
}
.payment_features_area_four .pay_btn {
border-radius: 45px;
border: 1px solid #5f51fb;
min-width: auto;
padding: 12px 36px;
color: #5f51fb
}
.payment_features_area_four .pay_btn:before {
background: #5f51fb
}
.payment_features_area_four .pay_btn:hover {
color: #fff
}
.payment_features_area_four .pay_btn.pay_btn_two {
color: #fff
}
.payment_features_area_four .pay_btn.pay_btn_two:hover {
color: #5f51fb
}
.perfect_solution_area {
display: flex;
overflow: hidden
}
.perfect_solution_area .perfect_solution_left {
display: flex;
align-items: center;
padding: 150px 0
}
.perfect_solution_area .perfect_solution_left .per_solution_content {
max-width: 685px;
margin-left: auto;
margin-right: 0;
padding-right: 170px
}
.perfect_solution_area .perfect_solution_left .per_solution_content h2 {
font-size: 40px;
line-height: 56px;
color: #051441;
font-weight: 500;
margin-bottom: 32px
}
.perfect_solution_area .perfect_solution_left .per_solution_content p {
font-size: 18px;
line-height: 30px;
margin-bottom: 50px
}
.perfect_solution_area .perfect_solution_left .per_solution_content .btn_three {
margin-top: 0;
font-size: 15px;
background: #5f51fb;
padding: 15px 42px
}
.perfect_solution_area .perfect_solution_left .per_solution_content .btn_three:hover {
background: 0 0
}
.perfect_solution_area .perfect_solution_left .per_solution_content .btn_six {
background: 0 0;
color: #677294;
border-color: #dfe3ed;
margin-left: 20px
}
.perfect_solution_area .perfect_solution_left .per_solution_content .btn_six:hover {
background: #5f51fb;
border-color: #5f51fb;
color: #fff
}
.perfect_solution_area .perfect_solution_left .per_solution_content.per_solution_content_two {
padding-right: 0;
margin-right: auto;
margin-left: 0;
padding-left: 110px
}
.perfect_solution_area .perfect_solution_left .per_solution_content.per_solution_content_three {
padding-right: 0;
margin-right: auto;
margin-left: 0;
padding-left: 110px
}
.perfect_solution_area .perfect_solution_left .per_solution_content.per_solution_content_three h2 {
font-weight: 600;
line-height: 56px
}
.perfect_solution_area .perfect_solution_left .per_solution_content.per_solution_content_three .btn_three {
border-radius: 45px;
padding: 13px 44px
}
.perfect_solution_area .perfect_solution_right {
padding: 0;
position: relative
}
.perfect_solution_area .perfect_solution_right .bg_img {
background: url(../img/new/solution_01.jpg) no-repeat scroll center 0;
position: absolute;
left: 0;
top: 0;
right: 0;
width: 100%;
height: 130%;
background-size: cover
}
.perfect_solution_area .perfect_solution_right .bg_img.bg_two {
background: url(../img/new/solution_02.jpg) no-repeat scroll center 0
}
.startup_tab {
border: 0;
margin-bottom: 50px
}
.startup_tab .nav-item {
width: 20%;
padding: 0 15px;
margin: 0;
text-align: center
}
.startup_tab .nav-item .nav-link {
border: 0;
background: #fbfbfd;
padding: 32px 0;
border-radius: 4px;
border: 2px solid transparent;
transition: all .3s linear;
cursor: pointer
}
.startup_tab .nav-item .nav-link .icon {
width: 70px;
height: 70px;
border-radius: 50%;
display: inline-block;
text-align: center;
font-size: 30px;
line-height: 72px;
color: #fff;
margin-bottom: 15px
}
.startup_tab .nav-item .nav-link h3 {
font-size: 18px;
line-height: 26px;
color: #051441;
font-weight: 400;
white-space: pre-line;
margin-bottom: 0
}
.startup_tab .nav-item .nav-link.active {
background: #fff;
box-shadow: 0 30px 40px 0 rgba(29,7,90,.08)
}
.startup_tab_content .show .startup_tab_img .phone_img, .startup_tab_content .show .startup_tab_img .web_img {
transform: translateX(0);
opacity: 1
}
.startup_tab_img {
position: relative;
padding-top: 40px;
padding-bottom: 64px;
z-index: 1
}
.startup_tab_img:before {
content: "";
height: 100%;
background: url("../img/new/tab_shape_bg.png") no-repeat scroll center 0/contain;
top: 0;
right: -55px;
left: -55px;
position: absolute;
z-index: -1
}
.startup_tab_img .web_img {
display: inline-block;
box-shadow: 0 20px 40px 0 rgba(0,11,40,.14);
transform: translateX(-30px);
opacity: 0;
transition: all .4s linear
}
.startup_tab_img .phone_img {
position: absolute;
right: 0;
bottom: 0;
transform: translateX(30px);
opacity: 0;
transition: all .5s linear
}
.intregration_logo {
padding-right: 60px;
margin-bottom: -30px
}
.intregration_logo .intregration_item {
margin-bottom: 30px
}
.intregration_icon {
width: 100%;
display: block;
background-color: #fff;
box-shadow: 0 4px 5px 0 rgba(29,7,90,.06);
height: 100%;
padding: 30px;
transition: all .3s linear
}
.intregration_icon:hover {
transform: scale(1.03)
}
.intregration_content h2 {
font-size: 30px;
color: #051441;
font-weight: 600;
margin-bottom: 25px
}
.intregration_content p {
line-height: 30px;
margin-bottom: 40px
}
.startup_fuatures_area_two .startup_tab {
margin-bottom: 0
}
.startup_fuatures_area_two .startup_tab .nav-item:hover:nth-child(1) .nav-link {
border-color: #fa6fd1
}
.startup_fuatures_area_two .startup_tab .nav-item:hover:nth-child(2) .nav-link {
border-color: #6fadfa
}
.startup_fuatures_area_two .startup_tab .nav-item:hover:nth-child(3) .nav-link {
border-color: #f3af4e
}
.startup_fuatures_area_two .startup_tab .nav-item:hover:nth-child(4) .nav-link {
border-color: #aa6ffa
}
.startup_fuatures_area_two .startup_tab .nav-item:hover:nth-child(5) .nav-link {
border-color: #fa6666
}
.seo_features_content h2 {
font-size: 30px;
line-height: 40px;
color: #263b5e;
font-weight: 600;
margin-bottom: 25px
}
.seo_features_content p {
font-size: 16px;
color: #6a7695;
font-weight: 300
}
.seo_features_content h6 {
font-size: 18px;
font-weight: 400;
color: #263b5e;
line-height: 30px;
margin-bottom: 35px
}
.seo_features_content .seo_btn {
margin-top: 40px
}
.seo_features_content .seo_features_item {
padding-right: 150px;
margin-top: 50px;
display: flex
}
.seo_features_content .seo_features_item .icon {
width: 70px;
height: 70px;
border-radius: 50%;
background: #f1ebfe;
text-align: center;
line-height: 70px;
margin-right: 30px
}
.seo_features_content .seo_features_item .icon.two {
background: #fcf1e7
}
.seo_features_content .seo_features_item .media-body {
flex: 1
}
.seo_features_content .seo_features_item h3 {
font-size: 20px;
color: #263b5e;
font-weight: 500;
margin-bottom: 15px
}
.seo_features_content .seo_features_item p {
font-size: 16px;
line-height: 28px;
color: #6a7695;
margin-bottom: 0
}
.seo_features_img {
text-align: center;
position: relative;
z-index: 1
}
.seo_features_img img {
margin-right: -80px
}
.seo_features_img .round_circle {
position: absolute;
width: 540px;
height: 540px;
border-radius: 50%;
background: #5e2ced;
right: -126px;
z-index: -1;
opacity: .06
}
.seo_features_img .round_circle.two {
width: 360px;
height: 360px;
left: 84px;
right: auto;
top: 74px;
z-index: -2
}
.seo_features_img.seo_features_img_two img {
margin-left: -170px;
margin-right: 0
}
.seo_features_img.seo_features_img_two .round_circle {
left: -86px;
right: auto;
width: 500px;
height: 500px;
background: #dfac0b
}
.seo_features_img.seo_features_img_two .round_circle.two {
right: 60px;
width: 370px;
height: 370px;
left: auto
}
.title-four h2 {
font: 600 30px/45px "Poppins",sans-serif;
color: #282835
}
.title-four p {
max-width: 670px;
margin: 0 auto
}
.best_screen_features_area {
position: relative;
padding-bottom: 100px;
margin-top: 120px;
z-index: 1;
background: #f8f8ff;
overflow: hidden
}
.best_screen_features_area .memphis-parallax li:nth-child(1) {
left: 30%;
top: 58px
}
.best_screen_features_area .memphis-parallax li:nth-child(3) {
left: 5%;
top: 33%
}
.best_screen_features_area .memphis-parallax li:nth-child(2) {
left: 8%;
top: 120px
}
.best_screen_features_area .memphis-parallax li:nth-child(6) {
left: 28%;
top: 86%
}
.best_screen_features_area .memphis-parallax li:nth-child(5) {
left: 13%;
top: 81%
}
.best_screen_features_area .memphis-parallax li:nth-child(7) {
left: 38%;
top: 89%
}
.best_screen_features_area .memphis-parallax li:nth-child(8) {
left: 39%;
top: 40%
}
.best_screen_features_area .memphis-parallax li:nth-child(4) {
left: 12%;
top: 64%
}
.best_screen_features_area .memphis-parallax li:nth-child(9) {
left: 28%;
top: 29%
}
.best_screen_features_area .memphis-parallax li:nth-child(10) {
left: 12%;
top: 34%
}
.best_screen_features_area svg {
position: absolute;
top: -14px;
width: 100%;
left: 0;
z-index: -1;
bottom: 0;
height: 277px
}
.b_screen_img {
margin-left: -50px;
margin-top: 65px
}
.b_features_item {
padding-left: 100px
}
.b_features_icon {
width: 70px;
height: 70px;
text-align: center;
font-size: 30px;
line-height: 70px;
color: #5e2ced;
border: 1px solid rgba(94,44,237,.2);
border-radius: 4px;
background-color: rgba(94,44,237,.05);
margin-bottom: 30px;
position: relative;
transition: all .2s linear
}
.b_features_icon .hover_color {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background-image: linear-gradient(-120deg,rgb(164,133,253) 0%,rgb(94,44,237) 100%);
box-shadow: 0 20px 30px 0 rgba(0,0,29,.14);
transition: all .3s linear;
opacity: 0;
border-radius: 4px
}
.b_features_item h3 {
font-size: 20px;
line-height: 26px;
color: #282835;
font-weight: 600;
padding-bottom: 15px;
transition: all .2s linear
}
.b_features_item h3:hover {
color: #5e2ced
}
.b_features_item:hover .b_features_icon {
color: #fff;
border: 1px solid transparent
}
.b_features_item:hover .b_features_icon .hover_color {
opacity: 1
}
.b_features_info {
height: 100%;
align-items: center;
padding-top: 70px
}
.service_area {
background: #f4f6fa
}
.service_item {
background: #fff;
box-shadow: 0 30px 40px 0 rgba(3,115,156,.1);
padding: 47px 40px 0;
height: 100%;
position: relative;
border: 2px solid transparent;
transition: border .2s linear;
cursor: pointer;
overflow: hidden
}
.service_item p {
line-height: 28px
}
.service_item .icon {
width: 54px;
height: 54px;
line-height: 54px;
font-size: 20px;
border-radius: 50%;
color: #fff;
text-align: center;
background-image: linear-gradient(40deg,rgb(94,44,237) 0%,rgb(164,133,253) 100%);
box-shadow: 0 14px 30px 0 rgba(94,44,237,.4);
position: absolute;
right: 30px;
top: 30px
}
.service_item .icon.s_icon_one {
background-image: linear-gradient(40deg,rgb(94,44,237) 0%,rgb(164,133,253) 100%);
box-shadow: 0 14px 30px 0 rgba(94,44,237,.4)
}
.service_item .icon.s_icon_two {
background-image: linear-gradient(40deg,rgb(224,56,39) 0%,rgb(249,164,122) 100%);
box-shadow: 0 14px 30px 0 rgba(224,56,39,.4)
}
.service_item .icon.s_icon_three {
background-image: linear-gradient(40deg,rgb(44,130,237) 0%,rgb(56,208,252) 100%);
box-shadow: 0 14px 30px 0 rgba(44,130,237,.4)
}
.service_item .icon.s_icon_four {
background-image: linear-gradient(40deg,rgb(224,149,32) 0%,rgb(250,233,38) 100%);
box-shadow: 0 14px 30px 0 rgba(224,149,32,.4)
}
.service_item img {
margin-right: -25px;
width: auto
}
.service_item:hover {
border-color: #c4e7f7
}
.prototype_service_area_two, .prototype_service_area_three {
overflow: hidden
}
.prototype_service_info {
padding: 150px 0 175px;
position: relative;
z-index: 0
}
.p_service_info {
margin-bottom: -90px
}
.p_service_item {
margin-bottom: 90px
}
.p_service_item .icon {
box-sizing: content-box;
width: 55px;
height: 60px;
position: relative;
margin: 0 0 25px;
font-size: 24px;
-webkit-border-radius: 50%/14%;
border-radius: 50%/14%;
color: #fff;
text-align: center;
line-height: 64px;
-o-text-overflow: clip;
text-overflow: clip;
z-index: 1
}
.p_service_item .icon:before {
box-sizing: content-box;
position: absolute;
content: "";
top: 10%;
right: -5.5%;
bottom: 10%;
left: -5%;
border: none;
-webkit-border-radius: 7%/50%;
border-radius: 7%/50%;
text-overflow: clip;
text-shadow: none;
z-index: -1
}
.p_service_item .icon.icon_one {
background: #7142f8
}
.p_service_item .icon.icon_one:before {
background: #7142f8
}
.p_service_item .icon.icon_two {
background: #5cbd2c
}
.p_service_item .icon.icon_two:before {
background: #5cbd2c
}
.p_service_item .icon.icon_three {
background: #f38650
}
.p_service_item .icon.icon_three:before {
background: #f38650
}
.p_service_item .icon.icon_four {
background: #ecbf24
}
.p_service_item .icon.icon_four:before {
background: #ecbf24
}
.p_service_item .icon.icon_five {
background: #fa4c9a
}
.p_service_item .icon.icon_five:before {
background: #fa4c9a
}
.p_service_item .icon.icon_six {
background: #35bfe7
}
.p_service_item .icon.icon_six:before {
background: #35bfe7
}
.p_service_item h5 {
font-size: 17px;
line-height: 22px;
margin-bottom: 15px
}
.p_service_item p {
font-size: 15px
}
.symbols-pulse {
position: absolute;
top: 58%;
left: 50%;
transform: translate(-50%,-50%);
z-index: -1
}
.symbols-pulse > div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 23rem;
height: 23rem;
border-radius: 100%;
background-image: linear-gradient(-180deg,rgba(227,221,246,0.1) 0%,rgba(227,221,246,0.2) 65%,rgba(227,221,246,0.1) 100%);
z-index: -1
}
.symbols-pulse .pulse-1 {
transform: translate(-50%,-50%) scale(.67)
}
.symbols-pulse .pulse-2 {
transform: translate(-50%,-50%) scale(1.05)
}
.symbols-pulse .pulse-3 {
transform: translate(-50%,-50%) scale(1.63)
}
.symbols-pulse .pulse-4 {
transform: translate(-50%,-50%) scale(2.1)
}
.symbols-pulse .pulse-x {
will-change: transform;
animation: pulsate 3s infinite
}
@keyframes pulsate {
0% {
opacity: 1;
transform: translate(-50%,-50%) scale(.5)
}
100% {
opacity: 0;
transform: translate(-50%,-50%) scale(4)
}
}
.prototype_service_area {
background: #fbfbfd;
padding-bottom: 130px;
padding-top: 20px
}
.service_carousel {
padding-left: 155px;
position: relative;
z-index: 1
}
.service_carousel:before {
width: 100px;
content: "";
height: 100%;
right: -25px;
top: 0;
position: absolute;
background: #fbfbfb;
filter: blur(12px);
box-shadow: 0 100px 40px 0 rgba(251,251,251,.1);
z-index: 1
}
.service_carousel .owl-stage {
left: -100px;
display: flex
}
.service_carousel .owl-item {
padding-left: 25px;
padding-bottom: 55px
}
.service_carousel .owl-item .service_item {
box-shadow: 0 30px 40px 0 rgba(12,0,46,.1)
}
.service_carousel .owl-item .service_item:hover {
border-color: rgba(116,68,253,.2)
}
.service_carousel .owl-item .service_item img {
width: auto
}
.service_carousel .owl-next {
position: absolute;
top: 40%;
transform: translateY(-50%);
left: 0;
width: 56px;
height: 56px;
border-radius: 50%;
background: #fff;
box-shadow: 0 2px 20px 2px rgba(12,0,46,.06);
font-size: 16px;
color: #222d39;
line-height: 56px;
transition: all .2s linear
}
.service_carousel .owl-next:hover {
background: #7444fd !important;
color: #fff !important
}
.prototype_service_area_two {
background: #f8f8fc;
padding: 120px 0 60px;
position: relative;
z-index: 1
}
.agency_service_area {
padding: 135px 0 140px
}
.agency_service_item {
margin-bottom: 30px
}
.agency_service_item .icon {
width: auto;
height: auto;
display: inline-block
}
.agency_service_item .icon i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%)
}
.agency_service_item a {
font: 400 14px/26px "Poppins",sans-serif;
color: #222d39;
vertical-align: middle;
position: relative;
z-index: 1;
transition: color .3s linear 0s
}
.agency_service_item a:before {
content: "";
width: 100%;
height: 1px;
background: #222d39;
left: 0;
bottom: 0;
position: absolute;
z-index: -1;
transition: width .3s linear 0s
}
.agency_service_item p {
display: inline-block
}
.agency_service_item p i {
vertical-align: middle;
padding-left: 8px;
transition: all .3s linear 0s
}
.agency_service_item p:hover a {
color: #5e2ced
}
.agency_service_item p:hover a:before {
width: 132%;
background: #5e2ced
}
.agency_service_item p:hover i {
color: #5e2ced;
padding-left: 12px
}
.design_img img {
border: 2px solid #e4ebf2;
border-radius: 6px;
background-color: #c3c9ce;
box-shadow: 0 20px 30px 0 rgba(12,0,46,.1)
}
.design_img_two {
margin-left: -100px
}
.software_service_area {
background: #f9f9fc
}
.software_service_tab {
margin: 0;
border: 0;
display: block
}
.software_service_tab .nav-item {
margin: 0
}
.software_service_tab .nav-item .nav-link {
display: block;
padding: 16px 32px 16px 40px;
transition: border-left-color .25s linear;
border-radius: 0;
border: 0;
border-left: 4px solid #e6e8ef;
background: 0 0;
font: 400 16px poppins,sans-serif;
color: #677294;
position: relative;
cursor: pointer
}
.software_service_tab .nav-item .nav-link:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 7px 0 7px 8px;
border-color: transparent transparent transparent #1f4897;
position: absolute;
left: -2px;
top: 50%;
transform: translateY(-50%);
opacity: 0
}
.software_service_tab .nav-item .nav-link.active {
border-left-color: #1f4897;
color: #1f4897
}
.software_service_tab .nav-item .nav-link.active:before {
opacity: 1
}
.software_service_tab_content {
margin-bottom: -70px
}
.software_service_tab_content .software_service_item {
padding-right: 30px
}
.software_service_tab_content .software_service_item i {
font-size: 30px;
color: #1f4897;
line-height: 40px
}
.software_service_tab_content .software_service_item h5 {
font: 600 17px/25px "Poppins",sans-serif;
color: #222d39
}
.software_service_tab_content .software_service_item p {
font-size: 15px
}
.developer_product_area {
background: #f9f9fc;
padding: 160px 0
}
.developer_product_content {
padding-right: 100px
}
.developer_product_content .develor_tab {
display: inline-block;
border-bottom: 2px solid #e1e3ed;
padding: 0 40px 0 10px
}
.developer_product_content .develor_tab .nav-item {
margin: 0 0 0 50px;
float: left
}
.developer_product_content .develor_tab .nav-item .nav-link {
font: 400 16px poppins,sans-serif;
color: #677294;
border: 0;
padding: 0 0 10px;
position: relative;
cursor: pointer
}
.developer_product_content .develor_tab .nav-item .nav-link:before {
width: 0;
content: "";
left: auto;
right: 0;
height: 2px;
background: #1f4897;
position: absolute;
bottom: -2px;
transition: all .3s linear
}
.developer_product_content .develor_tab .nav-item .nav-link.active {
color: #1f4897;
background: 0 0
}
.developer_product_content .develor_tab .nav-item .nav-link.active:before {
right: auto;
left: 0;
width: 100%
}
.developer_product_content .develor_tab .nav-item:first-child {
margin-left: 0
}
.developer_product_content .developer_tab_content p {
line-height: 28px;
font-weight: 300
}
.developer_product_content .developer_tab_content .details_btn {
font: 400 14px poppins,sans-serif;
color: #1f4897;
position: relative;
display: inline-block
}
.developer_product_content .developer_tab_content .details_btn:before {
width: 100%;
content: "";
left: auto;
right: 0;
height: 1px;
background: #1f4897;
position: absolute;
bottom: 0;
transition: all .3s linear
}
.c_violet {
color: #222d39
}
.c_violet:before {
background: #5e2ced
}
.c_violet:hover {
color: #5e2ced
}
.d_product_content_two .develor_tab .nav-item .nav-link:before {
background: #5e2ced
}
.d_product_content_two .develor_tab .nav-item .nav-link.active {
color: #5e2ced
}
.tab_img_info {
position: relative
}
.tab_img_info .tab_img {
position: absolute;
top: 0;
left: 0;
opacity: 0;
border-radius: 6px;
overflow: hidden;
transition: opacity .3s linear
}
.tab_img_info .tab_img.active {
position: relative;
opacity: 1
}
.app_service_area {
padding-top: 120px;
background: #fff
}
.app_service_info {
margin-bottom: -90px;
position: relative;
z-index: 2;
overflow: hidden
}
.app_service_item {
border: 1px solid #f4f4f9;
background-color: #fff;
box-shadow: 0 2px 4px 0 rgba(12,0,46,.04);
padding: 50px;
transition: all .2s linear;
margin-bottom: 30px;
cursor: pointer
}
.app_service_item .app_icon {
font-size: 40px;
line-height: 45px
}
.app_service_item .app_icon.one {
text-shadow: 0 14px 30px rgba(44,130,237,.4);
color: #677294;
background-image: linear-gradient(0deg,rgb(33,113,212) 0%,rgb(44,196,240) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
.app_service_item .app_icon.two {
text-shadow: 0 14px 30px rgba(224,56,39,.4);
color: #e03827;
background-image: linear-gradient(0deg,#e03827 0%,#f9a47a 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
.app_service_item .app_icon.three {
text-shadow: 0 14px 30px rgba(94,44,237,.4);
color: #e03827;
background-image: linear-gradient(0deg,#5e2ced 0%,#a485fd 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
.app_service_item .learn_btn_two {
color: #222d39;
font-size: 14px
}
.app_service_item .learn_btn_two:before {
background: #4069eb
}
.app_service_item .learn_btn_two:hover {
color: #4069eb
}
.app_service_item .learn_btn_two.c_violet:hover {
color: #5e2ced
}
.app_service_item .learn_btn_two.c_violet:hover:before {
background: #5e2ced
}
.app_service_item:hover {
box-shadow: 0 20px 40px 0 rgba(12,0,46,.08)
}
.app_service_area_two {
background: #f9f9fc;
padding: 120px 0
}
.app_service_area_two .app_service_info {
margin-bottom: -30px
}
.service_details_img {
margin-left: -80px
}
.service_details ul {
padding-left: 35px
}
.service_details ul li {
font: 400 16px poppins,sans-serif;
color: #677294;
position: relative;
padding-left: 35px;
margin-bottom: 13px
}
.service_details ul li i {
position: absolute;
left: 0;
top: 5px;
color: #5e2ced
}
.service_details ul li:last-child {
margin-bottom: 0
}
.service_details_item + .service_details_item {
margin-top: 200px
}
.saas_service_item .saas_service_content .icon {
width: 60px;
height: 60px;
border-radius: 50%;
font-size: 24px;
line-height: 64px;
color: #fff;
text-align: center;
margin-bottom: 35px
}
.saas_service_item .saas_service_content .icon.icon_one {
background-image: linear-gradient(40deg,rgb(94,44,237) 0%,rgb(164,133,253) 100%);
box-shadow: 0 10px 20px 0 rgba(94,44,237,.2)
}
.saas_service_item .saas_service_content .icon.icon_two {
background-image: linear-gradient(40deg,rgb(224,56,39) 0%,rgb(249,164,122) 100%);
box-shadow: 0 10px 20px 0 rgba(227,69,49,.2)
}
.saas_service_item .saas_service_content .icon.icon_three {
background-image: linear-gradient(40deg,rgb(87,178,42) 0%,rgb(119,234,61) 100%);
box-shadow: 0 10px 20px 0 rgba(92,186,45,.2)
}
.saas_service_item .saas_service_content .icon.icon_four {
background-image: linear-gradient(40deg,rgb(44,130,237) 0%,rgb(56,208,252) 100%);
box-shadow: 0 10px 20px 0 rgba(45,139,239,.2)
}
.saas_service_item .saas_service_content h4 {
margin-bottom: 20px
}
.saas_service_item .saas_service_content p {
margin-bottom: 45px
}
.saas_service_item + .saas_service_item {
margin-top: 180px
}
.payment_service_area {
padding-top: 225px;
padding-bottom: 150px;
position: relative;
z-index: 2;
background: url(../img/home9/shape_two.png) no-repeat scroll center 0;
background-size: cover
}
.payment_service_area .image_shape {
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 882px;
z-index: -1
}
.payment_service_area .service-content h2 {
font-size: 26px;
margin-bottom: 25px
}
.payment_service_area .service-content p {
font-size: 18px
}
.pay_icon {
background: url(../img/home9/icon_shape_two.png) no-repeat scroll center 0;
width: 110px;
height: 103px;
text-align: center;
line-height: 95px;
margin-bottom: 34px
}
.payment_service_item {
padding-right: 80px;
margin-bottom: 75px;
display: flex
}
.payment_service_item .icon {
width: 60px;
height: 60px;
border-radius: 50%;
background: rgba(255,255,255,.1);
text-align: center;
line-height: 55px;
margin-right: 30px
}
.payment_service_item .media-body {
flex: 1
}
.payment_service_item h3 {
margin-bottom: 15px
}
.payment_service_item p {
margin-bottom: 0
}
.stratup_service_img {
position: relative;
padding-top: 20px;
z-index: 1
}
.stratup_service_img .shape {
position: absolute;
left: -37px;
right: 0;
top: 0;
bottom: 0;
background: url(../img/new/new_shape.png) no-repeat scroll left 0;
z-index: -1;
background-size: contain
}
.stratup_service_img .phone_img {
position: absolute;
left: 0;
bottom: 0
}
.stratup_service_info {
margin-left: -15px
}
.stratup_service_info .startup_service_item {
position: relative;
padding-left: 75px
}
.stratup_service_info .startup_service_item .icon {
width: 60px;
height: 60px;
border-radius: 50%;
text-align: center;
font-size: 24px;
color: #fff;
background: #6fadfa;
line-height: 65px;
position: absolute;
left: 0;
top: -5px
}
.stratup_service_info .startup_service_item .icon.icon_two {
background: #f3af4e
}
.stratup_service_info .startup_service_item .icon.icon_three {
background: #fa6fd1
}
.stratup_service_info .startup_service_item .icon.icon_four {
background: #fa6666
}
.stratup_service_info .startup_service_item h3 {
font-size: 18px;
font-weight: 600;
font-family: poppins,sans-serif;
color: #051441;
margin-bottom: 2px
}
.stratup_service_info .startup_service_item p {
font-size: 15px;
font-weight: 400;
margin-bottom: 0
}
.stratup_service_info .startup_service_item + .startup_service_item {
margin-top: 40px
}
.progress_bar_area {
padding-top: 120px
}
.progress_bar_area .br_bottom {
width: 100%;
height: 1px;
background: #f0f0f8;
margin-top: 100px
}
.progress_bar_area .progress_item {
text-align: center;
padding: 0 30px;
margin-bottom: 30px
}
.progress_bar_area .progress_item .circle {
position: relative;
margin-bottom: 22px
}
.progress_bar_area .progress_item h4 {
color: #051441;
font-size: 20px;
font-weight: 500;
line-height: 30px;
font-family: poppins,sans-serif
}
.progress_bar_area .progress_item p {
margin-bottom: 0;
line-height: 28px
}
.progress_bar_area .number {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
font-size: 40px;
color: #051441;
font-family: poppins,sans-serif;
font-weight: 400
}
.service_details_area .job_info .info_item {
padding-left: 0
}
.service_details_area .details_content .sec_title p + p {
margin-top: 40px;
margin-bottom: 0
}
.case_study_area .row {
margin-bottom: -40px
}
.case_study_item {
margin-bottom: 40px
}
.case_study_item img {
max-width: 100%
}
.case_study_item .text {
background: #f4f6f9;
padding: 20px 40px;
transition: all .3s linear;
cursor: pointer
}
.case_study_item p {
font-size: 15px;
color: #677294;
margin-bottom: 0
}
.case_study_item h3 {
font-size: 20px;
line-height: 34px;
font-weight: 500;
color: #282835;
margin-bottom: 0;
transition: all .3s linear
}
.case_study_item h3:hover {
color: #5e2ced
}
.case_study_item:hover .text {
background: #fff;
box-shadow: 0 20px 20px 0 rgba(9,1,34,.06)
}
.study_details h2 {
font-size: 30px;
font-weight: 600;
color: #051441;
margin-bottom: 25px
}
.study_details .btn_info {
align-items: center;
padding-top: 40px
}
.study_details .tag {
font-size: 20px;
color: #3dc318;
margin-left: 25px
}
.study_details .tag i {
padding-right: 15px
}
.study_details ul li {
font: 400 15px poppins,sans-serif;
color: #677294;
margin-bottom: 15px
}
.study_details ul li span {
font-weight: 600;
color: #051441
}
.study_details_content {
padding-top: 58px
}
.study_details_content h2 {
font-size: 26px;
color: #051441;
font-weight: 600;
margin-bottom: 25px
}
.study_details_content p {
color: #677294;
font-size: 15px;
line-height: 28px;
margin-bottom: 0
}
.study_details_content p + p {
margin-top: 30px
}
.study_details_two .study_details_content {
padding-top: 0
}
.study_details_two .study_details_content + .study_details_content {
padding-top: 50px
}
.study_details_three .details_img img {
box-shadow: -12.856px 15.321px 30px 0 rgba(9,1,34,.1)
}
.study_details_three .study_details_content {
padding-top: 0
}
.study_details_three .study_details_content h2 {
margin-bottom: 25px
}
.study_details_three .study_details_content p {
margin-bottom: 50px
}
.study_details_three .study_details_content ul li {
font: 400 15px/34px "Poppins",sans-serif;
color: #282835;
position: relative;
padding-left: 25px
}
.study_details_three .study_details_content ul li:before {
content: "\e64c";
position: absolute;
left: 0;
top: 0;
font-family: themify;
color: #5e2ced
}
.seo_service_item {
background-color: #fff;
box-shadow: 0 3px 10px 0 rgba(38,59,94,.1);
padding: 60px 40px 38px;
margin-bottom: 30px;
transition: all .3s linear;
cursor: pointer
}
.seo_service_item h4 {
font-size: 20px;
line-height: 28px;
color: #263b5e;
font-weight: 500;
margin-top: 35px;
margin-bottom: 16px;
transition: color .2s linear
}
.seo_service_item h4:hover {
color: #5e2ced
}
.seo_service_item p {
margin-bottom: 0;
font-size: 16px;
line-height: 30px;
color: #6a7695;
margin-bottom: 40px
}
.seo_service_item i {
font-size: 40px;
color: #afb8ce;
transition: color .2s linear
}
.seo_service_item i:hover {
color: #5e2ced
}
.seo_service_item:hover {
box-shadow: 0 30px 60px 0 rgba(38,59,94,.1)
}
.case_studies_slider .owl-dots {
margin-top: 40px
}
.case_studies_slider .owl-dots button span {
width: 6px;
height: 6px;
background: #b9c4d8;
border: 0
}
.case_studies_slider .owl-dots button.active span {
background: #5e2ced
}
.studies_item {
background: #fff;
box-shadow: 0 3px 4px 0 rgba(38,59,94,.1);
margin: 10px 15px
}
.studies_item .text {
padding: 18px 40px
}
.studies_item .text h4 {
font-size: 20px;
color: #263b5e;
font-weight: 500;
margin-bottom: 3px
}
.studies_item .text p {
margin-bottom: 0
}
.studies_item .text p a {
font-size: 16px;
color: #6a7695
}
.app-deatails-area {
padding: 120px 0
}
.app-deatails-area .title-four {
margin-bottom: 60px
}
.app-deatails-area .app_info {
border-width: 1px;
border-color: #f0f0fa;
border-style: solid;
background-color: #fff;
box-shadow: 0 30px 80px 0 rgba(0,0,29,.1);
padding: 60px 0;
position: relative;
z-index: 1
}
.app-deatails-area .app-details {
position: relative;
padding: 70px;
border-right: 1px solid #e8e8f2
}
.app-deatails-area .app-details .app-title {
text-align: center;
font-family: poppins,sans-serif;
margin-bottom: 35px
}
.app-deatails-area .app-details .app-title h5 {
font: 600 20px/30px "Poppins",sans-serif;
color: #282835;
letter-spacing: 0;
padding: 45px 0 10px
}
.app-deatails-area .app-details .user-info {
font-size: 14px;
line-height: 16px;
font-weight: 400;
color: #8b8b99
}
.app-deatails-area .app-details .user-info .star-rating {
display: inline-block;
color: #f8bf10;
font-size: 12px;
margin-right: 12px
}
.app-deatails-area .app-details .customer_table table {
margin-bottom: 0
}
.app-deatails-area .app-details .customer_table table td {
border: 0;
font: 600 16px/22px "Poppins",sans-serif;
color: #282835
}
.app-deatails-area .app-details .customer_table table td + td {
font-weight: 400;
color: #585e68
}
.app-deatails-area .app-details .app-icon {
width: 80px;
height: 80px;
line-height: 78px;
border: 1px solid #5e2ced;
text-align: center;
border-radius: 3px;
display: block;
margin: 0 auto;
position: relative;
z-index: 1
}
.app-deatails-area .app-details .app-icon:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
background-image: linear-gradient(-120deg,rgb(164,133,253) 0%,rgb(94,44,237) 100%);
box-shadow: 0 20px 30px 0 rgba(0,0,29,.14);
z-index: -1;
opacity: 0;
transition: all .3s linear
}
.app-deatails-area .app-details:hover .app-icon:before {
opacity: 1
}
.app-deatails-area .app-details:hover .app-icon img {
filter: brightness(10)
}
.app_info .col-md-6:last-child .app-details {
border-right: 0
}
.service_primary {
padding: 0 45px;
margin-top: 30px
}
.service_primary .service_icon {
display: flex;
align-items: center;
margin: 0 auto 40px
}
.service_primary .service_icon > img {
height: auto;
margin: auto;
max-width: 140px
}
.service_primary .service_title {
margin-bottom: 15px
}
.service_primary .service_title > a {
font-size: 24px;
font-weight: 600;
color: #222d39
}
.service_primary:hover .service_title > a {
color: #3e5ae8
}
.service_primary p {
font-size: 15px;
line-height: 1.733;
margin-bottom: 26px
}
.service_primary .flow_gray {
display: inline-block
}
.s_pricing-item {
text-align: center;
background: #f6f7fa;
border: 1px solid #f6f7fa;
padding: 55px;
cursor: pointer;
transition: all .2s linear;
margin-bottom: 30px;
position: relative
}
.s_pricing-item .tag_label {
font: 400 16px/22px "Poppins",sans-serif;
color: #fff;
background: #5f2eed;
transform: rotate(90deg);
position: absolute;
top: 36px;
right: 0;
padding: 9px 26px;
border: 0;
display: block
}
.s_pricing-item .tag_label:before {
content: "";
border-top: 20px solid #5f2eed;
border-bottom: 20px solid #5f2eed;
border-right: 11px solid transparent;
border-left: 11px solid transparent;
position: absolute;
right: -11px;
top: 0
}
.s_pricing-item .tag_label.blue_bg {
background: #19cce6
}
.s_pricing-item .tag_label.blue_bg:before {
border-top: 20px solid #19cce6;
border-bottom: 20px solid #19cce6
}
.s_pricing-item .shape_img {
position: absolute;
left: 50%;
transform: translateX(-50%)
}
.s_pricing-item .s_price_icon {
width: 110px;
height: 110px;
text-align: center;
line-height: 110px;
background: #f0f2f8;
border-radius: 50%;
margin: 0 auto;
position: relative;
transition: all .2s linear
}
.s_pricing-item .s_price_icon i:before {
font-size: 48px
}
.s_pricing-item .s_price_icon.p_icon1 {
color: #7fcb11
}
.s_pricing-item .s_price_icon.p_icon2 {
color: #6754e2
}
.s_pricing-item .s_price_icon.p_icon3 {
color: #e92460
}
.s_pricing-item p {
color: #677294
}
.s_pricing-item .price {
color: #051441;
padding: 24px 0 40px;
border-bottom: 1px solid #e9e9f4
}
.s_pricing-item .price sub {
color: #677294;
bottom: 0
}
.s_pricing-item ul li {
line-height: 40px;
color: #505975;
font-weight: 300
}
.s_pricing-item:hover {
border-color: #f2f2f8;
background-color: #fff;
box-shadow: 0 30px 60px 0 rgba(0,11,40,.14)
}
.s_pricing-item:hover .s_price_icon {
background: #faf9fa
}
.s_subscribe_area {
position: relative;
z-index: 1;
background: #f9fafd;
padding: 120px 0 130px;
overflow: hidden
}
.s_subscribe_area:before {
content: "";
width: 100%;
height: 100%;
background: url(../img/saas/map.png) no-repeat scroll center 0;
position: absolute;
top: 0;
left: 0;
z-index: -1
}
.s_subscribe_area .mchimp-errmessage, .s_subscribe_area .mchimp-sucmessage {
text-align: center
}
.right_shape, .bottom_shape {
position: absolute;
width: 700px;
height: 600px
}
.right_shape path, .bottom_shape path {
opacity: .03
}
.right_shape {
right: -450px;
top: -102px
}
.bottom_shape {
left: 130px;
top: 280px
}
.s_subcribes {
max-width: 970px;
margin: 0 auto;
position: relative
}
.s_subcribes .form-control {
font: 300 16px/100px "Poppins",sans-serif;
color: #9ea4b7;
height: 100px;
padding: 0 0 0 50px;
background-color: #fff;
box-shadow: 0 30px 60px 0 rgba(8,0,63,.14);
border: 0;
border-radius: 0;
border-left-width: 10px;
border-style: solid;
z-index: 0
}
.s_subcribes .form-control.placeholder {
color: #9ea4b7
}
.s_subcribes .form-control:-moz-placeholder {
color: #9ea4b7
}
.s_subcribes .form-control::-moz-placeholder {
color: #9ea4b7
}
.s_subcribes .form-control::-webkit-input-placeholder {
color: #9ea4b7
}
.s_subcribes .btn-submit {
position: absolute;
background: 0 0;
color: #6754e2;
right: 40px;
line-height: 100px;
padding: 0;
font-size: 30px;
z-index: 3
}
.pricing_area {
background: #fbfbfd
}
.price_tab {
border-radius: 45px;
max-width: 400px;
background-color: #fff;
box-shadow: 0 3px 13px 0 rgba(0,11,40,.08);
margin-left: auto;
margin-right: auto;
margin-bottom: 60px;
border: 0;
padding: 7px;
justify-content: center;
position: relative
}
.price_tab .nav-item {
padding: 0;
margin: 0
}
.price_tab .nav-item .nav-link {
margin: 0;
font: 400 16px poppins,sans-serif;
color: #677294;
padding: 12px 30px;
display: inline-block;
border: 0;
border-radius: 45px;
min-width: 193px;
text-align: center;
transition: color .3s linear;
position: relative;
z-index: 1;
cursor: pointer
}
.price_tab .nav-item .nav-link.active {
border: 0;
border-radius: 45px;
background: 0 0;
color: #fff
}
.price_tab .hover_bg {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
height: calc(100% - 14px);
border-radius: 45px;
z-index: 0;
transition: all .2s linear
}
.price_tab_two .hover_bg {
background: #5f2eed
}
.price_content .fade {
transform: translateY(10px);
transition: all .3s linear
}
.price_content .fade.show {
transform: translateY(0px)
}
.price_content .price_item {
text-align: center;
background-color: #fff;
box-shadow: 0 4px 6px 0 rgba(0,11,40,.1);
padding: 50px 50px 40px;
border: 1px solid #fff;
position: relative;
overflow: hidden;
transition: all .2s linear;
cursor: pointer
}
.price_content .price_item .tag {
position: absolute;
font: 400 14px poppins,sans-serif;
color: #fff;
background: #1f4897;
padding: 19px 32px;
top: -10px;
left: -39px;
transform: rotate(-45deg)
}
.price_content .price_item .tag span {
position: relative;
top: 11px
}
.price_content .price_item p {
font-size: 16px;
line-height: 22px;
color: #677294;
font-weight: 300;
margin-bottom: 0
}
.price_content .price_item .price {
line-height: 40px;
border-bottom: 1px solid #e9e9f4;
padding: 33px 0 30px
}
.price_content .price_item .price sub {
color: #677294;
bottom: 0
}
.price_content .price_item .p_list {
padding: 30px 0 20px
}
.price_content .price_item .p_list li {
font: 300 16px/40px "Poppins",sans-serif;
color: #505975
}
.price_content .price_item .p_list li i {
padding-right: 10px
}
.price_content .price_item .p_list li .ti-check {
color: #1f4897
}
.price_content .price_item .p_list li .ti-close {
color: #f0002d
}
.price_content .price_item .price_btn {
border-radius: 45px;
color: #1f4897;
border-color: #1f4897;
padding: 0 36px
}
.price_content .price_item .price_btn:hover {
color: #fff;
background: #1f4897
}
.price_content .price_item:hover {
border-color: #c9ebfa;
box-shadow: 0 30px 60px 0 rgba(0,11,40,.14)
}
.pricing_area_two {
background: #f6f7fa
}
.price_content_two .price_item .tag {
background: #5f2eed
}
.price_content_two .price_item .p_list li .ti-check {
color: #5f2eed
}
.price_content_two .price_item .price_btn {
border-color: #5f2eed;
color: #5f2eed;
background: 0 0
}
.price_content_two .price_item .price_btn:hover {
background: #5f2eed;
color: #fff
}
.price_content_two .price_item:hover {
border-color: #dad1f8
}
.price_content_three .price_item .tag {
background: #5f51fb
}
.price_content_three .price_item .p_list li .ti-check {
color: #5f51fb
}
.price_content_three .price_item .price_btn {
border-color: #5f51fb;
color: #5f51fb;
background: 0 0
}
.price_content_three .price_item .price_btn:hover {
background: #5f51fb;
color: #fff
}
.price_content_three .price_item:hover {
border-color: #dfdcfe
}
.call_action_area {
min-height: 900px;
position: relative;
background-image: linear-gradient(180deg,rgb(23,134,216) 0%,rgb(0,175,240) 100%);
z-index: 1;
padding-top: 250px;
position: relative;
overflow: hidden
}
.call_action_area:before {
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
}
.call_action_area .action_one {
left: -240px;
bottom: 0;
height: 100%;
z-index: -1
}
.call_action_area .action_two {
right: 0;
background-position: 50% 50%;
z-index: -1;
top: 0
}
.call_action_area .action_content {
max-width: 570px;
margin: 0 auto;
position: relative;
z-index: 1
}
.call_action_area .action_content h2 {
margin-bottom: 15px;
color: #fff
}
.call_action_area .action_content p {
font-weight: 300;
color: #fff
}
.call_action_area .action_content .action_btn {
min-width: 180px;
line-height: 55px;
border-radius: 45px;
box-shadow: 0 20px 40px 0 rgba(0,11,40,.2);
background: #fff;
color: #1f4897
}
.call_action_area .action_content .action_btn:hover {
box-shadow: none
}
.design_tab_area {
background: #fbfbfd
}
.design_tab {
border: 0
}
.design_tab .nav-item {
width: 100%;
margin-bottom: 30px
}
.design_tab .nav-item .nav-link {
background-color: #fff;
box-shadow: 0 2px 3px 0 rgba(12,0,46,.04);
border: 0;
border-radius: 0;
padding: 25px 50px;
transition: background .5s ease 0s;
cursor: pointer
}
.design_tab .nav-item .nav-link h5 {
font-size: 17px;
line-height: 26px;
font-weight: 500;
color: #222d39;
transition: color .5s ease 0s
}
.design_tab .nav-item .nav-link p {
margin-bottom: 0;
font-size: 15px;
font-weight: 300;
color: #677294;
transition: color .5s ease 0s
}
.design_tab .nav-item .nav-link.active {
background-color: #7444fd
}
.design_tab .nav-item .nav-link.active h5, .design_tab .nav-item .nav-link.active p {
color: #fff
}
.tab-content .tab-pane .tab_img img {
transform: translateX(20px);
transition: all .3s linear;
max-width: 100%
}
.tab-content .tab-pane.show .tab_img img {
transform: translateX(0)
}
.tab-content .tab_img {
margin-right: -160px;
padding-left: 120px;
max-width: 100%
}
.action_area_two {
background: #f6f6fa;
padding-bottom: 40px
}
.action_content {
margin-top: 25px
}
.action_content .btn_three {
margin-top: 40px;
box-shadow: 0 20px 30px 0 rgba(12,0,46,.1)
}
.action_content .btn_three:hover {
box-shadow: none
}
.action_img {
margin-right: -160px;
margin-top: -50px
}
.action_img img {
max-width: 100%
}
.action_area_three {
background-image: linear-gradient(0deg,rgb(94,44,237) 0%,rgb(108,60,244) 100%);
position: relative;
z-index: 1
}
.action_area_three:before {
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
z-index: -1
}
.action_area_three .curved {
position: absolute;
width: 100%;
height: 100px;
left: 0;
z-index: -1;
background: url(../img/home4/action_shap.png) no-repeat scroll center top;
top: 0;
background-size: contain
}
.action_area_three .action_content h2 {
color: #fff
}
.action_area_three .action_content .about_btn {
background: 0 0;
border: 1px solid #fff;
color: #fff
}
.action_area_three .action_content .about_btn:hover {
box-shadow: none;
color: #5e2ced;
background: #fff
}
.action_area_three .action_content .white_btn {
color: #5e2ced;
box-shadow: none;
background: #fff;
margin-right: 25px
}
.action_area_three .action_content .white_btn:hover {
box-shadow: 0 20px 30px 0 rgba(12,0,46,.1);
color: #fff;
background: #5e2ced
}
.payment_priceing_area {
padding: 120px 0 90px;
position: relative;
z-index: 1
}
.payment_priceing_area:before {
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url(../img/new/price_bg.png) no-repeat scroll center;
position: absolute;
z-index: -1
}
.payment_priceing_area .payment_price_info {
display: block;
overflow: hidden;
padding: 30px 0
}
.payment_priceing_area .sec_title h2 {
font-size: 35px;
font-weight: 500;
line-height: 45px
}
.payment_price_item {
text-align: center;
background: #fbfbfd;
padding: 50px 40px 55px;
border: 1px solid #f1f3f8;
border-radius: 4px;
position: relative;
z-index: 1;
width: 33.3333333333%;
float: left;
transition: all .2s linear
}
.payment_price_item:before {
content: "";
width: 100%;
height: 100%;
background-image: linear-gradient(-140deg,rgb(253,171,231) 0%,rgb(189,142,242) 36%,rgb(125,113,253) 100%);
box-shadow: 0 30px 60px 0 rgba(0,11,40,.1);
position: absolute;
top: 0;
left: 0;
opacity: 0;
z-index: -1;
border-radius: 4px;
transition: opacity .4s linear
}
.payment_price_item h2 {
font-size: 40px;
font-weight: 600;
color: #051441
}
.payment_price_item h6 {
font-size: 18px;
color: #051441;
font-weight: 400;
margin-bottom: 30px
}
.payment_price_item p {
line-height: 30px;
margin-bottom: 50px
}
.payment_price_item .payment_price_btn {
font-size: 15px;
font-family: poppins,sans-serif;
font-weight: 500;
border-radius: 45px;
background: rgba(253,83,135,.1);
display: inline-block;
padding: 10px 42px;
color: #fd5387;
transition: all .3s linear
}
.payment_price_item .payment_price_btn i {
font-size: 12px;
padding-left: 5px
}
.payment_price_item:nth-child(3) .payment_price_btn {
background: rgba(95,81,251,.1);
color: #5f51fb
}
.payment_price_item.center {
border: 0;
border-radius: 4px;
padding: 80px 40px 86px;
transform: translateY(-30px);
transition: all .4s linear
}
.payment_price_item.center:before {
opacity: 1
}
.payment_price_item.center h2, .payment_price_item.center h6, .payment_price_item.center p {
color: #fff
}
.payment_price_item.center .payment_price_btn {
background: rgba(255,255,255,.1);
color: #fff
}
.payment_price_item:hover {
border-radius: 4px;
border-color: #bd8ef2;
transition: all .4s linear;
box-shadow: none
}
.payment_price_item:hover:before {
opacity: 1
}
.payment_price_item:hover h2, .payment_price_item:hover h6, .payment_price_item:hover p {
color: #fff
}
.payment_price_item:hover .payment_price_btn {
background: rgba(255,255,255,.1);
color: #fff
}
.pricing_area_four .sec_title {
margin-bottom: 50px
}
.pricing_area_four .sec_title h2 {
margin-bottom: 0
}
.pricing_area_four .sec_title p {
font-style: italic
}
.price_info_two {
box-shadow: 0 4px 5px 0 rgba(12,0,46,.05)
}
.price_info_two .price_head {
display: table;
width: 100%
}
.price_info_two .price_head .p_head {
width: 25%;
text-align: center;
color: #fff;
vertical-align: middle;
display: table-cell;
padding: 31px 0
}
.price_info_two .price_head .p_head h4 {
color: #222d39;
font-size: 20px
}
.price_info_two .price_head .p_head h4, .price_info_two .price_head .p_head h5 {
margin-bottom: 0
}
.price_info_two .price_head .p_head p {
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
color: #fff
}
.price_info_two .price_head .p_head:nth-child(2) {
background: #0ed1b3
}
.price_info_two .price_head .p_head:nth-child(3) {
background: #6c84ee
}
.price_info_two .price_head .p_head:nth-child(4) {
background: #ee6cda
}
.price_info_two .price_head .p_head h5 {
font-size: 20px;
font-weight: 600;
color: #fff
}
.price_info_two .price_item {
width: 25%;
text-align: center;
vertical-align: middle;
display: table-cell;
cursor: pointer;
padding: 15px 0
}
.price_info_two .price_item:nth-child(odd) {
background: #f8f8fa
}
.price_info_two .price_item:first-child {
text-align: left;
padding-left: 30px
}
.price_info_two .price_item h5 {
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
color: #222d39
}
.price_info_two .price_item h5 i {
font-size: 20px
}
.price_info_two .price_item .pr_title {
position: relative;
display: inline-block;
padding-left: 30px
}
.price_info_two .price_item .pr_title:before {
content: "p";
position: absolute;
left: 0;
top: 0;
font-family: eleganticons;
color: #afb5c7;
transition: color 0s linear
}
.price_info_two .price_item .pr_title:hover:before {
color: #5e2ced
}
.price_info_two .price_item .check {
color: #0ed1b3
}
.price_info_two .price_item .cros {
color: #afb5c7
}
.price_info_two .pr_list {
display: table;
width: 100%
}
.price_info_two .price_btn {
border-radius: 45px;
color: #677294;
border-color: #dfe3ed;
padding: 0 32px;
line-height: 46px;
margin: 40px 0;
transition: all .2s linear
}
.price_info_two .price_btn:hover {
background: #5e2ced;
border-color: #5e2ced;
color: #fff
}
.tooltip .tooltip-inner {
background-color: #fff !important;
opacity: 1;
color: #111 !important;
opacity: 1;
box-shadow: 0 20px 40px 0 rgba(12,0,46,.14);
font-size: "Poppins",sans-serif;
font-size: 16px;
color: #677294;
line-height: 26px;
width: 100%
}
.tooltip.bs-tooltip-top .arrow:before {
border-top-color: #fff
}
.tooltip.bs-tooltip-bottom .arrow:before {
border-bottom-color: #fff
}
.tooltip.show {
opacity: 1
}
.price_info_three .price_head .p_head:nth-child(2) {
background: #fba820
}
.price_info_three .price_head .p_head:nth-child(3) {
background: #e63779
}
.price_info_three .price_head .p_head:nth-child(4) {
background: #0e79de
}
.price_info_three .price_item h5 {
color: #2c2c51
}
.price_info_three .price_item .pr_title:hover:before {
color: #26da15
}
.price_info_three .price_item .check {
color: #0e79de
}
.price_info_three .price_item .cros {
color: #fc3f48
}
.price_info_three .price_btn:hover {
background: #0e79de;
border-color: #0e79de
}
.pricing_area_five {
padding: 110px 0;
background: #f9f9fd
}
.pricing_area_five .title-four {
margin-bottom: 60px
}
.price_box_two {
border: 1px solid #f0f3fa;
border-radius: 5px;
background-color: #fcfcff;
padding: 40px 40px 55px;
transition: all .3s linear;
cursor: pointer
}
.price_box_two h5 {
font-size: 20px;
line-height: 28px;
color: #282835;
font-family: poppins,sans-serif
}
.price_box_two p {
font-size: 14px;
line-height: 28px;
color: #8b8b99;
font-family: poppins,sans-serif
}
.price_box_two .price_icon {
margin-top: 24px
}
.price_box_two .price_icon img {
max-width: 100%
}
.price_box_two .rate {
font-size: 40px;
font-family: poppins,sans-serif;
font-weight: 600;
color: #282835;
border-bottom: 1px solid #e8e8f0;
padding: 25px 0 17px;
transition: all .3s linear
}
.price_box_two ul {
padding: 23px 0 30px
}
.price_box_two ul li {
font-size: 14px;
line-height: 34px;
color: #727988;
font-family: poppins,sans-serif
}
.price_box_two .purchase_btn_two {
font-size: 14px;
line-height: 30px;
color: #5e2ced;
border: 1px solid #a485fd;
border-radius: 3px;
display: inline-block;
padding: 9px 35px;
text-align: center;
font-family: poppins,sans-serif;
font-weight: 600;
transition: all .3s linear;
position: relative;
z-index: 1
}
.price_box_two .purchase_btn_two:before {
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
position: absolute;
background-image: linear-gradient(90deg,rgb(164,133,253) 0%,rgb(94,44,237) 100%);
transition: all .4s linear;
z-index: -1
}
.price_box_two .purchase_btn_two:hover {
box-shadow: 0 20px 30px 0 rgba(0,0,29,.14);
color: #fff
}
.price_box_two .purchase_btn_two:hover:before {
opacity: 1
}
.price_box_two:hover {
border-color: #f0f3fa;
background: #fff;
box-shadow: 0 30px 50px 0 rgba(0,0,29,.1)
}
.price_box_two:hover .rate {
color: #5e2ced
}
.agency_about_area .owl-dots {
position: absolute;
left: -48%;
bottom: 10px
}
.agency_about_area .owl-dots button span {
width: 8px;
height: 8px;
display: block;
background: #9c7bfb;
border-radius: 50%;
border: 1px solid #9c7bfb;
margin: 0 5px;
transition: all .3s linear
}
.agency_about_area .owl-dots button.active span {
transform: scale(1.5);
border-color: rgba(251,251,253,.8);
background: 0 0
}
.about_content_left {
padding: 0 0 0 200px
}
.about_content {
background-image: linear-gradient(40deg,rgb(94,44,237) 0%,rgb(164,133,253) 100%);
height: 100%;
color: #fff;
padding: 100px;
position: relative;
bottom: -30px
}
.about_content h2, .about_content p {
color: #fff
}
.about_btn {
font: 500 14px poppins,sans-serif;
padding: 17px 28px;
background: #fbfbfd;
box-shadow: 0 20px 30px 0 rgba(12,0,46,.1);
border-radius: 3px;
color: #5e2ced;
display: inline-block;
transition: all .3s ease
}
.about_btn:hover {
color: #fff;
background: #5e2ced
}
.about_img {
padding: 0;
position: relative
}
.about_img .about_img_slider .about_item {
float: left;
position: relative;
z-index: 1;
overflow: hidden;
cursor: pointer
}
.about_img .about_img_slider .about_item:after {
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(17,22,28,.7);
position: absolute;
opacity: 0;
z-index: 0;
transition: opacity .4s linear 0s
}
.about_img .about_img_slider .about_item img {
transition: all .5s linear
}
.about_img .about_img_slider .about_item.w55 {
width: 53.3%
}
.about_img .about_img_slider .about_item.w45 {
width: 46.7%
}
.about_img .about_img_slider .about_item img {
width: 100%;
max-width: 100%
}
.about_img .about_img_slider .about_item .about_text {
position: absolute;
bottom: 80px;
padding: 0 80px 0 50px;
left: 0;
z-index: 1;
transition: all .3s linear
}
.about_img .about_img_slider .about_item .about_text h5 {
color: #fff
}
.about_img .about_img_slider .about_item .about_text .br {
width: 50px;
height: 5px;
background: #fff;
opacity: .3;
margin-bottom: 25px;
display: block
}
.about_img .about_img_slider .about_item .about_text.text_two {
bottom: 30px
}
.about_img .about_img_slider .about_item:hover:after {
opacity: 1
}
.about_img .about_img_slider .about_item:hover img {
transform: scale(1.03)
}
.about_img .about_img_slider .about_item:hover .about_text {
bottom: 90px
}
.about_img .about_img_slider .about_item:hover .about_text.text_two {
bottom: 50px
}
.about_img .pluse_icon {
width: 100px;
height: 100px;
text-align: center;
color: #5e2ced;
line-height: 100px;
font-size: 22px;
background-color: #fbfbfd;
box-shadow: 0 20px 30px 0 rgba(12,0,46,.14);
display: inline-block;
position: absolute;
bottom: -60px;
left: 0;
z-index: 2
}
.onepage_about_area {
padding-top: 110px;
position: relative;
z-index: 1;
overflow: hidden
}
.onepage_about_area .shape {
position: absolute;
top: 0;
right: 80px;
z-index: -1
}
.onepage_about_area .row_reverse {
flex-direction: row-reverse
}
.onepage_about_area .align_items_center {
align-items: center;
font-family: poppins,sans-serif
}
.onepage_about_area .onepage_about_img {
margin-left: 30px;
position: relative
}
.onepage_about_area .onepage_about_img img {
max-width: inherit
}
.onepage_about_area .onepage_about_content .h_color {
color: #282835;
font-weight: 600;
line-height: 50px
}
.onepage_about_area .onepage_about_content p {
padding-top: 20px;
margin-bottom: 0;
font-size: 16px;
line-height: 26px;
color: #8b8b99
}
.onepage_about_area .onepage_about_content .n_banner_btn {
margin-top: 50px
}
.memphis-parallax li {
position: absolute
}
.onepage_about_area .memphis-parallax li:nth-child(1), .faq_solution_area .memphis-parallax li:nth-child(1) {
right: 40%;
top: 200px
}
.onepage_about_area .memphis-parallax li:nth-child(3), .faq_solution_area .memphis-parallax li:nth-child(3) {
right: 5%;
top: 63%
}
.onepage_about_area .memphis-parallax li:nth-child(2), .faq_solution_area .memphis-parallax li:nth-child(2) {
right: 17%;
top: 120px
}
.onepage_about_area .memphis-parallax li:nth-child(6), .faq_solution_area .memphis-parallax li:nth-child(6) {
right: 47%;
top: 82%
}
.onepage_about_area .memphis-parallax li:nth-child(5), .faq_solution_area .memphis-parallax li:nth-child(5) {
right: 46%;
top: 60%
}
.onepage_about_area .memphis-parallax li:nth-child(7), .faq_solution_area .memphis-parallax li:nth-child(7) {
right: 75%;
top: 95%
}
.onepage_about_area .memphis-parallax li:nth-child(8), .faq_solution_area .memphis-parallax li:nth-child(8) {
right: 13%;
top: 81%
}
.onepage_about_area .memphis-parallax li:nth-child(4), .faq_solution_area .memphis-parallax li:nth-child(4) {
right: 32%;
top: 89%
}
.faq_accordian_two {
flex: 1;
align-self: center
}
.faq_solution_area {
padding: 120px 0 40px;
position: relative;
z-index: 1;
overflow: hidden
}
.faq_solution_area .title-four {
margin-bottom: 50px
}
.faq_accordian_two .card {
box-shadow: 0 10px 30px 0 rgba(0,0,29,.08);
background: #fff;
border: 0;
margin-bottom: 20px;
border-radius: 0;
padding: 0 30px 25px;
cursor: pointer;
position: relative;
z-index: 1
}
.faq_accordian_two .card:before {
content: "";
background-image: linear-gradient(90deg,rgb(94,44,237) 0%,rgb(164,133,253) 100%);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0;
transition: all .3s linear
}
.faq_accordian_two .card .card-header {
border: 0;
border-radius: 0;
background: 0 0;
padding: 0
}
.faq_accordian_two .card .card-header h5 .btn-link {
display: block;
padding: 25px 0 0;
text-align: left;
width: 100%;
font: 500 20px/26px "Poppins",sans-serif;
color: #8b8b99;
text-decoration: none;
border-radius: 0;
cursor: pointer
}
.faq_accordian_two .card .card-header h5 .btn-link i {
color: #5e2ced;
font-size: 30px;
line-height: 26px;
vertical-align: middle;
padding-right: 25px
}
.faq_accordian_two .card .card-body {
background: 0 0;
padding: 10px 36px 0 62px
}
.faq_accordian_two .card .card-body p {
color: #8b8b99
}
.faq_accordian_two .card.active:before {
opacity: 1
}
.faq_accordian_two .card.active .card-header h5 .btn-link, .faq_accordian_two .card.active .card-header h5 .btn-link i, .faq_accordian_two .card.active .card-body p {
color: #fff
}
.faq_image_mockup {
position: relative;
right: -53px
}
.faq_solution_area .faq_image_mockup img {
max-width: inherit
}
.about_section {
background-position: center bottom;
padding-bottom: 245px;
padding-top: 120px;
background-size: 100%
}
.about_section .item_image {
margin-left: -160px;
margin-right: -160px;
margin-bottom: 85px
}
.about_section .item_image img {
max-width: 100%
}
.about_section p {
margin-bottom: 40px
}
.about_information_title {
z-index: 1;
margin-top: -180px;
position: relative;
padding: 100px 70px;
margin-right: -30px;
background-color: #fff;
box-shadow: 1.392px 9.903px 43px 0 rgba(66,97,234,.1)
}
.about_information_title h4 {
margin-bottom: 30px;
line-height: 1;
font-size: 16px;
font-weight: 700;
letter-spacing: 2px;
color: #3e5ae8;
text-transform: uppercase
}
.about_information_title h2 {
font-size: 38px;
font-weight: 400;
line-height: 1.316;
margin-bottom: 60px;
text-transform: uppercase;
color: #222d39
}
.about_information_title h2 > strong {
font-weight: 700
}
.about_information_title .text_btn {
font-size: 16px;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
color: #222d39
}
.about_information_title .text_btn i {
transform: translateY(1px);
transition: .6s cubic-bezier(.33,1,.68,1);
display: inline-block
}
.about_information_title .text_btn:hover {
color: #3e5ae8
}
.about_information_title .text_btn:hover i {
color: #3e5ae8;
transform: translate(8px,1px)
}
.about_information_title .text_btn:hover span:before {
left: 0;
width: 100%;
right: auto
}
.about_information_title .text_btn span {
border-bottom: 1px solid #222d39;
position: relative;
display: inline-block;
line-height: 20px
}
.about_information_title .text_btn span:before {
width: 0;
left: auto;
right: 0;
bottom: -1px;
height: 1px;
content: "";
position: absolute;
background: #3e5ae8;
transition: width .3s linear
}
.home_portfolio_fullwidth_area {
position: relative;
z-index: 2
}
.home_portfolio_fullwidth_area .portfolio_gallery .portfolio_item .portfolio_img img {
height: 100%;
width: inherit;
object-fit: none
}
.home_portfolio_fullwidth_area .portfolio_gallery .portfolio_item .portfolio_img .hover_content {
background-color: rgba(103,84,226,.8)
}
.fixed_footer {
position: fixed !important;
bottom: 0;
left: 0;
width: 100%;
z-index: 0
}
.personal_portfolio_area {
background: url(../img/digital-agency/banner_01/banner_shap.png) no-repeat scroll center 0/cover;
padding: 270px 0 240px;
position: relative
}
.personal_portfolio_area:before {
content: "";
position: absolute;
width: 910px;
height: 100%;
background: url(../img/digital-agency/banner_01/banner_img.jpg);
background-color: #c10024;
background-blend-mode: multiply;
right: 0;
top: 0;
z-index: -1
}
.personal_portfolio_area .personal_portfolio_text {
max-width: 570px
}
.personal_portfolio_area .personal_portfolio_text h5 {
font-size: 20px;
line-height: 40px;
text-transform: uppercase;
letter-spacing: 2.4px;
margin-bottom: 0
}
.personal_portfolio_area .personal_portfolio_text h3 {
font-size: 40px;
line-height: 55px;
margin-top: 27px;
margin-bottom: 40px
}
.personal_portfolio_area .personal_portfolio_text h3 span {
color: #feef3c
}
.personal_portfolio_area .personal_portfolio_text h5, .personal_portfolio_area .personal_portfolio_text h3 {
color: #fff
}
.personal_portfolio_area .personal_portfolio_text .erp_btn_learn {
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
color: #fff;
position: relative
}
.personal_portfolio_area .personal_portfolio_text .erp_btn_learn i {
vertical-align: middle;
margin-left: 6px;
transition: all .2s linear
}
.personal_portfolio_area .personal_portfolio_text .erp_btn_learn:before {
content: "";
width: 100%;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
background: #fff
}
.personal_portfolio_area .personal_portfolio_text .erp_btn_learn:hover i {
margin-left: 12px
}
.personal_portfolio_area .personal_portfolio_text .social_icon {
list-style: none;
padding-left: 0;
position: absolute;
bottom: 30px
}
.personal_portfolio_area .personal_portfolio_text .social_icon li {
display: inline-block;
margin-right: 15px
}
.personal_portfolio_area .personal_portfolio_text .social_icon li a {
color: #8086ca;
font-size: 15px
}
.personal_portfolio_area .personal_portfolio_text .social_icon li a:hover {
color: #fff
}
.personal_description_area .text {
max-width: 680px;
margin: 0 auto
}
.personal_description_area .text h3 {
font-size: 30px;
line-height: 46px;
color: #383838;
margin: 50px 0;
font-weight: 400
}
.personal_description_area .text h3 span {
color: #000b92;
text-transform: uppercase;
font-weight: 700
}
.personal_description_area .text a {
display: inline-block
}
.showcase_slider .slider {
padding: 100px 0;
position: relative;
z-index: 1
}
.showcase_slider .showcase_slider_item {
background: rgba(0,0,0,.3);
margin-left: 275px;
max-width: 700px;
margin-right: auto;
padding: 140px 100px
}
.showcase_slider .showcase_slider_item h3, .showcase_slider .showcase_slider_item a, .showcase_slider .showcase_slider_item h6 {
color: #fff
}
.showcase_slider .showcase_slider_item h3 {
font-size: 48px;
line-height: 50px;
font-weight: 600;
margin-bottom: 18px
}
.showcase_slider .showcase_slider_item h6 {
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 25px
}
.showcase_slider .showcase_slider_item p {
margin-bottom: 0;
margin-top: 11rem
}
.showcase_slider .showcase_slider_item p a {
font-size: 14px;
font-weight: 400
}
.showcase_slider .showcase_slider_item p a:after {
content: "/";
display: inline-block;
margin: 0 5px
}
.showcase_slider .showcase_slider_item p a:last-child:after {
display: none
}
.showcase_bg {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
z-index: -1;
max-width: 100%
}
.agency_testimonial_info {
position: relative
}
.agency_testimonial_info .testimonial_slider {
max-width: 770px;
border-radius: 6px;
margin: 0 auto;
background-color: #fff;
box-shadow: 0 20px 40px 0 rgba(12,0,46,.06);
padding: 50px
}
.agency_testimonial_info .testimonial_slider .testimonial_item {
z-index: 0;
transition: all .2s linear
}
.agency_testimonial_info .testimonial_slider .testimonial_item .author_img img {
max-width: 100%;
width: auto;
display: inline-block;
border-radius: 50%
}
.agency_testimonial_info .testimonial_slider .testimonial_item .author_description {
margin-top: 18px;
margin-bottom: 40px
}
.agency_testimonial_info .testimonial_slider .testimonial_item .author_description h4 {
margin-bottom: 5px
}
.agency_testimonial_info .testimonial_slider .testimonial_item .author_description h6 {
font: 400 14px/26px "Poppins",sans-serif;
color: #959cb1
}
.agency_testimonial_info .testimonial_slider .testimonial_item p {
font-weight: 300;
font-size: 16px;
line-height: 30px;
margin-bottom: 50px
}
.agency_testimonial_info .testimonial_slider .active {
position: relative;
z-index: 9
}
.agency_testimonial_info .testimonial_slider .owl-dots {
text-align: center;
bottom: 0;
position: relative;
margin-top: 0
}
.agency_testimonial_info .testimonial_slider .owl-dots .owl-dot {
width: 16px;
height: 16px;
border-radius: 50%;
border: 1px solid transparent;
transition: all .2s linear;
margin: 0 2px
}
.agency_testimonial_info .testimonial_slider .owl-dots .owl-dot span {
width: 8px;
height: 8px;
background: #cfcfe7;
border-radius: 50%;
display: block;
margin: 0 auto;
border: 0;
transition: all .2s linear
}
.agency_testimonial_info .testimonial_slider .owl-dots .owl-dot.active {
border-color: #5e2ced
}
.agency_testimonial_info .testimonial_slider .owl-dots .owl-dot.active span {
transform: scale(0)
}
.agency_testimonial_info .owl-prev, .agency_testimonial_info .owl-next {
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 50%;
border: 1px solid #f3f5f8;
background-color: #fff;
box-shadow: 0 20px 30px 0 rgba(12,0,46,.06);
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer
}
.agency_testimonial_info .owl-prev:hover, .agency_testimonial_info .owl-next:hover {
color: #fff;
background: #5e2ced
}
.agency_testimonial_info .owl-next {
right: 0
}
.partner_logo_area_two {
padding-top: 120px
}
.partner_logo_area_two.sec_pad .row {
margin-bottom: -60px
}
.partner_logo_area_two h4 {
color: #8891aa
}
.partner_info {
text-align: center;
justify-content: center
}
.partner_info .logo_item {
width: 20%;
margin-bottom: 60px
}
.partner_info .logo_item img {
max-width: 100%;
-webkit-filter: contrast(.3%);
filter: contrast(.3%);
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s
}
.partner_info .logo_item:hover img {
filter: contrast(100%)
}
.subscribe_form_info {
border-style: solid;
border-width: 1px;
border-color: #f3f6f9;
border-radius: 6px;
background-color: #fff;
box-shadow: 0 30px 50px 0 rgba(12,0,46,.1);
padding: 120px 0;
margin-bottom: -150px;
z-index: 2;
position: relative
}
.subscribe_form_info .subscribe-form {
max-width: 370px;
margin: 0 auto
}
.subscribe_form_info .subscribe-form .form-control {
text-align: center;
border: 0;
font: 400 18px/28px "Poppins",sans-serif;
color: #b4bacc;
border-radius: 0;
border-bottom: 1px solid #1f4897;
box-shadow: none
}
.subscribe_form_info .subscribe-form .form-control.placeholder {
color: #b4bacc
}
.subscribe_form_info .subscribe-form .form-control:-moz-placeholder {
color: #b4bacc
}
.subscribe_form_info .subscribe-form .form-control::-moz-placeholder {
color: #b4bacc
}
.subscribe_form_info .subscribe-form .form-control::-webkit-input-placeholder {
color: #b4bacc
}
.subscribe_form_info .subscribe-form .btn_four {
padding: 16px 44px;
box-shadow: 0 20px 30px 0 rgba(61,100,244,.16)
}
.subscribe_form_info .subscribe-form .btn_four:hover {
box-shadow: none
}
.s_form_info_two .subscribe-form .form-control {
border-color: #5e2ced
}
.s_form_info_two .subscribe-form .btn_four {
border-radius: 4px;
border-color: #5e2ced;
background: #5e2ced;
box-shadow: 0 20px 30px 0 rgba(61,100,244,.16)
}
.s_form_info_two .subscribe-form .btn_four:hover {
color: #fff
}
.saas_subscribe_area_two .subscribe_form_info {
padding: 80px 0
}
.saas_subscribe_area_two .subscribe_form_info .form-control {
border-color: #5f51fb
}
.saas_subscribe_area_two .subscribe_form_info .btn_four {
border-color: #5f51fb;
background: #5f51fd;
box-shadow: 0 20px 30px 0 rgba(61,100,244,.16)
}
.saas_subscribe_area_two .subscribe_form_info .btn_four:hover {
color: #fff
}
.partner_logo_area_three {
padding: 100px 0
}
.partner_logo_area_three .partner_info {
margin-bottom: -20px
}
.partner_logo_area_three .partner_info .logo_item {
margin-bottom: 20px
}
.partner_logo_area_three .partner_info .logo_item a {
display: inline-block
}
.partner_logo_area_three .partner_info .logo_item img {
filter: contrast(100%);
transition: all .3s linear
}
.partner_logo_area_three .partner_info .logo_item:hover img {
filter: brightness(200%)
}
.partner_logo_area_three .partner_info_two .logo_item {
display: flex;
align-items: center;
justify-content: center
}
.partner_logo_area_three .partner_info_two .logo_item:hover img {
filter: brightness(1)
}
.partner_logo_area_four {
padding-top: 80px;
margin-bottom: -40px
}
.partner_logo_area_four h4 {
color: #8891aa
}
.partner_logo_area_five {
padding: 200px 0 70px
}
.payment_logo_area {
padding: 200px 0 120px
}
.payment_logo_area .sec_title h2 {
font-size: 35px;
line-height: 44px
}
.partner_logo_area_six {
padding: 56px 0
}
.partner_logo_area_six .partner_info {
margin-bottom: -60px
}
.partner_logo_area_six .partner_info .logo_item:hover img {
filter: brightness(0)
}
.saas_signup_form .input-group .form-control {
background: 0 0;
font: 300 14px poppins,sans-serif;
color: rgba(255,255,255,.7);
border-radius: 0;
border: 0;
border-bottom: 1px solid #3c3c5b;
padding-left: 0;
padding-bottom: 10px;
box-shadow: none;
z-index: 0;
position: relative
}
.saas_signup_form .input-group .form-control.placeholder {
color: #535473
}
.saas_signup_form .input-group .form-control:-moz-placeholder {
color: #535473
}
.saas_signup_form .input-group .form-control::-moz-placeholder {
color: #535473
}
.saas_signup_form .input-group .form-control::-webkit-input-placeholder {
color: #535473
}
.saas_signup_form .input-group .form-control:focus + label {
transform: scale(1)
}
.saas_signup_form .input-group label {
position: absolute;
width: 100%;
height: 1px;
border-bottom: 1px solid #3d57f4;
z-index: 2;
bottom: 0;
transform: scale(0);
margin-bottom: 0;
transition: all .3s linear
}
.saas_signup_form .saas_banner_btn {
border: 0;
padding: 12px 48px
}
.fun_fact_area {
padding-top: 150px;
padding-bottom: 110px;
overflow: hidden
}
.fun_fact_area_two {
background: #f7f6fa
}
.fun_fact_content h1 {
font-size: 60px
}
.fun_fact_content .fact_item h1 {
font-size: 70px;
font-weight: 400
}
.fact_author_img {
position: relative
}
.fact_author_img .box_three {
width: 630px;
height: 630px;
background-image: linear-gradient(90deg,rgb(41,10,89) 0%,rgb(61,87,244) 100%);
opacity: 1;
top: -460px
}
.fact_author_img .box_four {
background-image: linear-gradient(90deg,rgb(65,24,129) 0%,rgb(155,43,220) 100%);
opacity: 1;
width: 708px;
height: 708px;
top: -460px;
left: 150px
}
.fact_author_img img {
margin-top: -70px;
filter: grayscale(100%)
}
.fact_author_img_two .box_three {
background-image: linear-gradient(-90deg,rgb(251,134,47) 0%,rgb(198,64,253) 100%)
}
.fact_author_img_two .box_four {
background-image: linear-gradient(90deg,rgb(94,44,237) 0%,rgb(164,133,253) 100%)
}
.feedback_slider .owl-nav {
display: none
}
.feedback_slider .item {
padding: 0 15px
}
.feedback_slider .shap_one, .feedback_slider .shap_two {
position: absolute;
bottom: 0;
right: 20px;
opacity: .302;
border-radius: 10px;
transform: rotate(45deg);
width: 66px;
height: 66px;
bottom: -35px;
opacity: .302
}
.feedback_slider .shap_one {
background-image: linear-gradient(40deg,rgb(41,10,89) 0%,rgb(61,87,244) 100%)
}
.feedback_slider .shap_two {
background-image: linear-gradient(40deg,rgb(41,10,89) 0%,rgb(61,87,244) 100%);
right: -10px;
bottom: -45px
}
.feedback_slider .center .feedback_item {
border-color: #3d57f4
}
.feedback_slider .center .feedback_item .shap_one, .feedback_slider .center .feedback_item .shap_two {
opacity: 1
}
.feedback_item {
border: 1px solid #131430;
border-radius: 4px;
background-color: #0f1029;
box-shadow: 0 30px 50px 0 rgba(12,0,46,.3);
padding: 45px;
position: relative;
overflow: hidden
}
.feedback_item .feed_back_author {
display: flex
}
.feedback_item .media .img {
border: 1px solid #44467b;
border-radius: 50%;
width: 60px;
height: 60px;
overflow: hidden;
margin-right: 18px
}
.feedback_item .media .img img {
max-width: 100%;
width: auto
}
.feedback_item .media .media-body {
align-self: center
}
.feedback_item .media .media-body h6 {
margin-bottom: 0;
font-size: 14px;
color: #58596e
}
.feedback_item p {
font-weight: 300;
margin-top: 34px;
margin-bottom: 25px
}
.feedback_item .post_date {
font-size: 14px;
line-height: 24px;
color: #58596e;
font-style: italic;
font-weight: 300;
position: relative
}
.feedback_item .post_date:before {
content: "";
width: 100%;
height: 1px;
background: #58596e;
position: absolute;
left: 0;
bottom: 0
}
.feedback_item .ratting {
align-self: center;
flex: 1;
text-align: right
}
.feedback_item .ratting a {
font-size: 12px;
color: #58596e
}
.feedback_item .ratting a:nth-child(1), .feedback_item .ratting a:nth-child(2), .feedback_item .ratting a:nth-child(3) {
color: #3d57f4
}
.owl-dots {
text-align: center;
margin-top: 75px
}
.owl-dots .owl-dot span {
width: 8px;
height: 8px;
border-radius: 50%;
background: #3d3e65;
margin: 0 5px;
border: 1px solid #3d3e65;
display: block;
transition: all .3s linear
}
.owl-dots .owl-dot.active span {
background: 0 0;
transform: scale(1.5);
border-color: #3d57f4
}
.owl-dots .owl-dot:focus {
outline: none
}
.feedback_area_two {
background-image: linear-gradient(30deg,rgb(95,81,251) 0%,rgb(140,167,255) 100%);
height: 550px;
position: relative;
z-index: 1
}
.feedback_area_two:before {
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url(../img/new/feedback_shap.png) no-repeat scroll center 0;
position: absolute;
z-index: -1
}
.feedback_area_two .sec_title {
padding-left: 162px
}
.feedback_area_two .sec_title h2 {
font-size: 35px;
line-height: 45px
}
.feedback_area_two .sec_title p {
color: #cfd0fa;
font-style: italic
}
.feedback_slider_two .item {
padding-bottom: 50px
}
.feedback_slider_two .shap_one, .feedback_slider_two .shap_two {
opacity: .12;
background-image: linear-gradient(40deg,rgb(95,81,251) 0%,rgb(118,124,253) 64%,rgb(140,167,255) 100%);
position: absolute;
bottom: 0;
right: 20px;
border-radius: 10px;
transform: rotate(45deg);
width: 66px;
height: 66px;
bottom: -35px;
opacity: .14
}
.feedback_slider_two .shap_two {
right: -10px;
bottom: -45px
}
.feedback_slider_two .center .feedback_item_two .shap_one, .feedback_slider_two .center .feedback_item_two .shap_two {
opacity: .45
}
.feedback_slider_two .owl-nav {
display: block;
position: absolute;
right: 120px;
top: -100px
}
.feedback_slider_two .owl-nav i {
width: 50px;
height: 50px;
text-align: center;
border: 1px solid #fff;
display: inline-block;
color: #fff;
line-height: 50px;
font-size: 12px;
border-radius: 50%;
margin-left: 10px;
transition: all .3s linear
}
.feedback_slider_two .owl-nav i:hover {
background: #fff;
color: #5f51fb
}
.feedback_slider_two .feedback_item {
background: #fff;
box-shadow: 0 20px 60px 0 rgba(0,11,40,.1);
border: 0;
margin: 0 20px
}
.feedback_slider_two .feedback_item .media .img {
border: 0
}
.feedback_slider_two .owl-dots {
display: none
}
.feedback_area_three {
height: 540px
}
.feedback_area_three .row {
margin-left: -20px;
margin-right: -20px
}
.feedback_area_three .feedback_slider_two .feedback_item {
margin: 0 20px;
box-shadow: 0 30px 40px 0 rgba(0,11,40,.08)
}
.feedback_area_three .feedback_slider_two .feedback_item .ratting a:nth-child(1), .feedback_area_three .feedback_slider_two .feedback_item .ratting a:nth-child(2), .feedback_area_three .feedback_slider_two .feedback_item .ratting a:nth-child(3) {
color: #fbc509
}
.feedback_area_three .feedback_slider_two .feedback_item p {
line-height: 28px
}
.feedback_area_three .feedback_slider_two .owl-nav {
right: 15px
}
.feedback_area_three .feedback_slider_two .owl-nav i {
border-color: #dfe3ed;
color: #677294
}
.feedback_area_three .feedback_slider_two .owl-nav i:hover {
border-color: #5f51fb;
background: #5f51fb;
color: #fff
}
.app_testimonial_area {
background: #fbfbfd;
padding-top: 200px;
padding-bottom: 140px;
overflow: hidden;
position: relative
}
.app_testimonial_area .text_shadow {
position: absolute;
top: 0;
height: 100%;
width: 100%;
z-index: 0
}
.app_testimonial_area .text_shadow:before {
content: attr(data-line);
position: absolute;
left: 0;
width: 100%;
text-align: center;
color: #f6f6fa;
font-weight: 700;
background-image: linear-gradient(140deg,#672dde 0%,#4069eb 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: poppins,sans-serif;
font-size: 200px;
line-height: 200px;
z-index: -1;
text-transform: uppercase;
top: 50%;
opacity: .02
}
.app_testimonial_slider {
max-width: 690px;
margin: 0 auto
}
.nav_container {
position: relative;
z-index: 1
}
.nav_container .owl-prev, .nav_container .owl-next {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #fff;
box-shadow: 0 3px 4px 0 rgba(12,0,46,.06);
font-size: 20px;
color: #222d39;
border: 0;
line-height: 50px;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: all .2s linear;
cursor: pointer
}
.nav_container .owl-prev:hover, .nav_container .owl-next:hover {
background: #4069eb;
color: #fff;
box-shadow: none
}
.nav_container .owl-prev {
left: 15px
}
.nav_container .owl-next {
right: 15px
}
.nav_container .owl-dots {
margin-top: 30px
}
.nav_container .owl-dots .owl-dot span {
background: #cfcfe7;
border: 0
}
.nav_container .owl-dots .owl-dot.active span {
background: #653cee
}
.shap {
position: absolute;
opacity: .02;
transform: rotate(45deg);
border-radius: 45px;
left: 90px;
z-index: -1
}
.shap.one {
background-image: linear-gradient(140deg,rgb(125,13,240) 0%,rgb(12,182,231) 100%);
width: 650px;
height: 510px;
top: -155%
}
.shap.two {
background-image: linear-gradient(140deg,rgb(125,13,240) 0%,rgb(12,182,231) 100%);
width: 666px;
height: 330px;
top: -145%;
left: 290px
}
.app_testimonial_item .author-img {
width: 70px;
height: 70px;
border-radius: 100%;
overflow: hidden;
margin: 0 auto 15px
}
.app_testimonial_item .author-img img {
width: auto;
border-radius: 100%;
max-width: 100%
}
.app_testimonial_item .author_info {
margin-bottom: 35px
}
.app_testimonial_item .author_info p {
color: #959cb1;
font-size: 14px;
margin-bottom: 0
}
.experts_team_area .learn_btn:hover {
color: #4069eb
}
.experts_team_area .learn_btn:hover:before {
background: #4069eb
}
.ex_team_item {
position: relative;
text-align: center;
margin-bottom: 40px;
overflow: hidden;
cursor: pointer
}
.ex_team_item img {
max-width: 100%
}
.ex_team_item .hover_content, .ex_team_item .team_content {
position: absolute;
width: 100%
}
.ex_team_item h3 {
margin-bottom: 3px
}
.ex_team_item h5 {
font: 300 14px/24px "Poppins",sans-serif;
color: #677294;
margin-bottom: 0
}
.ex_team_item .team_content {
bottom: 0;
background: rgba(255,255,255,.9);
padding: 17px 0;
transition: all .4s ease
}
.ex_team_item .hover_content {
top: 0;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 0 33px;
background-image: linear-gradient(140deg,rgba(125,13,240,0.9) 0%,rgba(58,113,235,0.9) 100%);
opacity: 0;
visibility: visible;
z-index: -1;
transition: all .4s ease;
transform: scale(.9)
}
.ex_team_item .hover_content .n_hover_content {
width: 100%
}
.ex_team_item .hover_content .n_hover_content ul {
margin-bottom: 0
}
.ex_team_item .hover_content .n_hover_content ul li {
display: inline-block
}
.ex_team_item .hover_content .n_hover_content ul li a {
font-size: 13px;
color: #fff;
margin: 0 5px
}
.ex_team_item .hover_content .n_hover_content ul li a:hover {
color: #0cb6e7
}
.ex_team_item .hover_content .n_hover_content .br {
width: 100%;
height: 1px;
background: rgba(255,255,255,.2);
display: block;
margin: 15px 0 20px;
transform: scale(0);
transition: all .6s linear
}
.ex_team_item .hover_content .n_hover_content h3 {
transform: translateY(12px);
transition: all .5s linear
}
.ex_team_item .hover_content .n_hover_content h5 {
color: #fff;
transform: translateY(20px);
transition: all .6s linear
}
.ex_team_item:hover .hover_content {
opacity: 1;
visibility: visible;
z-index: 0;
transform: scale(1)
}
.ex_team_item:hover .hover_content .br {
transform: scale(1)
}
.ex_team_item:hover .hover_content h3, .ex_team_item:hover .hover_content h5 {
transform: translateY(0)
}
.ex_team_item:hover .team_content {
opacity: 0;
visibility: visible;
transform: translateY(100%)
}
.payment_clients_area {
background: #fafbff;
padding: 130px 0;
position: relative
}
.payment_clients_area .clients_bg_shape_top {
position: absolute;
width: 100%;
height: 85px;
top: -82px;
left: 0;
background: url(../img/home9/triangle_top.png) no-repeat
}
.payment_clients_area .clients_bg_shape_right {
width: 1600px;
height: 1253px;
background-color: #fff;
-webkit-box-shadow: 0 0 59px 0 rgba(91,82,254,.05);
box-shadow: 0 0 59px 0 rgba(91,82,254,.05);
position: absolute;
right: -44.5%;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
border-radius: 150px;
top: -375px
}
.payment_clients_area .payment_clients_inner {
position: relative
}
.payment_clients_area .payment_clients_inner .clients_item {
border-width: 5px;
border-color: #f6f6fa;
border-style: solid;
border-radius: 10px;
background-color: #fff;
box-shadow: 0 1px 30px 0 rgba(55,125,162,.2);
position: absolute;
text-align: center
}
.payment_clients_area .payment_clients_inner .clients_item img {
position: relative;
top: 50%;
transform: translateY(-50%)
}
.payment_clients_area .payment_clients_inner .clients_item.one {
width: 120px;
height: 120px;
top: 170px
}
.payment_clients_area .payment_clients_inner .clients_item.two {
width: 180px;
height: 180px;
top: 325px;
left: 150px
}
.payment_clients_area .payment_clients_inner .clients_item.three {
width: 128px;
height: 128px;
left: 245px
}
.payment_clients_area .payment_clients_inner .clients_item.four {
width: 142px;
height: 142px;
left: 450px;
top: 400px
}
.payment_clients_area .payment_clients_inner .clients_item.five {
width: 110px;
height: 110px;
left: 621px;
top: 260px
}
.payment_clients_area .payment_clients_inner .clients_item.six {
width: 100px;
height: 100px;
left: 425px;
top: 180px
}
.payment_clients_area .payment_clients_inner .clients_item.seven {
width: 80px;
height: 80px;
left: 550px;
top: 0
}
.payment_clients_area .payment_clients_inner .clients_item.eight {
width: 95px;
height: 95px;
left: 745px;
top: 35px
}
.payment_testimonial_area {
background: #fafbff;
padding-top: 150px
}
.payment_testimonial_area .testimonial_img {
margin-bottom: -82px;
position: relative;
z-index: 1
}
.payment_testimonial_info .testimonial_content {
padding-left: 80px;
position: relative;
margin-top: 100px
}
.payment_testimonial_info .testimonial_content .icon {
font-size: 300px;
color: #ebeff9;
position: absolute;
transform: rotate(180deg);
left: -35px;
top: 0;
font-family: poppins,sans-serif;
height: 133px
}
.payment_testimonial_info .testimonial_content p {
line-height: 34px;
margin-bottom: 45px
}
.payment_testimonial_info .testimonial_content .author_description {
color: #6781a9;
font-weight: 300;
padding-top: 5px
}
.payment_action_area {
padding: 225px 0 145px;
position: relative
}
.payment_action_area .clients_bg_shape_bottom {
position: absolute;
width: 100%;
height: 85px;
top: 0;
left: 0;
background: url(../img/home9/triangle_bottom.png) no-repeat;
background-size: contain
}
.payment_action_content .pay_icon {
margin: 0 auto 50px
}
.payment_action_content h2 {
font-size: 26px
}
.payment_action_content p {
line-height: 30px;
font-size: 18px;
margin: 25px 0 60px
}
.payment_action_content .pay_btn {
margin: 0
}
.sass_partner_logo_area, .saas_map_area, .saas_subscribe_area {
background: #fbfcfe
}
.saas_subscribe_area .saas_action_content {
max-width: 970px;
margin: 0 auto;
border-radius: 6px;
background-color: #fff;
box-shadow: 0 22px 95px 0 rgba(55,168,237,.1);
display: flex;
flex-wrap: wrap;
padding: 60px;
margin-bottom: -50px;
position: relative;
z-index: 2
}
.saas_subscribe_area .saas_action_content .gr_btn {
min-width: 200px;
padding: 20px 0;
text-align: center;
color: #fff
}
.saas_subscribe_area .saas_action_content .gr_btn:before {
opacity: 0;
transition: all .2s linear
}
.saas_subscribe_area .saas_action_content .gr_btn:hover {
color: #23b1fe
}
.saas_subscribe_area .saas_action_content .gr_btn:hover:before {
opacity: 1
}
.payment_subscribe_info {
border-radius: 6px;
background-image: linear-gradient(50deg,rgb(95,81,251) 0%,rgb(118,124,253) 64%,rgb(140,167,255) 100%);
overflow: hidden;
display: flex;
width: 100%;
align-items: center;
padding: 60px;
margin-bottom: -100px;
position: relative
}
.payment_subscribe_info .payment_subscribe_content {
padding-top: 0
}
.payment_subscribe_info .payment_subscribe_content h2 {
font: 600 26px poppins,sans-serif;
color: #fff
}
.payment_subscribe_info .payment_subscribe_content p {
margin-bottom: 0;
font-weight: 300;
color: #fff
}
.payment_subscribe_info .subscribe-form {
display: flex;
justify-content: flex-end;
flex: 1
}
.payment_subscribe_info .subscribe-form .form-control {
width: 430px;
height: 60px;
border: 1px solid rgba(255,255,255,.3);
border-radius: 45px;
background: rgba(247,248,252,.059);
color: #fff;
font-size: 15px;
font-weight: 300;
padding-left: 30px;
box-shadow: none
}
.payment_subscribe_info .subscribe-form .form-control.placeholder {
color: #d3d3f2
}
.payment_subscribe_info .subscribe-form .form-control:-moz-placeholder {
color: #d3d3f2
}
.payment_subscribe_info .subscribe-form .form-control::-moz-placeholder {
color: #d3d3f2
}
.payment_subscribe_info .subscribe-form .form-control::-webkit-input-placeholder {
color: #d3d3f2
}
.payment_subscribe_info .subscribe-form .btn_four {
background: #5f51fb;
color: #fff;
border: #5f51fd;
margin-left: 20px
}
.payment_subscribe_info .subscribe-form .btn_four:hover {
background: #fff;
border-color: #fff;
color: #5f51fd
}
.testimonial_area_four {
position: relative
}
.testimonial_shap_img {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%
}
.testimonial_title {
position: relative;
padding-bottom: 90px
}
.testimonial_title h6 {
font-size: 16px;
color: #563bd1;
font-family: poppins,sans-serif;
font-style: italic
}
.testimonial_title .owl-prev, .testimonial_title .owl-next {
position: absolute;
bottom: 0;
width: 50px;
height: 50px;
border: 1px solid #e0e4ed;
text-align: center;
font-size: 14px;
color: #677294;
border-radius: 50%;
line-height: 48px;
transition: all .3s linear;
cursor: pointer;
background: 0 0
}
.testimonial_title .owl-prev:hover, .testimonial_title .owl-next:hover {
background: #563bd1;
color: #fff
}
.testimonial_title .owl-next {
left: 60px
}
.stratup_testimonial_info {
height: 576px;
position: relative
}
.stratup_testimonial_info:before {
content: "";
background: url("../img/new/testimonial_bg.png") no-repeat scroll center 0/contain;
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute
}
.testimonial_slider_four {
padding: 0 70px
}
.testimonial_slider_four .item {
text-align: center;
color: #fff
}
.testimonial_slider_four .item .author_img {
width: 70px;
height: 70px;
border-radius: 50%;
display: inline-block;
overflow: hidden;
margin-bottom: 35px
}
.testimonial_slider_four .item img {
width: auto
}
.testimonial_slider_four .item p {
font-size: 18px;
line-height: 36px;
font-style: italic;
margin-bottom: 40px;
color: #fff
}
.testimonial_slider_four .item h5 {
font-size: 18px;
font-weight: 600;
color: #fff
}
.testimonial_slider_four .item h6 {
font-size: 14px;
font-weight: 300;
margin-bottom: 0;
color: #fff
}
.testimonial_area_five {
position: relative
}
.testimonial_area_five .stratup_testimonial_info:before {
background: url("../img/new/testimonial_bg_two.png") no-repeat scroll center 0/contain
}
.testimonial_area_five .testimonial_title h6 {
color: #26c4e5
}
.testimonial_area_five .testimonial_title .owl-next:hover, .testimonial_area_five .testimonial_title .owl-prev:hover {
background: #26c4e5
}
.video_area {
position: relative;
z-index: 1
}
.video_content {
position: relative
}
.video_leaf {
position: absolute;
left: 85px;
top: -80px;
background: url(../img/new/leaf.png) no-repeat scroll;
z-index: -2
}
.cup {
position: absolute;
right: 98px;
bottom: 40px
}
.video_info {
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
background: linear-gradient(50deg,rgba(58,43,220,0.9) 0%,rgba(23,199,189,0.9) 100%),url("../img/new/video_bg.jpg") no-repeat;
background-size: cover;
box-shadow: 0 50px 70px 0 rgba(0,11,40,.24);
height: 450px;
max-width: 770px;
margin: 0 auto;
position: relative;
z-index: 1
}
.video_info h2 {
position: absolute;
top: 58%;
left: 50%;
transform: translate(-50%,-50%);
color: #fff;
font-size: 100px;
opacity: .1;
font-weight: 700;
z-index: -1
}
.video_icon {
width: 80px;
height: 80px;
border-radius: 50%;
background-color: #fff;
box-shadow: 0 20px 40px 0 rgba(1,16,58,.14);
text-align: center;
line-height: 85px;
font-size: 30px;
position: relative;
transition: all .3s linear;
display: inline-block
}
.video_icon:before, .video_icon:after {
content: "";
width: 100%;
height: 100%;
border: .2px solid #fff;
border-radius: 50%;
opacity: .1;
position: absolute;
left: 0
}
.video_icon:before {
transform: scale(2.5)
}
.video_icon:after {
transform: scale(3.8)
}
.video_icon i {
color: #17c7bd;
text-shadow: 0 6px 25px rgba(16,147,140,.9);
position: relative
}
.video_icon i:after {
width: 300%;
height: 300%;
position: absolute;
left: 50%;
top: 50%;
border-radius: 50%;
box-shadow: 0 1px 15px 1px rgba(255,255,255,.5);
content: "";
-webkit-animation: pulse 2s infinite;
transform: scale(8);
animation: pulse 2s infinite
}
.video_icon:hover {
transform: scale(1.04)
}
.seo_fact_area {
background: #f9f7fd;
position: relative
}
.seo_fact_info {
display: flex;
justify-content: space-between;
position: relative;
z-index: 1
}
.seo_fact_info:before {
content: "";
background: url(../img/seo/shap.png) no-repeat scroll center center;
position: absolute;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
top: 0
}
.seo_fact_info .seo_fact_item {
width: 200px;
height: 200px;
border-radius: 50%;
background: #fff;
box-shadow: 0 20px 40px 0 rgba(38,59,94,.1);
display: flex;
align-items: center;
justify-content: center;
text-align: center
}
.seo_fact_info .seo_fact_item .counter {
font-size: 50px;
font-weight: 600;
margin-bottom: 15px
}
.seo_fact_info .seo_fact_item .counter.one {
color: #15b2ec
}
.seo_fact_info .seo_fact_item .counter.two {
color: #f5a416
}
.seo_fact_info .seo_fact_item .counter.three {
color: #00c99c
}
.seo_fact_info .seo_fact_item .counter.four {
color: #f12699
}
.seo_fact_info .seo_fact_item p {
margin-bottom: 0;
color: #6a7695;
font-size: 16px
}
.seo_fact_info .seo_fact_item:nth-child(even) {
margin-top: 135px
}
.seo_fact_info .seo_fact_item:first-child {
margin-top: 25px
}
.seo_fact_info .seo_fact_item.last {
margin-top: 120px
}
.seo_call_to_action_area {
background: #5e2ced
}
.seo_call_action_text {
display: flex;
justify-content: space-between;
align-items: center
}
.seo_call_action_text h2 {
font-size: 40px;
line-height: 54px;
color: #fff;
font-weight: 600
}
.seo_call_action_text .about_btn {
border: 1px solid #fff
}
.get_started_section {
padding-top: 210px;
padding-bottom: 130px;
background-color: #f9fbfd
}
.get_started_section .flow_shape_1, .get_started_section .flow_shape_2 {
max-width: 190px
}
.get_started_section .flow_shape_1 {
left: 50%;
top: -90px;
transform: translateX(-50%)
}
.get_started_section .flow_shape_2 {
left: 55%;
top: -60px;
transform: translateX(-55%)
}
.get_started_section .shape_1 {
top: -75px;
left: 50px;
max-width: 30px
}
.get_started_section .shape_2, .get_started_section .shape_3 {
max-width: 100px
}
.get_started_section .shape_2 {
left: 70px;
bottom: 0
}
.get_started_section .shape_3 {
top: -120px;
right: 30px
}
.get_started_section .shape_4 {
right: 85px;
bottom: -35px;
max-width: 205px
}
.get_started_section .getstart_content {
margin: auto;
max-width: 630px
}
.get_started_section .title_text {
font-size: 45px;
font-weight: 600;
line-height: 1.222;
color: #222d39;
margin-bottom: 40px
}
.get_started_section .btn_four {
background: #3d59e8;
border-color: #3d59e8;
box-shadow: 0 15px 30px 0 rgba(94,44,237,.15)
}
.get_started_section .btn_four:hover {
box-shadow: none;
color: #fff
}
.app_screenshot_area {
overflow: hidden
}
.app_screenshot_area .app_screen_info {
margin-left: -20px;
margin-right: -20px;
margin-top: -10px
}
.app_screenshot_area .app_screenshot_slider .item {
padding: 10px 20px 20px
}
.app_screenshot_area .app_screenshot_slider .item .screenshot_img {
border: 1px solid #f4f4f9;
border-radius: 4px;
box-shadow: 0 6px 16px 0 rgba(12,0,46,.06)
}
.app_screenshot_area .app_screenshot_slider .item .screenshot_img img {
max-width: 100%
}
.app_screenshot_area .app_screenshot_slider .owl-dots {
margin-top: 40px
}
.app_screenshot_area .app_screenshot_slider .owl-dots .owl-dot span {
background: #cfcfe7;
border: 0
}
.app_screenshot_area .app_screenshot_slider .owl-dots .owl-dot.active span {
background: #653cee
}
.app_screenshot_area .app_screenshot_slider .owl-prev, .app_screenshot_area .app_screenshot_slider .owl-next {
position: absolute;
bottom: 0;
width: 50px;
height: 50px;
border: 1px solid #d9e1ea;
background: #fbfbfd;
border-radius: 25px;
font-size: 20px;
line-height: 50px;
transform: translateX(-50%);
cursor: pointer;
transition: all .2s linear
}
.app_screenshot_area .app_screenshot_slider .owl-prev:hover, .app_screenshot_area .app_screenshot_slider .owl-next:hover {
background: #4069eb;
border-color: #4069eb;
color: #fff
}
.app_screenshot_area .app_screenshot_slider .owl-prev {
left: calc(50% - 60px)
}
.app_screenshot_area .app_screenshot_slider .owl-next {
right: calc(50% - 60px)
}
.get_started_area {
background-image: linear-gradient(140deg,rgb(103,45,222) 0%,rgb(64,105,235) 100%);
padding: 120px 0 80px;
position: relative;
overflow: hidden;
z-index: 1
}
.get_started_area .shap {
opacity: .03
}
.get_started_area .shap.one {
background: #fff;
top: -290px;
left: -50px
}
.get_started_area .shap.two {
background: #fff;
top: -260px;
left: 100px
}
.get_started_area .shap.three {
background: #fff;
top: auto;
left: 47%;
bottom: -300px
}
.get_started_area .shap.four {
background: #fff;
top: auto;
left: 63%;
bottom: -280px
}
.get_content h3 {
font-size: 24px;
color: #fff
}
.get_content h2, .get_content p {
color: #fff
}
.get_content .app_btn {
font: 500 16px poppins,sans-serif;
padding: 12px 34px;
border-color: #fff;
background: #fff;
line-height: 27px;
transition: all .2s linear;
min-width: 200px;
text-align: center
}
.get_content .app_btn.app_btn_one {
color: #4069eb;
vertical-align: middle
}
.get_content .app_btn.app_btn_one img {
padding-right: 12px
}
.get_content .app_btn.app_btn_one:hover {
background: rgba(255,255,255,.1);
color: #fff
}
.get_content .app_btn.app_btn_two {
background: rgba(255,255,255,.1);
vertical-align: middle;
box-shadow: none;
margin-left: 20px
}
.get_content .app_btn.app_btn_two i {
font-size: 25px;
padding-right: 10px;
vertical-align: sub
}
.get_content .app_btn.app_btn_two:hover {
color: #4069eb;
background: #fff;
box-shadow: 0 20px 30px 0 rgba(12,0,46,.1)
}
.get_started_three .startup_tab_img .web_img, .get_started_three .startup_tab_img .phone_img {
opacity: 1;
transform: translate(0)
}
.get_started_three .get_btn_info {
margin-top: 50px
}
.get_started_three .get_btn_info .get_btn_item {
display: flex;
align-items: center;
padding-right: 110px;
position: relative;
flex-wrap: wrap
}
.get_started_three .get_btn_info .get_btn_item .get_icon {
height: 100px;
width: 100px;
line-height: 100px;
font-size: 45px;
text-align: center;
border-radius: 3px;
background: #fff1f3;
color: #ff738b;
margin-right: 25px
}
.get_started_three .get_btn_info .get_btn_item h3 {
font-size: 20px;
line-height: 34px;
color: #051441;
font-weight: 400;
flex: 1
}
.get_started_three .get_btn_info .get_btn_item .icon_two {
background: #f1f5ff
}
.get_started_three .get_btn_info .get_btn_item .icon_two .small {
color: #46d779;
font-size: 25px;
position: relative;
top: -25px;
left: 6px;
padding-top: 0
}
.get_started_three .get_btn_info .get_btn_item .icon_two i {
color: #73a1ff;
padding-top: 30px;
display: inline-block
}
.job_listing_area .sec_title {
max-width: 970px
}
.job_listing_area .app_service_info {
margin-bottom: -30px
}
.job_listing {
margin-top: 160px
}
.job_listing .job_list_tab {
border-bottom: 1px solid #e7e7f6
}
.job_listing .job_list_tab .list_item_tab {
font: 300 15px/26px "Poppins",sans-serif;
color: #677294;
padding: 0 0 10px;
border: 0;
border-radius: 0;
position: relative;
display: inline-block;
cursor: pointer
}
.job_listing .job_list_tab .list_item_tab:before {
content: "";
width: 0;
height: 1px;
background: #5f2eed;
position: absolute;
bottom: 0;
left: auto;
right: 0;
transition: all .2s linear
}
.job_listing .job_list_tab .list_item_tab.active, .job_listing .job_list_tab .list_item_tab:hover {
background: 0 0
}
.job_listing .job_list_tab .list_item_tab.active:before {
width: 100%;
right: auto;
left: 0
}
.job_listing .job_list_tab .list_item_tab + .list_item_tab {
margin-left: 55px
}
.job_listing .listing_tab {
margin-bottom: -30px;
margin-top: 60px;
overflow: hidden
}
.job_listing .listing_tab .list_item {
display: table;
width: 100%;
background: #fff;
box-shadow: 0 2px 8px 0 rgba(12,0,46,.04);
padding: 20px 45px 20px 20px;
margin-bottom: 30px;
cursor: pointer;
transition: all .2s linear
}
.job_listing .listing_tab .list_item figure {
float: left;
width: 70px;
margin-bottom: 0;
margin-right: 20px
}
.job_listing .listing_tab .list_item figure a, .job_listing .listing_tab .list_item figure img {
float: left;
width: 100%
}
.job_listing .listing_tab .list_item .joblisting_text {
display: table-cell;
vertical-align: middle;
border-left: 1px solid #eeebf7;
width: 100%;
padding-left: 25px
}
.job_listing .listing_tab .list_item .joblisting_text .job_list_table {
display: table;
width: 100%
}
.job_listing .listing_tab .list_item .joblisting_text .jobsearch-table-cell {
display: table-cell;
vertical-align: middle;
width: 75%;
line-height: 46px
}
.job_listing .listing_tab .list_item .joblisting_text h4 a {
font-size: 20px;
margin-bottom: 5px;
display: inline-block
}
.job_listing .listing_tab .list_item .joblisting_text h4 a:hover {
color: #5e2ced
}
.job_listing .listing_tab .list_item .joblisting_text ul {
margin-bottom: 0
}
.job_listing .listing_tab .list_item .joblisting_text ul li {
float: left;
font: 300 14px/15px "Poppins",sans-serif;
color: #677294;
padding: 0 10px;
border-left: 2px solid #aeb3c3
}
.job_listing .listing_tab .list_item .joblisting_text ul li:first-child {
padding-left: 0;
border: none
}
.job_listing .listing_tab .list_item .joblisting_text ul li.p_color {
color: #5e2ced
}
.job_listing .listing_tab .list_item .joblisting_text ul li.g_color {
color: #61bd17
}
.job_listing .listing_tab .list_item .joblisting_text ul li.gold_color {
color: #d7ad1e
}
.job_listing .listing_tab .list_item .joblisting_text .jobsearch-job-userlist {
float: right
}
.job_listing .listing_tab .list_item .joblisting_text .jobsearch-job-userlist .apply_btn {
font: 300 14px/36px "Poppins",sans-serif;
color: #5c6789;
border: 1px solid #e7e7f6;
border-radius: 3px;
display: inline-block;
padding: 4px 22px;
transition: all .2s linear
}
.job_listing .listing_tab .list_item .joblisting_text .jobsearch-job-userlist .apply_btn:hover {
background: #5e2ced;
border-color: #5e2ced;
color: #fff
}
.job_listing .listing_tab .list_item .joblisting_text .jobsearch-job-userlist .like-btn {
font-size: 18px;
line-height: 46px;
float: right;
margin-left: 20px
}
.job_listing .listing_tab .list_item .joblisting_text .jobsearch-job-userlist .like-btn a {
display: inline-block;
color: #d4d8e4
}
.job_listing .listing_tab .list_item .joblisting_text .jobsearch-job-userlist .like-btn a:hover {
color: #5e2ced
}
.job_listing .listing_tab .list_item:hover {
box-shadow: 0 25px 30px -8px rgba(12,0,46,.06)
}
.job_listing .pagination {
display: block
}
.job_listing .pagination .nav-links .page-numbers {
width: 40px;
height: 40px;
border: 1px solid #e7e7f6;
display: inline-block;
text-align: center;
line-height: 40px;
color: #677294;
font-size: 16px;
border-radius: 50%;
background-color: #fbfbfd;
margin: 0 3px
}
.job_listing .pagination .nav-links .page-numbers i {
font-size: 14px
}
.job_listing .pagination .nav-links .page-numbers.current {
background: #5e2ced;
color: #fff
}
.details_content .f_size_22 {
font-size: 22px
}
.details_content .btn_three {
min-width: 150px;
text-align: center;
background: #5e2ced;
border-color: #5e2ced;
color: #fff
}
.details_content .btn_three:hover {
color: #fff;
box-shadow: 0 20px 30px 0 rgba(61,100,244,.16)
}
.job_deatails_content {
padding-bottom: 40px
}
.job_deatails_content ul li {
position: relative;
padding-left: 36px;
font-weight: 300;
font-size: 15px;
color: #677294;
margin-bottom: 27px
}
.job_deatails_content ul li i {
position: absolute;
left: 0;
top: 5px;
color: #5f2eed
}
.job_deatails_content:nth-child(4) {
border-bottom: 1px solid #eeebf6
}
.job_info {
border: 1px solid #f4f4f9;
background-color: #fff;
box-shadow: 0 2px 4px 0 rgba(12,0,46,.04);
padding: 50px
}
.job_info .info_head {
border-bottom: 1px solid #eeebf6;
padding-bottom: 18px
}
.job_info .info_head i {
font-size: 40px;
color: #9979f7;
text-shadow: 0 14px 30px rgba(94,44,237,.4);
margin-bottom: 35px;
display: inline-block
}
.job_info .info_item {
position: relative;
padding-left: 30px;
margin-top: 25px
}
.job_info .info_item i {
color: #9979f7;
font-size: 18px;
position: absolute;
left: 0;
top: 5px
}
.job_info .info_item h6 {
font-size: 18px;
color: #222d39;
font-family: poppins,sans-serif;
font-weight: 400;
margin-bottom: 5px
}
.job_info .info_item p {
margin-bottom: 0;
font-size: 14px;
font-weight: 300;
color: #677294
}
.apply_form .form-group {
margin-bottom: 30px
}
.apply_form input[type=text], .apply_form textarea, .apply_form .selectpickers {
border-radius: 4px;
background-color: #fff;
box-shadow: 0 2px 4px 0 rgba(12,0,46,.04);
font: 300 15px/60px "Poppins",sans-serif;
color: #9ca3b9;
width: 100%;
height: 60px;
padding-left: 30px;
border: 1px solid #fff
}
.apply_form input[type=text]:focus, .apply_form textarea:focus, .apply_form .selectpickers:focus {
box-shadow: 0 10px 14px 0 rgba(12,0,46,.06);
border-color: #f2effc;
outline: none
}
.apply_form input[type=text].placeholder, .apply_form textarea.placeholder, .apply_form .selectpickers.placeholder {
color: #9ca3b9
}
.apply_form input[type=text]:-moz-placeholder, .apply_form textarea:-moz-placeholder, .apply_form .selectpickers:-moz-placeholder {
color: #9ca3b9
}
.apply_form input[type=text]::-moz-placeholder, .apply_form textarea::-moz-placeholder, .apply_form .selectpickers::-moz-placeholder {
color: #9ca3b9
}
.apply_form input[type=text]::-webkit-input-placeholder, .apply_form textarea::-webkit-input-placeholder, .apply_form .selectpickers::-webkit-input-placeholder {
color: #9ca3b9
}
.apply_form textarea {
height: 180px
}
.apply_form .selectpickers {
width: 100%
}
.apply_form .upload_box {
width: 100%;
border: 1px dotted #e7e3f2;
font: 300 15px/26px "Poppins",sans-serif;
color: #9ca3b9;
padding: 20px 50px
}
.apply_form .upload_box input[type=file] {
font: 300 15px/26px "Poppins",sans-serif;
color: #9ca3b9;
display: block;
margin-top: 45px
}
.apply_form .upload_box input[type=file]:focus {
outline: none
}
.apply_form p {
font: 300 15px/26px "Poppins",sans-serif;
color: #677294
}
.apply_form p a {
color: #222d39
}
.apply_form .btn_three {
font-size: 14px;
font-weight: 500;
background: #5e2ced;
padding: 14px 37px;
border-radius: 3px;
transition: all .3s linear;
cursor: pointer;
margin-top: 20px
}
.apply_form .btn_three:hover {
color: #fff;
box-shadow: 0 20px 30px 0 rgba(61,100,244,.16)
}
.faq_tab {
border: 1px solid #f4f4f9;
background-color: #fff;
box-shadow: 0 2px 4px 0 rgba(12,0,46,.04);
padding: 50px 40px
}
.faq_tab .nav-tabs {
border: 0;
margin-bottom: 0;
display: block
}
.faq_tab .nav-item {
margin: 0
}
.faq_tab .nav-item .nav-link {
font: 400 16px/22px "Poppins",sans-serif;
color: #677294;
padding: 0;
border: 0;
border-radius: 0;
display: inline-block;
position: relative;
margin-bottom: 20px;
cursor: pointer
}
.faq_tab .nav-item .nav-link:before {
content: "";
width: 0;
height: 1px;
background: #5e2ced;
position: absolute;
left: 0;
bottom: 0;
transition: width .2s linear
}
.faq_tab .nav-item .nav-link.active {
color: #5e2ced
}
.faq_tab .nav-item .nav-link.active:before {
width: 100%
}
.faq_content .tab-pane .card {
border: 0;
border-radius: 0;
background: 0 0;
border-bottom: 1px solid #e4e0ee
}
.faq_content .tab-pane .card .card-header {
padding: 0;
border: 0;
background: 0 0
}
.faq_content .tab-pane .card .card-header .btn {
color: #5e2ced;
display: block;
width: 100%;
text-align: left;
font: 500 18px/26px "Poppins",sans-serif;
padding: 20px 30px 20px 0;
position: relative;
white-space: normal
}
.faq_content .tab-pane .card .card-header .btn i {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
display: none;
font-size: 20px
}
.faq_content .tab-pane .card .card-header .btn i + i {
display: block
}
.faq_content .tab-pane .card .card-header .btn.collapsed {
color: #576370
}
.faq_content .tab-pane .card .card-header .btn.collapsed i {
display: block
}
.faq_content .tab-pane .card .card-header .btn.collapsed i + i {
display: none
}
.faq_content .tab-pane .card .card-body {
padding: 0 0 45px;
font: 400 15px/26px "Poppins",sans-serif;
color: #677294
}
.portfolio_area {
overflow: hidden
}
.portfolio_area .price_btn {
border-color: #5f51fb;
color: #5f51fb;
background: 0 0;
margin-top: 50px;
line-height: 48px;
padding: 0 30px
}
.portfolio_area .price_btn:hover {
background: #5f51fb;
color: #fff
}
.portfolio_filter {
display: flex;
justify-content: center
}
.portfolio_filter .work_portfolio_item {
font: 400 16px/22px "Poppins",sans-serif;
color: #677294;
display: inline-block;
border-radius: 3px;
transition: all .2s linear;
position: relative;
cursor: pointer
}
.portfolio_filter .work_portfolio_item:before {
content: "";
width: 0;
height: 1px;
bottom: 0;
background: 0 0;
position: absolute;
left: auto;
right: 0;
transition: width .3s linear
}
.portfolio_filter .work_portfolio_item.active, .portfolio_filter .work_portfolio_item:hover {
color: #5e2ced
}
.portfolio_filter .work_portfolio_item.active:before, .portfolio_filter .work_portfolio_item:hover:before {
width: 100%;
background: #5e2ced;
right: auto;
left: 0
}
.portfolio_filter .work_portfolio_item + .work_portfolio_item {
margin-left: 60px
}
.portfolio_filter_blue .work_portfolio_item.active, .portfolio_filter_blue .work_portfolio_item:hover {
color: #26c4e5
}
.portfolio_filter_blue .work_portfolio_item.active:before, .portfolio_filter_blue .work_portfolio_item:hover:before {
width: 100%;
background: #26c4e5
}
.pr_btn {
margin-top: 70px;
background: 0 0;
color: #26c4e5;
border-color: #26c4e5
}
.pr_btn:hover {
background: #26c4e5;
color: #fff
}
.portfolio_gallery .portfolio_item .portfolio_img {
position: relative;
cursor: pointer;
overflow: hidden
}
.portfolio_gallery .portfolio_item .portfolio_img img {
max-width: 100%;
width: 100%
}
.portfolio_gallery .portfolio_item .portfolio_img .img_rounded {
border-radius: 6px
}
.portfolio_gallery .portfolio_item .portfolio_img .hover_content {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(44,44,57,.7);
opacity: 0;
transition: opacity 300ms linear
}
.portfolio_gallery .portfolio_item .portfolio_img .hover_content .img_popup {
width: 50px;
height: 50px;
font-size: 18px;
line-height: 50px;
text-align: center;
right: 50px;
top: 50px;
border: 1px solid #fff;
border-radius: 50%;
color: #fff;
transform: scale(.9);
opacity: 0;
transition: all .3s ease-in
}
.portfolio_gallery .portfolio_item .portfolio_img .hover_content .img_popup:hover {
background: #fff;
color: #282835
}
.portfolio_gallery .portfolio_item .portfolio_img .hover_content .portfolio-description {
bottom: 0;
padding-left: 50px;
padding-bottom: 48px;
width: 100%
}
.portfolio_gallery .portfolio_item .portfolio_img .hover_content .portfolio-description h3 {
transform: translateY(25px);
transition: all .4s linear;
color: #fff
}
.portfolio_gallery .portfolio_item .portfolio_img .hover_content .portfolio-description .links {
overflow: hidden
}
.portfolio_gallery .portfolio_item .portfolio_img .hover_content .portfolio-description .links a {
transform: translateY(25px);
color: #fff;
transition: all .3s linear
}
.portfolio_gallery .portfolio_item .portfolio_img .hover_content .portfolio-description .links a:before {
background: #fff
}
.portfolio_gallery .portfolio_item .portfolio_img .hover_content.h_content_two .img_popup {
right: 30px;
top: 30px
}
.portfolio_gallery .portfolio_item .portfolio_img .hover_content.h_content_two .portfolio-description {
padding-left: 30px;
padding-bottom: 30px
}
.portfolio_gallery .portfolio_item .portfolio_img .hover_content.h_content_two .portfolio-description .links a {
font-size: 14px
}
.portfolio_gallery .portfolio_item .portfolio_img:hover .hover_content {
opacity: 1
}
.portfolio_gallery .portfolio_item .portfolio_img:hover .hover_content .img_popup {
opacity: 1;
transform: scale(1)
}
.portfolio_gallery .portfolio_item .portfolio_img:hover .hover_content .portfolio-description h3, .portfolio_gallery .portfolio_item .portfolio_img:hover .hover_content .portfolio-description a {
transform: translateY(0)
}
.portfolio-description .portfolio-title {
overflow: hidden;
display: inline-block
}
.portfolio-description h3 {
margin-top: 22px;
margin-bottom: 0;
transition: color .2s linear;
color: #282835
}
.portfolio-description h3:hover {
color: #5e2ced
}
.portfolio-description .links {
overflow: hidden
}
.portfolio-description .links a {
font-size: 15px;
color: #677294;
font-weight: 300;
position: relative;
display: inline-block;
margin-right: 8px;
transition: color .01s linear
}
.portfolio-description .links a:before {
content: "";
width: 0;
height: 1px;
bottom: 0;
background: #5e2ced;
position: absolute;
left: auto;
right: 0;
transition: width .3s linear
}
.portfolio-description .links a:hover {
color: #5e2ced
}
.portfolio-description .links a:hover:before {
width: 100%;
right: auto;
left: 0
}
.portfolio_fullwidth_area {
padding-top: 100px
}
.p_category_item .social_icon, .icon .social_icon {
padding-top: 8px
}
.p_category_item .social_icon a, .icon .social_icon a {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 13px;
line-height: 43px;
display: inline-block;
text-align: center;
border-radius: 50%;
margin-right: 5px;
transition: all .2s linear;
color: #fff
}
.p_category_item .social_icon a:nth-child(1), .icon .social_icon a:nth-child(1) {
background: #4779de
}
.p_category_item .social_icon a:nth-child(2), .icon .social_icon a:nth-child(2) {
background: #e43e30
}
.p_category_item .social_icon a:nth-child(3), .icon .social_icon a:nth-child(3) {
background: #1da1f3
}
.p_category_item .social_icon a:hover, .icon .social_icon a:hover {
box-shadow: 0 5px 12px 2px rgba(0,11,40,.2)
}
.portfolio_pagination {
display: flex;
justify-content: space-between
}
.portfolio_pagination .prev, .portfolio_pagination .next {
font-size: 14px;
font-weight: 300;
color: #9ca3b9;
transition: color .2s linear
}
.portfolio_pagination .prev:hover, .portfolio_pagination .next:hover {
color: #222d39
}
.portfolio_pagination .prev i {
padding-right: 8px
}
.portfolio_pagination .next i {
padding-left: 8px
}
.pr_slider .owl-prev, .pr_slider .owl-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
background: 0 0;
border: 0;
background: 0 0;
padding: 0;
font-size: 24px;
color: #677294;
transition: color .2s linear;
cursor: pointer
}
.pr_slider .owl-prev:hover, .pr_slider .owl-next:hover {
color: #5e2ced
}
.pr_slider .owl-prev {
left: 40px
}
.pr_slider .owl-next {
right: 40px
}
.p_details_three .portfolio_category {
flex-wrap: wrap;
margin-top: 50px
}
.p_details_three .portfolio_category .p_category_item {
flex: 0 0 50%;
max-width: 50%
}
.p_details_three .portfolio_pagination {
margin-top: 190px
}
.p_details_three .icon {
margin-top: 120px
}
.portfolio_section {
padding: 50px 0 120px
}
.portfolio_masonry_grid {
margin-bottom: -75px
}
.portfolio_masonry_grid .grid-item, .portfolio_masonry_grid .grid-sizer {
width: 33.333%
}
.portfolio_masonry_grid .grid-item {
display: flex;
margin-bottom: 75px;
align-items: center
}
.portfolio_masonry_grid .grid-item.w_66 {
width: 66.666%
}
.portfolio_masonry_grid .grid-item .portfolio_grid {
margin: auto
}
.portfolio_masonry_grid .grid-item:nth-child(even) .portfolio_grid {
margin-left: 0
}
.portfolio_masonry_grid .grid-item:nth-child(odd) .portfolio_grid {
margin-right: 0
}
.portfolio_grid {
background-color: #fff
}
.portfolio_grid .item_image {
display: block;
overflow: hidden;
position: relative;
margin-bottom: 30px
}
.portfolio_grid .item_image:before {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
z-index: 1;
opacity: 0;
position: absolute;
transition: all .2s linear;
background-color: rgba(61,89,232,.95)
}
.portfolio_grid:hover .item_image:before {
opacity: 1
}
.portfolio_grid .item_title {
margin-bottom: 10px
}
.portfolio_grid .item_title > a {
line-height: 1;
display: table;
font-size: 24px;
font-weight: 600;
color: #222d39
}
.portfolio_grid:hover .item_title > a {
color: #3e5ae8
}
.portfolio_grid .category_list {
margin: 0;
padding: 0;
display: block
}
.portfolio_grid .category_list > li {
float: left;
margin-right: 6px;
position: relative;
padding-right: 3px;
display: inline-block
}
.portfolio_grid .category_list > li:after {
right: 0;
bottom: 0;
content: ",";
line-height: 1;
position: absolute;
color: #677294
}
.portfolio_grid .category_list > li:last-child {
margin-right: 0;
padding-right: 0
}
.portfolio_grid .category_list > li:last-child:after {
display: none
}
.portfolio_grid .category_list > li > a {
display: block;
line-height: 1;
font-size: 15px;
position: relative;
color: #677294
}
.portfolio_grid .category_list > li > a:before {
width: 0;
left: auto;
right: 0;
bottom: -1px;
height: 1px;
content: "";
position: absolute;
background: #3e5ae8;
transition: width .3s linear
}
.portfolio_grid .category_list > li > a:hover {
color: #3e5ae8
}
.portfolio_grid .category_list > li > a:hover:before {
left: 0;
width: 100%;
right: auto
}
.map_area {
height: 552px;
position: relative
}
.map_area iframe {
height: 100%;
width: 100%;
border: 0;
pointer-events: none;
margin: 0;
padding: 0
}
.app_contact_info {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 600px;
background-color: #fff;
box-shadow: 0 40px 50px 0 rgba(12,0,46,.2);
padding: 45px 45px 15px
}
.app_contact_info .triangle {
position: absolute;
width: 15px;
height: 15px;
right: 55px;
background: #fff;
bottom: -7px;
transform: rotate(45deg)
}
.app_contact_info .info_item {
padding-left: 55px;
position: relative;
margin-bottom: 35px
}
.app_contact_info .info_item i {
position: absolute;
left: 0;
font-size: 30px;
color: #5e2ced;
background-image: linear-gradient(0deg,#5e2ced 0%,#a485fd 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
top: 0;
left: 0
}
.app_contact_info .info_item h6 {
color: #051441;
margin-bottom: 5px
}
.app_contact_info .info_item p, .app_contact_info .info_item a {
color: #677294;
line-height: 24px;
margin-bottom: 0
}
.app_contact_info .info_item a:hover {
color: #4069eb
}
.contact_info_item {
border-bottom: 1px solid #eeebf6;
padding-bottom: 25px
}
.contact_info_item p {
color: #677294;
margin-bottom: 8px
}
.contact_info_item a {
color: #677294;
padding-left: 3px;
display: inline-block
}
.contact_info_item a:hover {
color: #5e2ced
}
.contact_info_item + .contact_info_item {
border: 0;
margin-top: 33px
}
.mapbox {
height: 400px;
box-shadow: 0 3px 4px 0 rgba(12,0,46,.05);
border: 10px solid #fff
}
#mapBox {
height: 100% !important
}
.text_box {
margin-bottom: 30px
}
.text_box input[type=text], .text_box textarea, .text_box input[type=password], .text_box input[type=email] {
font: 400 15px/60px "Poppins",sans-serif;
color: #222d39;
height: 60px;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 2px 4px 0 rgba(12,0,46,.04);
width: 100%;
border: 1px solid #fff;
padding-left: 30px
}
.text_box input[type=text].placeholder, .text_box textarea.placeholder, .text_box input[type=password].placeholder, .text_box input[type=email].placeholder {
color: #9ca3b9
}
.text_box input[type=text]:-moz-placeholder, .text_box textarea:-moz-placeholder, .text_box input[type=password]:-moz-placeholder, .text_box input[type=email]:-moz-placeholder {
color: #9ca3b9
}
.text_box input[type=text]::-moz-placeholder, .text_box textarea::-moz-placeholder, .text_box input[type=password]::-moz-placeholder, .text_box input[type=email]::-moz-placeholder {
color: #9ca3b9
}
.text_box input[type=text]::-webkit-input-placeholder, .text_box textarea::-webkit-input-placeholder, .text_box input[type=password]::-webkit-input-placeholder, .text_box input[type=email]::-webkit-input-placeholder {
color: #9ca3b9
}
.text_box input[type=text]:focus, .text_box textarea:focus, .text_box input[type=password]:focus, .text_box input[type=email]:focus {
border-color: #f2effc;
box-shadow: 0 10px 14px 0 rgba(12,0,46,.06);
outline: none
}
.text_box textarea {
height: 220px
}
.contact_form_box .btn_three {
min-width: 180px;
text-align: center;
background: #5e2ced;
border-color: #5e2ced;
margin-top: 0
}
.contact_form_box .btn_three:hover {
background: 0 0;
color: #5e2ced
}
.mapbox2 {
height: 440px;
border-top: 10px solid #fff
}
.login_area {
position: relative;
overflow: hidden;
z-index: 1
}
.login_area .login_info {
padding: 160px 100px 160px 0
}
.login_area .login_info:before {
content: "";
position: absolute;
width: 2500px;
right: 0;
height: 100%;
background: #fbfbfb;
top: 0;
z-index: -1
}
.login_area .login_info p a {
color: #677294
}
.login-form .text_box .text_c {
color: #161341;
font-size: 14px;
margin-bottom: 15px
}
.login-form .text_box input[type=password] {
padding-top: 8px;
line-height: 50px
}
.login-form .text_box input[type=password]:focus {
padding-top: 0
}
.login-form .extra {
display: flex;
justify-content: space-between;
font: 400 14px/30px "Poppins",sans-serif;
margin-top: 45px
}
.login-form .extra .checkbox label {
margin-bottom: 0;
color: #161341
}
.login-form .extra .checkbox input[type=checkbox] {
position: relative;
width: 10px;
height: 10px;
margin-right: 10px
}
.login-form .extra .checkbox input[type=checkbox]:before {
content: "";
display: block;
position: absolute;
width: 10px;
height: 10px;
top: 0;
left: 0;
border: 1px solid #7348ef;
border-radius: 2px;
background-color: #fff
}
.login-form .extra .checkbox input[type=checkbox]:checked:after {
content: "";
display: block;
width: 4px;
height: 8px;
border: solid #7348ef;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 0;
left: 3px
}
.login-form .extra .forgotten-password a {
color: #677294
}
.login-form .btn_three {
width: 100%;
background: #5e2ced;
color: #fff;
margin-top: 40px
}
.login-form .btn_three:hover {
box-shadow: 0 20px 30px 0 rgba(61,100,244,.16)
}
.login-form .alter-login {
font: 400 15px/26px "Poppins",sans-serif;
color: #9ca3b9
}
.login-form .alter-login a {
color: #5e2ced;
display: inline-block;
margin-left: 6px
}
.login_img {
padding-left: 100px;
margin-right: -250px
}
.login_img img {
max-width: 100%
}
.sign_info {
border: 20px solid #fff;
background: #fbfbfd;
padding: 80px 50px;
box-shadow: 0 50px 100px 0 rgba(12,0,46,.05)
}
.sign_info .login_info {
padding-left: 30px
}
.sign_info .sign_info_content h2 {
font-size: 30px;
color: #677294
}
.sign_info .sign_info_content ul li {
font: 400 16px/34px "Poppins",sans-serif;
color: #677294
}
.sign_info .sign_info_content ul li i {
color: #5e2ced;
margin-right: 10px
}
.sign_info .login-form .text_box {
margin-bottom: 25px
}
.sign_info .lead-text {
font: 400 14px/40px "Poppins",sans-serif;
color: #677294;
padding-right: 20px
}
.sign_info .social_tag li {
display: inline-block
}
.sign_info .social_tag li a {
width: 40px;
height: 40px;
border-radius: 50%;
display: block;
line-height: 44px;
color: #fff;
font-size: 13px;
text-align: center;
margin-left: 7px
}
.sign_info .social_tag li:first-child a {
background: #4779de
}
.sign_info .social_tag li:nth-child(2) a {
background: #e43e30
}
.sign_info .social_tag li:nth-child(3) a {
background: #1da1f3
}
.sign_info .sign-in-form .btn_three {
width: auto;
margin-top: 0
}
.sign_info .sign-in-form .extra .forgotten-password a {
color: #161341;
font-weight: 400
}
.sign_info .sign-in-form .extra .forgotten-password a:hover {
color: #5e2ced
}
.sign_btn_transparent {
display: inline-block;
background: 0 0;
border-color: #5e2ced;
color: #5e2ced
}
.sign_btn_transparent:hover {
background: #5e2ced;
color: #fff
}
.get_quote_form .form-group {
margin-bottom: 30px
}
.get_quote_form .form-group .form-control {
font: 300 15px poppins,sans-serif;
color: #677294;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 2px 4px 0 rgba(12,0,46,.04);
border: 1px solid transparent;
height: 60px;
padding: 0 30px
}
.get_quote_form .form-group .form-control.placeholder {
color: #9ca3b9
}
.get_quote_form .form-group .form-control:-moz-placeholder {
color: #9ca3b9
}
.get_quote_form .form-group .form-control::-moz-placeholder {
color: #9ca3b9
}
.get_quote_form .form-group .form-control::-webkit-input-placeholder {
color: #9ca3b9
}
.get_quote_form .form-group .form-control:focus {
border-color: #f2effc;
box-shadow: 0 10px 14px 0 rgba(12,0,46,.06)
}
.get_quote_form .form-group textarea.form-control {
height: 210px;
padding-top: 15px
}
.get_quote_form .btn_three {
margin-top: 10px
}
.saasland_container {
height: 100vh;
width: 100%;
min-height: 600px;
background: #fbfbfd;
display: flex;
flex-wrap: wrap
}
.saasland_container .saasland_bg {
position: absolute;
width: 100%;
height: 100%;
right: 0
}
.saasland_container .saasland_col_content {
position: relative;
width: 40%
}
.saasland_container .saasland_col_content .container_wrap {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 35px;
z-index: 3;
overflow: hidden;
min-height: 600px
}
.saasland_container .saasland_col_content .saasland_log {
left: 21%;
position: absolute;
width: 70%;
top: 100px
}
.saasland_container .saasland_col_content .saasland_content {
display: block;
position: absolute;
left: 21%;
top: calc(50% - 150px);
width: 70%
}
.saasland_container .saasland_col_content .saasland_content h2 {
font-size: 30px;
font-family: poppins,sans-serif;
color: #747d99;
margin-bottom: 30px;
font-weight: 400;
font-style: italic
}
.saasland_container .saasland_col_content .saasland_content h1 {
color: #051441;
font-size: 50px;
font-weight: 600;
margin-bottom: 60px
}
.saasland_container .saasland_col_content .saasland_content .car_theme_btn {
font-family: poppins,sans-serif;
font-size: 16px;
text-transform: capitalize
}
.saasland_container .saasland_col_content .saasland_bottom {
bottom: 25px;
left: 21%;
position: absolute;
width: 70%;
font: 400 12px/40px "Poppins",sans-serif;
color: #7f88a6
}
.saasland_container .saasland_col_content .saasland_bottom a {
color: #6754e2
}
.saasland_col_screen {
background-image: linear-gradient(-120deg,rgb(94,44,237) 0%,rgb(164,133,253) 100%);
width: 60%;
position: relative;
z-index: 1
}
.saasland_col_screen .clock {
position: absolute;
bottom: 190px;
z-index: 1;
text-align: center;
width: 100%
}
.saasland_col_screen .clock .timer {
display: inline-block;
color: #fff;
border: 1px solid rgba(255,255,255,.4);
border-radius: 5px;
padding: 20px 30px;
margin: 0 8px
}
.saasland_col_screen .clock .timer span {
font-size: 50px;
font-weight: 500;
line-height: 50px
}
.saasland_col_screen .clock .timer .smalltext {
font-size: 18px
}
.saasland_col_screen .saasland_social {
bottom: 25px;
left: 70px;
position: absolute;
z-index: 1
}
.saasland_col_screen .saasland_social p {
margin-bottom: 0;
display: inline-block;
color: #fff;
font-size: 14px
}
.saasland_col_screen .saasland_social ul {
display: inline-block;
padding-left: 0
}
.saasland_col_screen .saasland_social ul li {
display: inline-block
}
.saasland_col_screen .saasland_social ul li a {
font-size: 14px;
color: #fff;
padding: 0 5px;
transition: color .4s linear
}
.saasland_col_screen .saasland_social ul li a:hover {
color: #fff
}
#success, #error {
position: relative;
top: 10px;
display: block;
right: 0;
left: 0;
bottom: -15px;
display: none;
font-weight: 600
}
#success {
color: #7cfc00
}
#error {
color: #ff4500
}
.seo_subscribe_area {
background-color: #5e2ced;
padding: 120px 0 150px;
position: relative;
overflow: hidden;
z-index: 1
}
.seo_subscribe_area .seo_sec_title h2, .seo_subscribe_area .seo_sec_title p {
color: #fff
}
.seo_subscribe_area .overlay_img {
background: url("../img/seo/cloud_bg.png") no-repeat scroll center 0/cover;
position: absolute;
top: 0;
width: 100%;
height: 100%;
z-index: -1
}
.seo_subscribe_area .cloud_img {
position: absolute;
right: 0;
bottom: -7px;
width: 300px;
height: 250px
}
.seo_subscribe_form {
max-width: 970px;
margin: 0 auto
}
.seo_subscribe_form .input-group {
padding: 0 10px
}
.seo_subscribe_form .input-group input {
font-size: 16px;
line-height: 58px;
font-weight: 300;
border-radius: 4px;
padding: 2px 30px 0
}
.seo_subscribe_form .input-group .form-control {
max-width: 400px;
color: #949db5;
background: #fff;
border: 0;
box-shadow: none
}
.seo_subscribe_form .input-group .form-control.placeholder {
color: #949db5
}
.seo_subscribe_form .input-group .form-control:-moz-placeholder {
color: #949db5
}
.seo_subscribe_form .input-group .form-control::-moz-placeholder {
color: #949db5
}
.seo_subscribe_form .input-group .form-control::-webkit-input-placeholder {
color: #949db5
}
.seo_subscribe_form .input-group .check-btn {
padding-left: 40px;
padding-right: 40px;
background-color: #00c99c;
border: 0;
box-shadow: 0 10px 30px 0 rgba(18,2,86,.2);
transition: all .3s linear;
color: #fff;
cursor: pointer
}
.seo_subscribe_form .input-group .check-btn:hover {
box-shadow: none
}
.error_area {
background: linear-gradient(180deg,rgba(94,44,237,0.93) 0%,rgba(164,133,253,0.9) 100%),url("../img/error_bg.png") no-repeat scroll center 100%;
display: flex;
align-items: center;
position: relative;
z-index: 1;
height: 100vh;
min-height: 650px
}
.error_shap {
position: absolute;
right: 0;
top: 0;
z-index: -1
}
.error_contain h1 {
font-size: 15vw;
line-height: 14vw;
margin-bottom: 0
}
.error_contain h2 {
letter-spacing: 12px;
margin-bottom: 25px
}
.error_contain .about_btn {
min-width: 230px;
box-shadow: 0 20px 30px 0 rgba(15,0,57,.1)
}
.error_two_area {
display: flex;
align-items: center;
position: relative;
z-index: 1;
height: 100vh;
min-height: 750px
}
.error_content_two h2 {
font-size: 40px;
font-weight: 500;
line-height: 50px;
color: #051441;
margin-top: 40px
}
.error_content_two p {
font-size: 20px;
line-height: 30px
}
.error_content_two .search {
margin: 45px 0 40px
}
.error_content_two .search .form-control {
background-color: #fff;
box-shadow: 0 4px 22px 0 rgba(12,0,46,.06);
border: 1px solid transparent;
border-radius: 45px;
height: 60px;
padding: 0 30px;
color: #677294;
font-size: 15px;
font-weight: 300;
transition: all .3s linear
}
.error_content_two .search .form-control.placeholder {
color: #677294
}
.error_content_two .search .form-control:-moz-placeholder {
color: #677294
}
.error_content_two .search .form-control::-moz-placeholder {
color: #677294
}
.error_content_two .search .form-control::-webkit-input-placeholder {
color: #677294
}
.error_content_two .search .form-control:focus {
border-color: #5e2ced
}
.error_content_two .about_btn {
background: #051441;
color: #fff;
border-radius: 3px;
padding: 17px 35px;
font-weight: 400
}
.error_content_two .about_btn i {
vertical-align: middle;
padding-left: 5px
}
.error_content_two .about_btn:hover {
box-shadow: none
}
.download_area {
height: 100vh;
min-height: 700px;
align-items: center;
justify-content: center;
display: flex;
text-align: center;
position: relative;
z-index: 1
}
.download_parallax_bg {
position: absolute;
width: 100%;
height: 100%;
background: url(../img/new/case/parallax.png) no-repeat scroll center center;
z-index: -1
}
.download_content .download_btn {
width: 250px;
height: 250px;
border-radius: 50%;
border: 1px solid #f6f5fc;
display: inline-block;
text-align: center;
position: relative;
z-index: 0;
margin-bottom: 60px
}
.download_content .download_btn:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 200px;
height: 200px;
background: #f7f4ff;
border-radius: 50%;
z-index: -2
}
.download_content .download_btn:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 160px;
height: 160px;
background: #f1ecff;
border-radius: 50%;
z-index: -1
}
.download_content .download_btn .pulse-x {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
background: #f1ecff;
width: 110px;
height: 110px;
border-radius: 100%;
z-index: -2;
animation: pulsate 3s infinite
}
.download_content .download_btn i {
width: 120px;
height: 120px;
display: inline-block;
background-image: linear-gradient(50deg,rgb(94,44,237) 0%,rgb(164,133,253) 100%);
box-shadow: inset 2px -3.464px 6px 0 rgba(34,10,104,.2);
border-radius: 50%;
line-height: 120px;
font-size: 55px;
color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%)
}
.download_content h2 {
font-size: 60px;
color: #051441;
font-weight: 400;
margin-bottom: 35px
}
.download_content p {
margin-bottom: 0;
font-size: 20px;
font-weight: 400;
color: #051441
}
.download_content p a {
color: #5e2ced;
position: relative
}
.download_content p a:before {
content: "";
width: 100%;
height: 1px;
background: #5e2ced;
position: absolute;
left: 0;
bottom: 0
}
.thanks_content h2 {
font-size: 50px;
margin-bottom: 30px;
margin-top: 30px
}
.thanks_content p {
color: #677294
}
.thanks_content a {
font-size: 14px;
font-weight: 500;
color: #959bad;
position: relative;
text-transform: uppercase;
padding: 0 6px;
display: inline-block;
transition: all .2s linear;
margin-top: 45px
}
.thanks_content a:before {
content: "";
width: 100%;
height: 100%;
border-bottom: 1px solid #959bad;
left: 0;
bottom: 0;
position: absolute
}
.thanks_content a i {
vertical-align: middle;
display: inline-block;
transition: all .3s linear;
padding-left: 5px
}
.thanks_content a:hover {
color: #5e2ced
}
.thanks_content a:hover:before {
border-color: #5e2ced
}
.thanks_content a:hover i {
transform: translateX(8px)
}
.typography_breacrumb {
background: #f9f9f9
}
.typography_breacrumb h1 {
color: #222d39;
font-weight: 400
}
.typography_breacrumb h1 span {
font-weight: 700
}
.typography_breacrumb p {
color: #677294
}
h1, h2, h3, h4, h5, h6 {
color: #4b505e
}
p {
font-size: 16px;
color: #677294
}
p span {
padding: 3px 8px
}
.bg-dark {
background: #222d39 !important
}
.bg-purpple {
background: #6e3ef8
}
.bg-blue {
background: #2cabed
}
.h_title {
font-size: 24px;
color: #677294;
font-weight: 300;
margin-bottom: 50px
}
.heading_style h1, .heading_style h2, .heading_style h3, .heading_style h4, .heading_style h5, .heading_style h6 {
color: #4b505e;
font-weight: 700
}
.heading_style .h_title {
font-size: 24px;
color: #677294;
font-weight: 300
}
.heading_style h1 {
font-size: 50px
}
.heading_style h2 {
font-size: 44px
}
.heading_style h3 {
font-size: 36px
}
.heading_style h4 {
font-size: 30px
}
.heading_style h5 {
font-size: 24px
}
.heading_style h6 {
font-size: 18px
}
.heading_style.medium h1, .heading_style.medium h2, .heading_style.medium h3, .heading_style.medium h4, .heading_style.medium h5, .heading_style.medium h6 {
font-weight: 500
}
.heading_style.medium .h_title {
font-weight: 300
}
.heading_style.regular .h_title {
font-weight: 300
}
.heading_style.regular h1, .heading_style.regular h2, .heading_style.regular h3, .heading_style.regular h4, .heading_style.regular h5, .heading_style.regular h6 {
font-weight: 400
}
.tooltip_p .text-green {
color: #49c10e
}
.tooltip_p .text-red {
color: #f0368d
}
.tooltip > .tooltip-inner {
background-color: red;
color: #fff
}
.tooltip > .tooltip-inner .arrow:before {
border-bottom-color: red
}
.drop_text span {
float: left;
font-size: 54px;
color: #2cabed;
font-weight: 700;
line-height: 50px
}
.nested {
font-size: 16px;
color: #627387;
line-height: 36px;
font-weight: 400
}
.blockquote {
border-left: 2px solid #4b505e;
padding-left: 30px
}
.blockquote p {
font-size: 18px;
color: #4b505e;
font-style: italic;
font-weight: 400;
line-height: 30px
}
.blockquote_two {
background: #f9fafb;
padding: 20px 20px 20px 40px;
font-size: 22px;
font-style: italic;
color: #627387
}
.blockquote_two img {
margin-right: 40px
}
.blockquote_three {
background: #f9fafb;
padding: 40px;
font-size: 22px;
color: #677294;
font-style: italic;
line-height: 40px
}
.blockquote_three img {
margin-right: 40px
}
.typography_promo_area {
position: relative;
z-index: 1;
height: 400px;
background-color: #5e2ced;
display: flex;
align-items: center
}
.typography_promo_area .bg_overlay {
position: absolute;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background-attachment: fixed;
opacity: .1
}
.typography_promo_area h2 {
color: #fff;
font-size: 40px;
line-height: 50px;
font-weight: 600
}
.typography_promo_area .btn_get {
color: #fff;
border: 1px solid #fff;
transition: all .3s linear;
margin-top: 30px
}
.typography_promo_area .btn_get:hover {
background: #fff;
color: #051441
}
.alert {
font-size: 16px;
line-height: 34px;
position: relative;
border-width: 1px;
border-style: solid;
border-radius: 0;
margin-bottom: 30px
}
.alert i {
float: left;
font-size: 20px;
line-height: 32px;
margin-right: 20px
}
.alert .alert_close {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
font-size: 20px;
cursor: pointer
}
.alert .alert_close i {
margin-right: 0
}
.alert.notice {
background: #f9f8fc;
border-color: #e9e6f5;
color: #677294
}
.alert.error {
background: #ffebeb;
border-color: #f4bdbd;
color: #eb4a4a
}
.alert.warning {
background: #fffaeb;
border-color: #edd796;
color: #e7b931
}
.alert.info {
background: #ebfcff;
border-color: #aee9f3;
color: #49cbe1
}
.alert.success {
background: #ecffeb;
border-color: #b0efac;
color: #4acc43
}
.alert.message {
background: #f5f1fd;
border-color: #d7caf5;
color: #8d62e3
}
.big_alert {
padding: 40px;
font-size: 20px
}
.big_alert i {
font-size: 24px
}
.box_alert {
border: 1px solid #e9e6f5;
padding: 40px;
position: relative;
margin-bottom: 30px
}
.box_alert .icon {
width: 70px;
height: 70px;
text-align: center;
line-height: 70px;
font-size: 20px;
color: #677294;
border: 1px solid #e9e6f5;
background: #f9f8fc;
border-radius: 50%;
margin-right: 30px
}
.box_alert .media-body h5 {
font-size: 20px;
line-height: 28px;
color: #222d39;
font-weight: 500;
margin-bottom: 10px
}
.box_alert .media-body p {
font-size: 15px;
line-height: 28px;
color: #677294
}
.box_alert .alert_close {
position: absolute;
right: 20px;
top: 20px;
color: #677294;
font-size: 20px;
cursor: pointer
}
.box_alert.box_warning .icon {
background: #fffaeb;
border-color: #edd796;
color: #e7b931
}
.box_alert.box_success .icon {
background: #ecffeb;
border-color: #b0efac;
color: #4acc43
}
.box_alert.box_error .icon {
background: #ffebeb;
border-color: #f4bdbd;
color: #eb4a4a
}
.box_alert.box_info .icon {
background: #ebfcff;
border-color: #aee9f3;
color: #49cbe1
}
.box_alert.box_info_two .icon {
background: #f5f1fd;
border-color: #d7caf5;
color: #8d62e3
}
.button_item {
display: flex;
justify-content: space-between;
align-items: center
}
.button_item .btn_hover {
margin-top: 0
}
.button_item + .button_item {
margin-top: 20px
}
.btn_s {
padding: 9px 44px
}
.btn_m {
padding: 16px 50px
}
.btn_l {
padding: 24px 86px
}
.btn_c {
padding: 16px 50px
}
.btn_border {
border-width: 1px;
border-style: solid;
border-color: #222d39;
color: #222d39
}
.btn_border:hover {
background: #7444fd;
border-color: #7444fd;
color: #fff
}
.border2 {
border-width: 2px
}
.border3 {
border-width: 3px
}
.border4 {
border-width: 4px
}
.btn_r {
border-radius: 4px
}
.btn_r_n {
border-radius: 0
}
.btn_r_two {
border-radius: 8px
}
.btn_r_three {
border-radius: 45px
}
.box_s {
background: #5f2eed;
box-shadow: 0 6px #8057f8
}
.box_s:hover {
background: #5f2eed;
color: #fff
}
.box_s:hover:hover {
box-shadow: 0 4px #8057f8
}
.btn-style2 {
position: relative;
overflow: visible;
z-index: auto;
background: #5f2eed;
transition: all .1s linear
}
.btn-style2:before {
content: "";
width: 100%;
height: 100%;
background: #dfd5fb;
position: absolute;
right: -5px;
bottom: -5px;
z-index: -2;
transition: all .3s linear
}
.btn-style2:hover {
background: #5f2eed;
margin-right: 0;
margin-bottom: 0;
color: #fff
}
.btn-style2:hover:before {
right: 0;
bottom: 0
}
.btn-style3 {
position: relative;
background: 0 0
}
.btn-style3:before {
content: "";
left: 5px;
right: 5px;
bottom: 5px;
top: 5px;
background: #5f2eed;
position: absolute;
z-index: -1;
transition: all .2s linear
}
.btn-style3:hover {
color: #fff
}
.btn-style3:hover:before {
top: 0;
left: 0;
bottom: 0;
right: 0
}
.btn-style4 {
position: relative;
background: #dfd5fb;
border: 0
}
.btn-style4:before {
content: "";
left: 2px;
right: 2px;
bottom: 2px;
top: 2px;
background: #5f2eed;
position: absolute;
z-index: -1;
transition: all .2s linear
}
.btn-style4:hover {
color: #fff
}
.btn-style4:hover:before {
top: 0;
left: 0;
bottom: 0;
right: 0
}
.i_btn_one {
padding: 16px 50px
}
.i_btn_one i {
margin-right: 10px
}
.i_btn_two {
padding: 16px 50px
}
.i_btn_two i {
margin-left: 14px
}
.i_btn_three {
padding: 0 50px 0 0;
display: flex;
align-items: center
}
.i_btn_three i {
width: 50px;
float: left;
text-align: center;
height: 100%;
line-height: 53px;
margin-right: 35px;
border-right: 1.2px solid rgba(255,255,255,.2)
}
.i_btn_three:hover i {
border-color: #7444fd
}
.i_btn_four {
padding: 0 0 0 50px;
display: flex;
align-items: center
}
.i_btn_four i {
width: 50px;
float: left;
text-align: center;
height: 100%;
line-height: 53px;
margin-left: 35px;
border-left: 1.2px solid rgba(255,255,255,.2)
}
.i_btn_four:hover i {
border-color: #7444fd
}
.btn_blue {
background: #2e95ed;
border-color: #2e95ed
}
.btn_blue:hover {
background: #2e95ed;
color: #fff;
box-shadow: 0 20px 34px 0 rgba(0,11,40,.1);
transform: translateY(-5px)
}
.btn_red {
background: #db247f;
border-color: #db247f
}
.btn_red:hover {
background: #db247f;
color: #fff;
box-shadow: 0 20px 34px 0 rgba(0,11,40,.1);
transform: translateY(-5px)
}
.btn_green {
background: #62be09;
border-color: #62be09;
padding: 16px 64px
}
.btn_green:hover {
background: #62be09;
color: #fff;
box-shadow: 0 20px 34px 0 rgba(0,11,40,.1);
transform: translateY(-5px)
}
.btn_yellow {
background: #e4a817;
border-color: #e4a817;
padding: 16px 64px
}
.btn_yellow:hover {
background: #e4a817;
color: #fff;
box-shadow: 0 20px 34px 0 rgba(0,11,40,.1);
transform: translateY(-5px)
}
.btn_purple {
background: #b715f3;
border-color: #b715f3
}
.btn_purple:hover {
background: #b715f3;
color: #fff;
box-shadow: 0 20px 34px 0 rgba(0,11,40,.1);
transform: translateY(-5px)
}
.btn_violte {
background: #5f2eed;
border-color: #5f2eed
}
.btn_violte:hover {
background: #5f2eed;
color: #fff;
box-shadow: 0 20px 34px 0 rgba(0,11,40,.1);
transform: translateY(-5px)
}
.btn_orange {
background: #f05b2d;
border-color: #f05b2d;
padding: 16px 64px
}
.btn_orange:hover {
background: #f05b2d;
color: #fff;
box-shadow: 0 20px 34px 0 rgba(0,11,40,.1);
transform: translateY(-5px)
}
.btn_nill {
background: #1bbbce;
border-color: #1bbbce;
padding: 16px 64px
}
.btn_nill:hover {
background: #1bbbce;
color: #fff;
box-shadow: 0 20px 34px 0 rgba(0,11,40,.1);
transform: translateY(-5px)
}
.blog_grid_item {
cursor: pointer
}
.blog_grid_item img {
transition: opacity 600ms linear
}
.blog_grid_item:hover .blog_img img {
opacity: .7
}
.blog_img {
background: #002
}
.blog_img img {
max-width: 100%
}
.blog_content {
background-color: #fff;
box-shadow: 0 2px 4px 0 rgba(12,0,46,.06);
padding: 30px 47px 42px 50px;
position: relative
}
.blog_content .post_date {
width: 80px;
height: 80px;
border-radius: 50%;
box-shadow: 0 3px 0 0 rgba(12,0,46,.06);
text-align: center;
display: flex;
align-items: center;
position: absolute;
justify-content: center;
right: 50px;
top: -40px;
background: #fff
}
.blog_content .post_date h2 {
font: 700 30px/20px "Poppins",sans-serif;
margin-bottom: 0;
color: #5e2ced;
padding-top: 5px
}
.blog_content .post_date span {
font-weight: 300;
font-size: 14px;
display: block;
padding-top: 5px
}
.blog_content p {
font-weight: 400;
font-size: 15px
}
.blog_content h5:hover {
color: #5e2ced
}
.blog_content .learn_btn_two {
font: 400 14px poppins,sans-serif;
color: #282835
}
.blog_content .learn_btn_two:before {
transition: all .2s linear
}
.blog_content .learn_btn_two i {
font-size: 14px
}
.blog_content .learn_btn_two:hover {
color: #5e2ced
}
.blog_content .learn_btn_two:hover:before {
background: #5e2ced
}
.entry_post_info {
font: 400 15px/25px "Poppins",sans-serif;
color: #677294;
padding-bottom: 5px
}
.entry_post_info a {
color: #677294
}
.entry_post_info a + a:before {
content: "/";
display: inline-block;
margin: 0 7px 0 2px
}
.blog_single .blog_content {
padding-left: 0;
padding-right: 0;
box-shadow: none
}
.blog_single .blockquote {
color: #5e2ced;
font-style: italic;
border-left: 4px solid #5e2ced;
padding-left: 35px
}
.post_share {
display: flex;
border-bottom: 1px solid #d8dceb;
padding-bottom: 10px
}
.post_share a {
font: 400 14px/26px "Poppins",sans-serif;
color: #525c7c
}
.post_share a i {
padding-right: 12px
}
.post_share a:hover {
color: #5e2ced
}
.post_share a + a {
margin-left: 15px
}
.post_share .flex {
flex: 1;
text-align: right
}
.post-nam {
font: 400 15px/26px "Poppins",sans-serif;
color: #282835
}
.post_tag {
padding-top: 20px
}
.post_tag .post-nam {
padding-right: 10px
}
.post_tag a {
font: 400 13px/26px "Poppins",sans-serif;
color: #595b64;
border: 1px solid #cfcfe6;
border-radius: 3px;
padding: 0 11px;
display: inline-block;
margin-left: 10px
}
.post_author {
display: flex;
align-items: flex-start
}
.post_author .media-body {
padding-left: 20px;
flex: 1
}
.post_author .media-body h6 {
color: #677294
}
.post_author .media-body p {
color: #677294;
margin-bottom: 0
}
.blog_post_item .blog_content {
padding: 22px 22px 35px
}
.blog_post_item .blog_content h5 {
margin-bottom: 15px
}
.comment-box .post_comment .post_author {
margin-bottom: 30px
}
.comment-box .post_comment .post_author .media-left {
margin-right: 30px
}
.comment-box .post_comment .post_author .replay {
display: block;
text-align: center;
font-size: 20px;
color: #525c7c;
padding-top: 14px;
transition: all .1s linear
}
.comment-box .post_comment .post_author .replay:hover {
color: #5e2ced
}
.comment-box .post_comment .post_author .media-body {
border-bottom: 1px solid #e8ebf4;
padding-left: 0;
padding-bottom: 25px
}
.comment-box .post_comment .reply-comment {
padding-left: 110px
}
.comment-box .post_comment .reply-comment .post_author {
margin-bottom: 0
}
.widget_title {
margin-bottom: 35px
}
.widget_title .border_bottom {
width: 180px;
height: 1px;
background: #677294;
display: block
}
.widget_title_two {
font-size: 20px;
font-weight: 600;
color: #282835;
margin-bottom: 30px
}
.blog-sidebar {
padding-left: 40px
}
.blog-sidebar .widget.widget_search .search-form {
position: relative
}
.blog-sidebar .widget.widget_search .search-form .form-control {
font: 300 14px poppins,sans-serif;
color: #677294;
border-radius: 3px;
background-color: #fff;
box-shadow: 0 2px 3px 0 rgba(12,0,46,.08);
border-radius: 0;
border: 0;
padding-left: 30px;
height: 55px;
z-index: 0;
border: 1px solid transparent
}
.blog-sidebar .widget.widget_search .search-form .form-control.placeholder {
color: #677294
}
.blog-sidebar .widget.widget_search .search-form .form-control:-moz-placeholder {
color: #677294
}
.blog-sidebar .widget.widget_search .search-form .form-control::-moz-placeholder {
color: #677294
}
.blog-sidebar .widget.widget_search .search-form .form-control::-webkit-input-placeholder {
color: #677294
}
.blog-sidebar .widget.widget_search .search-form .form-control:focus {
border-color: #ccc5fa;
border-radius: 3px
}
.blog-sidebar .widget.widget_search .search-form button {
border: 0;
border-radius: 0;
font-size: 16px;
color: #282835;
background: 0 0;
position: absolute;
right: 20px;
height: 100%;
padding: 0;
z-index: 1;
cursor: pointer
}
.blog-sidebar .widget.widget_search .search-form button:hover {
color: #5e2ced
}
.blog-sidebar .widget.widget_recent_post .post_item img {
border-radius: 3px
}
.blog-sidebar .widget.widget_recent_post .post_item .media-body {
padding-left: 20px;
align-self: center;
flex: 1
}
.blog-sidebar .widget.widget_recent_post .post_item .media-body h3 {
color: #282835
}
.blog-sidebar .widget.widget_recent_post .post_item .media-body h3:hover {
color: #5e2ced
}
.blog-sidebar .widget.widget_recent_post .post_item .media-body .entry_post_info {
padding-bottom: 0
}
.blog-sidebar .widget.widget_recent_post .post_item + .post_item {
margin-top: 30px
}
.blog-sidebar .widget.widget_categorie .widget_title {
margin-bottom: 28px
}
.blog-sidebar .widget.widget_categorie ul {
margin-bottom: 0
}
.blog-sidebar .widget.widget_categorie ul li a {
font: 400 16px/35px "Poppins",sans-serif;
color: #282835;
transition: all .2s linear
}
.blog-sidebar .widget.widget_categorie ul li a span {
border-bottom: 1px solid transparent;
transition: all .3s linear
}
.blog-sidebar .widget.widget_categorie ul li a em {
float: right;
font-style: normal
}
.blog-sidebar .widget.widget_categorie ul li a:hover span {
color: #5e2ced;
border-color: #5e2ced
}
.blog-sidebar .widget.widget_tag_cloud .post-tags {
margin-top: -5px;
margin-left: -5px;
margin-right: -5px
}
.blog-sidebar .widget.widget_tag_cloud .post-tags a {
font: 400 13px/26px "Poppins",sans-serif;
color: #595b64;
border: 1px solid #cfcfe6;
border-radius: 3px;
padding: 6px 18px;
float: left;
transition: all .2s linear;
margin: 5px
}
.blog-sidebar .widget.widget_tag_cloud .post-tags a:hover {
background: #5e2ced;
border-color: #5e2ced;
color: #fff
}
.blog-sidebar .widget.search_widget_two .search-form .form-control {
padding: 0 30px;
background: #f3f4f9;
border-radius: 4px;
height: 60px;
font-size: 15px;
color: #677294;
box-shadow: none;
position: relative;
z-index: 0;
border-color: transparent;
transition: all .3s linear
}
.blog-sidebar .widget.search_widget_two .search-form .form-control.placeholder {
color: #677294
}
.blog-sidebar .widget.search_widget_two .search-form .form-control:-moz-placeholder {
color: #677294
}
.blog-sidebar .widget.search_widget_two .search-form .form-control::-moz-placeholder {
color: #677294
}
.blog-sidebar .widget.search_widget_two .search-form .form-control::-webkit-input-placeholder {
color: #677294
}
.blog-sidebar .widget.search_widget_two .search-form .form-control:focus {
border-color: #5e2ced;
background: #fff
}
.blog-sidebar .widget.search_widget_two .search-form button {
position: absolute;
background: 0 0;
padding: 0;
border: 0;
right: 30px;
top: 51%;
transform: translateY(-50%);
font-size: 16px;
color: #282835;
z-index: 0
}
.blog-sidebar .widget.recent_post_widget_two .post_item {
align-items: center;
display: flex
}
.blog-sidebar .widget.recent_post_widget_two .post_item img {
border-radius: 4px;
padding-right: 25px
}
.blog-sidebar .widget.recent_post_widget_two .post_item .media-body {
flex: 1
}
.blog-sidebar .widget.recent_post_widget_two .post_item .media-body h3 {
font: 500 16px/22px "Poppins",sans-serif;
color: #222d39;
margin-bottom: 0
}
.blog-sidebar .widget.recent_post_widget_two .post_item .media-body h3:hover {
color: #5e2ced
}
.blog-sidebar .widget.recent_post_widget_two .post_item .media-body .entry_post_info {
font-size: 14px;
color: #85859c;
font-weight: 400;
text-transform: uppercase
}
.blog-sidebar .widget.recent_post_widget_two .post_item:not(:last-child) {
margin-bottom: 30px
}
.blog-sidebar .widget.categorie_widget_two ul {
margin-bottom: 0
}
.blog-sidebar .widget.categorie_widget_two ul li a {
font-size: 14px;
line-height: 36px;
color: #282835;
text-transform: uppercase
}
.blog-sidebar .widget.categorie_widget_two ul li a em {
font-style: normal;
color: #282835;
padding-left: 10px
}
.blog-sidebar .widget.categorie_widget_two ul li a:hover {
color: #5e2ced
}
.blog-sidebar .widget.tag_widget_two .post-tags {
margin: -5px -4px
}
.blog-sidebar .widget.tag_widget_two .post-tags a {
padding: 6px 20px;
font-size: 14px;
color: #5a5a77;
background: #f0f2f9;
border-radius: 4px;
margin: 5px 4px;
display: inline-block;
transition: all .2s linear
}
.blog-sidebar .widget.tag_widget_two .post-tags a:hover {
background: #5e2ced;
color: #fff
}
.instagram_widget ul {
margin: -7px;
display: flex;
flex-wrap: wrap
}
.instagram_widget ul li {
padding: 7px 6px;
width: 33.3333333333%
}
.instagram_widget ul li a {
display: block;
position: relative
}
.instagram_widget ul li a:before {
content: "\e73d";
position: absolute;
left: 0;
width: 100%;
height: 100%;
font-family: themify;
display: flex;
justify-content: center;
align-items: center;
font-size: 22px;
background: rgba(94,44,237,.6);
border-radius: 4px;
opacity: 0;
top: 0;
transition: opacity .4s linear;
color: #fff
}
.instagram_widget ul li a img {
max-width: 100%;
border-radius: 4px
}
.instagram_widget ul li a:hover:before {
opacity: 1
}
.blog_area_two .blog_list_item:not(:last-child) {
margin-bottom: 70px
}
.blog_area_two .shop_page_number {
border-top: 1px solid #ebe8f1;
padding-top: 35px;
margin-top: 0
}
.blog_list_item_two {
position: relative
}
.blog_list_item_two .post_date {
position: absolute;
left: 20px;
top: 20px;
border-radius: 4px;
background-color: #fbfbfd;
box-shadow: 0 14px 30px 0 rgba(68,28,183,.25);
text-align: center;
color: #5e2ced;
padding: 13px 26px;
z-index: 1
}
.blog_list_item_two .post_date h2 {
font-size: 30px;
font-weight: 600;
margin-bottom: 0
}
.blog_list_item_two .post_date span {
display: block;
font-size: 15px;
font-weight: 400
}
.blog_list_item_two a img {
border-radius: 6px
}
.blog_list_item_two .video_post {
position: relative;
z-index: 0
}
.blog_list_item_two .video_post:before {
content: "";
background: #282835;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
opacity: .5;
border-radius: 6px
}
.blog_list_item_two .video_post img {
border-radius: 6px
}
.blog_list_item_two .video_icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%)
}
.blog_list_item_two .video_icon:after {
display: none
}
.blog_list_item_two .video_icon:before {
transform: scale(1.5)
}
.blog_list_item_two .video_icon i {
color: #794afd;
text-shadow: 0 6px 25px rgba(121,74,253,.9)
}
.blog_list_item_two .blog_content {
box-shadow: none;
padding-left: 0;
padding-right: 0;
padding-bottom: 0
}
.blog_list_item_two .blog_content p {
font-size: 16px;
margin-bottom: 25px
}
.blog_list_item_two .blog_content .post-info-bottom {
display: flex;
justify-content: space-between
}
.blog_list_item_two .blog_content .post-info-bottom .post-info-comments {
font-size: 13px;
font-weight: 500;
letter-spacing: 1px;
color: #282835
}
.blog_list_item_two .blog_content .post-info-bottom .post-info-comments i {
color: #5e2ced;
padding-right: 5px
}
.blog_list_item_two .blog_content .learn_btn_two {
text-transform: uppercase;
font-size: 13px;
margin-top: 0;
line-height: 20px;
display: inline-block;
font-weight: 500
}
.blog_list_item_two .blog_content .post-info-comments {
text-transform: uppercase;
line-height: 20px;
display: inline-block
}
.blog_title {
font-size: 24px;
line-height: 36px;
font-weight: 600;
color: #222d39;
font-family: poppins,sans-serif;
margin-bottom: 15px
}
.blog_title:hover {
color: #5e2ced
}
.qutoe_post .blog_content {
background-color: #fff;
box-shadow: 0 10px 30px 0 rgba(20,3,67,.08);
border-radius: 6px;
padding: 28px 40px 42px;
position: relative;
overflow: hidden;
border-left: 6px solid #5e2ced;
z-index: 0
}
.qutoe_post .blog_content:after {
content: "\f10d";
font-family: "font awesome 5 free";
font-weight: 900;
position: absolute;
right: 30px;
bottom: 0;
color: #f2effd;
font-size: 100px;
transform: rotate(180deg);
z-index: -1
}
.qutoe_post .blog_content i {
font-size: 30px;
color: #5e2ced;
padding-bottom: 12px;
display: inline-block
}
.qutoe_post .blog_content h6 {
font-size: 20px;
color: #525c7c;
font-weight: 500;
line-height: 34px;
margin-bottom: 0
}
.qutoe_post .blog_content .author_name {
font-size: 14px;
color: #848ca5;
line-height: 20px;
letter-spacing: 1px;
margin-top: 22px;
display: inline-block;
text-transform: uppercase
}
.qutoe_post.qutoe_post_two .blog_content:after {
content: "\e02c";
font-family: eleganticons;
font-size: 150px;
right: 0;
bottom: auto;
top: 50%;
transform: translateY(-50%)
}
.qutoe_post.qutoe_post_two .blog_content .blog_title {
font-weight: 500
}
.blog_grid_info .blog_list_item {
margin-bottom: 60px
}
.blog_grid_info .blog_list_item .post_date {
padding: 7px 19px
}
.blog_grid_info .blog_list_item .post_date h2 {
font-size: 24px
}
.blog_grid_info .blog_list_item .blog_content {
padding-top: 25px
}
.blog_grid_info .blog_list_item .blog_content .blog_title {
font-size: 20px;
margin-bottom: 10px
}
.blog_grid_info .blog_list_item.qutoe_post .blog_content {
padding-bottom: 80px
}
.blog_grid_info .blog_list_item.qutoe_post .blog_content:after {
bottom: 0;
font-size: 90px;
line-height: 90px
}
.blog_grid_info .blog_list_item.qutoe_post_two .blog_content:after {
bottom: auto;
top: 80%
}
.blog_single_info .blog_list_item_two .blog_content {
padding-top: 50px
}
.blog_single_info .blog_list_item_two .blog_content .qutoe_post {
margin: 45px 0
}
.blog_single_info .blog_list_item_two .blog_content .post-info-bottom {
padding-top: 20px
}
.blog_single_info .blog_list_item_two .blog_content .post-info-bottom .social_icon {
display: flex;
text-transform: uppercase;
font-size: 13px;
color: #424255;
font-weight: 500;
letter-spacing: 1px
}
.blog_single_info .blog_list_item_two .blog_content .post-info-bottom .social_icon ul {
display: inline-block
}
.blog_single_info .blog_list_item_two .blog_content .post-info-bottom .social_icon ul li {
display: inline-block;
margin-left: 8px
}
.blog_single_info .blog_list_item_two .blog_content .post-info-bottom .social_icon ul li a {
font-size: 12px;
color: #848ca5
}
.blog_single_info .blog_list_item_two .blog_content .post-info-bottom .social_icon ul li a:hover {
color: #5e2ced
}
.blog_single_info .blog_titles {
font: 600 20px poppins,sans-serif;
color: #282835;
margin-bottom: 30px
}
.blog_single_info blockquote {
background-color: #fff;
box-shadow: 0 10px 30px 0 rgba(20,3,67,.08);
border-radius: 6px;
padding: 28px 40px 22px;
position: relative;
overflow: hidden;
border-left: 6px solid #5e2ced;
z-index: 0;
margin: 40px 0 45px
}
.blog_single_info blockquote:before {
content: "\f10d";
font-size: 30px;
color: #5e2ced;
padding-bottom: 12px;
display: inline-block;
font-family: "font awesome 5 free";
font-weight: 900
}
.blog_single_info blockquote:after {
content: "\f10d";
font-family: "font awesome 5 free";
font-weight: 900;
position: absolute;
right: 30px;
bottom: auto;
top: 80%;
color: #f2effd;
font-size: 100px;
transform: rotate(180deg);
z-index: -1
}
.blog_single_info blockquote i {
font-size: 30px;
color: #5e2ced;
padding-bottom: 12px;
display: inline-block
}
.blog_single_info blockquote h6 {
font-size: 20px;
color: #525c7c;
font-weight: 500;
line-height: 34px;
margin-bottom: 0
}
.blog_single_info blockquote .author_name {
font-size: 14px;
color: #848ca5;
line-height: 20px;
letter-spacing: 1px;
margin-top: 22px;
display: inline-block;
text-transform: uppercase
}
.post_author_two {
background: #f3f5fa;
border-radius: 4px;
padding: 35px 40px;
align-items: center
}
.post_author_two .img_rounded {
border-radius: 50%;
width: 100px;
height: 100px;
margin-right: 30px
}
.post_author_two .media-body .comment_info h3 {
font: 500 18px/24px "Poppins",sans-serif;
color: #282835
}
.post_author_two .media-body .comment_info .comment-date {
font: 400 14px poppins,sans-serif;
color: #677294
}
.post_author_two .media-body p {
margin-bottom: 0;
font-size: 16px;
color: #525c7c
}
.blog_related_post {
margin-top: 100px
}
.blog_related_post.blog_grid_info .blog_list_item .blog_content {
padding-top: 25px
}
.blog_related_post.blog_grid_info .blog_list_item .blog_content h5 {
font-size: 16px;
line-height: 22px;
margin-bottom: 8px
}
.blog_related_post.blog_grid_info .blog_list_item .blog_content p {
font-size: 15px
}
.comment_inner {
margin-top: 40px
}
.comment_inner .comment_box {
margin-bottom: 0
}
.comment_inner .comment_box .post_comment {
background: #f7f8fb;
padding: 30px
}
.comment_inner .comment_box .post_comment .post_author_two {
padding: 0;
background: 0 0;
align-items: inherit
}
.comment_inner .comment_box .post_comment .post_author_two .comment_info {
display: inline-block
}
.comment_inner .comment_box .post_comment .post_author_two .comment_info h3 {
margin-bottom: 0
}
.comment_inner .comment_box .post_comment .post_author_two .img_rounded {
width: 70px;
height: 70px
}
.comment_inner .comment_box .post_comment .post_author_two .comment_reply {
float: right;
font: 500 13px/26px "Poppins",sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
color: #424255
}
.comment_inner .comment_box .post_comment .post_author_two .comment_reply i {
vertical-align: middle;
font-size: 20px;
padding-left: 5px
}
.comment_inner .comment_box .post_comment .post_author_two .comment_reply:hover {
color: #5e2ced
}
.comment_inner .comment_box .post_comment .post_author_two p {
padding-top: 12px
}
.comment_inner .comment_box .post_comment .reply_comment {
margin-left: 100px;
border-top: 1px solid #e8ebf4;
margin-top: 30px
}
.comment_inner .comment_box .post_comment .reply_comment .post_author_two {
padding-left: 0;
padding-right: 0;
padding-top: 30px
}
.comment_inner .comment_box .post_comment:not(:last-child) {
margin-bottom: 30px
}
.blog_comment_box {
margin-top: 100px
}
.blog_comment_box .get_quote_form .form-group .form-control {
background: #f7f8fb;
box-shadow: none
}
.blog_comment_box .get_quote_form .form-group .form-control.placeholder {
color: #9ca3b9
}
.blog_comment_box .get_quote_form .form-group .form-control:-moz-placeholder {
color: #9ca3b9
}
.blog_comment_box .get_quote_form .form-group .form-control::-moz-placeholder {
color: #9ca3b9
}
.blog_comment_box .get_quote_form .form-group .form-control::-webkit-input-placeholder {
color: #9ca3b9
}
.blog_comment_box .get_quote_form .form-group .form-control:focus {
border-color: #5e2ced;
background: #fff
}
.comments_widget ul {
margin-bottom: 0
}
.comments_widget ul li .comments_items .round_img {
width: 60px;
height: 60px;
border-radius: 50%;
margin-right: 30px;
margin-top: 7px
}
.comments_widget ul li .comments_items .media-body p {
font-size: 15px;
line-height: 26px;
color: #282835;
margin-bottom: 0
}
.comments_widget ul li .comments_items .media-body p:hover {
color: #5e2ced
}
.comments_widget ul li .comments_items .media-body span {
font-size: 13px;
line-height: 20px;
text-transform: uppercase;
color: #848ca5;
display: block;
padding-top: 12px
}
.comments_widget ul li:not(:last-child) {
margin-bottom: 30px
}
.widget_recent_comments #recentcomments {
padding: 0;
list-style: none;
margin-bottom: 0
}
.widget_recent_comments #recentcomments .recentcomments {
position: relative;
padding-left: 90px;
font-size: 15px;
line-height: 26px;
color: #282835;
font-family: poppins,sans-serif;
min-height: 66px
}
.widget_recent_comments #recentcomments .recentcomments:before {
content: "v";
font-family: eleganticons;
border: 1px solid #5e2ced;
text-align: center;
line-height: 60px;
width: 60px;
height: 60px;
border-radius: 50%;
font-size: 20px;
color: #5e2ced;
transition: background .3s linear,color .3s linear;
display: inline-block;
position: absolute;
left: 0;
top: 6px
}
.widget_recent_comments #recentcomments .recentcomments .comment-author-link {
font-size: 13px;
line-height: 20px;
text-transform: uppercase;
color: #848ca5
}
.widget_recent_comments #recentcomments .recentcomments a {
color: #282835
}
.widget_recent_comments #recentcomments .recentcomments a:hover {
color: #5e2ced
}
.widget_recent_comments #recentcomments .recentcomments:hover:before {
background: #5e2ced;
color: #fff
}
.widget_recent_comments #recentcomments .recentcomments:not(:last-child) {
margin-bottom: 30px
}
.media {
display: flex
}
.media .media-body {
flex: 1
}
.shop_menu_left p {
margin-bottom: 0;
font: 300 16px poppins,sans-serif;
color: #282835
}
.shop_menu_right h5 {
font: 500 16px poppins,sans-serif;
color: #282835;
margin-bottom: 5px
}
.shop_menu_right .selectpickers {
border: 0
}
.shop_menu_right .selectpickers:after {
width: 8px;
height: 8px;
top: 42%
}
.shop_menu_right .selectpickers .current {
font: 300 16px poppins,sans-serif;
color: #677294
}
.shop_menu_right .shop_grid {
display: flex
}
.shop_menu_right .shop_grid a {
font-size: 16px;
color: #677294;
margin-left: 12px
}
.shop_menu_right .shop_grid .active a {
color: #5e2ced
}
.single_product_item {
text-align: center;
margin-top: 30px
}
.single_product_item .product_img {
position: relative
}
.single_product_item .product_img .hover_content {
position: absolute;
bottom: 20px;
width: 100%;
left: 0;
text-align: center;
transform: translateY(20px);
transition: all .2s linear;
overflow: hidden;
opacity: 0
}
.single_product_item .product_img .hover_content a {
width: 40px;
height: 40px;
border-radius: 50%;
text-align: center;
line-height: 42px;
background: #fff;
margin: 0 2px;
color: #282835;
font-size: 16px;
display: inline-block;
transition: all .3s linear
}
.single_product_item .product_img .hover_content a:hover {
background: #5e2ced;
color: #fff
}
.single_product_item .product_img:hover .hover_content {
transform: translateY(0);
opacity: 1
}
.single_product_item .single_pr_details {
padding: 28px 0
}
.single_product_item .single_pr_details h3 {
color: #282835;
margin-bottom: 5px
}
.single_product_item .single_pr_details h3:hover {
color: #5e2ced
}
.single_product_item .single_pr_details .price {
display: flex;
flex-direction: row-reverse;
justify-content: center;
font: 300 14px/28px "Poppins",sans-serif;
color: #677294
}
.single_product_item .single_pr_details .price ins {
font-weight: 500;
color: #282835;
text-decoration: none;
padding-right: 12px
}
.single_product_item .ratting a {
font-size: 14px;
color: #f3ad16
}
.single_product_item .ratting a:before {
content: "\e60a\e60a\e60a\e60a";
font-family: themify
}
.hr {
width: 100%;
height: 1px;
background: #e7e7f6;
margin-bottom: 40px
}
.shop_page_number {
text-align: center;
margin-bottom: 0
}
.shop_page_number li {
display: inline-block;
margin: 0 3px
}
.shop_page_number li .page-numbers {
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid #e7e7f6;
font-size: 16px;
line-height: 39px;
font-weight: 300;
color: #677294;
text-align: center;
display: block;
transition: all .2s linear
}
.shop_page_number li .page-numbers:hover {
border-color: #5e2ced;
color: #5e2ced
}
.shop_page_number li .page-numbers.current {
background: #5e2ced;
border-color: #5e2ced;
color: #fff
}
.shop_list_area .shop_page_number {
margin-top: 70px
}
.shop_list_item {
padding-top: 50px
}
.shop_list_item .single_product_item .single_pr_details {
padding-bottom: 0
}
.shop_list_item .single_product_item .single_pr_details .price {
justify-content: flex-end;
font-size: 16px
}
.shop_list_item .single_product_item .single_pr_details .s_list_title {
display: inline-block
}
.shop_list_item .single_product_item .single_pr_details .ratting {
float: right
}
.shop_list_item .single_product_item .single_pr_details .pr_button .cart_btn {
font: 400 15px/30px "Poppins",sans-serif;
color: #677294;
border: 1px solid #e7e7f6;
border-radius: 45px;
background: #f9f9fc;
padding: 9px 28px;
transition: all .2s linear;
cursor: pointer
}
.shop_list_item .single_product_item .single_pr_details .pr_button .cart_btn:hover {
color: #fff;
background: #5e2ced;
border-color: #5e2ced
}
.shop_list_item .single_product_item .single_pr_details .pr_button a {
width: 50px;
height: 50px;
border-radius: 50%;
border: 1px solid #e7e7f6;
background: #f9f9fc;
display: inline-block;
text-align: center;
line-height: 50px;
font-size: 16px;
color: #282835;
margin-left: 4px;
transition: all .2s linear;
cursor: pointer
}
.shop_list_item .single_product_item .single_pr_details .pr_button a:hover {
color: #fff;
background: #5e2ced;
border-color: #5e2ced
}
.product_details_area .product_slider {
padding-right: 42px
}
.product_details_area .product_slider .owl-thumbs {
display: table;
width: 102.6%;
text-align: center;
padding: 0;
margin-top: 24px;
margin-left: -7px;
margin-right: -7px
}
.product_details_area .product_slider .owl-thumbs .owl-thumb-item {
display: table-cell;
border: none;
background: 0 0;
padding: 7px;
width: 25%
}
.product_details_area .product_slider .owl-thumbs .owl-thumb-item img {
max-width: 100%;
border: 2px solid transparent;
transition: all .2s linear
}
.product_details_area .product_slider .owl-thumbs .owl-thumb-item.active img {
border-color: #c8b6fc
}
.pr_details .pr_title {
color: #282835
}
.pr_details .ratting {
float: right;
text-align: right
}
.pr_details .ratting .star-rating {
color: #5e2ced;
line-height: 12px
}
.pr_details .ratting .star-rating:before {
content: "\e60a\e60a\e60a\e60a";
font-family: themify;
font-size: 12px
}
.pr_details .ratting .woocommerce-review-link {
font-size: 14px;
font-weight: 300;
color: #677294
}
.pr_details .price {
font: 300 20px poppins,sans-serif;
color: #677294;
display: flex;
justify-content: flex-end;
flex-direction: row-reverse;
padding-top: 8px
}
.pr_details .price ins {
text-decoration: none;
font-weight: 600;
color: #282835;
padding-right: 18px
}
.pr_details .stock {
font: 400 16px poppins,sans-serif;
color: #5e2ced;
vertical-align: middle;
padding-top: 20px;
display: inline-block
}
.pr_details .stock:before {
content: "\e64c";
font-family: themify;
color: #5e2ced;
padding-right: 10px
}
.pr_details p {
margin-bottom: 0;
padding: 20px 0 40px
}
.pr_details .product-qty {
display: inline-block;
position: relative
}
.pr_details .product-qty .manual-adjust {
width: 95px;
border: 1px solid #e7e7f6;
border-radius: 45px;
background: #fff;
text-align: center;
height: 50px
}
.pr_details .product-qty .ar_top, .pr_details .product-qty .ar_down {
position: absolute;
background: #fff;
border: 0;
font-size: 12px;
color: #677294;
right: 5px;
border-radius: 15px;
padding: 0 15px 0 0
}
.pr_details .product-qty .ar_top:hover, .pr_details .product-qty .ar_down:hover {
color: #5e2ced
}
.pr_details .product-qty .ar_top {
top: 3px
}
.pr_details .product-qty .ar_down {
bottom: 3px
}
.pr_details .cart_button {
display: inline-block
}
.pr_details .cart_button .cart_btn {
border-radius: 45px;
font: 400 15px/48px "Poppins",sans-serif;
color: #677294;
border: 1px solid #e7e7f6;
background: #f8f8fc;
min-width: 140px;
text-align: center;
display: inline-block;
margin: 0 5px
}
.pr_details .cart_button .wish_list {
height: 50px;
line-height: 50px;
text-align: center;
color: #282835;
width: 50px;
border-radius: 50%;
display: inline-block;
border: 1px solid #e7e7f6
}
.pr_details .cart_button .cart_btn, .pr_details .cart_button .wish_list {
transition: all .2s linear
}
.pr_details .cart_button .cart_btn:hover, .pr_details .cart_button .wish_list:hover {
background: #5e2ced;
color: #fff;
border-color: #5e2ced
}
.pr_details .product_meta {
margin-bottom: 0
}
.pr_details .product_meta li {
font-family: poppins,sans-serif;
font-weight: 300;
color: #677294;
margin-bottom: 10px
}
.pr_details .product_meta li a {
color: #677294
}
.pr_details .product_meta li a:hover {
color: #5e2ced
}
.pr_details .product_meta li span {
font-weight: 400;
color: #282835;
padding-right: 8px
}
.pr_details .share-link label {
margin-bottom: 0;
font: 400 15px poppins,sans-serif;
color: #282835
}
.pr_details .share-link .social-icon {
margin-bottom: 0;
display: inline-block
}
.pr_details .share-link .social-icon li {
display: inline-block
}
.pr_details .share-link .social-icon li a {
font-size: 12px;
color: #677294;
padding-right: 10px;
transition: all .2s linear
}
.pr_details .share-link .social-icon li a:hover {
color: #5e2ced
}
.pr_details_area {
padding-top: 120px
}
.product_info_details {
border-bottom: 1px solid #e2e5ef
}
.product_info_details .pr_tab {
justify-content: center;
border: 0;
margin: 0 auto 50px
}
.product_info_details .pr_tab .nav-item {
float: left;
margin: 0;
border: 1px solid #e7e7f6;
overflow: hidden;
border-left: 0
}
.product_info_details .pr_tab .nav-item .nav-link {
font: 300 16px/40px "Poppins",sans-serif;
color: #677294;
padding: 5px 25px;
min-width: 148px;
text-align: center;
border: 0;
border-radius: 0;
cursor: pointer
}
.product_info_details .pr_tab .nav-item .nav-link.active {
background: #5e2ced;
color: #fff
}
.product_info_details .pr_tab .nav-item:first-child {
border-bottom-left-radius: 45px;
border-top-left-radius: 45px;
border-left: 1px solid #e7e7f6
}
.product_info_details .pr_tab .nav-item:last-child {
border-bottom-right-radius: 45px;
border-top-right-radius: 45px
}
.product_info_details .aditional_info h6 {
color: #282835
}
.product_info_details .comment-box .comment-content {
padding-left: 95px;
position: relative
}
.product_info_details .comment-box .comment-content .avatar {
position: absolute;
left: 0
}
.product_info_details .comment-box .comment-content .avatar img {
border-radius: 50%
}
.product_info_details .comment-box .comment-content .comment-header {
font: 300 14px poppins,sans-serif;
display: inline-block
}
.product_info_details .comment-box .comment-content .comment-header a {
font-size: 15px;
font-weight: 500;
color: #3d3f45
}
.product_info_details .comment-box .comment-content .comment-header a:after {
content: "/";
display: inline-block;
margin: 0 5px 0 6px;
font-weight: 400;
color: #abb0bb
}
.product_info_details .comment-box .comment-content .ratting a {
font-size: 12px;
color: #c9ccd1
}
.product_info_details .comment-box .comment-content .ratting a:nth-child(1), .product_info_details .comment-box .comment-content .ratting a:nth-child(2), .product_info_details .comment-box .comment-content .ratting a:nth-child(3) {
color: #5e2ced
}
.car_get_quote_content {
padding-bottom: 35px
}
.car_get_quote_content h2 {
color: #282835
}
.car_get_quote_content .get_quote_form .form-group .form-control {
height: 60px;
border: 1px solid #ebebf7;
border-radius: 4px;
background: 0 0;
font: 300 14px poppins,sans-serif;
color: #282835;
padding-left: 25px;
box-shadow: none
}
.car_get_quote_content .get_quote_form .form-group .form-control.placeholder {
color: #a7adbe
}
.car_get_quote_content .get_quote_form .form-group .form-control:-moz-placeholder {
color: #a7adbe
}
.car_get_quote_content .get_quote_form .form-group .form-control::-moz-placeholder {
color: #a7adbe
}
.car_get_quote_content .get_quote_form .form-group .form-control::-webkit-input-placeholder {
color: #a7adbe
}
.car_get_quote_content .get_quote_form .form-group .form-control:focus {
border-color: #ddd1fe;
background-color: #fff;
box-shadow: 0 10px 20px 0 rgba(0,21,46,.1)
}
.car_get_quote_content .get_quote_form .form-group textarea.form-control {
height: 200px;
padding-top: 20px
}
.car_get_quote_content .ratting span {
font-size: 14px;
color: #282835
}
.car_get_quote_content .ratting a {
font-size: 12px;
color: #c9ccd1
}
.car_get_quote_content .ratting a:nth-child(4), .car_get_quote_content .ratting a:nth-child(2), .car_get_quote_content .ratting a:nth-child(3) {
color: #5e2ced
}
.car_get_quote_content .agency_banner_btn {
float: right;
border-radius: 45px;
height: 46px;
line-height: 45px;
padding: 0;
min-width: 120px;
text-align: center
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0
}
input[type=number] {
-moz-appearance: textfield
}
.shopping_cart_area .cart_title {
border-bottom: 1px solid #e7e7f6
}
.shopping_cart_area h6 {
font-size: 14px;
color: #282835;
line-height: 30px
}
.shopping_cart_area .cart_table {
padding-top: 30px
}
.shopping_cart_area .cart_table tbody {
width: 100%
}
.shopping_cart_area .cart_table td {
vertical-align: middle;
font: 400 16px/28px "Poppins",sans-serif;
color: #282835;
border: 0;
padding-top: 0;
padding-bottom: 30px
}
.shopping_cart_area .cart_table .product {
padding-top: 0
}
.shopping_cart_area .cart_table .product .media .media-left {
width: 100px;
height: 100px
}
.shopping_cart_area .cart_table .product .media .media-left img {
max-width: 100%
}
.shopping_cart_area .cart_table .product .media .media-body {
padding-left: 30px;
align-self: center
}
.shopping_cart_area .cart_table .product .media .media-body h5 {
font: 500 16px/28px "Poppins",sans-serif;
color: #282835
}
.shopping_cart_area .cart_table .total {
width: 175px
}
.shopping_cart_area .cart_table .quantity {
width: 175px
}
.shopping_cart_area .cart_table .quantity p {
color: #677294;
margin-bottom: 0
}
.shopping_cart_area .cart_table .del-item {
white-space: nowrap;
vertical-align: middle;
width: 140px
}
.shopping_cart_area .cart_table .del-item a {
color: #677294
}
.shopping_cart_area .cart_table .del-item a:hover {
color: #5e2ced
}
.shopping_cart_area .cart_table .del-item a i {
font-size: 22px
}
.shopping_cart_area .cart_table .del-item a + a {
position: relative;
top: 3px
}
.shopping_cart_area .cart_table .del-item .total {
margin-right: 85px
}
.shopping_cart_area .cart_table .product-qty {
position: relative;
display: inline-block
}
.shopping_cart_area .cart_table .product-qty .ar_top, .shopping_cart_area .cart_table .product-qty .ar_down {
position: absolute;
background: #fff;
border: 0;
font-size: 12px;
color: #677294;
right: 16px;
border-radius: 15px;
padding: 0;
line-height: 12px;
cursor: pointer
}
.shopping_cart_area .cart_table .product-qty .ar_top:hover, .shopping_cart_area .cart_table .product-qty .ar_down:hover {
color: #5e2ced
}
.shopping_cart_area .cart_table .product-qty .ar_top {
top: 8px
}
.shopping_cart_area .cart_table .product-qty .ar_down {
bottom: 8px
}
.shopping_cart_area .cart_table .product-qty .manual-adjust {
width: 95px;
border: 1px solid #e7e7f6;
height: 44px;
border-radius: 45px;
text-align: center;
color: #677294
}
.shopping_cart_area .cart_table .product-qty .manual-adjust.placeholder {
color: #677294
}
.shopping_cart_area .cart_table .product-qty .manual-adjust:-moz-placeholder {
color: #677294
}
.shopping_cart_area .cart_table .product-qty .manual-adjust::-moz-placeholder {
color: #677294
}
.shopping_cart_area .cart_table .product-qty .manual-adjust::-webkit-input-placeholder {
color: #677294
}
.shopping_cart_area .cart_btn {
font: 400 14px poppins,sans-serif;
color: #fff;
border: 1px solid #5e2ced;
margin: 0;
background: #5e2ced;
padding: 15px 33px;
border-radius: 4px
}
.shopping_cart_area .cart_btn.cart_btn_two {
border: 1px solid #e7e7f6;
background: 0 0;
color: #5c6789;
margin-left: 15px
}
.shopping_cart_area .action_btn {
width: 100%
}
.shopping_cart_area h5 {
color: #282835
}
.shopping_cart_area .wislist_table .total, .shopping_cart_area .wislist_table .del-item {
width: 178px
}
.shopping_cart_area .wislist_table .quantity {
width: 140px
}
.shopping_cart_area .wislist_table .add_cart {
font: 400 14px poppins,sans-serif;
border: 1px solid #e7e7f6;
background: 0 0;
color: #5c6789;
margin-right: 20px;
padding: 15px 33px;
border-radius: 4px;
transition: all .2s linear
}
.shopping_cart_area .wislist_table .add_cart:hover {
background: #5e2ced;
color: #fff !important;
border-color: #5e2ced
}
.cart_box {
width: 370px;
border: 1px solid #f4f4f9;
background-color: #fff;
box-shadow: 0 2px 4px 0 rgba(12,0,46,.04);
padding: 30px 35px
}
.cart_box .shop_table {
width: 100%
}
.cart_box .shop_table tbody tr {
border-bottom: 1px solid #e7e7f6
}
.cart_box .shop_table tbody tr th {
width: 70%
}
.cart_box .shop_table tbody tr td, .cart_box .shop_table tbody tr th {
font: 400 16px/28px "Poppins",sans-serif;
color: #282835;
padding: 10px 0
}
.cart_box .shop_table tbody tr td {
text-align: right
}
.cart_box .shop_table tbody tr td .amount {
color: #677294
}
.cart_box .shop_table tbody tr:last-child {
border: 0
}
.coupon {
width: 370px;
position: relative
}
.coupon .input_text {
width: 100%;
border: 1px solid #f4f4f9;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 2px 4px 0 rgba(12,0,46,.04);
font: 300 15px poppins,sans-serif;
color: #9ca3b9;
height: 55px;
padding-left: 25px;
box-shadow: none
}
.coupon .input_text:focus {
box-shadow: none;
outline: none
}
.coupon .button {
position: absolute;
right: 4px;
top: 50%;
font: 400 14px/38px "Poppins",sans-serif;
color: #282835;
height: 48px;
padding: 0 25px;
border: 0;
background: #eff2f7;
border-radius: 3px;
transform: translateY(-50%);
cursor: pointer;
transition: all .2s linear
}
.coupon .button:hover {
background: #5e2ced;
color: #fff
}
.checkout_button {
font: 500 15px/30px "Poppins",sans-serif;
color: #fff;
background: #5e2ced;
border-radius: 0;
display: block;
text-align: center;
padding: 10px 0;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border: 1px solid #5e2ced;
transition: all .2s linear
}
.checkout_button:hover {
background: 0 0;
color: #5e2ced
}
.return_customer {
font: 400 15px/25px "Poppins",sans-serif;
color: #3d3f45;
padding-bottom: 20px
}
.return_customer i {
color: #5e2ced;
padding-right: 8px;
font-size: 14px
}
.return_customer a {
color: #5e2ced;
font-weight: 300
}
.return_customer a.collapsed {
color: #9ca3b9
}
.checkout_content {
margin-bottom: -22px
}
.checkout_content .checkout_title {
margin-top: 63px;
color: #282835
}
.checkout_content input {
box-shadow: 0 2px 4px 0 rgba(12,0,46,.04);
background: #fff;
padding: 0 30px;
font: 300 14px/60px "Poppins",sans-serif;
color: #969ca5;
border: 1px solid transparent;
border-radius: 4px;
width: 100%;
margin-bottom: 30px;
transition: all .2s linear
}
.checkout_content input.placeholder {
color: #9ca3b9
}
.checkout_content input:-moz-placeholder {
color: #9ca3b9
}
.checkout_content input::-moz-placeholder {
color: #9ca3b9
}
.checkout_content input::-webkit-input-placeholder {
color: #9ca3b9
}
.checkout_content input:focus {
box-shadow: 0 10px 14px 0 rgba(12,0,46,.06);
border-color: #f2effc;
outline: none
}
.checkout_content label {
font: 600 16px/50px "Poppins",sans-serif;
display: block;
color: #282835;
margin-bottom: 20px
}
.checkout_content label .required {
font-size: 16px;
color: #ff2525;
text-decoration: none
}
.checkout_content .selectpickers {
width: 100%;
border-radius: 0;
border: 0;
box-shadow: 0 2px 3px 0 rgba(0,11,40,.06);
font: 300 14px/60px "Poppins",sans-serif;
background: #fff;
height: 60px;
color: #9ca3b9;
padding-left: 30px;
margin-bottom: 30px
}
.checkout_content .selectpickers:after {
right: 30px
}
.checkout_content .selectpickers ul {
width: 100%
}
.checkout_content input[type=checkbox] {
position: relative;
top: 2px;
width: auto;
box-shadow: none
}
.checkout_content input[type=checkbox]:before {
content: "";
display: block;
position: absolute;
width: 12px;
height: 12px;
border: 1px solid #9ca3b9;
top: 0;
left: 0;
border-radius: 2px;
background-color: #fbfbfb
}
.checkout_content input[type=checkbox]:checked:after {
content: "";
display: block;
width: 6px;
height: 6px;
position: absolute;
top: 49%;
left: 49%;
transform: translate(-50%,-50%);
background: #9ca3b9
}
.checkout_content .l_text {
display: inline-block;
font: 300 15px/26px "Poppins",sans-serif;
color: #9ca3b9;
padding-left: 8px
}
.checkout_content textarea {
width: 100%;
border: 0;
border-radius: 0;
box-shadow: 0 2px 3px 0 rgba(0,11,40,.06);
height: 170px;
font: 300 14px/20px "Poppins",sans-serif;
color: #b6b9be;
padding-left: 30px;
padding-top: 20px;
margin-bottom: 30px
}
.checkout_content textarea.placeholder {
color: #9ca3b9
}
.checkout_content textarea:-moz-placeholder {
color: #9ca3b9
}
.checkout_content textarea::-moz-placeholder {
color: #9ca3b9
}
.checkout_content textarea::-webkit-input-placeholder {
color: #9ca3b9
}
.checkout_content textarea:focus {
outline: none
}
.checkout_content .tab_content p {
font-family: poppins,sans-serif;
font-size: 15px;
margin-bottom: 0;
padding: 0 0 25px
}
.checkout_content .tab_content .login_button {
overflow: hidden;
margin-bottom: 25px
}
.checkout_content .tab_content .login_button label {
display: inline-block;
margin-bottom: 0;
vertical-align: middle
}
.checkout_content .tab_content .login_button label input {
margin-bottom: 0
}
.checkout_content .tab_content .login_btn {
float: right;
font: 400 16px/48px "Poppins",sans-serif;
background: #5e2ced;
border: 1px solid #5e2ced;
color: #fff;
border-radius: 4px;
padding: 0 38px;
transition: all .2s linear
}
.checkout_content .tab_content .login_btn:hover {
background: 0 0;
color: #5e2ced
}
.checkout_content .tab_content .coupon_form {
overflow: hidden;
display: flex
}
.checkout_content .tab_content .coupon_form input {
max-width: 380px;
margin-bottom: 0
}
.checkout_content .tab_content .coupon_form .login_btn {
line-height: 60px;
margin-left: 20px
}
.cart_total_box {
margin-left: 50px;
background: #fff;
box-shadow: 0 2px 3px 0 rgba(0,11,40,.06);
padding: 50px
}
.cart_total_box .checkout_title {
border-bottom: 2px solid #e7e7f6;
padding-bottom: 10px;
color: #282835
}
.woocommerce-checkout-review-order .shop_table {
width: 100%;
margin-bottom: 30px
}
.woocommerce-checkout-review-order .shop_table tbody tr td {
font: 400 15px/30px "Poppins",sans-serif;
color: #677294
}
.woocommerce-checkout-review-order .shop_table tbody tr td.price {
color: #282835
}
.woocommerce-checkout-review-order .shop_table tbody tr td.total {
color: #5e2ced;
font-size: 20px
}
.woocommerce-checkout-review-order .shop_table tbody tr td + td {
text-align: right
}
.woocommerce-checkout-review-order .shop_table tbody tr.subtotal {
border-top: 1px solid #dfe2f1
}
.woocommerce-checkout-review-order .shop_table tbody tr.subtotal td {
line-height: 56px;
padding-bottom: 0
}
.woocommerce-checkout-review-order h6 {
font-size: 15px;
color: #282835;
font-family: poppins,sans-serif;
font-weight: 400;
margin: 0;
line-height: 30px;
margin-bottom: 6px
}
.woocommerce-checkout-review-order .note {
font-size: 15px;
line-height: 26px;
color: #677294;
font-weight: 300;
font-family: poppins,sans-serif;
margin-bottom: 25px
}
.woocommerce-checkout-review-order ul li.payment {
padding-left: 25px;
position: relative
}
.woocommerce-checkout-review-order ul li.payment .radio-btn {
position: absolute;
left: 0
}
.woocommerce-checkout-review-order ul li.payment span {
float: none;
font-size: 12px;
color: #ff5f6d;
padding-top: 15px;
display: block
}
.woocommerce-checkout-review-order ul li input[type=checkbox], .woocommerce-checkout-review-order ul li input[type=radio] {
position: relative;
border: 0;
visibility: hidden;
display: none
}
.woocommerce-checkout-review-order ul li input[type=checkbox]:checked + label:after, .woocommerce-checkout-review-order ul li input[type=radio]:checked + label:after {
opacity: 1
}
.woocommerce-checkout-review-order ul li input[type=checkbox]:checked + label:before, .woocommerce-checkout-review-order ul li input[type=radio]:checked + label:before {
border-color: #5e2ced
}
.woocommerce-checkout-review-order ul li .radio-btn {
line-height: 20px;
top: 8px
}
.woocommerce-checkout-review-order ul li .radio-btn label {
color: #8f8f8f;
font-size: 14px;
font-weight: 400;
padding-left: 20px
}
.woocommerce-checkout-review-order ul li .radio-btn label:before {
content: "";
display: block;
position: absolute;
width: 12px;
height: 12px;
border: 1px solid #9ca3b9;
top: 1px;
left: 0;
border-radius: 50%
}
.woocommerce-checkout-review-order ul li .radio-btn label:after {
content: "";
display: block;
width: 6px;
height: 6px;
position: absolute;
top: 4px;
left: 3px;
border-radius: 50%;
background: #5e2ced;
opacity: 0
}
.woocommerce-checkout-review-order .condition {
border-top: 1px solid #dfe2f1;
padding-top: 25px;
margin-top: 50px
}
.woocommerce-checkout-review-order .condition p {
font-size: 15px;
font-weight: 300
}
.woocommerce-checkout-review-order .condition input[type=checkbox] {
position: relative;
border: 0;
visibility: hidden;
display: none
}
.woocommerce-checkout-review-order .condition input[type=checkbox]:checked + label:after {
opacity: 1
}
.woocommerce-checkout-review-order .condition input[type=checkbox]:checked + label:before {
border-color: #5e2ced
}
.woocommerce-checkout-review-order .condition .l_text {
position: relative;
padding-left: 25px;
font-size: 16px;
line-height: 26px;
font-family: poppins,sans-serif;
color: #282835
}
.woocommerce-checkout-review-order .condition .l_text span {
color: #ff1e1e
}
.woocommerce-checkout-review-order .condition .l_text:before {
content: "";
display: block;
position: absolute;
width: 10px;
height: 10px;
border: 1px solid #878a8e;
top: 8px;
left: 0;
border-radius: 2px;
background-color: #fff
}
.woocommerce-checkout-review-order .condition .l_text:after {
content: "";
display: block;
width: 5px;
height: 7px;
border: solid #5e2ced;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 8px;
left: 3px;
opacity: 0
}
.woocommerce-checkout-review-order .button {
width: 100%;
background: #5e2ced;
border: 1px solid #5e2ced;
font: 500 16px/50px "Poppins",sans-serif;
color: #fff;
cursor: pointer;
margin-top: 25px;
transition: all .2s linear
}
.woocommerce-checkout-review-order .button:hover {
background: 0 0;
color: #5e2ced
}
.pr_sidebar .widget + .widget {
margin-top: 60px
}
.pr_sidebar .sp_widget_title {
color: #282835;
font-size: 20px;
font-weight: 500;
position: relative;
margin-bottom: 30px
}
.pr_sidebar .filter_slider_area {
padding-top: 10px
}
.pr_sidebar .filter_slider_area .ui-slider {
height: 6px;
background: #dbe2e9;
border: 0;
border-radius: 0
}
.pr_sidebar .filter_slider_area .ui-slider .ui-slider-range {
background: #9f7efd;
border-radius: 0
}
.pr_sidebar .filter_slider_area .ui-slider .ui-slider-handle {
width: 20px;
height: 20px;
border-radius: 50%;
background: #5e2ced;
border: 0;
margin-left: 0;
top: -7px
}
.pr_sidebar .filter_slider_area .ui-slider .ui-slider-handle:focus {
outline: none
}
.pr_sidebar .filter_slider_area .filter_content {
font-size: 16px;
text-transform: capitalize;
font-family: poppins,sans-serif;
color: #282835;
display: flex;
margin-top: 30px
}
.pr_sidebar .filter_slider_area .filter_content #amount {
border: 0;
font-size: 16px;
display: inline-block;
outline: none;
box-shadow: none;
padding-left: 5px
}
.pr_sidebar .widget_category ul {
margin-bottom: 0
}
.pr_sidebar .widget_category ul li a {
font-size: 16px;
color: #677294;
display: inline-block;
position: relative
}
.pr_sidebar .widget_category ul li a:before {
content: "";
width: 100%;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
background: #5e2ced;
opacity: 0;
transition: all .3s linear
}
.pr_sidebar .widget_category ul li a:hover {
color: #5e2ced
}
.pr_sidebar .widget_category ul li a:hover:before {
opacity: 1
}
.pr_sidebar .widget_category ul li:not(:last-child) {
margin-bottom: 15px
}
.pr_sidebar .woocommerce-widget-layered-nav-list {
padding-left: 0;
list-style: none;
margin-bottom: 0
}
.pr_sidebar .woocommerce-widget-layered-nav-list li {
position: relative;
padding-left: 30px;
color: #333
}
.pr_sidebar .woocommerce-widget-layered-nav-list li::before {
content: "";
position: absolute;
border-radius: 50%;
width: 15px;
height: 15px;
border: 1px solid #333;
left: 0;
top: 50%;
margin-top: -7.5px
}
.pr_sidebar .woocommerce-widget-layered-nav-list li a {
color: #333
}
.pr_sidebar .woocommerce-widget-layered-nav-list li:not(:last-child) {
margin-bottom: 12px
}
.pr_sidebar .widget_size ul {
margin-bottom: 0;
list-style: none;
padding-left: 0
}
.pr_sidebar .widget_size ul li {
font-size: 16px;
color: #333
}
.pr_sidebar .widget_size ul li a {
color: #333
}
.pr_sidebar .widget_color ul li:first-child:before {
background: #1c1c1c;
border-color: #1c1c1c
}
.pr_sidebar .widget_color ul li:nth-child(2):before {
background: #ff934c;
border-color: #ff934c
}
.pr_sidebar .widget_color ul li:nth-child(3):before {
background: #fb53a7;
border-color: #fb53a7
}
.pr_sidebar .widget_color ul li:nth-child(4):before {
background: #ff4949;
border-color: #ff4949
}
.pr_sidebar .widget_color ul li:nth-child(6):before {
background: #ffeb50;
border-color: #ffeb50
}
.pr_sidebar .widget_product ul {
margin-bottom: 0
}
.pr_sidebar .widget_product ul li .media {
align-items: center;
display: flex
}
.pr_sidebar .widget_product ul li .media img {
padding-right: 30px
}
.pr_sidebar .widget_product ul li .media .media-body {
flex: 1
}
.pr_sidebar .widget_product ul li .media .media-body h3 {
font-size: 16px;
color: #282835
}
.pr_sidebar .widget_product ul li .media .media-body .rate {
color: #677294;
font-size: 16px
}
.pr_sidebar .widget_product ul li:not(:last-child) {
margin-bottom: 20px
}
.pr_sidebar .widget_tag ul li {
display: inline-block;
margin-bottom: 6px
}
.pr_sidebar .widget_tag ul li a {
font-size: 16px;
color: #677294;
position: relative;
display: block;
transition: all .2s linear
}
.pr_sidebar .widget_tag ul li a:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #5e2ced;
opacity: 0;
transition: opacity .2s linear
}
.pr_sidebar .widget_tag ul li a:hover {
color: #5e2ced
}
.pr_sidebar .widget_tag ul li a:hover:before {
opacity: 1
}
.product_compair_modal_wrapper {
padding-right: 0 !important
}
.product_compair_modal_wrapper .close {
width: 50px;
height: 50px;
background-color: #fff;
border-radius: 50%;
position: absolute;
top: -20px;
right: -20px;
color: #111;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 5px 10px rgba(17,17,17,.3);
z-index: 99;
opacity: 1;
transition: all .2s
}
@media(max-width:400px) {
.product_compair_modal_wrapper .close {
top: 20px;
right: 20px
}
}
.product_compair_modal_wrapper .modal-dialog {
max-width: 970px
}
@media(max-width:991px) {
.product_compair_modal_wrapper .modal-dialog {
max-width: 735px
}
}
@media(max-width:767px) {
.product_compair_modal_wrapper .modal-dialog {
max-width: 90%;
margin-left: auto;
margin-right: auto
}
}
.product_compair_modal_wrapper .modal-dialog .modal-content {
border: 0;
padding: 10px
}
@media(max-width:767px) {
.product_compair_modal_wrapper .modal-dialog .modal-content {
padding-left: 0;
padding-right: 0
}
}
@media(max-width:400px) {
.product_compair_modal_wrapper .modal-dialog .modal-content {
padding: 0
}
}
@media(max-width:767px) {
.product_compair_modal_wrapper .pr_details {
margin-top: 40px
}
}
@media(max-width:400px) {
.product_compair_modal_wrapper .pr_details .cart_button {
margin-top: 8px
}
}
@media(max-width:400px) {
.product_compair_modal_wrapper .pr_details .cart_button .cart_btn {
margin-left: 0;
margin-right: 0
}
}
.product_compair_modal_wrapper .pr_footer {
margin-bottom: 0
}
.search_boxs {
z-index: 20000;
position: fixed;
top: -105%;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden
}
.search_boxs:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
background: rgba(27,29,34,.95);
width: 100%;
height: 0;
padding-bottom: 100%;
border-radius: 100%;
transform: scale(.04),translateY(9999px);
overflow: hidden
}
.search_boxs .close_icon {
position: absolute;
right: 20px;
top: 20px;
font-size: 30px;
color: #fff;
cursor: pointer;
backface-visibility: hidden;
transition: transform .2s ease-out,opacity .2s ease-out,-webkit-transform .2s ease-out;
opacity: 0
}
.search_boxs .input-group {
position: absolute;
left: 50%;
top: 50%;
transform: scale(.5);
transform: translateX(-50%) translateY(-50%);
max-width: 800px;
width: 20%;
opacity: 0;
transition: all 900ms linear;
transition-delay: .75s
}
.search_boxs .input-group input {
border: none;
height: 55px;
padding: 0 15px;
font-size: 16px;
padding-left: 0;
width: 100%;
color: #fff;
background: 0 0;
border-bottom: 2px solid rgba(255,255,255,.6);
border-radius: 0;
outline: none
}
.search_boxs .input-group input.placeholder {
font-size: 16px;
color: rgba(255,255,255,.6)
}
.search_boxs .input-group input:-moz-placeholder {
font-size: 16px;
color: rgba(255,255,255,.6)
}
.search_boxs .input-group input::-moz-placeholder {
font-size: 16px;
color: rgba(255,255,255,.6)
}
.search_boxs .input-group input::-webkit-input-placeholder {
font-size: 16px;
color: rgba(255,255,255,.6)
}
.search_boxs .input-group .input-group-append {
margin-left: 0;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
z-index: 4
}
.search_boxs .input-group .input-group-append button {
border: none;
background: 0 0;
border-radius: 0;
height: 55px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
color: rgba(255,255,255,.6);
font-size: 24px;
padding: 0;
font-family: poppins,sans-serif;
outline: none !important;
box-shadow: none !important;
cursor: pointer
}
.search_boxs .input-group .input-group-append button i {
cursor: pointer
}
input[type=text] {
-webkit-appearance: none;
outline: none
}
.open .search_boxs {
top: 0
}
.open .search_boxs:before {
animation: menu-animation .8s ease-out forwards;
height: 100%
}
.open .search_boxs .close_icon {
transition-delay: .75s;
opacity: 1
}
.open .search_boxs .input-group {
width: 100%;
opacity: 1
}
@-webkit-keyframes menu-animation {
0% {
opacity: 0;
-webkit-transform: scale(.04) translateY(300%);
transform: scale(.04) translateY(300%)
}
40% {
-webkit-transform: scale(.04) translateY(0);
transform: scale(.04) translateY(0);
-webkit-transition: ease-out;
-o-transition: ease-out;
transition: ease-out
}
40% {
-webkit-transform: scale(.04) translateY(0);
transform: scale(.04) translateY(0)
}
60% {
opacity: 1;
-webkit-transform: scale(.02) translateY(0px);
transform: scale(.02) translateY(0px)
}
61% {
-webkit-transform: scale(.04);
transform: scale(.04)
}
99.9% {
height: 0;
padding-bottom: 100%;
border-radius: 100%
}
100% {
-webkit-transform: scale(2);
transform: scale(2);
height: 100%;
padding-bottom: 0;
border-radius: 0
}
}
@keyframes menu-animation {
0% {
opacity: 0;
-webkit-transform: scale(.04) translateY(300%);
transform: scale(.04) translateY(300%)
}
40% {
-webkit-transform: scale(.04) translateY(0);
transform: scale(.04) translateY(0);
-webkit-transition: ease-out;
-o-transition: ease-out;
transition: ease-out
}
40% {
-webkit-transform: scale(.04) translateY(0);
transform: scale(.04) translateY(0)
}
60% {
opacity: 1;
-webkit-transform: scale(.02) translateY(0px);
transform: scale(.02) translateY(0px)
}
61% {
-webkit-transform: scale(.04);
transform: scale(.04)
}
99.9% {
height: 0;
padding-bottom: 100%;
border-radius: 100%
}
100% {
-webkit-transform: scale(2);
transform: scale(2);
height: 100%;
padding-bottom: 0;
border-radius: 0
}
}
.ms-section.section_1 {
background-image: linear-gradient(40deg,rgb(103,18,168) 0%,rgb(95,40,251) 100%)
}
.ms-section.section_2 {
background-image: linear-gradient(40deg,rgb(103,18,168) 0%,rgb(95,40,251) 100%)
}
.ms-section.section_4 {
background-image: linear-gradient(40deg,rgb(103,18,168) 0%,rgb(95,40,251) 100%)
}
.ms-section.section_6 {
background-image: linear-gradient(40deg,rgb(103,18,168) 0%,rgb(95,40,251) 100%)
}
.ms-section.section_8 {
position: relative
}
.ms-section.section_8 .split_banner {
background: url(../img/new/home-split/mobile_bg.jpg) no-repeat center top;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.height {
height: 100%
}
.split_banner, .split_banner_content {
display: flex;
align-items: center;
position: relative
}
.square {
width: 50px;
height: 50px
}
.square.one {
top: 200px;
left: 50px;
animation: spin2 2s infinite alternate
}
.square.two {
top: 220px;
left: 70px;
animation: spin2 2.5s infinite alternate
}
.square.three {
height: 102px;
width: 102px;
top: auto;
left: 20px;
bottom: -10%;
animation: spin1 3s infinite alternate
}
.square.four {
bottom: 43%;
left: 80px;
animation: spin2 2s infinite alternate
}
.intro {
width: 70%;
margin-left: auto;
margin-right: 100px;
position: relative
}
.split_slider_content {
color: #fff;
padding: 70px 0 70px 120px;
position: relative;
z-index: 0
}
.split_slider_content .br_shap {
position: absolute;
left: 0;
top: 0;
width: 330px;
border: 10px solid #8429c9;
height: 100%;
z-index: -1
}
.split_slider_content h2 {
font-size: 50px;
line-height: 66px;
font-weight: 700;
margin-bottom: 20px;
position: relative;
z-index: 0;
transform: translateX(-100%);
transition: all 1s linear;
color: #fff
}
.split_slider_content h2:before {
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #fff;
opacity: .8;
position: absolute;
z-index: 0;
transition: all 1s linear
}
.split_slider_content p {
font-size: 18px;
line-height: 30px;
margin-bottom: 45px;
transform: translateY(10px);
opacity: 0;
color: #fff
}
.split_slider_content .btn_get {
border: 1px solid #fff;
border-radius: 3px;
color: #fff;
padding: 3px 33px;
font-size: 15px;
box-shadow: none;
transform: translateY(10px);
opacity: 0
}
.split_slider_content .btn_get:hover {
background: #fff;
color: #5f28fb
}
.split_slider_content .content {
overflow: hidden
}
.spliet_slider_img .phone_one {
position: absolute;
top: -23%;
z-index: 0;
left: 111px;
animation-timing-function: cubic-bezier(.54,.085,.5,.92);
animation-name: animateUpDown;
animation-duration: 3s;
animation-iteration-count: infinite
}
.spliet_slider_img .phone_two {
position: relative;
left: 40px;
top: 112px;
animation-timing-function: cubic-bezier(.54,.085,.5,.92);
animation-name: animateUpDown;
animation-duration: 3.3s;
animation-iteration-count: infinite
}
.border_shap {
position: absolute;
width: 400px;
height: 700px;
background: rgba(255,255,255,.05);
top: 0;
left: 100px;
transform: translateY(-100%);
transition: all .4s linear;
opacity: 0;
visibility: hidden
}
.border_shap.two {
left: 36%;
top: -20%
}
.square {
position: absolute;
width: 40px;
height: 40px;
background: rgba(255,255,255,.05)
}
.active .border_shap {
transform: translateY(0);
opacity: 1;
visibility: visible;
transition: 1.5s ease-in-out
}
.active .border_shap.two {
transition: transform 2.5s linear
}
.active .split_slider_content h2 {
transform: translateX(0);
transition: all 1.5s linear
}
.active .split_slider_content h2:before {
right: 0;
left: auto;
width: 0;
transition: all 2s linear
}
.active .split_slider_content p {
transform: translateY(0);
opacity: 1;
transition: transform 1s 1.5s linear,opacity 1s 1.5s linear
}
.active .split_slider_content .btn_get {
transform: translateY(0);
transition: transform 1s 1.8s linear,opacity 1s 1.7s linear,background .2s linear;
opacity: 1
}
.split_app_content h2 {
margin-bottom: 38px
}
.split_app_content p {
font-size: 18px;
line-height: 30px;
color: #7e86a1;
margin-bottom: 0
}
.split_app_content .btn_three {
font-size: 15px;
padding: 15px 33px
}
.split_app_content .s_app_btn {
background: #5f28fb;
border-color: #5f28fb;
align-items: center;
display: inline-flex
}
.split_app_content .s_app_btn i {
margin-right: 10px;
font-size: 22px
}
.split_app_content .s_app_btn + .s_app_btn {
background: 0 0;
color: #5f28fb;
margin-left: 16px
}
.split_app_content .s_app_btn + .s_app_btn:hover {
background: #5f28fb;
color: #fff
}
.split_app_content .s_app_btn:hover {
background: 0 0;
color: #5f28fb
}
.split_title {
font-size: 40px;
line-height: 50px;
color: #051441;
font-weight: 700;
font-family: poppins,sans-serif
}
.split_title span {
font-weight: 400
}
.web_skill_content {
max-width: 540px
}
.web_skill_content .split_title {
margin-bottom: 45px
}
.web_skill_content .skillbar-bg {
width: 100%;
height: 5px;
background: #e7e9f0;
position: relative
}
.web_skill_content .skillbar-bg .custom-skillbar {
background: #7a4cfa;
height: 100%;
position: absolute;
left: 0;
width: 0
}
.web_skill_content .custom-skillbar-title {
display: flex;
justify-content: space-between;
font-size: 15px;
font-weight: 500;
color: #051441;
padding-bottom: 8px
}
.web_skill_content .skillbar-box {
padding-left: 0;
list-style: none;
margin-bottom: 0
}
.web_skill_content .skillbar-box li {
margin-bottom: 25px
}
.web_skill_content .skillbar-box li:nth-child(1) .custom-skillbar-title .skill-bar-percent {
color: #7a4cfa
}
.web_skill_content .skillbar-box li:nth-child(1) .skillbar-bg .custom-skillbar {
background: #7a4cfa
}
.web_skill_content .skillbar-box li:nth-child(2) .custom-skillbar-title .skill-bar-percent {
color: #00d8e6
}
.web_skill_content .skillbar-box li:nth-child(2) .skillbar-bg .custom-skillbar {
background: #00d8e6
}
.web_skill_content .skillbar-box li:nth-child(3) .custom-skillbar-title .skill-bar-percent {
color: #e6c300
}
.web_skill_content .skillbar-box li:nth-child(3) .skillbar-bg .custom-skillbar {
background: #e6c300
}
.web_skill_content .btn_three {
margin-top: 35px;
background: 0 0;
color: #7a4cfa
}
.web_skill_content .btn_three:hover {
background: #7a4cfa;
color: #fff
}
.split_banner .contact_bg {
position: absolute;
top: 0;
background: url(../img/new/home-split/contact.png);
width: 100%;
height: 100%;
background-size: cover
}
.split_banner .app_img {
margin-left: 118px
}
.split_content .contact_form_box {
padding-top: 45px
}
.split_content .contact_form_box .text_box input[type=text], .split_content .contact_form_box .text_box textarea, .split_content .contact_form_box .text_box input[type=password] {
background: #f7f8fb;
box-shadow: none;
transition: all .2s linear
}
.split_content .contact_form_box .text_box input[type=text]:focus, .split_content .contact_form_box .text_box textarea:focus, .split_content .contact_form_box .text_box input[type=password]:focus {
box-shadow: 0 20px 20px 0 rgba(0,11,40,.1);
background: #fff;
border-color: rgba(95,40,251,.4)
}
.split_content .contact_form_box .text_box {
margin-bottom: 20px
}
#multiscroll-nav ul li a span {
width: 10px;
height: 10px;
border-radius: 50%;
background: #e6e7ec;
border: 0;
transition: all .2s linear
}
#multiscroll-nav ul li a.active span {
background: #5f28fb;
transition: all .2s linear
}
#multiscroll-nav.white ul li a span {
background: #8051f1
}
#multiscroll-nav.white ul li a.active span {
background: #fff
}
.hosting_menu.menu_four .btn_get {
background: 0 0;
border-color: #818198;
color: #fff;
line-height: 42px
}
.hosting_menu.menu_four .btn_get:hover {
background: #f8636b;
border-color: #f8636b
}
.hosting_menu.menu_four .w_menu > .nav-item > .nav-link:before {
display: none
}
.hosting_menu.menu_four .w_menu > .nav-item:hover > .nav-link, .hosting_menu.menu_four .w_menu > .nav-item.active > .nav-link {
color: #f8636b
}
.hosting_menu.menu_four .w_menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .hosting_menu.menu_four .w_menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .hosting_menu.menu_four .w_menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link {
color: #f8636b
}
.hosting_menu.menu_four .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .text:hover {
color: #f8636b
}
.navbar_fixed .hosting_menu.menu_four .btn_get {
background: #f8636b;
border-color: #f8636b;
color: #fff
}
.navbar_fixed .hosting_menu.menu_four .btn_get:hover {
background: #f8636b;
border-color: #f8636b
}
.erp_menu .er_btn {
margin-left: 0;
margin-top: 0
}
.erp_menu .menu > .nav-item > .nav-link:before {
display: none
}
.erp_menu .menu > .nav-item:hover > .nav-link, .erp_menu .menu > .nav-item.active > .nav-link {
color: #4e78f4
}
.erp_menu .menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .erp_menu .menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .erp_menu .menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link {
color: #4e78f4
}
.erp_menu .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .text:hover {
color: #4e78f4
}
.erp_menu .search_cart {
margin-left: 60px
}
.erp_menu .search_cart .shpping-cart .num {
background: #4e78f4
}
.erp_menu .search_cart .shpping-cart .dropdown-menu .cart-single-item:hover .cart-title a {
color: #4e78f4
}
.erp_menu .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn {
background: #4e78f4;
border-color: #4e78f4
}
.erp_menu .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn:hover {
background: 0 0;
color: #4e78f4
}
.erp_menu .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn + .get_btn {
color: #4e78f4
}
.erp_menu .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn + .get_btn:hover {
background: #4e78f4;
color: #fff
}
.hosting_banner_area {
background: #020230;
min-height: 650px;
height: 100vh;
display: flex;
align-items: center;
position: relative
}
.hosting_content h2 {
font-size: 50px;
line-height: 70px;
color: #fff;
font-weight: 700;
margin-bottom: 15px
}
.hosting_content p {
color: #fff;
font-size: 18px;
line-height: 30px;
margin-bottom: 50px
}
.hosting_content .hosting_btn {
box-shadow: 0 10px 50px 0 rgba(248,99,107,.3)
}
.hosting_content .hosting_btn:hover {
transform: translateY(-5px)
}
.b_line li {
position: absolute
}
.b_line li:nth-child(1) {
bottom: 200px;
right: 500px
}
.b_line li:nth-child(2) {
top: 100px;
left: 135px
}
.b_line li:nth-child(3) {
top: 85%;
left: 100px
}
.b_line li:nth-child(4) {
bottom: 120px;
right: 750px
}
.b_line li:nth-child(7) {
top: 50%;
right: 200px
}
.b_line li:nth-child(6) {
top: 55%;
left: 195px
}
.b_line li:nth-child(5) {
bottom: 150px;
right: 895px
}
.b_line li:nth-child(8) {
top: 220px;
right: 995px
}
.hosting_btn {
background: #f8636b;
color: #fff;
font-size: 16px;
font-weight: 500;
border-radius: 4px;
padding: 11px 34px;
box-shadow: 0 10px 50px 0 rgba(248,99,107,.3)
}
.hosting_btn:hover {
background: #fe4c55
}
.domain_search_area {
background: snow;
position: relative;
z-index: 1
}
.map_bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("../img/hosting/map.png") no-repeat scroll center 0/cover;
z-index: -1
}
.domain_box_info {
max-width: 1030px;
margin: 0 auto;
text-align: center
}
.domain_box_info h3 {
font-size: 30px;
color: #2c2c51;
font-weight: 600;
margin-bottom: 40px
}
.domain_form_inner {
display: flex;
justify-content: center;
border-radius: 8px;
background-color: #fff;
box-shadow: 0 50px 100px 0 rgba(64,1,4,.1);
flex-wrap: wrap;
align-items: center;
padding: 10px;
border-left: 8px solid #f8636b
}
.domain_form_inner input {
width: 64%;
border: 0;
border-radius: 0;
padding: 0;
font-size: 20px;
font-weight: 300;
padding-left: 40px
}
.domain_form_inner input.placeholder {
color: #9d9db0
}
.domain_form_inner input:-moz-placeholder {
color: #9d9db0
}
.domain_form_inner input::-moz-placeholder {
color: #9d9db0
}
.domain_form_inner input::-webkit-input-placeholder {
color: #9d9db0
}
.domain_form_inner input:focus {
outline: none;
box-shadow: none
}
.domain_form_inner .domain_select {
width: 15%
}
.domain_form_inner .domain_select .selectpickers {
border: 0;
width: 100%;
padding: 0;
text-align: center !important;
border-left: 1px solid #d8dcea;
border-radius: 0;
font-size: 20px;
color: #9d9db0;
font-weight: 300;
background: 0 0
}
.domain_form_inner .domain_select .selectpickers:after {
border-bottom: 1px solid #9d9db0;
border-right: 1px solid #9d9db0;
right: 35px;
width: 6px;
height: 6px
}
.domain_form_inner .domain_select .selectpickers ul {
width: 100%
}
.domain_form_inner .domain_select .selectpickers ul li {
color: #9d9db0
}
.domain_form_inner .domain_select .selectpickers:focus {
outline: none;
box-shadow: none
}
.domain_form_inner button {
width: 21%;
border: 0;
padding: 25px 32px;
text-transform: uppercase;
cursor: pointer;
transition: all .3s linear
}
.domain_form_inner button:before {
content: "U";
font-family: eleganticons;
transform: rotate(-90deg);
display: inline-block;
margin-right: 10px
}
.domain_price {
display: inline-flex;
margin-top: 45px
}
.domain_price li {
font-size: 18px;
font-weight: 500;
color: #7b7b93
}
.domain_price li + li {
margin-left: 50px
}
.domain_price li span {
font-weight: 400;
font-size: 16px;
margin-left: 8px
}
.hosting_service_area {
position: relative
}
.hosting_title {
margin-bottom: 70px
}
.hosting_title h2 {
font-size: 60px;
line-height: 55px;
font-weight: 600;
color: #2c2c51;
margin-bottom: 15px
}
.hosting_title p {
color: #7b7b93;
font-size: 16px;
font-weight: 400;
margin-bottom: 0
}
.hosting_title .w_color {
color: #fff
}
.hosting_service_item {
padding: 60px 40px;
border-top: 6px solid transparent;
border-radius: 6px;
transition: all .3s linear;
cursor: pointer
}
.hosting_service_item .icon {
width: 70px;
height: 60px;
line-height: 60px;
border-radius: 6px;
background: #fff7f7;
text-align: center;
margin-bottom: 37px
}
.hosting_service_item p {
color: #7b7b93;
margin-bottom: 0;
font-weight: 400
}
.hosting_service_item:hover {
border-color: #f6626a;
background: #fff;
box-shadow: 0 50px 100px 0 rgba(64,1,4,.1),0 -6px 0 0 rgba(248,99,107,.004)
}
.pattern_shap {
position: absolute;
width: 125px;
height: 225px;
left: 0;
top: 200px
}
.pos_service_info .hosting_service_item {
padding: 45px 40px
}
.pos_service_info .hosting_service_item h4:hover {
color: #5e53fb
}
.pos_service_info .hosting_service_item img {
margin-bottom: 33px
}
.pos_service_info .hosting_service_item:hover {
border-color: #5e53fb;
box-shadow: 0 50px 100px 0 rgba(5,1,64,.1),0 -5px 0 0 rgba(95,84,253,.004)
}
.h_head {
font-size: 20px;
font-weight: 600;
color: #2c2c51;
margin-bottom: 20px;
transition: all .3s linear
}
a .h_head:hover {
color: #f6626a
}
.hosting_features_area {
padding-bottom: 140px
}
.h_features_content {
padding-right: 80px
}
.h_features_content .hosting_title {
margin-bottom: 40px
}
.h_features_content .hosting_title h2 {
font-weight: 500
}
.h_features_item {
padding-right: 150px;
display: flex;
align-items: self-start
}
.h_features_item img {
margin-right: 20px
}
.h_features_item .h_head {
margin-bottom: 10px
}
.h_features_item p {
margin-bottom: 0;
font-weight: 400
}
.h_features_item + .h_features_item {
margin-top: 35px
}
.h_action_area {
background: #020230;
padding: 80px 0
}
.h_action_content h2 {
color: #fff;
font-size: 40px;
font-weight: 600;
line-height: 54px;
margin-bottom: 32px
}
.h_action_content p {
color: #b4b4d3;
margin-bottom: 42px
}
.h_blog_item {
background-color: #fff;
box-shadow: 0 30px 50px 0 rgba(64,1,4,.06);
transition: all .2s linear
}
.h_blog_item img {
width: 100%
}
.h_blog_item .h_blog_content {
padding: 25px 40px 30px
}
.h_blog_item .h_blog_content h3 {
font-size: 24px;
line-height: 34px;
font-weight: 500;
color: #2c2c51;
transition: color .2s linear
}
.h_blog_item .h_blog_content h3:hover {
color: #f8636b
}
.h_blog_item .h_blog_content .post_time {
font-size: 14px;
color: #7b7b93;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 10px;
display: inline-block
}
.h_blog_item .h_blog_content .post_time i {
color: #f8636b;
margin-right: 5px
}
.h_blog_item .h_blog_content .post-info-bottom {
display: flex;
justify-content: space-between;
padding-top: 15px
}
.h_blog_item .h_blog_content .post-info-bottom .learn_btn_two {
margin-top: 0;
font-size: 14px;
line-height: 16px;
color: #7b7b93;
text-transform: uppercase;
font-weight: 500;
position: relative
}
.h_blog_item .h_blog_content .post-info-bottom .learn_btn_two:before {
content: "";
height: 1px;
background: #f8636b;
position: absolute;
bottom: 0;
width: 0;
transition: width .2s linear
}
.h_blog_item .h_blog_content .post-info-bottom .learn_btn_two:hover {
color: #f8636b
}
.h_blog_item .h_blog_content .post-info-bottom .learn_btn_two:hover:before {
width: 100%
}
.h_blog_item .h_blog_content .post-info-bottom .learn_btn_two:hover i {
padding-left: 5px
}
.h_blog_item .h_blog_content .post-info-bottom .learn_btn_two i {
vertical-align: inherit;
padding-left: 0;
transition: all .2s linear
}
.h_blog_item .h_blog_content .post-info-bottom .post-info-comments {
color: #7b7b93;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
line-height: 16px
}
.h_blog_item .h_blog_content .post-info-bottom .post-info-comments i {
color: #f8636b;
padding-right: 3px
}
.h_blog_item:hover {
box-shadow: 0 30px 50px 0 rgba(64,1,4,.08)
}
.pos_blog_item {
border-radius: 6px;
background-color: #fff;
box-shadow: 0 30px 50px 0 rgba(5,1,64,.06)
}
.pos_blog_item .h_blog_content {
padding-left: 35px;
padding-right: 35px
}
.pos_blog_item .h_blog_content .post_time i {
color: #5f54fd
}
.pos_blog_item .h_blog_content h3 {
font-size: 20px;
line-height: 30px
}
.pos_blog_item .h_blog_content h3:hover {
color: #5f54fd
}
.pos_blog_item .h_blog_content .post-info-bottom .learn_btn_two:before {
background: #5f54fd
}
.pos_blog_item .h_blog_content .post-info-bottom .learn_btn_two:hover {
color: #5f54fd
}
.pos_blog_item .h_blog_content .post-info-bottom .post-info-comments i {
color: #5f54fd
}
.pos_blog_item:hover {
box-shadow: 0 30px 50px 0 rgba(5,1,64,.08)
}
.h_action_promo_area {
background: #f8636b;
position: relative;
padding: 130px 0;
z-index: 1
}
.h_action_promo_area .overlay_bg {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-size: cover !important;
background-repeat: no-repeat !important;
background-attachment: fixed !important;
z-index: -1;
opacity: .1
}
.h_action_promo_area .hosting_btn {
background: #fff;
color: #f8636b;
box-shadow: 0 20px 30px 0 rgba(57,35,125,.1);
border-radius: 2px;
padding: 16px 34px;
margin-top: 10px;
text-align: center
}
.h_action_promo_area .hosting_btn:hover {
box-shadow: none
}
.h_promo_content h2 {
margin-bottom: 0;
margin-bottom: 10px;
color: #fff;
font-size: 40px;
font-weight: 600
}
.h_promo_content p {
margin-bottom: 0;
font-size: 20px;
color: #fff;
font-weight: 400
}
.h_map_area {
background: snow;
padding-top: 120px
}
.h_map_area .hosting_title {
margin-bottom: 0
}
.h_map {
background: url(../img/hosting/region_map.png) no-repeat scroll center top;
height: 595px
}
.h_map ul {
height: 100%;
margin-bottom: 0;
position: relative
}
.h_map ul li {
display: block;
position: absolute;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center
}
.h_map ul li .place_name {
font-size: 12px;
font-weight: 500;
line-height: 25px;
color: #fff;
border-radius: 45px;
background: #f8636b;
padding: 0 12px;
text-transform: uppercase;
position: absolute;
top: -100%;
width: max-content;
box-shadow: 0 20px 30px 0 rgba(214,43,51,.2)
}
.h_map ul li .place_name:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 6px 5px 0;
border-color: #f8636b transparent transparent transparent;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -5px
}
.h_map ul li .round {
width: 8px;
height: 8px;
border-radius: 50%;
background: #f8636b;
position: relative
}
.h_map ul li .round:before, .h_map ul li .round:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
border-radius: 50%;
background: #f8636b
}
.h_map ul li .round:before {
transform: scale(2.6);
opacity: .4
}
.h_map ul li .round:after {
transform: scale(5);
opacity: .2
}
.h_map ul li .round .dot {
position: absolute;
left: 50%;
top: 50%;
width: 16px;
height: 16px;
border-radius: 50%;
background: rgba(247,98,106,.35);
-webkit-animation: pulsate 3s infinite;
animation: pulsate 3s infinite;
-webkit-animation-delay: 1.5s;
transform: translate(-50%,-50%);
animation-delay: 1.5s;
will-change: transform
}
.h_map ul li:nth-child(1) {
top: 80px;
left: 100px
}
.h_map ul li:nth-child(2) {
top: 220px;
left: 250px
}
.h_map ul li:nth-child(3) {
top: 180px;
left: 50%
}
.h_map ul li:nth-child(4) {
top: 250px;
left: 70%
}
.h_map ul li:nth-child(5) {
top: 100px;
left: 80%
}
.h_map ul li:nth-child(6) {
top: 70%;
left: 350px
}
.h_map ul li:nth-child(7) {
top: 60%;
left: 54%
}
.h_map ul li:nth-child(8) {
top: 75%;
left: 85%
}
.h_footer_dark {
background: #010e28;
padding: 100px 0 120px
}
.h_footer_dark .company_widget p {
font-size: 16px;
font-weight: 400;
margin-top: 32px;
margin-bottom: 0
}
.h_footer_dark .company_widget .f_social_icon {
margin-top: 50px
}
.h_footer_dark .company_widget .f_social_icon a {
background: 0 0;
font-size: 14px;
color: #7b7b93;
border: 1px solid #2c3445
}
.h_footer_dark .company_widget .f_social_icon a:hover {
background: #f8636b;
color: #fff;
border-color: #f8636b
}
.h_footer_dark .f_widget.about-widget .f_list li a, .h_footer_dark .f_widget.company_widget p {
color: #7b7b93;
font-weight: 400
}
.h_footer_dark .f_widget.about-widget .f_list li {
margin-bottom: 10px
}
.h_footer_dark .f_widget.about-widget .f_list li a:before {
background: #f8636b
}
.h_footer_dark .f_widget.about-widget .f_list li a:hover {
color: #f8636b
}
.h_footer_dark_two .company_widget .f_social_icon a:hover {
background: #4f79f6;
border-color: #4f79f6
}
.h_footer_dark_two .f_widget.about-widget .f_list li a:before {
display: none
}
.h_footer_dark_two .f_widget.about-widget .f_list li a:hover {
color: #4f79f6
}
.pos_footer_area {
background: #413c85;
padding-bottom: 0;
padding-top: 120px;
position: relative;
z-index: 0
}
.pos_footer_area .leaf_left, .pos_footer_area .leaf_right {
position: absolute;
bottom: 0
}
.pos_footer_area .leaf_left {
left: 0
}
.pos_footer_area .leaf_right {
right: 0
}
.pos_footer_area .top_shap {
position: absolute;
bottom: 100%;
height: 100%;
left: 0;
width: 100%;
align-items: flex-end;
display: flex;
z-index: -1
}
.pos_footer_area:before {
content: "";
width: 100%;
height: 40px;
background: #49458c;
position: absolute;
bottom: 0;
left: 0
}
.pos_footer_area:after {
content: "";
width: 100%;
height: 100%;
background: url(../img/pos/wave_two.png) no-repeat scroll center bottom;
position: absolute;
left: 0;
top: -100%;
z-index: -1
}
.pos_footer_area .f_widget.company_widget p {
color: #bab5df
}
.pos_footer_area .f_widget.company_widget .f_social_icon a {
color: #bab5df;
border-color: #6e679b
}
.pos_footer_area .f_widget.company_widget .f_social_icon a:hover {
background: #fff;
border-color: #fff;
color: #5f54fd
}
.pos_footer_area .f_widget.about-widget .f_list li a {
color: #bab5df
}
.pos_footer_area .f_widget.about-widget .f_list li a:before {
background: #fff
}
.pos_footer_area .f_widget.about-widget .f_list li a:hover {
color: #fff
}
.pos_footer_bottom {
padding-top: 80px;
padding-bottom: 30px
}
.pos_footer_bottom .pos_women {
position: relative;
bottom: -12px
}
.wave_shap {
width: 100%;
position: absolute;
height: 212px;
bottom: 0;
z-index: -1
}
.erp_banner_area_two {
background: #f9f9fe;
position: relative;
z-index: 0
}
.erp_banner_area_two + section {
position: relative;
z-index: 1
}
.erp_banner_area_two .animation_img {
margin-top: -380px
}
.erp_banner_area_two .cloud_animation {
margin-bottom: 0
}
.erp_banner_area_two .cloud_animation li {
position: absolute
}
.erp_banner_area_two .cloud_animation li:nth-child(1) {
top: 220px;
left: 170px;
animation: jurk 4s 5s linear infinite alternate
}
.erp_banner_area_two .cloud_animation li:nth-child(2) {
top: 420px;
left: 370px;
animation: jurk 4s 2s linear infinite alternate
}
.erp_banner_area_two .cloud_animation li:nth-child(3) {
left: 120px;
top: 50%;
animation: jurk 3s 3s linear infinite alternate
}
.erp_banner_area_two .cloud_animation li:nth-child(6) {
top: 220px;
right: 170px;
animation: jurk 5s 3s linear infinite alternate
}
.erp_banner_area_two .cloud_animation li:nth-child(4) {
top: 500px;
right: 280px;
animation: jurk 4s 2s linear infinite alternate
}
.erp_banner_area_two .cloud_animation li:nth-child(5) {
right: 120px;
top: 380px;
animation: jurk 8s 2s linear infinite alternate
}
.erp_banner_area_two .erp_shap {
content: "";
display: block;
position: absolute;
top: calc(100% - 190px);
background-color: #fff;
min-height: 390px;
width: 2000px;
left: -77px;
-webkit-transform: rotate(-6deg);
-webkit-transform-origin: 0 0 0;
-moz-transform: rotate(-6deg);
-moz-transform-origin: 0 0 0;
-o-transform: rotate(-6deg);
-o-transform-origin: 0 0 0;
-ms-transform: rotate(-6deg);
-ms-transform-origin: 0 0 0;
transform: rotate(-6deg);
z-index: -1
}
.erp_banner_area_two .erp_shap_two {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -2
}
.erp_banner_area_two .animation_img img {
box-shadow: 0 40px 100px 0 rgba(1,1,64,.08)
}
.erp_banner_area_two .section_container .intro_content h1 {
font-size: 50px;
line-height: 64px;
color: #2c2c51;
font-weight: 600
}
.erp_banner_area_two .section_container .intro_content p {
font-size: 18px;
font-weight: 400;
margin-bottom: 40px
}
.erp_banner_area_two .section_container .intro_content .er_btn {
padding: 10px 37px;
margin-top: 0
}
@keyframes cloud {
0% {
left: 14%;
top: 200px;
opacity: 0
}
20% {
left: 44%;
top: 100px;
opacity: 1
}
40% {
left: 65%;
top: 50px;
opacity: 1
}
60% {
left: 80%;
top: 130px;
opacity: 1
}
80% {
left: 90%;
top: 180px;
opacity: .5
}
100% {
left: 100%;
top: 230px;
opacity: 0
}
}
@keyframes animateCloud {
0% {
left: -20%;
opacity: 1
}
100% {
left: 100%;
opacity: 1
}
}
@keyframes jurk {
0% {
transform: translate3d(-10px,-10px,0);
opacity: 1
}
50% {
transform: translate3d(-20px,20px,0);
opacity: 1
}
100% {
transform: translate3d(30px,0px,0);
opacity: 1
}
}
.erp_service_area {
padding-top: 120px
}
.erp_service_area .row {
margin-bottom: -100px
}
.erp_title h2 {
font-size: 34px
}
.erp_title h2 span {
color: red
}
.erp_service_item {
margin-bottom: 100px
}
.erp_service_item img {
margin-bottom: 35px
}
.erp_service_item .h_head:hover {
color: #4e78f4
}
.erp_service_item p {
font-weight: 400;
margin-bottom: 0
}
.erp_action_area {
background: #4e78f4;
padding: 58px 0
}
.erp_content h2 {
color: #fff;
font-size: 40px;
line-height: 54px;
letter-spacing: .25px;
font-weight: 300
}
.erp_content h2 strong {
font-weight: 700
}
.h_price_inner {
max-width: 970px;
margin: 0 auto;
border: 2px solid #f7f0f0
}
.hosting_tab {
display: flex
}
.hosting_tab .nav-item {
width: 33.3333333333%
}
.hosting_tab .nav-item .nav-link {
text-align: center;
font-size: 16px;
font-weight: 500;
color: #7b7b93;
background: #faf7f8;
border-radius: 0;
border: 0;
line-height: 64px;
border-left: 2px solid #f7f0f0;
border-bottom: 2px solid #f7f0f0;
cursor: pointer
}
.hosting_tab .nav-item .nav-link.active {
background: #fff;
border-bottom-color: #fff
}
.hosting_tab .nav-item:first-child .nav-link {
border-left: 0
}
.h_price_tab p {
font-size: 16px;
color: #7b7b93;
padding: 50px;
font-weight: 400;
margin-bottom: 0
}
.h_price_body .price_head {
display: table;
width: 100%;
background: #faf7f8;
height: 50px;
padding-right: 50px;
border-top: 1px solid #f7f0f0
}
.h_price_body .price_head .p_head {
width: 16.6666666667%;
text-align: center;
vertical-align: middle;
display: table-cell
}
.h_price_body .price_head .p_head h5 {
font-size: 14px;
font-weight: 500;
color: #2c2c51;
margin-bottom: 0;
text-transform: uppercase
}
.h_price_body .h_p_list {
display: table;
width: 100%;
padding-right: 50px;
padding-top: 16px;
padding-bottom: 16px;
border-top: 1px solid #f7f0f0;
transition: all .2s linear;
cursor: pointer
}
.h_price_body .h_p_list .h_price_item {
width: 16.6666666667%;
text-align: center;
vertical-align: middle;
display: table-cell
}
.h_price_body .h_p_list .h_price_item h5 {
margin-bottom: 0;
font-size: 16px;
color: #7b7b93;
font-weight: 400
}
.h_price_body .h_p_list .h_price_item h5 span {
font-weight: 600;
display: block
}
.h_price_body .h_p_list .h_price_item.memory h5 {
font-weight: 600
}
.h_price_body .h_p_list .h_price_item .h_price_btn {
border: 1px solid #f8c0c3;
font-size: 14px;
font-weight: 500;
color: #f8636b;
border-radius: 4px;
padding: 11px 20px;
transition: all .3s linear;
display: inline-block
}
.h_price_body .h_p_list .h_price_item .h_price_btn:hover {
background: #f8636b;
border-color: #f8636b;
color: #fff
}
.h_price_body .h_p_list:hover {
background: #fdfafa
}
.erp_item_features + .erp_item_features {
margin-top: 200px
}
.erp_features_img_two {
position: relative;
padding-top: 50px
}
.erp_features_img_two .img_icon {
width: 110px;
height: 110px;
border-radius: 50%;
color: #fff;
line-height: 112px;
font-size: 24px;
text-align: center;
position: absolute;
top: 0;
right: -55px;
z-index: 1
}
.erp_features_img_two .img_icon .pluse_1, .erp_features_img_two .img_icon .pluse_2 {
content: "";
width: 100%;
height: 100%;
position: absolute;
border-radius: 50%;
z-index: -1;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
background: rgba(243,186,14,.102)
}
.erp_features_img_two .img_icon .pluse_1:before, .erp_features_img_two .img_icon .pluse_1:after, .erp_features_img_two .img_icon .pluse_2:before, .erp_features_img_two .img_icon .pluse_2:after {
content: "";
position: absolute;
background: rgba(243,186,14,.13);
border-radius: 50%;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px
}
.erp_features_img_two .img_icon .pluse_1:before, .erp_features_img_two .img_icon .pluse_2:before {
width: 80px;
height: 80px
}
.erp_features_img_two .img_icon .pluse_1:after, .erp_features_img_two .img_icon .pluse_2:after {
width: 60px;
height: 60px;
background: #f3ba0e;
margin-left: -30px;
margin-top: -30px
}
.erp_features_img_two .img_icon.red .pluse_1, .erp_features_img_two .img_icon.red .pluse_2 {
background: rgba(249,62,94,.102)
}
.erp_features_img_two .img_icon.red .pluse_1:before, .erp_features_img_two .img_icon.red .pluse_1:after, .erp_features_img_two .img_icon.red .pluse_2:before, .erp_features_img_two .img_icon.red .pluse_2:after {
background: rgba(249,62,94,.13)
}
.erp_features_img_two .img_icon.red .pluse_1:after, .erp_features_img_two .img_icon.red .pluse_2:after {
background: #f93e5e
}
.erp_features_img_two .img_icon.green .pluse_1, .erp_features_img_two .img_icon.green .pluse_2 {
background: rgba(112,215,21,.102)
}
.erp_features_img_two .img_icon.green .pluse_1:before, .erp_features_img_two .img_icon.green .pluse_1:after, .erp_features_img_two .img_icon.green .pluse_2:before, .erp_features_img_two .img_icon.green .pluse_2:after {
background: rgba(112,215,21,.13)
}
.erp_features_img_two .img_icon.green .pluse_1:after, .erp_features_img_two .img_icon.green .pluse_2:after {
background: #70d715
}
.erp_features_img_two .img_icon .pluse_1 {
animation: pulsates 3s infinite linear
}
.erp_features_img_two .img_icon .pluse_2 {
background: 0 0 !important
}
.erp_features_img_two .img_icon .pluse_2:before {
animation: pulsates 3s infinite linear;
animation-delay: 1s;
margin-left: 0;
margin-top: 0
}
.erp_features_img_two img {
box-shadow: 0 25px 100px 0 rgba(1,1,64,.1)
}
@keyframes pulsates {
0% {
opacity: 1;
transform: translate(-50%,-50%) scale(.3)
}
100% {
opacity: 0;
transform: translate(-50%,-50%) scale(2)
}
}
.erp_content_two {
padding-left: 120px
}
.erp_content_two .erp_title {
margin-bottom: 40px
}
.erp_content_two .erp_title h2 {
line-height: 44px;
margin-bottom: 20px
}
.erp_content_two .erp_item {
align-items: center;
margin-top: 28px
}
.erp_content_two .erp_item .icon {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #f93e5e;
box-shadow: 0 20px 30px 0 rgba(172,20,46,.24);
text-align: center;
font-size: 20px;
line-height: 52px;
color: #fff;
margin-right: 20px
}
.erp_content_two .erp_item .icon.green {
background: #70d715;
box-shadow: 0 20px 30px 0 rgba(91,171,21,.24)
}
.erp_content_two .erp_item .icon.blue {
background: #3e89f9;
box-shadow: 0 20px 30px 0 rgba(21,81,171,.24)
}
.erp_content_two .erp_item .icon.yellow {
box-shadow: 0 20px 30px 0 rgba(171,133,21,.24);
background: #f3ba0e
}
.erp_content_two .erp_item .icon.purple {
box-shadow: 0 20px 30px 0 rgba(138,21,171,.24);
background: #d02cff
}
.erp_content_two .erp_item .icon.green_two {
box-shadow: 0 20px 30px 0 rgba(21,168,171,.24);
background: #17d2d4
}
.erp_content_two .erp_item .media-body h5 {
margin-bottom: 0;
font-size: 18px;
line-height: 22px;
color: #2c2c51
}
.erp_content_two .erp_btn_learn {
font-size: 16px;
line-height: 20px;
color: #4e78f4;
font-weight: 500;
display: inline-block;
margin-top: 40px
}
.erp_content_two .erp_btn_learn i {
vertical-align: middle;
padding-left: 8px
}
.flex-row-reverse .erp_features_img_two .img_icon {
left: -53px;
right: auto
}
.flex-row-reverse .erp_content_two {
padding-right: 125px;
padding-left: 0
}
.erp_analytics_area {
background: url("../img/erp-home/background.png") no-repeat scroll center 0/cover;
padding: 100px 0 220px
}
.erp_analytics_item {
padding: 0 50px
}
.erp_analytics_item p {
font-size: 22px;
color: #2c2c51;
font-weight: 500;
margin-bottom: 0;
margin-top: 25px
}
.erp_testimonial_area {
position: relative;
z-index: 2
}
.erp_testimonial_area .row {
margin-right: -25px;
margin-left: -25px
}
.er_btn {
border: 2px solid #c8d4fa;
font-size: 16px;
font-weight: 500;
color: #4e78f4;
font-family: poppins,sans-serif;
border-radius: 45px;
line-height: 26px;
padding: 8px 27px;
display: inline-block;
margin-top: 60px;
transition: all .3s linear
}
.er_btn:hover {
background: #4e78f4;
border-color: #4e78f4;
box-shadow: 0 20px 30px 0 rgba(45,93,237,.1);
color: #fff
}
.erp_testimonial_info {
position: relative
}
.erp_testimonial_info .owl-nav button.owl-prev, .erp_testimonial_info .owl-nav button.owl-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 45px;
color: #c1c1d4;
transition: all .2s linear
}
.erp_testimonial_info .owl-nav button.owl-prev:hover, .erp_testimonial_info .owl-nav button.owl-next:hover {
color: #4e78f4
}
.erp_testimonial_info .owl-nav button.owl-prev {
left: -50px
}
.erp_testimonial_info .owl-nav button.owl-next {
right: -50px
}
.erp_testimonial_item {
padding: 10px 25px
}
.erp_testimonial_item .content {
background-color: #fff;
box-shadow: 0 20px 40px 0 rgba(1,1,64,.06);
padding: 50px;
position: relative
}
.erp_testimonial_item .content:before {
content: "";
width: 14px;
height: 14px;
background: #fff;
transform: rotate(45deg);
position: absolute;
bottom: -8px;
left: 70px
}
.erp_testimonial_item .content p {
font-weight: 400;
font-size: 20px;
color: #7b7b93;
line-height: 36px
}
.erp_testimonial_item .ratting {
padding-top: 30px
}
.erp_testimonial_item .ratting a {
font-size: 15px;
color: #f5c10d
}
.erp_testimonial_item .media {
align-items: center;
margin-top: 30px;
padding-left: 50px
}
.erp_testimonial_item .media img {
width: auto;
border-radius: 50%;
margin-right: 20px
}
.erp_testimonial_item .media .media-body h5 {
font-size: 18px;
font-weight: 500;
color: #2c2c51;
margin-bottom: 3px
}
.erp_testimonial_item .media .media-body h5 span {
color: #7b7b93;
font-weight: 400;
font-size: 16px
}
.erp_testimonial_item .media .media-body p {
margin-bottom: 0;
color: #7b7b93;
font-weight: 400
}
.erp_call_action_area {
padding-bottom: 120px;
padding-top: 50px;
background: #fafafd;
position: relative;
z-index: 1
}
.erp_call_action_area:before {
content: "";
position: absolute;
background: url("../img/erp-home/shape.png") no-repeat scroll center bottom/cover;
width: 100%;
left: 0;
height: 100%;
z-index: -1
}
.erp_call_action_area:after {
content: "";
display: block;
position: absolute;
z-index: 10;
top: -80%;
background-color: #fafafd;
min-height: 560px;
width: 2000px;
-webkit-transform: rotate(-6.8deg);
-ms-transform: rotate(-6.8deg);
transform: rotate(-6.8deg);
left: -1.5%;
z-index: -2
}
.erp_action_content img {
margin-bottom: 32px
}
.erp_action_content h3 {
font-size: 40px;
font-weight: 600;
color: #2c2c51;
line-height: 44px;
margin-bottom: 18px
}
.erp_action_content p {
font-size: 24px;
color: #7b7b93;
font-weight: 400
}
.erp_action_content p span {
font-weight: 700;
color: #4e78f4
}
.erp_action_content .er_btn {
margin-top: 40px
}
.er_btn_two {
background: #4e78f4;
border-color: #4e78f4;
color: #fff;
box-shadow: 0 20px 30px 0 rgba(45,93,237,.1)
}
.er_btn_two:hover {
box-shadow: none;
border-color: #c8d4fa;
background: 0 0;
color: #4e78f4
}
.erp_customer_logo_area {
padding-top: 120px
}
.erp_customer_logo_area .er_btn {
margin-top: 140px
}
.animation_inner {
height: 370px;
position: relative
}
.animation_inner li {
border-radius: 10px;
box-shadow: 0 2px 4px 0 rgba(2,45,79,.1);
position: absolute;
transform: matrix(.97029,.34192,-.84486,.9425,0,0)
}
.animation_inner li img {
border-radius: 10px
}
.animation_inner li:nth-child(1) {
top: 0;
left: 35px;
box-shadow: 0 30px 30px 0 rgba(2,45,79,.1)
}
.animation_inner li:nth-child(2) {
top: 55px;
left: 170px
}
.animation_inner li:nth-child(3) {
top: 130px;
left: 270px
}
.animation_inner li:nth-child(4) {
top: 35px;
left: 410px
}
.animation_inner li:nth-child(5) {
top: 109px;
left: 495px
}
.animation_inner li:nth-child(6) {
top: 40px;
left: 700px
}
.animation_inner li:nth-child(7) {
top: 0;
left: 890px
}
.animation_inner li:nth-child(8) {
top: 40%;
left: 35px
}
.animation_inner li:nth-child(9) {
top: 182px;
left: 585px;
box-shadow: 10px 30px 30px 0 rgba(2,45,79,.15)
}
.animation_inner li:nth-child(10) {
top: 130px;
left: 780px
}
.animation_inner li:nth-child(11) {
top: 128px;
left: 950px
}
.animation_inner li:nth-child(12) {
top: 85px;
left: 95%
}
.animation_inner li:nth-child(13) {
bottom: 0;
left: -35px
}
.animation_inner li:nth-child(14) {
bottom: 30px;
left: 150px;
box-shadow: 10px 30px 30px 0 rgba(2,45,79,.15)
}
.animation_inner li:nth-child(15) {
bottom: 20px;
left: 310px
}
.animation_inner li:nth-child(16) {
bottom: -25px;
left: 460px
}
.animation_inner li:nth-child(17) {
bottom: 35px;
left: 690px
}
.animation_inner li:nth-child(18) {
bottom: -30px;
left: 800px
}
.animation_inner li:nth-child(19) {
bottom: 45px;
left: 940px
}
.animation_inner li:nth-child(20) {
bottom: 0;
right: 0
}
.pos_banner_area {
height: 100vh;
min-height: 650px;
display: flex;
align-items: center;
position: relative;
z-index: 1
}
.pos_slider {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1
}
.pos_slider:before {
content: "";
width: 100%;
height: 100%;
background: #1a1a3a;
opacity: .7;
position: absolute;
top: 0;
left: 0;
z-index: 1
}
.pos_slider .owl-stage-outer, .pos_slider .owl-stage, .pos_slider .owl-item {
height: 100%
}
.pos_slider .owl-stage-outer .pos_banner_item, .pos_slider .owl-stage .pos_banner_item, .pos_slider .owl-item .pos_banner_item {
background-size: cover !important;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.pos_banner_text {
max-width: 820px;
margin: 0 auto
}
.pos_banner_text h6 {
font-size: 14px;
line-height: 30px;
font-family: poppins,sans-serif;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 4px;
margin-bottom: 12px
}
.pos_banner_text h6, .pos_banner_text h2 {
color: #fff
}
.pos_banner_text h2 {
font-size: 50px;
font-weight: 400;
color: #fff
}
.pos_banner_text h2 span {
font-weight: 700
}
.pos_banner_text .action_btn {
margin-top: 40px
}
.pos_banner_text .software_banner_btn {
border-radius: 6px;
background: #5f54fd;
padding: 14px 42px;
border: 1px solid #5f54fd;
transition: all .2s linear
}
.pos_banner_text .software_banner_btn:hover {
background: rgba(255,255,255,.1);
border-color: #fff;
color: #fff
}
.pos_banner_text .video_btn .icon {
box-shadow: none;
height: 50px;
width: 50px;
color: #fff;
border: 1px solid #fff;
background: rgba(255,255,255,.2);
font-size: 14px;
line-height: 48px;
margin-right: 13px
}
.pos_banner_text .video_btn span:before {
display: none
}
.ticket_area {
padding-top: 100px;
padding-bottom: 100px;
position: relative
}
.ticket_area .ticket_shap {
content: "";
width: 100%;
height: 730px;
position: absolute;
right: 0;
top: 0;
background-position: right,right !important;
background-repeat: no-repeat !important
}
.ticket_area .pattern {
position: absolute;
right: 0;
top: 0;
width: 225px;
height: 125px
}
.ticket_area .container {
display: flex;
flex-wrap: wrap
}
.ticket_item {
background: #fff;
padding: 30px 50px 70px;
box-shadow: 0 50px 100px 0 rgba(5,1,64,.1);
border-top-left-radius: 10px;
border-top-right-radius: 10px;
display: inline-block;
width: 28%;
position: relative
}
.ticket_item:before {
content: "";
width: 100%;
height: 10px;
background: url("../img/pos/shape_bg.png") no-repeat scroll center bottom/cover;
position: absolute;
bottom: -10px;
left: 0
}
.ticket_item:after {
bottom: 40px;
content: "";
position: absolute;
left: -3px;
width: 100%;
height: 1px;
background-image: linear-gradient(to right,transparent 50%,#c9c9d6 50%);
background-size: 10px 94%
}
.ticket_item .icon {
width: 60px;
height: 60px;
border-radius: 50%;
line-height: 60px;
text-align: center;
background: #edfcec;
margin-bottom: 25px
}
.ticket_item .icon.pink {
background: #feecfb
}
.ticket_item .icon.yellow {
background: #fefaec
}
.ticket_item h2 {
font-size: 44px;
line-height: 35px;
font-weight: 600;
color: #2c2c51;
text-transform: uppercase
}
.ticket_item h2 span {
font-weight: 500;
color: #7b7b93;
font-size: 18px;
line-height: 30px;
display: block;
padding-top: 10px
}
.ticket_item p {
margin-bottom: 0;
margin-top: 25px;
font-size: 14px;
line-height: 30px;
letter-spacing: 4px;
color: #aab;
text-transform: uppercase;
margin-bottom: 0;
font-weight: 500
}
.ticket_item + .ticket_item {
margin-left: 8%
}
.pos_developer_product_area {
background: #fafafc
}
.pos_developer_product_area .tab_img_info {
z-index: 1
}
.pos_developer_product_area .tab_img_info .tab_img {
padding-bottom: 30px;
overflow: visible;
margin-left: -50px
}
.pos_developer_product_area .tab_img_info .tab_img img {
position: relative;
z-index: 1;
opacity: 0;
transform: scale(.9);
transition: all .9s linear,opacity .2s linear
}
.pos_developer_product_area .tab_img_info .tab_img .square {
height: 100%;
width: 0;
right: 90px;
top: 0;
background: #f3f3f9;
z-index: 0;
opacity: 0;
transition: width .5s linear
}
.pos_developer_product_area .tab_img_info .tab_img .bg_circle {
width: 220px;
background: #f4cfe5;
height: 220px;
border-radius: 50%;
position: absolute;
bottom: 15px;
left: 5px;
z-index: 0;
transform: scale(.5);
opacity: 0;
transition: all .7s linear
}
.pos_developer_product_area .tab_img_info .tab_img .bg_circle.green {
background: #c8ede9
}
.pos_developer_product_area .tab_img_info .tab_img .bg_circle.pink {
background: #f93e5e
}
.pos_developer_product_area .tab_img_info .tab_img .bg_circle.yellow {
background: #f9edcf
}
.pos_developer_product_area .tab_img_info .tab_img .pattern_shap {
top: auto;
bottom: -30px;
left: 100px;
z-index: -1
}
.pos_developer_product_area .tab_img_info .tab_img.active img {
transform: scale(1);
opacity: 1
}
.pos_developer_product_area .tab_img_info .tab_img.active .square {
opacity: 1;
width: 350px;
transform: translateX(0)
}
.pos_developer_product_area .tab_img_info .tab_img.active .bg_circle {
opacity: 1;
transform: scale(1)
}
.pos_developer_product_area .tab_img_info .tab_img .tab_round {
width: 30px;
height: 30px;
border-radius: 50%;
border: 5px solid #f9edcf;
position: absolute;
top: 100px;
left: -20px
}
.pos_developer_product_area .tab_img_info .tab_img .tab_triangle {
width: 0;
height: 0;
border-style: solid;
border-width: 12.5px 0 12.5px 20px;
border-color: transparent transparent transparent #c8ede9;
position: absolute;
top: -15px;
left: 170px;
border-radius: 4px
}
.pos_developer_product_area .developer_product_content {
padding-right: 0
}
.pos_developer_product_area .developer_product_content .develor_tab {
padding-left: 0;
margin-bottom: 50px
}
.pos_developer_product_area .developer_product_content .develor_tab .nav-item .nav-link {
color: #2c2c51
}
.pos_developer_product_area .developer_product_content .develor_tab .nav-item .nav-link:before {
background: #5f54fd
}
.pos_developer_product_area .developer_product_content .develor_tab .nav-item .nav-link.active {
color: #5f54fd
}
.pos_developer_product_area .developer_product_content h4 {
font-size: 30px;
line-height: 40px;
color: #2c2c51;
font-weight: 600;
margin-bottom: 32px
}
.pos_developer_product_area .developer_product_content p {
font-size: 16px;
line-height: 28px;
color: #7b7b93;
margin-bottom: 0
}
.pos_item + .pos_item {
margin-top: 150px
}
.flex-row-reverse .pos_features_content {
padding-right: 70px
}
.pos_features_content {
padding-top: 50px
}
.pos_features_content h2 {
font-size: 34px;
color: #2c2c51;
line-height: 44px;
font-weight: 500;
margin-bottom: 50px
}
.pos_features_content .h_features_item {
padding-right: 0
}
.pos_features_content .h_features_item i {
font-size: 24px;
color: #bb3efc;
margin-right: 15px
}
.pos_features_content .h_features_item i.orange {
color: #fb702b
}
.pos_features_content .h_features_item i.green {
color: #0ed1ca
}
.pos_features_content .h_features_item i.red {
color: #f826c0
}
.pos_features_content .h_features_item i.check {
color: #1ad90b
}
.pos_features_content .h_features_item .h_head {
font-weight: 500
}
.pos_features_content .h_features_item p {
color: #7b7b93
}
.pos_features_img {
padding: 40px 0 80px;
position: relative;
text-align: center
}
.pos_features_img .shape_img {
width: 470px;
background: #e0faf4;
border-radius: 6px;
height: 100%;
position: absolute;
right: -50px;
top: 0;
z-index: -1
}
.pos_features_img .shape_img.yellow {
background: #fff7e5
}
.pos_features_img .shape_img.blue {
background: #e5f6ff
}
.pos_features_img .shap_img {
background: #99edd9;
border-radius: 6px;
height: 420px;
display: flex;
align-items: center;
justify-content: center
}
.pos_features_img .shap_img.yellow {
background: #ffe3a9
}
.pos_features_img .shap_img.blue {
background: #a9e2ff
}
.pos_features_img.img_left .shape_img {
left: -50px;
right: auto
}
.pos_about_area {
background: #413c85;
padding-top: 120px;
display: flex
}
.pos_about_area + section {
padding-top: 200px
}
.pos_about_img {
margin-left: auto;
margin-right: auto;
display: flex;
margin-top: 82px;
margin-bottom: -140px
}
.pos_about_list {
column-count: 3;
margin-bottom: 65px
}
.pos_about_list li {
font-size: 16px;
color: #d0cfe6;
line-height: 28px;
position: relative;
padding-left: 40px
}
.pos_about_list li:before {
content: "N";
width: 10px;
height: 10px;
position: absolute;
left: 0;
top: 0;
color: #1fc61a;
font-size: 24px;
font-family: eleganticons
}
.pos_about_list li + li {
margin-top: 40px
}
.pos_subscribe .form-group {
margin-bottom: 0
}
.pos_subscribe .form-group input {
width: 100%;
border: 0;
height: 60px;
border-radius: 5px;
font-size: 16px;
color: #2c2c51;
padding-left: 30px
}
.pos_subscribe .form-group input.placeholder {
color: #bbbbce
}
.pos_subscribe .form-group input:-moz-placeholder {
color: #bbbbce
}
.pos_subscribe .form-group input::-moz-placeholder {
color: #bbbbce
}
.pos_subscribe .form-group input::-webkit-input-placeholder {
color: #bbbbce
}
.pos_subscribe .btn_pos {
background: #5f54fd;
font-size: 16px;
font-weight: 500;
padding: 17px 37px;
color: #fff
}
.pos_subscribe .btn_pos:hover {
background: #6b61fc;
color: #fff
}
.chat_area {
padding: 60px 0 150px;
position: relative;
z-index: 1
}
.chat_content {
padding-top: 40px
}
.chat_content h2 {
font-size: 34px;
color: #2c2c51;
font-weight: 500;
line-height: 44px
}
.chat_content .pos_btn {
margin-top: 45px
}
.chat_info {
background: #fafaff;
border-radius: 6px;
height: 100%;
align-items: center;
padding: 77px 45px;
border-left: 6px solid #5f54fd
}
.chat_info img {
margin-right: 46px
}
.chat_info .date {
font-size: 40px;
font-weight: 700;
color: #5f54fd;
padding-bottom: 32px
}
.chat_info .date span {
font-weight: 400
}
.chat_info h3 {
font-size: 26px;
line-height: 36px;
color: #2c2c51;
font-weight: 500
}
.chat_info .pos_service_btn {
margin-top: 32px
}
.pos_service_btn {
font-size: 16px;
font-weight: 500;
color: #5f54fd;
line-height: 18px;
display: inline-block;
position: relative
}
.pos_service_btn:before {
content: "";
width: 0;
height: 1px;
background: #5f54fd;
position: absolute;
bottom: 0;
left: 0;
transition: width .3s linear
}
.pos_service_btn i {
vertical-align: middle;
padding-left: 10px;
transition: all .2s linear
}
.pos_service_btn:hover {
color: #5f54fd
}
.pos_service_btn:hover:before {
width: 100%
}
.pos_service_btn:hover i {
padding-left: 15px
}
.pos_btn {
font-size: 16px;
color: #5f54fd;
font-weight: 500;
padding: 9px 24px;
border: 2px solid #aba6f9;
border-radius: 4px;
display: inline-block;
transition: all .3s linear
}
.pos_btn:hover {
background: #5f54fd;
color: #fff;
border-color: #5f54fd;
box-shadow: 0 10px 30px 0 rgba(95,84,253,.15)
}
.pos_action_area {
position: relative;
z-index: 3;
margin-bottom: -30px
}
.pos_action_area .pos_action_content {
border-radius: 20px;
background-color: #fff;
box-shadow: 0 30px 80px 0 rgba(5,1,64,.1),0 -4px 0 0 rgba(95,84,253,.004);
border-top: 4px solid #5d52f9;
padding: 77px 20px
}
.pos_action_area .pos_action_content h2 {
font-size: 40px;
color: #2c2c51;
line-height: 44px;
font-weight: 600;
margin-bottom: 15px
}
.pos_action_area .pos_action_content p {
font-size: 24px;
line-height: 35px;
font-weight: 400;
color: #7b7b93;
margin-bottom: 52px
}
.pos_action_area .pos_action_content .pos_btn {
background: #5f54fd;
color: #fff;
border-color: #5f54fd;
padding: 7px 33px
}
.menu_pos .container {
position: relative
}
.menu_pos .container .search_cart {
background: 0 0
}
.menu_pos .container .menu_toggle .hamburger span, .menu_pos .container .menu_toggle .hamburger-cross span {
background: #fff
}
.support_home_area {
background: #fafafe
}
.support_home_area .banner_top .subcribes .form-control {
border-radius: 45px;
box-shadow: none;
border-color: #e1e1e1
}
.support_home_area .banner_top .subcribes .form-control.placeholder {
color: #999
}
.support_home_area .banner_top .subcribes .form-control:-moz-placeholder {
color: #999
}
.support_home_area .banner_top .subcribes .form-control::-moz-placeholder {
color: #999
}
.support_home_area .banner_top .subcribes .form-control::-webkit-input-placeholder {
color: #999
}
.support_home_area .banner_top .subcribes .btn_submit {
border-radius: 45px
}
.support_home_img {
margin-left: -70px
}
.border_bottom {
width: 100%;
height: 1px;
background: #e1e5e8
}
.support_partner_logo_area {
padding-top: 50px
}
.support_partner_logo_area .logo_item {
margin-bottom: 30px
}
.support_help_area .support_item {
text-align: center;
width: 50%
}
.support_help_area .support_item h4 {
font-size: 24px;
font-weight: 500;
color: #051441;
margin: 36px 0 25px
}
.support_help_area .support_item .software_banner_btn {
background-color: #6754e2;
box-shadow: 0 20px 30px 0 rgba(12,0,46,.1)
}
.support_help_area .support_item .software_banner_btn:hover {
box-shadow: none;
color: #fff
}
.support_help_area .support_item + .support_item {
border-left: 1px solid #e1e1e1
}
.support_tab .nav-item .nav-link {
border-radius: 10px
}
.support_tab_content .tab-pane .tab_img {
margin-right: -176px;
max-width: inherit
}
.support_tab_content .tab-pane .tab_img img {
max-width: inherit
}
.support_integration_area {
background: #eaeeff;
padding-top: 120px
}
.integration_img {
margin-left: -175px
}
.s_integration_item {
background: #fff;
box-shadow: 0 2px 7px 0 rgba(12,0,46,.1);
border-radius: 10px;
text-align: center;
display: block;
padding: 26px 0;
margin-bottom: 30px;
transition: all .2s linear;
z-index: 1;
position: relative
}
.s_integration_item h5 {
font-size: 18px;
color: #051441;
margin-top: 15px
}
.s_integration_item:hover {
transform: scale(1.03)
}
.support_price_area {
background: #fafafe
}
.support_price_area .price_content .price_item {
border-radius: 10px;
border: 3px solid #fff
}
.support_price_area .price_content .price_item:hover {
border-color: #6754e2
}
.support_testimonial_info .testimonial_slider {
padding: 0;
background: 0 0;
box-shadow: none;
padding: 0 30px;
max-width: 890px
}
.support_testimonial_info .testimonial_slider .author_img {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 70px;
height: 70px;
border-radius: 50%;
border: 5px solid #fff;
box-shadow: 0 2px 7px 0 rgba(12,0,46,.1)
}
.support_testimonial_info .testimonial_slider .owl-item {
padding: 40px 30px 55px
}
.support_testimonial_info .testimonial_slider .testimonial_item {
box-shadow: 0 20px 40px 0 rgba(12,0,36,.06);
background: #fff;
padding: 32px 50px 60px
}
.support_testimonial_info .testimonial_slider .testimonial_item p {
margin-bottom: 0
}
.support_testimonial_info .testimonial_slider .testimonial_item .author_description {
margin-bottom: 28px
}
.support_testimonial_info.agency_testimonial_info .owl-prev:hover, .support_testimonial_info.agency_testimonial_info .owl-next:hover {
background: #6754e2;
color: #fff
}
.support_subscribe_area {
background: #f5f7ff;
position: relative;
overflow: hidden;
z-index: 1
}
.support_subscribe {
max-width: 970px;
margin: 0 auto;
position: relative
}
.support_subscribe .form-control {
border: 1px solid #e1e1e1;
padding-left: 50px;
background-color: #fff;
box-shadow: 0 20px 30px 0 rgba(12,0,46,.1);
height: 100px;
border-radius: 50px;
font-size: 16px;
line-height: 28px;
font-weight: 300;
color: #222d39;
z-index: -1
}
.support_subscribe .form-control.placeholder {
color: #9ea4b7
}
.support_subscribe .form-control:-moz-placeholder {
color: #9ea4b7
}
.support_subscribe .form-control::-moz-placeholder {
color: #9ea4b7
}
.support_subscribe .form-control::-webkit-input-placeholder {
color: #9ea4b7
}
.support_subscribe .btn-submit {
border-radius: 50%;
background: #6754e2;
width: 70px;
height: 70px;
font-size: 20px;
color: #fff;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 15px
}
.h_leaf {
position: absolute;
z-index: -1
}
.h_leaf.one {
left: 0;
bottom: 0
}
.h_leaf.two {
right: 0;
bottom: 0
}
.support_menu.navbar .search_cart .search a.nav-link:before {
display: none
}
.banner_top .subcribes .btn_submit, .s_features_item.s_features_item_two .s_features_content .learn_btn:hover:before, .price_btn:hover, .testimonial_title .owl-prev:hover, .testimonial_title .owl-next:hover {
background: #6754e2
}
.banner_top .subcribes .form-control:focus, .price_btn, .s_subcribes .form-control, .f_widget.about-widget .f_list li a:before {
border-color: #6754e2
}
.s_features_item.s_features_item_two .s_features_content .learn_btn:hover, .price_btn, .s_subcribes .btn-submit, .f_widget.about-widget .f_list li a:hover, .f_widget .widget-wrap p a:hover, .footer_bottom a, .menu > .nav-item:hover .nav-link, .menu > .nav-item.active .nav-link, .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .text:hover, .menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link, .footer_bottom a:hover {
color: #6754e2
}
.w_menu .nav-item:hover .nav-link, .w_menu .nav-item.active .nav-link {
color: #fff
}
.menu_two .w_menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .menu_two .w_menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .menu_two .w_menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link, .nav_right_btn .login_btn.active, .header_area.navbar_fixed .menu_two .nav_right_btn .login_btn.active, .header_area.navbar_fixed .menu_two .nav_right_btn .login_btn:hover, .slider_btn {
color: #1f4897
}
.header_area.navbar_fixed .menu_two .nav_right_btn .login_btn.active, .header_area.navbar_fixed .menu_two .nav_right_btn .login_btn:hover {
border-color: #1f4897
}
.header_area.navbar_fixed .menu_two .nav_right_btn .login_btn.active:hover, .slider_btn:hover, .price_tab .hover_bg, .f_widget.about-widget .f_list li a:before {
background: #1f4897
}
.startup_tab .nav-item:nth-child(1) .icon {
background: #fa6fd1
}
.startup_tab .nav-item:nth-child(1) .nav-link.active {
border-color: #fa6fd1
}
.startup_tab .nav-item:nth-child(2) .icon {
background: #6fadfa
}
.startup_tab .nav-item:nth-child(2) .nav-link.active {
border-color: #6fadfa
}
.startup_tab .nav-item:nth-child(3) .icon {
background: #f3af4e
}
.startup_tab .nav-item:nth-child(3) .nav-link.active {
border-color: #f3af4e
}
.startup_tab .nav-item:nth-child(4) .icon {
background: #aa6ffa
}
.startup_tab .nav-item:nth-child(4) .nav-link.active {
border-color: #aa6ffa
}
.startup_tab .nav-item:nth-child(5) .icon {
background: #fa6666
}
.startup_tab .nav-item:nth-child(5) .nav-link.active {
border-color: #fa6666
}
.payment_features_item .learn_btn_two:hover {
color: #5f51fb
}
.btn_six {
color: #fff;
background: #17c7bd
}
.btn_six:hover {
background: #ebfaf9;
color: #17c7bd
}
#pp-nav {
right: 45px
}
#pp-nav li {
margin: 4px
}
#pp-nav li a span {
background: #decbfe;
border: 0;
width: 6px;
height: 6px;
transition: all .3s linear
}
#pp-nav li a.active span {
background: #fff;
transform: scale(1.8)
}
.pagepiling .scroll-wrap {
position: relative;
min-height: 100%;
overflow: hidden;
width: 100%;
display: flex;
align-items: center
}
.pagepiling .scroll-wrap .scrollable-content {
width: 100%
}
.p-section-bg {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: -1;
background-size: cover;
background-position: center
}
.pp-scrollable.section {
overflow-x: hidden
}
.section-1 .pp_triangle {
top: 150px;
left: 52%;
transform: translateX(-50%)
}
.section-1 .pp_snak {
bottom: 50px;
right: 100px;
animation: slideInnew3 4s both alternate infinite
}
.section-1.active .section_one_img img {
animation: fadeInLeft 1s both .8s
}
.section-1.active .section_one_img .dots {
animation: fadeInUp 1s both 1s
}
.pp_triangle {
animation: spinnerRotateone 6s both alternate infinite
}
.p_absoulte {
position: absolute
}
.round_line {
width: 600px;
height: 600px;
border-radius: 50%;
border: 2px solid #fff;
position: absolute;
opacity: .2;
z-index: 0
}
.round_line.one {
top: -230px;
right: -50px
}
.round_line.two {
top: -430px;
right: -500px
}
.round_line.three {
bottom: -188px;
left: -50px
}
.round_line.four {
bottom: -450px;
left: -80px
}
.round_line.two, .round_line.four {
width: 800px;
height: 800px
}
.active .round {
animation: zoomIn .7s both .4s
}
.active .round_line.two {
animation: fadeInDown2 1s both 1.4s
}
.active .round_line.one {
animation: fadeInDown2 1s both 1s
}
.active .round_line.three {
animation: fadeInUp2 1s both 1.4s
}
.active .round_line.four {
animation: fadeInUp2 1s both 1s
}
.active .pp_sec_title h3 {
animation: fadeInUp .9s both .6s
}
.active .pp_sec_title h2 {
animation: fadeInUp .9s both .8s
}
.pp_block {
right: 0;
top: 177px
}
.section_one_img {
margin-left: -180px;
position: relative;
z-index: 1
}
.section_one_img img {
animation: fade .9s both
}
.section_one_img .round {
width: 550px;
height: 550px;
border-radius: 50%;
background-image: linear-gradient(-140deg,rgb(250,230,121) 0%,rgb(108,233,135) 100%);
box-shadow: 0 20px 60px 0 rgba(10,5,75,.06);
position: absolute;
top: -60px;
z-index: -2
}
.section_one_img .dots {
position: absolute;
bottom: 0;
right: 35px;
z-index: -1
}
.section_one-content {
padding-right: 100px
}
.section_one-content h2 {
font-size: 50px;
line-height: 60px;
font-weight: 300;
color: #fff;
margin-bottom: 40px
}
.section_one-content h2 span {
font-weight: 700
}
.btn_scroll {
font-size: 16px;
color: #fff;
border: 2px solid #c8c1fc;
padding: 9px 32px;
border-radius: 4px;
display: inline-block
}
.btn_scroll:hover {
background: #5f54fd;
border-color: #5f54fd;
box-shadow: 0 20px 50px 0 rgba(14,6,134,.2);
color: #fff
}
.section-2 .pp_block {
left: 0;
right: auto
}
.section-2.active .pp_mackbook_img .one {
animation: slideInnew3 .9s both 1s
}
.section-2.active .pp_mackbook_img .two {
animation: slideInnew3 .9s both 1.2s
}
.section-2.active .pp_mackbook_img .three {
animation: slideInnew3 .9s both 1.4s
}
.section-2.active .pp_mackbook_img .four {
animation: slideInnew3 .9s both 1.4s
}
.section-2.active .pp_work_content h3 {
animation: fadeInUp .9s both 1.4s
}
.section-2.active .pp_work_content h2 {
animation: fadeInUp .9s both 1.6s
}
.section-2.active .pp_work_content p {
animation: fadeInUp .9s both 1.75s
}
.section-2.active .pp_work_content a {
animation: fadeInUp .9s both 1.95s
}
.pp_mackbook_img {
height: 100%;
position: relative
}
.pp_mackbook_img .round {
width: 500px;
height: 500px;
border-radius: 50%;
background-image: linear-gradient(50deg,rgb(250,230,121) 0%,rgb(243,100,235) 100%);
box-shadow: 0 20px 60px 0 rgba(10,5,75,.06);
position: absolute;
top: -20px;
right: -161px
}
.pp_mackbook_img .one {
top: -211px;
left: 0
}
.pp_mackbook_img .three {
top: -103px;
right: -360px
}
.pp_mackbook_img .two {
top: 230px;
left: -30px
}
.pp_mackbook_img .four {
top: 222px;
left: -178px
}
.pp_work_content .pp_sec_title {
margin-bottom: 20px
}
.pp_work_content h3, .pp_work_content h2 {
animation: fade .9s both
}
.pp_work_content p {
color: #fff;
margin-bottom: 40px;
animation: fade .9s both
}
.pp_work_content .btn_scroll {
background: #5f54fd;
border-color: #5f54fd;
box-shadow: 0 20px 50px 0 rgba(14,6,134,.2)
}
.pp_work_content .btn_scroll:hover {
background: #5f54fd;
border-color: #5f54fd;
box-shadow: 0 20px 50px 0 rgba(14,6,134,.2);
transform: translateY(-10px)
}
.section-3 .section_one_img {
margin-left: 0;
padding-top: 30px
}
.section-3 .section_one_img .round {
top: 45%;
margin-top: -250px;
background-image: linear-gradient(-120deg,rgb(166,121,250) 0%,rgb(255,107,184) 100%);
box-shadow: 0 20px 60px 0 rgba(10,5,75,.06);
width: 500px;
height: 500px
}
.section-3 .section_one_img .dots {
right: -70px;
bottom: 200px
}
.section-3.active .pp_features_item {
animation: fadeInUp .9s both .9s
}
.section-3.active .section_one_img .round {
animation: zoomIn .9s both 1s
}
.section-3.active .section_one_img img {
animation: fadeInUp .9s both 1.5s
}
.pp_sec_title h3, .pp_sec_title h2 {
color: #fff
}
.pp_sec_title h3 {
font-weight: 300;
font-size: 24px;
margin-bottom: 5px
}
.pp_features_info .row {
margin-top: -70px
}
.pp_features_item {
padding-right: 80px;
margin-top: 70px
}
.pp_features_item .icon {
width: 70px;
height: 60px;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
margin-bottom: 38px;
box-shadow: 0 20px 50px 0 rgba(10,5,75,.12)
}
.pp_features_item h4 {
font-size: 22px;
font-weight: 700;
color: #fff;
margin-bottom: 14px
}
.pp_features_item p {
color: #fff;
font-size: 18px;
line-height: 28px;
margin-bottom: 0
}
.section-4 .pp_block {
right: auto;
left: 0;
top: 50%;
transform: translateY(-50%)
}
.section-4 .pp_triangle {
bottom: 50px;
right: 80px;
left: auto
}
.section-4 .round_line.three {
left: auto;
right: 70px;
bottom: -350px
}
.section-4 .round_line.four {
left: auto;
right: -150px;
bottom: -600px
}
.section-4 .section_one_img .round {
top: 50%;
margin-top: -250px;
width: 500px;
height: 500px;
left: -15px;
background-image: linear-gradient(-120deg,rgb(250,230,121) 0%,rgb(243,100,235) 100%)
}
.section-4 .section_one_img .phon_img {
top: 50%;
transform: translateY(-50%);
right: 0
}
.section-4.active .section_one_img img {
animation: fadeInUp .9s both 1s
}
.section-4.active .section_one_img .phon_img {
animation: fadeIn .9s both 1.5s
}
.pp_testimonial_info .pp_testimonial_slider {
margin-bottom: -35px
}
.pp_testimonial_info .pp_testimonial_slider .item {
margin-bottom: 35px;
padding-left: 12px
}
.pp_testimonial_info .pp_testimonial_slider .item .media .img {
border-radius: 50%;
background-color: #efeaf1;
box-shadow: 0 10px 20px 0 rgba(10,5,75,.14);
width: 50px;
height: 50px;
overflow: hidden;
margin-right: 30px
}
.pp_testimonial_info .pp_testimonial_slider .item .media .media-body h4 {
color: #fff;
font-size: 20px;
font-weight: 400;
line-height: 32px;
margin-bottom: 30px
}
.pp_testimonial_info .pp_testimonial_slider .item .media .media-body .author_ratting h5 {
font-size: 20px;
font-weight: 500;
color: #fff
}
.pp_testimonial_info .pp_testimonial_slider .item .media .media-body .author_ratting .rating i {
font-size: 16px;
color: #fcf925
}
.pp_testimonial_info .pp_testimonial_slider .item:focus {
outline: none
}
.pp_testimonial_info .slider_nav {
padding-left: 80px;
padding-top: 40px
}
.pp_testimonial_info .slider_nav i {
font-size: 34px;
color: #fff;
opacity: .7;
transition: opacity .2s linear;
cursor: pointer
}
.pp_testimonial_info .slider_nav i:hover {
opacity: 1
}
.t_left {
left: 60px;
bottom: 120px
}
.section-5 .pp_block {
left: 0;
right: auto;
top: 400px
}
.pp_contact_info .pp_contact_item {
padding-right: 100px;
margin-bottom: 30px;
display: flex
}
.pp_contact_info .pp_contact_item .icon {
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
font-size: 26px;
color: #5f54fd;
background: #fff;
border-radius: 3px;
display: block;
margin-right: 40px
}
.pp_contact_info .pp_contact_item .mmedia-body {
font-size: 18px;
line-height: 28px;
color: #fff;
font-weight: 400
}
.pp_contact_info .pp_contact_item .mmedia-body a {
color: #fff;
display: block
}
.pp_contact_form .text_box {
margin-bottom: 20px
}
.pp_contact_form .text_box input, .pp_contact_form .text_box textarea {
border: 1px solid rgba(255,255,255,.22);
border-radius: 6px;
background-color: rgba(255,255,255,.12);
color: #fff;
transition: all .3s linear
}
.pp_contact_form .text_box input.placeholder, .pp_contact_form .text_box textarea.placeholder {
color: #fff
}
.pp_contact_form .text_box input:-moz-placeholder, .pp_contact_form .text_box textarea:-moz-placeholder {
color: #fff
}
.pp_contact_form .text_box input::-moz-placeholder, .pp_contact_form .text_box textarea::-moz-placeholder {
color: #fff
}
.pp_contact_form .text_box input::-webkit-input-placeholder, .pp_contact_form .text_box textarea::-webkit-input-placeholder {
color: #fff
}
.pp_contact_form .text_box input:focus, .pp_contact_form .text_box textarea:focus {
background: #fff;
color: #101010
}
.pp_contact_form .text_box input:focus.placeholder, .pp_contact_form .text_box textarea:focus.placeholder {
color: #a6a4bf
}
.pp_contact_form .text_box input:focus:-moz-placeholder, .pp_contact_form .text_box textarea:focus:-moz-placeholder {
color: #a6a4bf
}
.pp_contact_form .text_box input:focus::-moz-placeholder, .pp_contact_form .text_box textarea:focus::-moz-placeholder {
color: #a6a4bf
}
.pp_contact_form .text_box input:focus::-webkit-input-placeholder, .pp_contact_form .text_box textarea:focus::-webkit-input-placeholder {
color: #a6a4bf
}
.pp_contact_form .text_box textarea {
height: 150px;
padding-top: 0
}
.pp_contact_form .btn_scroll {
background: 0 0
}
.pp_contact_form .btn_scroll:hover {
background: #5f54fd;
border-color: #5f54fd;
-webkit-box-shadow: 0 20px 50px 0 rgba(14,6,134,.2);
box-shadow: 0 20px 50px 0 rgba(14,6,134,.2)
}
.home_analytics_banner_area {
height: 100vh;
min-height: 650px;
display: flex;
align-items: center;
background-image: linear-gradient(-50deg,rgb(34,24,110) 0%,rgb(14,4,75) 100%);
overflow: hidden;
position: relative
}
.home_analytics_banner_area .elements_item {
position: absolute
}
.home_analytics_banner_area .elements_item:nth-child(1) {
right: -30px;
top: 165px
}
.home_analytics_banner_area .elements_item:nth-child(2) {
bottom: 250px;
right: 100px
}
.home_analytics_banner_area .elements_item:nth-child(3) {
bottom: 66px;
left: 280px
}
.home_analytics_banner_area .elements_item:nth-child(4) {
bottom: -80px;
left: 100px
}
.home_analytics_banner_area .elements_item:nth-child(5) {
top: 250px;
left: 180px
}
.home_analytics_banner_area .elements_item:nth-child(6) {
top: 180px;
left: 150px
}
.h_analytics_content h2 {
color: #fff;
font-size: 50px;
line-height: 64px;
font-weight: 600;
margin-bottom: 20px
}
.h_analytics_content p {
font-size: 16px;
color: #fff
}
.h_analytics_content .er_btn_two {
margin-top: 35px
}
.h_analytics_content .er_btn_two:hover {
color: #fff
}
.h_analytices_features_area {
padding: 50px 0 150px
}
.h_analytices_features_area .er_btn {
margin-top: 20px;
border-color: #4e78f4
}
.h_analytices_features_item {
padding: 120px 0
}
.h_analytices_features_item .h_analytices_img {
padding-top: 90px;
position: relative
}
.h_analytices_features_item .h_analytices_img img {
position: relative;
z-index: 0
}
.h_analytices_features_item .h_analytices_img .analytices_img_one, .h_analytices_features_item .h_analytices_img .analytices_img_two, .h_analytices_features_item .h_analytices_img .analytices_img_three {
position: absolute
}
.h_analytices_features_item .h_analytices_img .analytices_img_one {
left: -30px;
top: 0;
z-index: 2
}
.h_analytices_features_item .h_analytices_img .analytices_img_three {
right: 0;
bottom: 0;
z-index: 4
}
.h_analytices_features_item .h_analytices_img .analytices_img_two {
left: -40px;
bottom: 10px;
box-shadow: 0 50px 80px 0 rgba(1,1,64,.1);
z-index: 0
}
.h_analytices_features_item .h_analytices_img_two {
padding-left: 70px;
padding-bottom: 30px;
padding-top: 70px;
position: relative
}
.h_analytices_features_item .h_analytices_img_two .analytices_img_one, .h_analytices_features_item .h_analytices_img_two .analytices_img_two, .h_analytices_features_item .h_analytices_img_two .analytices_img_three {
position: absolute;
box-shadow: 0 50px 80px 0 rgba(1,1,64,.1)
}
.h_analytices_features_item .h_analytices_img_two .analytices_img_one {
bottom: 0;
left: 20px
}
.h_analytices_features_item .h_analytices_img_two .analytices_img_two {
right: -120px;
bottom: 100px
}
.h_analytices_features_item .h_analytices_img_two .analytices_img_three {
left: 60%;
transform: translateX(-50%);
top: 0
}
.h_analytices_features_item .h_analytices_content h2 {
font-size: 34px;
font-weight: 500;
color: #2c2c51;
margin-bottom: 25px
}
.h_analytices_features_item .h_analytices_content p {
font-size: 16px;
color: #7b7b93;
line-height: 28px;
font-weight: 400;
margin-bottom: 40px
}
.h_analytices_features_item .h_analytices_content ul {
margin-bottom: 0;
border-top: 1px solid #ececf6;
padding-top: 12px
}
.h_analytices_features_item .h_analytices_content ul li {
font-size: 16px;
line-height: 28px;
color: #7b7b93;
font-weight: 400;
position: relative;
padding-left: 20px;
margin-top: 20px
}
.h_analytices_features_item .h_analytices_content ul li span {
font-weight: 500;
color: #2c2c51
}
.h_analytices_features_item .h_analytices_content ul li:before {
content: "";
width: 7px;
height: 7px;
border-radius: 50%;
background: #4e78f4;
position: absolute;
left: 0;
top: 10px
}
.h_analytices_features_item + .h_analytices_features_item {
border-top: 1px solid #ececf6
}
.h_action_area_three {
background-color: #0e044b;
padding: 100px 0;
position: relative;
z-index: 1
}
.h_action_area_three .shap_img {
position: absolute;
z-index: -1
}
.h_action_area_three .shap_img.one {
right: 0;
top: 0
}
.h_action_area_three .shap_img.two {
left: 0;
bottom: 0
}
.h_action_area_three .h_action_content .video_icon {
width: 70px;
height: 70px;
line-height: 74px;
margin-bottom: 55px
}
.h_action_area_three .h_action_content .video_icon:after {
display: none
}
.h_action_area_three .h_action_content .video_icon:before {
transform: scale(1.4);
background: rgba(255,255,255,.4)
}
.h_action_area_three .h_action_content .video_icon i {
color: #4e78f4;
text-shadow: none
}
.h_action_area_three .h_action_content h2 {
font-size: 34px;
line-height: 44px;
margin-bottom: 25px
}
.h_action_area_three .h_action_content p {
color: #a3a3b7
}
.h_action_area_three .h_action_content .author h6 {
color: #fff;
font-size: 18px;
font-weight: 500;
margin-bottom: 8px
}
.h_action_area_three .h_action_content .author p {
color: #7b7b93;
font-weight: 400;
margin-bottom: 0
}
.analytices_title span {
display: block;
font-weight: 300;
color: #2c2c51
}
.analytices_title p {
font-weight: 400;
color: #7b7b93;
font-size: 16px;
max-width: 700px;
margin: 0 auto
}
.setup_inner {
max-width: 830px;
margin: -30px auto 0
}
.setup_inner .setup_item {
align-items: center;
padding: 30px 0;
position: relative
}
.setup_inner .setup_item.flex-row-reverse .setup_content {
text-align: right;
padding-right: 30px;
padding-left: 0
}
.setup_inner .setup_item .setup_img {
text-align: center
}
.setup_inner .setup_item .round {
border-radius: 50%;
background-color: #fff;
box-shadow: 0 10px 30px 0 rgba(1,1,64,.08);
width: 80px;
height: 80px;
text-align: center;
margin: 0 auto;
font-size: 30px;
color: #4e78f4;
font-weight: 500;
line-height: 80px
}
.setup_inner .setup_item .line {
position: absolute;
left: 50%;
top: 0;
width: 0;
height: 100%;
border-right: 2px dashed #94a2ce;
opacity: .3;
margin-left: -1px;
z-index: -1
}
.setup_inner .setup_item:first-child .line {
top: 50%;
height: 50%
}
.setup_inner .setup_item:last-child .line {
top: 0;
height: 50%
}
.setup_inner .setup_content {
padding-left: 30px
}
.setup_inner .setup_content h5 {
font-size: 20px;
font-weight: 600;
color: #2c2c51;
line-height: 28px;
margin-bottom: 15px
}
.setup_inner .setup_content p {
font-size: 16px;
color: #7b7b93;
font-weight: 400;
margin-bottom: 0
}
.analytices_price_item {
border: 1px solid #f0f0f6;
border-radius: 5px;
padding: 40px;
cursor: pointer;
transition: all .3s linear
}
.analytices_price_item .p_head {
text-align: center;
border-bottom: 1px solid #ececf6;
padding-bottom: 30px
}
.analytices_price_item .p_head h5 {
font-size: 20px;
font-weight: 500;
color: #2c2c51
}
.analytices_price_item .p_head .rate {
font-size: 34px;
font-weight: 600;
color: #4e78f4;
padding-bottom: 13px;
padding-top: 22px
}
.analytices_price_item .p_head h6 {
font-size: 16px;
color: #7b7b93;
font-weight: 400
}
.analytices_price_item .p_head .tag {
color: #2cc91d
}
.analytices_price_item .p_head .tag i {
margin-right: 8px;
vertical-align: middle
}
.analytices_price_item .p_body {
padding-top: 20px;
margin-bottom: 0
}
.analytices_price_item .p_body li {
display: flex;
justify-content: space-between;
font-size: 16px;
color: #7b7b93;
font-size: 400;
align-items: center;
margin: 12px 0
}
.analytices_price_item .p_body li i {
font-size: 14px
}
.analytices_price_item .er_btn {
margin-top: 40px;
display: block;
text-align: center
}
.analytices_price_item.active, .analytices_price_item:hover {
box-shadow: 0 40px 80px 0 rgba(1,1,64,.08);
border-color: #fff
}
.analytices_price_item.active .p_body li, .analytices_price_item:hover .p_body li {
color: #2c2c51
}
.analytices_price_item.active .p_body li .ti-check, .analytices_price_item:hover .p_body li .ti-check {
color: #26da15
}
.analytices_price_item.active .p_body li .ti-close, .analytices_price_item:hover .p_body li .ti-close {
color: #fc314e
}
.analytices_customers_logo_area {
padding: 200px 0 120px
}
.analytices_logo {
display: block;
text-align: center;
padding: 25px;
border-radius: 6px;
margin-top: 20px;
transition: all .3s linear
}
.analytices_logo:hover {
background-color: #fff;
box-shadow: 0 20px 50px 0 rgba(1,1,64,.08)
}
.analytices_logo_content {
padding-right: 80px
}
.analytices_logo_content .analytices_title {
margin-bottom: 0
}
.analytices_logo_content .er_btn {
margin-top: 40px
}
.analytices_list_area {
position: relative;
padding-top: 100px;
padding-bottom: 150px;
z-index: 2
}
.analytices_list_area:before {
content: "";
position: absolute;
width: 100%;
height: 560px;
z-index: -1;
left: 0;
background: url(../img/home-software/down_bg.png) no-repeat scroll;
bottom: 0;
background-size: cover
}
.analytices_list_area .macbook_a {
position: absolute;
right: 0;
bottom: 0
}
.analytices_list {
list-style: none;
padding-left: 0;
margin-bottom: 0;
padding-top: 40px
}
.analytices_list li {
font-size: 16px;
line-height: 20px;
color: #7b7b93;
position: relative;
padding-left: 30px;
margin-top: 20px
}
.analytices_list li:before {
content: "\e64c";
display: inline-block;
font-family: themify;
position: absolute;
left: 0;
top: 0;
font-size: 14px;
color: #4e78f4
}
.analytices_action_area_two {
padding-top: 120px
}
.analytices_action_area_two:after {
display: none
}
.security_list_area {
padding-top: 180px
}
.security_list_area .macbook_a {
bottom: 110px
}
.security_list_area .lock {
position: absolute;
right: 41%;
bottom: 100px;
z-index: -1
}
.security_list_area .analytices_title {
margin-bottom: 0
}
.security_list_area .analytices_list {
padding-top: 25px
}
.gadget_slider_area {
height: 100vh
}
.gadget_slider_area.slick-dotted.slick-slider {
margin-bottom: 0
}
.gadget_slider_area .slick-list, .gadget_slider_area .slick-track, .gadget_slider_area .container {
height: 100%;
display: flex
}
.gadget_slider_area .container {
align-items: center
}
.gadget_slider_area .pattern {
top: 15%;
margin-left: -160px
}
.gadget_slider_area .gadget_slider_img {
text-align: right;
position: relative;
width: 100%
}
.gadget_slider_area .gadget_slider_img .round {
width: 830px;
height: 830px;
border: 130px solid rgba(255,255,255,.4);
position: absolute;
left: -128px;
top: 0;
border-radius: 50%;
z-index: -1
}
.gadget_slider_area .gadget_slider_img img {
display: inline-block
}
.gadget_slider_area .slick-dots {
list-style: none;
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
padding: 0;
margin: 0;
width: auto;
bottom: auto
}
.gadget_slider_area .slick-dots li {
display: flex;
margin: 0 0 10px;
width: 38px;
height: 2px;
justify-content: flex-end
}
.gadget_slider_area .slick-dots li button {
width: 20px;
height: 2px;
background: rgba(255,255,255,.5);
border: 0;
box-shadow: none;
margin: 0;
transition: all .3s linear
}
.gadget_slider_area .slick-dots li button:before {
display: none
}
.gadget_slider_area .slick-dots li.slick-active button {
width: 100%;
background: #fff
}
.gadget_slider_area .slick-active .gadget_slider_content h3 .char {
animation: fadeInUp 1s linear both .07s;
animation-delay: calc(0.07s * var(--char-index))
}
.gadget_slider_area .slick-active .gadget_slider_content .text .char {
animation: fadeInLeft 1s linear both .07s;
animation-delay: calc(0.07s * var(--char-index))
}
.gadget_slider_area .slick-active .shop_slider_content h6 .char {
animation: fadeIn 1s cubic-bezier(.5,0,.5,1) both;
animation-delay: calc(0.08s * var(--char-index))
}
.gadget_slider_content h6 {
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1.4px;
margin-bottom: 15px
}
.gadget_slider_content h3 {
font-size: 60px;
line-height: 80px;
font-weight: 700;
margin-bottom: 15px
}
.gadget_slider_content .text {
font-size: 200px;
line-height: 200px;
font-weight: 900;
color: rgba(255,255,255,.1);
text-transform: uppercase
}
.gadget_slider_content h3, .gadget_slider_content h6 {
color: #fff
}
.gadget_slider_content .gadget_btn {
margin-top: 40px;
transition: all .2s linear
}
.gadget_slider_content .gadget_btn:hover {
background: #fff;
color: #051441
}
.gadget_btn {
font-size: 15px;
font-weight: 500;
color: #fff;
border-radius: 45px;
padding: 12px 36px;
text-align: center;
display: inline-block;
background-image: linear-gradient(-45deg,rgba(253,83,145,0.99608) 0%,#f86f65 100%);
background-size: 150% auto;
transition: all .3s linear
}
.gadget_btn:hover {
background-position: right center;
color: #fff;
box-shadow: 0 10px 30px 0 rgba(12,0,46,.1)
}
.gadget_btn.strock_btn {
border: 1px solid #fff;
background: 0 0
}
.gadget_btn.border_radius_none {
border-radius: 0;
background: #f66b6a
}
.shop_slider_content {
font-family: inter,sans-serif;
width: 100%
}
.shop_slider_content h6 {
font-size: 15px;
color: #2c2c51;
text-transform: uppercase;
margin-bottom: 25px;
letter-spacing: 3px;
overflow: hidden
}
.shop_slider_content h6 .line {
width: 52px;
height: 1px;
background: #7e7e7e;
display: inline-block;
vertical-align: middle;
margin-right: 12px
}
.shop_slider_content h3 {
font-size: 64px;
line-height: 80px;
color: #2c2c51
}
.shop_slider_content .gadget_btn {
margin-top: 36px
}
.gadget_about_area {
position: relative;
z-index: 1
}
.text_shadow {
font-size: 200px;
line-height: 200px;
font-weight: 900;
color: rgba(0,0,0,.05);
text-transform: uppercase;
position: absolute;
top: 55%;
left: -348px;
transform: translateY(-50%);
z-index: -2;
white-space: nowrap
}
.text_shadow.animated .char {
animation: zoomIn 1s cubic-bezier(.5,0,.5,1) both;
animation-delay: calc(0.08s * var(--char-index))
}
.gadget_about_img {
position: relative;
z-index: 2
}
.gadget_about_img .two_img {
position: absolute;
right: -20px;
bottom: -20px
}
.gadget_details h2 {
font-size: 36px;
line-height: 48px;
font-weight: 500;
color: #051441;
margin-bottom: 20px
}
.gadget_details h2.animated .char {
animation: pop-char-out 1s cubic-bezier(.5,0,.5,1) both;
animation-delay: calc(0.04s * var(--char-index))
}
.gadget_details p {
margin-bottom: 36px;
line-height: 24px
}
.gadget_details p span {
padding: 0
}
.gadget_details p .word {
overflow: hidden
}
.gadget_details p.animated .char {
animation: fadeInUp 1s cubic-bezier(.5,0,.5,1) both;
animation-delay: calc(0.015s * var(--char-index))
}
.gadget_shipping_area {
padding-bottom: 120px
}
.gadget_shipping_area.pb_60 {
padding-bottom: 60px
}
.gadget_shipping_area.pb_60 .br_bottom {
margin-bottom: 60px
}
.br_bottom {
width: 100%;
height: 1px;
background: #e5e5e5;
margin-bottom: 80px
}
.g_shipping_item img {
margin-right: 30px
}
.g_shipping_item .media-body h4 {
font-size: 16px;
color: #2c2c51;
font-weight: 600;
margin-bottom: 5px
}
.g_shipping_item .media-body p {
margin-bottom: 0
}
.gadget_features_item {
position: relative;
overflow: hidden;
border-radius: 8px;
padding: 50px
}
.gadget_features_item .content h6 {
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
color: #fff;
letter-spacing: .14px;
margin-bottom: 12px
}
.gadget_features_item .content h3 {
font-size: 28px;
color: #fff;
font-weight: 600;
line-height: 35px
}
.gadget_features_item .content .text {
font-size: 100px;
line-height: 120px;
color: rgba(255,255,255,.1);
font-weight: 900;
text-transform: uppercase
}
.gadget_features_item .content .see_btn {
font-size: 15px;
font-weight: 400;
color: #fff;
position: relative;
padding-right: 24px;
display: inline-block;
line-height: 15px;
margin-top: 86px;
transition: all .1s linear
}
.gadget_features_item .content .see_btn:before {
content: "";
width: 15px;
height: 1px;
position: absolute;
right: 0;
top: 50%;
background: #fff;
transition: width .3s linear
}
.gadget_features_item .content .see_btn:hover {
padding-right: 0
}
.gadget_features_item .content .see_btn:hover:before {
width: 100%
}
.gadget_features_item .img {
position: absolute;
right: -50px;
bottom: 20px
}
.gadget_features_item.yellow {
background-image: linear-gradient(95deg,rgb(243,153,18) 0%,rgb(247,187,35) 100%);
background-image: linear-gradient(95deg,rgb(243,153,18) 0%,rgb(247,187,35) 100%)
}
.gadget_features_item.red {
background-image: linear-gradient(95deg,rgb(229,8,21) 0%,rgb(238,17,43) 100%);
background-image: linear-gradient(95deg,rgb(229,8,21) 0%,rgb(238,17,43) 100%)
}
.gadget_features_item.red img {
right: -5px;
bottom: -30px
}
.gadget_features_item.blue {
background-image: linear-gradient(95deg,rgb(18,48,253) 0%,rgb(36,97,254) 100%);
background-image: linear-gradient(95deg,rgb(18,48,253) 0%,rgb(36,97,254) 100%)
}
.gadget_features_item.green {
background-image: linear-gradient(95deg,rgb(136,187,41) 0%,rgb(176,210,82) 100%);
background-image: linear-gradient(95deg,rgb(136,187,41) 0%,rgb(176,210,82) 100%)
}
.gadget_product_area {
position: relative
}
.gadget_product_area .left_img, .gadget_product_area .right_img {
position: absolute
}
.gadget_product_area .left_img {
top: 230px
}
.gadget_product_area .right_img {
right: 0;
bottom: 165px
}
.gadget_product_area .row {
margin-bottom: -60px
}
.gadget_title {
margin-bottom: 75px
}
.gadget_title h2 {
font-size: 36px;
font-weight: 500;
line-height: 44px;
color: #051441
}
.gadget_title p {
font-size: 16px;
line-height: 28px;
margin-bottom: 0
}
.gadget_pr_item {
text-align: center;
margin-bottom: 60px
}
.gadget_pr_item .pr_img {
position: relative
}
.gadget_pr_item .pr_img img {
transition: opacity .2s linear
}
.gadget_pr_item .pr_img .badge {
font-size: 14px;
font-weight: 600;
color: #fff;
border-radius: 45px;
text-transform: uppercase;
text-align: center;
background: #ff8a00;
padding: 6px 14px;
position: absolute;
right: 20px;
top: 20px;
z-index: 2
}
.gadget_pr_item .pr_img .badge.new {
background: #00d20f
}
.gadget_pr_item .pr_img .badge.hot {
border-radius: 50%;
background: #ff1010;
width: 48px;
height: 48px;
padding: 0;
line-height: 48px
}
.gadget_pr_item .pr_img .hover_content {
position: absolute;
width: 100%;
left: 0;
text-align: center;
top: 50%;
transform: translateY(-50%);
transition: all .2s linear;
overflow: hidden;
display: flex;
justify-content: center
}
.gadget_pr_item .pr_img .hover_content a {
width: 68px;
height: 68px;
text-align: center;
background: #101010;
display: block;
line-height: 66px;
border-radius: 3px;
margin: 0 6px;
overflow: hidden;
z-index: 1;
position: relative;
opacity: 0
}
.gadget_pr_item .pr_img .hover_content a:before {
content: "";
position: absolute;
top: 0;
left: 0;
background-image: linear-gradient(0deg,rgb(248,111,100) 0%,rgba(253,83,146,0.99608) 100%);
background-image: linear-gradient(0deg,rgb(248,111,100) 0%,rgba(253,83,146,0.99608) 100%);
width: 100%;
height: 100%;
z-index: -1;
transform: scale(0);
transition: all .2s linear
}
.gadget_pr_item .pr_img .hover_content a img {
opacity: 1;
display: inline-block
}
.gadget_pr_item .pr_img .hover_content a:hover:before {
transform: scale(1)
}
.gadget_pr_item .single_pr_details {
padding-top: 38px
}
.gadget_pr_item .single_pr_details h3 {
font-size: 20px;
color: #051441;
transition: color .2s linear
}
.gadget_pr_item .single_pr_details h3:hover {
color: #fb607f
}
.gadget_pr_item .single_pr_details .price {
display: flex;
flex-direction: row-reverse;
justify-content: center;
font-size: 20px;
padding-top: 3px
}
.gadget_pr_item .single_pr_details .price ins {
text-decoration: none;
font-weight: 600;
color: #051441
}
.gadget_pr_item .single_pr_details .price del {
color: #acacac;
font-weight: 400;
margin-left: 10px
}
.gadget_pr_item:hover .pr_img img {
opacity: .4
}
.gadget_pr_item:hover .pr_img .hover_content a {
opacity: 1;
animation: fadeInUp .4s cubic-bezier(.5,0,.5,1) both
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(1) {
animation-delay: 200ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(2) {
animation-delay: 400ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(3) {
animation-delay: 600ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(4) {
animation-delay: 800ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(5) {
animation-delay: 1000ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(6) {
animation-delay: 1200ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(7) {
animation-delay: 1400ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(8) {
animation-delay: 1600ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(9) {
animation-delay: 1800ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(10) {
animation-delay: 2000ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(11) {
animation-delay: 2200ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(12) {
animation-delay: 2400ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(13) {
animation-delay: 2600ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(14) {
animation-delay: 2800ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(15) {
animation-delay: 3000ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(16) {
animation-delay: 3200ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(17) {
animation-delay: 3400ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(18) {
animation-delay: 3600ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(19) {
animation-delay: 3800ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(20) {
animation-delay: 4000ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(21) {
animation-delay: 4200ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(22) {
animation-delay: 4400ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(23) {
animation-delay: 4600ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(24) {
animation-delay: 4800ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(25) {
animation-delay: 5000ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(26) {
animation-delay: 5200ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(27) {
animation-delay: 5400ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(28) {
animation-delay: 5600ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(29) {
animation-delay: 5800ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(30) {
animation-delay: 6000ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(31) {
animation-delay: 6200ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(32) {
animation-delay: 6400ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(33) {
animation-delay: 6600ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(34) {
animation-delay: 6800ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(35) {
animation-delay: 7000ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(36) {
animation-delay: 7200ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(37) {
animation-delay: 7400ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(38) {
animation-delay: 7600ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(39) {
animation-delay: 7800ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(40) {
animation-delay: 8000ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(41) {
animation-delay: 8200ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(42) {
animation-delay: 8400ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(43) {
animation-delay: 8600ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(44) {
animation-delay: 8800ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(45) {
animation-delay: 9000ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(46) {
animation-delay: 9200ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(47) {
animation-delay: 9400ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(48) {
animation-delay: 9600ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(49) {
animation-delay: 9800ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(50) {
animation-delay: 10000ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(51) {
animation-delay: 10200ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(52) {
animation-delay: 10400ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(53) {
animation-delay: 10600ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(54) {
animation-delay: 10800ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(55) {
animation-delay: 11000ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(56) {
animation-delay: 11200ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(57) {
animation-delay: 11400ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(58) {
animation-delay: 11600ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(59) {
animation-delay: 11800ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(60) {
animation-delay: 12000ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(61) {
animation-delay: 12200ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(62) {
animation-delay: 12400ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(63) {
animation-delay: 12600ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(64) {
animation-delay: 12800ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(65) {
animation-delay: 13000ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(66) {
animation-delay: 13200ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(67) {
animation-delay: 13400ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(68) {
animation-delay: 13600ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(69) {
animation-delay: 13800ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(70) {
animation-delay: 14000ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(71) {
animation-delay: 14200ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(72) {
animation-delay: 14400ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(73) {
animation-delay: 14600ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(74) {
animation-delay: 14800ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(75) {
animation-delay: 15000ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(76) {
animation-delay: 15200ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(77) {
animation-delay: 15400ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(78) {
animation-delay: 15600ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(79) {
animation-delay: 15800ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(80) {
animation-delay: 16000ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(81) {
animation-delay: 16200ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(82) {
animation-delay: 16400ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(83) {
animation-delay: 16600ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(84) {
animation-delay: 16800ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(85) {
animation-delay: 17000ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(86) {
animation-delay: 17200ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(87) {
animation-delay: 17400ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(88) {
animation-delay: 17600ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(89) {
animation-delay: 17800ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(90) {
animation-delay: 18000ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(91) {
animation-delay: 18200ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(92) {
animation-delay: 18400ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(93) {
animation-delay: 18600ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(94) {
animation-delay: 18800ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(95) {
animation-delay: 19000ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(96) {
animation-delay: 19200ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(97) {
animation-delay: 19400ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(98) {
animation-delay: 19600ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(99) {
animation-delay: 19800ms
}
.gadget_pr_item:hover .pr_img .hover_content a:nth-child(100) {
animation-delay: 20000ms
}
.gadget_promo_area {
background-image: linear-gradient(90deg,rgb(27,218,165) 0%,rgb(90,171,219) 100%);
background-image: linear-gradient(90deg,rgb(27,218,165) 0%,rgb(90,171,219) 100%);
position: relative;
z-index: 1;
padding-top: 100px;
margin-bottom: 60px
}
.gadget_promo_area .text_shadow {
color: rgba(255,255,255,.1)
}
.gadget_promo_area .promo_img {
margin-top: -42px;
margin-bottom: -152px
}
.gadget_promo_content {
padding-left: 84px
}
.gadget_promo_content h3 {
font-size: 36px;
line-height: 48px;
color: #fff;
font-weight: 500;
margin-top: 12px;
margin-bottom: 25px
}
.gadget_promo_content ul {
margin-bottom: 38px
}
.gadget_promo_content ul li {
font-size: 16px;
color: #fff;
padding-left: 40px;
position: relative
}
.gadget_promo_content ul li:before {
content: "";
width: 18px;
height: 2px;
background: #fff;
position: absolute;
left: 0;
top: 12px
}
.gadget_promo_content ul li + li {
margin-top: 4px
}
.gadget_discount_area {
margin-top: 135px
}
.gadget_discount_info {
border-radius: 10px;
background-image: linear-gradient(90deg,rgb(119,81,255) 0%,rgb(139,98,255) 100%);
background-image: linear-gradient(90deg,rgb(119,81,255) 0%,rgb(139,98,255) 100%);
box-shadow: 0 20px 50px 0 rgba(0,0,0,.1);
padding: 0 100px;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
z-index: 1
}
.gadget_discount_info .text_shadow {
color: rgba(255,255,255,.09);
left: auto;
right: -60px
}
.gadget_discount_info .discount-time {
max-width: 370px
}
.gadget_discount_info .discount-time h6 {
font-size: 14px;
line-height: 26px;
letter-spacing: .14px;
text-transform: uppercase;
color: #fff;
font-weight: 400
}
.gadget_discount_info .discount-time h2 {
font-size: 36px;
color: #fff;
font-weight: 500
}
.gadget_discount_info .discount-time .clock {
display: flex;
margin-top: 25px
}
.gadget_discount_info .discount-time .clock .timer {
color: #fff;
margin-right: 45px;
position: relative
}
.gadget_discount_info .discount-time .clock .timer:before {
content: ":";
font-size: 12px;
display: inline-block;
font-size: 44px;
position: absolute;
right: -26px;
top: 14px
}
.gadget_discount_info .discount-time .clock .timer span {
font-size: 44px;
line-height: normal;
font-weight: 600
}
.gadget_discount_info .discount-time .clock .timer .smalltext {
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
font-weight: 400;
letter-spacing: .14px;
text-align: center
}
.gadget_discount_info .discount-time .clock .timer:last-child:before {
display: none
}
.gadget_discount_info .discount_pr_img {
margin-top: -175px
}
.gadget_subscribe_bg {
border-radius: 6px;
background-image: linear-gradient(90deg,rgb(248,111,100) 0%,rgba(253,83,146,0.99608) 100%);
background-image: linear-gradient(90deg,rgb(248,111,100) 0%,rgba(253,83,146,0.99608) 100%)
}
.gadget_subscribe_bg .subscribe-form .form-control.placeholder {
color: #fff
}
.gadget_subscribe_bg .subscribe-form .form-control:-moz-placeholder {
color: #fff
}
.gadget_subscribe_bg .subscribe-form .form-control::-moz-placeholder {
color: #fff
}
.gadget_subscribe_bg .subscribe-form .form-control::-webkit-input-placeholder {
color: #fff
}
.gadget_subscribe_bg .subscribe-form .btn_four {
background-color: #fff;
box-shadow: 0 20px 24px 0 rgba(0,11,40,.06);
color: #fa6574
}
.gadget_subscribe_bg .subscribe-form .btn_four:hover {
box-shadow: none;
color: #fa6574
}
.partner_logo_area_two h2 {
font-size: 30px;
line-height: 40px;
color: #051441
}
.payment_footer_area.gadget_footer_area .f_widget.company_widget a {
color: #fa6574
}
.payment_footer_area.gadget_footer_area .f_widget.about-widget .f_list li a:before {
background: #fa6574
}
.payment_footer_area.gadget_footer_area .f_widget.about-widget .f_list li a:hover {
color: #fa6574
}
.payment_footer_area.gadget_footer_area .f_widget.social-widget .f_social_icon a:hover {
background: #fa6574
}
.team_details_content h2 {
font-size: 30px;
font-weight: 600;
color: #161341
}
.team_details_content .postition {
font-size: 15px;
text-transform: uppercase;
letter-spacing: .75px;
margin-bottom: 25px
}
.team_details_content p {
font-size: 15px;
line-height: 30px
}
.team_details_content h5 {
font-size: 18px;
line-height: 34px;
color: #161341;
font-weight: 600;
margin-top: 25px
}
.team_details_content .social_icon {
margin-bottom: 0;
margin-top: 16px
}
.team_details_content .social_icon li {
display: inline-block;
margin-right: 6px
}
.team_details_content .social_icon li a {
width: 40px;
height: 40px;
text-align: center;
font-size: 13px;
display: block;
line-height: 42px;
border-radius: 50%;
color: #fff;
transition: all .2s linear
}
.team_details_content .social_icon li a:hover {
box-shadow: 0 4px 6px 0 rgba(12,0,46,.26)
}
.team_details_content .social_icon li:nth-child(1) a {
background: #4779de
}
.team_details_content .social_icon li:nth-child(2) a {
background: #e43e30
}
.team_details_content .social_icon li:nth-child(3) a {
background: #1da1f3
}
.skill_area {
background: #eff2f9
}
.skill_copntent {
padding-right: 80px
}
.skill_copntent h2 {
font-size: 30px;
color: #161341;
font-weight: 600
}
.skill_copntent p {
font-size: 15px;
line-height: 30px;
margin-top: 25px
}
.progress-element p {
font-size: 15px;
font-weight: 500;
color: #051441;
margin-bottom: 5px
}
.progress-element .count-tip {
font-size: 15px;
font-weight: 500
}
.progress-element .count-tip.one {
color: #7a4cfa
}
.progress-element .count-tip.two {
color: #00d8e6
}
.progress-element .count-tip.thre {
color: #e6c300
}
.progress-element .count-tip.four {
color: #ff6a6a
}
.progress-element .progress {
height: 6px;
background: #fff;
border-radius: 0;
margin-bottom: 20px
}
.progress-element .progress .progress-bar {
width: 0;
transition: width 3s linear
}
.team_contact_area .chat_title h2 {
font-size: 40px;
color: #051441
}
.team_contact_area .chat_title h2 span {
display: block
}
.team_contact_area .contact_form_box .text_box {
margin-bottom: 20px
}
.team_contact_area .contact_form_box .text_box input[type=text], .team_contact_area .contact_form_box .text_box textarea {
background: #f7f8fb;
border-color: #f7f8fb;
font-size: 16px;
border-radius: 4px;
transition: all .2s linear;
box-shadow: none
}
.team_contact_area .contact_form_box .text_box input[type=text].placeholder, .team_contact_area .contact_form_box .text_box textarea.placeholder {
color: #6b707f
}
.team_contact_area .contact_form_box .text_box input[type=text]:-moz-placeholder, .team_contact_area .contact_form_box .text_box textarea:-moz-placeholder {
color: #6b707f
}
.team_contact_area .contact_form_box .text_box input[type=text]::-moz-placeholder, .team_contact_area .contact_form_box .text_box textarea::-moz-placeholder {
color: #6b707f
}
.team_contact_area .contact_form_box .text_box input[type=text]::-webkit-input-placeholder, .team_contact_area .contact_form_box .text_box textarea::-webkit-input-placeholder {
color: #6b707f
}
.team_contact_area .contact_form_box .text_box input[type=text]:focus, .team_contact_area .contact_form_box .text_box textarea:focus {
box-shadow: 0 20px 20px 0 rgba(0,11,40,.1);
border-color: #dfd4fe
}
.team_contact_area .contact_form_box .text_box textarea {
height: 150px;
resize: none;
display: block
}
.team_contact_area .contact_form_box .sign_btn_transparent {
background: 0 0
}
.team_contact_area .contact_form_box .sign_btn_transparent:hover {
background: #5e2ced;
color: #fff
}
.shop_featured_gallery_area {
padding-top: 120px
}
.featured_gallery {
margin: -3px 0
}
.featured_gallery .grid-item {
padding: 3px
}
.featured_gallery .custom-col-2 {
width: 24.99%
}
.featured_gallery .shop_featured_item {
position: relative;
cursor: pointer;
overflow: hidden
}
.featured_gallery .shop_featured_item img {
max-width: 100%;
transition: all .2s linear
}
.featured_gallery .shop_featured_item:hover img {
transform: scale(1.03)
}
.featured_gallery .shop_content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-family: inter,sans-serif;
padding: 35px 30px
}
.featured_gallery .shop_content h5 {
color: #fff;
font-weight: 500;
font-size: 20px
}
.featured_gallery .shop_content .shop_btn {
color: #fff;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
position: absolute;
bottom: 30px;
left: 30px
}
.shop_title h2 {
font-size: 48px;
color: #051441
}
.shop_title h2.w_color {
color: #fff
}
.shop_product_area .gadget_pr_item .pr_img .hover_content a:before {
background: #f66b6a
}
.shop_product_area .gadget_pr_item .single_pr_details h3 {
font-family: inter,sans-serif;
font-size: 18px
}
.shop_product_area .gadget_pr_item .single_pr_details h3:hover {
color: #f66b6a
}
.shop_product_area .gadget_pr_item .single_pr_details .price {
padding-top: 0;
font-family: inter,sans-serif;
font-size: 18px
}
.product_filter {
display: flex;
justify-content: center
}
.product_filter .work_portfolio_item {
font-size: 16px;
font-family: inter,sans-serif;
color: #2c2c51;
margin-right: 55px;
cursor: pointer;
position: relative;
padding-bottom: 13px
}
.product_filter .work_portfolio_item:before {
position: absolute;
content: "";
width: 0;
height: 2px;
left: 0;
bottom: 0;
background: #f66b6a
}
.product_filter .work_portfolio_item.active {
color: #f66b6a
}
.product_filter .work_portfolio_item.active:before {
width: 100%
}
.product_filter .work_portfolio_item:last-child {
margin-right: 0
}
.trending_product_area {
background: #ff9673;
position: relative;
z-index: 1
}
.trending_product_area .pattern {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1
}
.tr_pr_left {
width: calc(50% - 585px)
}
.tr_pr_right {
width: calc(50% + 585px)
}
.trending_product_slider .slick-list {
padding-left: 0 !important
}
.trending_product_slider .gadget_pr_item {
margin-bottom: 0
}
.trending_product_slider .gadget_pr_item img {
max-width: 100%
}
.trending_product_slider .gadget_pr_item.one {
background: #ecf4fa
}
.trending_product_slider .gadget_pr_item.two {
background: #fff8f0
}
.trending_product_slider .gadget_pr_item.three {
background: #f5eeee
}
.trending_product_slider .gadget_pr_item.four {
background: #f5f4ed
}
.trending_product_slider .gadget_pr_item .hover_content a:before {
background: #f66b6a
}
.trending_product_slider .single_pr_details {
padding-top: 5px;
padding-bottom: 25px
}
.trending_product_slider .single_pr_details h3 {
font-family: inter,sans-serif;
font-size: 18px
}
.trending_product_slider .single_pr_details h3:hover {
color: #f66b6a
}
.trending_product_slider .single_pr_details .price {
padding-top: 0;
font-family: inter,sans-serif;
font-size: 18px
}
.custom_arrow button {
width: 60px;
height: 60px;
border: 1px solid #fff;
text-align: center;
line-height: 60px;
background: 0 0;
border-radius: 50%;
color: #fff;
font-size: 15px
}
.custom_arrow button:hover {
background: #fff;
color: #051441
}
.shop_partner_logo_area .partner_logo_area_four {
margin-bottom: -100px
}
.shop_partner_logo_area .partner_info .logo_item {
width: 25%;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 100px
}
.shop_footer_area {
background: #161619
}
.shop_footer_area .footer_top {
border-color: #2e2e30
}
.shop_footer_area .footer_top .f_widget .f-title {
color: #fff;
font-family: inter,sans-serif;
font-weight: 500;
font-size: 20px
}
.shop_footer_area .footer_top .f_widget.company_widget p {
color: #fff;
margin-bottom: 4px;
font-family: inter,sans-serif;
font-size: 14px
}
.shop_footer_area .footer_top .f_widget.company_widget p a {
color: #fff
}
.shop_footer_area .footer_top .f_widget.company_widget p a:hover {
color: #f66b6a
}
.shop_footer_area .footer_top .f_widget.company_widget .f_subscribe .form-control {
background: 0 0;
border-radius: 0;
border: 0;
border-bottom: 1px solid #8b8b8c;
padding: 0;
font-size: 13px;
font-family: inter,sans-serif;
height: 42px
}
.shop_footer_area .footer_top .f_widget.company_widget .f_subscribe .form-control.placeholder {
color: #787d7e
}
.shop_footer_area .footer_top .f_widget.company_widget .f_subscribe .form-control:-moz-placeholder {
color: #787d7e
}
.shop_footer_area .footer_top .f_widget.company_widget .f_subscribe .form-control::-moz-placeholder {
color: #787d7e
}
.shop_footer_area .footer_top .f_widget.company_widget .f_subscribe .form-control::-webkit-input-placeholder {
color: #787d7e
}
.shop_footer_area .footer_top .f_widget.company_widget .f_subscribe button {
right: 0;
color: #787d7e
}
.shop_footer_area .footer_top .f_widget.about-widget .f_list li a {
color: #838889;
font-size: 14px;
font-family: inter,sans-serif
}
.shop_footer_area .footer_top .f_widget.about-widget .f_list li a:before {
background: #f66b6a
}
.shop_footer_area .footer_top .f_widget.about-widget .f_list li a:hover {
color: #f66b6a
}
.shop_footer_area .footer_bottom {
font-size: 13px;
color: #787d7e;
font-family: inter,sans-serif
}
.shop_footer_area .footer_bottom p, .shop_footer_area .footer_bottom .f_social_icon_two a, .shop_footer_area .footer_bottom .f_menu li a {
color: #787d7e
}
.shop_footer_area .footer_bottom p a {
color: #f66b6a
}
.shop_footer_area .footer_bottom .f_social_icon_two a:hover, .shop_footer_area .footer_bottom .f_menu li a:hover, .shop_footer_area .footer_bottom a:hover {
color: #f66b6a
}
.shop_footer_area .footer_bottom .f_menu li + li:before {
background: #515456
}
.dark_banner_area {
background: #000;
padding-top: 23vh;
padding-bottom: 60px
}
.dark_banner_content {
margin-bottom: 10vh
}
.dark_banner_content h5 {
font-size: 30px;
font-weight: 500;
color: #5458f1;
background-image: linear-gradient(95deg,#5458F1 40%,#eaccf8 54%,#eaccf8 47%);
background-image: linear-gradient(95deg,#5458F1 40%,#eaccf8 54%,#eaccf8 47%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 2.2vh
}
.dark_banner_content h2 {
font-size: 60px;
line-height: 72px;
color: #fff;
font-weight: 600;
margin-bottom: 2.8vh
}
.dark_banner_content h6 {
color: #5a5b62;
font-size: 20px;
font-weight: 300
}
.performance_title {
margin-bottom: 35px
}
.performance_title h4 {
font-size: 30px;
font-weight: 500;
color: #5458f1;
background-image: linear-gradient(94deg,#5458F1 0%,#eaccf8 21%,#eaccf8 22%);
background-image: linear-gradient(94deg,#5458F1 0%,#eaccf8 21%,#eaccf8 22%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 20px
}
.performance_title h2 {
font-size: 48px;
font-weight: 600;
color: #222;
margin-bottom: 0
}
.performance_title .w_color {
color: #fff
}
.performance_title.text-center h4 {
background-image: linear-gradient(95deg,#5458F1 40%,#eaccf8 52%,#eaccf8 44%);
background-image: linear-gradient(95deg,#5458F1 40%,#eaccf8 52%,#eaccf8 44%)
}
.performance_area .video_info {
background: linear-gradient(50deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%),url("../img/dark-product/video_bg.jpg") no-repeat scroll center 0/cover;
max-width: 955px;
border-radius: 0
}
.performance_area .video_info .video_icon:before, .performance_area .video_info .video_icon:after {
transform: scale(1);
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
opacity: .2
}
.performance_area .video_info .video_icon:before {
width: 200px;
height: 200px
}
.performance_area .video_info .video_icon:after {
width: 300px;
height: 300px
}
.performance_area .video_info .video_icon i {
color: #3d57f4;
text-shadow: 0 6px 25px #3d57f4
}
.performance_info {
margin-top: 80px
}
.performance_item img {
margin-bottom: 27px
}
.performance_item p {
margin-bottom: 0;
font-size: 16px;
color: #5a5b62
}
.performance_item .perfoence_number {
font-size: 54px;
line-height: 50px;
color: #222;
font-weight: 500;
margin-top: 12px
}
.performance_item .perfoence_number sub {
font-size: 30px;
bottom: 0;
margin-left: 4px
}
.product_chip_area {
background: #000;
padding: 17px 0
}
.product_chip_content .performance_title {
margin-bottom: 25px
}
.product_chip_content p {
color: #5a5b62;
line-height: 27px
}
.product_multitask_area {
background: #000
}
.tab_img_info_two {
position: relative;
z-index: 0
}
.tab_img_info_two:before {
content: "";
width: 1006px;
height: 598px;
background-size: 1006px 598px;
background-repeat: no-repeat;
background-image: url(../img/dark-product/macbook_mockup.png);
margin-left: auto;
margin-right: auto;
display: block
}
.tab_img_info_two:after {
content: "";
width: 1417px;
height: 208px;
display: block;
background-size: 1417px 208px;
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
background: url(../img/dark-product/white_shadow.png);
position: absolute;
left: -119px;
bottom: -151px;
z-index: -1
}
.tab_img_info_two figure.tab_img {
position: absolute;
z-index: 3;
opacity: 0;
width: 769px;
height: 481px;
background-size: 769px 481px !important;
background-repeat: no-repeat !important;
top: 30px;
left: 50%;
border-radius: 0;
transform: translateX(-50%)
}
.tab_img_info_two figure.tab_img.photo_img {
background: url(../img/dark-product/photoshop.jpg)
}
.tab_img_info_two figure.tab_img.coding_img {
background: url(../img/dark-product/code.jpg)
}
.tab_img_info_two figure.tab_img.gaming_img {
background: url(../img/dark-product/game.jpg)
}
.tab_img_info_two figure.tab_img.video_img {
background: url(../img/dark-product/video.jpg)
}
.tab_img_info_two figure.tab_img.audio_img {
background: url(../img/dark-product/audio.jpg)
}
.tab_img_info_two figure.tab_img.active {
position: absolute;
opacity: 1
}
.multitask_tab {
position: relative;
z-index: 1;
justify-content: center;
border: 0;
margin-top: 40px
}
.multitask_tab .nav-item {
margin-right: 30px
}
.multitask_tab .nav-item .nav-link {
border-radius: 0;
font-size: 14px;
color: #5a5b62;
text-transform: uppercase;
padding: 10px 20px;
background: 0 0;
border: 0;
position: relative
}
.multitask_tab .nav-item .nav-link:before, .multitask_tab .nav-item .nav-link:after {
content: "";
position: absolute;
width: 100%;
height: 1px;
bottom: 0
}
.multitask_tab .nav-item .nav-link:before {
background: #3e3e41;
left: 0
}
.multitask_tab .nav-item .nav-link:after {
background: #fff;
left: auto;
right: 0;
width: 0;
transition: width .3s linear
}
.multitask_tab .nav-item .nav-link.active:after, .multitask_tab .nav-item .nav-link:hover:after {
width: 100%;
left: 0;
right: auto
}
.multitask_tab .nav-item:last-child {
margin-right: 0
}
.multitask_tab_content {
max-width: 670px;
margin: 0 auto;
position: relative;
z-index: 1;
text-align: center;
padding-top: 55px
}
.multitask_tab_content p {
margin-bottom: 0;
font-size: 16px;
color: #5a5b62;
line-height: 30px
}
.multitask_tab_content .tabe_pane {
animation: fadeOut .3s linear both
}
.multitask_tab_content .show {
animation: fadeInUp .3s linear both
}
.comparison_pr_info.one {
margin-top: 34px
}
.comparison_pr_info img {
margin-bottom: 80px
}
.comparison_pr_info h3 {
font-size: 30px;
color: #222;
font-weight: 600
}
.comparison_pr_info ul {
margin-bottom: 0
}
.comparison_pr_info ul li {
font-size: 16px;
color: #5a5b62;
margin-bottom: 30px
}
.image_comparison {
background: url(../img/dark-product/mac_13.png) no-repeat;
height: 400px;
width: 400px;
display: inline-block;
position: relative;
background-position: center !important;
margin-bottom: 0;
padding-top: 35px;
padding-bottom: 35px;
margin-top: 110px
}
.image_comparison.image_comparison_two {
background: url(../img/dark-product/max-15.png) no-repeat
}
.image_comparison .caption_text {
font-size: 14px;
color: #5a5b62;
position: absolute
}
.image_comparison .caption_text.headphone {
right: 20px;
top: -10px
}
.image_comparison .caption_text.thunderbolt {
bottom: -10px;
left: 85px
}
.image_comparison .caption_text.thunderbolt_one {
right: 80px;
top: -10px
}
.image_comparison .caption_text.headphone_two {
top: 194px;
right: 18px
}
.image_comparison .caption_text.thunderbolt_three {
bottom: -10px;
left: 90px
}
.product_discount_area {
background: #000
}
.product_discount_content p {
color: #5a5b62;
font-size: 16px;
max-width: 670px;
margin-left: auto;
margin-right: auto;
margin-top: 70px
}
.product_discount_content .btn_four {
font-size: 16px;
padding: 12px 40px;
margin-top: 38px
}
.product_discount_content .btn_four:hover {
background: #fff;
color: #1f4897;
border-color: #fff
}
.product_features_area p {
font-size: 16px;
color: #5a5b62;
margin-bottom: 0
}
.macbook_body {
max-width: 770px;
height: 462px;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom: 100px
}
.macbook_body .top, .macbook_body .middle, .macbook_body .bottom {
position: relative
}
.macbook_body .top {
z-index: 2
}
.macbook_body .middle {
bottom: 8px;
z-index: 1
}
.macbook_body .bottom {
bottom: 82px
}
.battery_mockup {
position: relative
}
.battery_info {
margin-bottom: 0
}
.battery_info li {
position: absolute;
font-size: 14px;
color: #5a5b62;
top: 128px;
display: flex;
align-items: center
}
.battery_info li:nth-child(even) {
right: 0;
text-align: right;
flex-direction: row-reverse
}
.battery_info li:nth-child(even) .line {
margin-left: 0;
margin-right: 30px
}
.battery_info li:nth-child(2) {
right: 0
}
.battery_info li:nth-child(3), .battery_info li:nth-child(4) {
top: 250px
}
.battery_info li:nth-child(3) .line {
margin-left: 60px
}
.battery_info li:nth-child(4) .line {
margin-right: 60px
}
.battery_info li:nth-child(5), .battery_info li:nth-child(6) {
top: 365px
}
.battery_info li .line {
width: 145px;
display: inline-block;
height: 1px;
background: #e5e5e5;
margin-left: 30px
}
.product_features_content .performance_title {
margin-bottom: 20px
}
.product_features_info {
margin-bottom: -80px
}
.product_features_item {
margin-bottom: 80px
}
.product_features_item .badge_content {
font-size: 54px;
line-height: 50px;
color: #222;
font-weight: 500;
margin-bottom: 10px
}
.product_features_item .badge_content .counter {
display: inline-block
}
.h_security_banner_area {
height: 100vh;
min-height: 650px;
background-image: linear-gradient(60deg,rgb(0, 0, 0) 0%,rgb(10, 50, 87) 100%);
align-items: center;
justify-content: center;
display: flex;
position: relative;
z-index: 1
}
.h_security_banner_area .s_round {
position: absolute;
border-radius: 50%;
top: -100px;
background: rgba(255,255,255,.05);
z-index: -1
}
.h_security_banner_area .s_round.one {
width: 280px;
height: 280px;
left: -8%
}
.h_security_banner_area .s_round.two {
width: 500px;
height: 500px;
left: -430px
}
.h_security_banner_area .s_shap {
right: 0;
bottom: 0
}
.security_banner_content h2 {
font-size: 50px;
line-height: 64px;
font-weight: 700;
color: #fff;
margin-bottom: 18px
}
.security_banner_content p {
font-size: 20px
}
.security_banner_content .app_btn {
background-color: #fba820;
box-shadow: 0 10px 50px 0 rgba(10,92,80,.2);
font-size: 16px;
padding: 10px 39px
}
.security_banner_content .app_btn:hover {
box-shadow: none;
color: #fff
}
.security_banner_content .w_btn {
font-size: 16px;
font-weight: 500;
color: #fff;
margin-left: 30px
}
.security_banner_content .w_btn img {
margin-right: 10px;
vertical-align: sub
}
.security_title h2 {
font-size: 34px;
line-height: 44px
}
.security_title h2 span {
display: block;
font-weight: 300
}
.h_security_area {
padding: 100px 0
}
.h_security_area .row {
margin-bottom: -45px
}
.h_security_item {
align-items: center;
margin: 45px 0
}
.h_security_item img {
margin-right: 40px
}
.h_security_item .media-body h4 {
font-size: 20px;
font-weight: 600;
color: #2c2c51;
line-height: 28px;
margin-bottom: 18px
}
.h_security_item .media-body p {
margin-bottom: 0;
color: #7b7b93
}
.security_features_area {
padding: 50px 0;
position: relative;
z-index: 1
}
.security_features_inner {
display: flex;
margin-left: auto;
margin-right: auto;
max-width: 1030px;
justify-content: space-between;
flex-wrap: wrap
}
.security_features_inner .s_features_item .item {
width: 300px;
text-align: center;
border-radius: 30px;
background-color: #fff;
box-shadow: 0 50px 100px 0 rgba(1,1,64,.06);
padding: 83px 0;
position: relative
}
.security_features_inner .s_features_item .item h6 {
font-size: 24px;
color: #2c2c51;
font-weight: 500;
margin-bottom: 0;
padding-top: 26px
}
.security_features_inner .s_features_item:nth-child(3n-1) {
margin-top: 75px
}
.security_features_inner .s_features_item:nth-child(3n+1) {
margin-top: 150px
}
.h_security_about_area {
background: #fafbfc;
position: relative;
z-index: 0
}
.h_security_about_area:before {
content: "";
width: 150%;
height: 460px;
background: #fafbfc;
position: absolute;
z-index: -5;
transform: rotate(-10.9deg);
top: -215px;
right: -171px;
z-index: -1
}
.h_security_about_area .h_analytices_content ul {
border-top: 0;
padding-top: 0
}
.h_analytices_features_item.flex-row-reverse .h_security_img {
position: relative
}
.h_analytices_features_item.flex-row-reverse .h_security_img:before {
left: auto;
right: 20px;
background: #edb4cb
}
.h_analytices_features_item.flex-row-reverse .h_security_img img {
box-shadow: 15px 25.981px 60px 0 rgba(1,1,64,.14)
}
.h_security_img {
position: relative;
z-index: 0
}
.h_security_img:before {
content: "";
position: absolute;
width: 70px;
top: 60px;
bottom: 60px;
left: 20px;
background: #b1ceeb;
z-index: -1
}
.h_security_img img {
box-shadow: -15px 25.981px 60px 0 rgba(1,1,64,.14)
}
.security_customers_logo_area {
padding: 100px 0
}
.security_customers_logo_area .hosting_title {
margin-bottom: 50px
}
.security_inner {
padding: 0 100px 20px;
position: relative;
border-bottom: 1px solid #ececf6
}
.security_inner .security_leaf_left, .security_inner .security_leaf_right {
top: 50%;
margin-top: -100px
}
.security_inner .security_leaf_left {
left: 0
}
.security_inner .security_leaf_right {
right: 0
}
.security_app_btn {
margin-top: 30px;
font-size: 16px;
font-weight: 500;
color: #7b7b93
}
.security_app_btn i {
color: #0e79de;
font-size: 45px;
vertical-align: middle;
padding-right: 20px
}
.security_app_btn span {
color: #0e79de
}
.security_app_btn + .security_app_btn {
margin-left: 35px
}
.security_integration_area {
padding: 30px 0 120px
}
.security_integration_area .s_integration_item {
box-shadow: 0 3px 8px 0 rgba(12,0,46,.08)
}
.security_integration_area .s_integration_item:hover {
transform: scale(1);
box-shadow: 0 20px 30px 0 rgba(12,0,46,.1)
}
.security_action_area {
background: #fafafd;
padding: 130px 0;
position: relative;
overflow: hidden;
z-index: 1
}
.security_action_area .img_bg {
right: 0;
top: -22px;
z-index: -1
}
.security_action_inner {
display: flex;
justify-content: space-between;
align-items: center
}
.security_action_inner .media {
align-items: center
}
.security_action_inner .media img {
margin-right: 70px
}
.security_action_inner .media h3 {
font-size: 34px;
font-weight: 600;
color: #2c2c51;
margin-bottom: 0
}
.security_action_inner .media h3 span {
display: block;
color: #0e79de;
font-weight: 300
}
.security_action_inner .er_btn_two {
margin-top: 0;
background: #0e79de;
border: 0;
padding: 12px 57px;
box-shadow: 0 10px 50px 0 rgba(10,52,92,.2)
}
.security_action_inner .er_btn_two:hover {
box-shadow: none;
color: #fff
}
.security_footer_area:after {
display: none
}
.event_banner_area {
min-height: 100vh;
position: relative;
overflow: hidden;
background-image: linear-gradient(-120deg,rgb(110,24,34) 0%,rgb(14,4,75) 100%);
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
text-align: center
}
.event_banner_area .parallax-effect {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 105%;
z-index: -1;
opacity: .2
}
.event_banner_content {
position: relative
}
.event_banner_content .round {
width: 600px;
height: 600px;
border-radius: 50%;
background: #fff;
opacity: .05;
position: absolute;
top: 50%;
left: 50%;
margin-top: -300px;
margin-left: -300px;
z-index: -1
}
.event_banner_content h6 {
font-size: 20px;
font-weight: 500;
color: #fcb747;
margin-bottom: 18px
}
.event_banner_content h2 {
font-size: 60px;
line-height: 94px;
font-weight: 700;
color: #fff;
margin-bottom: 45px
}
.event_banner_content h2 span {
font-weight: 300
}
.event_banner_content .event_btn_two {
margin-left: 15px
}
.event_btn {
font-size: 16px;
padding: 11px 51px;
border-radius: 45px;
background: #fd475d;
border: 2px solid #fd475d;
color: #fff
}
.event_btn i {
margin-right: 8px;
font-size: 26px;
vertical-align: middle
}
.event_btn:hover {
box-shadow: 0 10px 50px 0 rgba(195,33,52,.3)
}
.event_btn_two {
padding: 11px 33px;
border-color: #fba820;
color: #fba820;
background: 0 0
}
.event_btn_two:hover {
background: #fd475d;
color: #fff;
border-color: #fd475d
}
.event_counter_area {
background: #fdfaf6;
padding: 75px 0
}
.event_text {
padding-right: 100px
}
.event_text h3 {
font-size: 34px;
line-height: 44px;
font-weight: 500;
color: #2c2c51;
margin-bottom: 0
}
.event_text h3 span {
font-weight: 700;
color: #fd475d
}
.event_counter .redCountdownWrapper {
margin-left: -18px;
margin-right: -18px
}
.event_counter .redCountdownWrapper > div {
margin: 0 18px;
width: calc(25% - 36px)
}
.event_counter .redCountdownWrapper .redCountdownValue {
line-height: 30px
}
.event_counter .redCountdownWrapper .redCountdownValue div {
font-size: 40px;
font-weight: 600;
line-height: 30px
}
.event_counter .redCountdownWrapper .redCountdownValue span {
font-size: 16px;
font-weight: 400
}
.event_counter .redCountdownWrapper .redCountdownDays .redCountdownValue div, .event_counter .redCountdownWrapper .redCountdownDays .redCountdownValue span {
color: #fd475d
}
.event_counter .redCountdownWrapper .redCountdownHours .redCountdownValue div, .event_counter .redCountdownWrapper .redCountdownHours .redCountdownValue span {
color: #2d8dfa
}
.event_counter .redCountdownWrapper .redCountdownMinutes .redCountdownValue div, .event_counter .redCountdownWrapper .redCountdownMinutes .redCountdownValue span {
color: #9449fb
}
.event_counter .redCountdownWrapper .redCountdownMinutes .redCountdownValue div, .event_counter .redCountdownWrapper .redCountdownMinutes .redCountdownValue span {
color: #9449fb
}
.event_counter .redCountdownWrapper .redCountdownSeconds .redCountdownValue div, .event_counter .redCountdownWrapper .redCountdownSeconds .redCountdownValue span {
color: #4ad425
}
.event_about_area {
padding: 150px 0 50px
}
.event_about_content {
padding-right: 120px
}
.event_about_content .event_about_item {
padding-top: 40px
}
.event_about_content h2 {
font-size: 40px;
line-height: 50px;
font-weight: 600;
color: #2c2c51;
margin-bottom: 25px
}
.event_about_content p {
font-size: 16px;
line-height: 28px;
color: #7b7b93
}
.event_about_content h6 {
color: #2c2c51;
font-size: 18px;
font-weight: 500;
padding-top: 25px;
margin-bottom: 12px
}
.event_about_img {
position: relative
}
.event_about_img .about_bg {
height: 330px;
border-radius: 10px;
background-image: linear-gradient(140deg,rgb(253,71,93) 0%,rgb(14,4,75) 100%);
position: absolute;
left: 90px;
right: -50px;
bottom: -50px;
opacity: .1
}
.event_about_img img {
border-radius: 10px
}
.event_team_area .owl-dots {
margin-top: 55px
}
.event_team_area .owl-dots .owl-dot span {
border: 0;
background: #f2dcdf
}
.event_team_area .owl-dots .owl-dot.active span {
background: #fd475d
}
.event_team_slider .item {
text-align: center;
cursor: pointer
}
.event_team_slider .item .e_team_img {
position: relative;
z-index: 1;
margin-bottom: 25px;
border-radius: 6px;
background-image: linear-gradient(60deg,rgb(253,71,93) 0%,rgb(14,4,75) 100%);
overflow: hidden
}
.event_team_slider .item .e_team_img:before, .event_team_slider .item .e_team_img:after {
content: "";
width: 100px;
height: 121px;
background: #fff;
opacity: .6;
position: absolute;
bottom: -105px;
right: -104px;
transform: rotate(45deg);
z-index: 1;
transition: all .2s linear
}
.event_team_slider .item .e_team_img:after {
width: 172px;
height: 117px;
transform: rotate(-27deg);
bottom: -120px
}
.event_team_slider .item .e_team_img img {
transition: all .3s,opacity .4s linear
}
.event_team_slider .item .e_team_img ul {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 30px;
margin-bottom: 0;
overflow: hidden
}
.event_team_slider .item .e_team_img ul li {
overflow: hidden
}
.event_team_slider .item .e_team_img ul li a {
width: 50px;
height: 50px;
display: inline-block;
border: 2px solid #fff;
font-size: 16px;
line-height: 50px;
border-radius: 50%;
color: #fff;
text-align: center;
background: rgba(255,255,255,.2);
transform: translateY(100%)
}
.event_team_slider .item .e_team_img ul li a:hover {
background: #fff;
color: #fd475d
}
.event_team_slider .item .e_team_img ul li:nth-child(1) a {
transition: all .3s,background .2s,color .2s linear
}
.event_team_slider .item .e_team_img ul li:nth-child(2) a {
transition: all .4s,background .2s,color .2s linear
}
.event_team_slider .item .e_team_img ul li:nth-child(3) a {
transition: all .5s,background .2s,color .2s linear
}
.event_team_slider .item .e_team_img ul li + li {
margin-top: 10px
}
.event_team_slider .item h4 {
font-size: 20px;
font-weight: 500;
color: #2c2c51;
margin-bottom: 2px
}
.event_team_slider .item h4:hover {
color: #fd475d
}
.event_team_slider .item p {
color: #7b7b93;
margin-bottom: 0
}
.event_team_slider .item:hover .e_team_img:before {
bottom: -55px;
right: -44px;
transition: all .3s linear
}
.event_team_slider .item:hover .e_team_img:after {
bottom: -85px;
right: -44px;
transition: all .4s linear
}
.event_team_slider .item:hover img {
opacity: .2;
transform: scale(1.04)
}
.event_team_slider .item:hover ul li a {
transform: translateY(0)
}
.event_features_area {
background: #fdfaf6;
padding-top: 100px
}
.event_features_inner {
margin-bottom: -120px;
position: relative;
z-index: 1
}
.event_features_item {
border-radius: 6px;
background-color: #fff;
box-shadow: 0 40px 60px 0 rgba(92,10,20,.08);
height: 100%;
padding: 40px
}
.event_features_item img {
margin-bottom: 35px
}
.event_features_item h5 {
font-weight: 500;
font-size: 20px;
color: #2c2c51;
margin-bottom: 18px;
transition: color .2s linear;
display: block
}
.event_features_item h5:hover {
color: #fd475d
}
.event_features_item p {
color: #7b7b93
}
.event_features_item .e_features_btn {
font-size: 16px;
font-weight: 500;
color: #2c2c51;
display: inline-block;
transition: color .2s linear;
margin-top: 20px
}
.event_features_item .e_features_btn:hover {
color: #fd475d
}
.event_promotion_area {
padding-top: 266px;
padding-bottom: 120px;
position: relative;
z-index: 0;
background: #fff
}
.event_promotion_info {
margin-top: -60px
}
.event_promotion_info p {
padding-left: 30px
}
.e_promo_text {
margin-left: 70px;
border-radius: 6px;
padding: 60px;
background-color: #fff;
box-shadow: 0 40px 60px 0 rgba(92,10,20,.08)
}
.e_promo_text .promo_tag {
padding: 1px 10px;
color: #fff;
display: inline-block;
border-radius: 4px;
background: #fd475d
}
.e_promo_text h3 {
font-size: 34px;
font-weight: 600;
line-height: 44px;
color: #2c2c51;
margin: 30px 0 40px
}
.e_promo_text .date {
color: #fba820;
margin-left: 30px
}
.e_promo_text .event_btn {
padding: 7px 37px
}
.event_schedule_area {
background: #fdfaf6
}
.event_schedule_inner {
max-width: 970px;
margin: 0 auto
}
.event_schedule_inner .event_tab {
justify-content: center;
padding-bottom: 20px;
border: 0
}
.event_schedule_inner .event_tab .nav-item {
margin: 0
}
.event_schedule_inner .event_tab .nav-item .nav-link {
text-align: center;
border: 2px solid #fd475d;
border-radius: 45px;
padding: 6px 58px 8px;
transition: all .2s linear;
cursor: pointer
}
.event_schedule_inner .event_tab .nav-item .nav-link h5 {
font-size: 18px;
font-weight: 600;
margin-bottom: 0;
color: #fd475d
}
.event_schedule_inner .event_tab .nav-item .nav-link h5 span {
font-weight: 400;
font-size: 14px;
display: block;
padding-top: 5px
}
.event_schedule_inner .event_tab .nav-item .nav-link.active, .event_schedule_inner .event_tab .nav-item .nav-link:hover {
background: #fd475d;
box-shadow: 0 10px 50px 0 rgba(195,33,52,.3)
}
.event_schedule_inner .event_tab .nav-item .nav-link.active h5, .event_schedule_inner .event_tab .nav-item .nav-link:hover h5 {
color: #fff
}
.event_schedule_inner .event_tab .nav-item + .nav-item {
margin-left: 20px
}
.event_tab_content {
max-width: 970px;
margin: 0 auto
}
.event_tab_content .media {
border-radius: 6px;
background-color: #fff;
box-shadow: 0 30px 60px 0 rgba(92,10,20,.08);
padding: 40px;
margin-top: 20px;
transform: translateY(10px);
transition: all .3s linear;
display: flex;
flex-wrap: wrap
}
.event_tab_content .media .media-left {
margin-right: 70px
}
.event_tab_content .media .media-left img {
border-radius: 50%;
margin-bottom: 12px
}
.event_tab_content .media .media-left a {
display: block;
font-size: 16px;
line-height: 20px;
color: #2c2c51;
margin-top: 6px
}
.event_tab_content .media .media-left a i {
color: #fd475d;
padding-right: 8px
}
.event_tab_content .media .media-body {
border-left: 1px solid #f1ece5;
padding-left: 70px;
flex: 1
}
.event_tab_content .media .media-body .h_head {
font-weight: 500;
margin-bottom: 3px
}
.event_tab_content .media .media-body span {
color: #7b7b93
}
.event_tab_content .media .media-body span a {
color: #fba820
}
.event_tab_content .media .media-body p {
color: #7b7b93;
margin-bottom: 0;
padding-top: 12px
}
.event_tab_content .show .media {
transform: translateY(0)
}
.event_price_item {
padding: 46px 0 36px;
border: 0;
border-radius: 0;
background-color: #fff;
box-shadow: 0 10px 40px 0 rgba(64,1,9,.06);
position: relative;
margin-bottom: 30px
}
.event_price_item:before {
content: "";
background: url(../img/home-event/price_shap.png) no-repeat scroll center bottom;
position: absolute;
bottom: -22px;
left: 0;
height: 22px;
width: 100%;
background-size: cover
}
.event_price_item .p_head {
border: 0
}
.event_price_item .p_head h5 {
margin-bottom: 0
}
.event_price_item .p_head .rate, .event_price_item .p_head .tag {
color: #fba820
}
.event_price_item .p_body {
padding: 0 40px 30px;
border-bottom: .5px dashed #cfcfdc
}
.event_price_item .p_body li {
color: #7b7b93
}
.event_price_item .p_body li .ti-check {
color: #26da15
}
.event_price_item .p_body li .ti-close {
color: #fc314e
}
.event_price_item .event_btn {
width: 100%
}
.event_price_item .event_btn:hover {
box-shadow: 0 10px 40px 0 rgba(195,33,52,.3)
}
.event_price_item .text-center {
padding: 40px 40px 0
}
.event_price_item.active {
padding-top: 20px;
box-shadow: 0 50px 100px 0 rgba(64,1,9,.1)
}
.event_price_item.active .p_head .rate {
color: #fd475d
}
.event_price_item.active .p_body li {
color: #7b7b93
}
.event_price_item.active .event_btn {
box-shadow: 0 10px 40px 0 rgba(195,33,52,.3)
}
.event_price_item:hover {
box-shadow: 0 50px 100px 0 rgba(64,1,9,.1)
}
.event_fact_area {
background: #fdfaf6
}
.event_fact_area .seo_fact_info:before {
background: url(../img/home-event/dot.png) no-repeat center center
}
.event_fact_area .seo_fact_info .seo_fact_item {
margin-top: 0
}
.event_gallery .portfolio_item .portfolio_img:hover .hover_content {
background-image: linear-gradient(-120deg,rgb(253,71,93) 0%,rgb(14,4,75) 100%);
opacity: .8
}
.event_sponser_inner .event_sponser_item {
border-top: 1px solid #f0ebec;
padding: 40px 0
}
.event_sponser_inner .event_sponser_item .sponser_title {
margin-bottom: 0;
padding-top: 25px
}
.event_sponser_inner .event_sponser_item .analytices_logo {
margin-top: 0
}
.event_sponser_inner .event_sponser_item .event_btn:hover {
box-shadow: 0 10px 50px 0 rgba(195,33,52,.3)
}
.event_sponser_inner .event_sponser_item .event_btn.event_btn_two {
margin-left: 20px
}
.event_sponser_inner .event_sponser_item.last-child {
padding-top: 60px;
padding-bottom: 0
}
.event_footer_area {
background: #212146
}
.event_footer_area .instagram_widget ul li a:before {
background: rgba(253,71,93,.5)
}
.event_location_area {
position: relative;
z-index: 1
}
.event_location_area .map iframe {
position: absolute;
height: 100%;
width: 100%;
border: 0;
z-index: 1
}
.event_location {
max-width: 570px;
z-index: 2;
position: relative;
background-color: rgba(255,255,255,.922);
padding: 150px 100px
}
.event_location h6 {
font-size: 20px;
font-weight: 600;
color: #2c2c51
}
.event_location p {
font-size: 16px;
color: #7b7b93;
margin-bottom: 0
}
.event_location .contact_info_item {
border: 0
}
.event_location .f_social_icon_two {
padding-top: 30px
}
.event_location .f_social_icon_two a {
color: #7b7b93
}
.event_location .f_social_icon_two a:hover {
color: #fd475d
}
.tracking_banner_area {
background: #efeec9;
padding-top: 175px
}
.tracking_banner_content h3 {
font-size: 48px;
color: #051441;
font-weight: 400;
line-height: 60px
}
.tracking_banner_content p {
color: #666;
font-weight: 400;
font-size: 20px;
margin-bottom: 50px
}
.tracking_software_logo {
padding-left: 70px;
padding-right: 70px;
padding-top: 60px;
padding-bottom: 50px;
align-items: center
}
.tracking_software_logo img {
filter: grayscale(100%);
opacity: .25
}
.tracking_activity_area {
padding-top: 115px;
background: #f6f6f6
}
.tracking_item img {
margin-right: 10px
}
.tracking_item .media-body h3 {
font-weight: 600;
margin-bottom: 10px
}
.tracking_item .media-body h3:hover {
color: #6754e2
}
.tracking_item .media-body p {
margin-bottom: 0
}
.tracking_product_area {
background: #f6f6f6
}
.tracking_pr_item {
padding: 60px
}
.tracking_pr_item .tracking_bg {
text-align: center
}
.tracking_pr_item .tracking_content {
padding: 45px 55px;
border: 1px solid #ffc2c2
}
.tracking_pr_item .tracking_content h3 {
font-size: 30px;
font-weight: 600;
line-height: 40px;
color: #fff;
margin-bottom: 18px
}
.tracking_pr_item .tracking_content p {
color: #fff;
margin-bottom: 32px
}
.tracking_pr_item .tracking_content .seo_btn {
border-radius: 45px;
background: #fff;
border: 1px solid #fff;
color: #000;
padding: 7px 44px
}
.tracking_pr_item .tracking_content .seo_btn:hover {
box-shadow: 0 20px 30px 0 rgba(0,0,0,.1)
}
.tracking_pr_item .tracking_content .seo_btn_one {
border: 1px solid #9472cd;
color: #8964c7;
background: #eee9f7
}
.tracking_pr_item .tracking_content .seo_btn_one:hover {
background: #8964c7
}
.tracking_pr_item + .tracking_pr_item {
margin-top: 120px
}
.tracking_pr_two .tracking_content {
border-color: #fff
}
.tracking_price_area {
background: #f8ad5d
}
.tracking_price_inner {
max-width: 760px;
margin: 0 auto
}
.tracking_price_inner h2 {
color: #fff;
text-align: center;
font-size: 36px;
font-weight: 700;
margin-bottom: 0
}
.tracking_price_inner .track_price {
padding-right: 70px
}
.tracking_price_inner .track_price h3 {
font-size: 120px;
color: #fff;
font-weight: 700;
line-height: 90px;
margin-bottom: 10px
}
.tracking_price_inner .track_price h6 {
color: rgba(255,255,255,.5);
font-size: 24px;
line-height: 24px;
font-weight: 400;
text-align: right;
margin-bottom: 0
}
.tracking_price_inner .track_body {
padding: 80px 0
}
.tracking_price_inner .track_text {
border-left: 1px solid rgba(255,255,255,.3);
padding-left: 72px
}
.tracking_price_inner .track_text h4 {
color: #fff;
font-size: 30px;
font-weight: 600;
margin-bottom: 18px
}
.tracking_price_inner .track_text ul {
margin-bottom: 0
}
.tracking_price_inner .track_text ul li {
font-size: 18px;
color: #fff
}
.tracking_price_inner .track_text ul li i {
font-size: 16px;
margin-right: 7px
}
.tracking_price_inner .software_banner_btn {
font-size: 16px;
background-color: #6754e2;
box-shadow: none
}
.tracking_price_inner .software_banner_btn:hover {
box-shadow: 0 17px 35px 0 rgba(103,84,226,.27);
color: #fff
}
.tracking_price_inner h6 {
color: rgba(255,255,255,.5);
font-size: 14px;
margin-bottom: 0;
margin-top: 20px
}
.tracking_getting_area {
text-align: center;
background: url("../img/home-tracking/cta_pattern_bg.jpg") no-repeat scroll center 0/cover
}
.tracking_getting_area h2 {
font-weight: 700;
font-size: 36px;
color: #222
}
.tracking_getting_area .software_banner_btn {
background-color: #6754e2;
font-size: 16px;
box-shadow: 0 17px 35px 0 rgba(103,84,226,.27);
padding: 17px 60px;
margin-top: 10px
}
.tracking_getting_area .software_banner_btn:hover {
box-shadow: none;
color: #fff
}
.chat_banner_area {
height: 100vh;
min-height: 700px;
background: #fafafe;
position: relative;
padding: 150px 0 120px;
overflow: hidden
}
.chat_banner_area .cloud {
top: 190px;
left: 0;
width: 100%
}
.chat_banner_area .left {
left: 0;
bottom: 30px
}
.chat_banner_area .right {
right: 0;
bottom: 30px
}
.chat_banner_content {
padding-top: 128px
}
.chat_banner_content .c_tag {
border-radius: 4px;
background: #e2f4e8;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
display: inline-block;
color: #0ec123;
padding: 4px 15px;
margin-bottom: 25px
}
.chat_banner_content .c_tag img {
margin-right: 6px
}
.chat_banner_content h2 {
font-size: 48px;
line-height: 72px;
font-weight: 400;
color: #051441;
margin-bottom: 30px
}
.chat_banner_content .chat_btn {
width: 100%
}
.chat_banner_content span {
font-size: 14px;
color: #999
}
.chat_img {
position: relative
}
.chat_img .round {
position: absolute;
width: 100px;
height: 100px;
border-radius: 50%;
opacity: .7
}
.chat_img .round.one {
background: #deeef1;
left: 0;
bottom: 120px
}
.chat_img .round.two {
background: #f5eae3;
right: -20px;
top: 120px
}
.chat_img .round.three {
background: #f9f5e8;
right: -50px;
top: 70px;
width: 60px;
height: 60px
}
.chat_img .p_one {
right: -250px;
bottom: 300px;
animation: fadeInUp3 2.5s 1s both alternate infinite;
z-index: 1
}
.chat_img .p_two {
left: -140px;
bottom: 300px;
z-index: 1;
animation: fadeInUp3 2.5s 3s both alternate infinite
}
.chat_img .p_three {
right: -70px;
bottom: 180px;
z-index: 1;
animation: fadeInUp3 1.5s 5s both alternate infinite
}
.chat_title {
margin-bottom: 75px
}
.chat_title h2 {
color: #222;
font-weight: 400;
font-size: 36px;
line-height: 48px
}
.chat_title h2 span {
font-weight: 700
}
.chat_title p {
max-width: 730px;
margin: 0 auto;
color: #677294
}
.chat_features_item {
text-align: center;
padding: 0 30px
}
.chat_features_item .round {
height: 270px;
line-height: 324px;
position: relative
}
.chat_features_item .round .top_img {
top: -6px;
right: 8px;
transition: all .3s linear
}
.chat_features_item .round_circle {
background-image: linear-gradient(-140deg,rgb(244,131,163) 0%,rgb(198,112,254) 100%);
width: 220px;
height: 220px;
border-radius: 50%;
display: block;
margin: 0 auto;
left: 58%;
transform: translateX(-50%);
position: absolute;
z-index: -1;
top: 0
}
.chat_features_item .round_circle.two {
background-image: linear-gradient(-140deg,rgb(131,243,244) 0%,rgb(112,182,254) 100%)
}
.chat_features_item .round_circle.three {
background-image: linear-gradient(-140deg,rgb(240,244,131) 0%,rgb(254,192,112) 100%)
}
.chat_features_item h4 {
font-size: 18px;
font-weight: 700;
color: #222;
margin-bottom: 18px;
position: relative;
z-index: 1
}
.chat_features_item p {
color: #666;
line-height: 24px
}
.chat_features_item:hover .round .top_img {
transform: rotate(90deg)
}
.chat_features_area {
padding: 120px 0
}
.chat_features_img {
background-image: linear-gradient(-140deg,rgb(131,224,244) 0%,rgb(112,148,254) 100%);
width: 100%;
height: 475px;
position: relative;
padding-left: 60px
}
.chat_features_img .chat_features_img_bg_one {
position: absolute;
left: 0;
z-index: -1;
top: 50%;
transform: translateY(-50%)
}
.chat_features_img .chat_one, .chat_features_img .chat_two {
box-shadow: 0 5px 20px 0 rgba(12,0,46,.15)
}
.chat_features_img .chat_one {
top: 0;
position: relative
}
.chat_features_img .chat_two {
left: 46%;
bottom: -35px
}
.chat_features_img .dot_bg {
left: -30px;
bottom: 40px
}
.chat_features_content img {
margin-bottom: 28px
}
.chat_features_content h2 {
font-size: 36px;
font-weight: 400;
color: #222;
margin-bottom: 16px
}
.chat_features_content h2 span {
font-weight: 700
}
.chat_features_content p {
line-height: 30px;
color: #666
}
.chat_features_content a {
color: #666;
font-size: 14px;
font-weight: 700
}
.chat_features_content a:hover {
color: #6754e2
}
.chat_features_img_two {
background-image: linear-gradient(-140deg,rgb(247,176,92) 0%,rgb(240,130,96) 100%);
margin-left: 30px
}
.chat_features_img_two .chat_two {
bottom: 50px;
left: -30px
}
.chat_features_img_two .chat_one {
top: -30px
}
.chat_features_img_three {
background-image: linear-gradient(-140deg,rgb(92,247,125) 0%,rgb(112,199,254) 100%)
}
.chat_features_img_three .chat_two {
left: 60px;
bottom: 50px
}
.chat_integration_area {
padding-bottom: 120px
}
.chat_integration_area .border-bottom {
margin-bottom: 110px
}
.chat_clients_feedback {
background-image: linear-gradient(-140deg,rgb(92,227,247) -100%,rgb(112,165,254) 100%);
display: flex;
align-items: flex-end
}
.chat_clients_feedback.feedback_two {
background-image: linear-gradient(-140deg,rgb(180,115,254) 0%,rgb(173,101,255) 100%)
}
.chat_clients_feedback.feedback_two .clients_feedback_item .feedback_body {
padding-right: 0
}
.clients_feedback_item {
display: flex;
align-items: flex-start;
align-items: center;
padding-top: 40px
}
.clients_feedback_item .feedback_body {
padding-left: 100px;
padding-right: 100px;
position: relative;
flex: 1
}
.clients_feedback_item .feedback_body p {
color: #fff;
font-size: 18px;
line-height: 30px;
margin-bottom: 25px
}
.clients_feedback_item .feedback_body .ratting {
padding-bottom: 10px
}
.clients_feedback_item .feedback_body .ratting i {
font-size: 16px;
color: #ffc859
}
.clients_feedback_item .feedback_body .f_name {
font-size: 30px;
color: #fff;
font-weight: 400;
margin-bottom: 0
}
.clients_feedback_item .feedback_body a {
font-size: 14px;
color: #fff
}
.chat_get_started_area {
background: url(../img/home-chat/get_started_bg.png) no-repeat scroll center bottom;
height: 712px;
padding-top: 120px
}
.chat_get_started_content h2 {
font-weight: 700;
color: #222;
font-size: 36px
}
.chat_get_started_content p {
font-size: 18px;
line-height: 30px;
max-width: 550px;
margin: 0 auto 40px
}
.chat_btn {
background: #6754e2;
color: #fff;
padding: 9px 95px;
border-radius: 4px
}
.chat_btn:hover {
box-shadow: 0 10px 40px 0 rgba(103,84,226,.3)
}
.h_footer_track {
padding-bottom: 100px
}
.h_footer_track:before, .h_footer_track:after {
display: none
}
.banner_area {
min-height: 720px;
height: 100vh;
overflow: hidden;
position: relative;
background: #f5f7fb;
z-index: 1
}
.banner_text h2 {
font-size: 44px;
color: #2c2c51;
line-height: 54px;
font-weight: 600;
margin-bottom: 20px
}
.banner_text p {
font-size: 18px;
line-height: 30px;
margin-bottom: 45px
}
.image_mockup .one_img {
position: absolute;
z-index: -1
}
.image_mockup .one_img .layer {
position: relative !important
}
.image_mockup .one_img:nth-child(1) {
right: -29px;
top: 106px
}
.image_mockup .one_img:nth-child(2) {
right: 178px;
top: 338px
}
.image_mockup .one_img:nth-child(3) {
bottom: 18px;
right: 541px
}
.image_mockup .one_img:nth-child(4) {
bottom: -433px;
right: 665px
}
.image_mockup .one_img:nth-child(5) {
bottom: 78px;
right: -185px
}
.image_mockup .one_img:nth-child(6) {
bottom: -323px;
right: 76px
}
.image_mockup .one_img:nth-child(7) {
bottom: 190px;
right: 90px;
z-index: -2
}
.image_mockup .one_img:nth-child(8) {
top: 100px;
left: -150px;
z-index: -2
}
.image_mockup .one_img:nth-child(9) {
top: 50%;
left: 56%;
z-index: -2
}
.image_mockup .one_img:nth-child(10) {
top: 210px;
left: 30%;
z-index: -2
}
.image_mockup .one_img:nth-child(11) {
bottom: 80px;
left: 200px;
z-index: -2
}
.image_mockup .one_img:nth-child(12) {
top: 42%;
left: 160px;
z-index: -2
}
.image_mockup .one_img:nth-child(13) {
top: 220px;
right: 30%;
z-index: -2
}
.image_mockup .one_img:nth-child(14) {
top: 80px;
right: 40%;
z-index: -2;
animation: zoomIn 3s linear infinite alternate
}
.image_mockup .one_img:nth-child(15) {
bottom: 180px;
left: 600px;
z-index: -2
}
.image_mockup .one_img:nth-child(16) {
top: 460px;
right: 414px;
z-index: -2
}
.dmeo_banner_btn {
font-size: 16px;
color: #fff;
background-color: #5e2ced;
box-shadow: 0 20px 50px 0 rgba(123,78,245,.3);
border-radius: 25px;
font-weight: 500;
padding: 11px 41px;
display: inline-block;
transition: all .3s linear
}
.dmeo_banner_btn:hover {
box-shadow: none;
color: #fff
}
@media(min-width:1450px) {
.custom_container_two {
max-width: 1400px
}
}
@media(min-width:1700px) {
.custom_container_two {
max-width: 1660px
}
}
.demo_features_area {
position: relative
}
.demo_features_area .section_title h2 {
font-size: 34px;
line-height: 44px
}
.demo_features_area .row {
margin-bottom: -100px
}
.section_title {
margin-bottom: 70px
}
.section_title .number {
font-size: 70px;
line-height: 60px;
font-weight: 700;
font-family: poppins,sans-serif;
background-image: -moz-linear-gradient(70deg,#3a2bdc 18%,#8545eb 51%,#cf5ff9 68%);
background-image: -webkit-linear-gradient(70deg,#3a2bdc 18%,#8545eb 51%,#cf5ff9 68%);
background-image: -ms-linear-gradient(70deg,#3a2bdc 18%,#8545eb 51%,#cf5ff9 68%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 25px
}
.section_title .number sup {
font-weight: 500;
background-image: -moz-linear-gradient(70deg,#3a2bdc 18%,#8545eb 51%,#cf5ff9 68%);
background-image: -webkit-linear-gradient(70deg,#3a2bdc 18%,#8545eb 51%,#cf5ff9 68%);
background-image: -ms-linear-gradient(70deg,#3a2bdc 18%,#8545eb 51%,#cf5ff9 68%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
top: -.4em
}
.section_title h2 {
font-size: 40px;
line-height: 50px;
font-weight: 600;
margin-bottom: 15px;
color: #051441
}
.section_title h2 span {
font-weight: 400;
font-size: 16px;
text-transform: uppercase;
color: #5e2ced;
letter-spacing: 2px
}
.section_title p {
font-size: 18px;
line-height: 30px;
color: #7b7b93;
font-weight: 400;
max-width: 900px;
margin: 0 auto
}
.banner_text mark {
position: relative;
z-index: 1;
background-color: transparent;
padding: 0
}
.banner_text mark:after {
position: absolute;
content: "";
left: 0;
bottom: 10px;
height: 10px;
background-color: #f591c3;
z-index: -1;
width: 100%
}
.banner_text .typed {
font-weight: 700
}
.banner_text .typed-cursor {
font-weight: 500
}
.demo_features_area .features_item {
text-align: center;
margin-bottom: 100px
}
.demo_features_area .features_item .content {
padding-top: 44px
}
.demo_features_area .features_item .content h3 {
font-size: 20px;
margin-bottom: 20px;
color: #051441;
font-weight: 600
}
.demo_features_area .features_item .content p {
margin-bottom: 0
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
.filtering_demos {
margin-bottom: 0
}
.filtering_demos .nav-tabs {
border: 0;
align-items: center;
justify-content: center
}
.filtering_demos .nav-tabs .nav-item {
border: 0;
padding: 0;
font-weight: 500;
font-size: 17px;
color: #2c2c51;
position: relative
}
.filtering_demos .nav-tabs .nav-item span {
background-image: -moz-linear-gradient(70deg,#3a2bdc 18%,#8545eb 51%,#cf5ff9 68%);
background-image: -webkit-linear-gradient(70deg,#3a2bdc 18%,#8545eb 51%,#cf5ff9 68%);
background-image: -ms-linear-gradient(70deg,#3a2bdc 18%,#8545eb 51%,#cf5ff9 68%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding: 0;
border-radius: 25px;
position: absolute;
font-weight: 600;
top: -12px;
right: -18px;
font-size: 14px;
text-align: center
}
.filtering_demos .nav-tabs .nav-item.active {
color: #5e2ced;
background: 0 0
}
.filtering_demos .nav-tabs .nav-item.active span {
color: #5e2ced
}
.filtering_demos .nav-tabs .nav-item + .nav-item {
margin-left: 75px
}
.demo_area {
position: relative
}
.demo_area .bg_demo {
position: absolute;
height: 755px;
background: #f9fafe;
width: 100%;
top: 0
}
.portfolio-image {
text-align: center;
position: relative;
padding-top: 10px;
margin-top: 60px;
cursor: pointer
}
.portfolio-image h1 {
font-size: 24px;
color: #5e2ced;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
left: 0;
font-weight: 600
}
.portfolio-image .overlay_link {
position: absolute;
top: 0;
width: 100%;
left: 0;
height: 100%
}
.portfolio-image .new {
font-size: 16px;
border-radius: 4px;
background-color: red;
box-shadow: 0 10px 20px 0 rgba(255,0,0,.2);
position: absolute;
top: -10px;
right: -10px;
padding: 0 13px;
color: #fff;
font-weight: 500
}
.portfolio-image .img {
transition: all .3s linear;
position: relative
}
.portfolio-image .img img {
box-shadow: 0 30px 60px 0 rgba(1,1,64,.08);
width: 100%;
max-width: 100%
}
.portfolio-image h6 {
font-size: 18px;
font-weight: 500;
margin-top: 40px;
transition: color .2s linear;
margin-bottom: 0;
color: #051441
}
.portfolio-image h6:hover {
color: #5e2ced
}
.portfolio-image:hover .img {
transform: translateY(-8px)
}
.elemator_area {
background: #f9fafe;
text-align: center
}
.elemator_inner {
position: relative
}
.elemetor_img {
position: absolute;
z-index: 1
}
.elemetor_img img {
border-radius: 4px;
background-color: #fff;
box-shadow: 0 20px 50px 0 rgba(1,1,64,.08);
z-index: 1
}
.elemetor_img.one {
left: 155px;
top: 65px
}
.elemetor_img.two {
left: 315px;
top: 135px
}
.elemetor_img.three {
left: 235px;
top: 308px
}
.elemetor_img.four {
bottom: 109px;
left: 150px
}
.elemetor_img.five {
left: 185px;
top: 195px
}
.elemetor_img.six {
bottom: 153px;
left: 350px
}
.elemetor_img.seven {
top: 42%;
left: 0
}
.elemetor_img.eight {
right: 155px;
top: 65px
}
.elemetor_img.nine {
right: 315px;
top: 135px
}
.elemetor_img.ten {
right: 209px;
top: 325px
}
.elemetor_img.eleven {
bottom: 109px;
right: 95px
}
.elemetor_img.r_one {
right: 132px;
top: 195px
}
.elemetor_img.r_two {
bottom: 153px;
right: 350px
}
.elemetor_img.r_three {
top: 42%;
right: 0
}
.elemator_img {
display: inline-block;
margin: 0 auto;
position: relative
}
.elemator_img .e_log {
position: absolute;
top: -50px;
right: -50px
}
.slider_demos_area {
background: #f9fafe;
padding: 120px 0 80px
}
.slider_demos_area .section_title {
margin-bottom: 50px
}
.slider_demos_area .slick-slide .inner {
margin: 32px 15px 65px
}
.slider_demos_area .slick-slide .inner img {
box-shadow: 0 10px 50px 0 rgba(1,1,64,.1);
background: #f9fafe;
margin-bottom: 30px
}
.slider_demos_area .section_title .number {
font-size: 70px;
line-height: 60px;
margin-bottom: 30px
}
.demo_feature_area {
padding: 120px 0 80px;
position: relative
}
.demo_feature_area .row {
padding-left: 120px
}
.demo_feature_area .f_shap {
position: absolute
}
.demo_feature_area .f_shap.f_shap_one {
right: 0;
top: 50px
}
.demo_feature_area .f_shap.f_shap_two {
left: 0;
bottom: 50px
}
.f_content {
max-width: 600px;
margin-top: -40px
}
.f_content h2 {
font-size: 34px;
line-height: 44px;
font-weight: 600;
color: #051441;
margin-bottom: 30px
}
.f_content p {
font-size: 20px;
line-height: 32px;
margin-bottom: 40px;
padding-right: 50px
}
.f_content .g_logo {
border-radius: 50%;
margin-bottom: 35px;
background-image: -moz-linear-gradient(60deg,rgb(94,44,237) 0%,rgb(131,89,248) 100%);
background-image: -webkit-linear-gradient(60deg,rgb(94,44,237) 0%,rgb(131,89,248) 100%);
background-image: -ms-linear-gradient(60deg,rgb(94,44,237) 0%,rgb(131,89,248) 100%);
box-shadow: 0 20px 30px 0 rgba(18,1,64,.1);
width: 100px;
height: 100px;
text-align: center;
line-height: 100px
}
.f_btn {
font-size: 16px;
line-height: 25px;
color: #5e2ced;
font-weight: 500;
border: 2px solid #b196fa;
border-radius: 45px;
padding: 10px 39px;
display: inline-block;
transition: all .3s linear
}
.f_btn:hover {
background: #5e2ced;
box-shadow: 0 20px 50px 0 rgba(123,78,245,.3);
color: #fff;
border-color: #5e2ced
}
.f_two {
margin-top: 190px
}
.f_two .f_img {
margin-left: -50px
}
.f_two .f_content {
margin-left: 62px
}
.utility_area {
display: flex;
padding: 100px 0;
position: relative;
flex-direction: row-reverse;
z-index: 2
}
.utility_area .u_round {
position: absolute;
right: 0;
top: -40px;
z-index: -1
}
.utility_area .utility_left {
width: 40%
}
.utility_area .utility_right {
width: 60%
}
.utility_area .utility_right .slick-list {
padding-left: 0 !important
}
.utility_area .utility_right .slick-list .slick-slide {
padding: 20px;
padding-bottom: 50px
}
.utility_area .utility_right .slick-list .slick-slide:focus {
outline: none !important
}
.utility_area .utility_right .slick-list img {
box-shadow: 0 20px 20px 0 rgba(18,1,64,.08);
border-radius: 10px
}
.slick-dots {
text-align: left;
padding-left: 20px;
margin-top: -10px;
bottom: 0
}
.slick-dots li {
margin: 0;
width: auto;
height: auto
}
.slick-dots li button {
padding: 0;
margin-right: 10px;
width: 8px;
height: 8px
}
.slick-dots li button:before {
color: #dedef1;
opacity: 1;
font-size: 8px;
width: auto;
height: auto;
line-height: 8px
}
.slick-dots li.slick-active button:before {
color: #5e2cec
}
.u_content {
max-width: 592px;
margin-right: 0;
margin-left: auto;
padding-right: 100px
}
.u_content h3 {
font-weight: 400;
font-size: 16px;
margin-bottom: 15px;
color: #5e2ced;
text-transform: uppercase;
letter-spacing: 2px
}
.u_content h2 {
font-size: 34px;
margin-bottom: 25px;
line-height: 44px;
color: #051441;
font-weight: 600
}
.u_content p {
margin-bottom: 40px
}
.u_content .dmeo_banner_btn {
padding: 8px 30px;
box-shadow: none;
border-radius: 45px;
border: 2px solid transparent
}
.u_content .dmeo_banner_btn:hover {
border-color: #5e2ced;
box-shadow: rgba(123,78,245,.3) 0 20px 50px 0;
color: #fff
}
.plugin_area {
text-align: center;
padding: 110px 0 10px;
position: relative;
z-index: 1
}
.plugin_area h6 {
font-weight: 400;
font-size: 16px;
margin-bottom: 15px;
color: #5e2ced;
text-transform: uppercase;
letter-spacing: 2px
}
.plugin_area h2 {
font-size: 40px;
line-height: 50px;
margin-bottom: 35px
}
.plugin_area h2 a {
color: #5e2ced;
position: relative
}
.plugin_area .plugin_sub_title {
color: #2c2c51;
font-size: 30px;
font-weight: 500;
line-height: 54px;
margin-bottom: 55px
}
.plugin_area .plugin_sub_title span {
color: #5e2ced
}
.plugin_item {
margin-bottom: 75px
}
.plugin_item img {
margin-bottom: -30px
}
.plugin_item .img {
position: relative
}
.plugin_item .save {
position: absolute;
top: -14px;
right: 22px
}
.plugin_item h4 {
font-size: 20px;
margin-bottom: 5px
}
.plugin_item p {
font-size: 14px;
color: #5e2ced;
font-weight: 500;
margin-bottom: 0;
cursor: pointer;
transition: all .2s linear
}
.plugin_item p.orange {
color: #ff754b
}
@media(min-width:1400px) {
.blog_area .container, .shop_area .container {
max-width: 1200px
}
}
.slick-slide:focus {
outline: none !important
}
.shop_area {
padding: 40px 0 120px;
position: relative;
z-index: 0
}
.shop_area:before {
content: "";
width: 752px;
background: url(../img/demo/circle-3.png) no-repeat center left;
height: 1000px;
left: 0;
position: absolute;
bottom: 50px;
z-index: -1
}
.shop_area .shop_slider {
margin-left: -40px;
margin-right: -40px;
margin-bottom: 0
}
.shop_area .shop_slider .slick-slide {
padding: 40px
}
.shop_area .shop_slider .slick-slide img {
box-shadow: 0 20px 20px 0 rgba(18,1,64,.08);
border-radius: 10px
}
.shop_area .u_content {
padding-right: 0;
padding-left: 80px
}
.shop_area .u_content ul {
margin-bottom: 35px
}
.shop_area .u_content ul li {
font-size: 16px;
color: #7b7b93;
font-weight: 500;
position: relative;
padding-left: 25px
}
.shop_area .u_content ul li:before {
background: url(../img/demo/arrow.png) no-repeat scroll center 0;
content: "";
width: 13px;
height: 13px;
position: absolute;
left: 0;
top: 5px;
display: initial;
vertical-align: middle
}
.shop_area .u_content ul li + li {
margin-top: 10px
}
.shop_area .slick-dots {
bottom: 0;
padding-left: 0;
left: 0;
text-align: center;
position: relative
}
.blog_area {
overflow: hidden;
background: #f9fafe;
padding-top: 100px
}
.blog_area .u_content {
padding-right: 0
}
.blog_area .u_content h2 {
line-height: 50px
}
.arrow i {
border-width: 1px;
border-color: #f3f5f8;
border-style: solid;
border-radius: 50%;
background-color: #fff;
box-shadow: 0 10px 14px 0 rgba(12,0,46,.06);
width: 50px;
height: 50px;
display: inline-block;
font-size: 18px;
color: #4e5761;
line-height: 47px;
text-align: center;
transition: all .3s linear;
cursor: pointer
}
.arrow i:hover {
background: #5e2ced;
color: #fff
}
.arrow i + i {
margin-left: 12px
}
.blog_slider {
margin-right: -200px;
margin-bottom: -28px;
right: -90px;
position: relative
}
.blog_slider.slick-initialized .slick-slide {
display: block;
padding-right: 90px
}
.blog_slider .blog_item {
position: relative;
padding-left: 10px;
padding-right: 150px
}
.blog_slider .blog_item .round {
width: 160px;
height: 160px;
border-radius: 50%;
background: #08c31a;
box-shadow: 10.856px 10.321px 20px 0 rgba(33,108,184,.12);
text-align: center;
font-size: 60px;
color: #fff;
font-weight: 600;
line-height: 50px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: -66px;
top: 109px;
z-index: 1;
animation: fadeOut .2s both .9s
}
.blog_slider .blog_item .round .text {
position: relative;
padding-right: 7px
}
.blog_slider .blog_item .round sup {
font-weight: 400;
font-size: 32px;
position: absolute;
top: 11px
}
.blog_slider .blog_item .round span {
font-weight: 500;
font-size: 20px;
line-height: 25px;
display: block
}
.blog_slider .blog_item img {
position: relative;
bottom: 0
}
.blog_slider .blog_item .img {
animation: fadeOutLeft .2s both .3s;
box-shadow: 5px 8.66px 20px 0 rgba(1,1,64,.06)
}
.blog_slider .blog_item .img_two {
position: absolute;
right: -21px;
bottom: 0;
animation: fadeOut .5s both;
box-shadow: -46.985px -17.101px 80px 0 rgba(1,1,64,.2)
}
.blog_slider .slick-active.item .round {
animation: zoomIn .2s both 1.3s
}
.blog_slider .slick-active.item .img {
animation: fadeInLeft .7s both .8s
}
.blog_slider .slick-active.item .img_two {
animation: fadeInRight .7s both 1s
}
.correct_features_area {
padding-top: 110px
}
.correct_features_area .col-lg-2 {
flex: 0 0 20%;
max-width: 20%;
text-align: center
}
.c_features_item {
margin-bottom: 94px
}
.c_features_item .img {
height: 62px;
display: flex;
align-items: center;
justify-content: center
}
.c_features_item .img img {
display: inline-block
}
.c_features_item h6 {
margin-bottom: 0;
font-size: 16px;
color: #7b7b93;
font-weight: 400;
margin-top: 25px
}
.portfolio_area {
padding: 140px 0;
position: relative;
z-index: 1
}
.portfolio_area .portfolio_slider {
margin-left: -50px;
margin-right: -50px;
margin-bottom: auto;
padding-bottom: 30px;
margin-top: -30px
}
.portfolio_area .portfolio_slider .slick-slide {
padding: 30px 100px
}
.portfolio_area .portfolio_slider .p_item {
display: inline-block;
text-align: right;
width: 900px
}
.portfolio_area .portfolio_slider .p_item img {
display: inline-block;
max-width: 100%;
box-shadow: 0 10px 30px 0 rgba(18,1,64,.08);
border-radius: 10px;
opacity: .2
}
.portfolio_area .portfolio_slider .slick-active .p_item {
text-align: center
}
.portfolio_area .portfolio_slider .slick-active .p_item img {
opacity: 1
}
.portfolio_area .p_slider_inner {
position: relative
}
.portfolio_area .p_slider_inner .arrow i {
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.portfolio_area .p_slider_inner .arrow i.prevs {
left: 370px
}
.portfolio_area .p_slider_inner .arrow i.nexts {
right: 370px
}
.portfolio_area .p_slider_inner .slick-dots {
text-align: center;
margin-bottom: 0;
margin-top: 0
}
.portfolio_area_two {
background: #8e81fc;
padding: 100px 0 80px;
position: relative;
z-index: 1
}
.portfolio_area_two h2 {
color: #fff;
line-height: 50px
}
.portfolio_area_two .slick-slide {
padding: 30px 78px 55px
}
.portfolio_area_two .slick-slide .item img {
background-color: #fff;
box-shadow: 0 30px 50px 0 rgba(18,1,64,.1)
}
.c_features_area_two {
padding: 80px 0 0
}
@media(min-width:1500px) {
.c_features_area_two .custom_container {
max-width: 1410px
}
}
.c_features_area_two .section_title {
margin-bottom: 88px
}
.c_features_area_two .c_features_item {
text-align: center;
padding: 0 22px
}
.c_features_area_two .c_features_item img {
margin-bottom: 32px
}
.c_features_area_two .c_features_item h4 {
font-size: 20px;
margin-bottom: 15px
}
.testimonial_area {
background: #f9fafe;
padding: 82px 0 70px
}
.test_inner {
position: relative
}
.test_inner .arrow .tprevs, .test_inner .arrow .tnexts {
position: absolute;
top: 45%;
transform: translateY(-50%)
}
.test_inner .arrow .tprevs {
left: 380px
}
.test_inner .arrow .tnexts {
right: 380px
}
.testimonial_slider_demo .slick-track {
display: flex
}
.testimonial_slider_demo .slick-slide {
height: 100%;
padding: 15px 80px 64px;
min-height: 300px
}
.testimonial_slider_demo .slick-slide .d-flex {
justify-content: space-between;
align-items: center
}
.testimonial_slider_demo .slick-slide .content {
border-radius: 10px;
background-color: #fff;
box-shadow: 0 30px 50px 0 rgba(18,1,64,.08);
min-height: 300px;
padding: 50px 55px;
opacity: .6;
transition: opacity .4s linear
}
.testimonial_slider_demo .slick-slide .content h5 {
font-size: 18px;
font-weight: 600;
color: #2c2c51;
margin-bottom: 5px
}
.testimonial_slider_demo .slick-slide .content span {
color: #7b7b93;
font-size: 15px;
font-style: italic;
font-weight: 400
}
.testimonial_slider_demo .slick-slide .content .ratting i {
color: #f2b827;
font-size: 14px;
padding-left: 5px
}
.testimonial_slider_demo .slick-slide .content p {
font-size: 18px;
line-height: 32px;
margin-bottom: 0;
margin-top: 20px
}
.testimonial_slider_demo .slick-slide.slick-center .content {
opacity: 1;
background: linear-gradient(135deg,rgb(125,45,255),rgb(31,110,255))
}
.testimonial_slider_demo .slick-slide.slick-center .content h5, .testimonial_slider_demo .slick-slide.slick-center .content span, .testimonial_slider_demo .slick-slide.slick-center .content p {
color: #fff
}
.portfolio_area_three {
padding: 120px 0 80px
}
.portfolio_area_three .slick-slide {
padding: 30px 78px 55px
}
.portfolio_area_three .item img {
box-shadow: 0 30px 50px 0 rgba(18,1,64,.08)
}
.portfolio_area_three .item h6 {
text-align: center
}
.portfolio_area_three .item h6 a {
color: #2c2c51;
margin-top: 30px;
font-size: 20px;
display: inline-block;
transition: color .2s linear
}
.portfolio_area_three .item h6 a:hover {
color: #5e2ced
}
.mark_text {
color: #5e2ced;
background-color: transparent;
padding: 0
}
.typography_part {
position: relative;
z-index: 1;
overflow: hidden;
padding: 140px 0
}
@media(max-width:991px) and (min-width:768px) {
.typography_part {
padding: 100px 0
}
}
@media(max-width:768px) {
.typography_part {
padding: 70px 0
}
}
@media(min-width:1200px) {
.typography_part .custom_container {
max-width: 1440px
}
}
@media(min-width:1200px) {
.typography_part .typgraphy_content {
margin-left: -17px
}
.typography_part .typgraphy_content br {
display: none
}
}
.typography_part .typgraphy_content h5 {
font-size: 16px;
text-transform: uppercase;
color: #5e2ced;
letter-spacing: 3px;
margin-bottom: 15px
}
@media(max-width:991px) and (min-width:768px) {
.typography_part .typgraphy_content h5 {
margin-bottom: 10px
}
}
@media(max-width:768px) {
.typography_part .typgraphy_content h5 {
margin-bottom: 10px
}
}
.typography_part .typgraphy_content h2 {
font-size: 34px;
line-height: 1.5;
margin-bottom: 19px;
font-weight: 600;
color: #051441
}
@media(max-width:991px) and (min-width:768px) {
.typography_part .typgraphy_content h2 {
font-size: 25px;
margin-bottom: 15px
}
}
@media(max-width:768px) {
.typography_part .typgraphy_content h2 {
font-size: 30px;
margin-bottom: 15px
}
}
.typography_part .typgraphy_content .btn_1 {
box-shadow: 0 20px 50px 0 rgba(123,78,245,.3);
margin-top: 25px;
padding: 10px 40px
}
.typography_part .typgraphy_content .btn_1:hover {
box-shadow: none
}
.typography_part .typgraphy_img {
position: relative;
right: -67px;
text-align: right
}
.typography_part .typgraphy_img img {
box-shadow: 30px 10px 70px rgba(18,1,64,.1)
}
@media(max-width:991px) and (min-width:768px) {
.typography_part .typgraphy_img {
right: 0
}
}
@media(max-width:768px) {
.typography_part .typgraphy_img {
right: 0;
margin-top: 40px
}
}
.typography_part .circle_shape_1 {
border-radius: 50%;
background: #fef5f3;
position: absolute;
right: 47px;
width: 400px;
height: 400px;
animation: circleAnimation 7s linear infinite;
z-index: -1;
bottom: 70px
}
.utility_pages_1_wrap {
background: #fafafc;
overflow: hidden;
position: relative;
padding: 71px 0 0
}
.utility_pages_1_wrap .round_shape_bg {
position: absolute;
top: 80px;
left: 0;
width: 100%;
text-align: center
}
.utility_pages_1_wrap .round_shape_bg .r_img {
position: relative;
display: inline-block
}
.utility_pages_1_wrap .round_shape_bg .r_img:before {
position: absolute;
content: "";
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background: #eae2ff;
width: 100%;
height: 100%;
border-radius: 50%;
animation: round_circle 3s infinite
}
.utility_pages_1_wrap .section_title {
margin-bottom: 128px
}
.utility_pages_1_wrap .utility_pages_imgs .utility_img {
position: relative;
height: 410px
}
.utility_pages_1_wrap .utility_pages_imgs .utility_img .uti_img {
position: absolute;
bottom: 0;
transition: all .3s
}
.utility_pages_1_wrap .utility_pages_imgs .utility_img .uti_img img {
transition: all .3s;
box-shadow: 10px 0 20px 0 rgba(0,22,46,.1)
}
.utility_pages_1_wrap .utility_pages_imgs .utility_img .utility_img_1 {
left: 0;
transform: translateY(0);
z-index: 5
}
.utility_pages_1_wrap .utility_pages_imgs .utility_img .utility_img_2 {
left: 20%;
transform: translateY(0);
z-index: 4
}
@media(max-width:768px) {
.utility_pages_1_wrap .utility_pages_imgs .utility_img .utility_img_2 {
left: 15%
}
}
.utility_pages_1_wrap .utility_pages_imgs .utility_img .utility_img_3 {
left: 39%;
transform: translateY(0);
z-index: 3
}
@media(max-width:768px) {
.utility_pages_1_wrap .utility_pages_imgs .utility_img .utility_img_3 {
left: 35%
}
}
.utility_pages_1_wrap .utility_pages_imgs .utility_img .utility_img_4 {
right: 18%;
transform: translateY(0);
z-index: 2
}
@media(max-width:768px) {
.utility_pages_1_wrap .utility_pages_imgs .utility_img .utility_img_4 {
right: 15%
}
}
.utility_pages_1_wrap .utility_pages_imgs .utility_img .utility_img_5 {
right: 0;
transform: translateY(0);
z-index: 1
}
.mb_show {
display: none
}
.utility_pages_2_wrap {
background: #fff;
padding: 290px 0 265px;
position: relative
}
@media(max-width:768px) {
.utility_pages_2_wrap {
padding: 110px 0
}
}
.utility_pages_2_wrap .shape_2 {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%)
}
.utility_pages_2_wrap .section_title {
margin-bottom: 40px
}
.utility_pages_2_wrap .section_title h4 {
margin-bottom: 7px
}
.utility_pages_2_wrap .utility_pages_2_img {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
text-align: right
}
@media(max-width:1450px) {
.utility_pages_2_wrap .utility_pages_2_img img {
width: 90%
}
}
@media(max-width:1450px) and (max-width:1200px) {
.utility_pages_2_wrap .utility_pages_2_img img {
width: 70%
}
}
@media(max-width:1450px) and (max-width:1200px) and (max-width:991px) {
.utility_pages_2_wrap .utility_pages_2_img img {
width: 50%
}
}
.support_part .single_support_part {
text-align: center
}
@media(max-width:991px) {
.support_part .single_support_part {
margin-bottom: 30px
}
}
.support_part .single_support_part h4 {
margin-top: 35px
}
.support_part .single_support_part h4 a {
color: #2c2c51;
font-size: 24px;
transition: all .5s
}
.support_part .single_support_part h4 a:hover {
color: #5e2ced
}
@media(min-width:991px) {
.support_part .single_support_part .single_support_img {
min-height: 197px;
display: inline-block
}
}
.support_part .single_support_part p {
margin-top: 15px
}
.support_part .single_support_part .read_more_btn {
color: #2c2c51;
display: inline-block;
font-size: 16px;
margin-top: 9px;
-webkit-transition: .2s;
transition: .2s;
position: relative;
margin-right: 29px
}
.support_part .single_support_part .read_more_btn i {
-webkit-transition: .3s;
transition: .3s;
position: absolute;
right: -25px;
top: 5px
}
.support_part .single_support_part .read_more_btn:hover {
color: #5e2ced
}
.support_part .single_support_part .read_more_btn:hover i {
right: -30px
}
.cta_section {
border: 1px solid #f0eef5
}
.cta_section .cta_part_iner {
text-align: center
}
.cta_section .cta_part_iner h2 {
font-size: 50px
}
@media(max-width:991px) {
.cta_section .cta_part_iner h2 {
font-size: 35px
}
}
.cta_section .cta_part_iner p {
margin: 14px 0 40px
}
.cta_section .cta_part_iner p a {
color: #5e2ced;
text-decoration: underline
}
.responsive_area {
padding: 150px 0 50px;
position: relative;
z-index: 1
}
.responsive_area .r_shap {
position: absolute;
left: 0;
top: 250px;
z-index: -1
}
.responsive_area .responsive_device {
display: flex;
align-items: flex-end
}
.responsive_area .responsive_device img {
max-width: 100%;
margin-left: -20px
}
.responsive_content .u_content {
padding-right: 0;
margin-left: 0
}
.responsive_content .u_content .item {
padding-right: 10px;
padding-top: 25px
}
.responsive_content .u_content .item img {
margin-bottom: 30px
}
.responsive_content .u_content .item h5 {
font-size: 18px;
font-weight: 500;
margin-bottom: 15px
}
.responsive_content .u_content .item p {
font-size: 15px;
margin-bottom: 0
}
.footer_part {
background-color: #5e2ced;
position: relative;
overflow: hidden;
z-index: 1;
text-align: center;
padding: 140px 0 150px
}
.footer_part .footer_shap_1 {
position: absolute;
left: 0;
bottom: 0
}
.footer_part .footer_shap_2 {
position: absolute;
right: 0;
top: 0
}
.footer_part .footer_shap_3 {
position: absolute;
left: 30%;
top: 40%
}
.footer_part .circle_shape_1 {
border-radius: 50%;
background: rgba(255,255,255,.6);
opacity: .1;
position: absolute;
right: -150px;
top: 40%;
width: 300px;
height: 300px;
-webkit-animation: circleAnimation 7s linear infinite;
animation: circleAnimation 7s linear infinite;
z-index: -1
}
.footer_part .footer_shap_3 {
backface-visibility: hidden;
animation: jumping_animation 3s ease-in-out .5s infinite alternate;
animation-delay: .5s;
transition: all .5s ease 5s;
user-select: none;
z-index: -1
}
.footer_part h2 {
color: #fff;
font-size: 40px;
line-height: 54px;
margin-bottom: 50px
}
.footer_part a {
font-size: 16px;
font-weight: 400;
color: #fff;
border: 2px solid #dfd5fb;
padding: 8px 36px;
display: inline-block;
border-radius: 25px;
transition: all .3s linear
}
.footer_part a i {
padding-right: 15px;
font-size: 22px;
position: relative;
top: 2px
}
.footer_part a:hover {
background: #fff;
border-color: #fff;
color: #5e2ced
}
.footer_part .f_logo {
background: 0 0;
padding: 0;
border: 0;
margin-bottom: 40px
}
.footer_part .f_logo:hover {
background: 0 0
}
.agency_title {
margin-bottom: 70px
}
.agency_title h4 {
font-size: 16px;
color: #3d59e8;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.92px;
margin-bottom: 15px
}
.agency_title h2 {
font-size: 40px;
color: #051441;
font-weight: 600
}
.agency_title.agency_title_decoration .small_title {
margin-bottom: 0
}
.agency_title.agency_title_decoration img {
margin-bottom: 10px
}
.testimonial_section {
background-position: center bottom;
padding: 120px 0 230px
}
.agency_testimonial_carousel {
max-width: 970px;
margin-left: auto;
margin-right: auto;
padding-left: 120px
}
.agency_testimonial_carousel .testimonia_list_layout {
margin: 0
}
.agency_testimonial_carousel .owl-dots {
top: 50%;
left: 0;
z-index: 1;
position: absolute;
margin: 0 !important;
transform: translateY(-50%)
}
.agency_testimonial_carousel .owl-dots .owl-dot {
margin: 0;
padding: 0;
display: block;
margin-bottom: 30px
}
.agency_testimonial_carousel .owl-dots .owl-dot:last-child {
margin-bottom: 0
}
.agency_testimonial_carousel .owl-dots .owl-dot button {
margin: 0;
padding: 0;
line-height: 1;
display: block;
font-weight: 700;
color: #677294;
transition: all .4s ease-in-out;
border-bottom: 1px solid #dedede
}
.agency_testimonial_carousel .owl-dots .owl-dot:hover button {
color: #3e5ae8;
transform: scale(1.3);
border-color: #3e5ae8
}
.agency_testimonial_carousel .owl-dots .owl-dot.active button {
color: #3e5ae8;
transform: scale(2.55);
border-color: #3e5ae8
}
.testimonia_list_layout {
margin-top: 60px
}
.testimonia_list_layout .member_image {
z-index: 1;
float: left;
width: 470px;
text-align: center;
position: relative
}
.testimonia_list_layout .member_image .image_wrap {
max-width: 370px;
display: inline-block
}
.testimonia_list_layout .member_image .flow_1, .testimonia_list_layout .member_image .flow_2 {
top: 0;
left: 0;
max-width: 90px;
position: absolute
}
.testimonia_list_layout .member_image .flow_1 {
top: 105px;
z-index: 1
}
.testimonia_list_layout .member_image .flow_2 {
top: 125px;
z-index: -1
}
.testimonia_list_layout .member_content {
display: table;
max-width: 455px;
padding-left: 40px
}
.testimonia_list_layout .quote_icon {
opacity: .2;
max-width: 60px;
margin-bottom: 15px;
display: inline-block
}
.testimonia_list_layout .quote_icon svg {
width: 100%;
height: auto;
display: block
}
.testimonia_list_layout .member_name {
margin-bottom: 10px
}
.testimonia_list_layout .member_name > a {
line-height: 1;
font-size: 24px;
font-weight: 600;
position: relative;
color: #222d39
}
.testimonia_list_layout .member_name > a:hover {
color: #3e5ae8
}
.testimonia_list_layout .member_name > a:before {
width: 0;
left: auto;
right: 0;
bottom: 0;
height: 2px;
content: "";
position: absolute;
background: #3e5ae8;
transition: width .3s linear
}
.testimonia_list_layout:hover .member_name > a:before {
left: 0;
width: 100%;
right: auto
}
.testimonia_list_layout .member_title {
display: block;
line-height: 1;
font-size: 14px
}
.testimonia_list_layout .flow_shape {
line-height: 1;
max-width: 45px;
margin-top: 20px;
margin-bottom: 20px;
display: inline-block
}
.blog_grid {
margin-bottom: 30px;
transition: all .2s linear
}
.blog_grid .blog_image {
display: block;
overflow: hidden;
position: relative
}
.blog_grid .blog_image > img {
max-width: 100%
}
.blog_grid .blog_content {
padding: 30px 40px;
box-shadow: 0 30px 50px 0 rgba(64,1,4,.06)
}
.blog_grid .entry_post_info {
line-height: 1;
color: #7b7b93;
display: block;
font-size: 14px;
font-weight: 500;
margin-bottom: 13px;
text-transform: uppercase
}
.blog_grid .entry_post_info i {
color: #f86570;
margin-right: 8px
}
.blog_grid .blog_title {
margin-bottom: 40px
}
.blog_grid .blog_title > a {
display: block;
font-size: 24px;
font-weight: 500;
padding-right: 18px;
line-height: 1.56;
color: #222d39;
transition: all .2s linear
}
.blog_grid:hover .blog_title > a {
color: #3e5ae8
}
.blog_grid ul {
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: space-between
}
.blog_grid ul > li {
flex: 1;
float: left;
text-align: center;
display: inline-block
}
.blog_grid ul > li:first-child {
text-align: left
}
.blog_grid ul > li:last-child {
text-align: right
}
.blog_grid ul > li > a {
line-height: 1;
color: #7b7b93;
display: block;
font-size: 14px;
font-weight: 500;
text-transform: uppercase
}
.blog_grid ul > li > a i {
color: #f86570;
margin-right: 8px;
vertical-align: bottom
}
.blog_grid ul > li > a .arrow_right {
margin-left: 5px;
margin-right: 0;
transition: all .2s linear;
display: inline-block
}
.blog_grid ul > li > a:hover {
color: #3e5ae8
}
.blog_grid ul > li > a:hover i {
color: #3e5ae8
}
.blog_grid ul > li > a:hover .arrow_right {
transform: translateX(5px)
}
.main_product_item {
display: block;
overflow: hidden;
position: relative
}
.main_product_item > img {
width: 100%;
display: block
}
.main_product_slider {
position: relative;
padding-bottom: 120px
}
.main_product_slider .main_product_item {
margin-bottom: 67px
}
.main_product_slider .carousel-control-next, .main_product_slider .carousel-control-prev {
top: 39%;
z-index: 1;
opacity: 1;
width: 70px;
height: 80px;
bottom: unset;
display: flex;
text-align: center;
position: absolute;
color: #3e5ae8;
justify-content: center;
background-color: #fff;
transform: translateY(-39%);
transition: all .2s linear;
box-shadow: 0 0 0 1px #3e5ae8
}
.main_product_slider .carousel-control-next i, .main_product_slider .carousel-control-prev i {
display: block;
font-size: 24px
}
.main_product_slider .carousel-control-next:hover, .main_product_slider .carousel-control-prev:hover {
color: #fff;
background-color: #3e5ae8;
box-shadow: 0 10px 20px 0 rgba(66,97,234,.2);
background-image: linear-gradient(-45deg,#5176ef 0%,#293ce1 100%)
}
.main_product_slider .carousel-control-prev {
left: -150px
}
.main_product_slider .carousel-control-next {
right: -150px
}
.carousel-indicators {
margin: 0;
display: flex;
flex-wrap: wrap;
padding-left: 0;
text-align: center;
position: relative
}
.carousel-indicators li {
opacity: 1;
margin: 0;
width: auto;
border: none;
height: auto;
padding: 15px 0;
max-width: max-content;
line-height: 1;
color: #bbb;
text-indent: 0;
font-size: 32px;
font-weight: 600;
background: 0 0;
position: relative;
display: inline-block;
transition: all .2s linear
}
.carousel-indicators li:after {
top: 0;
height: 1px;
width: 30px;
content: "";
bottom: auto;
margin-left: 35px;
margin-right: 35px;
vertical-align: middle;
position: relative;
background-color: #bbb
}
.carousel-indicators li:before, .carousel-indicators li:last-child:after {
display: none
}
.carousel-indicators li:hover, .carousel-indicators li.active {
color: #222d39
}
.home2_service_title {
margin-bottom: 30px
}
.home2_service_title .title_icon {
max-width: 100px;
margin-bottom: 60px;
display: inline-block
}
.home2_service_title .title_text {
font-size: 38px;
font-weight: 600;
line-height: 1.421;
color: #fff
}
.home2_service_title .title_text span {
color: #f6ff00;
display: inline-block
}
.image_primary_service {
max-width: 370px;
margin: 35px auto 0
}
.image_primary_service .serial_number {
line-height: 1;
font-size: 18px;
margin-bottom: 25px;
color: #fff;
display: inline-block;
text-decoration: underline
}
.image_primary_service .service_title {
margin-bottom: 25px
}
.image_primary_service .service_title > a {
z-index: 1;
line-height: 1;
font-size: 30px;
position: relative;
display: inline-block;
color: #fff
}
.image_primary_service .service_title > a:before {
width: 0;
left: auto;
right: 0;
z-index: -1;
bottom: -1px;
height: 2px;
content: "";
position: absolute;
background: #fff;
transition: width .3s linear
}
.image_primary_service:hover .service_title > a:before {
left: 0;
width: 100%;
right: auto
}
.image_primary_service .service_image {
display: block;
overflow: hidden;
position: relative
}
.image_primary_service .service_image > img {
width: 100%;
display: block
}
.image_primary_service .service_image:before {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
opacity: 0;
position: absolute;
transition: all .2s linear;
background-color: rgba(61,89,232,.55)
}
.image_primary_service:hover .service_image:before {
opacity: 1
}
.creative_features_one .agency_title {
margin-bottom: 90px
}
.creative_fun_fact_area {
padding: 40px 0 120px
}
.creative_fun_fact_area .seo_fact_info:before {
display: none
}
.creative_fun_fact_area .seo_fact_info .seo_fact_item {
margin-right: 0;
margin-top: 0;
width: auto;
height: auto;
box-shadow: none
}
.creative_fun_fact_area .seo_fact_info .seo_fact_item:before {
top: 50%;
width: 7px;
content: "";
right: -5px;
height: 64px;
position: absolute;
background-size: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-repeat: no-repeat;
background-position: center center;
background-image: url(../img/digital-agency/shapes/flow_04.png)
}
.creative_fun_fact_area .seo_fact_info .seo_fact_item .counter {
font-size: 60px;
line-height: 1;
margin-bottom: 5px
}
.creative_fun_fact_area .seo_fact_info .col-lg-3:last-child .seo_fact_item:before {
display: none
}
.consultation_image {
float: left;
overflow: hidden;
max-width: 1240px;
position: relative;
margin-left: -375px;
background-color: #000
}
.consultation_image .square_play_btn {
top: 50%;
left: 50%;
z-index: 1;
width: 162px;
height: 230px;
display: flex;
color: #fff;
line-height: 1;
text-align: center;
position: absolute;
align-items: center;
justify-content: center;
border: 5px solid #fff;
transform: translate(-50%,-50%)
}
.consultation_image .square_play_btn:hover {
color: #fff
}
.consultation_image .square_play_btn > span {
line-height: 1;
display: block;
font-size: 18px;
text-transform: uppercase
}
.consultation_image .square_play_btn > span i {
display: block;
font-size: 30px;
margin-bottom: 25px
}
.consultation_content {
top: 50%;
z-index: 2;
right: 15px;
width: 570px;
display: flex;
padding: 50px;
min-height: 600px;
text-align: center;
position: absolute;
align-items: center;
justify-content: center;
transform: translateY(-50%);
background-color: #3e5ae8;
box-shadow: 1.392px 9.903px 10px 0 rgba(66,97,234,.21)
}
.consultation_content .text {
max-width: 390px;
margin-bottom: 0
}
.consultation_content .text .small_title {
color: #fff;
font-weight: 700
}
.consultation_content .text .flow_image {
max-width: 45px;
margin-bottom: 20px;
display: inline-block
}
.consultation_content .text .title_text {
font-size: 34px;
font-weight: 700;
line-height: 1.176;
margin-bottom: 25px;
color: #fff
}
.consultation_content .text p {
font-size: 18px;
margin-bottom: 50px;
color: #fff
}
.consultation_content .slider_btn {
font-weight: 700;
color: #3e5ae8;
box-shadow: 1.392px 9.903px 10px 0 rgba(66,97,234,.21);
padding: 20px 69px
}
.consultation_content .slider_btn:hover {
background: #333;
color: #fff
}
.creative_feedback {
background-image: linear-gradient(30deg,#ee376a 0%,#f2498e 100%);
margin-bottom: 70px
}
.creative_feedback .sec_title p {
color: #fff
}
.f_bg {
background: #eff2f9;
box-shadow: 0 -1px 0 0 rgba(231,236,246,.004)
}
.footer_top {
border-bottom: 1px solid #e0e3ef;
padding: 115px 0 100px
}
.f_widget .widget-wrap {
margin-top: 35px
}
.f_widget .widget-wrap p span {
color: #051441
}
.f_widget .widget-wrap p a {
color: #677294;
transition: color .2s linear
}
.f_widget.company_widget .mchimp-errmessage, .f_widget.company_widget .mchimp-sucmessage {
position: absolute
}
.f_widget.about-widget .f_list {
margin-bottom: 0
}
.f_widget.about-widget .f_list li {
margin-bottom: 15px
}
.f_widget.about-widget .f_list li a {
font: 300 16px/20px "Poppins",sans-serif;
color: #677294;
position: relative;
transition: color .2s linear;
display: inline-block
}
.f_widget.about-widget .f_list li a:before {
content: "";
width: 0;
height: 1px;
background: #6754e2;
right: 0;
left: auto;
bottom: 0;
position: absolute;
transition: width .2s linear
}
.f_widget.about-widget .f_list li a:hover:before {
width: 100%;
right: auto;
left: 0
}
.f_widget.about-widget .f_list li:last-child {
margin-bottom: 0
}
.f_subscribe {
position: relative;
margin-top: 40px
}
.f_subscribe .form-control {
font: 300 14px poppins,sans-serif;
color: #333;
border: 1px solid #e2e7f3;
border-radius: 3px;
background: #e9ecf3;
padding-left: 25px;
height: 54px;
box-shadow: none
}
.f_subscribe .form-control.placeholder {
color: #9ba2b5
}
.f_subscribe .form-control:-moz-placeholder {
color: #9ba2b5
}
.f_subscribe .form-control::-moz-placeholder {
color: #9ba2b5
}
.f_subscribe .form-control::-webkit-input-placeholder {
color: #9ba2b5
}
.f_subscribe .form-control:focus {
box-shadow: 0 4px 6px 0 rgba(12,0,46,.06)
}
.f_subscribe button {
position: absolute;
right: 25px;
background: 0 0;
padding: 0;
color: #222d39;
font-size: 16px;
top: 52%;
transform: translateY(-50%)
}
.footer_bottom {
font-size: 14px;
font-weight: 300;
line-height: 20px;
color: #7f88a6;
padding: 27px 0
}
.footer_bottom p a {
transition: color .2s linear
}
.footer_bottom .f_menu {
margin-bottom: 0
}
.footer_bottom .f_menu li {
display: inline-block;
position: relative
}
.footer_bottom .f_menu li a {
color: #7f88a6;
transition: color .2s linear
}
.footer_bottom .f_menu li a:hover {
color: #6754e2
}
.footer_bottom .f_menu li + li {
margin-left: 16px
}
.footer_bottom .f_menu li + li:before {
content: "";
width: 1px;
height: 12px;
background: #b1b7ca;
display: inline-block;
margin-right: 18px;
vertical-align: middle
}
.footer_bottom a:hover {
color: #6754e2
}
.f_social_icon_two a {
font-size: 14px;
color: #969db4;
margin: 0 8px
}
.footer_area_two {
background: #fbfbfd
}
.footer_area_two .footer_top_two {
border-bottom: 1px solid #e9ecf3;
padding: 120px 0 70px
}
.footer_area_two .footer_top_two .f_widget.about-widget .f_list li a:before {
background: #1f4897
}
.footer_area_two .footer_top_two .f_widget.about-widget .f_list li a:hover {
color: #1f4897
}
.footer_area_two .footer_top_two .f_widget .widget-wrap p a:hover {
color: #1f4897
}
.footer_area_two .footer_bottom {
position: relative
}
.footer_area_two .footer_bottom p a {
color: #1f4897
}
.footer_area_two .footer_bottom .f_menu li a:hover {
color: #1f4897
}
.footer_area_two .footer_bottom .f_menu li + li:before {
background: #7f88a6
}
.f_social_icon a {
width: 46px;
height: 46px;
border-radius: 50%;
font-size: 14px;
line-height: 45px;
color: #858da8;
display: inline-block;
background: #ebeef5;
text-align: center;
transition: all .2s linear
}
.f_social_icon a:hover {
background: #1f4897;
color: #fff
}
.f_social_icon a + a {
margin-left: 10px
}
.pagescroll_btn {
width: 44px;
height: 44px;
border: 1px solid #1d1d42;
font-size: 16px;
color: #1f4897;
text-align: center;
line-height: 44px;
position: absolute;
border-radius: 50%;
left: 50%;
transform: translateX(-50%);
top: -22px;
background: #121233
}
.footer_three {
background: #1b1e29
}
.footer_three .footer_top {
border-color: #252130;
color: #b2b6c4
}
.footer_three .footer_top p {
color: #b2b6c4
}
.footer_three .footer_top .f-title {
color: #fff
}
.footer_three .footer_top .f_widget.about-widget .f_list li a {
color: #b2b6c4
}
.footer_three .footer_top .f_widget.about-widget .f_list li a:before {
background: #a8a9ab
}
.footer_three .footer_top .f_widget.about-widget .f_list li a:hover {
color: #fff
}
.footer_three .footer_top .social_icon {
margin-top: 42px
}
.footer_three .footer_top .social_icon a {
width: 46px;
height: 46px;
border-radius: 50%;
color: #8a8e9b;
font-size: 14px;
line-height: 45px;
background: #282b38;
text-align: center;
display: inline-block;
margin-right: 12px;
transition: all .2s linear
}
.footer_three .footer_top .social_icon a:hover {
background: #7444fd;
color: #fff
}
.footer_three .footer_bottom {
color: #b2b6c4
}
.footer_three .footer_bottom .f_menu li a {
color: #b2b6c4
}
.footer_three .footer_bottom .f_menu li a:hover {
color: #fff
}
.footer_area_four .footer_top {
border-bottom: 1px solid #e9ecf3;
padding: 120px 0 70px
}
.footer_area_four .footer_top .f_widget.about-widget .f_list li a:hover {
color: #5e2ced
}
.footer_area_four .footer_top .f_widget.about-widget .f_list li a:hover:before {
background: #5e2ced
}
.footer_area_four .footer_top .f_widget .widget-wrap p a:hover {
color: #5e2ced
}
.footer_area_four .footer_bottom p a {
color: #5e2ced
}
.footer_area_four .footer_bottom a:hover {
color: #5e2ced
}
.footer_area_five .footer_top .f_widget.about-widget .f_list li a:hover {
color: #1f4897
}
.footer_area_five .footer_top .f_widget.about-widget .f_list li a:hover:before {
background: #1f4897
}
.footer_area_five .footer_top .f_widget .widget-wrap p a:hover {
color: #1f4897
}
.footer_area_five .footer_bottom p a {
color: #1f4897
}
.footer_area_five .footer_bottom a:hover {
color: #1f4897
}
.footer_area_six {
background-image: linear-gradient(0deg,rgb(28,20,59) 0%,rgb(17,19,57) 100%);
border-top: 2px solid #192161
}
.footer_top_six .company_widget a {
color: #1f4897
}
.footer_top_six .f_widget.about-widget .f_list li a:before {
background: #fff
}
.footer_top_six .f_widget.about-widget .f_list li a:hover {
color: #fff
}
.footer_top_six .social-widget {
margin-right: -15px
}
.footer_top_six .social-widget .f_social_icon {
padding-top: 4px
}
.footer_top_six .social-widget .f_social_icon a {
width: 40px;
height: 40px;
line-height: 40px;
background: #232453;
transition: all .3s linear
}
.footer_top_six .social-widget .f_social_icon a + a {
margin-left: 2px
}
.footer_top_six .social-widget .f_social_icon a:hover {
background: #3d57f4
}
.footer_seven {
border-top: 1px solid #d9e1fb
}
.footer_seven .f_social_icon {
padding-top: 14px
}
.footer_seven .f_social_icon a {
width: auto;
height: auto;
font-size: 14px;
color: #969db4;
background: 0 0
}
.footer_seven .f_social_icon a:hover {
color: #4069eb
}
.footer_seven .f_social_icon a + a {
margin-left: 16px
}
.footer_seven .f_widget .widget-wrap p a:hover {
color: #4069eb
}
.footer_seven .f_widget.about-widget .f_list li {
margin-bottom: 13px
}
.footer_seven .f_widget.about-widget .f_list li a {
font-size: 14px
}
.footer_seven .f_widget.about-widget .f_list li a:before {
background: #4069eb
}
.footer_seven .f_widget.about-widget .f_list li a:hover {
color: #4069eb
}
.footer_seven .footer_bottom {
padding: 20px 0
}
.footer_seven .footer_bottom a:hover {
color: #4069eb
}
.footer_seven .footer_bottom p a {
color: #4069eb
}
.error_footer {
background: #eff2f9;
padding: 40px 0
}
.error_footer a:hover {
color: #5e2ced
}
.error_footer .f_menu li a {
position: relative
}
.error_footer .f_menu li a:before {
content: "";
width: 0;
height: 1px;
background: #5e2ced;
position: absolute;
bottom: 0;
left: 0;
transition: all .2s linear
}
.error_footer .f_menu li a:hover {
color: #5e2ced
}
.error_footer .f_menu li a:hover:before {
width: 100%
}
.error_footer .f_menu li + li:before {
display: none
}
.footer_dark_one {
background: #15133a
}
.footer_dark_one .footer_top {
border-color: #1f1d48
}
.footer_dark_one .f_widget.about-widget .f_list li a, .footer_dark_one .f_widget .widget-wrap p a, .footer_dark_one .f_social_icon_two a {
color: #9ca5c1
}
.dark_f_bottom a {
transition: color .2s linear
}
.dark_f_bottom a:hover {
color: #4069eb
}
.dark_f_bottom p {
color: #9ca5c1
}
.dark_f_bottom p a {
color: #4069eb
}
.dark_f_bottom .f_menu li a {
color: #9ca5c1
}
.dark_f_bottom .f_menu li a:hover {
color: #4069eb
}
.dark_f_bottom .f_menu li + li:before {
background: #5e6482
}
.dark_widget .f-title {
color: #fff
}
.dark_widget.company_widget .f_social_icon_two {
margin-top: 25px
}
.dark_widget.company_widget .f_social_icon_two a:first-child {
margin-left: 0
}
.dark_widget.company_widget .f_social_icon_two a:hover {
color: #4069eb
}
.dark_widget .widget-wrap p span {
color: #fff
}
.dark_widget .widget-wrap p a:hover {
color: #4069eb
}
.dark_widget.about-widget .f_list li a:before {
background: #4069eb
}
.dark_widget.about-widget .f_list li a:hover {
color: #4069eb
}
.dark_widget .f_subscribe .form-control {
background: 0 0;
border-color: #202430
}
.dark_widget .f_subscribe button {
color: #fff
}
.footer_dark_two {
background: #13112d
}
.footer_dark_two .footer_top {
border-color: #1f1d48
}
.footer_dark_two .dark_widget.company_widget .f_social_icon_two a:hover {
color: #6754e2
}
.footer_dark_two .dark_widget .widget-wrap p a:hover {
color: #6754e2
}
.footer_dark_two .dark_widget.about-widget .f_list li a:before {
background: #6754e2
}
.footer_dark_two .dark_widget.about-widget .f_list li a:hover {
color: #6754e2
}
.footer_dark_two .dark_f_bottom a {
transition: color .2s linear
}
.footer_dark_two .dark_f_bottom a:hover {
color: #6754e2
}
.footer_dark_two .dark_f_bottom p a {
color: #6754e2
}
.footer_dark_two .dark_f_bottom .f_menu li a:hover {
color: #6754e2
}
.footer_dark_three {
background: #1b1e29
}
.footer_dark_three .footer_top {
border-color: #212532
}
.footer_dark_three .dark_widget .widget-wrap p a {
color: #6d738c;
transition: color .2s linear
}
.footer_dark_three .dark_widget .widget-wrap p a:hover {
color: #5e2ced
}
.footer_dark_three .dark_widget.about-widget .f_list li a {
color: #6d738c
}
.footer_dark_three .dark_widget.about-widget .f_list li a:before {
background: #5e2ced
}
.footer_dark_three .dark_widget.about-widget .f_list li a:hover {
color: #5e2ced
}
.footer_dark_three .dark_f_bottom a {
color: #6d738c
}
.footer_dark_three .dark_f_bottom a:hover {
color: #5e2ced
}
.footer_dark_three .dark_f_bottom p {
color: #6d738c
}
.footer_dark_three .dark_f_bottom p a {
color: #5e2ced
}
.footer_dark_three .dark_f_bottom .f_menu li a {
color: #6d738c
}
.footer_dark_three .dark_f_bottom .f_menu li a:hover {
color: #5e2ced
}
.footer_dark_four {
background: #16143a
}
.footer_dark_five {
background: #121233
}
.footer_dark_five .footer_top_two {
border-color: #1d1d42
}
.footer_dark_five .f_widget .widget-wrap p span {
color: #fff
}
.footer_dark_five .f_widget .f_social_icon a {
background: #1c1c42
}
.footer_dark_five .f_widget .f_social_icon a:hover {
background: #1f4897
}
.footer_nine_area {
position: relative;
z-index: 1
}
.footer_nine_area .footer_shap {
position: absolute;
background: url(../img/home9/footer.png) no-repeat scroll center;
left: 0;
width: 100%;
background-size: cover;
top: 0;
height: 100%;
z-index: -1
}
.footer_nine_top {
padding-bottom: 170px;
position: relative;
padding-top: 150px
}
.footer_nine_top .f_widget .f-title {
color: #051441;
text-transform: uppercase
}
.footer_nine_top .f_widget .f-title:after {
content: "";
width: 100px;
height: 1px;
display: block;
background: #ebeefa;
margin-top: 15px
}
.footer_nine_top .f_widget.about-widget .f_list li a:before {
background: #0479f7
}
.footer_nine_top .f_widget.about-widget .f_list li a:hover {
color: #0479f7
}
.footer_nine_top .company_widget .f_social_icon_two a:first-child {
margin-left: 0
}
.footer_nine_top .company_widget .f_social_icon_two a:hover {
color: #0479f7
}
.footer_nine_bottom {
background: #051441;
padding: 27px 0
}
.footer_nine_bottom p {
font: 300 14px poppins,sans-serif;
color: #7f88a6
}
.footer_nine_bottom p a {
color: #fff
}
.footer_nine_bottom .flag_selector {
float: right
}
.footer_nine_bottom .flag_selector .dropdown-toggle {
background-color: transparent !important;
border: 0 !important;
border-radius: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
font: 400 14px poppins,sans-serif;
color: #7f88a6
}
.footer_nine_bottom .flag_selector .dropdown-toggle:after {
display: none
}
.footer_nine_bottom .flag_selector .dropdown-toggle:focus {
outline: none !important;
box-shadow: none !important
}
.footer_nine_bottom .flag_selector .text {
display: flex !important
}
.footer_nine_bottom .flag_selector .text .flag-icon {
margin-left: 0;
margin-right: 20px;
float: none;
align-self: center
}
.footer_nine_bottom .flag_selector .flag-icon {
position: relative;
display: inline-block;
width: 39px;
line-height: 1em;
background-repeat: no-repeat;
background-size: contain;
background-position: 50%;
height: 22px;
margin-left: 27px;
float: right
}
.footer_nine_bottom .flag_selector .flag-icon:before {
content: "";
width: 1px;
height: 100%;
position: relative;
display: inline-block;
background: #18295c;
left: -15px
}
.footer_nine_bottom .flag_selector .flag-icon.flag-icon-us {
background-image: url(../img/home9/flag.png)
}
.footer_nine_bottom .flag_selector .flag-icon.flag-icon-mx {
background-image: url(../img/home9/flag.png)
}
.footer_nine_bottom .flag_selector .dropdown-menu {
padding: 0;
border-radius: 0;
border: 0
}
.footer_nine_bottom .flag_selector .dropdown-menu .flag-icon:before {
display: none
}
.footer_nine_bottom .flag_selector .dropdown-menu li .dropdown-item {
transition: all .2s linear
}
.footer_nine_bottom .flag_selector .dropdown-menu li .dropdown-item:hover {
background: #21d4fd;
color: #fff
}
.footer_dark_ten .f_widget .widget-wrap p a:hover {
color: #23b1fe
}
.footer_dark_ten .f_widget.about-widget .f_list li a:before {
background: #23b1fe
}
.footer_dark_ten .f_widget.about-widget .f_list li a:hover {
color: #23b1fe
}
.footer_dark_ten .dark_f_bottom .f_menu li a:hover, .footer_dark_ten .dark_f_bottom a {
color: #23b1fe
}
.payment_footer_area {
background: #07112d;
border: 0;
padding: 220px 0 100px
}
.payment_footer_area .f_widget.company_widget p {
color: #7f88a6
}
.payment_footer_area .f_widget.company_widget a {
color: #5f51fb
}
.payment_footer_area .f_widget.about-widget .f_list li a {
color: #959eb8
}
.payment_footer_area .social-widget .f_social_icon a {
background: #182240
}
.payment_footer_area .social-widget .f_social_icon a:hover {
background: #5f51fb
}
.payment_footer_area_two {
padding: 100px 0
}
.new_footer_area {
background: #fbfbfd
}
.new_footer_area .footer_bottom {
padding-top: 5px;
padding-bottom: 50px
}
.new_footer_area .footer_bottom p {
font-size: 16px;
color: #6a7695;
line-height: 28px;
margin-bottom: 0
}
.new_footer_area .footer_bottom p i {
color: #fd2f51
}
.new_footer_top {
padding: 120px 0 270px;
position: relative
}
.new_footer_top .f-title {
margin-bottom: 30px;
color: #263b5e
}
.new_footer_top .company_widget p {
font-size: 16px;
font-weight: 300;
line-height: 28px;
color: #6a7695;
margin-bottom: 20px
}
.new_footer_top .company_widget .f_subscribe_two .form-control {
border: 1px solid #e2e2eb;
border-radius: 4px;
height: 55px;
background: #fff;
font-size: 15px;
font-weight: 300;
line-height: 55px;
padding-left: 30px
}
.new_footer_top .company_widget .f_subscribe_two .btn_get {
border-width: 1px;
margin-top: 20px
}
.new_footer_top .f_widget.about-widget .f_list li {
margin-bottom: 11px
}
.new_footer_top .f_widget.about-widget .f_list li a {
color: #6a7695
}
.new_footer_top .f_widget.about-widget .f_list li a:before {
display: none
}
.new_footer_top .f_widget.about-widget .f_list li a:hover {
color: #5e2ced
}
.new_footer_top .f_social_icon a {
width: 44px;
height: 44px;
line-height: 43px;
background: 0 0;
border: 1px solid #e2e2eb;
font-size: 12px
}
.new_footer_top .f_social_icon a:hover {
background: #5e2ced;
border-color: #5e2ced
}
.new_footer_top .f_social_icon a + a {
margin-left: 4px
}
.new_footer_top .footer_bg {
position: absolute;
bottom: 0;
background: url(../img/seo/footer_bg.png) no-repeat scroll center 0;
width: 100%;
height: 266px
}
.new_footer_top .footer_bg .footer_bg_one {
background: url(../img/seo/car.png) no-repeat center center;
width: 70px;
height: 50px;
position: absolute;
bottom: 0;
left: 30%;
animation: myfirst 22s linear infinite
}
.new_footer_top .footer_bg .footer_bg_two {
background: url(../img/seo/bike.png) no-repeat center center;
width: 50px;
height: 52px;
bottom: 0;
left: 38%;
position: absolute;
animation: myfirst 30s linear infinite
}
.white_footer_area .footer_top .f_widget .f_title {
color: #222
}
.white_footer_area .footer_top .f_widget p {
color: #56575e;
font-size: 14px
}
.white_footer_area .footer_top .f_widget.about-widget .f_list li a {
font-size: 16px;
color: #56575e
}
.white_footer_area .footer_top .f_widget.about-widget .f_list li a:before {
background: #56575e
}
.white_footer_area .footer_top .f_widget.about-widget .f_list li a:hover {
color: #56575e
}
.white_footer_area .footer_top .f_widget.social-widget {
margin-left: -15px
}
.white_footer_area .footer_top .f_widget .f_social_icon a {
width: 40px;
height: 40px;
line-height: 40px;
background: 0 0;
font-size: 12px
}
.white_footer_area .footer_top .f_widget .f_social_icon a:hover {
background: #3d57f4;
color: #fff
}
.white_footer_area .footer_top .f_widget .f_social_icon a + a {
margin-left: 0
}
.agency_footer_area {
overflow: hidden;
position: relative;
background-color: #fcfdf9
}
.agency_footer_area a {
display: inline-block
}
.agency_footer_area .shape_1 {
left: 0;
bottom: -220px;
max-width: 415px
}
.agency_footer_area .shape_2 {
top: -100px;
right: 135px;
max-width: 475px
}
.agency_footer_area .shape_3 {
right: 0;
bottom: -221px;
max-width: 408px
}
.agency_footer_area p {
max-width: 570px;
margin-top: 40px;
margin-bottom: 40px;
color: #222d39;
margin-left: auto;
margin-right: auto
}
.agency_footer_area .newsletter_form {
background-color: #fff;
max-width: 770px;
margin-left: auto;
margin-right: auto
}
.agency_footer_area .newsletter_form .col-form-label {
font-size: 18px;
color: #333;
font-weight: 600;
text-transform: uppercase;
line-height: 68px;
padding: 0;
width: 33%;
border: 1px solid #dfe5ed;
border-right: 0
}
.agency_footer_area .newsletter_form .col-form-label i {
color: #6754e2
}
.agency_footer_area .newsletter_form input {
width: 47%;
border: none;
outline: none;
display: block;
padding: 0 30px;
border-radius: 0;
border: 1px solid #dfe5ed
}
.agency_footer_area .newsletter_form .submit_btn {
width: 20%;
height: 100%;
display: block;
color: #fff;
font-size: 15px;
font-weight: 600;
padding: 0 15px;
line-height: 70px;
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
background-color: #6754e2;
border: 0;
cursor: pointer;
box-shadow: .418px 2.971px 10px 0 rgba(66,97,234,.21)
}
.agency_footer_area .copyright_text {
display: block;
max-width: 100%;
margin-bottom: 25px;
font-size: 16px;
color: #222d39
}
.agency_footer_area .site_name {
color: #3e5ae8;
display: inline-block
}
.agency_footer_area .author_link {
position: relative;
color: #6754e2
}
.agency_footer_area .author_link:before {
width: 0;
left: auto;
right: 0;
bottom: 0;
height: 1px;
content: "";
position: absolute;
background: #6754e2;
transition: width .3s linear
}
.agency_footer_area .author_link:hover:before {
left: 0;
width: 100%;
right: auto
}
.agency_footer_area .circle_social_links {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 0
}
.agency_footer_area .circle_social_links li {
margin-right: 3px
}
.agency_footer_area .circle_social_links li:last-child {
margin-right: 0
}
.agency_footer_area .circle_social_links li a {
z-index: 1;
width: 48px;
height: 48px;
display: block;
color: #fff;
font-size: 16px;
line-height: 50px;
position: relative;
border-radius: 100%;
transition: all .2s linear
}
.agency_footer_area .circle_social_links li a.bg_facebook {
background-color: #3b5998;
box-shadow: 1.392px 9.903px 10px 0 rgba(59,89,152,.21)
}
.agency_footer_area .circle_social_links li a.bg_googleplus {
background-color: #ea4335;
box-shadow: 1.392px 9.903px 10px 0 rgba(234,67,53,.21)
}
.agency_footer_area .circle_social_links li a.bg_twitter {
background-color: #1da1f2;
box-shadow: 1.392px 9.903px 10px 0 rgba(29,161,242,.21)
}
.agency_footer_area .circle_social_links li a.bg_linkedin {
background-color: #007bb5;
box-shadow: 1.392px 9.903px 10px 0 rgba(0,119,181,.21)
}
.agency_footer_area .circle_social_links li a:hover {
box-shadow: none
}
@-moz-keyframes myfirst {
0% {
left: -25%
}
100% {
left: 100%
}
}
@-webkit-keyframes myfirst {
0% {
left: -25%
}
100% {
left: 100%
}
}
@keyframes myfirst {
0% {
left: -25%
}
100% {
left: 100%
}
}