/*
------------------------------------------------------
Head Slider (slideshow)
------------------------------------------------------
*/
.head-slider-container {
position: relative;
width: 100% ;
min-height: 220px;
z-index: 1 !important;
padding: 0px;
margin: 0 0 0 0px;
padding-top:0px;
padding-left:0px;
overflow: hidden;
background: transparent;
/* max-width: 1540px; */
}
.header-icon {
position: absolute;
bottom: 0px;
left:-320px;
width: 900px;
height: 1100px;
background: url('../images/shapes.svg') no-repeat bottom left;
background-size: contain;
mix-blend-mode: overlay;
opacity: 1;
z-index: 1 !important;
}
.header-icon.normal {
}
/* Background */
.head-slider.rsDefault,
.head-slider.rsDefault .rsOverflow,
.head-slider.rsDefault .rsSlide,
.head-slider.rsDefault .rsVideoFrameHolder {
background: #2c3038;
color: #FFF;
/* border-radius: 0px 600px 600px 0px; */
}
.head-slider {
width: 100%;
margin: 0 auto ;
margin-top: 0px;
position: relative;
}
.headSmall.head-slider {
height: 240px !important;
}
.headMedium.head-slider{
min-height: 500px !important;
height: 60vh !important;
max-height: 500px !important;
}
.headLarge.head-slider{
min-height: 640px !important;
height: 70vh !important;
max-height: 700px !important;
}
.headFull.head-slider{
min-height: 600px;
height: calc(100vh - 0px) !important;
max-height: 730px !important;
}
@media (max-width: 1460px) {
.headFull.head-slider{
min-height: 500px;
height: calc(100vh - 40px) !important;
max-height: 640px !important;
}
}
@media (max-width: 1130px) {
.head-slider.rsDefault,
.head-slider.rsDefault .rsOverflow,
.head-slider.rsDefault .rsSlide,
.head-slider.rsDefault .rsVideoFrameHolder {
color: #FFF;
}
}
@media (max-width: 970px) {
.head-slider.rsDefault,
.head-slider.rsDefault .rsOverflow,
.head-slider.rsDefault .rsSlide,
.head-slider.rsDefault .rsVideoFrameHolder {
color: #FFF;
}
.headFull.head-slider{
min-height: 500px;
height: calc(100vh - 40px) !important;
max-height: 440px !important;
}
}
@media (max-width: 640px) {
.head-slider-container {
}
.head-slider.headSmall {
height: 240px !important;
}
.head-slider.headMedium {
min-height: 400px !important;
height: 60vh !important;
max-height: 460px !important;
}
.head-slider.headLarge {
min-height: 400px !important;
height: 70vh !important;
max-height: 460px !important;
}
.head-slider.headFull {
min-height: 400px;
height: 100vh !important;
max-height: 460px !important;
}
}
@media (max-width: 400px) {
.head-slider.rsDefault,
.head-slider.rsDefault .rsOverflow,
.head-slider.rsDefault .rsSlide,
.head-slider.rsDefault .rsVideoFrameHolder {
}
}
.royalSlider { overflow:hidden }
.rsImg {
width: 100%;
}
.royalSlider .rsContent {
overflow:hidden;
height: 100% !important;
/*visibility: hidden; */
/* or display:none depending on your needs... */
}
.rsWithBullets .rsContent {
}
.rsWithThumbsHor .rsContent {
height: calc(100% - 80px) !important;
}
.headervideo {
width: 100%;
height: 100%;
opacity: 0.6; }
.headervideo video {
width: 100%;
height: auto !important; }
@media screen and (min-width: 916px) and (max-width: 1115px), screen and (max-width: 620px) {
.headervideo video {
width: auto;
height: 100% !important; } }
.videoBG, .videoBG_wrapper {
width: 100% !important;
height: 100% !important;
margin: 0 auto; }
.videoBG video, .videoBG_wrapper video {
height: 100%; }
.heading-wrapper.padding-top-medium {
padding-top: 140px;
}
.heading-wrapper.padding-top-large {
padding-top: 180px;
}
.heading-wrapper.padding-top-huge {
padding-top: 260px;
}
.heading-wrapper.padding-bottom-small {
padding-bottom: 80px;
}
.heading-wrapper.padding-bottom-medium {
padding-bottom: 180px;
}
.heading-wrapper.padding-bottom-large {
padding-bottom: 200px;
}
.heading-wrapper.padding-bottom-huge {
padding-bottom: 260px;
}
.headSmall .heading-wrapper,
.headMedium .heading-wrapper,
.headLarge .heading-wrapper,
.headFull .heading-wrapper {
position: absolute;
bottom: 50%;
width: 100%;
transform: translateY(70%);
padding: 0 !important;
z-index: 999 !important;
}
.heading {
position: relative;
display: block;
padding: 0rem 0 0 0px;
z-index: 8;
width: 100%;
margin: auto;
}
.heading.heading-center {
text-align: center;
padding: 0;
}
.heading .heading-intro {
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
display: block;
margin-bottom:20px;
color: rgba(255, 255, 255, 0.6);
line-height: 1;
}
.heading .heading-intro i {
font-size: 14px;
color: rgba(255, 255, 255, 0.671);
}
.heading .heading-title {
position: relative;
font-weight: 700;
font-size: 2.6rem;
line-height: 1.2;
display: inline-block !important;
padding: 0px 0px;
margin: 0;
z-index: 3;
margin-left: -2px;
}
.heading .heading-title span {
display: inline-block;
font-weight: 400;
}
.heading .heading-title.title-small {
font-size: 2.1rem;
}
.heading .heading-title.title-medium {
font-size: 3.2rem;
}
.heading .heading-title.title-large {
font-size: 3.8rem;
line-height: 1;
}
.heading-lead {
margin-top: 15px;
}
.head-slider.headSmall .infoBlock .heading-lead {
margin-top: 10px;
}
.heading p {
position: relative;
line-height: 1.7;
font-size: 24px;
font-weight: 700;
padding-left: 30px;
}
.heading p .fa-quote-left {
position: absolute;
top: 0;
left: 0;
margin-right: 10px;
font-size: 20px;
}
.heading p .fa-quote-right {
position: relative;
bottom: 0;
right: 0;
margin-top: 0px;
margin-left: 10px;
font-size: 20px;
}
.heading .button-group {
margin-top: 25px;
}
.heading.heading-center .button-group {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.heading.heading-right .button-group {
display: flex;
align-items: center;
justify-content: flex-end;
text-align: center;
}
.heading .button-group .button {
}
/* Listing */
.heading-list {
position: relative;
padding: 2rem 2.5rem;
margin-right: 0rem;
border-radius: 0px;
}
.heading-list-bg {
position: absolute;
top:0;
left:0;
right: 0;
bottom: 0;
border-radius: 25px;
opacity: 0.9;
z-index: 1;
}
.heading-list-title {
position: relative;
font-size: 20px;
z-index: 2;
}
[class*=" bg-"]:not(.bg-white):not(.bg-light):not(.bg-extralight) .heading-list-title {
color: #fff !important;
}
.heading-list ul {
position: relative;
margin: 0px 0 0 0;
margin-bottom: 0px;
padding:0;
list-style: none;
z-index: 2;
}
.heading-list ul li {
font-size: 22px;
font-weight: 700;
position: relative;
padding: 0 0 0 0rem;
line-height: 1.5;
border-bottom: 1px solid rgba(4, 19, 31, 0.11);
}
.heading-list ul li:last-child {
border:0;
}
.heading-list ul li a {
display: block;
padding: 0.5rem 0 0.5rem 1.5rem;
font-weight: 700;
color: #fff;
}
[class*=" bg-"]:not(.bg-white):not(.bg-light):not(.bg-extralight) .heading-list ul li a {
color: #fff !important;
}
.heading-list ul li a:hover {
}
.heading-list ul li a:before {
position: absolute;
left: 0px;
top: 17px;
font-family: 'Font Awesome 5 Pro';
font-weight: 700;
speak: none;
font-style: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
content: '\f356';
font-size: 16px;
margin-right: 0px;
color: #bccf02;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
opacity: 1;
}
.heading-list ul li a:hover:before {
-webkit-transform: translate(3px, 0);
transform: translate(3px, 0);
}
[class*=" bg-"]:not(.bg-white):not(.bg-light):not(.bg-extralight) .heading-list ul li a:before {
color: #fff;
opacity: 0.8;
}
/* Left Align */
.heading.heading-left {
text-align: left !important;
padding-right: 2.5rem;
padding-left: 1.5rem;
}
/* Right Align */
.heading.heading-right {
text-align: right;
}
@media (max-width: 1130px) {
.heading .heading-title.title-large {
font-size: 3.6rem;
}
}
@media (max-width: 970px) {
.heading {
position: relative;
display: block;
padding: 0rem 0 0 1rem;
}
.heading .heading-intro {
}
.heading .heading-title.title-small {
font-size: 1.7rem;
}
.heading .heading-title.title-medium {
font-size: 2.6rem;
}
.heading .heading-title.title-large {
font-size: 3.2rem;
}
.heading p {
font-size: 1rem;
}
}
@media (max-width: 640px) {
.heading-wrapper.padding-top-medium {
padding-top: 120px;
}
.heading-wrapper.padding-top-large {
padding-top: 140px;
}
.heading-wrapper.padding-top-huge {
padding-top: 160px;
}
.heading-wrapper.padding-bottom-medium {
padding-bottom: 90px;
}
.heading-wrapper.padding-bottom-large {
padding-bottom: 110px;
}
.heading-wrapper.padding-bottom-huge {
padding-bottom: 130px;
}
.heading.heading-left {
padding-left: 0rem !important;
padding-right: 1rem;
}
.heading .heading-intro {
font-size: 16px;
}
.heading .heading-title.title-small {
font-size: 1.2rem;
}
.heading .heading-title.title-medium {
font-size: 1.6rem;
}
.heading .heading-title.title-large {
font-size: 1.8rem;
line-height: 1.2;
}
.heading .heading-title span {
}
.heading .button-group {
margin-top: 20px;
margin-bottom: 15px;
}
.heading .button-group .button {
font-size: 12px;
}
}
/* Play buttons */
.heading-button-play {
position: relative;
width: 64px;
height: 64px;
z-index: 88;
display: inline-block;
margin: auto;
}
.heading-button-play i {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
font-size: 2rem;
}
.heading-image {
position: relative;
display: block;
text-align: center;
margin-top: 0px;
margin-right: 0rem;
padding: 0px 0px;
border-radius: 0px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.heading-image img {
opacity: 1 !important;
border-radius: 0px;
-webkit-clip-path: polygon(100% 0, 100% 100%, 40px 100%, 0 calc(100% - 40px), 0 0);
}
.heading-image:hover {
transform: scale(1.02);
z-index: 100;
}
.heading-image.with-play:hover {
transform: scale(1);
z-index: 100;
}
.heading-image .heading-image-play {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 80px;
height: 80px;
z-index: 88;
font-size: 3rem;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.heading-image .heading-image-play:hover {
transform: translateX(-50%) translateY(-50%) scale(1.1);
}
.heading-image .heading-image-play:after {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-44%) translateY(-50%);
content:'';
width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 15px 26.0px;
border-color: transparent transparent transparent #648c2f;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.heading-image .heading-image-play:hover:after {
}
@media (max-width: 640px) {
.heading-image {
margin-top: 10px;
box-shadow: 0 20px 80px -20px rgba(0, 0, 10, 0.2), 0 10px 50px -20px rgba(0, 0, 0, 0.4);
}
}
/* Label */
.heading-image-label {
position: absolute;
top: 1rem;
left: 1rem;
font-size: 13px;
text-align: center;
padding: 0.3rem 1rem;
border-radius: 5px;
color: #fff;
font-weight: 600;
/* box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.17); */
z-index: 98;
}
.caption-bg {
position: absolute;
top:0;
left:0;
width: 50%;
height: 100%;
background: #5d686e;
z-index: 1;
mix-blend-mode: multiply;
}
.bg-heading-image {
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
z-index: 1;
transition: all 12s ease-in-out;
transform-origin: center;
}
.rsActiveSlide .bg-heading-image.bg-width-100.blow-up {
transform: scale(1.3);
}
.bg-heading-image.bg-position-right {
left: auto;
right: 0;
}
.bg-heading-image.se {
background-position: bottom center;
transform-origin: bottom;
}
.bg-heading-image.ne {
background-position: top center;
transform-origin: top;
}
/* Widths */
.bg-heading-image.bg-width-100 {
width: 100%;
}
.bg-heading-image.bg-width-75 {
width: 75%;
}
.bg-heading-image.bg-width-66 {
width: 66.66%;
}
.bg-heading-image.bg-width-60 {
width: 60%;
}
.bg-heading-image.bg-width-50 {
width: 50%;
}
.bg-heading-image.bg-width-40 {
width: 40%;
}
.bg-heading-image.bg-width-33 {
width: 33.333%;
}
.bg-heading-image.bg-width-25 {
width: 25%;
}
/***************
*
* 2. Thumbnails HTML
*
****************/
#head-slider.rsDefault .rsThumbs {
cursor: default;
width: 100%;
height: 0px;
position: absolute;
bottom: 0;
overflow: visible;
}
#head-slider.rsDefault.rsWithThumbsHor .rsThumbsContainer {
position: relative;
top: -140px;
width: 100% !important;
height: 100px;
max-width: 78em;
margin: auto;
display: flex;
flex-direction: row-reverse;
}
/* #head-slider.rsDefault .rsThumbs:before {
position: absolute;
bottom:0;
left:0;
width: 100%;
height: 140px;
content:'';
background: -moz-linear-gradient(top, rgba(0,10,14,0) 0%, rgba(0,10,14,1) 100%);
background: -webkit-linear-gradient(top, rgba(0,10,14,0) 0%,rgba(0,10,14,1) 100%);
background: linear-gradient(to bottom, rgba(0,10,14,0) 0%,rgba(0,10,14,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000a0e', endColorstr='#000a0e',GradientType=0 );
opacity: 0.6;
} */
@media (max-width: 1440px) {
#head-slider.rsDefault.rsWithThumbsHor .rsThumbsContainer {
max-width: 71.6em;
}
}
@media (max-width: 1130px) {
#head-slider.rsDefault.rsWithThumbsHor .rsThumbsContainer {
max-width: 61.6em;
}
}
@media (max-width: 970px) {
#head-slider.rsDefault.rsWithThumbsHor .rsThumbsContainer {
max-width: 99%;
}
}
/* Transparent */
#head-slider.rsDefault .rsThumb {
float: right;
overflow: hidden;
width: 20%;
min-height: 100px;
height: 100px;
border-radius: 0px;
border: 0px solid #fff;
background: none;
}
#head-slider.rsDefault .rsThumb:hover:before {
background: rgba(255, 255, 255, 1);
content: '';
}
@media (max-width: 1130px) {
#head-slider.rsDefault .rsThumb {
width: 25%;
}
}
@media (max-width: 970px) {
#head-slider.rsDefault .rsThumb {
width: 29%;
}
}
@media (max-width: 640px) {
#head-slider.rsDefault .rsThumb {
width: 22%;
}
#head-slider.rsDefault.rsWithThumbsHor .rsThumbsContainer {
top: -20px;
width: 100% !important;
height: 20px;
}
}
#head-slider.rsDefault .rsThumb .rsTmb {
display: block;
cursor: pointer;
height: 120px;
}
.bg-rsTmb-image {
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
z-index: 1;
opacity: 0.6;
}
#head-slider.rsDefault .rsThumb .rsTmb-text {
display: block;
padding:1rem 2rem 0rem 0rem;
z-index: 2;
}
#head-slider.rsDefault .rsThumb .rsTmb-intro {
font-size: 0.76em;
letter-spacing: 1px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.5)
}
#head-slider.rsDefault .rsThumb .rsTmb-title {
font-size: 1rem;
font-weight: 800;
line-height: 1.4;
color: rgba(255, 255, 255, 0.5);
padding-top: 0px;
cursor: pointer ;
}
#head-slider.rsDefault .rsThumb .rsTmb-title b {
display: block;
font-weight: 300;
}
#head-slider.rsDefault .rsThumb.rsNavSelected {
}
#head-slider.rsDefault .rsThumb.rsNavSelected:before {
height: 4px;
background: #648c2f;
content: '';
}
#head-slider.rsDefault .rsThumb.rsNavSelected .rsTmb-intro {
color: #00adc7;
}
#head-slider.rsDefault .rsThumb.rsNavSelected .rsTmb-title {
color: #fff;
}
@media (max-width: 1130px) {
#head-slider.rsDefault .rsThumb .rsTmb-title {
font-size: 0.86rem;
line-height: 1.2;
}
}
@media (max-width: 970px) {
#head-slider.rsDefault .rsThumb .rsTmb-text {
display: block;
}
}
@media (max-width: 640px) {
#head-slider.rsDefault .rsThumb .rsTmb-text {
display: none;
padding: 0;
}
}
/***************
*
* 2. Video
*
****************/
/*
.rsDefault .rsPlayBtn {
z-index: 1001 !important;
}
*/
/***************
*
* 3. Bullets
*
****************/
.rsDefault .rsBullets {
position: absolute;
left: 50%;
transform: translateX(-50%);
z-index: 98 !important;
width: 100%;
max-width: 73.6rem !important;
bottom: 50px;
height: auto;
margin: 0 auto;
background: none;
text-align: left;
line-height: 24px;
overflow: hidden;
padding-left: 0px;
z-index: 999 !important;
}
@media (max-width: 1380px) {
.rsDefault .rsBullets {
max-width: 68rem !important;
}
}
@media (max-width: 1080px) {
.rsDefault .rsBullets {
max-width: 60rem !important;
}
}
@media (max-width: 970px) {
.rsDefault .rsBullets {
padding-left: 30px;
}
}
@media (max-width: 640px) {
.rsDefault .rsBullets {
padding-left: 10px;
}
}
.rsDefault .rsBullet {
display:inline-block;
padding: 0 0 0 ;
width: 16px;
margin: 0 3px 0px 3px;
text-align: center;
}
.rsDefault .rsBullet span {
width: 10px;
height: 10px;
margin:auto;
background: rgb(197, 197, 197);
border: 0px solid rgb(197, 197, 197);
cursor: pointer;
border-radius: 100px !important;
opacity: 0.4;
}
.rsDefault .rsBullet:hover span {
opacity: 1;
}
.rsDefault .rsBullet.rsNavSelected span {
width: 10px;
height: 10px;
margin-top: 0px;
background-color: #009FE3;
opacity: 1;
}
@media (max-width: 440px) {
.rsDefault .rsBullets {
bottom: 40px;
}
.rsDefault .rsBullet {
display:inline-block;
padding: 0 0 0 ;
width: 10px;
margin: 0 3px 0px 3px;
text-align: center;
}
.rsDefault .rsBullet span {
width: 6px;
height: 6px;
margin:auto;
background: rgb(197, 197, 197);
border: 0px solid rgb(197, 197, 197);
cursor: pointer;
border-radius: 20px !important;
opacity: 0.4;
}
.rsDefault .rsBullet:hover span {
opacity: 1;
}
.rsDefault .rsBullet.rsNavSelected span {
width: 6px;
height: 6px;
margin-top: 0px;
background-color: #009FE3;
opacity: 1;
}
}