:root {
--font-size: 16px;
--font-weight: 300;
--line-height: 1.75;
--color-white: #fff;
--color-dark: #101010;
--color-text: #555555;
--color-primary: #4A7C59;
--color-secondary: #4A7C59;
--listStyleCounterType: decimal-leading-zero;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
outline: none;
word-wrap: break-word;
list-style: none;
}
body,
html {
position: relative;
margin: 0;
padding: 0;
color: #101010;
overflow-x: hidden;
font-family: 'Rubik',
sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 1.75;
word-break: break-word;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 20px auto;
font-family: 'Inter', sans-serif;
font-weight: 600;
line-height: 1.4;
}
h1,
h1.elementor-heading-title {
font-size: 48.8px;
}
h2,
h2.elementor-heading-title {
font-size: 39px;
}
h3,
h3.elementor-heading-title {
font-size: 31.25px;
}
h4,
h4.elementor-heading-title {
font-size: 25px;
}
h5,
h5.elementor-heading-title {
font-size: 20px;
}
h6,
h6.elementor-heading-title {
font-size: 16px;
}
p,
p.elementor-heading-title.elementor-size-default {
margin: 0;
color: var(--color-text); font-size: 16px;
font-weight: 300;
line-height: 1.75;
}
p+p {
margin: 20px auto;
}
img {
max-width: 100%;
height: auto;
}
a {
display: inline-block;
color: inherit;
text-decoration: none;
}
a:hover {
color: var(--color-secondary);
text-decoration: none;
}
.elementor-text-editor p>a {
color: #69b0aa;
font-weight: 400;
}
p>b {
font-weight: bold;
}
span {
color: inherit;
}  .section-padding {
padding: 120px 0;
}
.page-title {
}
.section-heading {
margin-bottom: 80px;
}
.section-heading h6 {
margin-bottom: 10px;
color: #212529;
text-transform: uppercase;
font-size: 13px;
font-weight: 500;
letter-spacing: 3px;
}
.section-heading h3 {
}
.bg-cover {
background-repeat: no-repeat;
background-size: cover;
}
.bg-fixed {
background-attachment: fixed;
}
.full-width {
width: 100% !important;
}
.vert-align {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
align-items: center;
-ms-flex-align: center;
}
.clr-white {
color: #fff !important;
}  .has-custom--scrollbar::-webkit-scrollbar {
width: 10px;
} .has-custom--scrollbar::-webkit-scrollbar-track {
background: #f1f1f1;
} .has-custom--scrollbar::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #888;
} .has-custom--scrollbar::-webkit-scrollbar-thumb:hover {
background: #555;
}
.button-slide span,
.content .img span,
.popup-video .vid-btn .icon,
.quote-icon,
.services-container .items .arrow-icon span,
.splitting span {
display: inline-block;
}  .pace {
z-index: 99999999999999;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 400px;
height: 1px;
margin: auto;
overflow: hidden;
border: 0px;
background: #ccc;
-webkit-transition: all 1s;
transition: all 1s;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
pointer-events: none;
}
.pace .pace-progress {
z-index: 99999999999999;
display: block;
position: fixed;
position: absolute;
top: 0;
right: 100%;
width: 100%;
max-width: 400px;
height: 100%;
background: #212529;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.pace.pace-inactive {
width: 100vw;
opacity: 0;
}
.pace.pace-inactive .pace-progress {
max-width: 100vw;
}
.preloader-off .pace {
display: none !important;
}
#preloader {
z-index: 999999999;
position: fixed;
width: 100%;
height: 100vh;
overflow: hidden;
}
#preloader:after,
#preloader:before {
content: '';
position: fixed;
width: 50%;
height: 100vh;
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;
left: 0;
}
#preloader:after {
right: 0;
}
#preloader.isdone {
visibility: hidden;
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
#preloader.isdone:after,
#preloader.isdone:before {
width: 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: 'Poppins', sans-serif;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 10px;
position: absolute;
top: 45%;
left: 50%;
z-index: 10;
overflow: hidden;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 60px;
font-weight: 600;
letter-spacing: 2px;
line-height: 1.3;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #000;
color: transparent !important;
}
@keyframes loading {
from {
max-width: 0;
}
}
.loading-text:before {
content: attr(data-content);
position: absolute;
max-width: 4em;
color: #000;
overflow: hidden;
animation: loading 1.5s linear;
}
.has-sidebar-menu:not(.elementor-template-canvas) .loading-text {
margin-left: -80px;
}
.has-sidebar-menu.sidebar-menu-right:not(.elementor-template-canvas) .loading-text {
margin-right: -80px;
margin-left: auto;
}
.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;
}
#preloader .loading-text-overlay {
position: absolute;
top: 0;
left: 0;
width: 0;
color: #000;
overflow: hidden;
}  .backtotop-wrap {
z-index: 100;
display: block;
visibility: hidden;
position: fixed;
right: 30px;
bottom: 30px;
width: 44px;
height: 44px;
opacity: 0;
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);
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: all 400ms linear;
transition: all 400ms linear;
cursor: pointer;
}
.backtotop-wrap.active-progress {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.backtotop-wrap::after {
z-index: 1;
content: '\f077';
display: block;
position: absolute;
top: 0;
left: 0;
width: 44px;
height: 44px;
color: #6c6d6d;
text-align: center;
font-family: 'Font Awesome 5 Free';
font-size: 13px;
font-weight: 900;
line-height: 44px;
-webkit-transition: all 400ms linear;
transition: all 400ms linear;
cursor: pointer;
}
.backtotop-wrap svg path {
fill: none;
}
.backtotop-wrap svg.progress-circle path {
-webkit-box-sizing: border-box;
box-sizing: border-box;
stroke: #de3315;
stroke-width: 4;
-webkit-transition: all 400ms linear;
transition: all 400ms linear;
}
.backtotop-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);
}
.backtotop-wrap::after {
color: #6c6d6d;
}  .button-slide {
position: relative;
padding: 14px 35px;
overflow: hidden;
border-radius: 4px;
background: transparent;
cursor: pointer;
margin-left: -1px;
}
.button-slide:hover:after {
right: -10px;
}
.button-slide:hover i {
padding-left: 5px !important;
-webkit-transition: all 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
transition: all 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.wixi-button i {
-webkit-transition: all 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
transition: all 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.button-slide:after {
content: '';
position: absolute;
top: -10px;
right: 100%;
bottom: -10px;
left: -10px;
background: #1e1e1e;
-webkit-transition: all 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
transition: all 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.button-slide span {
z-index: 2;
position: relative;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 2px;
-webkit-transition: all .1s;
transition: all .1s;
}
.button-slide:hover span {
color: #fff;
-webkit-transition: all .8s;
transition: all .8s;
}
.button-slide.c-light {
color: #fff;
border-color: #fff;
}
.button-slide.c-light:hover span {
color: #1e1e1e;
}
.button-slide.c-light:after {
background: #fff;
}
.button-slide.c-light:hover {
color: var(--color-dark);
}
.button-slide.btn-radius {
border-radius: 4px;
}
.button-slide.c-black {
background: #1e1e1e;
}
.button-slide.c-black:after {
background: #fff;
}
.button-slide.c-black span {
color: #fff;
}
.button-slide.c-black:hover span {
color: #1e1e1e;
}
.button-slide.c-white span {
color: #1e1e1e;
}
.button-slide.c-white:hover span {
color: #fff;
}
.button-slide.c-white {
border-color: #fff;
background: #fff;
}
.button-slide.c-white:after {
background: #090909;
}
.button-slide.size-lg {
padding: 14px 40px;
}
.button-slide.size-lg span {
font-size: 14px;
}
.button-slide.is-block {
display: flex;
width: 100%;
justify-content: center;
}  .splitting.animated .char {
-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.animated .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(--word-index));
animation-delay: calc(30ms * var(--word-index));
}
.splitting.txt.animated .char,
.splitting.txt.animated .word {
-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;
}
.elementor-heading-title.splitting .whitespace {
width: 7px;
}
@-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);
}
}
@-webkit-keyframes fadeIn2 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn2 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.imgover {
position: relative;
}
.imgover .imgoverlay {
visibility: visible !important;
position: absolute;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #fff;
-webkit-transition: all .5s linear;
transition: all .5s linear;
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.imgover .animated {
height: 0;
}
.imgoverlay[data-delay="100"] {
-webkit-transition-delay: .1s;
transition-delay: .1s;
}
.imgoverlay[data-delay="200"] {
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.imgoverlay[data-delay="300"] {
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.imgoverlay[data-delay="400"] {
-webkit-transition-delay: .4s;
transition-delay: .4s;
}
.imgoverlay[data-delay="500"] {
-webkit-transition-delay: .5s;
transition-delay: .5s;
}
.imgoverlay[data-delay="600"] {
-webkit-transition-delay: .6s;
transition-delay: .6s;
}
.imgoverlay[data-delay="700"] {
-webkit-transition-delay: .7s;
transition-delay: .7s;
}
.imgoverlay[data-delay="800"] {
-webkit-transition-delay: .8s;
transition-delay: .8s;
}
.imgoverlay[data-delay="900"] {
-webkit-transition-delay: .9s;
transition-delay: .9s;
}
.imgoverlay[data-delay="1s"] {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}  .main-overlaymenu.open {
z-index: 99999;
position: fixed;
top: 0;
}
.main-overlaymenu .menu-wrapper {
margin-top: 25px;
color: #fff;
}
.main-overlaymenu .link:before {
z-index: 0;
content: '';
position: absolute;
bottom: 12px;
left: 0;
width: 100%;
height: 8px;
background: #101010;
transform: translate3d(-100%, 0, 0) translate3d(-1px, 0, 0);
transition: transform 0.7s;
transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
.main-overlaymenu .sub-menu .link:before {
bottom: 5px;
height: 10px;
}
.has-sidebar-menu .link:before {
content: none;
}
.main-overlaymenu .link:hover:before {
transform: translate3d(100%, 0, 0) translate3d(1px, 0, 0);
}
.hidden-item>.link,
.hidden-item>a {
display: flex;
align-items: center;
}
.main-menu .current-menu-item:not(.menu-item-type-custom) > div a {
color: #c71a1a;
}
.main-overlaymenu .menu-wrapper .main-menu>li span.nm {
z-index: -1;
display: inline-block;
position: absolute;
left: 2px;
width: 100%;
margin-top: 18px;
margin-right: 10px;
padding: 4px;
background: #de3315;
vertical-align: bottom;
font-size: 11px;
}
.main-overlaymenu .menu-wrapper .main-menu>li .link i {
margin-top: -15px;
margin-left: 8px;
font-size: 15px;
}
.has-sidebar-menu .main-overlaymenu .menu-wrapper .main-menu>li .link i {
margin-top: 0px;
}
.main-overlaymenu .menu-wrapper .main-menu .sub-menu {
visibility: hidden;
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
}
.main-overlaymenu .menu-wrapper .main-menu a:hover {
color: #fff;
}
.admin-bar .main-overlaymenu .menu-header {
top: 32px;
}
.admin-bar .main-overlaymenu.open .menu-header {
top: 0px;
}
.menu-header,
.overlaybg,
.overlaymenu-content {
display: flex;
position: fixed;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
align-items: center;
-webkit-transition: all 0s cubic-bezier(1, 0, 0.55, 1);
transition: all 0s cubic-bezier(1, 0, 0.55, 1);
}
.sticky-header-off:not(.open) .menu-header {
position: absolute;
}
.main-overlaymenu .container-fluid {
padding: 0 45px;
}
.overlaymenu-content {
z-index: 99999;
height: 100vh;
background-color: #000;
left: -100%;
} .menu-header {
z-index: 9999;
padding: 20px 0;
color: #fff;
-webkit-transition: all .7s;
transition: all .7s;
}
.main-overlaymenu.open .menu-header {
z-index: 999999;
}
.scroll-start .main-overlaymenu:not(.sticky-header-off) .menu-header {
background-color: #000;
}
.menu-header .container-fluid {
display: flex;
align-items: center;
}
.hamburger {
display: flex;
align-items: center;
justify-content: center;
}
.logo-type-text {
display: flex;
position: relative;
padding: 3px 15px;
overflow: hidden;
border: 1px solid #dddddd4a;
border-radius: 4px;
text-transform: uppercase;
font-family: inherit;
font-size: 20px;
font-weight: 600;
letter-spacing: 3px;
-webkit-transition: all 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
transition: all 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.has-sidebar-menu .logo-type-text {
display: inline-block;
}
.logo-type-text:after {
z-index: -1;
content: '';
position: absolute;
top: -10px;
right: 100%;
bottom: -10px;
left: -10px;
background: #8fc0a9;
-webkit-transition: all 0.5s cubic-bezier(0.39, 0.58, 0.57, 1);
transition: all 0.5s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.logo-type-text:hover {
color: #fff;
border-color: #8fc0a9;
-webkit-transition: all 0.5s cubic-bezier(0.39, 0.58, 0.57, 1);
transition: all 0.5s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.logo-type-text:hover:after {
right: -10px;
}
.lang-select {
z-index: 1;
display: flex;
position: absolute;
right: 120px;
margin: 0;
align-items: center;
}
.has-menu-title .lang-select {
right: 160px;
}
.lang-select.lang-active .lang-arrow {
margin-top: -4px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: all .3s;
transition: all .3s;
}
.scroll-start .lang-select .sub-list {
background: #000;
}
.lang-select .sub-list {
position: absolute;
top: 100%;
left: 6px;
opacity: 0;
border: 1px solid rgb(255 255 255 / 28%);
}
.lang-select .sub-list.show {
opacity: 1;
}
.lang-item.active {
display: flex;
height: 100%;
align-items: center;
cursor: pointer;
}
.sub-lang-item a {
display: flex;
position: relative;
width: 50px;
height: 0px;
overflow: hidden;
align-items: center;
justify-content: center;
-webkit-transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);
transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.show .sub-lang-item a {
height: 30px;
}
.sub-lang-item a:before {
z-index: -1;
content: '';
position: absolute;
top: 0px;
left: -100%;
width: 100%;
height: 100%;
background: #de3315;
-webkit-transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);
transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.sub-lang-item a:hover:before {
left: 0px;
}
.sub-lang-item:hover a {
z-index: 1;
color: #fff;
}
.lang-item.active img {
margin-right: 6px;
}
.lang-select .lang-icon {
margin-right: 8px;
color: #fff;
font-size: 16px;
}
.lang-select .lang-arrow {
margin-left: 5px;
color: #fff;
font-size: 12px;
-webkit-transition: all .3s;
transition: all .3s;
}
.lang-select .uppercase {
margin-top: 1px;
text-transform: uppercase;
font-size: 16px;
font-weight: 500;
letter-spacing: 1px;
} .main-overlaymenu .menu-wrapper .main-menu {
position: relative;
}
.main-overlaymenu .main-menu {
position: relative;
}
.sub-menu.opened {
z-index: 1;
}
.main-overlaymenu .main-menu>li {
display: block;
visibility: visible;
width: 100%;
max-width: 100%;
margin: 0px;
color: #fff;
overflow: hidden;
text-transform: uppercase;
vertical-align: middle;
font-size: 28px;
font-weight: 500;
letter-spacing: 1px;
list-style: none;
line-height: 1.8;
}
.has-sidebar-menu .main-overlaymenu .main-menu>li {
font-size: 24px;
}
.main-menu .sub-menu li {
font-size: 21px;
}
.main-overlaymenu .main-menu span.nm {
z-index: -1;
display: inline-block;
position: absolute;
left: 2px;
width: 100%;
margin-top: 18px;
margin-right: 10px;
padding: 4px;
background: #de3315;
vertical-align: bottom;
font-size: 11px;
}
.main-overlaymenu .main-menu a {
display: inline-flex;
align-items: center;
cursor: pointer;
pointer-events: bounding-box;
}
.main-overlaymenu .link:after {
z-index: 0;
content: '';
position: absolute;
bottom: 12px;
left: 0;
width: 100%;
height: 8px;
background: #de3315;
transform: translate3d(-100%, 0, 0) translate3d(-1px, 0, 0);
transition: transform 0.7s;
transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
.has-sidebar-menu .main-overlaymenu .link:after {
content: none;
}
.main-overlaymenu .main-menu .hidden-item {
display: inline-block;
position: relative;
overflow: hidden;
vertical-align: middle;
}
.main-overlaymenu .main-menu .goback .hidden-item {
color: #fff;
font-size: 14px;
font-weight: 600;
cursor: pointer;
}
.main-overlaymenu .main-menu .goback i {
margin-right: 10px;
}
.main-overlaymenu .main-menu .sub-menu {
visibility: hidden;
position: absolute;
top: 0;
left: 0;
opacity: 0;
} .header-column {
overflow: hidden;
}
.main-overlaymenu .menu-info {
position: relative;
margin-top: 50px;
color: #fff;
}
.main-overlaymenu .menu-info #contentsearchsubmit {
border-radius: 0px 4px 4px 0px;
}
.main-overlaymenu .menu-info .search_input {
max-width: 500px;
-webkit-transition: all 0s cubic-bezier(1, 0, 0.55, 1);
transition: all 0s cubic-bezier(1, 0, 0.55, 1);
}
.main-overlaymenu .menu-info .search_input:focus {
background-color: #fff;
}
.main-overlaymenu .menu-info .item {
max-width: 95%;
margin-bottom: 15px;
font-weight: 300;
}
.main-overlaymenu .menu-info .item:last-of-type {
margin-bottom: 0;
}
.main-overlaymenu .menu-info .item h6 {
display: block;
margin-right: 5px;
margin-bottom: 10px;
font-weight: 700;
}
.main-overlaymenu .menu-info .item div {
color: #888888;
}
.main-overlaymenu .cont-inner-second-area .item {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.main-overlaymenu .cont-inner-second-area .item h6 {
display: block;
margin-bottom: 20px;
}
.main-overlaymenu .cont-inner-second-area .item p {
color: #fff;
}
.main-overlaymenu.open .cont-inner-second-area .item {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
} .item.header-footer {
position: fixed;
bottom: -45px;
left: 45px;
padding: 5px 15px;
color: var(--color-white);
opacity: 0;
background: var(--color-primary);
-webkit-transition: all .7s;
transition: all .7s;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.main-overlaymenu.open .item.header-footer {
bottom: 0px;
opacity: 1;
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.item.header-footer p {
color: var(--color-white);
text-align: left;
font-size: 13px;
}
.main-overlaymenu.has-internal-link {
-webkit-transition: none;
transition: none;
}   .has-sidebar-menu:not(.elementor-template-canvas) {
padding-left: 80px;
}
.has-sidebar-menu.sidebar-menu-right:not(.elementor-template-canvas) {
padding-right: 80px;
padding-left: 0px;
}
.sidebarmenu--navigation {
z-index: 9;
visibility: hidden;
position: fixed;
top: 0;
left: 80px;
width: 400px;
height: 100%;
overflow: hidden;
background: #101010;
transform: translateX(-100%);
}
.sidebar-menu-right .sidebarmenu--navigation {
right: 80px;
left: auto;
transform: translateX(100%);
}
.sidebarmenu--navigation:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.05;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: left;
}
.sidebarmenu--navigation {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.sidebarmenu--navigation.open {
visibility: visible;
transform: translateX(0);
}
.sidebarmenu--navigation .main-overlaymenu {
display: flex;
position: relative;
left: 0;
margin-top: 120px;
padding: 0;
background: transparent;
align-items: flex-start;
justify-content: center;
}
.sidebarmenu--navigation .main-overlaymenu .menu-wrapper {
width: 100%;
margin-top: 0;
padding: 0 10%;
}
.sidebarmenu--navigation .main-overlaymenu .menu-wrapper .main-menu {
position: relative;
margin-bottom: 0;
}
.sidebarmenu--navigation .logo {
width: 100%;
margin-top: 20px;
padding: 0 10%;
} .sidebarmenu--hamburger-menu {
position: relative;
width: 20px;
height: 20px;
margin: 30px;
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
cursor: pointer;
}
.sidebarmenu--hamburger-menu span {
display: block;
position: absolute;
left: 0;
width: 20px;
height: 2px;
opacity: 1;
background: #1c1b21;
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
-webkit-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.sidebarmenu--hamburger-menu span:nth-child(1) {
top: 0px;
width: 13px;
}
.sidebarmenu--hamburger-menu span:nth-child(2) {
top: 5px;
}
.sidebarmenu--hamburger-menu span:nth-child(3) {
top: 10px;
width: 18px;
}
.sidebarmenu--hamburger-menu:hover span {
width: 20px !important;
}
.sidebarmenu--hamburger-menu.open span {
width: 20px !important;
}
.sidebarmenu--hamburger-menu.open span:nth-child(1) {
top: 5px;
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.sidebarmenu--hamburger-menu.open span:nth-child(2) {
left: -20px;
opacity: 0;
}
.sidebarmenu--hamburger-menu.open span:nth-child(3) {
top: 5px;
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.sidebarmenu--hamburger-menu span:nth-child(1) {
top: 0px;
width: 13px;
}
.sidebarmenu--hamburger-menu span:nth-child(2) {
top: 5px;
}
.sidebarmenu--hamburger-menu span:nth-child(3) {
top: 10px;
width: 18px;
}
.sidebarmenu--hamburger-menu:hover span {
width: 20px !important;
}
.sidebarmenu--hamburger-menu.open span {
width: 20px !important;
}
.sidebarmenu--hamburger-menu.open span:nth-child(1) {
top: 5px;
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.sidebarmenu--hamburger-menu.open span:nth-child(2) {
left: -20px;
opacity: 0;
}
.sidebarmenu--hamburger-menu.open span:nth-child(3) {
top: 5px;
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
} .sidebarmenu--search-box {
z-index: 9998;
display: flex;
position: fixed;
bottom: -100%;
left: 80px;
width: calc(100% - 80px);
height: 100%;
color: #fff;
background: #1c1b21;
align-items: center;
flex-direction: column;
justify-content: center;
}
.sidebar-menu-right .sidebarmenu--search-box {
right: 80px;
left: auto;
}
.sidebarmenu--search-box {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
body .sidebarmenu--search-box h2 {
color: #fff;
font-size: 72px;
}
.sidebarmenu--search-box form {
width: 100%;
max-width: 800px;
}
.sidebarmenu--search-box form input[type="text"] {
width: 80%;
height: 60px;
float: left;
padding: 0 20px;
border: 1px solid rgba(255, 255, 255, 0.10);
background: transparent;
font-size: 17px;
}
.sidebarmenu--search-box form button[type="submit"] {
width: 20%;
height: 60px;
color: #1c1b21;
border: none;
border-radius: 0px;
}
.sidebarmenu--search-box.open {
bottom: 0;
}
.sidebarmenu--search-box #nt-logo {
position: absolute;
top: 100px;
} .sidebarmenu--main-side {
z-index: 9999;
position: fixed;
top: 0;
left: 0;
width: 80px;
height: 100%;
border-right: 1px solid rgba(0, 0, 0, 0.05);
background: #fff;
}
.sidebar-menu-right .sidebarmenu--main-side {
right: 0;
left: auto;
border-left: 1px solid rgba(0, 0, 0, 0.05);
}
.sidebarmenu--main-side .sidebarmenu--social-media {
position: absolute;
top: 50%;
left: 0;
width: 80px;
margin: 0;
margin-top: -60px;
padding: 0;
text-align: center;
}
.sidebarmenu--main-side .sidebarmenu--social-media li {
width: 100%;
float: left;
margin-bottom: 15px;
list-style: none;
}
.sidebarmenu--main-side .sidebarmenu--social-media li:last-child {
margin-bottom: 0;
}
.sidebarmenu--main-side .sidebarmenu--social-media li a {
width: 100%;
float: left;
color: #999;
font-size: 13px;
}
.sidebarmenu--main-side .sidebarmenu--social-media li a:hover {
color: #1c1b21;
}
.sidebarmenu--main-side .sidebarmenu--search {
position: absolute;
bottom: 30px;
left: 30px;
width: 20px;
height: 20px;
font-size: 18px;
font-weight: 700;
}
.sidebarmenu--main-side .sidebarmenu--search .sidebarmenu--search-open {
cursor: pointer;
}
.sidebarmenu--main-side .sidebarmenu--search .sidebarmenu--search-close {
display: none;
width: 20px;
height: 20px;
float: left;
cursor: pointer;
}
.mobile--hamburger {
z-index: 99999;
display: none;
position: absolute;
top: 0px;
right: 20px;
margin: 0;
}
.sidebarmenu--hamburger-menu.mobile--hamburger span {
background: #ffffff;
}
.admin-bar .sidebarmenu--main-side,
.admin-bar .sidebarmenu--navigation {
top: 32px;
height: calc(100% - 32px);
}
.admin-bar .sidebarmenu--headertop {
top: 32px;
}
.sidebarmenu--headertop.mobile--header {
z-index: 9999;
position: absolute;
width: calc(100% - 80px);
padding: 20px 40px;
color: #fff;
-o-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
-webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
transition: all cubic-bezier(.4, 0, .2, 1) .4s;
}   .page-header {
color: #fff;
background: #101010;
}
.page-header .cont-inner {
padding: 240px 10px 120px;
}
.page-header .cont-inner h4 {
line-height: 1.6;
}
.page-header .cont-inner h4 .stroke {
font-weight: 900;
}
.page-header .img-wrapper {
position: relative;
min-height: 70vh;
}
.page-header .img-wrapper .title {
z-index: 3;
position: absolute;
top: 0;
right: 0px;
width: 100%;
text-align: right;
-webkit-transform: translateY(-55%);
transform: translateY(-55%);
}
.page-header .img-wrapper .title .head-title {
font-size: 100px;
font-weight: 900;
}
.page-header .img-wrapper .map {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.page-header.type-project .img-wrapper {
min-height: 50vh;
}
.page-header.type-blog .cont-inner {
padding: 220px 0 120px;
}
.page-header.type-blog .cont-inner h1 {
margin-bottom: 10px;
line-height: 1.6;
color: #fff
}
.page-header .cont-inner h1 {
color: #fff
}
.page-header.type-blog .cont-inner .info a {
color: #aaa;
text-transform: uppercase;
font-size: 12px;
font-weight: 400;
}
span.separator {
margin: 0 10px 0 10px;
font-size: 11px;
}  .slider.fixed-slider {
position: fixed;
top: 0;
right: 0;
left: 0;
}
.slider .parallax-slider {
position: relative;
}
.slider .parallax-slider .swiper-slide {
position: relative;
width: 100%;
min-height: 100vh;
padding-bottom: 50px;
overflow: hidden;
}
.slider .parallax-slider .swiper-slide .bg-cover {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-size: cover;
}
.slider .parallax-slider .splitting .whitespace {
margin-right: 20px;
}
.home-slider .parallax-slider .splitting.btn-stext .whitespace {
margin-right: 6px;
}
.slider .parallax-slider .swiper-slide-active .caption .slider_hero_title {
-webkit-transition: all 0s;
transition: all 0s;
}
.slider .parallax-slider .swiper-slide-active .caption .slider_hero_subtitle {
clear: both;
margin-bottom: 10px;
color: #fff;
text-transform: uppercase;
font-family: 'Quicksand',
sans-serif;
font-size: 14px;
font-weight: 900;
line-height: 1.5em;
letter-spacing: 2px;
}
.slider .parallax-slider .swiper-slide-active .caption .slider_hero_subtitle .whitespace {
margin-right: 5px;
}
.slider .parallax-slider .swiper-slide-active .caption p {
max-width: 550px;
margin-top: 20px;
color: #fff;
}
.slider .parallax-slider .container {
width: 100%;
max-width: 100%;
padding: 0 50px;
}
.slider .parallax-slider .swiper-slide-active .caption .slider_hero_title .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 .btn-stext,
.slider .parallax-slider .swiper-slide-active .caption .slider_hero_title {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.slider .parallax-slider .swiper-slide-active .caption .btn-stext {
-webkit-transition-delay: .8s;
transition-delay: .8s;
}
.slider .parallax-slider .caption .slider_hero_title {
visibility: hidden;
color: #fff;
opacity: 0;
text-transform: uppercase;
font-family: 'Quicksand',
sans-serif;
font-size: 60px;
font-weight: 900;
line-height: 1.3;
letter-spacing: 2px;
-webkit-transition: opacity .5s,
visibility .5s;
transition: opacity .5s,
visibility .5s;
}
.slider .parallax-slider .caption.clasc h1 {
font-size: 55px;
font-weight: 600;
}
.slider .parallax-slider .caption.clasc p {
visibility: hidden;
margin-top: 20px;
color: #eee;
opacity: 0;
-ms-transform: translateY(20px);
-webkit-transform: translateY(20px);
transform: translateY(20px);
-o-transition: all .7s;
-webkit-transition: all .7s;
transition: all .7s;
-o-transition-delay: .4s;
-webkit-transition-delay: .4s;
transition-delay: .4s;
}
.slider .parallax-slider .swiper-slide-active .caption.clasc .button-slide,
.slider .parallax-slider .swiper-slide-active .caption.clasc p {
visibility: visible;
opacity: 1;
-ms-transform: translateY(0px);
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.slider .parallax-slider .caption.clasc .button-slide {
visibility: hidden;
opacity: 0;
-ms-transform: translateY(20px);
-webkit-transform: translateY(20px);
transform: translateY(20px);
-o-transition: all .7s;
-webkit-transition: all .7s;
transition: all .7s;
-o-transition-delay: .7s;
-webkit-transition-delay: .7s;
transition-delay: .7s;
}
.slider .parallax-slider .caption .btn-stext {
visibility: hidden;
position: relative;
margin-top: 30px;
padding-left: 0;
color: #fff;
opacity: 0;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 3px;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: all .7s;
transition: all .7s;
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.slider .parallax-slider .caption .btn-stext:after {
z-index: -1;
content: '';
position: absolute;
top: 69%;
left: 0;
width: 100%;
height: 7px;
background: #d63116;
}
.slider .parallax-slider .caption .btn-stext: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));
}
.caption .button-slide.btn-icon-left i {
margin-right: 5px;
}
.caption .button-slide.btn-icon-right i {
margin-left: 20px;
}
.slider .parallax-slider .button-slide.c-light:after {
z-index: -1;
}
.slider .swiper-slide .caption .slider_hero_desc {
visibility: hidden;
max-width: 550px;
opacity: 0;
-webkit-transition: opacity 1s,
visibility 1s;
transition: opacity 1s,
visibility 1s;
}
.slider .swiper-slide-active .caption .slider_hero_desc {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.slider .swiper-slide-active .caption .slider_hero_desc .char {
-webkit-animation: fadeIn2 0.5s cubic-bezier(0.3, 0, 0.7, 1) both;
animation: fadeIn2 0.5s 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 .slider_hero_desc.splitting .whitespace {
margin-right: 5px;
}
.slider .swiper-slide-active .button-slide {
-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: 1.2s;
animation-delay: 1.2s;
}
.slider .parallax-slider .social {
z-index: 6;
position: absolute;
bottom: 20px;
left: 50px;
}
.slider .parallax-slider .social.active a {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.slider .parallax-slider .social .icon {
width: 20px;
height: 20px;
margin-right: 10px;
color: #fff;
cursor: pointer;
}
.slider .parallax-slider .social a {
visibility: hidden;
margin-right: 7px;
color: #fff;
opacity: 0;
font-size: 11px;
-webkit-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition: all .3s;
transition: all .3s;
}
.slider .parallax-slider .social,
.slider .parallax-slider .social .icon {
display: flex;
align-items: center;
justify-content: center;
}
.slide-controls .swiper-pagination-fraction {
position: absolute;
top: auto;
right: 116px;
bottom: 30px;
left: auto;
width: auto;
color: #fff;
}
.slide-controls .swiper-pagination-fraction .swiper-pagination-current {
position: relative;
color: #de3315;
font-size: 15px;
}
.slide-controls .swiper-pagination-fraction .swiper-pagination-current:after {
content: '-';
position: relative;
margin: 0 9px;
font-size: 12px;
}
.slide-controls .swiper-button-next,
.slide-controls .swiper-button-prev {
position: absolute;
top: auto;
right: 70px;
bottom: 21px;
left: auto;
width: 40px;
height: 37px;
color: #ffffff;
border-radius: 0;
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 {
width: 50px;
border-color: #de3315;
background: #de3315;
}
.slide-controls .swiper-button-next i,
.slide-controls .swiper-button-prev i {
position: absolute;
top: 9px;
left: 54px;
font-size: 18px;
-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: '';
position: absolute;
width: 45px;
height: 2px;
background: rgb(255, 255, 255);
-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: 8px;
right: 5px;
}
.slide-controls .swiper-button-prev {
right: 165px;
left: auto;
}
.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: 8px;
left: 5px;
}
.has-sidebar-menu:not(.elementor-template-canvas) .slider.fixed-slider {
left: 80px;
}
.has-sidebar-menu.sidebar-menu-right:not(.elementor-template-canvas) .slider.fixed-slider {
right: 80px;
left: 0;
}
.slider-destroyed+.swiper-container.gallery-text {
display: none !important;
}   .home-slider-vegas-wrapper {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
}
.nt-home-slider-vegas {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100% !important;
}
.nt-vegas-slide-content {
display: flex;
visibility: hidden;
position: absolute;
top: 0;
right: 0;
left: 0;
height: 100%;
padding: 150px 0;
color: #fff;
opacity: 0;
text-align: left;
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 {
visibility: visible;
position: relative;
top: auto;
right: auto;
left: auto;
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 .btn-stext,
.nt-vegas-slide-content.active h1 {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.nt-vegas-slide-content.active .btn-stext {
-webkit-transition-delay: .8s;
transition-delay: .8s;
}
.nt-vegas-slide-content h1 {
visibility: hidden;
color: #fff;
opacity: 0;
font-size: 80px;
font-weight: 700;
letter-spacing: 2px;
-webkit-transition: opacity .5s,
visibility .5s;
transition: opacity .5s,
visibility .5s;
}
body:not(.elementor-msie) .nt-vegas-slide-content h1 .stroke {}
body:not(.elementor-msie) .nt-vegas-slide-content h1 .stroke span {}
.nt-vegas-slide-content .btn-stext {
display: inline-flex;
visibility: hidden;
position: relative;
margin-top: 30px;
color: #fff;
opacity: 0;
text-transform: uppercase;
align-items: center;
font-size: 12px;
letter-spacing: 4px;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: all .7s;
transition: all .7s;
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.nt-vegas-slide-content .line {
position: relative;
width: 60px;
height: 1px;
margin-right: 15px;
background: #eee;
}
.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 {
z-index: 6;
position: absolute;
bottom: 20px;
left: 50px;
}
.home-slider-vegas-wrapper .social.active a {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.home-slider-vegas-wrapper .social .icon {
margin-right: 10px;
color: #fff;
cursor: pointer;
}
.home-slider-vegas-wrapper .social a {
visibility: hidden;
margin-right: 7px;
color: #fff;
opacity: 0;
font-size: 11px;
-webkit-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition: all .3s;
transition: all .3s;
}
.nt-vegas-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.vegas-control .vegas-control-next,
.vegas-control .vegas-control-prev {
display: flex;
position: absolute;
right: 30px;
bottom: auto;
bottom: 30px;
left: auto;
width: 48px;
height: 28px;
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 0;
align-items: center;
font-size: 14px;
justify-content: center;
-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-btn i {
z-index: 1;
-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-btn:before {
z-index: 0;
content: '';
position: absolute;
top: 0;
left: 0;
width: 45px;
width: 0;
height: 2px;
height: 100%;
background: rgba(255, 255, 255, 1);
-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-prev {
right: 150px;
}
.vegas-control .vegas-control-next:hover:before,
.vegas-control .vegas-control-prev:hover:before {
width: 100%;
}
.vegas-control .vegas-control-btn:hover i {
color: #000;
}
.nt-vegas-slide-counter {
display: flex;
position: absolute;
right: 90px;
bottom: 30px;
color: #fff;
align-items: center;
font-size: 24px;
font-weight: 600;
}
.nt-vegas-slide-counter .separator {
margin: 0 5px;
font-size: 20px;
font-weight: 400;
}
body:not(.elementor-msie) .nt-vegas-slide-counter .current,
body:not(.elementor-msie) .nt-vegas-slide-counter .total {}
.nt-vegas-slide-counter .current {
font-size: 30px;
}
@media (min-width : 992px) {
.nt-vegas-slide-content {
padding-right: 120px;
padding-left: 120px;
}
}
@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;
}
.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-next i:after,
.vegas-control .vegas-control-prev 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 {
position: absolute;
right: 62px;
bottom: 70px;
left: auto;
width: 26px;
height: 10px;
margin: 0 0;
padding: 0 0 0 0;
}
.has-bg-video .colour-bar {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 10px;
background: #fff;
}
.has-bg-video .equaliser-column {
position: relative;
width: 2px;
height: 10px;
float: left;
margin: 0 1px 0 0;
padding: 0;
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-top-section.vegas-slide-template-section {
display: flex;
visibility: hidden;
position: absolute;
top: 0;
right: 0;
left: 0;
height: 100vh;
color: #fff;
opacity: 0;
overflow: hidden;
background: transparent;
text-align: left;
align-items: center;
justify-content: center;
transition: none;
}
.elementor-top-section.vegas-slide-template-section.active {
visibility: visible;
position: relative;
top: auto;
right: auto;
left: auto;
opacity: 1;
}
.elementor-top-section.vegas-slide-template-section.active .splitting.animated .char {
-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));
}
.slider-vegas-template .vegas-control .vegas-control-next,
.slider-vegas-template .vegas-control .vegas-control-prev {
z-index: 99;
}  .services-container {
color: #fff;
background-color: #080808;
box-shadow: 10px -10px #101010;
}
.services-container:hover {
box-shadow: 10px -10px #8fc0a9;
}
.services-container .items {
padding: 60px 40px 30px;
-webkit-transition: border .3s;
transition: border .3s;
}
.services-container .items .icon {
margin-bottom: 30px;
font-size: 60px;
-webkit-transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);
transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.services-container:hover .icon {
padding-left: 5px;
-webkit-transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);
transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.services-container .items .icon svg {
width: 1em;
height: 1em;
}
.services-container .items h5 {
margin-bottom: 20px;
font-size: 22px;
line-height: 1.5;
}
.services-container .items .arrow-icon {
margin-top: 30px;
}
.services-container .items .arrow-icon span {
position: relative;
width: 0;
height: 2px;
margin-bottom: 3px;
margin-left: 10px;
background: #fff;
}
.services-container .items .arrow-icon span:after,
.services-container .items .arrow-icon span:before {
content: '';
position: absolute;
right: -1px;
width: 0;
height: 2px;
background: #fff;
}
.services-container .items .arrow-icon span:after {
top: -4px;
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
}
.services-container .items .arrow-icon span:before {
top: 4px;
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
}
.services-container .items:hover {
background: #080808;
-webkit-transition: border .4s,
background .2s;
transition: border .4s,
background .2s;
}
.services-container .items:hover .arrow-icon span {
width: 0px;
}
.services-container .items:hover .arrow-icon span {
width: 30px;
-webkit-transition: width .3s;
transition: width .3s;
}
.services-container .items:hover .arrow-icon span:after,
.services-container .items:hover .arrow-icon span:before {
width: 0px;
}
.services-container .items:hover .arrow-icon span:after,
.services-container .items:hover .arrow-icon span:before {
width: 12px;
-webkit-transition: width .3s;
transition: width .3s;
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.service_summary {
color: #fff;
}  .project-carousel .swiper-slide {
padding: 0px 0px 50px;
}
.project-carousel .swiper-slide .img {
overflow: hidden;
border-radius: 3px;
-webkit-transition: all .8s;
transition: all .8s;
}
.project-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);
}
.project-carousel .swiper-slide-active .img:after {
opacity: 1 !important;
}
.project-carousel .swiper-slide-active .cont-inner h4,
.project-carousel .swiper-slide-active .cont-inner h6 {
visibility: visible !important;
opacity: 1 !important;
-webkit-transform: translateY(0px) !important;
transform: translateY(0px) !important;
}
.project-carousel .swiper-pagination-progressbar {
position: absolute;
top: auto;
right: auto;
bottom: 0;
left: calc(50% - 120px);
width: 240px;
height: 6px;
border-radius: 10px;
background: #eee;
}
.project-carousel .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
border-radius: 10px;
background: #1e1e1e;
}
.project-carousel .swiper-button-next,
.project-carousel .swiper-button-prev {
top: 40%;
width: 50px;
height: 50px;
color: #1f1f1f;
opacity: 0;
border: 0;
border-radius: 4px;
background: #fff;
-webkit-transition: all .3s;
transition: all .3s;
}
.project-carousel .swiper-button-next {
top: 50%;
right: 18px;
bottom: 10px;
}
.project-carousel .swiper-button-prev {
top: 50%;
left: 15px;
bottom: 0;
}
.project-carousel:hover .swiper-button-next,
.project-carousel:hover .swiper-button-prev {
opacity: 1;
}
.project-carousel .swiper-button-next:hover,
.project-carousel .swiper-button-prev:hover {
color: #fff;
background: #69b0aa;
}
.project-carousel .swiper-button-next:after,
.project-carousel .swiper-button-prev:after {
display: none;
}
.project-carousel .content {
position: relative;
}
.project-carousel .content .img {
position: relative;
}
.project-carousel .content .img:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
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);
-webkit-transition: all .5s;
transition: all .5s;
}
.project-carousel .content .cont-inner {
position: absolute;
bottom: 40px;
left: 40px;
color: #fff;
}
.project-carousel .content .cont-inner h6 {
visibility: hidden;
margin-bottom: 0px;
opacity: 0;
text-transform: uppercase;
font-size: 14px;
font-weight: 400;
letter-spacing: 3px !important;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
-webkit-transition: all .7s;
transition: all .7s;
-webkit-transition-delay: .5s;
transition-delay: .5s;
}
.project-carousel .content .cont-inner h4 {
visibility: hidden;
margin: 10px 0 30px;
opacity: 0;
font-weight: 700;
-webkit-transform: translateY(20px);
transform: translateX(20px);
-webkit-transition: all .7s;
transition: all .4s;
-webkit-transition-delay: .5s;
transition-delay: .3s;
}
.portfolio .filtering {
margin-bottom: 20px;
padding: 0;
text-align: center;
}
.portfolio .filtering span {
position: relative;
margin: 0 20px;
font-weight: 500;
cursor: pointer;
}
.portfolio .filtering span.active {
color: #24d5b4;
}
.portfolio .filtering span:after {
content: '';
position: absolute;
top: 40%;
right: -24px;
width: 7px;
height: 7px;
border-radius: 50%;
background: #eee;
}
.portfolio .filtering span:last-of-type:after {
display: none;
}
.portfolio .gallery .items {
margin-top: 40px;
padding: 0 20px;
}
.portfolio .gallery .items .item-img {
position: relative;
overflow: hidden;
border-radius: 5px;
}
.portfolio .gallery .items .item-img>a {
display: block;
}
.portfolio .gallery .items .item-img:hover .item-img-overlay {
visibility: visible;
opacity: 1;
}
.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 {
visibility: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
background: rgba(38, 38, 40, 0.5);
text-align: center;
-webkit-transition: all .5s;
transition: all .5s;
}
.portfolio .gallery .items .overlay-info {
opacity: 0;
}
.portfolio .gallery .items .overlay-info h5 {
color: #fff;
text-transform: lowercase;
font-size: 22px;
font-weight: 600;
}
.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-project .swiper-slide {
min-height: 100vh;
}
.slider-project .swiper-slide .bg-cover {
height: 75vh;
margin-top: 20vh;
background-position: center center;
background-size: cover;
}
.slider-project .swiper-slide .caption {
z-index: 3;
position: relative;
width: 100%;
text-align: center;
}
.slider-project .swiper-slide .caption h1 {
visibility: hidden;
color: #fff;
opacity: 0;
font-size: 60px;
font-weight: 700;
-webkit-transition: opacity .5s,
visibility .5s;
transition: opacity .5s,
visibility .5s;
}
.slider-project .swiper-slide .caption .btn-stext {
visibility: hidden;
position: relative;
margin-top: 30px;
padding-left: 80px;
color: #fff;
opacity: 0;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 4px;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: all .7s;
transition: all .7s;
}
.slider-project .swiper-slide .caption .btn-stext:after {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 60px;
height: 1px;
background: #eee;
}
.slider-project .swiper-slide.swiper-slide-active .caption h1 {
-webkit-transition: all 0s;
transition: all 0s;
}
.slider-project .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-project .swiper-slide.swiper-slide-active .caption .btn-stext,
.slider-project .swiper-slide.swiper-slide-active .caption h1 {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.slider-project .swiper-slide.swiper-slide-active .caption .btn-stext {
-webkit-transition-delay: .5s;
transition-delay: .5s;
}
.project-carousel .content.type-3 {
width: 100%;
}
.project-carousel.gray .content .img {
width: 100%;
height: 500px;
}
.project-carousel.gray .swiper-slide-active .img {
-webkit-box-shadow: none;
box-shadow: none;
}
.project-carousel.gray .content .img .bg-cover {
width: 100%;
height: 100%;
}
.project-carousel .content .img:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
background: -o-linear-gradient(bottom,
rgba(0, 0, 0, 0.7),
transparent);
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(transparent));
background: -webkit-linear-gradient(bottom,
rgba(0, 0, 0, 0.7),
transparent);
background: linear-gradient(to top,
rgba(0, 0, 0, 0.7),
transparent);
-o-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s;
}
.project-carousel.gray .swiper-slide-active .img:after {
opacity: 0 !important;
}
.project-carousel.gray .swiper-slide:hover .img:after {
opacity: 1 !important;
}
.project-carousel.gray .swiper-slide:hover .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);
}
.project-carousel.gray .swiper-slide:hover .img .bg-cover {}  .video-wrapper {
min-height: 500px;
}
.video-wrapper .vid {
z-index: 8;
position: relative;
}
.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 {
position: relative;
width: 100px;
height: 100px;
color: #212529;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 50%;
text-align: center;
font-size: 17px;
line-height: 100px;
-webkit-transition: all .5s;
transition: all .5s;
}
.video-wrapper .vid .vid-butn .icon:after {
z-index: -1;
content: '';
position: absolute;
top: 5px;
right: 5px;
bottom: 5px;
left: 5px;
border: 1px solid #eee;
border-radius: 50%;
}
.video-wrapper .vid .vid-butn .icon:before {
z-index: -1;
content: '';
position: absolute;
top: 5px;
right: 5px;
bottom: 5px;
left: 5px;
border-radius: 50%;
background: #fff;
-webkit-transition: all 0.5s cubic-bezier(1, 0, 0, 1);
transition: all 0.5s cubic-bezier(1, 0, 0, 1);
}  .testimonials {
z-index: 3;
position: relative;
}
.testimonials .title h5 {
position: absolute;
top: 50%;
left: 0;
color: #ccc;
text-transform: uppercase;
font-size: 22px;
font-weight: 800;
letter-spacing: 2px;
-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 {
margin-bottom: 40px !important;
color: #18171B;
}
.testimonials .info {
margin-right: 40px;
text-align: left;
}
.testimonials .author {
width: 90px;
height: 90px;
overflow: hidden;
border: 4px solid #8fc0a9;
border-radius: 50%; }
.author-c {
display: inline-block;
position: relative;
}
.author-c:after,
.author-c:before {
content: " ";
position: absolute;
top: 96%;
left: calc(92% - 48px);
width: 0;
height: 0;
border: solid transparent;
pointer-events: none;
}
.author-c:after {
border-color: rgba(136, 183, 213, 0);
}
.author-c:before {
border-color: rgba(194, 225, 245, 0);
border-top-color: #8fc0a9;
border-width: 12px;
}
.testimonials h6 {
margin-top: 15px;
padding-top: 0px;
font-weight: 700;
letter-spacing: 2px;
}
.testimonials h6 span {
display: block;
margin-top: 5px;
color: #212529;
text-transform: capitalize;
font-size: 12px;
font-weight: 600;
letter-spacing: 1px;
}
.testimonials .navs span {
position: absolute;
top: 20%;
width: 30px;
height: 30px;
color: #212529;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 50%;
text-align: center;
font-size: 18px;
line-height: 30px;
cursor: pointer;
}
.testimonials .navs span:hover {
color: #fff;
background: #212529;
}
.testimonials .navs .next {
right: 30px;
}
.testimonials .navs .prev {
left: 30px;
}
.testimonials .slick-dots {
display: block;
position: absolute;
bottom: -50px;
left: -10px;
width: 100%;
margin: 0;
padding: 0;
text-align: left;
list-style: none;
}
.testimonials .slick-dots li button:before {
content: '•';
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
color: #8fc0a9;
opacity: 1;
text-align: center;
font-family: 'slick';
font-size: 10px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 20px;
}
.testimonials .slick-dots li.slick-active button:before {
color: #101010 !important;
opacity: .75;
}  .testimonials2 .testi-item {
position: relative;
}
.testi-1 .testi-footer {
display: inline-block;
}
.testi-1 img.testi-avatar {
margin-top: 30px;
}
.testi-1 .testi-info {
text-transform: uppercase;
font-size: 12px;
}
.testimonials2 .navs {
display: flex;
align-items: center;
justify-content: center;
}
.testimonials2 .next,
.testimonials2 .prev {
display: none;
}
.testimonials2 .next.slick-arrow,
.testimonials2 .prev.slick-arrow {
display: flex !important;
width: 25px;
height: 25px;
margin: 0 10px;
border: 1px solid #ddd;
border-radius: 50%;
align-items: center;
justify-content: center;
}
.testimonials2 .slick-dots li button:before {
display: none;
} .testi-2 .slick-slide.testi-item {
display: flex;
border-radius: 10px;
background: #fff;
box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
text-align: center;
align-items: center;
flex-direction: column;
justify-content: center;
transform: scale(0.8);
}
.testi-2 .testi-item.avatar-none {
padding-top: 5rem;
}
.testi-2 .testi-avatar {
margin-top: -5rem;
border-radius: 50%;
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .2);
}
.testi-2 .testi-quote {
z-index: 1;
position: relative;
width: 80%;
margin: 0 auto;
padding: 4rem 0;
color: #585D6D;
font-size: 2rem;
line-height: 3.5rem;
}
.testi-2 .testi-quote::before {
z-index: -1;
content: '\201c';
position: absolute;
top: 6.8rem;
left: 0;
color: #F1AD56;
opacity: .4;
font-family: serif;
font-size: 12rem;
font-weight: bold;
pointer-events: none;
}
.testi-2 .testi-footer {
width: 100%;
padding: 3rem 0;
border-top: 1px solid #D6D3D2;
}
.testi-2 .testi-author {
display: block;
margin-bottom: 1rem;
color: #585D6D;
font-size: 3.5rem;
}
.testi-2 .testi-info {
width: 60%;
margin: 0 auto;
color: #B1B4BD;
font-size: 1.2rem;
line-height: 2.5rem;
}  .clients .brands {
padding: 60px 10px;
border-right: 1px solid rgba(0, 0, 0, 0.08);
text-align: center;
}
.clients .brands:last-of-type {
border-right: 0;
}
.clients .brands:hover .img {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(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 {
position: absolute;
top: 0%;
left: 50%;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
opacity: 0;
font-size: 16px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all .3s;
transition: all .3s;
}
.clients .brands .img {
position: relative;
max-width: 130px;
margin: auto;
-webkit-transition: all .7s;
transition: all .7s;
}
.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%;
padding: 15px 30px 15px 30px;
text-align: left;
}
.team .item .img .info h6 {
margin-bottom: 2px;
color: #fff;
-webkit-transform: translateY(100%);
transform: translateY(200px);
-webkit-transition: all .5s;
transition: all .5s;
}
.team .item .img .info p {
color: #fff;
-webkit-transform: translateY(100%);
transform: translateY(210px);
-webkit-transition: all .6s;
transition: all .6s;
}
.team .item .img:hover .info .social,
.team .item .img:hover .info h6,
.team .item .img:hover .info p {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
.team .item .img .info .social {
margin-top: 13px;
-webkit-transform: translateY(220px);
transform: translateY(220px);
-webkit-transition: all .7s;
transition: all .7s;
}
.team .item .img .info .social a {
display: inline-block;
width: 30px;
height: 30px;
margin-right: 10px;
padding: 0;
color: #fff;
border-radius: 100%;
background: #de3414;
text-align: center;
vertical-align: middle;
line-height: 30px;
line-height: 30px;
}
.team .item .img .info .social a:last-of-type {
border: 0;
}
.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-grid {
position: relative;
}
.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-inner {
position: relative;
padding: 40px 30px;
background: #fafafa;
text-align: center;
}
.nt-blog-grid .item .info {
margin-bottom: 15px;
}
.nt-blog-grid .item .info a {
margin-right: 10px;
color: #bababa;
text-transform: uppercase;
font-size: 11px;
font-weight: 600;
}
.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 {
float: right;
color: #24d5b4;
font-weight: 600;
}
.nt-blog-grid .item h5 {
margin-bottom: 15px;
font-size: 22px;
font-weight: 700;
line-height: 1.7;
}
.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 {
position: relative;
padding-right: 20px;
color: #7a7a7a;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 2px;
}
.nt-blog-pg.single .post .content p:first-child {
margin: 0 0 30px;
}
.nt-blog-pg .posts .item .content .tags a:after {
content: '';
position: absolute;
top: 50%;
right: 4px;
width: 8px;
height: 2px;
background: #ccc;
}
.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 {
margin: 10px 0 20px;
}
.nt-blog-grid .posts .item .cont-inner .more,
.nt-blog-pg .posts .item .content .more,
.nt-related-post .item .cont-inner .more {
position: relative;
margin-top: 20px;
color: #7a7a7a;
text-transform: uppercase;
font-size: 11px;
font-weight: 500;
letter-spacing: 2px;
-webkit-transition: all .5s;
transition: all .2s;
border-bottom: 1px solid;
}
.nt-blog-pg .posts .item .content .more span i {
margin-left: 20px;
}
.nt-blog-pg .posts .item .content .date {
position: relative;
margin: 20px 0 0px;
}
.nt-blog-pg .posts .item .content .date .num {
display: inline-block;
margin-bottom: 5px;
padding: 10px 20px;
color: #fff;
border-radius: 3px 0 0 3px;
background: #7a7a7a;
font-size: 18px;
font-weight: 600;
line-height: 0.9;
letter-spacing: 2px;
}
.nt-blog-pg .posts .item .content .date .month {
display: inline-block;
position: absolute;
margin-bottom: 5px;
padding: 12.9px 20px;
color: #fff;
border-radius: 0px 3px 3px 0px;
background: var(--color-primary);
font-size: 12px;
font-weight: 500;
line-height: 0.9;
}
.nt-blog-pg .posts .pagination {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin: 80px auto 0;
text-align: center;
}
.nt-blog-pg .posts .pagination span {
margin: 0 2px;
text-align: center;
}
.nt-blog-pg .posts .pagination span a {
width: 50px;
height: 50px;
background: #f5f5f5;
font-size: 18px;
line-height: 50px;
}
.nt-blog-pg .posts .pagination span.active a {
color: #fff;
background: #090909;
}
.nt-blog-pg.single {
position: relative;
margin-top: -100px;
}
.nt-blog-pg.single .post .post-img {
min-height: 80vh;
margin-bottom: 40px;
}
.nt-blog-pg.single .post .content p {
margin: 20px 0;
color: #555;
font-family: inherit;
font-size: 16px;
}
.nt-blog-pg.single .post .content ul li span {
margin-right: 10px;
font-size: 13px;
font-weight: 500;
}
.nt-blog-pg.single .post .content .quotes {
margin: 30px 0;
padding: 30px;
background: #fafafa;
}
.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 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 20px;
padding-top: 10px;
border-top: 1px solid #999;
}
.nt-blog-pg.single .post .content .share-info .social a {
margin-right: 20px;
font-size: 13px;
}
.nt-blog-pg.single .post .content .share-info .tags {
margin-left: auto;
}
.nt-blog-pg.single .post .content .share-info .tags a {
margin: 0 0 0 10px;
font-size: 12px;
}
.nt-blog-pg.single .post .author {
margin-top: 40px;
padding: 30px;
background: #fafafa;
}
.nt-blog-pg.single .post .author .author-img {
display: table-cell;
width: 140px;
vertical-align: middle;
}
.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 {
margin-right: 10px;
text-transform: uppercase;
font-weight: 700;
}
.nt-blog-pg.single .post .author .info p {
margin: 0;
padding: 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 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 80px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.nt-blog-pg.single .pagination span {
width: 100%;
padding: 20px;
border-right: 1px solid #eee;
border-left: 1px solid #eee;
text-transform: uppercase;
font-size: 13px;
font-weight: 500;
letter-spacing: 1px;
}
.nt-blog-pg.single .pagination .icon {
width: 70px;
border: 0;
}
.nt-blog-pg.single .comments-area {
margin-top: 80px;
}
.nt-blog-pg.single .comments-area .item {
margin: 30px 0;
padding: 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;
position: relative;
padding-left: 40px;
vertical-align: middle;
}
.nt-blog-pg.single .comments-area .item .info h6 {
text-transform: uppercase;
font-size: 15px;
font-weight: 500;
letter-spacing: 2px;
}
.nt-blog-pg.single .comments-area .item .info h6 span {
margin-left: 10px;
color: #999;
font-size: 12px;
font-weight: 400;
}
.nt-blog-pg.single .comments-area .item .info p {
margin-top: 10px;
line-height: 1.5;
}
.nt-blog-pg.single .comments-area .item .info .replay {
position: absolute;
top: 0;
right: 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;
border: 0;
background: #fafafa;
}
.nt-blog-pg.single .comment-form form textarea {
height: 140px;
}
.nt-blog-pg.single .comment-form form button {
cursor: pointer;
}  .call-action {
color: #fff;
background-color: #020202;
}
.call-action:before {
opacity: .04;
background-image: url(//masinaekspertiis.ee/wp-content/themes/wixi/img/giphy.gif);
background-repeat: repeat;
}
.call-action.gif-none {
z-index: 2;
position: relative;
padding: 80px 0;
overflow: hidden;
background: #0a0a0a;
}
.call-action.gif-none:before {
display: none;
}
.call-action.gif-none:after {
z-index: -1;
content: '';
position: absolute;
top: auto;
right: 0;
bottom: 0;
width: 100%;
height: 0;
background: #0c0c0c;
-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;
}
.call-action.gif-none:hover:after {
top: 0;
bottom: auto;
height: 100%;
}
.call-action .content h6 {
margin-bottom: 10px;
text-transform: uppercase;
font-size: 13px;
font-weight: 400;
letter-spacing: 4px;
}
.call-action .content h2 {
margin-bottom: 20px;
font-size: 6vw;
font-weight: 800;
}
.call-action .splitting .whitespace {
width: 10px;
}
.call-action .content h2 .word {
margin-right: 0px;
}
.call-action .content h2 b span {
color: #fff;
}
.call-action .content p {
font-size: 17px;
font-weight: 300;
}
.call-action.next {
z-index: 2;
position: relative;
overflow: hidden;
}
.call-action.next:after {
display: none;
}
.call-action.next:before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
background: #0a0a0a;
-webkit-transition: all .5s;
transition: all .5s;
}
.call-action.next .content h2 {
font-size: 3vw;
font-weight: 700;
}
.call-action.next .content h2 b {
font-weight: 700;
}
.call-action.next .nxt-img {
z-index: -1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center;
background-size: cover;
-webkit-transform: scale(1.4);
transform: scale(1.4);
-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;
}
.nt-blog-pg .posts .item .content .info {
position: relative;
padding-right: 20px;
color: #7a7a7a;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 2px;
}
.nt-blog-pg .posts .item .content .info a {
margin-right: 15px;
}  .footer-sm {
padding: 40px 0;
background: #060606;
}
.footer-sm .right p {
margin-left: auto;
text-align: right;
}
.footer-sm .right p, .footer-sm .left p {
color: #a5a5a5;
}  @media screen and (min-width : 1200px) {
.container {
max-width: 1170px;
}
}
@media screen and (max-width : 991px) {
.main-overlaymenu {
overflow-y: auto;
}
.item.header-footer {
position: relative;
bottom: 0;
left: 0;
margin-top: 40px;
}
.md-mb50 {
margin-bottom: 50px;
}
.slider-project .swiper-slide .bg-cover,
.slider .parallax-slider .swiper-slide .bg-cover {
background-position: center center;
}
.slider-project .swiper-slide .caption,
.slider .parallax-slider .caption {
text-align: center;
}
.slider-project .swiper-slide .caption h1,
.slider .parallax-slider .caption h1 {
font-size: 50px;
}
.slider-project .swiper-slide .bg-cover {
height: 50vh;
margin-top: 30vh;
}
.slider .parallax-slider .social {
left: 25px;
}
.testimonials:after {
top: 0;
bottom: 0;
width: 100%;
}
.testimonials .slider-for {
margin-bottom: 30px;
}
.testimonials .title h5 {
display: none;
}
.nt-blog .item .content {
padding: 30px 0px 70px;
}
.nt-blog .controls {
top: calc(100% - 40px);
left: calc(50% - 40px);
width: 80px;
height: 80px;
line-height: 80px;
}
.call-action .content h2 .word {
margin-right: 0px;
}
.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.type-project .img-wrapper {
min-height: 60vh;
}
}
@media screen and (max-width : 768px) {
h1 {
font-size: 35px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
.main-overlaymenu .menu-wrapper {
margin-top: 50px;
}
.main-overlaymenu .menu-wrapper .main-menu>li {
font-size: 24px;
}
.main-overlaymenu .menu-wrapper .main-menu .sub-menu li {
font-size: 18px;
}
.main-overlaymenu .container-fluid {
padding: 0 30px;
}
.section-padding {
padding: 80px 0;
}
.section-heading h6 {
font-size: 12px;
letter-spacing: 2px;
}
.section-heading {
margin-bottom: 60px !important;
}
.slider-project .swiper-slide .caption h1,
.slider .parallax-slider .caption h1 {
font-size: 40px;
}
.page-title {
font-size: 30px;
}
.footer-sm,
.footer-sm .right p {
text-align: center;
}
.backtotop-wrap {
right: 20px;
bottom: 20px;
width: 30px;
height: 30px;
}
.backtotop-wrap::after {
width: 30px;
height: 30px;
line-height: 30px;
}
.clients .bord {
border: 0;
}
.call-action.next .content h2,
.call-action .content h2 {
font-size: 50px;
}
.nt-blog-pg .posts .item .content {
position: relative;
}
.nt-blog-pg .posts .item .content .col-2,
.nt-blog-pg .posts .item .content .col-10 {
width: 100%;
max-width: 100%;
}
.nt-blog-pg .posts .item .content .col-2 {
z-index: 3;
position: absolute;
top: -90px;
right: 0px;
}
.nt-blog-pg .posts .item .content .date a {
margin: 0;
padding: 10px;
background: #fff;
}
.nt-blog-pg .posts .item .content .date .num {
margin: 0;
font-size: 25px;
}
.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) {
.loading-text {
font-size: 40px;
}
.main-overlaymenu .menu-info {
display: none;
}
.main-overlaymenu .menu-wrapper .main-menu>li {
padding: 3px;
font-size: 20px;
}
.main-overlaymenu .menu-wrapper .main-menu .sub-menu li {
font-size: 16px;
}
.main-overlaymenu .container-fluid {
padding: 0 15px;
}
.main-overlaymenu .menu-wrapper .main-menu>li .link i {
margin-top: -5px;
}
.lang-select {
right: 80px;
}
.has-menu-title .lang-select {
right: 110px;
}
.slider-project .swiper-slide .caption .btn-stext,
.slider .parallax-slider .caption .btn-stext {
margin-top: 20px;
padding-left: 0;
letter-spacing: 2px;
}
.slider-project .swiper-slide .caption .btn-stext:after,
.slider .parallax-slider .caption .btn-stext:after {
display: none;
}
.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 {
z-index: 99;
right: 20px;
}
.slide-controls .swiper-pagination-fraction {
right: 65px;
}
.slide-controls .swiper-button-prev {
right: 115px;
left: inherit;
}
.slide-controls .swiper-button-next:hover {
right: 5px;
}
.slider-project .swiper-slide .caption h1,
.slider .parallax-slider .caption h1 {
font-size: 28px;
}
.project-carousel .swiper-button-next,
.project-carousel .swiper-button-prev {
width: 35px;
height: 35px;
font-size: 16px;
line-height: 35px;
}
.project-carousel .swiper-button-next {
right: 15px;
}
.project-carousel .swiper-button-prev {
left: 15px;
}
.project-carousel .content .cont-inner h6 {
letter-spacing: 2px;
}
.project-carousel .content .cont-inner h4 {
font-size: 20px;
}
.project-carousel .content .cont-inner {
bottom: 20px;
left: 0;
width: 100%;
text-align: center;
}
.testimonials p {
font-size: 16px;
}
.testimonials .quote-text .quote-icon {
right: 30px;
width: 40px;
}
.page-title {
font-size: 22px;
}
.page-header .img-wrapper .title h3 {
font-size: 40px;
}
.call-action.next .content h2,
.call-action .content h2 {
font-size: 38px;
}
.nt-blog-pg.single .post .content .share-info {
display: block;
}
.nt-blog-pg.single .post .content .share-info .social,
.nt-blog-pg.single .post .content .share-info .tags {
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;
width: 60px;
margin: 0 auto 30px;
}
.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;
}
} .interactive-link-slider-wrapper .slide-item-link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}