@font-face{
font-family:bison;
font-weight:400;
src:url(//zero8media.com/wp-content/plugins/exline-elementor-addons/assets/front/fonts/bison-regular-webfont.woff2) format("woff2"),
url(//zero8media.com/wp-content/plugins/exline-elementor-addons/assets/front/fonts/bison-regular-webfont.woff) format("woff"),
url(//zero8media.com/wp-content/plugins/exline-elementor-addons/assets/front/fonts/Bison-Regular.ttf)
}@font-face{
font-family:bison;
font-weight:700;
src:url(//zero8media.com/wp-content/plugins/exline-elementor-addons/assets/front/fonts/bison-bold-webfont.woff2) format("woff2"),
url(//zero8media.com/wp-content/plugins/exline-elementor-addons/assets/front/fonts/bison-bold-webfont.woff) format("woff"),
url(//zero8media.com/wp-content/plugins/exline-elementor-addons/assets/front/fonts/Bison-Bold.ttf)
}
@font-face{
font-family:bison;
font-weight:600;
src:url(//zero8media.com/wp-content/plugins/exline-elementor-addons/assets/front/fonts/bison-thickoutline-webfont.woff2) format("woff2"),
url(//zero8media.com/wp-content/plugins/exline-elementor-addons/assets/front/fonts/bison-thickoutline-webfont.woff) format("woff"),
url(//zero8media.com/wp-content/plugins/exline-elementor-addons/assets/front/fonts/Bison-ThickOutline.ttf)
}
img {
max-width: 100%;
height: auto;
}  .section-padding {
padding: 120px 0;
}
.sub-title {
color: #212529;
font-family: 'Ubuntu', sans-serif;
font-size: 13px;
font-weight: 500;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 15px;
padding-left: 70px;
position: relative;
}
.sub-title:after {
content: '';
width: 60px;
height: 1px;
background: #212529;
position: absolute;
left: 0;
bottom: 45%;
}
.extra-title {
font-weight: 800;
font-size: 38px;
line-height: 1.4;
}
.extra-text {
font-size: 20px;
color: #1e1e1e;
}
.kmore {
font-size: 12px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
margin-top: 30px;
padding-left: 70px;
position: relative;
}
.kmore:after {
content: '';
width: 60px;
height: 1px;
background: #777;
position: absolute;
left: 0;
bottom: 45%;
}
.section-head {
margin-bottom: 80px;
}
.section-head h6 {
font-size: 13px;
font-family: 'Ubuntu', sans-serif;
font-weight: 500;
letter-spacing: 3px;
text-transform: uppercase;
color: #212529;
margin-bottom: 10px;
}
.section-head h3 {
font-weight: 700;
line-height: 1.5;
}
.bg-gray {
background: #fafafa;
}
.bg-pattern {
position: relative;
background-size: 20% !important;
z-index: 2;
}
.bg-pattern:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fafafa;
opacity: .8;
z-index: -1;
}
.o-hidden {
overflow: hidden;
}
.full-width {
width: 100%;
}
.bg-img {
background-size: cover;
background-repeat: no-repeat;
}
.no-cover {
background-repeat: repeat;
background-size: auto;
}
.bg-fixed {
background-attachment: fixed;
}
.on-top {
position: relative;
z-index: 7;
}
.valign {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}  .pace {
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99999999999999;
position: fixed;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 400px;
border: 0px;
height: 1px;
overflow: hidden;
background: #ccc;
-webkit-transition: all 1s;
transition: all 1s;
}
.pace .pace-progress {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
max-width: 400px;
position: fixed;
z-index: 99999999999999;
display: block;
position: absolute;
top: 0;
right: 100%;
height: 100%;
width: 100%;
background: #212529;
}
.pace.pace-inactive {
width: 100vw;
opacity: 0;
}
.pace.pace-inactive .pace-progress {
max-width: 100vw;
}
#preloader {
width: 100%;
height: 100vh;
overflow: hidden;
position: fixed;
z-index: 9999999;
}
#preloader:after, #preloader:before {
content: '';
position: fixed;
left: 0;
height: 50vh;
width: 100%;
background: #f1f1f1;
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
#preloader:before {
top: 0;
}
#preloader:after {
bottom: 0;
}
#preloader.isdone {
visibility: hidden;
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
#preloader.isdone:after, #preloader.isdone:before {
height: 0;
-webkit-transition: all 0.7s cubic-bezier(1, 0, 0.55, 1);
transition: all 0.7s cubic-bezier(1, 0, 0.55, 1);
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.loading-text {
font-family: 'Ubuntu', sans-serif;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 10px;
position: absolute;
top: 45%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.loading-text.isdone {
top: 40%;
opacity: 0;
-webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition-delay: .5s;
transition-delay: .5s;
}  .btn-curve {
background: transparent;
padding: 14px 35px;
border: 1px solid #1e1e1e;
border-radius: 0;
position: relative;
overflow: hidden;
cursor: pointer;
display: inline-block;
}
.btn-curve:hover:after {
bottom: -10px;
border-radius: 0;
}
.btn-curve:hover span {
color: #fff;
}
.btn-curve:after {
content: '';
position: absolute;
top: -10px;
left: -10px;
right: -10px;
bottom: 100%;
background: #1e1e1e;
border-radius: 0 0 100% 100%/0 0 100% 100%;
-webkit-transition: all 0.6s cubic-bezier(1, 0, 0.55, 1);
transition: all 0.6s cubic-bezier(1, 0, 0.55, 1);
}
.btn-curve span {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 2px;
position: relative;
z-index: 2;
-webkit-transition: all .8s;
transition: all .8s;
}
.btn-curve.btn-lit {
border-color: #fff;
color: #fff;
}
.btn-curve.btn-lit:hover span {
color: #1e1e1e;
}
.btn-curve.btn-lit:after {
background: #fff;
}
.btn-curve.btn-blc {
background: #1e1e1e;
}
.btn-curve.btn-blc:after {
background: #fff;
}
.btn-curve.btn-blc span {
color: #fff;
}
.btn-curve.btn-blc:hover span {
color: #1e1e1e;
}
.btn-curve.btn-lg {
padding: 14px 40px;
}
.btn-curve.btn-lg span {
font-size: 14px;
}
.btn-curve.btn-wit {
background: #fff;
border-color: #fff;
}
.btn-curve.btn-wit:after {
background: #090909;
}
.btn-curve.btn-wit span {
color: #1e1e1e;
}
.btn-curve.btn-wit:hover span {
color: #fff;
}  .progress-wrap {
position: fixed;
bottom: 30px;
right: 30px;
height: 44px;
width: 44px;
cursor: pointer;
display: block;
border-radius: 50px;
-webkit-box-shadow: inset 0 0 0 2px rgba(130, 130, 130, 0.2);
box-shadow: inset 0 0 0 2px rgba(130, 130, 130, 0.2);
z-index: 100;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: all 400ms linear;
transition: all 400ms linear;
}
.progress-wrap.active-progress {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.progress-wrap::after {
position: absolute;
font-family: 'Font Awesome 5 Free';
content: '\f077';
text-align: center;
line-height: 44px;
font-size: 13px;
font-weight: 900;
color: #6c6d6d;
left: 0;
top: 0;
height: 44px;
width: 44px;
cursor: pointer;
display: block;
z-index: 1;
-webkit-transition: all 400ms linear;
transition: all 400ms linear;
}
.progress-wrap svg path {
fill: none;
}
.progress-wrap svg.progress-circle path {
stroke: #6c6d6d;
stroke-width: 4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 400ms linear;
transition: all 400ms linear;
}
.progress-wrap {
-webkit-box-shadow: inset 0 0 0 2px rgba(130, 130, 130, 0.2);
box-shadow: inset 0 0 0 2px rgba(130, 130, 130, 0.2);
}
.progress-wrap::after {
color: #6c6d6d;
}
.progress-wrap svg.progress-circle path {
stroke: #6c6d6d;
}  .splitting.animated.fadeInUp2 .char,
.splitting.animated.fadeInUp2 .word {
-webkit-animation: fadeInUp2 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
animation: fadeInUp2 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
-webkit-animation-delay: calc(30ms * var(--char-index));
animation-delay: calc(30ms * var(--char-index));
}
.splitting .whitespace {
width: 10px;
}
@-webkit-keyframes fadeInUp2 {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp2 {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.splitting.txt.animated .char {
-webkit-animation: fadeIn2 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
animation: fadeIn2 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
-webkit-animation-delay: calc(10ms * var(--char-index));
animation-delay: calc(10ms * var(--char-index));
}
.splitting.txt .whitespace {
width: 5px;
}
@-webkit-keyframes fadeIn2 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn2 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.imgio {
position: relative;
}
.imgio .cimgio {
position: absolute;
height: 100%;
width: 100%;
bottom: 0;
right: 0;
background: #fff;
visibility: visible !important;
-webkit-transition: all .5s linear;
transition: all .5s linear;
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.imgio .animated {
height: 0;
}
.cimgio[data-delay="100"] {
-webkit-transition-delay: .1s;
transition-delay: .1s;
}
.cimgio[data-delay="200"] {
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.cimgio[data-delay="300"] {
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.cimgio[data-delay="400"] {
-webkit-transition-delay: .4s;
transition-delay: .4s;
}
.cimgio[data-delay="500"] {
-webkit-transition-delay: .5s;
transition-delay: .5s;
}
.cimgio[data-delay="600"] {
-webkit-transition-delay: .6s;
transition-delay: .6s;
}
.cimgio[data-delay="700"] {
-webkit-transition-delay: .7s;
transition-delay: .7s;
}
.cimgio[data-delay="800"] {
-webkit-transition-delay: .8s;
transition-delay: .8s;
}
.cimgio[data-delay="900"] {
-webkit-transition-delay: .9s;
transition-delay: .9s;
}
.cimgio[data-delay="1s"] {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}  .topnav {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
padding: 30px 0;
color: #fff;
-webkit-transition: all .7s;
transition: all .7s;
}
.topnav .container,
.topnav .container-fluid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.topnav .container-fluid {
padding: 0 50px;
}
.topnav .logo {
width: 75px;
}
.topnav .menu-icon {
margin-left: auto;
cursor: pointer;
}
.topnav .menu-icon:hover .text .char {
-webkit-animation: fadeInUp2 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
animation: fadeInUp2 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
-webkit-animation-delay: calc(30ms * var(--char-index));
animation-delay: calc(30ms * var(--char-index));
}
.topnav .menu-icon .text {
font-size: 13px;
font-weight: 500;
padding-left: 15px;
display: table-cell;
vertical-align: middle;
position: relative;
}
.topnav .menu-icon .text:after {
content: 'close';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding-left: 15px;
opacity: 0;
-webkit-transition: all .4s;
transition: all .4s;
-webkit-transition-delay: .4s;
transition-delay: .4s;
}
.topnav .menu-icon .text .word {
-webkit-transition: all .4s;
transition: all .4s;
-webkit-transition-delay: .6s;
transition-delay: .6s;
}
.topnav .menu-icon .text.open .word {
opacity: 0;
-webkit-transition-delay: .4s;
transition-delay: .4s;
}
.topnav .menu-icon .text.open:after {
opacity: 1;
-webkit-transition-delay: .6s;
transition-delay: .6s;
}
.topnav .menu-icon .icon {
display: table-cell;
}
.topnav .menu-icon .icon i {
display: block;
width: 20px;
height: 3px;
background: #fff;
margin: 4px 0;
}
.topnav.dark .menu-icon {
color: #000;
}
.topnav.dark .menu-icon .icon i {
background: #000;
}
.topnav.dark.navlit .menu-icon {
color: #fff;
}
.topnav.dark.navlit .menu-icon .icon i {
background: #fff;
}
.nav-scroll {
background: #111;
}
.hamenu {
position: fixed;
top: 0;
left: -100%;
width: 100%;
height: 100vh;
background: #0a0a0a;
padding: 120px 30px 30px;
overflow: hidden;
z-index: 99999;
-webkit-transition: all 0.5s cubic-bezier(1, 0, 0.55, 1);
transition: all 0.5s cubic-bezier(1, 0, 0.55, 1);
}
.hamenu.open .menu-links .main-menu > li .link {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.hamenu.open .cont-info:after {
height: 100vh;
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.hamenu.open .cont-info .item {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.hamenu .menu-links {
color: #fff;
margin-top: 30px;
}
.hamenu .menu-links .o-hidden {
display: inline-block;
}
.hamenu .menu-links .main-menu {
position: relative;
}
.hamenu .menu-links .main-menu.gosub > li {
opacity: 0;
visibility: hidden;
-webkit-transition-delay: .2s !important;
transition-delay: .2s !important;
}
.hamenu .menu-links .main-menu.gosub > li .link {
-webkit-transform: translateY(45px) !important;
transform: translateY(45px) !important;
opacity: 0 !important;
visibility: hidden !important;
-webkit-transition-delay: .2s !important;
transition-delay: .2s !important;
}
.hamenu .menu-links .main-menu.gosub .sub-menu.sub-open {
opacity: 1 !important;
visibility: visible !important;
}
.hamenu .menu-links .main-menu > li {
font-size: 30px;
font-weight: 600;
padding: 10px;
width: 100%;
max-width: 100%;
opacity: 1;
visibility: visible;
-webkit-transition: all .5s;
transition: all .5s;
}
.hamenu .menu-links .main-menu > li span.nm {
opacity: .8;
font-size: 11px;
margin-right: 10px;
}
.hamenu .menu-links .main-menu > li .link {
-webkit-transform: translateY(45px);
transform: translateY(45px);
-webkit-transition: all .7s;
transition: all .7s;
cursor: pointer;
}
.hamenu .menu-links .main-menu > li .link i {
font-size: 15px;
margin-left: 5px;
}
.hamenu .menu-links .main-menu .sub-menu {
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.hamenu .menu-links .main-menu .sub-menu.sub-open {
}
.hamenu .menu-links .main-menu .sub-menu.sub-open > ul > li > div > .sub-link {
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.hamenu .menu-links .main-menu .sub-menu li {
color: #eee;
font-size: 20px;
font-weight: 400;
letter-spacing: 1px;
padding: 8px 10px;
width: 100%;
max-width: 100%;
}
.hamenu .menu-links .main-menu .sub-menu li:hover {
color: #fff;
}
.hamenu .menu-links .main-menu .sub-menu > ul > li > div > .sub-link {
-webkit-transform: translateY(45px);
transform: translateY(45px);
-webkit-transition: all .7s;
transition: all .7s;
}
.hamenu .menu-links .main-menu .sub-menu li .sub-link.back {
color: #fff;
font-size: 20px;
font-weight: 600;
cursor: pointer;
}
.hamenu .menu-links .main-menu .sub-menu li .sub-link.back i {
margin-left: 10px;
}
.hamenu .menu-links .main-menu .sub-menu li .sub-link em {
font-size: 13px;
font-weight: 300;
margin-left: 10px;
}
.hamenu .cont-info {
color: #fff;
margin-top: 50px;
position: relative;
}
.hamenu .cont-info:after {
content: '';
width: 1px;
height: 0;
background: rgba(255, 255, 255, 0.1);
position: absolute;
left: -40px;
top: -170px;
-webkit-transition: all .7s;
transition: all .7s;
}
.hamenu .cont-info .item {
margin-bottom: 30px;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
opacity: 0;
-webkit-transition: all .7s;
transition: all .7s;
}
.hamenu .cont-info .item:last-of-type {
margin-bottom: 0;
}
.hamenu .cont-info .item h6 {
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 10px;
letter-spacing:1px;
}  .slider.fixed-slider {
position: fixed;
top: 0;
left: 0;
right: 0;
}
.slider .parallax-slider {
position: relative;
}
.slider .parallax-slider .swiper-slide {
position: relative;
overflow: hidden;
width: 100%;
min-height: 100vh;
padding-bottom: 50px;
}
.slider .parallax-slider .swiper-slide .bg-img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-size: cover;
}
.slider .parallax-slider .swiper-slide-active .caption h1 {
-webkit-transition: all 0s;
transition: all 0s;
}
.slider .parallax-slider .swiper-slide-active .caption h1 .char {
-webkit-animation: fadeInUp2 0.5s cubic-bezier(0.3, 0, 0.7, 1) both;
animation: fadeInUp2 0.5s cubic-bezier(0.3, 0, 0.7, 1) both;
-webkit-animation-delay: calc(60ms * var(--char-index));
animation-delay: calc(60ms * var(--char-index));
}
.slider .parallax-slider .swiper-slide-active .caption h1,
.slider .parallax-slider .swiper-slide-active .caption .dis {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.slider .parallax-slider .swiper-slide-active .caption .dis {
-webkit-transition-delay: .8s;
transition-delay: .8s;
}
.slider .parallax-slider .caption h1 {
font-size: 80px;
margin: 0;
letter-spacing: 2px;
color: #fff;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .5s, visibility .5s;
transition: opacity .5s, visibility .5s;
}
body:not(.elementor-msie) .slider .parallax-slider .caption h1 .stroke {
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #fff;
color: transparent;
}
body:not(.elementor-msie) .slider .parallax-slider .caption h1 .stroke span {
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #fff;
color: transparent;
}
.slider .parallax-slider .caption .dis {
margin-top: 30px;
color: #fff;
font-size: 12px;
letter-spacing: 4px;
text-transform: uppercase;
-webkit-transition: all .7s;
transition: all .7s;
position: relative;
padding-left: 80px;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.slider .parallax-slider .caption .dis:after {
content: '';
width: 60px;
height: 1px;
background: #eee;
position: absolute;
left: 0;
top: 50%;
}
.slider .parallax-slider .caption .dis:hover .char {
-webkit-animation: fadeIn 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
animation: fadeIn 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
-webkit-animation-delay: calc(30ms * var(--char-index));
animation-delay: calc(30ms * var(--char-index));
}
.slider .parallax-slider .social {
position: absolute;
left: 50px;
bottom: 20px;
z-index: 6;
}
.slider .parallax-slider .social.active a {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.slider .parallax-slider .social .icon {
color: #fff;
margin-right: 10px;
cursor: pointer;
}
.slider .parallax-slider .social a {
color: #fff;
font-size: 11px;
margin-right: 7px;
-webkit-transform: translateY(10px);
transform: translateY(10px);
opacity: 0;
visibility: hidden;
-webkit-transition: all .3s;
transition: all .3s;
}
.center-slider {
text-align: center;
}
.center-slider .parallax-slider .caption h1 {
font-size: 85px;
font-weight: 800;
letter-spacing: 4px;
}
.slide-full .swiper-slide {
position: relative;
overflow: hidden;
width: 100%;
min-height: 100vh;
padding-bottom: 50px;
}
.slide-full .swiper-slide .bg-img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-size: cover;
}
.slide-full .capt {
width: 100%;
text-align: center;
position: relative;
z-index: 3;
}
.slide-full .capt h1 {
font-size: 5vw;
font-weight: 600;
color: #fff;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .5s, visibility .5s;
transition: opacity .5s, visibility .5s;
}
body:not(.elementor-msie) .slide-full .capt h1 .stroke {
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #fff;
color: transparent;
}
body:not(.elementor-msie) .slide-full .capt h1 .stroke span {
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #fff;
color: transparent;
}
.slide-full .capt .dis {
margin-top: 30px;
color: #fff;
font-size: 12px;
letter-spacing: 4px;
text-transform: uppercase;
-webkit-transition: all .7s;
transition: all .7s;
position: relative;
padding-left: 80px;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
.slide-full .capt .dis:after {
content: '';
width: 60px;
height: 1px;
background: #eee;
position: absolute;
left: 0;
top: 50%;
}
.slide-full .capt .dis:hover .char {
-webkit-animation: fadeIn 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
animation: fadeIn 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
-webkit-animation-delay: calc(30ms * var(--char-index));
animation-delay: calc(30ms * var(--char-index));
}
.slide-full .social {
position: absolute;
left: 50px;
bottom: 20px;
z-index: 6;
}
.slide-full .social.active a {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.slide-full .social .icon {
color: #fff;
margin-right: 10px;
cursor: pointer;
}
.slide-full .social a {
color: #fff;
font-size: 11px;
margin-right: 7px;
-webkit-transform: translateY(10px);
transform: translateY(10px);
opacity: 0;
visibility: hidden;
-webkit-transition: all .3s;
transition: all .3s;
}
.slide-full .swiper-slide-active .capt h1 {
-webkit-transition: all 0s;
transition: all 0s;
}
.slide-full .swiper-slide-active .capt h1 .char {
-webkit-animation: fadeInUp2 0.5s cubic-bezier(0.3, 0, 0.7, 1) both;
animation: fadeInUp2 0.5s cubic-bezier(0.3, 0, 0.7, 1) both;
-webkit-animation-delay: calc(60ms * var(--char-index));
animation-delay: calc(60ms * var(--char-index));
}
.slide-full .swiper-slide-active .capt h1, .slide-full .swiper-slide-active .capt .dis {
opacity: 1 !important;
visibility: visible !important;
-webkit-transform: translateY(0px) !important;
transform: translateY(0px) !important;
}
.slide-full .swiper-slide-active .capt .dis {
-webkit-transition-delay: .8s;
transition-delay: .8s;
}
.page-header {
background: #090909;
color: #fff;
}
.page-header .cont {
padding: 240px 0 120px;
}
.page-header .cont h4 {
line-height: 1.6;
}
.page-header .cont h4 .stroke {
font-weight: 900;
}
body:not(.elementor-msie) .page-header .cont h4 .stroke {
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: rgba(255, 255, 255, 0.7);
color: transparent;
}
.page-header .img-wrapper {
position: relative;
min-height: 70vh;
}
.page-header .img-wrapper .title {
position: absolute;
top: 0;
right: 0px;
width: 100%;
text-align: right;
-webkit-transform: translateY(-55%);
transform: translateY(-55%);
z-index: 3;
}
.page-header .img-wrapper .title h3 {
font-size: 100px;
font-weight: 900;
}
body:not(.elementor-msie) .page-header .img-wrapper .title h3 {
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #fff;
color: transparent;
}
.page-header .img-wrapper .map {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.page-header.proj-det .img-wrapper {
min-height: 80vh;
}
.page-header.blg .cont {
padding: 220px 0;
}
.page-header.blg .cont h2 {
line-height: 1.6;
margin-bottom: 10px;
}
.page-header.blg .cont .info a {
margin: 0 10px;
font-size: 13px;
font-family: 'Roboto Mono', monospace;
color: #aaa;
}
.slide-controls .swiper-pagination-fraction {
position: absolute;
right: 50px;
left: auto;
bottom: 20px;
top: auto;
width: auto;
color: #fff;
}
.slide-controls .swiper-pagination-fraction .swiper-pagination-current {
font-size: 20px;
position: relative;
}
.slide-controls .swiper-pagination-fraction .swiper-pagination-current:after {
content: '/';
position: relative;
margin: 0 10px;
font-size: 12px;
}
.slide-controls .swiper-button-next,
.slide-controls .swiper-button-prev {
position: absolute;
width: 48px;
height: 48px;
bottom: auto;
top: 50%;
left: auto;
right: 50px;
border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 0.5);
color: #fff;
font-size: 14px;
-webkit-transition: all 0.7s cubic-bezier(1, 0, 0.25, 1);
transition: all 0.7s cubic-bezier(1, 0, 0.25, 1);
}
.slide-controls .swiper-button-next:after,
.slide-controls .swiper-button-prev:after {
display: none;
}
.slide-controls .swiper-button-next:hover,
.slide-controls .swiper-button-prev:hover {
background: rgba(255, 255, 255, 0.1);
}
.slide-controls .swiper-button-next i,
.slide-controls .swiper-button-prev i {
position: absolute;
top: 16px;
left: 22px;
-webkit-transition: all 0.7s cubic-bezier(1, 0, 0.25, 1);
transition: all 0.7s cubic-bezier(1, 0, 0.25, 1);
}
.slide-controls .swiper-button-next i:after,
.slide-controls .swiper-button-prev i:after {
content: '';
width: 45px;
height: 1px;
position: absolute;
background: rgba(255, 255, 255, 0.5);
-webkit-transition: all 0.7s cubic-bezier(1, 0, 0.25, 1);
transition: all 0.7s cubic-bezier(1, 0, 0.25, 1);
}
.slide-controls .swiper-button-next:hover {
right: 45px;
}
.slide-controls .swiper-button-next:hover i {
left: 30px;
}
.slide-controls .swiper-button-next:hover i:after {
width: 20px;
}
.slide-controls .swiper-button-next i:after {
top: 6px;
right: 5px;
}
.slide-controls .swiper-button-prev {
right: auto;
left: 50px;
}
.slide-controls .swiper-button-prev:hover {
left: 45px;
}
.slide-controls .swiper-button-prev:hover i {
left: 10px;
}
.slide-controls .swiper-button-prev:hover i:after {
width: 20px;
}
.slide-controls .swiper-button-prev i {
left: 18px;
}
.slide-controls .swiper-button-prev i:after {
top: 6px;
left: 5px;
}  .about .items {
padding: 60px 40px;
-webkit-transition: border .3s;
transition: border .3s;
}
.about .items .icon {
font-size: 70px;
margin-bottom: 30px;
}
.about .items .icon svg {
width: 1em;
height: 1em;
}
.about .items h5 {
font-size: 22px;
line-height: 1.5;
margin-bottom: 20px;
}
.about .items .more-stroke {
margin-top: 30px;
}
.about .items .more-stroke span {
width: 0;
height: 2px;
background: #1a1d1c;
position: relative;
}
.about .items .more-stroke span:after,
.about .items .more-stroke span:before {
content: '';
width: 0;
height: 2px;
background: #1a1d1c;
position: absolute;
right: -1px;
}
.about .items .more-stroke span:after {
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
top: -4px;
}
.about .items .more-stroke span:before {
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
top: 4px;
}
.about .items.active {
background: #f9f9f9;
-webkit-transition: border .4s, background .2s;
transition: border .4s, background .2s;
}
.about .items:hover .more-stroke span {
width: 0px;
}
.about .items.active .more-stroke span {
width: 30px;
-webkit-transition: width .3s;
transition: width .3s;
}
.about .items:hover .more-stroke span:after,
.about .items:hover .more-stroke span:before {
width: 0px;
}
.about .items.active .more-stroke span:after,
.about .items.active .more-stroke span:before {
width: 12px;
-webkit-transition: width .3s;
transition: width .3s;
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.about.blc {
background-color: #080808;
color: #fff;
}
.about.blc:before {
background-image: url(//zero8media.com/wp-content/plugins/exline-elementor-addons/assets/front/img/giphynoise.png);
background-repeat: repeat;
background-size: 40%;
opacity: .015;
}
.about.blc .extra-text {
color: #ddd;
}
.about.blc .sub-title {
color: #ccc;
}
.about.blc .sub-title:after {
background: #eee;
}
.about.blc .section-head h6 {
color: #ccc;
}
.about.blc .items {
border: 1px solid transparent;
}
.about.blc .items .icon {
font-size: 60px;
color: #eee;
}
.about.blc .items.active {
background: #0e0e0e;
border-color: rgba(255, 255, 255, 0.5);
}
.about.blc .items .more-stroke span,
.about.blc .items .more-stroke span:before,
.about.blc .items .more-stroke span:after {
background: #fff;
}
.intro-section .item h6 {
font-size: 13px;
font-weight: 700;
letter-spacing: 4px;
text-transform: uppercase;
margin-bottom: 10px;
}  .work-carousel .swiper-slide {
padding: 0px 10px 50px;
}
.work-carousel .swiper-slide .img {
border-radius: 3px;
overflow: hidden;
-webkit-transition: all .8s;
transition: all .8s;
}
.work-carousel .swiper-slide-active .img {
-webkit-box-shadow: 0px 40px 30px -40px rgba(0, 0, 0, 0.3);
box-shadow: 0px 40px 30px -40px rgba(0, 0, 0, 0.3);
}
.work-carousel .swiper-slide-active .img:after {
opacity: 1 !important;
}
.work-carousel .swiper-slide-active .cont h6, .work-carousel .swiper-slide-active .cont h4 {
opacity: 1 !important;
visibility: visible !important;
-webkit-transform: translateY(0px) !important;
transform: translateY(0px) !important;
}
.work-carousel .swiper-pagination-progressbar {
position: absolute;
bottom: 0;
top: auto;
right: auto;
left: calc(50% - 120px);
width: 240px;
height: 2px;
border-radius: 10px;
background: #eee;
}
.work-carousel .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
border-radius: 10px;
background: #1e1e1e;
}
.work-carousel .swiper-button-next,
.work-carousel .swiper-button-prev {
color: #000;
width: 60px;
height: 60px;
border-radius: 0;
border: 0;
background: #fff;
opacity: 0;
-webkit-transition: all .3s;
transition: all .3s;
}
.work-carousel .swiper-button-next:after,
.work-carousel .swiper-button-prev:after {
display: none;
}
.work-carousel:hover .swiper-button-next,
.work-carousel:hover .swiper-button-prev {
opacity: 1;
}
.work-carousel .content {
position: relative;
}
.work-carousel .content .img {
position: relative;
}
.work-carousel .content .img:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(transparent));
background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
opacity: 0;
-webkit-transition: all .5s;
transition: all .5s;
}
.work-carousel .content .cont {
position: absolute;
bottom: 40px;
left: 40px;
color: #fff;
}
.work-carousel .content .cont h6 {
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 4px;
margin-bottom: 10px;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
-webkit-transition: all .7s;
transition: all .7s;
-webkit-transition-delay: .5s;
transition-delay: .5s;
}
.work-carousel .content .cont h4 {
font-weight: 700;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: all .7s;
transition: all .7s;
-webkit-transition-delay: .5s;
transition-delay: .5s;
}
.work-carousel.mcolumn .swiper-slide {
padding: 0px;
}
.work-carousel.mcolumn .swiper-slide .img {
border-radius: 0;
}
.work-carousel.mcolumn .swiper-slide-active .img {
-webkit-box-shadow: none;
box-shadow: none;
}
.work-carousel.mcolumn .swiper-slide-active .img:after {
opacity: 1 !important;
}
.portfolio .filtering {
text-align: center;
margin-bottom: 20px;
}
.portfolio .filtering span {
font-weight: 500;
margin: 0 20px;
cursor: pointer;
position: relative;
}
.portfolio .filtering span.active {
color: #24d5b4;
}
.portfolio .filtering span:after {
content: '';
width: 7px;
height: 7px;
background: #eee;
border-radius: 50%;
position: absolute;
right: -24px;
top: 40%;
}
.portfolio .filtering span:last-of-type:after {
display: none;
}
.portfolio .gallery .items {
margin-top: 40px;
padding: 0 20px;
}
.portfolio .gallery .items .item-img {
border-radius: 5px;
overflow: hidden;
position: relative;
}
.portfolio .gallery .items .item-img > a {
display: block;
}
.portfolio .gallery .items .item-img:hover img {
-webkit-filter: blur(2px);
filter: blur(2px);
}
.portfolio .gallery .items .item-img:hover .item-img-overlay {
opacity: 1;
visibility: visible;
}
.portfolio .gallery .items .item-img:hover .overlay-info {
opacity: 1;
}
.portfolio .gallery .items .item-img:hover .overlay-info .char {
-webkit-animation: fadeInUp2 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
animation: fadeInUp2 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
-webkit-animation-delay: calc(20ms * var(--char-index));
animation-delay: calc(20ms * var(--char-index));
}
.portfolio .gallery .items .item-img img {
-webkit-transition: all .5s;
transition: all .5s;
}
.portfolio .gallery .items .item-img-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(38, 38, 40, 0.5);
text-align: center;
-webkit-transition: all .5s;
transition: all .5s;
opacity: 0;
visibility: hidden;
}
.portfolio .gallery .items .overlay-info {
opacity: 0;
}
.portfolio .gallery .items .overlay-info h5 {
color: #fff;
font-size: 22px;
font-weight: 600;
text-transform: lowercase;
}
.portfolio.gutter .filtering {
margin-bottom: 0;
}
.portfolio.gutter .gallery .items {
margin-top: 80px;
padding: 0 40px;
}
.portfolio.gutter .gallery .items .item-img {
border-radius: 0;
}
.portfolio.gutter .gallery .items .overlay-info h5 {
font-size: 28px;
}
.slider-portfolio .swiper-slide {
min-height: 100vh;
}
.slider-portfolio .swiper-slide .bg-img {
height: 75vh;
margin-top: 20vh;
background-size: cover;
background-position: center center;
}
.slider-portfolio .swiper-slide .caption {
width: 100%;
text-align: center;
position: relative;
z-index: 3;
}
.slider-portfolio .swiper-slide .caption h1 {
font-size: 60px;
font-weight: 700;
color: #fff;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .5s, visibility .5s;
transition: opacity .5s, visibility .5s;
}
body:not(.elementor-msie) .slider-portfolio .swiper-slide .caption h1 .stroke {
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #fff;
color: transparent;
}
.slider-portfolio .swiper-slide .caption .dis {
margin-top: 30px;
color: #fff;
font-size: 12px;
letter-spacing: 4px;
text-transform: uppercase;
-webkit-transition: all .7s;
transition: all .7s;
position: relative;
padding-left: 80px;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
.slider-portfolio .swiper-slide .caption .dis:after {
content: '';
width: 60px;
height: 1px;
background: #eee;
position: absolute;
left: 0;
top: 50%;
}
.slider-portfolio .swiper-slide.swiper-slide-active .caption h1 {
-webkit-transition: all 0s;
transition: all 0s;
}
.slider-portfolio .swiper-slide.swiper-slide-active .caption h1 .char {
-webkit-animation: fadeInUp2 0.5s cubic-bezier(0.3, 0, 0.7, 1) both;
animation: fadeInUp2 0.5s cubic-bezier(0.3, 0, 0.7, 1) both;
-webkit-animation-delay: calc(60ms * var(--char-index));
animation-delay: calc(60ms * var(--char-index));
}
.slider-portfolio .swiper-slide.swiper-slide-active .caption h1, .slider-portfolio .swiper-slide.swiper-slide-active .caption .dis {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.slider-portfolio .swiper-slide.swiper-slide-active .caption .dis {
-webkit-transition-delay: .5s;
transition-delay: .5s;
}  .process .section-head {
margin-bottom: 20px;
}
.process .bg-box {
position: relative;
}
.process .background {
position: absolute;
top: 80px;
left: 0;
right: 0;
bottom: 80px;
background-size: cover;
background-position: center center;
}
.process .background .vid {
position: absolute;
left: 25%;
top: calc(50% - 50px);
text-align: center;
z-index: 8;
}
.process .background .vid .vid-butn {
width: 100%;
}
.process .background .vid .vid-butn:hover .icon {
color: #fff;
}
.process .background .vid .vid-butn:hover .icon:before {
-webkit-transform: scale(0);
transform: scale(0);
}
.process .background .vid .vid-butn .icon {
color: #212529;
width: 100px;
height: 100px;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 50%;
line-height: 100px;
text-align: center;
font-size: 17px;
position: relative;
-webkit-transition: all .5s;
transition: all .5s;
}
.process .background .vid .vid-butn .icon:after {
content: '';
position: absolute;
top: 5px;
bottom: 5px;
right: 5px;
left: 5px;
border: 1px solid #eee;
border-radius: 50%;
z-index: -1;
}
.process .background .vid .vid-butn .icon:before {
content: '';
position: absolute;
top: 5px;
bottom: 5px;
right: 5px;
left: 5px;
background: #fff;
border-radius: 50%;
z-index: -1;
-webkit-transition: all 0.5s cubic-bezier(1, 0, 0, 1);
transition: all 0.5s cubic-bezier(1, 0, 0, 1);
}
.process .content {
padding: 80px 40px;
background: #000;
color: #fff;
}
.process .content h4 {
font-weight: 700;
line-height: 1.5;
margin-bottom: 50px;
}
.process .content ul {
margin: 0;
}
.process .content ul li {
margin-bottom: 30px;
}
body:not(.elementor-msie) .process .content ul li span {
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #fff;
color: transparent;
}
.process .content ul li span {
font-size: 60px;
display: table-cell;
width: 100px;
line-height: 1;
}
.process .content ul li .cont {
display: table-cell;
vertical-align: middle;
}
.process .content ul li .cont h5 {
font-size: 17px;
margin-bottom: 10px;
}
.process .content ul li .cont p {
font-size: 14px;
font-weight: 300;
color: #eee;
opacity: .7;
}
.process .content ul li:last-of-type {
margin-bottom: 0;
}
.video-wrapper {
min-height: 500px;
}
.video-wrapper .vid {
position: relative;
z-index: 8;
}
.video-wrapper .vid .vid-butn:hover .icon {
color: #fff;
}
.video-wrapper .vid .vid-butn:hover .icon:before {
-webkit-transform: scale(0);
transform: scale(0);
}
.video-wrapper .vid .vid-butn .icon {
color: #212529;
width: 100px;
height: 100px;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 50%;
line-height: 100px;
text-align: center;
font-size: 17px;
position: relative;
-webkit-transition: all .5s;
transition: all .5s;
}
.video-wrapper .vid .vid-butn .icon:after {
content: '';
position: absolute;
top: 5px;
bottom: 5px;
right: 5px;
left: 5px;
border: 1px solid #eee;
border-radius: 50%;
z-index: -1;
}
.video-wrapper .vid .vid-butn .icon:before {
content: '';
position: absolute;
top: 5px;
bottom: 5px;
right: 5px;
left: 5px;
background: #fff;
border-radius: 50%;
z-index: -1;
-webkit-transition: all 0.5s cubic-bezier(1, 0, 0, 1);
transition: all 0.5s cubic-bezier(1, 0, 0, 1);
}  .testimonials {
position: relative;
z-index: 3;
}
.testimonials:after {
content: '';
width: 58.333333%;
position: absolute;
top: -80px;
bottom: 0;
left: 0;
background: #fafafa;
z-index: -1;
}
.testimonials.no-bg {
padding-top: 0px;
}
.testimonials.no-bg:after {
display: none;
}
.testimonials.no-bg .text-bg {
position: relative;
left: -10%;
top: -40px;
margin-bottom: 60px;
font-size: 11vw;
font-weight: 900;
line-height: 1;
opacity: .2;
z-index: -1;
}
body:not(.elementor-msie) .testimonials.no-bg .text-bg {
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #555;
color: transparent;
}
.testimonials .title h5 {
color: #ccc;
font-size: 22px;
font-weight: 800;
letter-spacing: 2px;
text-transform: uppercase;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(-90deg);
}
.testimonials .quote-text {
position: relative;
}
.testimonials .quote-text .quote-icon {
position: absolute;
right: 100px;
bottom: -30px;
width: 70px;
}
.testimonials p {
font-size: 22px;
font-weight: 300;
line-height: 2;
color: #18171B;
}
.testimonials .info {
text-align: center;
}
.testimonials .author {
width: 90px;
height: 90px;
margin: auto;
border-radius: 50%;
overflow: hidden;
}
.testimonials h6 {
font-weight: 700;
letter-spacing: 2px;
padding-top: 30px;
}
.testimonials h6 span {
display: block;
font-size: 12px;
font-weight: 600;
text-transform: capitalize;
letter-spacing: 1px;
color: #212529;
margin-top: 10px;
}
.testimonials .navs span {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 50%;
border: 1px solid rgba(0, 0, 0, 0.1);
color: #212529;
font-size: 18px;
position: absolute;
top: 20%;
cursor: pointer;
}
.testimonials .navs span:hover {
background: #212529;
color: #fff;
}
.testimonials .navs .next {
right: 30px;
}
.testimonials .navs .prev {
left: 30px;
}  .agency .content h4 {
font-weight: 700;
font-size: 40px;
line-height: 1.5;
margin-bottom: 20px;
}
.agency .content ul {
margin: 0;
}
.agency .content ul li {
margin-top: 25px;
padding-left: 25px;
position: relative;
}
.agency .content ul li:after {
content: '';
width: 10px;
height: 10px;
border: 1px solid #999;
border-radius: 50%;
position: absolute;
left: 0;
top: 2px;
}
.agency .img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.agency .img .imgone {
width: 55%;
position: relative;
bottom: -80px;
margin-bottom: 80px;
border-radius: 4px;
border: 5px solid #fff;
-webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
overflow: hidden;
}
.agency .img .imgtwo {
width: 55%;
position: absolute;
right: 0;
border-radius: 4px;
border: 5px solid #fff;
-webkit-box-shadow: -15px 10px 30px rgba(0, 0, 0, 0.05);
box-shadow: -15px 10px 30px rgba(0, 0, 0, 0.05);
overflow: hidden;
z-index: 2;
}
.agency .img .icon {
width: 100px;
height: 100px;
line-height: 135px;
text-align: center;
border-radius: 50%;
background: #fff;
position: absolute;
bottom: 20%;
left: 40%;
z-index: 3;
}
.agency .img .icon:after {
content: '';
position: absolute;
top: -10px;
left: -10px;
right: -10px;
bottom: -10px;
background: rgba(255, 255, 255, 0.2);
border-radius: 50%;
z-index: -1;
}
.agency .img .icon svg {
fill: #24d5b4;
width: 90px;
}
.agency .img .exp {
position: absolute;
right: 0;
bottom: 0;
}
.agency .img .exp h6 {
font-size: 12px;
color: #999;
margin-top: 5px;
position: relative;
}
.agency .img .exp h6:after {
content: '';
width: 30px;
height: 1px;
background: #24d5b4;
position: absolute;
left: -40px;
top: 45%;
}
.agency .img .exp h2 {
font-size: 70px;
font-weight: 700;
}
.agency .imgsec {
padding-right: 30px;
}
.agency .imgsec .imgone {
position: relative;
top: -20px;
}
.agency .imgsec .imgtwo {
position: relative;
bottom: -20px;
}
.agency .imgsec .exp {
padding-left: 40px;
}
.agency .imgsec .exp h6 {
font-size: 12px;
color: #999;
margin-top: 5px;
position: relative;
}
.agency .imgsec .exp h6:after {
content: '';
width: 30px;
height: 1px;
background: #24d5b4;
position: absolute;
left: -40px;
top: 45%;
}
.agency .imgsec .exp h2 {
font-size: 70px;
font-weight: 700;
}  .min-area .img {
padding: 120px 0 120px 80px;
position: relative;
z-index: 3;
}
.min-area .img:after {
content: '';
position: absolute;
top: 0;
right: 120px;
bottom: 0;
left: -300px;
background: #f3f3f3;
z-index: -1;
}
.min-area .content {
padding-left: 40px;
}
.min-area .content h4 {
font-weight: 700;
font-size: 40px;
line-height: 1.5;
margin-bottom: 20px;
}
.min-area .content ul {
margin: 0;
}
.min-area .content ul li {
margin-top: 25px;
padding-left: 25px;
position: relative;
}
.min-area .content ul li:after {
content: '';
width: 10px;
height: 10px;
border: 1px solid #999;
border-radius: 50%;
position: absolute;
left: 0;
top: 2px;
}
.min-area .content ul.feat li {
padding: 0 0 30px 0;
border-bottom: 1px solid #eee;
}
.min-area .content ul.feat li:last-of-type {
padding: 0;
border: 0;
}
.min-area .content ul.feat li:after {
display: none;
}
.min-area .content ul.feat li h6 {
margin-bottom: 5px;
}
.min-area .content ul.feat li h6 span {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 13px;
border: 1px solid #ddd;
border-radius: 50%;
margin-right: 10px;
}
.min-area .content ul.feat li p {
padding-left: 45px;
}  .clients .brands {
padding: 100px 10px;
text-align: center;
border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.clients .brands:last-of-type {
border-right: 0;
}
.clients .brands:hover .img {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
.clients .brands:hover .link {
opacity: 1 !important;
-webkit-transition: all 0;
transition: all 0;
}
.clients .brands:hover .char {
-webkit-animation: fadeInUp2 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
animation: fadeInUp2 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
-webkit-animation-delay: calc(20ms * var(--char-index));
animation-delay: calc(20ms * var(--char-index));
}
.clients .brands .item {
position: relative;
text-align: center;
}
.clients .brands .item .link {
font-size: 16px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 0;
-webkit-transition: all .3s;
transition: all .3s;
}
.clients .brands .img {
max-width: 85px;
margin: auto;
position: relative;
-webkit-transition: all .4s;
transition: all .4s;
}
.clients .bord {
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}  .team .item .img {
position: relative;
overflow: hidden;
}
.team .item .img .info {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
padding-top: 15px;
background: #fff;
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all .5s;
transition: all .5s;
}
.team .item .img .info h6 {
font-size: 16px;
margin-bottom: 2px;
}
.team .item .img .info .social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 5px;
}
.team .item .img .info .social a {
width: 100%;
padding: 5px;
border-right: 1px solid #eee;
}
.team .item .img .info .social a:last-of-type {
border: 0;
}
.team .item .img:hover .info {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.team .item .img.filter img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.team .item .img img {
-webkit-transition: -webkit-filter .5s !important;
transition: -webkit-filter .5s !important;
transition: filter .5s !important;
transition: filter .5s, -webkit-filter .5s !important;
}  .nt-blog .stories {
position: relative;
padding: 20px;
}
.nt-blog .controls {
width: 100px;
height: 100px;
border-radius: 50%;
line-height: 100px;
text-align: center;
background: #fff;
position: absolute;
top: calc(50% - 50px);
left: calc(50% - 50px);
z-index: 3;
}
.nt-blog .controls:after {
content: '';
position: absolute;
right: -10px;
top: -10px;
bottom: -10px;
left: -10px;
background: rgba(220, 220, 220, 0.2);
border-radius: 50%;
z-index: -1;
}
.nt-blog .controls .swiper-button-next.next-ctrl, .nt-blog .controls .swiper-button-prev.prev-ctrl {
position: absolute;
left: calc(50% - 15px);
right: auto;
color: #ccc;
z-index: 4;
cursor: pointer;
font-size: 28px;
width: 30px;
height: 30px;
}
.nt-blog .controls .swiper-button-next.next-ctrl:after, .nt-blog .controls .swiper-button-prev.prev-ctrl:after {
display: none;
}
.nt-blog .controls .swiper-button-next.next-ctrl {
top: 22px;
bottom: auto;
}
.nt-blog .controls .swiper-button-prev.prev-ctrl {
bottom: 0px;
top: auto;
}
.nt-blog .controls .swiper-pagination-fraction {
position: static;
}
.nt-blog .controls .swiper-pagination-fraction span {
margin: 0 7px;
font-weight: 600;
color: #24d5b4;
}
.nt-blog .controls .swiper-pagination-fraction .swiper-pagination-current {
position: relative;
}
.nt-blog .controls .swiper-pagination-fraction .swiper-pagination-current:after {
content: "/";
position: absolute;
right: -11px;
top: 0;
font-size: 10px;
color: #ccc;
}
.nt-blog .item .img {
border-radius: 3px;
overflow: hidden;
}
.nt-blog .item .content {
padding: 30px 65px;
text-align: center;
}
.nt-blog .item .content .tags {
color: #212529;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1.2px;
font-size: 13px;
margin-bottom: 10px;
}
.nt-blog .item .content .tags a {
margin: 0 7px;
}
.nt-blog .item .content .info {
margin-bottom: 10px;
}
.nt-blog .item .content .info a {
margin: 0 10px;
font-weight: 400;
color: #777;
}
.nt-blog .item .content .title {
margin-bottom: 10px;
}
.nt-blog .item .content .title h4 {
font-weight: 700;
line-height: 1.5;
}
.nt-blog .item .content .more a {
color: #212529;
font-weight: 600;
font-size: 14px;
letter-spacing: 1px;
margin-top: 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.nt-blog-grid {
position: relative;
}
.nt-blog-grid .bg-pattern {
position: absolute;
width: 100%;
height: 50%;
left: 0;
top: 0;
z-index: -1;
}
.nt-blog-grid .item .post-img .img {
overflow: hidden;
}
.nt-blog-grid .item .post-img:hover img {
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.nt-blog-grid .item .post-img img {
-webkit-transition: all .5s;
transition: all .5s;
}
.nt-blog-grid .item .cont {
text-align: center;
position: relative;
padding: 40px 30px;
background: #fafafa;
}
.nt-blog-grid .item .info {
margin-bottom: 15px;
}
.nt-blog-grid .item .info a {
color: #bababa;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
margin-right: 10px;
}
.nt-blog-grid .item .info a:last-of-type {
margin-right: 0;
}
.nt-blog-grid .item .info a i {
margin-right: 2px;
}
.nt-blog-grid .item .info .tag {
color: #24d5b4;
font-weight: 600;
float: right;
}
.nt-blog-grid .item h5 {
font-size: 22px;
font-weight: 700;
line-height: 1.7;
margin-bottom: 15px;
}
.nt-blog-grid .item .more {
color: #bababa;
border-bottom: 1px solid #bababa;
}
.nt-blog-pg .posts .item .content {
padding-top: 25px;
}
.nt-blog-pg .posts .item .content .tags {
margin-bottom: 10px;
}
.nt-blog-pg .posts .item .content .tags a {
font-size: 12px;
font-weight: 500;
color: #888;
padding-right: 20px;
position: relative;
}
.nt-blog-pg .posts .item .content .tags a:after {
content: '';
width: 8px;
height: 2px;
background: #ccc;
position: absolute;
right: 4px;
top: 50%;
}
.nt-blog-pg .posts .item .content .tags a:last-of-type {
padding-right: 0;
}
.nt-blog-pg .posts .item .content .tags a:last-of-type:after {
display: none;
}
.nt-blog-pg .posts .item .content h4 {
font-weight: 700;
line-height: 1.6;
margin-bottom: 5px;
}
.nt-blog-pg .posts .item .content .more {
margin-top: 20px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 2px;
padding-left: 60px;
position: relative;
-webkit-transition: all .5s;
transition: all .5s;
}
.nt-blog-pg .posts .item .content .more:after {
content: '';
width: 50px;
height: 1px;
background: #090909;
position: absolute;
left: 0px;
top: 50%;
-webkit-transition: all .5s;
transition: all .5s;
}
.nt-blog-pg .posts .item .content .more:hover {
padding-left: 40px;
}
.nt-blog-pg .posts .item .content .more:hover:after {
width: 30px;
}
.nt-blog-pg .posts .item .content .date {
width: 100%;
text-align: right;
}
.nt-blog-pg .posts .item .content .date a {
padding: 15px 20px;
border: 1px solid #ccc;
border-radius: 10px;
text-align: center;
}
.nt-blog-pg .posts .item .content .date .num {
display: block;
font-size: 30px;
font-weight: 800;
margin-bottom: 5px;
}
.nt-blog-pg .posts .pagination {
margin: 80px auto 0;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
text-align: center;
}
.nt-blog-pg .posts .pagination span {
text-align: center;
margin: 0 2px;
}
.nt-blog-pg .posts .pagination span a {
width: 50px;
height: 50px;
line-height: 50px;
background: #f5f5f5;
font-size: 18px;
}
.nt-blog-pg .posts .pagination span.active a {
background: #090909;
color: #fff;
}
.nt-blog-pg.single {
position: relative;
margin-top: -100px;
}
.nt-blog-pg.single .post .img {
min-height: 80vh;
}
.nt-blog-pg.single .post .content p {
color: #555;
font-size: 16px;
font-family: inherit;
margin: 30px 0;
}
.nt-blog-pg.single .post .content ul li {
margin: 10px 0;
}
.nt-blog-pg.single .post .content ul li span {
margin-right: 10px;
font-weight: 500;
font-size: 13px;
}
.nt-blog-pg.single .post .content .quotes {
background: #fafafa;
padding: 30px;
margin: 30px 0;
}
.nt-blog-pg.single .post .content .quotes p {
color: #111;
font-size: 18px;
font-style: italic;
}
.nt-blog-pg.single .post .content .spacial p {
color: #111;
font-size: 18px;
font-weight: 500;
}
.nt-blog-pg.single .post .content .share-info {
margin-top: 20px;
padding-top: 10px;
border-top: 1px solid #999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.nt-blog-pg.single .post .content .share-info .social a {
font-size: 13px;
margin-right: 20px;
}
.nt-blog-pg.single .post .content .share-info .tags {
margin-left: auto;
}
.nt-blog-pg.single .post .content .share-info .tags a {
font-size: 12px;
margin: 0 0 0 10px;
}
.nt-blog-pg.single .post .author {
padding: 30px;
margin-top: 40px;
background: #fafafa;
}
.nt-blog-pg.single .post .author .author-img {
display: table-cell;
vertical-align: middle;
width: 140px;
}
.nt-blog-pg.single .post .author .info {
display: table-cell;
padding-left: 40px;
}
.nt-blog-pg.single .post .author .info h6 {
margin-bottom: 10px;
font-size: 15px;
}
.nt-blog-pg.single .post .author .info h6 span {
font-weight: 700;
text-transform: uppercase;
margin-right: 10px;
}
.nt-blog-pg.single .post .author .info p {
padding: 0;
margin: 0;
}
.nt-blog-pg.single .post .author .info .social {
margin-top: 15px;
font-size: 13px;
}
.nt-blog-pg.single .post .author .info .social a {
margin-right: 15px;
}
.nt-blog-pg.single .pagination {
margin-top: 80px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.nt-blog-pg.single .pagination span {
width: 100%;
padding: 20px;
border-right: 1px solid #eee;
border-left: 1px solid #eee;
text-transform: uppercase;
font-weight: 500;
font-size: 13px;
letter-spacing: 1px;
}
.nt-blog-pg.single .pagination .icon {
border: 0;
width: 70px;
}
.nt-blog-pg.single .comments-area {
margin-top: 80px;
}
.nt-blog-pg.single .comments-area .item {
padding: 30px 0;
margin: 30px 0;
border-bottom: 1px solid #eee;
}
.nt-blog-pg.single .comments-area .item.relped {
margin-left: 100px;
}
.nt-blog-pg.single .comments-area .item .comment-img {
display: table-cell;
width: 80px;
}
.nt-blog-pg.single .comments-area .item .info {
display: table-cell;
vertical-align: middle;
padding-left: 40px;
position: relative;
}
.nt-blog-pg.single .comments-area .item .info h6 {
font-size: 15px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 500;
}
.nt-blog-pg.single .comments-area .item .info h6 span {
color: #999;
font-size: 12px;
font-weight: 400;
margin-left: 10px;
}
.nt-blog-pg.single .comments-area .item .info p {
line-height: 1.5;
margin-top: 10px;
}
.nt-blog-pg.single .comments-area .item .info .replay {
position: absolute;
right: 0;
top: 0;
font-size: 13px;
}
.nt-blog-pg.single .comments-area .item .info .replay i {
margin-left: 5px;
}
.nt-blog-pg.single .comment-form {
margin-top: 80px;
}
.nt-blog-pg.single .comment-form form {
margin-top: 50px;
}
.nt-blog-pg.single .comment-form form input, .nt-blog-pg.single .comment-form form textarea {
width: 100%;
padding: 17px;
background: #fafafa;
border: 0;
}
.nt-blog-pg.single .comment-form form textarea {
height: 140px;
}
.nt-blog-pg.single .comment-form form button {
cursor: pointer;
}  .contact .form input, .contact .form textarea {
width: 100%;
padding: 15px;
background: transparent;
border: 1px solid #ddd;
}
.contact .form textarea {
height: 160px;
}
.contact .cont-info .extra-title {
font-size: 28px;
margin-bottom: 15px;
}
.contact .cont-info h5 {
margin-bottom: 10px;
font-size: 18px;
font-weight: 400;
}
.contact .cont-info h5:last-of-type {
color: #222;
font-weight: 800;
}
.contact .cont-info h6 {
line-height: 1.6;
font-size: 16;
font-weight: 400;
}  .call-action {
background-color: #020202;
color: #fff;
}
.call-action:before {
background-image: url(//zero8media.com/wp-content/plugins/exline-elementor-addons/assets/front/img/giphy.gif);
background-repeat: repeat;
opacity: .04;
}
.call-action.nogif {
position: relative;
padding: 80px 0;
background: #0a0a0a;
z-index: 2;
overflow: hidden;
}
.call-action.nogif:before {
display: none;
}
.call-action.nogif:after {
content: '';
height: 0;
width: 100%;
position: absolute;
top: auto;
right: 0;
bottom: 0;
-webkit-transition: height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
transition: height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
background: #0c0c0c;
z-index: -1;
}
.call-action.nogif:hover:after {
height: 100%;
top: 0;
bottom: auto;
}
.call-action .content h6 {
color: #24d5b4;
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 4px;
margin-bottom: 10px;
}
.call-action .content h6 span {
color: #24d5b4;
}
.call-action .content h2 {
font-size: 6vw;
font-weight: 800;
margin-bottom: 20px;
}
body:not(.elementor-msie) .call-action .content h2 {
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #fff;
color: transparent;
}
.call-action .content h2 span {
color: transparent;
}
.call-action .content h2 .word {
margin-right: 15px;
}
.call-action .content h2 b span {
color: #fff;
-webkit-text-stroke-width: 0;
}
.call-action .content p {
font-size: 17px;
font-weight: 300;
}
.call-action .tlink {
margin-left: auto;
border-bottom: 1px solid #eee;
}
.call-action.next {
position: relative;
z-index: 2;
overflow: hidden;
}
.call-action.next:after {
display: none;
}
.call-action.next:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
background: #0a0a0a;
opacity: 1;
-webkit-transition: all .5s;
transition: all .5s;
}
.call-action.next .content h2 {
font-size: 5vw;
font-weight: 700;
}
.call-action.next .content h2 b {
font-weight: 700;
}
.call-action.next .nxt-img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: scale(1.4);
transform: scale(1.4);
background-size: cover;
background-position: center;
z-index: -1;
-webkit-transition: all 1s linear;
transition: all 1s linear;
}
.call-action.next:hover:before {
opacity: .9;
}
.call-action.next:hover .nxt-img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 10s linear;
transition: all 10s linear;
}  .footer-sm {
background: #060606;
padding: 40px 0;
}
.footer-sm .right p {
margin-left: auto;
text-align: right;
}  body.dark .main-content {
background: #090909;
}
body.dark p {
color: #b7b7b7;
}
body.dark .pace {
background: #080808;
}
body.dark .pace .pace-progress {
background: #ccc;
}
body.dark #preloader:after,
body.dark #preloader:before {
background: #111;
}
body.dark .extra-text {
color: #ddd;
}
body.dark .sub-title {
color: #ccc;
}
body.dark .sub-title:after {
background: #eee;
}
body.dark .section-head h6 {
color: #ccc;
}
body.dark .bg-gray {
background: #1e1e1e;
}
body.dark .bg-pattern:after {
background: #000;
opacity: .96;
}
body.dark .imgio .cimgio {
background: #0e0e0e;
}
body.dark .about .items.active {
background: #0e0e0e;
}
body.dark .about .items .more-stroke span,
body.dark .about .items .more-stroke span:before,
body.dark .about .items .more-stroke span:after {
background: #fff;
}
body.dark .work-carousel .swiper-pagination-progressbar {
background: #1e1e1e;
}
body.dark .work-carousel .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #555;
}
body.dark .portfolio .filtering span:after {
background: #484848;
}
body.dark .testimonials:after {
background: #0e0e0e;
}
body.dark .testimonials p {
color: #eee;
}
body.dark .testimonials h6 span {
color: #999;
}
body.dark .testimonials .navs span {
border-color: rgba(255, 255, 255, 0.2);
color: #ccc;
}
body.dark .testimonials .quote-text .quote-icon img {
-webkit-filter: invert(20%);
filter: invert(20%);
}
body.dark .agency .img .imgone, body.dark .agency .img .imgtwo {
-webkit-box-shadow: none;
box-shadow: none;
border-color: #0e0e0e;
}
body.dark .agency .img .icon {
background: #111;
}
body.dark .min-area .img:after,
body.dark .nt-blog-grid .item .cont {
background: #101010;
}
body.dark .min-area .content ul.feat li,
body.dark .min-area .content ul.feat li h6 span {
border-color: #1b1a1a;
}
body.dark .team .item .img .info {
background: #090909;
}
body.dark .team .item .img .info .social a {
border-color: #0e0e0e;
}
body.dark .nt-blog .item .content .more a,
body.dark .nt-blog .item .content .tags {
color: #fff;
}
body.dark .nt-blog .item .content .info a {
color: #999;
}
body.dark .nt-blog .controls {
background: #000;
}
body.dark .nt-blog-pg .posts .item .content .tags a {
color: #ccc;
}
body.dark .nt-blog-pg .posts .item .content .tags a:after {
background: #ccc;
}
body.dark .nt-blog-pg .posts .item .content .more:after {
background: #fff;
}
body.dark .nt-blog-pg .posts .item .content .date a {
border-color: #656363;
}
body.dark .nt-blog-pg .posts .pagination span a {
background: #111;
}
body.dark .nt-blog-pg .posts .pagination span.active a {
background: #fff;
color: #000;
}
body.dark .nt-blog-pg.single .post .content .spacial p {
color: #eee;
}
body.dark .nt-blog-pg.single .post .content p {
color: #999;
}
body.dark .nt-blog-pg.single .post .content .quotes,
body.dark .nt-blog-pg.single .post .author,
body.dark .nt-blog-pg.single .comment-form  input,
body.dark .nt-blog-pg.single .comment-form textarea {
background: #121212;
color: #fff;
border: none;
}
body.dark .nt-blog-pg.single .pagination,
body.dark .nt-blog-pg.single .pagination span,
body.dark .nt-blog-pg.single .comments-area .item {
border-color: #5d5d5d;
}
body.dark .clients .brands,
body.dark .clients .bord {
border-color: rgba(200, 200, 200, 0.08);
}
body.dark .contact .cont-info h5:last-of-type {
color: #fff;
}
body.dark .contact .cont-info h5,
body.dark .contact .cont-info h6 {
color: #eee;
}
body.dark .contact .form input,
body.dark .contact .form textarea {
color: #fff;
}  @media screen and (min-width: 1200px) {
.container {
max-width: 1170px;
}
}
@media screen and (max-width: 991px) {
.md-mb10 {
margin-bottom: 10px;
}
.md-mb20 {
margin-bottom: 20px;
}
.md-mb30 {
margin-bottom: 30px;
}
.md-mb40 {
margin-bottom: 40px;
}
.md-mb50 {
margin-bottom: 50px;
}
.md-mb60 {
margin-bottom: 60px;
}
.md-mb70 {
margin-bottom: 70px;
}
.md-mb80 {
margin-bottom: 80px;
}
.md-pb10 {
padding-bottom: 10px;
}
.md-pb20 {
padding-bottom: 20px;
}
.md-pb30 {
padding-bottom: 30px;
}
.md-pb40 {
padding-bottom: 40px;
}
.md-pb50 {
padding-bottom: 50px;
}
.md-pb60 {
padding-bottom: 60px;
}
.md-pb70 {
padding-bottom: 70px;
}
.md-pb80 {
padding-bottom: 80px;
}
.slide-full .swiper-slide .bg-img,
.slider-portfolio .swiper-slide .bg-img,
.slider .parallax-slider .swiper-slide .bg-img {
background-position: center center;
}
.slider .parallax-slider .caption,
.slider-portfolio .swiper-slide .caption,
.slide-full .capt {
text-align: center;
}
.slider .parallax-slider .caption h1,
.slider-portfolio .swiper-slide .caption h1,
.slide-full .capt h1 {
font-size: 50px;
}
.slider-portfolio .swiper-slide .bg-img {
height: 50vh;
margin-top: 30vh;
}
.slide-controls .swiper-button-next,
.slide-controls .swiper-pagination-fraction {
right: 25px;
}
.slide-controls .swiper-button-prev,
.slide-full .social,
.slider .parallax-slider .social {
left: 25px;
}
.slide-controls.swiper-button-next:hover {
right: 15px;
}
.slide-controls .swiper-button-prev:hover {
left: 15px;
}
.intro-section .htit {
margin-bottom: 30px;
}
.agency .imgsec {
margin-bottom: 100px;
}
.agency .content h4 br {
display: none;
}
.min-area .content {
padding: 120px 0;
}
.process .section-head {
margin-bottom: 80px;
}
.process .background {
position: relative;
top: 0;
bottom: 0;
height: 350px;
}
.process .background .vid {
left: calc(50% - 50px);
top: calc(50% - 50px);
}
.testimonials:after {
top: 0;
bottom: 0;
width: 100%;
}
.testimonials .slider-for {
margin-bottom: 30px;
}
.testimonials .title h5 {
display: none;
}
.agency .img {
margin-top: 80px;
}
.nt-blog .item .content {
padding: 30px 0px 70px;
}
.nt-blog .controls {
width: 80px;
height: 80px;
line-height: 80px;
top: calc(100% - 40px);
left: calc(50% - 40px);
}
.call-action .content h2 .word {
margin-right: 3px;
}
.clients .brands {
padding: 50px 10px;
}
.team {
padding-top: 0;
}
.page-header .img-wrapper .title h3 {
font-size: 70px;
}
.portfolio.gutter .gallery .items {
margin-top: 60px;
padding: 0 30px;
}
.page-header.proj-det .img-wrapper {
min-height: 60vh;
}
}
@media screen and (max-width: 767px) {
.sm-mb10 {
margin-bottom: 10px;
}
.sm-mb20 {
margin-bottom: 20px;
}
.sm-mb30 {
margin-bottom: 30px;
}
.sm-mb40 {
margin-bottom: 40px;
}
.sm-mb50 {
margin-bottom: 50px;
}
.sm-mb60 {
margin-bottom: 60px;
}
.sm-mb70 {
margin-bottom: 70px;
}
.sm-mb80 {
margin-bottom: 80px;
}
.sm-pb10 {
padding-bottom: 10px;
}
.sm-pb20 {
padding-bottom: 20px;
}
.sm-pb30 {
padding-bottom: 30px;
}
.sm-pb40 {
padding-bottom: 40px;
}
.sm-pb50 {
padding-bottom: 50px;
}
.sm-pb60 {
padding-bottom: 60px;
}
.sm-pb70 {
padding-bottom: 70px;
}
.sm-pb80 {
padding-bottom: 80px;
}
h1 {
font-size: 35px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
.hamenu .menu-links .main-menu > li {
font-size: 24px;
}
.hamenu .menu-links .main-menu .sub-menu li {
font-size: 18px;
}
.topnav .container-fluid {
padding: 0 30px;
}
.section-padding,
.min-area .content {
padding: 100px 0;
}
.section-head h6 {
letter-spacing: 2px;
font-size: 12px;
}
.topnav .logo {
width: 60px;
}
.section-head {
margin-bottom: 60px !important;
}
.slider .parallax-slider .caption h1,
.slide-full .capt h1,
.slider-portfolio .swiper-slide .caption h1 {
font-size: 40px;
}
.extra-title,
.agency .content h4,
.min-area .content h4 {
font-size: 30px;
}
.agency .imgsec .imgtwo {
display: none;
}
.agency .imgsec .imgone:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.3);
}
.agency .imgsec .exp {
right: 30px;
position: absolute;
bottom: 30px;
color: #fff;
padding: 0;
z-index: 2;
}
.agency .imgsec .exp h6 {
color: #eee;
}
.footer-sm,
.footer-sm .right p {
text-align: center;
}
.progress-wrap {
right: 20px;
bottom: 20px;
width: 30px;
height: 30px;
}
.progress-wrap::after {
width: 30px;
height: 30px;
line-height: 30px;
}
.clients .bord {
border: 0;
}
.call-action .content h2,
.call-action.next .content h2 {
font-size: 50px;
}
.nt-blog-pg .posts .item .content {
position: relative;
}
.nt-blog-pg .posts .item .content .col-10,
.nt-blog-pg .posts .item .content .col-2 {
width: 100%;
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.nt-blog-pg .posts .item .content .col-2 {
position: absolute;
right: 0px;
top: -90px;
z-index: 3;
}
.nt-blog-pg .posts .item .content .date a {
padding: 10px;
background: #fff;
margin: 0;
}
.nt-blog-pg .posts .item .content .date .num {
font-size: 25px;
margin: 0;
}
.nt-blog-pg.single .comments-area .item.relped {
margin-left: 0px;
}
.nt-blog-pg.single .post .img {
min-height: 50vh;
}
.nt-blog-pg.single .comments-area .item .info h6 span {
display: block;
margin: 10px 0 0 0;
}
}
@media screen and (max-width: 480px) {
.hamenu .cont-info {
display: none;
}
.hamenu .menu-links .main-menu > li {
font-size: 20px;
padding: 7px;
}
.hamenu .menu-links .main-menu .sub-menu li {
font-size: 16px;
}
.topnav .container-fluid {
padding: 0 15px;
}
.slide-full .capt .dis,
.slider-portfolio .swiper-slide .caption .dis,
.slider .parallax-slider .caption .dis {
padding-left: 0;
letter-spacing: 2px;
margin-top: 20px;
}
.slide-full .capt .dis:after,
.slider-portfolio .swiper-slide .caption .dis:after,
.slider .parallax-slider .caption .dis:after {
display: none;
}
.slide-controls .swiper-button-next {
right: 5px;
}
.slide-controls .swiper-button-next i {
left: 30px;
}
.slide-controls .swiper-button-next i:after {
width: 20px;
}
.slide-controls .swiper-button-prev {
left: 5px;
}
.slide-controls .swiper-button-prev i {
left: 10px;
}
.slide-controls .swiper-button-prev i:after {
width: 20px;
}
.slide-controls .swiper-button-next,
.slide-controls .swiper-button-prev {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
.slide-controls .swiper-button-next:hover {
right: 0 !important;
}
.slide-controls .swiper-button-prev:hover {
left: 0 !important;
}
.slide-full .capt h1,
.slider-portfolio .swiper-slide .caption h1,
.slider .parallax-slider .caption h1 {
font-size: 28px;
}
.work-carousel .swiper-button-next,
.work-carousel .swiper-button-prev {
width: 35px;
height: 35px;
line-height: 35px;
font-size: 16px;
}
.work-carousel .swiper-button-next {
right: 15px;
}
.work-carousel .swiper-button-prev {
left: 15px;
}
.work-carousel .content .cont h6 {
letter-spacing: 2px;
}
.work-carousel .content .cont h4 {
font-size: 20px;
}
.work-carousel .content .cont {
width: 100%;
text-align: center;
left: 0;
bottom: 20px;
}
.process .content ul li span {
font-size: 40px;
width: 60px;
}
.process .content {
padding: 80px 25px;
}
.testimonials p {
font-size: 16px;
}
.testimonials .quote-text .quote-icon {
right: 30px;
width: 40px;
}
.agency .img .icon {
width: 70px;
height: 70px;
line-height: 90px;
}
.agency .img .icon svg {
width: 60px;
}
.agency .img .exp h2 {
font-size: 55px;
}
.extra-title,
.agency .content h4,
.min-area .content h4 {
font-size: 22px;
}
.page-header .img-wrapper .title h3 {
font-size: 40px;
}
.call-action .content h2,
.call-action.next .content h2 {
font-size: 38px;
}
.nt-blog-pg.single .post .content .share-info {
display: block;
}
.nt-blog-pg.single .post .content .share-info .tags,
.nt-blog-pg.single .post .content .share-info .social {
display: block;
width: 100%;
text-align: center;
}
.nt-blog-pg.single .post .content .share-info .tags {
margin-top: 20px;
}
.nt-blog-pg.single .post .author {
padding: 30px 15px;
}
.nt-blog-pg.single .post .author .author-img {
display: block;
width: 120px;
margin: 0 auto 30px;
}
.nt-blog-pg.single .post .author .info {
display: block;
padding: 0;
text-align: center;
}
.nt-blog-pg.single .comments-area .item .comment-img {
display: block;
margin: 0 auto 30px;
width: 60px;
}
.nt-blog-pg.single .comments-area .item .info {
display: block;
padding: 0;
text-align: center;
}
.nt-blog-pg.single .comments-area .item.relped {
margin-left: 0px;
}
.nt-blog-pg.single .comments-area .item .info h6 {
font-size: 14px;
letter-spacing: 1px;
}
.nt-blog-pg.single .comments-area .item .info .replay {
top: -25px;
}
.portfolio.gutter .gallery .items {
margin-top: 30px;
padding: 0 15px;
}
.portfolio .filtering span {
margin: 0 6px;
font-size: 13px;
line-height: 1.6;
}
.portfolio .filtering span:after {
display: none;
}
}  body {
overflow-x: hidden;
}
.admin-bar .topnav {
top: 32px;
}
@media (max-width:782px) {
.admin-bar .topnav {
top: 46px;
}
}
@media (max-width:600px) {
.admin-bar .topnav.nav-scroll {
background: #111;
top: 0px !important;
}
.splitting .word {
margin-right: 7px !important;
}
.splitting .whitespace {
width: 0 !important;
}
}
:root {
--font-size: 18px;
--font-weight: 400;
--line-height: 1.6;
--color-white: #fff;
--color-dark: #111;
--color-text: #b7b7b7;
--color-primary: #364A15;
--color-secondary: #24d5b4;
--listStyleCounterType: decimal-leading-zero;
}
.topnav.open {
z-index: 999999;
}
.topnav .menu-icon {
display: flex;
align-items: center;
}
.topnav .logo {
width: auto;
}
.topnav .logo:hover .text .char {
-webkit-animation: fadeInRight2 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
animation: fadeInRight2 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
-webkit-animation-delay: calc(30ms * var(--char-index));
animation-delay: calc(30ms * var(--char-index));
}
.topnav .menu-icon:hover .text .char {
-webkit-animation: fadeInUp2 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
animation: fadeInUp2 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
-webkit-animation-delay: calc(30ms * var(--char-index));
animation-delay: calc(30ms * var(--char-index));
}
.header_logo {
font-size: 28px;
font-family: inherit;
font-weight: 900;
}
.topnav.dark:not(.open) .header_logo {
color: #000;
}
.topnav .menu-icon .icon i {
-webkit-transition: all .3s;
transition: all .3s;
}
.menu-icon:hover .icon i {
margin: 8px 0;
-webkit-transition: all .3s;
transition: all .3s;
}
.o-hidden {
position: relative;
}
.hamenu form#content-widget-searchform {
display: flex;
}
.hamenu form#content-widget-searchform input.search_input {
color: #fff;
}
.item.header-footer {
position: absolute;
bottom: 10px;
left: 50px;
}
ul.main-menu {
counter-reset: listStyle;
}
.hamenu .menu-links .main-menu>li,
.hamenu .menu-links .main-menu .sub-menu li {
list-style: none;
}
p:last-child,
.nt-theme-content p:last-child {
margin-bottom: 0px;
}
.nt-theme-content p a {
color: var(--color-secondary);
}
.hamenu {
overflow-y: auto;
}
.hamenu::-webkit-scrollbar {
width: 10px;
}
.hamenu::-webkit-scrollbar-track {
box-shadow: inset 0 0 3px grey;
border-radius: 10px;
}
.hamenu::-webkit-scrollbar-thumb {
background: white;
border-radius: 10px;
}
.hamenu::-webkit-scrollbar-thumb:hover {
background: var(--color-secondary);
}
.hamenu .menu-links .main-menu .sub-menu.sub-open>ul>li>div>.sub-link {
-webkit-transition-delay: .5s;
transition-delay: .5s;
}
.sub-menu ul {
counter-reset: listStyle2;
}
ul.main-menu>li .link>.nm::before {
counter-increment: listStyle;
content: counter(listStyle, var(--listStyleCounterType)) ".";
}
.sub-menu ul>li:not(:first-child) .sub-link>.nm::before {
counter-increment: listStyle2;
content: counter(listStyle2, var(--listStyleCounterType)) ".";
}
.hamenu .menu-links .main-menu .sub-menu {
opacity: 1;
}
.hamenu.open .menu-links .main-menu .link:hover,
.hamenu .menu-links .main-menu .sub-link:hover {
-webkit-transition-delay: 0s !important;
transition-delay: 0s !important;
}
.nt-blog-pg .posts .item.thumb-none .content {
padding-top: 0px;
}
.nt-blog-pg .posts .item .content .date a {
min-width: 110px;
background: #fff;
}
.nt-sidebar-inner-widget-title {
font-size: 24px;
font-weight: 700;
}
.nt-blog-pg .posts .item .content .tags a {
text-transform: capitalize;
}
.nt-blog-pg .posts .item .content .tags a:after {
right: 6px;
}
.page-header .text-bg {
position: absolute;
top: 160px;
font-size: 14vw;
font-weight: 900;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #555;
color: transparent;
line-height: 1;
opacity: .2;
width: 100%;
z-index: 0;
}
.page-header .text-bg+h1 {
z-index: 1;
position: relative;
} .wavo_search {
margin-top: 80px;
display: flex;
}
.nt-404 .call-action {
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
.error404 #nt-footer,
.error404 #navi {
display: none;
}
.error404 {
overflow-y: hidden;
}
.nt-404 .call-action .content h2 b {
color: #fff;
-webkit-text-stroke-width: 0;
}
.nt-search .btn-curve.btn-wit {
border: 1px solid #ddd;
border-left: 0;
}
.nt-404 .btn-curve.btn-wit {
border-left: 0;
}
.cont ul.flex li {
display: flex;
}
.cont ul.flex li strong {
width: 30px;
}
span.stroke-text {
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #fff;
color: transparent;
}
h2.__title {
margin-bottom: 20px;
} .work-carousel.nt-related-post {
margin-top: 120px;
margin-bottom: -120px;
position: relative;
overflow: hidden;
}
.nt-related-post .bg-pattern {
position: absolute;
width: 100%;
height: 50%;
left: 0;
top: 0;
z-index: -1;
height: 66%;
}
.work-carousel.nt-related-post .swiper-slide {
padding-bottom: 0;
}
.nt-related-post .text-bg {
position: absolute;
left: -10%;
top: -10px;
margin-bottom: 0;
font-size: 12vw;
font-weight: 900;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #555;
color: transparent;
line-height: 1;
opacity: .2;
} .breadcrumbs {
margin-top: 20px;
}
span.breadcrumb_link_seperator {
margin: 0 10px;
font-size: 11px;
}
body.light .nt-blog-pg.single.section-padding {
padding-top: 0;
} .nt-blog-pg.single .post .content .share-info .tags {
margin-left: 0;
}
.nt-blog-pg.single .post .content .nt-comment-content.nt-theme-content>p:last-child {
margin-bottom: 0;
}
.nt-blog-pg.single .post .content .nt-comment-content.nt-theme-content>p:first-child {
margin-top: 0;
} .nt-blog-pg.single .comment-form {
margin-top: 0px;
}
.nt-blog-pg.single .post .content p.logged-in-as {
margin: 0;
}
#reply-title,
.nt-inner-title.nt-comments-title {
font-size: 25px;
}
#reply-title {
margin-bottom: 15px;
}
.form-group.wp-comment-cookies-consent {
display: flex;
align-items: center;
}
#respond p.form-submit {
margin-top: 0px;
position: relative;
overflow: hidden;
background: #fff;
}
#nt-page #respond {
margin-bottom: 0px;
}
.posts .item:last-child {
margin-bottom: 0px !important;
}
body.dark #respond p.form-submit {
border: 1px solid #fff;
}
body.light div:not(#review_form) > #respond p.form-submit {
border: 1px solid #1e1e1e;
}
body.light #respond p.form-submit:hover input.btn-curve {
color: #fff;
}
body.dark .comment-form p.form-submit input.btn-curve {
background: transparent;
color: #1e1e1e;
}
body.dark .comment-form p.form-submit:hover input.btn-curve {
z-index: 1;
background: transparent;
border-color: transparent;
color: #fff;
}
body.light .comment-form p.form-submit:hover input.btn-curve {
z-index: 1;
background: transparent;
border-color: transparent;
color: #fff;
}
#respond p.form-submit:hover .btn-curve::after {
content: none;
}
.comment-form input#submit {
border: 0;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 2px;
}
.form-group {
margin-bottom: 30px;
}
.form-submit::after {
content: '';
position: absolute;
top: -10px;
left: -10px;
right: -10px;
bottom: 100%;
background: #090909;
border-radius: 0 0 100% 100%/0 0 100% 100%;
-webkit-transition: all 0.6s cubic-bezier(1, 0, 0.55, 1);
transition: all 0.6s cubic-bezier(1, 0, 0.55, 1);
z-index: 0;
}
.form-submit:hover:after {
bottom: -10px;
border-radius: 0;
}
.nt-comment-reply-content.post-meta__item {
font-weight: 600;
}
.nt-comment-reply-content.post-meta__item:hover i {
color: var(--color-secondary);
}
.nt-comment-bottom-line {
position: relative;
display: block;
width: calc(100% + 100px);
height: 1px;
left: -100px;
background: #5d5d5d;
}
.nt-comment-author,
.nt-comment-author a {
font-size: 15px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 500;
}
.nt-comment-author.comment__author-name {
line-height: 0.8;
}
textarea#comment {
line-height: 2;
color: #888;
}
body.dark .nt-comment-author,
body.dark .nt-comment-author a {
color: #fff;
}
span.post-meta__item.__date-post a {
color: #999;
font-size: 12px;
font-weight: 400;
}
.nt-inner-title {
margin: 80px 0 50px;
}
.posts .item {
position: relative;
}
.nt-sticky-label {
color: #ccc;
font-weight: 800;
letter-spacing: 2px;
text-transform: uppercase;
left: 0;
width: max-content;
margin-bottom: 10px;
}
blockquote {
padding: 30px;
margin: 30px 0;
color: #111;
font-size: 18px;
font-style: italic;
text-align: center;
}
a.blog-post2_photo {
margin-bottom: 20px;
}
h4.blog-post2_title {
margin-bottom: 10px;
}
.blog-post2_summary {
margin-top: 20px;
}
span.blog-post2_meta_sep {
margin: 0 10px;
}
.nt-theme-content .gallery-caption {
margin-left: auto !important;
margin-right: auto;
}
a.wavo-btn.btn-curve.is-block {
width: 100%;
text-align: center;
}
.page-header .cont h4 b {
font-weight: 900;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: rgba(255, 255, 255, 0.7);
color: transparent;
}
.map-wrapper {
position: relative;
min-height: 70vh;
}
.map-wrapper .map {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.wpcf7-form-control-wrap {
width: 100%;
}
.contact .form .btn-curve {
padding: 8px 35px;
} input,
textarea {
width: 100%;
padding: 15px;
background: transparent;
border: 1px solid #ddd;
}
input[type=checkbox],
input[type=radio] {
width: auto;
}
body.dark input:not(.text-black),
body.dark textarea:not(.text-black) {
color: #fff;
}
.form_password {
display: flex;
justify-content: end;
}
.form_password_button.btn-curve.btn-wit {
border-left: 0;
}
@media screen and (max-width: 992px) {
.nt-blog-pg .posts .item .content .col-2 {
top: auto;
bottom: -2px;
}
#nt-index .valign {
position: absolute;
bottom: 205px;
left: -9px;
}
.nt-blog-pg .posts .item .content .date {
width: 100%;
text-align: left;
margin-top: 30px;
}
.about .items {
border: 1px solid #eee;
}
body.dark .about .items.active {
border: 1px solid #737171;
}
.testi-text {
text-align: center;
}
.agency .content ul li {
line-height: 2;
}
.elementor-element.elementor-element-90fbb1c.elementor-column.elementor-col-50.elementor-top-column {
padding-left: 15px;
}
.slider .parallax-slider .caption.clasc p {
max-width: 240px;
margin: 30px auto;
}
.slider .parallax-slider .caption.clasc h1 {
font-size: 28px;
font-weight: 600;
}
}
@media screen and (max-width: 767px) {
#nt-index .valign {
position: absolute;
top: -125px;
left: -9px;
}
.nt-blog-pg .posts .item .content .date {
width: 100%;
text-align: left;
margin-top: 30px;
}
} @media(min-width: 576px) {
.nt-related-post .text-bg {
top: -10px;
font-size: 12vw;
}
.page-header .text-bg {
top: 150px;
font-size: 13vw;
}
}
@media(min-width: 768px) {
.nt-related-post .text-bg {
top: -20px;
font-size: 11vw;
}
.page-header .text-bg {
top: 140px;
font-size: 12vw;
}
}
@media(min-width: 992px) {
.nt-related-post .text-bg {
top: -30px;
font-size: 10vw;
}
.page-header .text-bg {
top: 130px;
font-size: 11vw;
}
}
@media(min-width: 1200px) {
.nt-related-post .text-bg {
top: -40px;
font-size: 9vw;
}
.page-header .text-bg {
top: 60px;
font-size: 8vw;
}
}
.post--data .pagination {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.post--data .pagination span {
width: 100%;
padding: 20px;
border-right: 1px solid #eee;
border-left: 1px solid #eee;
text-transform: uppercase;
font-weight: 500;
font-size: 13px;
letter-spacing: 1px;
}
.post--data .pagination .icon {
border: 0;
width: 70px;
}
[data-aos=ntr-fade-up] {
opacity: 0;
transition-property: opacity, transform;
transform: translate3d(0, 20px, 0);
}
[data-aos=ntr-fade-up].aos-animate {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.aspect-ratio {
position: relative;
display: block;
width: 100%;
height: 0;
}
.aspect-ratio_object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.aspect-ratio.is-1x1 {
padding-bottom: 100%;
}
.aspect-ratio.is-2x1 {
padding-bottom: 50%;
}
.aspect-ratio.is-3x2 {
padding-bottom: 66.66%;
}
.aspect-ratio.is-4x3 {
padding-bottom: 75%;
}
.aspect-ratio.is-4x5 {
padding-bottom: 125%;
}
.aspect-ratio.is-16x9 {
padding-bottom: 56.25%;
}
.comment-form input#submit {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 2px;
position: relative;
z-index: 2;
-webkit-transition: all .8s;
transition: all .8s;
}
.topnav .menu-icon .icon i {
-webkit-transition: all .3s;
transition: all .3s;
}
.menu-icon:hover .icon i {
margin: 8px 0;
-webkit-transition: all .3s;
transition: all .3s;
}
.nt-sidebar-inner-widget .gallery img {
border: 0px !important;
}
.nt-sidebar-inner-widget .gallery-item {
margin: 2px 0px !important;
}
.nt-sidebar-inner-widget .gallery-item dt {
margin: 0px 2px !important;
}
.agency .content ul {
margin: 0;
line-height: 1;
}
.item-img-overlay-two {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #fff;
z-index: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: all 1s cubic-bezier(1, 0, 0.55, 1);
transition: all 1s cubic-bezier(1, 0, 0.55, 1);
}
.item-img-overlay-two.animated {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.nt-single-thumb-none .nt-blog-pg.single,
.page-hero-off .nt-blog-pg.single{
margin-top: 96px;
}
.page-hero-off .nt-blog-pg.single{
padding-top: 120px;
}
.page-hero-off .topnav:not(.open) {
background: #0a0a0a;
}
.error404 .no-template {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: 100vh;
width: 100vw;
}
.has-menu-title .hamburger-box {
display: flex;
justify-content: center;
flex-direction: column;
position: relative;
width: 75px;
}
.has-menu-title span.text.words.chars.splitting {
right: 0;
position: absolute;
}
.slider-destroyed + .swiper-container.gallery-text{
display: none!important;
}
@media (max-width: 1024px){
.header_nav.is-active ul li:hover .header_nav_arrow {
background: var( --color-dark );
}
.header_nav.is-active ul li:hover .header_nav_arrow .icon {
color:#fff;
}
}
.nav-scroll.open {
background: transparent;
-webkit-transition: background-color 3s;
transition: background-color 3s;
}
.elementor-text-editor p {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
color: inherit;
line-height: inherit;
margin: inherit;
}
.hamburger-box span.text {
position: absolute;
right: 0;
}
.topnav.scroll-bt:not(.no-scroll) {
top: -100px;
}
.topnav.scroll-bt.nav-scroll {
top: inherit;
}
.nt-desktop #nt-logo.has-mobile-logo img.mobile-logo,
body[data-elementor-device-mode="desktop"] #nt-logo.has-mobile-logo img.mobile-logo{
display: none;
}
.nt-mobile #nt-logo.has-mobile-logo img.main-logo,
body[data-elementor-device-mode="tablet"] #nt-logo.has-mobile-logo img.main-logo,
body[data-elementor-device-mode="mobile"] #nt-logo.has-mobile-logo img.main-logo{
display: none;
}
.call-action.prev {
position: relative;
z-index: 2;
overflow: hidden;
}
.call-action.prev:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
background: #0a0a0a;
opacity: 1;
-webkit-transition: all .5s;
transition: all .5s;
}
.call-action.prev:after {
display: none;
}
.call-action.prev .content h2 {
font-size: 5vw;
font-weight: 700;
}
@media screen and (max-width: 767px){
.call-action .content h2,
.call-action.prev .content h2 {
font-size: 50px;
}
}
@media screen and (max-width: 480px){
.call-action .content h2,
.call-action.prev .content h2 {
font-size: 38px;
}
}
.call-action.prev .prev-img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: scale(1.4);
transform: scale(1.4);
background-size: cover;
background-position: center;
z-index: -1;
-webkit-transition: all 1s linear;
transition: all 1s linear;
}
.call-action.prev:hover .prev-img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 10s linear;
transition: all 10s linear;
}
.overlay-none::before {
content:none!important;
}
.bread-wrapper {
margin: 0;
position: absolute;
top: 160px;
}
.bread-wrapper .breadcrumbs {
margin: 0;
}
body:not(.elementor-msie) .page-header.type-1 .head-title b {
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #fff;
color: transparent;
}
.page-header .img-wrapper.bg-img-none {
min-height: auto;
}
.swiper-slide-active .clients .animated {
visibility: visible!important;
animation-name: fadeIn!important;
}
[data-hover-reveal]:before {
content: attr(data-hover-reveal);
position: absolute;
-webkit-text-stroke-color: transparent;
-webkit-text-stroke-width: 0;
color: var(--fill-color);
width: 0;
transition: width 0.7s;
overflow: hidden;
white-space: nowrap;
left: 0px;
}
h4 a > [data-hover-reveal]:after {
content: "";
position: absolute;
background-color: var(--fill-color);
width: 0;
height: 2px;
transition: width 0.7s;
overflow: hidden;
bottom:0;
right: 0px;
}
h4 a:hover > [data-hover-reveal]:after {
width: 100%;
}
[data-hover-reveal]:hover:before {
width: 100%;
}
[data-hover-reveal] {
position: relative;
overflow: hidden;
}
.head-title[data-hover-reveal] {
display: inline-block;
}
.nt-blog-widget .posts .item {
margin-bottom: 80px!important;
}
.nt-blog-widget .nt-pagination .nt-pagination-link {
width: 50px;
height: 50px;
font-size: 18px;
}
.nt-blog-widget .nt-pagination {
margin-top: 80px;
}
.nt-blog-widget .nt-pagination .page-numbers {
display: flex;
align-items: center;
justify-content: center;
width: auto;
min-width: 50px;
height: 50px;
margin-right: 10px;
margin-bottom: 10px;
background: #f5f5f5;
padding: 0 15px;
font-size: 16px;
font-weight: 600;
}
.nt-blog-widget .nt-pagination .page-numbers.current,
.nt-blog-widget .nt-pagination .page-numbers:hover {
color: #fff;
background-color: #111;
}
.elementor-widget-wp-widget-search input {
width: 70%;
}
.elementor-widget-wp-widget-categories ul li,
.elementor-widget-wp-widget-nav_menu ul li,
.elementor-widget-wp-widget-archives ul li,
.elementor-widget-wp-widget-recent-posts ul li {
margin: 0px;
position: relative;
font-size: 15px;
position: relative;
font-weight: inherit;
line-height: 1.6;
font-weight: 500;
}
.elementor-widget-wp-widget-categories h5,
.elementor-widget-wp-widget-nav_menu h5,
.elementor-widget-wp-widget-media_gallery h5,
.elementor-widget-wp-widget-archives h5,
.elementor-widget-wp-widget-recent-posts h5 {
margin-bottom: 30px;
margin-top: 0;
font-size: 24px;
font-weight: 700;
}
p.info.text-center.ptb-40 {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
} .header {
z-index  : 997;
position : relative;
}
.header.is-overlay {
position : absolute;
top      : 0;
right    : 0;
left     : 0;
}
.header.is-overlay .header_container {
background-color : transparent;
}
.header.is-sticky .header_container {
position           : absolute;
top                : 0;
right              : 0;
left               : 0;
-moz-transition    : all 0.1s linear;
-ms-transition     : all 0.1s linear;
-o-transition      : all 0.1s linear;
-webkit-transition : all 0.1s linear;
transition         : all 0.1s linear;
}
.header.is-sticky-active .header_container {
position                    : fixed;
border-bottom-color         : var( --color-secondary );
-moz-box-shadow             : 0 5px 20px rgba(186, 189, 165, 0.2);
-webkit-box-shadow          : 0 5px 20px rgba(186, 189, 165, 0.2);
box-shadow                  : 0 5px 20px rgba(186, 189, 165, 0.2);
-webkit-animation-duration  : 0.5s;
animation-duration          : 0.5s;
-webkit-animation-fill-mode : both;
animation-fill-mode         : both;
-webkit-animation-name      : ntrHeaderSticky;
animation-name              : ntrHeaderSticky;
}
.header.header-fixed,
.header.header-fixed .header_container {
position : fixed;
}
.header.is-sticky-active.is-overlay .header_container {
background-color : var( --color-dark );
}
.header_container {
position : relative;
}
.header_menu {
display     : flex;
align-items : center;
}
.header_menu_item:not(:first-child) {
margin-left : 30px;
}
.header_menu_link {
display     : flex;
color       : var( --color-text );
align-items : center;
}
.header_menu_link:hover {
color : var( --color-primary );
}
.header_menu_link_icon {
font-size : 24px;
flex      : 0 0 auto;
}
.header_nav_mega,
.header_nav_sub {
background-color : var( --color-white );
}
.header_nav ul li {
position : relative;
margin-top: -1px;
}
.header_nav ul li.has-sub ul li {
border-top : 1px solid var( --color-secondary );
}
.header_nav ul li.has-sub ul li:hover {
border-color : transparent;
}
.header_nav li a {
display       : block;
position      : relative;
color         : var( --color-dark );
overflow      : hidden;
text-overflow : ellipsis;
white-space   : nowrap;
}
.header_nav ul li:hover > a {
color : var( --color-white );
}
.header_nav ul li > a > .button_text {
z-index            : 2;
position           : relative;
color              : inherit;
-webkit-transition : all .8s;
transition         : all .8s;
}
.header_nav ul li:hover > a > .button_text {
color : inherit;
}
.header_nav ul li > a:after {
content            : '';
position           : absolute;
top                : -10px;
right              : -10px;
bottom             : 100%;
left               : -10px;
border-radius      : 0 0 100% 100%/0 0 100% 100%;
background         : var( --color-secondary );
-webkit-transition : all 0.6s cubic-bezier(1, 0, 0.55, 1);
transition         : all 0.6s cubic-bezier(1, 0, 0.55, 1);
}
.header_nav ul li:hover > a:after {
bottom        : -10px;
border-radius : 0;
}
@media
(max-width : 1024px) {
.header_nav {
z-index             : 997;
position            : fixed;
top                 : 0;
left                : -100%;
width               : 300px;
height              : 100vh;
overflow            : auto;
border-right        : 1px solid var( --color-secondary );
background-color    : var( --color-white );
background-repeat   : no-repeat;
background-position : right bottom;
background-size     : 100%;
-moz-box-shadow     : 5px 0 20px rgba(186, 189, 165, 0.2);
-webkit-box-shadow  : 5px 0 20px rgba(186, 189, 165, 0.2);
box-shadow          : 5px 0 20px rgba(186, 189, 165, 0.2);
-moz-transition     : left 0.3s linear;
-ms-transition      : left 0.3s linear;
-o-transition       : left 0.3s linear;
-webkit-transition  : left 0.3s linear;
transition          : left 0.3s linear;
}
.admin-bar .header_nav {
top : 32px;
}
.admin-bar .wavo_nav.is-sticky.is-sticky-active .header_nav {
top: 0;
}
.header_nav.is-active {
left : 0;
}
.header_nav_close {
display          : flex;
height           : 50px;
padding-left     : 30px;
background-color : var(--color-white);
align-items      : center;
justify-content  : space-between;
}
.header_nav_close_icon {
width      : 50px;
text-align : center;
font-size  : 12px;
}
.header_nav_arrow {
display         : flex;
position        : absolute;
top             : 0;
right           : 0;
width           : 50px;
height          : 50px;
align-items     : center;
font-size       : 14px;
justify-content : center;
cursor          : pointer;
}
.header_nav_arrow:hover {
background : var( --color-dark );
}
.header_nav_arrow:hover .icon {
color : var( --color-white );
}
.header_nav_arrow .icon {
display         : flex;
align-items     : center;
justify-content : center;
}
.header_nav_arrow .icon::after {
z-index            : 1;
position           : absolute;
color              : inherit;
text-align         : center;
font-family        : 'Font Awesome 5 Free';
font-size          : 13px;
font-weight        : 900;
-webkit-transition : all 400ms linear;
transition         : all 400ms linear;
}
.is-arrow-up2::after {
content : '\f077';
}
.is-arrow-down2::after {
content : '\f078';
}
.header_nav ul li,
.header_nav ul li.has-sub ul li:first-child {
border-top : 1px solid var( --color-secondary );
}
.header_nav > ul.header_nav_items > li:last-child {
border-bottom : 1px solid var( --color-secondary );
}
.header_nav ul li.has-sub ul li:last-child {
border-bottom : 0;
}
.header_nav_mega,
.header_nav_sub {
display : none;
}
.header_nav li.has-mega.is-active > .header_nav_sub,
.header_nav li.has-sub.is-active > .header_nav_sub {
display : block;
}
.header_nav li a {
height        : 50px;
padding-right : 50px;
padding-left  : 30px;
line-height   : 50px;
}
.header_nav li.is-active > a {
color : var( --color-dark );
}
.header_nav > ul > li.has-sub .header_nav_sub ul li a {
padding-left : 50px;
}
.header_nav ul li:hover {
border : 0;
}
.header_nav_toggle.menu-icon {
display      : flex;
margin-right : 0;
margin-left  : 0;
align-items  : center;
cursor       : pointer;
right        : 0;
color        : #fff;
}
.header_nav_toggle.menu-icon .icon {
display      : table-cell;
margin-right : 6px;
}
.header_nav_toggle.menu-icon .icon i {
display    : block;
width      : 20px;
height     : 3px;
margin     : 4px 0;
background : #fff;
}
.menu-icon:hover .icon i {
margin             : 8px 0;
-webkit-transition : all .3s;
transition         : all .3s;
}
}
@media
( max-width : 767px ) {
}
@media
( min-width : 576px ) {
.header_menu {
margin-left : auto;
}
}
@media
(min-width : 768px ) {
}
@media
( min-width : 1024px ) {
.header_nav li.has-sub {
position : relative;
}
.header_nav li.has-sub:hover {
z-index : 1;
}
.header_nav li.has-sub:hover > .header_nav_sub {
display : block;
}
.header_nav li.has-mega:hover > .header_nav_mega {
display : block;
}
.header_nav > ul {
display   : flex;
margin    : 0;
flex-wrap : wrap;
}
.header_nav ul li.has-sub ul li:first-child {
border-top : 0;
}
.header_nav ul li > a {
padding   : 10px 20px;
font-size : 16px;
}
.header_nav ul li.has-sub ul li a {
color : var( --color-dark );
}
.header_nav > ul > li > .header_nav_sub {
top  : 100%;
left : 0;
}
.header_nav > ul > li > .header_nav_sub .header_nav_sub {
top          : -10px;
left         : 100%;
padding-left : 20px;
}
.header_nav_toggle {
display : none;
}
.header_nav_close {
display : none;
}
.header_nav_arrow {
display : none;
}
.header_nav_mega,
.header_nav_sub {
display  : none;
position : absolute;
}
.header_nav_sub ul li > a {
display     : block;
padding     : 10px 20px;
font-size   : 14px;
white-space : nowrap;
}
.header_nav_mega,
.header_nav_sub > ul {
min-width        : 160px;
background-color : var(--color-white );
}
.header_nav_mega {
top     : 100%;
right   : 0;
left    : 0;
padding : 30px;
}
.header_nav_mega_menu_item:not(:first-child) {
margin-top : 10px;
}
}
@-webkit-keyframes ntrHeaderSticky {
from {
-webkit-transform : translate3d(0, -100%, 0);
transform         : translate3d(0, -100%, 0);
}
to {
-webkit-transform : translate3d(0, 0, 0);
transform         : translate3d(0, 0, 0);
}
}
@keyframes ntrHeaderSticky {
from {
-webkit-transform : translate3d(0, -100%, 0);
transform         : translate3d(0, -100%, 0);
}
to {
-webkit-transform : translate3d(0, 0, 0);
transform         : translate3d(0, 0, 0);
}
}
.header_nav .splitting .whitespace {
width: 5px;
}
.header_nav ul li:hover > a > span > span > .char {
-webkit-animation       : fadeInUp2 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
animation               : fadeInUp2 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
-webkit-animation-delay : calc(30ms * var(--char-index));
animation-delay         : calc(30ms * var(--char-index));
}
.header_nav ul li.has-sub:hover .header_nav_sub ul li {
-webkit-animation       : fadeInUp2 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
animation               : fadeInUp2 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
-webkit-animation-delay : calc(30ms * var(--char-index));
animation-delay         : calc(30ms * var(--char-index));
}
.wavo_nav .menu-icon:hover .char {
-webkit-animation       : fadeInUp2 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
animation               : fadeInUp2 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
-webkit-animation-delay : calc(30ms * var(--char-index));
animation-delay         : calc(30ms * var(--char-index));
} .home-slider-vegas-wrapper{
height: 100vh;
width: 100%;
position: relative;
overflow: hidden;
}
.nt-home-slider-vegas{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%!important;
}
.nt-vegas-slide-content
{
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
visibility: hidden;
opacity: 0;
text-align: left;
color: #fff;
padding: 150px 0;
display: flex;
align-items: center;
justify-content: center;
}
.nt-vegas-slide-content.text-right
{
text-align: right;
}
.nt-vegas-slide-content.text-center
{
text-align: center;
}
.nt-vegas-slide-content.active
{
position: relative;
top: auto;
left: auto;
right: auto;
visibility: visible;
opacity: 1;
}
.nt-vegas-slide-content.active h1 {
-webkit-transition: all 0s;
transition: all 0s;
}
.nt-vegas-slide-content.active h1 .char {
-webkit-animation: fadeInUp2 0.5s cubic-bezier(0.3, 0, 0.7, 1) both;
animation: fadeInUp2 0.5s cubic-bezier(0.3, 0, 0.7, 1) both;
-webkit-animation-delay: calc(60ms * var(--char-index));
animation-delay: calc(60ms * var(--char-index));
}
.nt-vegas-slide-content.active h1,
.nt-vegas-slide-content.active .dis {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.nt-vegas-slide-content.active .dis {
-webkit-transition-delay: .8s;
transition-delay: .8s;
}
.nt-vegas-slide-content h1 {
font-size: 80px;
letter-spacing: 2px;
margin: 0;
color: #fff;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .5s, visibility .5s;
transition: opacity .5s, visibility .5s;
}
body:not(.elementor-msie) .nt-vegas-slide-content h1 .stroke {
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #fff;
color: transparent;
}
body:not(.elementor-msie) .nt-vegas-slide-content h1 .stroke span {
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #fff;
color: transparent;
}
.nt-vegas-slide-content .dis {
margin-top: 30px;
color: #fff;
font-size: 12px;
letter-spacing: 4px;
text-transform: uppercase;
-webkit-transition: all .7s;
transition: all .7s;
position: relative;
opacity: 0;
visibility: hidden;
display: inline-flex;
align-items: center;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.nt-vegas-slide-content .line {
width: 60px;
height: 1px;
background: #eee;
position: relative;
margin-right: 15px;
}
.nt-vegas-slide-content:hover .char {
-webkit-animation: fadeIn 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
animation: fadeIn 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
-webkit-animation-delay: calc(30ms * var(--char-index));
animation-delay: calc(30ms * var(--char-index));
}
.home-slider-vegas-wrapper .social {
position: absolute;
left: 50px;
bottom: 20px;
z-index: 6;
}
.home-slider-vegas-wrapper .social.active a {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.home-slider-vegas-wrapper .social .icon {
color: #fff;
margin-right: 10px;
cursor: pointer;
}
.home-slider-vegas-wrapper .social a {
color: #fff;
font-size: 11px;
margin-right: 7px;
-webkit-transform: translateY(10px);
transform: translateY(10px);
opacity: 0;
visibility: hidden;
-webkit-transition: all .3s;
transition: all .3s;
}
.nt-vegas-overlay{
position: absolute;
width: 100%;
height: 100%;
top:0;
left:0;
}
.vegas-control .vegas-control-next,
.vegas-control .vegas-control-prev {
position: absolute;
width: 48px;
height: 48px;
bottom: auto;
top: 50%;
left: auto;
right: 50px;
border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 0.5);
color: #fff;
font-size: 14px;
-webkit-transition: all 0.7s cubic-bezier(1, 0, 0.25, 1);
transition: all 0.7s cubic-bezier(1, 0, 0.25, 1);
cursor: pointer;
}
.vegas-control .vegas-control-next:after,
.vegas-control .vegas-control-prev:after {
display: none;
}
.vegas-control .vegas-control-next:hover,
.vegas-control .vegas-control-prev:hover {
background: rgba(255, 255, 255, 0.1);
}
.vegas-control .vegas-control-next i,
.vegas-control .vegas-control-prev i {
position: absolute;
top: 16px;
left: 22px;
-webkit-transition: all 0.7s cubic-bezier(1, 0, 0.25, 1);
transition: all 0.7s cubic-bezier(1, 0, 0.25, 1);
}
.vegas-control .vegas-control-next i:after,
.vegas-control .vegas-control-prev i:after {
content: '';
width: 45px;
height: 1px;
position: absolute;
background: rgba(255, 255, 255, 0.5);
-webkit-transition: all 0.7s cubic-bezier(1, 0, 0.25, 1);
transition: all 0.7s cubic-bezier(1, 0, 0.25, 1);
}
.vegas-control .vegas-control-next:hover {
right: 45px;
}
.vegas-control .vegas-control-next:hover i {
left: 30px;
}
.vegas-control .vegas-control-next:hover i:after {
width: 20px;
}
.vegas-control .vegas-control-next i:after {
top: 6px;
right: 5px;
}
.vegas-control .vegas-control-prev {
right: auto;
left: 50px;
}
.vegas-control .vegas-control-prev:hover {
left: 45px;
}
.vegas-control .vegas-control-prev:hover i {
left: 10px;
}
.vegas-control .vegas-control-prev:hover i:after {
width: 20px;
}
.vegas-control .vegas-control-prev i {
left: 18px;
}
.vegas-control .vegas-control-prev i:after {
top: 6px;
left: 5px;
}
.nt-vegas-slide-counter {
position: absolute;
right: 50px;
bottom: 20px;
font-size: 24px;
font-weight: 600;
color: #fff;
display: flex;
align-items: center;
}
.nt-vegas-slide-counter .separator {
font-size: 20px;
font-weight: 400;
margin: 0 5px;
}
body:not(.elementor-msie) .nt-vegas-slide-counter .current,
body:not(.elementor-msie) .nt-vegas-slide-counter .total{
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #fff;
color: transparent;
}
.nt-vegas-slide-counter .current {
font-size: 30px;
}
@media (min-width: 992px) {
.nt-vegas-slide-content {
padding-left: 12%;
padding-right: 12%;
}
}
@media (max-width: 991px) {
.nt-vegas-slide-content {
text-align: center;
}
.nt-vegas-slide-content h1 {
font-size: 50px;
}
.vegas-control .vegas-control-prev {
right: 25px;
}
.slide-controls .swiper-button-prev,
.home-slider-vegas-wrapper .social {
left: 25px;
}
.vegas-control .vegas-control-next:hover {
right: 15px;
}
.vegas-control .vegas-control-prev:hover {
left: 15px;
}
}
@media (max-width: 767px) {
.nt-vegas-slide-content h1 {
font-size: 40px;
}
}
@media (max-width: 480px) {
.nt-vegas-slide-content h1 {
font-size: 28px;
}
.vegas-control .vegas-control-next,
.vegas-control .vegas-control-prev {
-webkit-transform: scale(.8);
transform: scale(.8);
}
.vegas-control .vegas-control-next {
right: 5px;
}
.vegas-control .vegas-control-next i{
right: 30px;
}
.vegas-control .vegas-control-prev {
left: 5px;
}
.vegas-control .vegas-control-next i{
right: 11px;
left: auto;
}
.vegas-control .vegas-control-prev i {
left: 11px;
}
.vegas-control .vegas-control-prev i:after,
.vegas-control .vegas-control-next i:after{
width: 20px;
}
.vegas-control .vegas-control-next:hover {
right: 0px;
}
.vegas-control .vegas-control-prev:hover {
left: 0px;
}
}
.has-bg-video .equaliser-container {
height: 10px;
width: 26px;
margin: 0 0;
padding: 0 0 0 0;
position: absolute;
right: 62px;
left: auto;
bottom: 70px;
}
.has-bg-video .colour-bar {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 10px;
background: #fff;
}
.has-bg-video .equaliser-column {
width: 2px;
float: left;
margin: 0 1px 0 0;
padding: 0;
height: 10px;
position: relative;
list-style-type: none;
}
.has-bg-video .equaliser-column:nth-child(1) .colour-bar {
animation: color-bar2 2s 1s ease-out alternate infinite;
}
.has-bg-video .equaliser-column:nth-child(2) .colour-bar {
animation: color-bar2 2s 0.5s ease-out alternate infinite;
}
.has-bg-video .equaliser-column:nth-child(3) .colour-bar {
animation: color-bar2 2s 1.5s ease-out alternate infinite;
}
.has-bg-video .equaliser-column:nth-child(4) .colour-bar {
animation: color-bar2 2s 0.25s ease-out alternate infinite;
}
.has-bg-video .equaliser-column:nth-child(5) .colour-bar {
animation: color-bar2 2s 2s ease-out alternate infinite;
}
.has-bg-video .equaliser-column:nth-child(6) .colour-bar {
animation: color-bar2 2s 1s ease-out alternate infinite;
}
.has-bg-video .equaliser-column:nth-child(7) .colour-bar {
animation: color-bar2 2s 0.75s ease-out alternate infinite;
}
.has-bg-video .equaliser-column:nth-child(8) .colour-bar {
animation: color-bar2 2s 2s ease-out alternate infinite;
}
.has-bg-video .equaliser-column:nth-child(9) .colour-bar {
animation: color-bar2 2s 2.5s ease-out alternate infinite;
}
.has-bg-video .equaliser-column:last-child {
margin-right: 0;
}
@keyframes color-bar2 {
0% {
height: 1px;
background: #fff;
}
10% {
height: 3px;
background: #fff;
}
20% {
height: 5px;
background: #fff;
}
30% {
height: 2px;
background: #fff;
}
40% {
height: 7px;
background: #fff;
}
50% {
height: 9px;
background: #fff;
}
60% {
height: 3px;
background: #fff;
}
70% {
height: 8px;
background: #fff;
}
80% {
height: 5px;
background: #fff;
}
90% {
height: 3px;
background: #fff;
}
100% {
height: 1px;
background: #fff;
}
} .elementor-section {
background-color: inherit;
overflow: inherit;
padding: inherit;
min-height: auto;
} .nt-portfolio-section .filter li.active span,
.nt-portfolio-section .filter li span:hover {
border-bottom: 1px solid #00b2ca;
}
.nt-portfolio-section .filter li span {
color: #555;
font-size: .85em;
padding: 10px;
letter-spacing: 3px;
-webkit-transition: all .37s cubic-bezier(0,0,.58,1);
-moz-transition: all .37s cubic-bezier(0,0,.58,1);
-o-transition: all .37s cubic-bezier(0,0,.58,1);
-ms-transition: all .37s cubic-bezier(0,0,.58,1);
transition: all .37s cubic-bezier(0,0,.58,1);
} .owl-dots.disabled {
display: none!important;
}
.justify-content-center {
display: flex;
align-items: center;
justify-content: center;
}
.elementor .img-circle {
border-radius: 50%;
}
.team-slider2,
.testimonials-slider,
.brand-slider {
overflow: hidden;
}
.team-slider2 .owl-item,
.testimonials-slider .owl-item,
.brand-slider .owl-item {
float: left;
}
.brand-slider .owl-item {
text-align: center;
}
.team-slider2 .owl-dots,
.testimonials-slider .owl-dots,
.brand-slider .owl-dots {
display: inline-block;
width: 100%;
margin-top: 30px;
text-align: center;
}
.team-slider2 .owl-dot.active,
.testimonials-slider .owl-dot.active,
.brand-slider .owl-dot.active {
background: #00b2ca;
}
.team-slider2 .owl-dot,
.testimonials-slider .owl-dot,
.brand-slider .owl-dot {
display: inline-block;
padding: 0;
position: relative;
border: 1px solid #00b2ca;
margin: 0 3px;
height: 7px;
border-radius: 3px;
width: 20px;
outline: none;
font-size: 0;
background: transparent;
}
.team-slider2 .owl-dot.active,
.testimonials-slider .owl-dot.active,
.brand-slider .owl-dot.active {
background: #00b2ca;
}
.testimonials-slider .owl-dot {
border: 1px solid #fff;
}
.testimonials-slider .owl-nav button {
outline: none;
border: 0;
background: transparent;
}
.testimonials-slider .owl-dot.active {
background: #fff;
}
.testimonials-slider .owl-prev,
.testimonials-slider .owl-next {
opacity: 0;
-ms-filter: "alpha(opacity=0)";
filter: alpha(opacity=0);
display: block;
position: absolute;
top: 50%;
margin-top: -50px;
width: 105px;
height: 105px;
line-height: 105px;
font-size: 16px;
text-align: center;
color: #fff;
z-index: 6;
cursor: pointer;
-webkit-transition: all .27s cubic-bezier(0,0,.58,1);
-moz-transition: all .27s cubic-bezier(0,0,.58,1);
-o-transition: all .27s cubic-bezier(0,0,.58,1);
-ms-transition: all .27s cubic-bezier(0,0,.58,1);
transition: all .27s cubic-bezier(0,0,.58,1);
}
.testimonials-slider .owl-prev {
left: -20px;
}
.testimonials-slider .owl-next {
right: -20px;
}
.testimonials-slider:hover .owl-prev {
opacity: 1;
-ms-filter: none;
filter: none;
left: 5px;
}
.testimonials-slider:hover .owl-next {
opacity: 1;
-ms-filter: none;
filter: none;
right: 5px;
} .service-item.service--widget {
margin:0;
}
.service-item svg {
position: relative;
top: 100px;
display: inline-block;
margin-bottom: 40px;
padding: 10px;
background: #fff;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
font-size: 48px;
}
.service-item:hover svg {
top: -30px;
}
.page-footer .social-links a:before {
border-radius: 50%;
} .progress-box.progress-box-widget{
margin: 0;
font-size: 12px;
color: #000;
}
.progress-box .progressbar{
margin-bottom: 2px;
background-color: #00b2ca;
height: 100%;
}
.progress-box .progress-title {
display: inline-block;
width:80%;
float: left;
position: relative;
text-align: left;
}
.progress-box span {
display: inline-block;
padding: 0;
width:20%;
position: relative;
text-align: right;
float: right;
}
.nt-subscribe-section .form {
display: flex;
align-items: center;
justify-content: center;
}
.nt-subscribe-section .form .btn-coffee.btn-medium {
margin-left: 5px;
width:auto;
}
.nt-subscribe-section .form input.newsletter-input {
width: 100%;
}
.form-contact input[type=submit] {
width: auto;
}
.font-dosis {
font-family: 'Dosis';
}
.font-bison .elementor-heading-title{
font-family: bison,sans-serif;
display: inline-block;
white-space: pre-wrap;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.vertical-rl .elementor-heading-title{
writing-mode: vertical-rl;
}
.vertical-lr  .elementor-heading-title {
writing-mode: vertical-lr;
} .mouse {
transition: opacity 0.8s ease, visibility 0.8s ease;
opacity: 1;
visibility: visible;
}
.mouse .cursor {
position: fixed;
background-color: transparent;
width: 8px;
height: 8px;
border-radius: 100%;
z-index: 1;
transition: transform .3s cubic-bezier(.75,-1.27,.3,2.33),opacity .2s cubic-bezier(.75,-.27,.3,1.33);
user-select: none;
pointer-events: none;
z-index: 99999;
transform: scale(1);
}
.mouse .cursor-follower {
position: fixed;
background-color: transparent;
width: 30px;
height: 30px;
border-radius: 100%;
z-index: 1;
transition: transform .6s cubic-bezier(.75,-1.27,.3,2.33),
opacity .5s cubic-bezier(.75,-.27,.3,1.33),
filter .6s cubic-bezier(.75,-1.27,.3,2.33),
background-color .6s cubic-bezier(.75,-1.27,.3,2.33),
border .6s cubic-bezier(.75,-1.27,.3,2.33);
user-select: none;
pointer-events: none;
z-index: 99999;
opacity: 1;
border: 2px solid #fff;
}
.mouse .cursor-follower:before {
width: 1px;
height: 10px;
}
.mouse .cursor-follower:after {
width: 10px;
height: 1px;
}
.mouse .cursor-follower:after,
.mouse .cursor-follower:before {
content: "";
background: #000;
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
transform: translate(-50%,-50%);
transition: opacity .6s cubic-bezier(.75,-1.27,.3,2.33);
}
.mouse .cursor-follower span {
position: absolute;
opacity: 0;
font-size: 10px;
line-height: 10px;
margin: 0;
display: block;
top: 50%;
left: 50%;
transform: translate(-50%,-50%) scale(.5);
text-align: center;
text-transform: uppercase;
color: #000;
transition: opacity .4s ease;
letter-spacing: .1em;
}
.mouse .cursor-follower.active {
opacity: .8;
transform: scale(2);
filter: blur(0);
background-color: #fff;
mix-blend-mode: difference;
}
.mouse .cursor-follower.next .next,
.mouse .cursor-follower.prev .prev,
.mouse .cursor-follower.view .view {
opacity: 1;
}
.transition-fade {
transition: 0.4s;
opacity: 1;
}
html.is-animating .transition-fade {
opacity: 0;
}
.c-fixed_wrapper {
position: relative;
overflow: hidden;
height: 100vh;
}
.c-fixed,
.c-fixed_target {
position: absolute;
top: -100vh;
right: 0;
left: 0;
}
.c-fixed_target {
bottom: -100vh;
}
.c-fixed {
height: 100%;
background-size: cover;
background-position: top center;
}
.elementor-section[data-exline-locomotive-fixedbg] {
overflow: hidden;
height: 100vh!important;
}
#navi .nav-logo-wrap .logo.text-logo {
max-width: inherit;
height: auto;
font-size: 18px;
color:#fff;
}
#navi .nav-logo-wrap {
float: none;
margin-right: 0;
}body:not(.elementor-editor-active) .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated { }
body.single-elementor_library.elementor-editor-active .exline-main-header,
body.single-elementor_library.elementor-editor-active #nt-footer{
display: none;
}
.elementor-editor-active .page-loader {
display: none!important;
}
.elementor-editor-active #main-header.the-origin-header, .elementor-editor-active .stick-fixed {
top: 0!important;
}
.nt-structure .elementor-row {
flex-wrap: wrap;
}
.header.exline_nav .header_inner{
position: relative;
display: flex;
align-items: center;
}
.admin-bar .header.exline_nav.is-sticky .header_container{top:32px}
@media (min-width: 1024px){
.nt-col-25 .elementor-row .elementor-column{
width: 25%;
}
.nt-col-33 .elementor-row .elementor-column{
width: 33.333%;
}
.nt-col-50 .elementor-row .elementor-column{
width: 50%;
}
.nt-col-100 .elementor-row .elementor-column{
width: 100%;
}
}
.elementor-column {
min-height: 0px;
}
.mt-100vh{
margin-top: 100vh;
}
.min-100vh{
min-height: 100vh;
}
.pos-fixed {
position:fixed;
}
body.light .elementor-top-section {
background-color: #fff;
}
body.dark .elementor-top-section {
background-color: #090909;
}
body.dark .svg-icon path[stroke="#000"] {
stroke: #eee;
}
.about .items .icon svg {
width: 1.2em;
height: 1.2em;
}
.footer-sm {
z-index: 1;
position: relative;
} .home-slider .swiper-button-next, .home-slider .swiper-container-rtl .swiper-button-prev,
.home-slider .swiper-button-prev, .home-slider .swiper-container-rtl .swiper-button-next,
.nt-blog .swiper-button-next, .nt-blog .swiper-container-rtl .swiper-button-prev,
.nt-blog .swiper-button-prev, .nt-blog .swiper-container-rtl .swiper-button-next,
.slider-portfolio .swiper-button-next, .slider-portfolio .swiper-container-rtl .swiper-button-prev,
.slider-portfolio .swiper-button-prev, .slider-portfolio .swiper-container-rtl .swiper-button-next{
background-image: none;
}
.work-carousel .swiper-container-horizontal>.swiper-pagination-progressbar{
position: absolute;
bottom: 0;
top: auto;
right: auto;
left: calc(50% - 120px);
width: 240px;
height: 2px;
border-radius: 10px;
background: #eee;
}
.swiper-pagination-fraction {
font-size: 0;
}
.home-slider span.swiper-pagination-total {
font-size: 14px;
}
.nt-blog .controls .swiper-pagination-fraction span {
font-size: 14px;
}
.swiper-lazy {
opacity: 0;
transition: opacity 700ms ease-in-out;
}
.swiper-lazy-loaded {
opacity: 1 !important;
}
.call-action .content h2 b {
color: #fff;
} .justified-gallery > a > .caption,
.justified-gallery > div > .caption,
.justified-gallery > figure > .caption {
display: none!important;
}
.exline-comments-wrapper .nt-inner-title {
margin: 0px 0 50px;
}
.exline-comments-wrapper #respond {
margin: 0;
}
.nt-related-post.post--data .bg-pattern:after {
opacity: .8;
z-index: 1;
}
.nt-related-post.post--data .bg-pattern {
z-index: 0;
} .popup-video .vid-btn .icon {
color: #212529;
width: 100px;
height: 100px;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 50%;
line-height: 100px;
text-align: center;
font-size: 17px;
position: relative;
-webkit-transition: all .5s;
transition: all .5s;
}
.popup-video .vid-btn .icon:before {
content: '';
position: absolute;
top: 5px;
bottom: 5px;
right: 5px;
left: 5px;
background: #fff;
border-radius: 50%;
-webkit-transition: all 0.5s cubic-bezier(1, 0, 0, 1);
transition: all 0.5s cubic-bezier(1, 0, 0, 1);
}
.popup-video .vid-btn .icon:after {
content: '';
position: absolute;
top: 5px;
bottom: 5px;
right: 5px;
left: 5px;
border: 1px solid #eee;
border-radius: 50%;
}
.popup-video .vid-btn:hover .icon {
color: #fff;
}
.popup-video .vid-btn:hover .icon:before {
-webkit-transform: scale(0);
transform: scale(0);
}
.popup-video .vid-btn i {
z-index: 1;
position: relative;
} ul.list-circle li:after {
content: '';
width: 10px;
height: 10px;
border: 1px solid #999;
border-radius: 50%;
position: absolute;
left: 0;
top: 2px;
} .theme-btn-curve .elementor-button {
background: transparent;
padding: 14px 35px;
border: 1px solid #1e1e1e;
border-radius: 0;
position: relative;
overflow: hidden;
cursor: pointer;
}
.theme-btn-curve .elementor-button:after {
content: '';
position: absolute;
top: -10px;
left: -10px;
right: -10px;
bottom: 100%;
background: #1e1e1e;
border-radius: 0 0 100% 100%/0 0 100% 100%;
-webkit-transition: all 0.6s cubic-bezier(1, 0, 0.55, 1);
transition: all 0.6s cubic-bezier(1, 0, 0.55, 1);
} .ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 4px;
}
.ui-spinner {
height: 54px;
}
.ui-spinner-input {
height: 52px;
padding: 0;
margin: 0;
padding-left: 20px;
padding-right: 30px;
}
.ui-spinner-button {
cursor: pointer;
}
.ui-tooltip {
padding: 10px 15px;
}
.ui-tooltip:after {
position: absolute;
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
}
.ui-tooltip.is-top:after {
bottom: -10px;
left: 50%;
margin-left: -10px;
border-width: 10px 10px 0 10px;
border-color: #000000 transparent transparent transparent;
}
.ui-tooltip.is-right:after {
top: 50%;
left: -10px;
margin-top: -10px;
border-width: 10px 10px 10px 0;
border-color: transparent #000000 transparent transparent;
}
.ui-tooltip.is-left:after {
top: 50%;
right: -10px;
margin-top: -10px;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #000000;
}
.ui-tooltip.is-bottom:after {
top: -10px;
left: 50%;
margin-left: -10px;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #000000 transparent;
}
.ui-tooltip.ui-widget {
font-size: 16px;
}
.ui-tooltip.ui-widget-shadow {
-webkit-box-shadow: none;
box-shadow: none;
}
.ui-tooltip.ui-widget-content {
color: var(--color-white);
background-color: #000000;
}
.ui-tooltip.ui-widget.ui-widget-content {
border: 0;
}
.ui-widget {
font-family: var(--font-primary);
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: var(--font-primary);
}
.ui-widget.ui-widget-content {
border-color: var(--color-grey2);
}
.ui-widget-content {
border-color: var(--color-grey2);
color: var(--color-text);
}
.ui-widget-content a {
color: var(--color-text);
}
.ui-widget-header {
border-color: var(--color-grey2);
background: var(--color-grey1);
color: var(--color-text);
font-weight: 400;
}
.ui-widget-header a {
color: var(--color-text);
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
color: var(--color-text);
border-color: var(--color-grey2);
background: var(--color-grey1);
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
color: var(--color-text);
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
color: var(--color-primary);
border-color: var(--color-grey2);
background: var(--color-grey1);
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
color: var(--color-primary);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border-color: var(--color-secondary);
background: var(--color-secondary);
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
border-color: var(--color-secondary);
} .exline-headig-line .elementor-heading-title {
position: relative;
}
.exline-headig-line .elementor-heading-title::after {
content: '';
width: 60px;
height: 1px;
background: #777;
position: absolute;
left: 0;
bottom: 45%;
}
@keyframes colorchange {
0% {
-webkit-text-stroke-color: attr(data-stroke-color1);
}
100% {
-webkit-text-stroke-color: attr(data-stroke-color2);
}
}
.exline-parallax{
background-attachment: fixed;
}
.exline-parallax.jarallax > [id*="jarallax-container-"] > img{
position: absolute;
object-fit: cover;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.animated {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes bounceIn2 {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn2 {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn2 {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn2;
animation-name: bounceIn2;
}
@-webkit-keyframes bounceInDown2 {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown2 {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInDown2 {
-webkit-animation-name: bounceInDown2;
animation-name: bounceInDown2;
}
@-webkit-keyframes bounceInLeft2 {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInLeft2 {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInLeft2 {
-webkit-animation-name: bounceInLeft2;
animation-name: bounceInLeft2;
}
@-webkit-keyframes bounceInRight2 {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInRight2 {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInRight2 {
-webkit-animation-name: bounceInRight2;
animation-name: bounceInRight2;
}
@-webkit-keyframes bounceInUp2 {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp2 {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp2 {
-webkit-animation-name: bounceInUp2;
animation-name: bounceInUp2;
}
@-webkit-keyframes fadeIn2 {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn2 {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn2 {
-webkit-animation-name: fadeIn2;
animation-name: fadeIn2;
}
@-webkit-keyframes fadeInDown2 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown2 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDown2 {
-webkit-animation-name: fadeInDown2;
animation-name: fadeInDown2;
}
@-webkit-keyframes fadeInLeft2 {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft2 {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeft2 {
-webkit-animation-name: fadeInLeft2;
animation-name: fadeInLeft2;
}
@-webkit-keyframes fadeInRight2 {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight2 {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRight2 {
-webkit-animation-name: fadeInRight2;
animation-name: fadeInRight2;
}
.header {
z-index: 9999;
}
.min-vh-80 {
min-height: 80vh;
display: flex;
justify-content: center;
align-items: center;
}
#particles-js {
position:absolute;
width: 100%;
height: 100vh;
top:0;
left:0;
} .animated_headline {
background-position: 50% 50%;
background-repeat: no-repeat;
background-clip: text;
text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation-name: masked-animation;
animation-name: masked-animation;
-webkit-animation-duration: 10s;
animation-duration: 10s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear
}
@-webkit-keyframes masked-animation {
0%,
100% {
background-position: 50% 35%
}
50% {
background-position: 50% 65%
}
}
@keyframes masked-animation {
0%,
100% {
background-position: 50% 35%
}
50% {
background-position: 50% 65%
}
} .slider-photos .slider-photos_item,
.slider-logos .slider-logos_item {
text-align: center;
display: flex;
justify-content: center;
}
canvas {
display: block;
vertical-align: bottom;
}
.exline-particles:not(.particles-none) div.exline-particles-effect {
position:absolute;
width: 100%;
height: 100%;
top:0;
left:0;
}
.exline-particles:not(.particles-none) div.exline-particles-effect canvas {
display: block;
vertical-align: bottom;
}
.elementor-widget:not(:last-child) {
margin-bottom: 0px;
}
.elementor-widget-heading .elementor-heading-title {
line-height: inherit;
}
.home-onepage .swiper-container:not(.slider-destroyed) {
position: relative;
overflow: hidden;
width: 100%;
min-height: 100vh;
padding-bottom: 0px;
max-height: 100vh;
}
.home-onepage .swiper-slide {
position: relative;
overflow: hidden;
width: 100%;
padding-bottom: 0px;
max-height: 100vh;
}
.betakit-vh-100 {
overflow: hidden!important;
min-height: 100vh;
max-height: 100vh;
}
.home-onepage .splitting {
visibility: visible!important;
}
.home-onepage .swiper-scrollbar-drag {
background: var(--color-secondary);
}
.home-onepage .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.home-onepage .swiper-pagination-bullet {
width: 20px;
height: 20px;
}
.home-onepage .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
width: 30px;
}
.home-onepage .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
}
.home-onepage.pagination-dots .swiper-container-vertical>.swiper-pagination-bullets{
right: 70px;
}
.home-onepage.pagination-dots .swiper-pagination-bullet {
width: 15px;
height: 15px;
}
.home-onepage.pagination-dots .swiper-pagination-bullet-active {
position: relative;
}
.home-onepage.pagination-dots .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 10px 0;
}
.home-onepage.pagination-dots .swiper-pagination-bullet-active::before {
width: 21px;
height: 21px;
}
.home-onepage .swiper-pagination-bullet {
background: #fff;
opacity: 1;
}
.home-onepage .swiper-pagination-bullet-active {
opacity: 1;
background: var(--color-secondary);
color: #fff;
}
.home-onepage .swiper-pagination-bullet-active::before {
content: "";
position: absolute;
width: 26px;
height: 26px;
top: -3px;
left: -3px;
border: 2px solid #fff;
border-radius: 15px;
background: transparent
}
.home-onepage .swiper-pagination-bullets-dynamic {
overflow: visible;
}
.home-onepage .swiper-pagination-bullets-dynamic .swiper-pagination-bullet:not(.swiper-pagination-bullet-active),
.home-onepage .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
.home-onepage .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(.5);
}
.home-onepage .swiper-pagination-bullets-dynamic .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover,
.home-onepage .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next:hover,
.home-onepage .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev:hover {
background: var(--color-secondary);
}
.home-onepage span.swiper-pagination-total {
font-size: 16px;
}
body.elementor-editor-active .elementor.elementor-edit-mode .home-onepage .elementor-element.elementor-section.swiper-slide {
overflow: hidden;
}
body.admin-bar .home-onepage .social{
bottom: 40px;
}
body.admin-bar .home-onepage.has-pagination .swiper-container-vertical .swiper-nav-wrapper{
top: 47%;
}
.home-onepage.slider .parallax-slidertwo .swiper-slide {
padding-bottom: 0;
min-height: 100vh;
max-height: 100vh;
}
.home-onepage.slider .parallax-slider-two .swiper-slide .bg-img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
min-height: 100vh;
max-height: 100vh;
background-size: cover;
transition: inherit;
}
.home-onepage.slider .parallax-slider-two .social {
position: absolute;
left: 50px;
bottom: 20px;
z-index: 6;
}
.home-onepage.slider .parallax-slider-two.slider-destroyed .social {
bottom: auto;
top: 50px;
}
.home-onepage.slider .parallax-slider-two.slider-destroyed .swiper-nav-wrapper,
.home-onepage.slider .parallax-slider-two.slider-destroyed .swiper-pagination-wrapper,
.home-onepage.slider .parallax-slider-two.slider-destroyed .swiper-scrollbar,
.home-onepage.slider .parallax-slider-two.slider-destroyed .social{
display: none!important;
}
.home-onepage.slider .parallax-slider-two .social .icon {
color: #fff;
margin-right: 10px;
cursor: pointer;
}
.home-onepage.slider .parallax-slider-two .social a {
color: #fff;
font-size: 11px;
margin-right: 7px;
-webkit-transform: translateY(10px);
transform: translateY(10px);
opacity: 0;
visibility: hidden;
-webkit-transition: all .3s;
transition: all .3s;
}
.home-onepage.slider .parallax-slider-two .social.active a {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
}
body:not(.elementor-editor-active) .home-onepage .elementor-heading-title.splitting:not(.animated) {
opacity:0;
visibility: hidden;
}
.home-onepage .elementor-shape {
z-index: 1;
}
.home-onepage .swiper-container-vertical .swiper-nav-wrapper,
.home-onepage .swiper-container-vertical .swiper-pagination-wrapper {
position: absolute;
width: 50px;
right:25px;
height: 70%;
top: 70%;
transform: translateY(-70%);
display: block;
z-index: 1;
}
.home-onepage:not(.has-scrollbar) .swiper-container-vertical .swiper-nav-wrapper {
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: flex-end;
}
.home-onepage.has-pagination .swiper-container-vertical .swiper-nav-wrapper,
.home-onepage.has-pagination .swiper-container-vertical .swiper-pagination-wrapper {
height: 50%;
top: 50%;
transform: none;
} .home-onepage.has-pagination .swiper-container-vertical .swiper-pagination-wrapper {
top: 0%;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.home-onepage .swiper-container-vertical .swiper-pagination {
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.home-onepage .swiper-container-vertical .swiper-pagination-bullets-dynamic {
height: 100%!important;
}
.home-onepage .swiper-container-vertical .swiper-pagination-bullet {
position: relative;
margin: 6px 0;
} .home-onepage .swiper-container-vertical .swiper-scrollbar {
position: relative;
margin: 32px auto;
display: block;
width: 1px;
height: calc( 100% - 175px );
left: -0.031rem;
transform: none;
background: #fff;
}
.home-onepage .swiper-container-vertical .swiper-scrollbar-drag {
height: 100%;
width: 3px;
position: relative;
background: rgba(0,0,0,.5);
border-radius: 30px;
left: -1px;
top: 0;
} .home-onepage.has-navigation .swiper-container-vertical .swiper-button-next.swiper-nav-ctrl.next-ctrl,
.home-onepage.has-navigation .swiper-container-vertical .swiper-button-prev.swiper-nav-ctrl.prev-ctrl {
left: auto!important;
right: auto!important;
top: auto!important;
bottom: auto!important;
transform: rotate(90deg);
position: relative;
margin-top: 0;
}
.home-onepage .swiper-nav-ctrl.next-ctrl,
.home-onepage .swiper-nav-ctrl.prev-ctrl {
position: relative;
width: 48px;
height: 48px;
z-index: 0;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 0.5);
color: #fff;
font-size: 14px;
cursor: pointer;
-webkit-transition: all 0.7s cubic-bezier(1, 0, 0.25, 1);
transition: all 0.7s cubic-bezier(1, 0, 0.25, 1);
}
.home-onepage .swiper-nav-ctrl i {
position: relative;
-webkit-transition: all 0.7s cubic-bezier(1, 0, 0.25, 1);
transition: all 0.7s cubic-bezier(1, 0, 0.25, 1);
}
.home-onepage .swiper-nav-ctrl i:after {
content: '';
width: 1px;
height: 45px;
position: absolute;
left: 50%;
display: block;
background: rgba(255, 255, 255, 0.5);
-webkit-transition: all 0.7s cubic-bezier(1, 0, 0.25, 1);
transition: all 0.7s cubic-bezier(1, 0, 0.25, 1);
}
.home-onepage .swiper-container-vertical .swiper-nav-ctrl.next-ctrl:hover i:after,
.home-onepage .swiper-container-vertical .swiper-nav-ctrl.prev-ctrl:hover i:after {
height: 20px;
}
.home-onepage .swiper-container-horizontal .swiper-nav-ctrl.next-ctrl:hover i:after,
.home-onepage .swiper-container-horizontal .swiper-nav-ctrl.prev-ctrl:hover i:after {
width: 20px;
}
.home-onepage .swiper-container-vertical .swiper-nav-ctrl.next-ctrl:hover i {
top: 6px;
}
.home-onepage .swiper-container-vertical .swiper-nav-ctrl.prev-ctrl:hover i {
top: -6px;
}
.home-onepage .swiper-container-vertical .swiper-nav-ctrl.prev-ctrl i:after {
top: 10px;
}
.home-onepage .swiper-container-vertical .swiper-nav-ctrl.next-ctrl i:after {
top: -40px;
}
.home-onepage .swiper-container-vertical .swiper-nav-ctrl.next-ctrl:hover i:after {
top: -15px;
}
.home-onepage .swiper-container-vertical .swiper-nav-ctrl.prev-ctrl:hover i:after {
top: 10px;
}
.home-onepage:not(.has-scrollbar) .swiper-container-vertical .swiper-nav-ctrl{
margin: 30px 0;
}
.home-onepage .swiper-container-vertical .swiper-nav-ctrl.prev-ctrl:hover {
top: -6px;
}
.home-onepage .swiper-container-vertical .swiper-nav-ctrl.next-ctrl:hover {
top: 6px;
}
.home-onepage .swiper-container-vertical .swiper-nav-ctrl:hover{
background: rgba(255, 255, 255, 0.1);
}
.home-onepage .swiper-nav-ctrl.swiper-button-disabled {
opacity: 0.5;
cursor: not-allowed;
}
.home-onepage.pagination-fraction .swiper-pagination-fraction {
position: relative;
right: auto;
left: auto;
bottom: auto;
top: auto;
width: auto;
height: auto;
color: #fff;
}
.home-onepage.has-pagination .swiper-container-vertical .swiper-pagination-wrapper {
display: flex;
align-items: flex-end;
justify-content: center;
flex-wrap: wrap;
}
.home-onepage.pagination-fraction .swiper-container-vertical .swiper-pagination-wrapper {
top: calc(100% - 52px );
height: auto;
}
.home-onepage.pagination-fraction .swiper-container-vertical .swiper-pagination{
display: block;
}
.home-onepage.has-pagination.pagination-fraction .swiper-container-vertical .swiper-nav-wrapper {
height: 50%;
top: 50%;
transform: translateY(-50%);
}
.home-onepage.has-pagination.pagination-fraction.has-navigation:not(.has-scrollbar) .swiper-container-vertical .swiper-nav-wrapper {
justify-content: center;
}
.home-onepage:not(.has-scrollbar) .swiper-nav-wrapper {
align-items: center;
}
.home-onepage .swiper-container.gallery-thumbs.swiper-container-initialized.swiper-container-vertical {
width: 56px;
right: 30px;
position: absolute;
height: 50%;
top: calc( 50% - 90px );
min-height: auto;
transform: translateY(-50%);
box-sizing: border-box;
overflow: hidden;
z-index: 1;
}
.home-onepage .swiper-container.gallery-text.swiper-container-initialized.swiper-container-vertical {
width: 70px;
right: 10px;
position: absolute;
height: auto;
top: calc( 50% );
min-height: auto;
transform: translateY(-50%);
box-sizing: border-box;
overflow: hidden;
z-index: 1;
}
.home-onepage .swiper-container.gallery-thumbs.swiper-container-initialized.swiper-container-horizontal {
width: 80%;
position: absolute;
height: 56px;
bottom: 30px;
min-height: auto;
box-sizing: border-box;
overflow: hidden;
z-index: 1;
}
.home-onepage .swiper-container.gallery-text.swiper-container-initialized.swiper-container-horizontal {
width: 100%;
position: absolute;
height: auto;
bottom: 60px;
min-height: auto;
box-sizing: border-box;
overflow: hidden;
z-index: 1;
}
.home-onepage .swiper-container.gallery-text.swiper-container-initialized.swiper-container-horizontal .swiper-wrapper {
align-items: center;
}
.home-onepage .swiper-container.gallery-thumbs .swiper-slide {
position: relative;
width: 50px;
height: 50px;
left: 3px;
overflow: visible;
opacity: 0.6;
border-radius: 50%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.home-onepage .swiper-container.gallery-text .swiper-slide {
position: relative;
color: #fff;
font-size: 16px;
cursor: pointer;
}
.home-onepage .swiper-container.gallery-thumbs.swiper-container-initialized.swiper-container-horizontal .swiper-slide {
position: relative;
width: 50px;
height: 50px;
left: auto;
top: 3px;
}
.home-onepage .gallery-thumbs .swiper-slide-thumb-active {
opacity: 1;
}
.home-onepage .gallery-thumbs .swiper-slide-thumb-active::before {
content: "";
border: 2px solid #fff;
border-radius: 50%;
width: 56px;
height: 56px;
position: absolute;
top: -3px;
left: -3px;
}
.home-onepage.pagination-fraction .swiper-pagination-fraction .swiper-pagination-current {
font-size: 20px;
position: relative;
}
.home-onepage.pagination-fraction .swiper-pagination-fraction .swiper-pagination-current:after {
content: '/';
position: relative;
margin: 0 10px;
font-size: 12px;
}
.home-onepage .swiper-container-horizontal:not(.slider-destroyed) .swiper-slide {
height: 100vh;
} .home-onepage .swiper-container-horizontal .swiper-nav-wrapper {
position: absolute;
width: 50%!important;
height: auto!important;
top: auto!important;
bottom: 60px!important;
left: 50%!important;
transform: translateX(-50%)!important;
z-index: 1;
display: flex;
justify-content: center!important;
align-items: center!important;
}
.home-onepage:not(.has-scrollbar) .swiper-nav-ctrl.next-ctrl,
.home-onepage:not(.has-scrollbar) .swiper-nav-ctrl.prev-ctrl {
margin: 0 25px;
}
.home-onepage .swiper-container-horizontal .swiper-nav-ctrl i {
display: flex;
align-items: center;
}
.home-onepage .swiper-container-horizontal .swiper-nav-ctrl i:after {
width: 45px;
height: 1px;
position: absolute;
}
.home-onepage .swiper-container-horizontal .swiper-nav-ctrl.prev-ctrl i:after {
left: 50%;
}
.home-onepage .swiper-container-horizontal .swiper-nav-ctrl.next-ctrl i:after {
right: 50%;
left: auto;
}
body.admin-bar .home-onepage .swiper-container-horizontal .swiper-pagination-wrapper {
position: absolute;
right: 50px;
bottom: 70px;
}
body.admin-bar .home-onepage .swiper-container-horizontal.parallax-slider-two .social {
bottom: 75px;
}
body.admin-bar .home-onepage.has-pagination.pagination-bullets .swiper-container-horizontal .swiper-pagination-wrapper,
body.admin-bar .home-onepage.has-pagination.pagination-dots .swiper-container-horizontal .swiper-pagination-wrapper{
bottom: 70px;
}
.home-onepage .swiper-container-horizontal .swiper-pagination-wrapper {
position: absolute;
right: 50px;
bottom: 20px;
}
.home-onepage .swiper-container-horizontal.parallax-slider-two .social {
bottom: 25px;
}
.home-onepage.has-pagination.pagination-bullets .swiper-container-horizontal .swiper-pagination-wrapper,
.home-onepage.has-pagination.pagination-dots .swiper-container-horizontal .swiper-pagination-wrapper{
bottom: 20px;
}
.home-onepage.has-pagination.pagination-bullets .swiper-container-horizontal .swiper-pagination-wrapper,
.home-onepage.has-pagination.pagination-dots .swiper-container-horizontal .swiper-pagination-wrapper,
.home-onepage.has-pagination.pagination-number .swiper-container-horizontal .swiper-pagination-wrapper{
position: absolute;
right: 0;
height: 30px;
z-index: 3;
width: 25%;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.home-onepage.has-pagination.pagination-bullets .swiper-container-horizontal .swiper-pagination-bullet-active::before {
width: 27px;
height: 27px;
}
.home-onepage.has-pagination .swiper-container-horizontal .swiper-pagination-bullet {
margin-right: 6px;
position: relative;
}
.home-onepage.has-pagination .swiper-container-horizontal + .swiper-container.gallery-thumbs.swiper-container-initialized.swiper-container-horizontal {
bottom: 57px;
}
.home-onepage.has-thumb .swiper-container-horizontal + .swiper-container.gallery-thumbs.swiper-container-initialized.swiper-container-horizontal,
.home-onepage.has-thumb .swiper-container-horizontal + .swiper-container.gallery-text.swiper-container-initialized.swiper-container-horizontal{
width: 50%;
position: absolute;
left: 50%;
transform: translateX(-50%);
height: 62px;
min-height: auto;
box-sizing: border-box;
overflow: hidden;
z-index: 1;
}
.home-onepage.has-thumb .swiper-container-horizontal + .swiper-container.gallery-thumbs.swiper-container-initialized.swiper-container-horizontal .swiper-wrapper,
.home-onepage.has-thumb .swiper-container-horizontal + .swiper-container.gallery-text.swiper-container-initialized.swiper-container-horizontal .swiper-wrapper{
display: flex;
align-items: center;
justify-content: center;
}
.home-onepage.has-thumb .swiper-container-horizontal + .swiper-container.gallery-text .swiper-wrapper .swiper-slide {
height: auto!important;
border: 0!important;
position: relative;
margin: 0 10px;
}
.home-onepage.has-thumb .swiper-container-horizontal + .swiper-container.gallery-text .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{
padding-left: 5px;
}
.home-onepage.has-thumb .swiper-container-horizontal + .swiper-container.gallery-text .swiper-wrapper .swiper-slide:after {
content: "";
position:absolute;
background: #fff;
height: 1px;
width: 0;
left:0;
bottom:0;
-webkit-transition: all 0.7s cubic-bezier(1, 0, 0.25, 1);
transition: all 0.7s cubic-bezier(1, 0, 0.25, 1);
}
.home-onepage.has-thumb .swiper-container-horizontal + .swiper-container.gallery-text .swiper-wrapper .swiper-slide.swiper-slide-thumb-active:after {
width: 100%;
} .home-onepage .swiper-container-horizontal .swiper-scrollbar {
position: relative;
margin: auto 30px;
display: block;
width: 50%;
height: 1px;
transform: none;
background: #fff;
}
.home-onepage .swiper-container-horizontal .swiper-scrollbar-drag {
width: 100%;
height: 3px;
position: relative;
border-radius: 3px;
top: -1px;
}
@media screen and ( max-width: 1024px ){
.home-onepage.has-pagination.pagination-fraction.has-navigation:not(.has-scrollbar) .swiper-nav-wrapper {
height: 30%;
top: 90%;
transform: translateY(-90%);
}
}
@media screen and ( max-width: 768px ){
.home-onepage .swiper-container-horizontal .swiper-nav-wrapper {
bottom: 65px!important;
}
}
@media screen and (max-width: 576px){
.home-onepage:not(.has-scrollbar) .swiper-nav-ctrl {
margin: 3px 0;
}
.home-onepage .swiper-nav-ctrl.next-ctrl,
.home-onepage .swiper-nav-ctrl.prev-ctrl {
width: 30px;
height: 30px;
}
.home-onepage.has-pagination.pagination-fraction.has-navigation:not(.has-scrollbar) .swiper-nav-wrapper {
justify-content: flex-end;
}
.home-onepage .swiper-nav-ctrl.prev-ctrl:hover i,
.home-onepage .swiper-nav-ctrl.next-ctrl:hover i {
top: 0;
}
.home-onepage .swiper-nav-ctrl.prev-ctrl i:after,
.home-onepage .swiper-nav-ctrl.next-ctrl i:after {
content: none!important;
}
.home-onepage.has-navigation.has-scrollbar .swiper-nav-ctrl.next-ctrl,
.home-onepage.has-navigation.has-scrollbar  .swiper-nav-ctrl.prev-ctrl {
margin: 0 auto;
}
.home-onepage.has-navigation.has-scrollbar .swiper-scrollbar {
margin: 6px auto;
}
.home-onepage.has-navigation.has-scrollbar .swiper-container-horizontal .swiper-scrollbar {
margin: auto 10px;
}
.home-onepage.has-navigation.has-scrollbar .swiper-container-horizontal .swiper-nav-ctrl.next-ctrl,
.home-onepage.has-navigation.has-scrollbar .swiper-container-horizontal .swiper-nav-ctrl.prev-ctrl {
margin: 0;
}
} .nav--magool .nav__item {
width: 40px;
height: 5px;
overflow: visible;
}
.nav--magool .nav__item::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
background: #fff;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: -webkit-transform 0.5s, background-color 0.5s;
transition: transform 0.5s, background-color 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1);
transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}
.nav--magool .nav__item:not(.swiper-slide-thumb-active):focus::after,
.nav--magool .nav__item:not(.swiper-slide-thumb-active):hover::after {
background: #24D5B4;
}
.nav--magool .nav__item:not(.swiper-slide-thumb-active):hover::after {
-webkit-transform: scale3d(2,1,1);
transform: scale3d(2,1,1);
}
.nav--magool .nav__item.swiper-slide-thumb-active::after {
background: #24D5B4;
-webkit-transform: scale3d(2,1,1);
transform: scale3d(2,1,1);
} .nav--xusni .nav__item {
width: 100px;
height: 20px;
overflow: visible;
display: flex;
align-items: center;
margin-bottom: 0!important;
}
.nav--xusni .nav__item::after {
content: '';
position: absolute;
top: auto;
left: 0;
width: 50%;
height: 20%;
background: #fff;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: -webkit-transform 0.5s, background-color 0.5s;
transition: transform 0.5s, background-color 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.nav--xusni .nav__item:not(.swiper-slide-thumb-active):hover::after,
.nav--xusni .nav__item:not(.swiper-slide-thumb-active):focus::after {
background: #24D5B4;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.nav--xusni .swiper-slide-thumb-active::after {
background: #24D5B4;
-webkit-transform: scale3d(0.2,1,1);
transform: scale3d(0.2,1,1);
}
.nav--xusni .nav__item-title {
font-family: inherit;
font-size: 14px;
color: #fff;
margin: 0 0 0 15px;
opacity: 0;
display: block;
-webkit-transform: translate3d(2em,0,0);
transform: translate3d(2em,0,0);
-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
transition: opacity 0.5s, transform 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.nav--xusni .swiper-slide-thumb-active .nav__item-title {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
} .home-onepage.has-pagination .swiper-pagination .nav__item {
margin: 0;
margin-bottom: 6px;
width: 20px;
height: 20px;
background:transparent;
display: flex;
align-items: center;
justify-content: center;
color: var(--color-secondary);
}
.home-onepage.pagination-number .swiper-pagination .nav__item {
width: 25px;
height: 25px;
}
.home-onepage.pagination-number span.number__item {
position: absolute;
color: var(--color-secondary);
}
.home-onepage.pagination-number .swiper-pagination-bullet-active span.number__item {
color: var(--color-white);
}
.home-onepage.has-pagination .swiper-pagination .nav__item::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #586c80;
top: 0;
left: 0;
border-radius: 50%;
-webkit-transform: scale3d(0,0,1);
transform: scale3d(0,0,1);
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
-webkit-animation-timing-function: cubic-bezier(0.2,1,0.3,1);
animation-timing-function: cubic-bezier(0.2,1,0.3,1);
}
.home-onepage.has-pagination .swiper-pagination .swiper-pagination-bullet-active {
background: var(--color-secondary);
}
.home-onepage .swiper-pagination .swiper-pagination-bullet-active::before {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
border:0;
}
.home-onepage.has-pagination .swiper-pagination .nav__icon {
display: block;
position: relative;
z-index: 10;
width: 100%;
height: 100%;
margin: 0 auto;
fill: none;
stroke: #fff;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
stroke-dasharray: 39 39;
stroke-dashoffset: 0;
-webkit-transition: stroke-dashoffset 0.4s, opacity 0.3s;
transition: stroke-dashoffset 0.4s, opacity 0.3s;
-webkit-animation-timing-function: cubic-bezier(0.2,1,0.3,1);
animation-timing-function: cubic-bezier(0.2,1,0.3,1);
}
.home-onepage.has-pagination .swiper-pagination .swiper-pagination-bullet-active .nav__icon {
opacity: 0; stroke-dashoffset: 39;
-webkit-transition-duration: 0.4s, 0.2s;
transition-duration: 0.4s, 0.2s;
-webkit-transition-delay: 0s, 0.2s;
transition-delay: 0s, 0.2s;
} .home-onepage.has-thumb .swiper-slide-thumb-active .nav__icon {
display: block;
position: relative;
z-index: 10;
width: 130%;
height: 130%;
top: -8px;
left: -8px;
margin: 0 auto;
fill: none;
stroke: #fff;
stroke-width: 1;
stroke-linecap: round;
stroke-linejoin: round;
stroke-dasharray: 39 39;
stroke-dashoffset: 0;
-webkit-transition: stroke-dashoffset 0.4s, opacity 0.3s;
transition: stroke-dashoffset 0.4s, opacity 0.3s;
-webkit-animation-timing-function: cubic-bezier(0.2,1,0.3,1);
animation-timing-function: cubic-bezier(0.2,1,0.3,1);
}
.home-onepage.has-thumb .swiper-slide-thumb-active{
opacity: 1;
}
.home-onepage.has-thumb .swiper-slide-thumb-active:before{
content: none;
}
.home-onepage.has-thumb .swiper-slide:not(.swiper-slide-thumb-active) .nav__icon {
opacity: 0; stroke-dashoffset: 39;
-webkit-transition-duration: 0.4s, 0.2s;
transition-duration: 0.4s, 0.2s;
-webkit-transition-delay: 0s, 0.2s;
transition-delay: 0s, 0.2s;
} .nt-sticky-item {
position: -webkit-sticky;
position: sticky;
top: 0;
}
.nt-blog.blog-grid-two .item .content-footer {
padding: 20px;
}
.nt-blog .item .content .info a:first-child,
.nt-blog .item .content .tags a:first-child{
margin-left: 0px;
}
.nt-blog .item .content .info a:last-child {
margin-right: 0px;
}
.nt-blog.blog-grid-two .item .content {
padding: 0px;
}
.nt-blog.blog-grid-two .item {
transition: all ease 0.5s;
}
.exline-pricing-container .exline-pricing-footer {
position: relative;
height: auto;
padding: 28px 0;
text-align: center;
}
.exline-pricing-container .exline-pricing-features {
width: auto;
}
.exline-pricing-container .exline-pricing-features li {
float: none;
width: auto;
padding: 14px;
}
.exline-pricing-container .exline-pricing-features li:nth-of-type(2n+1) {
background-color: rgba(23, 61, 80, 0.06);
}
.exline-pricing-container .exline-pricing-header {
height: auto;
padding: 30px 14px 25px;
pointer-events: auto;
text-align: center;
color: var(--color-dark);
background-color: transparent;
}
@media (max-width:768px){
.exline-pricing-container .exline-pricing-list > li {
width: 80%;
float: none;
padding: 0px;
margin-left:  auto;
margin-right:  auto;
border: 1px solid rgba(23, 61, 80, 0.06)
}
}
@media (max-width:576px){
.exline-pricing-container .exline-pricing-list > li {
width: 100%;
}
}
.elementor .swiper-slide .elementor-background-video-container {
width: 100%;
height: 100%;
pointer-events: none;
overflow: hidden;
}
.elementor .has-parallax-effect .swiper-slide .elementor-background-video-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
pointer-events: none;
overflow: hidden;
}
.elementor .swiper-slide .elementor-background-video-container .elementor-background-embed-video,
.elementor .swiper-slide .elementor-background-video-container video {
width: 100vw;
height: 56.25vw; min-height: 100vh;
min-width: 177.77vh; position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.single.single-elementor_library.elementor-editor-active #navi,
.single.single-elementor_library.elementor-editor-active .exline-cursor {
display: none;
}
.single.single-elementor_library.elementor-editor-active a,
.single.single-elementor_library.elementor-editor-active {
cursor: inherit;
}
.equaliser-container {
height: 10px;
width: 20px;
margin: 0 0;
padding: 0 0 0 0;
position: absolute;
left: 50px;
bottom: 50px;
}
.colour-bar {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 10px;
background: #24D5B4;
}
.equaliser-column {
width: 2px;
float: left;
margin: 0 1px 0 0;
padding: 0;
height: 10px;
position: relative;
list-style-type: none;
}
.video-unmute .swiper-slide-visible .equaliser-column:nth-child(1) .colour-bar {
animation: color-bar 2s 1s ease-out alternate infinite;
}
.video-unmute .swiper-slide-visible .equaliser-column:nth-child(2) .colour-bar {
animation: color-bar 2s 0.5s ease-out alternate infinite;
}
.video-unmute .swiper-slide-visible .equaliser-column:nth-child(3) .colour-bar {
animation: color-bar 2s 1.5s ease-out alternate infinite;
}
.video-unmute .swiper-slide-visible .equaliser-column:nth-child(4) .colour-bar {
animation: color-bar 2s 0.25s ease-out alternate infinite;
}
.video-unmute .swiper-slide-visible .equaliser-column:nth-child(5) .colour-bar {
animation: color-bar 2s 2s ease-out alternate infinite;
}
.equaliser-column:last-child {
margin-right: 0;
}
@keyframes color-bar {
0% {
height: 1px;
background: #24D5B4;
}
10% {
height: 3px;
background: #24D5B4;
}
20% {
height: 5px;
background: #24D5B4;
}
30% {
height: 2px;
background: #24D5B4;
}
40% {
height: 7px;
background: #24D5B4;
}
50% {
height: 9px;
background: #24D5B4;
}
60% {
height: 3px;
background: #24D5B4;
}
70% {
height: 8px;
background: #24D5B4;
}
80% {
height: 5px;
background: #24D5B4;
}
90% {
height: 3px;
background: #24D5B4;
}
100% {
height: 1px;
background: #24D5B4;
}
}
.portfolio .gallery .items .overlay-info P {
color:#fff;
margin-top: 20px;
padding: 0 15px;
} .exline-image-reveal .elementor-image {
position: relative;
overflow: hidden;
display: inline-block;
}
.reveal-holder {
position: relative;
display: inline-block;
overflow: hidden;
}
.reveal-holder .reveal-block {
position: absolute;
top: 0;
width: 100%;
height: 101%;
background: white;
z-index: 9;
}
.reveal-holder .reveal-block::before {
position: absolute;
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
background: lightgray;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.reveal-block.gradient::before {
background: -webkit-gradient(linear, right top, left top, from(#eebf56), to(#f46ca3));
background: linear-gradient(to left, #eebf56, #f46ca3);
}
.reveal-block.gradient-two::before {
background: -webkit-gradient(linear, right top, left top, from(#1b9edf), to(#af74c3));
background: linear-gradient(to left, #1b9edf, #af74c3);
}
.reveal-block.extra {
background: #1b9edf;
}
.reveal-block.extra::before {
background: #af74c3;
}
.reveal-block.top.aos-animate::before,
.reveal-block.bottom.aos-animate::before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.reveal-block.left.aos-animate::before,
.reveal-block.right.aos-animate::before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.reveal-block.top::before {
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
.reveal-block.left::before {
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}
.reveal-block.right::before {
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
.reveal-block.bottom::before {
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
} [data-aos="reveal-top"],
[data-aos="reveal-left"],
[data-aos="reveal-right"],
[data-aos="reveal-bottom"] {
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
[data-aos="reveal-up"] {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
[data-aos="reveal-top"].aos-animate {
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}
[data-aos="reveal-left"] {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
[data-aos="reveal-left"].aos-animate {
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
[data-aos="reveal-right"] {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
[data-aos="reveal-right"].aos-animate {
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}
[data-aos="reveal-bottom"] {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
[data-aos="reveal-bottom"].aos-animate {
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
[data-aos="reveal-item"] {
visibility: hidden;
-webkit-transition-property: visibility;
transition-property: visibility;
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
[data-aos="reveal-item"].aos-animate {
visibility: visible;
} .nt-flip-col{
width: 100%;
cursor: pointer;
}
.nt-flip-col,
.nt-flip-container,
.nt-flip-front,
.nt-flip-back{
height:100%;
}
.nt-flip-title,
.nt-flip-desc{
color: #fff;
}
.nt-flip-icon{
font-size: 30px;
margin-bottom: 30px;
}
.nt-flip-title{
margin-bottom: 15px;
}
.nt-flip-desc{
font-size: 16px;
}
.nt-flip-container{
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.nt-flip-front,
.nt-flip-back{
background-size: cover;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.25);
border-radius: 10px;
background-position: center;
-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
text-align: center;
min-height: 280px;
border-radius: 10px;
color: #fff;
font-size: 1.5rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 2rem;
overflow: hidden;
background-color: #000;
}
.nt-flip-back{
background-color: #cedce7;
}
.nt-flip-front:after,
.nt-flip-back:after{
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
display: block;
background-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.nt-flip-container:hover .nt-flip-front,
.nt-flip-container:hover .nt-flip-back{
-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}
.nt-flip-back{
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.nt-flip-inner{
-webkit-transform: translateZ(90px) scale(0.9);
transform: translateZ(90px) scale(0.9);
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: 1px solid transparent;
-webkit-perspective: inherit;
perspective: inherit;
z-index: 2;
}
.flip-left .nt-flip-container .nt-flip-back{
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.flip-left .nt-flip-container .nt-flip-front{
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.flip-left .nt-flip-container:hover .nt-flip-back{
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.flip-left .nt-flip-container:hover .nt-flip-front{
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.flip-right .nt-flip-container .nt-flip-back{
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.flip-right .nt-flip-container:hover .nt-flip-back{
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.flip-right .nt-flip-container .nt-flip-front{
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.flip-right .nt-flip-container:hover .nt-flip-front{
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.flip-up .nt-flip-container .nt-flip-back{
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.flip-up .nt-flip-container:hover .nt-flip-back{
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.flip-up .nt-flip-container .nt-flip-front{
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.flip-up .nt-flip-container:hover .nt-flip-front{
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.flip-down .nt-flip-container .nt-flip-back{
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.flip-down .nt-flip-container .nt-flip-front{
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.flip-down .nt-flip-container:hover .nt-flip-back{
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.flip-down .nt-flip-container:hover .nt-flip-front{
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.nt-flip-back .nt-flip-button {
display: inline-flex;
align-items: center;
justify-content: center;
overflow: hidden;
padding: 10px 20px;
border: 1px solid #fff;
color: #fff;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
z-index: 1;
font-size: 16px;
margin-top: 15px;
border-radius: 4px;
}
.nt-flip-icon,
.nt-flip-social-link {
display: inline-flex;
align-items: center;
justify-content: center;
}
.nt-flip-socials .nt-flip-social-link {
padding: 5px;
font-size: 16px;
color: #fff;
}
.nt-flip-socials {
margin-top: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.service-item.service--widget i{
background: transparent;
}