/* ----------------------- 
BS IMAGE HOVER
---------------------------*/
.hover {
  overflow: hidden;
  position: relative;
  padding-bottom: 60%;
}
.hover-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  transition: all 0.4s;
}
.hover img {
filter:brightness(50%);
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
}
.hover-content {
  position: relative;
  z-index: 20;
}
.hover-3::after {
  content: '';
  width: calc(100% - 3rem);
  height: calc(100% - 3rem);
  border: 1px solid #fff;
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  z-index: 19;
  transition: all 0.3s;
  transform: scale(1.1);
  opacity: 0;
  display: block;
  opacity: 0;
}
.hover-3-content {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  text-align: center;
  z-index: 20;
}
.hover-3-description {
  opacity: 0;
  transform: scale(1.3);
  transition: all 0.3s;
}
.hover-3 img {
  width: 110%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hover-3 .hover-overlay {
  background: rgba(0, 0, 0, 0.2);
}
.hover-3:hover img {
  width: 100%;
}
.hover-3:hover::after {
  opacity: 1;
  transform: none;
}
.hover-3:hover .hover-3-description {
  opacity: 1;
  transform: none;
}
.hover-3:hover .hover-overlay {
  background: rgba(0, 0, 0, 0.8);
}

/*----------  PAGE FADE IN  ----
----------------------------------------------*/
.body-wrapper {
animation: transitionin 1s;
}
@keyframes transitionin {
from {opacity:0;transform:rotateX(-10deg)}
to {opacity:1;transform:rotateX(0)}
}

/*----------  JD SIMPLE FORMS  ----
----------------------------------------------*/
#simple-contact-form-243 .form-control {
    color: #dadada;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    border-radius: 0rem;
	margin-bottom: 5px;
}
.jdscf-submit-btn, .jdscf-col-md-12 {
margin-top:20px;
}

/*----------  DROPDOWN DISPLAY ISSUE  ----
----------------------------------------------*/
@media only screen and (min-width: 880px) and (max-width: 2500px) {

.hideperpage .hidemenu {
display: none !important;
opacity: 0;
animation: fadeout 2s;
}
.header-sticky .hidemenu {
display: block !important;
opacity: 1;
animation: fadein 2s;
}
@keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
}

/*---------- HIDING ELEMENTS  ----
----------------------------------------------*/
.hidefooter #sp-bottom {
display:none;
} 
.hidecontent #sp-main-body {
display:none;
} 


/*---------- VIDEO JS ----
----------------------------------------------*/
.video-js {
width:100%;
height:100vh;
}
.video-js .vjs-big-play-button {
top:50%;
left:50%;
transform:translateX(-50%);
font-size: 3.6rem;
}
.video-js .vjs-tech {
object-fit: cover;
}


/*---------- PRESENTERS GRID IMAGE WITH OVERLAY TEXT ----
----------------------------------------------*/
.imgbw {
filter: grayscale(100%);
transition: filter 0.5s;
}
.imgbw:hover {
filter: grayscale(0%);
cursor: pointer;
transition: filter 0.5s;
}
.overlay div {
opacity: 0;
position: absolute;
z-index:100;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.overlay:hover img {
position: relative;
opacity: 0.2;
}
.overlay:hover div {
opacity: 1;
transition: .5s ease;
}
.overlay img {
filter:grayscale(100%) brightness(80%);
}

/*---------- FULL SCREEN VIDEO  ----
----------------------------------------------*/
.arrowdown {
width:100%; 
text-align:center; position:absolute; 
bottom:80px; 
color: white; 
z-index:10;
}
.playbtn {
position:absolute; 
bottom:50%; 
color: white; 
z-index:100;
} 
.playbtn:hover {
cursor:pointer;
filter: brightness(70%);
}

.topvideo {
width:100%; 
height:auto; 
object-fit: cover; 
margin-bottom:-8px;
}

/*----------  SCROLLMAGIC ZOOM IMAGES  ----
----------------------------------------------*/
#ppt01, #ppt02, #ppt03 {
width:100%; 
height:70vh;
background-size: 100%;
background-repeat: no-repeat;
transition: all 1s;
}
.pptzoomin {
background-size: 110% !important;
transition: all 1s;
}
@media screen and (max-width: 880px)  {
#ppt01, #ppt02, #ppt03 {
font-size:0.6rem;
height:inherit;
}
}

/*----------  TOP CONTACT MODULE ----

.hidemodule {
visibility: hidden !important;
opacity: 0;
top:-100
transition: all 1s ease 1s;
}
.header-sticky .hidemodule {
visibility: visible !important;
position:inherit;
opacity: 1;
transition: all 1s ease 1s;
}
#sp-top1 {
position: absolute;
right: 30px;
line-height:60px;
transition: right 0.3s ease-in 0.5s;
}
#sp-header.header-sticky #sp-top1 {
right: 5px;
transition: right 0.5s ease-in 0.5s;
}
#sp-top1 div {
width:100%; 
float:right;
}
#sp-top1 span {
text-transform: uppercase;
font-family: 'Raleway', sans-serif;
font-size: 14px;
font-weight: 600;
}
----------------------------------------------*/


/*---------- SUBPAGES  HERO ----
----------------------------------------------*/
.herosub {
height: 80vh;
background-image: linear-gradient(to bottom, rgba(0,0,0,0.3) 8%, rgba(0,0,0,0.2) 13%, rgba(255,255,255,0.1) 30%,  rgba(255,255,255,0) 100%);
z-index:100;
}
.herofull {
height: 100vh;
background-image: linear-gradient(to bottom, rgba(0,0,0,0.3) 8%, rgba(0,0,0,0.2) 13%, rgba(255,255,255,0.1) 30%,  rgba(255,255,255,0) 100%);
z-index:100;
}
.custom {
background-size: cover;
background-repeat: no-repeat;
}


/*---------- MENU ELEMENTS CUSTOMIZE ----
----------------------------------------------*/
@media only screen and (min-width: 880px) and (max-width: 8800px) {

.sp-menu-item a {
text-transform: uppercase;
font-size:2rem;
}
.sp-megamenu-parent::before {
background-color: #efefef; 
content: '';
display: inline;
height: 50%;
width: 2px;
position: absolute;
top:15px;
}
.header-sticky .sp-megamenu-parent::before {
background-color: gray;
}
.sp-has-child {
box-shadow: inset 0 0px 0 #f8f8f8;
}
.sp-has-child:hover {
box-shadow: inset 0 -8px 0 #f8f8f8;
transition: box-shadow 0.2s linear 0.2s;
}
#sp-header a:hover {
text-decoration: none;
}

}

/*----------  CUSTOM HEADER BAR ----
----------------------------------------------*/
@media only screen and (min-width: 880px) and (max-width: 8800px) {

.sp-megamenu-parent {
float:left;
}
#sp-header {
background:transparent !important;
box-shadow:none;
position: fixed;
padding:30px 0px;
transition: all 0.5s ease-in;
}
#sp-header.header-sticky {
padding: inherit;
background:#000 !important;
transition: all 0.5s ease-out;
z-index:888;
}
#sp-header .col-lg-2 {
max-width:25%;
transition: max-width 0.5s ease-in 0.5s;
}
.header-sticky .col-lg-2 {
max-width: 8% !important;
transition: max-width 0.5s ease-in 0.3s;
}
}
#offcanvas-toggler > .fa {
color: white;
margin-right: 30px;
}
#sp-menu > .sp-column {
justify-content: flex-start !important;
} 

/*-------------------  LOGO  -------------
---------------------------------------------*/
@media only screen and (min-width: 880px) and (max-width: 8800px) {

.logowrapper {
position:absolute;
top:5px;
padding-right:1rem;
}
.logo-big, .logo-small {
height: 50px;
width: auto;
}
#sp-header .logo-image {
display:none !important;
}
#sp-header .logo-big {
transform: translateX(0);
transition: transform 0.3s ease-in 0.5s;
}
#sp-header.header-sticky .logo-big {
transform: translateX(-300px);
transition: transform 0.5s ease-out 0.7s;
}
#sp-header .logo-small {
opacity: 0;
transition: opacity 0.5s ease-in 0.3s;
}
#sp-header.header-sticky .logo-small {
opacity: 1;
transition: opacity 1s ease-in 0.8s;
}
}

@media only screen and (max-width: 880px) {
.logo-small, .logo-image {display:none;}
.logo-big {min-width:120px; margin-top: 15px; margin-left:15px;}
#sp-header {background-color:#000;}
}

/*----------  MENU DROPDOWN ----
----------------------------------------------*/
@media only screen and (min-width: 880px) and (max-width: 8800px) {

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
background:#f8f8f8;
padding:0px;
}
.sp-megamenu-parent > li.menu-justify .container{
position:fixed;
top:60px;
left:0;
}
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {
left: 0;
min-width:100vw;
}
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full.container {
padding:0px;
}
.menucol {
padding:30px;
}
.menucol li {
padding:10px;
}
.menucol img {
height: 15px;
width: auto;
display: inline;
margin-right:10px;
}
.menucol-right {
background-color: #eeeeee;
}
.menucol h5,  .menucol-right h5 {
margin-left: 40px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
color: #252525 !important;
text-transform: capitalize;
font-weight:400;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
font-weight: bold;
text-decoration: none;
}
.sp-dropdown-inner {
margin-top:30px;
min-width:100%;
z-index: -1;
position: absolute;
transition: margin-top 0.5s ease-in;
}
.header-sticky .sp-dropdown-inner {
margin-top:0px;
transition: margin-top 0.5s ease-out;
}
.sp-menu-center {
margin-top: -30px !important;
}
.header-sticky .sp-menu-center {
margin-top: 0px !important;
}

}

/*----------  PAGE TITLE HERO ----
----------------------------------------------*/
.sp-page-title {
height: 500px;
background-size: cover;
}
.sp-page-title .container {
display: none;
}

/*---------- NATIVE ELEMENTS EDIT ----
----------------------------------------------*/
h1 {
margin-bottom:1.2rem;
}
html {
  scroll-behavior: smooth;
}
.article-details .article-header h1, .article-details .article-header h2 {
text-align:center;
}
h1, h2, h3 {
font-weight:900;
}
h5 {
font-size:1.2rem;
font-weight:700;
}
#sp-main-body {
padding:3rem 0rem;
}
h6 {
font-weight:700;
}
a {
color:#363636;
}
a:hover {
color:#757575;
}
.modal-dialog {
max-width: 1000px;
}
.fastack {
font-size: 0.8rem;
}
section .row {
  --bs-gutter-x: 0px;
}

/*----------  SCROLLMAGIC WEBDESIGN VIDEOS  ----
----------------------------------------------*/
.vid video {
object-fit: fill;
height: 100%;
}
#element1 {
width:100%;
height:100%;
}
#text1 {
position:absolute;
color:white;
top:-100px;
left:100px;
}
#element2 {
width:100%;
height:100%;
}
#text2 {
position:absolute;
color:white;
top:70px;
right:100px;
}
#element3 {
width:100%;
height:100%;
}
#text3 {
position:absolute;
color:white;
top:50px;
left:100px;
}
.textfade {
display:block;
transition: all 2s ease;
}

.videodarkness {
filter: brightness(100%);
transition: filter 1s ease;
}
.videobrightness {
filter: brightness(20%);
transition: filter 1s ease;
}
.wrapper {}
.parent {}
.child {}


/*----------  SLICK SLIDER VLAD  ----
----------------------------------------------*/
      .wrapper {
        height: 100%;
        position: relative;
background-color: #000;
      }

      .fullscreen-slider {
        width: 100%;
        height: 100%;
      }

      .fullscreen-slider__container {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        margin-bottom: 0 !important;
        height: 100vh;
      }

      .slick-track {
        overflow: hidden;
      }

      .slick-list,
      .slick-track {
        height: 100%;
      }

      .slick-slide {
        overflow: hidden;
      }

      .slick-slide,
      .slick-slide:focus,
      .slick-slide a {
        outline: none !important;
      }

      .slick-dots {
        bottom: 25px;
      }

      .slick-dots li.slick-active button:before,
      .slick-dots li button:before {
        color: #ffffff;
      }

.slick-dots li button:focus:before {
opacity: 0.3;
}
.slick-dots li.slick-active button:focus:before {
opacity: 1;
}
      .fullscreen-slider__item {
        height: 100%;
        position: static;
      }

      .fullscreen-slider__link {
        text-decoration: none;
        display: block;
        width: 100%;
        height: 100vh;
        position: relative;
        overflow: hidden;
      }

      .fullscreen-slider__link:after {
        position: absolute;
        content: '';
        bottom: 0;
        left: 0;
        width: 100%;
        height: 45%;
        pointer-events: none;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 30%, rgba(0, 0, 0, 0) 80%);
        opacity: 0.7;
      }

      .fullscreen-slider__placeholder {
        display: block;
        height: 100%;
        object-fit: cover;
        pointer-events: none;
        user-select: none;
        width: 100%;
      }

      .fullscreen-slider__video {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate3d(-50%, -50%, 0);
        filter: saturate(100%);
        transition: opacity 0.2s;
        opacity: 0;
min-width: 100%;
min-height: 100%;
      }

      .fullscreen-slider__video.playing {
        opacity: 1;
      }
.fullscreen-slider__content {
position: absolute; 
top:20%;
left:5%;
z-index:100; 
color:white; 
}
.fullscreen-slider__content h2 {
font-size: 4rem;
}
@media only screen and (max-width: 880px) {
.fullscreen-slider__content h2 {font-size: 2.7rem;}
.fullscreen-slider__content p {font-size: 1.2rem;}
}

/*----------  FOOTER ELEMENTS  ----
----------------------------------------------*/
.footer-border, #sp-bottom .container {
border-bottom: 1px solid rgba(255,255,255,0.2);
}
#sp-footer .container-inner {
border-top: none;
}
#sp-bottom4 img {
margin-left:-5px;
}
.address {
text-align: justify;
font-size:0.55rem;
color:#545454;
}
.address:after {
  content: "";
  display: inline-block;
  width: 100%;
}

/*--  LITY MODALS --*/
.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none}
/*--  SLICK SLIDER & THEME --*/
@charset 'UTF-8';.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(ajax-loader.gif) center center no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(fonts/slick.eot);src:url(fonts/slick.eot?#iefix) format('embedded-opentype'),url(fonts/slick.woff) format('woff'),url(fonts/slick.ttf) format('truetype'),url(fonts/slick.svg#slick) format('svg')}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir=rtl] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}