.custom-bg-text {
font-size: 260px;
left: 10%;
line-height: 0;
position: absolute;
top: 75px;
white-space: nowrap;
z-index: -1;
}
@media (min-width: 769px) {
.custom-block:hover {
z-index: 5;
}
.custom-block .ba-grid-column{
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.custom-block:hover .ba-grid-column:hover{
box-shadow: 0 8px 50px rgba(0, 0, 0, 0.2) !important;
-webkit-transform: scale(1.05);
transform: scale(1.05);
z-index: 1;
}
.custom-right-column {
margin-left: -70px;
}
/* Carousel */
.custom-carousel .slideshow-button {
padding: 0;
}
.custom-carousel .slideset-btn-prev {
left: auto;
right: calc(45% - 20px);
right: -webkit-calc(45% - 20px);
}
.custom-carousel .slideset-btn-next {
right: calc(45% - 90px);
right: -webkit-calc(45% - 90px);
}
.custom-carousel .ba-slideset-nav {
bottom: 60px;
top: auto;
}
.custom-carousel {
width: 150% !important;
}
.custom-carousel .item.active {
box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.15);
}
.custom-carousel .slideshow-content {
padding: 50px 0 100px;
}
}
.custom-carousel .slideshow-button a {
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
line-height: initial;
opacity: 0 !important;
position: absolute;
right: 25px;
top: 250px;
transform:scale(.3);
-webkit-transform:scale(.3);
-webkit-transition:all .3s ;
transition:all .3s ;
}
.custom-carousel .item.active:hover .slideshow-button a {
opacity: 1 !important;
transform:scale(1);
-webkit-transform:scale(1);
}
.custom-carousel .slideshow-button a:before {
content: '\f10d';
display:block;
font: normal normal normal 24px/1 'Material-Design-Iconic-Font';
height:24px;
text-align:center;
width:24px;
}
@media (min-width: 1025px){
.home-slideshow .ba-slideshow-title {
width: 60%;
}
}
/* Forms */
.ba-form .ba-btn-submit {
font-family: 'Rajdhani';
letter-spacing: 6px;
font-weight: 700 !important;
margin-top: 35px;
transition: .3s linear;
-webkit-transition: .3s linear;
}
.ba-form .ba-btn-submit:hover {
color: #1b1b1d!important;
background-color: rgba(255, 255, 255, 1)!important;
opacity: 1!important;
}
.com-baforms:not(.footer-contact) .ba-form textarea,
.com-baforms:not(.footer-contact) .ba-form input {
font-weight: bold;
}
.footer-contact .ba-form .ba-btn-submit {
margin-top: 0;
}
/* Close menu icon */
i.ba-icons.ba-icon-close.ba-overlay-section-close,
.ba-image-modal.instagram-modal i {
color: #f34e3a;
font-size: 70px;
width: auto;
}
i.ba-icons.ba-icon-close.ba-overlay-section-close:hover,
.instagram-modal i.ba-icon-close:hover {
transform: rotate(180deg);
}
body:not(.gridbox) .nav-hover-effect .nav.menu > li > a {
background: none;
overflow: hidden;
position: relative;
transition: none!important;
}
body:not(.gridbox) .nav-hover-effect .nav.menu > li > a > i,
body:not(.gridbox) .nav-hover-effect .nav.menu > li > a > span {
z-index: 5;
position: relative;
display: block;
}
body:not(.gridbox) .nav-hover-effect .nav.menu > li > a:before,
body:not(.gridbox) .nav-hover-effect .nav.menu > li > a:after {
border-radius: inherit;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
transition: .3s!important;
}
body:not(.gridbox) .nav-hover-effect .nav.menu > li > a:before {
z-index: 1;
}
body:not(.gridbox) .nav-hover-effect .nav.menu > li > a:after {
background: var(--button-border-color);
z-index: 2;
}
body:not(.gridbox) .btn-hover-effect.hover-23 .ba-btn-transition span {
letter-spacing: 0px !important;
transition: .3s;
}
body:not(.gridbox) .btn-hover-effect.hover-23 .ba-btn-transition:hover span {
letter-spacing: 4px !important;
}
body:not(.gridbox) .btn-hover-effect.hover-23 .ba-btn-transition:after {
opacity: 0;
}
body:not(.gridbox) .btn-hover-effect.hover-23 .ba-btn-transition:hover:after {
opacity: 1;
}
body:not(.gridbox) .btn-hover-effect.hover-21 .ba-btn-transition {
perspective: 100px;
}
body:not(.gridbox) .btn-hover-effect.hover-21 .ba-btn-transition span {
transition: .5s;
transform: rotateX(0deg);
}
body:not(.gridbox) .btn-hover-effect.hover-21 .ba-btn-transition:hover span {
transform: rotateX(360deg);
}
body:not(.gridbox) .btn-hover-effect.hover-21 .ba-btn-transition:after {
opacity: 0;
}
body:not(.gridbox) .btn-hover-effect.hover-21 .ba-btn-transition:hover:after {
opacity: 1;
}
body:not(.gridbox) .nav-hover-effect.hover-21 .nav.menu > li > a:before {
background: var(--button-background-hover);
}
body:not(.gridbox) .nav-hover-effect.hover-21 .nav.menu > li > a:after {
background: var(--button-background-color);
}
body:not(.gridbox) .nav-hover-effect.hover-21 .nav.menu > li > a:hover:after,
body:not(.gridbox) .nav-hover-effect.hover-21 .nav.menu > li.active > a:after {
opacity: 0;
}
@keyframes hover-21 {
50% {transform:
translateX(3px) rotate(2deg);}
100% {transform: translateX(-3px) rotate(-2deg);}
}
body:not(.gridbox) .nav-hover-effect.hover-21 .nav.menu > li > a:hover {
animation: hover-21 .15s linear infinite;
}
.shadow {
-webkit-box-shadow: -15px 15px 30px 0 rgba(0,0,0,.1);
box-shadow: -15px 15px 30px 0 rgba(0,0,0,.1);
-webkit-transition: all 300ms ease-out;
transition: all 300ms ease-out;
z-index: 5;
}
.shadow:hover {
box-shadow: -15px 25px 30px 0 rgba(0,0,0,.25);
-webkit-transform: translate(0, -20px);
-moz-transform: translate(0, -20px);
-o-transform: translate(0, -20px);
transform: translate(0, -20px);
}
@media (max-width: 1024px) {
.fullscreen-fade-in-down-menu .ba-hamburger-menu >.main-menu {
box-sizing: border-box;
display: flex;
flex-direction: column;
height: 0;
justify-content: center;
opacity: 0;
left: 0;
right: auto !important;
transform: translateY(-100vh);
transition: transform 1s, height 1s, opacity 1s;
width: 100vw;
}
.fullscreen-fade-in-down-menu .ba-hamburger-menu >.main-menu.visible-menu {
opacity: 1;
height: 100vh;
transform: translateY(0);
transition: transform 1s, height 1s, opacity 1s;
}
.fullscreen-fade-in-down-menu .ba-hamburger-menu >.main-menu > * {
opacity: 0;
transition: .75s;
}
.fullscreen-fade-in-down-menu .ba-hamburger-menu >.main-menu.visible-menu > * {
opacity: 1;
transition: .75s;
}
.fullscreen-fade-in-down-menu .ba-hamburger-menu .main-menu .nav > li * {
text-align: center !important;
}
.fullscreen-fade-in-down-menu .ba-hamburger-menu.ba-collapse-submenu li.deeper > span,
.fullscreen-fade-in-down-menu .ba-hamburger-menu.ba-collapse-submenu li.deeper > a {
padding-right: 20px !important;
}
.fullscreen-fade-in-down-menu .ba-menu-backdrop {
background: transparent !important;
}
}
body:not(.gridbox) .btn-hover-effect.gb-shadow .ba-btn-transition {
transition: all .3s, background .0s ease-in-out !important;
}
body:not(.gridbox) .btn-hover-effect.gb-shadow .ba-btn-transition:hover {
overflow: visible;
transform: translateY(-5px);
}
body:not(.gridbox) .btn-hover-effect.gb-shadow .ba-btn-transition:after {
box-shadow: 0 0 0 0 var(--button-background-hover);
opacity: 0;
}
body:not(.gridbox) .btn-hover-effect.gb-shadow .ba-btn-transition:hover:after {
box-shadow: 0 10px 30px -10px var(--button-background-hover);
opacity: 1;
}
@keyframes nav-jump {
0% {transform: rotateX(0deg) translate3d(0, 0, 0);}
25% {transform: rotateX(20deg) translate3d(0, 0, 0);}
50% {transform: rotateX(-15deg) translate3d(0, 0, 0);}
75% {transform: rotateX(15deg) translate3d(0, 0, 0);}
100% {transform: rotateX(0deg) translate3d(0, 0, 0);}
}
body:not(.gridbox) .nav-hover-effect.nav-jump .nav.menu > li > a:hover {
animation: nav-jump 0.7s ease-in-out both;
}
@keyframes nav-jump {
0% {transform: translate3d(0, 0, 0) translateZ(0);}
25% {transform: translate3d(0, 5px, 0) translateZ(0);}
50% {transform: translate3d(0, -9px, 0) translateZ(0);}
75% {transform: translate3d(0, 2px, 0) translateZ(0);}
100% {transform: translate3d(0, 0, 0) translateZ(0);}
}
body:not(.gridbox) .nav-hover-effect.nav-jump .nav.menu > li > a:hover span {
animation: nav-jump 0.7s ease-in-out both;
animation-delay: 0.06s;
}
body:not(.gridbox) .nav-hover-effect.nav-jump .nav.menu > li > a:before {
background: var(--button-background-hover);
}
body:not(.gridbox) .nav-hover-effect.nav-jump .nav.menu > li > a:after {
background: var(--button-background-color);
}
body:not(.gridbox) .nav-hover-effect.nav-jump .nav.menu > li > a:hover:after {
opacity: 0;
}
