/*
Theme Name: Louie
Author: max
Description: Louie
Author URI: Louie
Version: 1.0
*/

@font-face {
    font-family: 'almoni-tzar';
    src: url('fonts/almoni-tzar-aaa-300.woff') format('woff');
}

@font-face {
    font-family: 'almoni-tzar-bold';
    src: url('fonts/almoni-tzar-aaa-700.woff') format('woff');
}

body {
  overflow-x: hidden;
  width: 100vw;
  font-family: 'almoni-tzar', sans-serif;
  background: #fff;
  color: #000;
  direction: rtl;
  text-align: right;
  font-size: 22px;
  padding-top: 89px;
}

img{
    max-width: 100%;
    height: auto;
}

p{
    font-size: inherit;
    font-weight: inherit;
    line-height: 122%;
    margin-bottom: 1rem;
    letter-spacing: 2px;
    line-height: 1.43;
    color: inherit;
    font-family: 'almoni-tzar';
}



h1, h2, h3, h4, h5, .dev-table-col-h,.question-title{
    text-transform: uppercase;
    font-family: 'almoni-tzar-bold', sans-serif;
    margin-bottom: 1.3rem;
      text-shadow: 2px 2px #000;
}

h3 {
    font-size: 50px;
}
.h4, h4 {
    font-size: 1.8rem;
}
h2 {
    font-size: 46px;
    font-weight: normal;
    margin-bottom: 0rem;
    color: inherit;
}
footer a {
    color: inherit;
}
.top-area a {
    vertical-align: middle;
    font-family: 'Neonderthaw', cursive;

}
#contactButton{
   font-family: 'Amatic SC', cursive;
}

.dg-center,.dg-transition{
    z-index: 99!important;
}

.top-area img {
    padding-right: 10px;
}
.top-area a {
    padding-right: 13px;
    padding-left: 10px;
}
.top-area a:last-child {
    padding-left: 0;
}
.top-area a + a {
    border-right: 1px solid;
    margin-right: 11px;
}

.c-details p{
    margin-bottom: 0;
}
.mob-only{
display:none;
}
.wp-block-button__link {
    font-family: azo-sans-uber, sans-serif;
    background: #000;
    border-radius: 12px;
    font-size: 21px;
    padding: 14px 28px;
}

.push-down{
    margin-bottom: 2rem;
    padding-top: 94px;
}

.main-block {
    width: 100vw;
    overflow-x: hidden;
}

.team-box-img img {
    max-width: 100%;
    height: auto;
}

.team-box-img {
    margin-bottom: 2rem;
    border: 5px solid #58805a;
    border-radius: 43px;
    overflow: hidden;
}

.card-body.question-answer {
    padding-left: 30px;
    padding-right: 30px;
}
/*** fixed navbar and video**/
video.overlay-video {
    position: absolute;

    width: 100%;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%,-50%);
}

.inner-page-header-inner {
    position: relative;
    z-index: 3;
}



.inner-page-header {
    position: relative;
    overflow: hidden;
    width: 100%;
}

button.btn.btn-link::after {content: "-";position: absolute;right: 36px;font-size: 30px;top: 11px;}

button.btn.btn-link.collapsed::after {
    content: "+";
}

.card {
    background: #58805a;
    color: #fff;
    margin-bottom: 25px;
    border-radius: 30px;
}

.card-header,.card-header:first-child {
    background: inherit;
    border-radius: 49px;
    border-bottom: 0;
    padding: 11px 30px;
}

#single-gallery img{
    margin:0 20px;
}
#single-gallery .slick-next,#single-gallery .slick-prev {
    bottom: -62px;
}

#single-gallery ul.slick-dots {
    bottom: -66px;
}

.bullets {
    padding-left: 61px;
    position: relative;
}

span.bullet-line {
    height: 100%;
    position: absolute;
    left: 14px;
    background: rgb(88, 128, 90);
    transform: unset;
    width: 4px;
}

.circle {
 background: rgb(88, 128, 90);
 transform: unset;
 width: 28px;
 height: 32px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 color: #fff;
 border-radius: 50%;
 position: absolute;
 left: 2px;
 border-bottom: 4px solid #150d29;
 }

.footer {
    background-color: #333333;
    padding: 2% 4% 1%;
    color: #fff;
    line-height: 70px;
    font-size: 18px;
}

.footer img {
    margin-bottom: 11px;
}

.team-box-inside h5 {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 0.5rem;
    min-height: 78px;
}

.question-title {
}

.social-icons a {
    transition: all 300ms ease;
}

.social-icons a:hover {
    transform: scale(1.2);
}

.dev-table-col-w {
    width: 75%;
    text-align: right;
}

.dev-table-col-h {
    width: 25%;
    font-size: 31px;
    align-items: center;
    display: flex;
}

.dev-table-col-h {
}

.dev-table-row {display: flex;border-bottom: 1px solid #fff;padding-bottom: 12px;margin-bottom: 43px;}

.dev-table-row:first-child {
    border-top: 1px solid #fff;
    padding-top: 26px;
}

nav.navbar.site-header {
    position: fixed;
    height: 86px;
    width: 100%;
    background: #fff;
    top: 0;
    z-index: 999;
    background-color: #fff;
    padding-right: 44px;
    padding-left: 38px;
}


*{

}

.contact-envelope .col-md-5 {
    padding-right: 4%!important;
}

main.site {
    width: 100%;
    overflow-x: hidden;
}

.navbar-nav {
    padding-right: 28%;
}

span.dg-prev {
    display: inline-block;
    width: 20px;
    background: url(img/arr-right.png);
    width: 39px;
    height: 9px;
    position: absolute;
    right: 35%;
    cursor: pointer;
    bottom: 0;
    z-index: 9999;
}


span.dg-next {
    display: inline-block;
    width: 20px;
    background: url(img/arr-left.png);
    width: 39px;
    height: 9px;
    position: absolute;
    left: 34%;
    cursor: pointer;
    bottom: 0;
    z-index: 9999;
}

.inn-banner {
    transform: scale(1.3) translateY(95px);
}

.gallery-block {
    margin-bottom: 40px;
    width: 100vw;
    overflow-x: hidden;
}

.form-row > .col-md-4 {
    padding-left: 31px;
}

.form-row > .col-md-4:last-child {
    padding-left: 0;
}



.inner-contact-form {
    background-image: url(img/contact-bg.png);
    background-repeat: no-repeat;
    height: 413px;
    max-width: 1581px;
    margin: 0 auto;
    padding: 5% 7%;
    background-size: 96% 100%;
    background-position: top center;
}

.contact-section {
    background-image: url(img/contact-contact-bg-bg.jpg);
    background-repeat: no-repeat;
    height: 670px;
    background-position: center;
    padding-top: 130px;
    margin-top: 35px;
    background-size: 100% 100%;
}

.home .contact-section{
    margin-top: 0;
}

.main-block {
    background-image: url(img/paint-post-left.png);
    background-repeat: no-repeat;
    background-position: 99% 50%;
}

.s-container {
    margin-top: 72px;
}

span.birthday-badge {
    position: absolute;
    left: 15%;
}

.s-left-img {position: relative;left: -75px;}

.s-right-img {
    margin-left: 293px;
}

.s-middle {
    width: 680px;
    position: absolute;
    z-index: 99;
    background: #fff;
    padding: 1.3% 2% 0%;
    box-shadow: 5px 4px 10px rgb(0 0 0 / 29%);
}

.s-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-block {
    padding: 6.5%  5%;
    position: relative;
}

.inner-page-header-inner {
    max-height: 300px;
    color: #fff;
}

.inner-page-header-inner h1 {
    font-size: 57px;
}

.inner-page-header {
    height: 95vh;
    background-color: #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.tell-about {
    background: url(img/tell-about.png) no-repeat top center;
    background-position: top center;
    height: 195px;
    padding-top: 172px;
    margin-bottom: 100px;
}

.outer-col-content {
    height: 100%;
}

.event-item.event-item-o-1 {
    background-image: url(img/paint-post-left.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
}

.event-excerpt {
    color: #6a6a6a;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding-top: 20px;
    padding-bottom: 31px;
    font-weight: bold;
    text-align: justify;
    text-justify: inter-word;
    padding-right: 15px;
    padding-left: 15px;
}

.section-pre-text {
    margin-bottom: 97px;
}

/*.event-item-o-0 .event-item-img {
    position: relative;
    right: 248px;
}

.event-item-o-1 .event-item-text {
    position: relative;
    right: 245px;
    margin-top: 100px;
}

.event-item-o-1 .event-item-img {
    position: relative;
    left: -167px;
}

.event-item-o-0 .event-item-text {
    position: relative;
    left: -176px;
}*/
@media(min-width: 980px){
.event-item-o-0 .event-item-img {
    position: absolute;
    transform: translate(50%,-50%)!important;
    width: 50%;
    right: 35%;
    top: 50%;
}

.event-item-o-0 .event-item-text {
    position: absolute;
    left: 35%;
    transform: translate(-50%,-50%)!important;
    width: 50%;
    top: 50%;
}

.event-item-o-1 .event-item-img {
    position: absolute;
    transform: translate(-50%,-50%)!important;
    width: 50%;
    left: 35%;
    top: 50%;
    right:auto;
}

.event-item-o-1 .event-item-text {
    position: absolute;
    right: 35%;
    transform: translate(50%,-50%)!important;
    width: 50%;
    top: 50%;
    left:auto;
}


.event-item {min-height: 447px;position: relative;}

}


.event-item {
    display: flex;
    flex-direction: row;
    margin-bottom: 70px;
}

.event-item.event-item-o-0 {
    background-image: url(img/paint-post-right.png);
}

.event-item-box {
    min-height: 320px;
    box-shadow: -4px 6px 7px rgb(0 0 0 / 24%);
    background: #fff;
    margin-bottom: 0;
    padding: 5% 8%;
}

.event-item-o-1 .event-item-box {
    box-shadow: 2px 6px 7px rgb(0 0 0 / 24%);
}

.event-item-box {}

.event-item-text {
    width: 665px;
    position: relative;
    position: relative;
    z-index: 9;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

div#events-page {
    width: 100%;
    overflow: hidden;
}

.section.events-main-section {
    padding: 4% 0;
}

.section.events-main-section .container {
    max-width: 1489px;
}

.top-event-item {
    overflow: hidden;
    transition: all 150ms ease-out;
    
    background-position: center;
    border-left: 3px solid #fff;
    padding: 0;
}

.col.top-event-item:last-child {
    border-left: none;
}
.inner-col-content{
background-size: 100%;
  transition: all 150ms ease-out;
  background-position:center;
}
.home .inner-col-content h2{
        text-shadow: 18px 15px 22px rgb(0 0 0);
        font-size: 70px;
}
.inner-col-content:hover {
    background-size: 120%;
}

[dir='rtl'] .slick-prev {
    background: url(img/arr-right.png) no-repeat top center;
    width: 39px;
    height: 8px;
    bottom: 3px;
    top: auto;
    right: 38%;
    transform: translate(50%,0);
    left: auto;
    z-index: 333;
}

[dir='rtl'] .slick-next {
    background: url(img/arr-left.png) no-repeat top center;
    width: 39px;
    height: 8px;
    bottom: 7px;
    top: auto;
    left: 38%;
    transform: translate(-50%,0);
    z-index: 333;
}

[dir='rtl'] .slick-next::before {
    content: none;
}

[dir='rtl'] .slick-prev::before {
    content: none;
}

.slick-dots li button:before {
    font-size: 18px;
}

ul.slick-dots {
    bottom: 0;
}

.recommend ul.slick-dots {
}

ul.slick-dots li {
}

.rec-item {
    padding-left: 64px;
}

.social-icons {
    margin-top: 21px;
}

.social-col {
    text-align: center;
    padding-top: 341px;
    font-weight: bold;
}

.form-row.text-left {
    display: block;
}

div#recommend {
    margin-bottom: 70px;
    min-height: 300px;
}

.rec-item {
    background: url(img/quote.png) no-repeat center;
    min-height: 177px;
    font-size: 19px;
    background-position: 30% 50%;
}

.tell-about h3 {
    text-align: center;
    font-family: 'almoni-tzar';
    font-weight: bold;
    margin-bottom: 84px;
}

h3 {
    font-family: 'almoni-tzar';
    font-weight: bold;
    font-size: 25pt;
    color: #333333;
}

.event-item-box h3 {color: #333333;}

.form-row span {
    display: block;
    width: 100%;
}

.navbar-nav li {
    display: block;
    padding: 0;
    margin: 0;
}

.navbar-nav ul {
    margin: 0;
    padding: 0;
}

.bline {
    background: url(img/line-heart.png) no-repeat top center;
    height: 50px;
    width: 100%;
}

.container-fluid {
    padding-right: 60px;
    padding-left: 60px;
}

.contact-envelope {
    background: url(img/bg-contact.png) no-repeat top center;
    width: 52vw;
    height: 496px;
    padding: 29px;
    padding: 11%;
    font-weight: bold;
    color: #333333;
    background-size: 100% 100%;

}

.contact-envelope .col-sm-5 p {
    margin-bottom: 7px;
}

.form-row input,.form-row select {
    width: 100%;
    border: none;
    border-bottom: 1px solid #000;
    text-align: right;
    display: block;
    margin-bottom: 11px;
    color: #333333;
    font-size: 23px;
    display: block;
    height: 54px;
    padding-top: 8px;
    font-weight: bold;
}

.form-row input[type=submit] {
    max-width: 207px;
    display: inline-block;
    float: left;
    border: 1px solid;
    background: #fff;
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
    height: 47px;
    cursor: pointer;
    border-width: 2px;
    padding-top: 3px;
    transition: all 200ms ease;
}

.form-row input[type=submit]:hover {
    transform: scale(1.2);
    background: #000;
    color: #fff;
    border-color: #000;
}

.contact-section .form-row input[type=submit] {
    margin-top: 43px;
}

.form-row input::placeholder, .form-row select::placeholder{
    color:#000;
    
}

.section.contact-section {
    background: url(img/bg-contact.jpg) no-repeat top center;
    height: 671px;
    padding: 4% 0;
    background-size: 100% 100%;
}

.container {
    max-width: 1532px;
}
@media(max-width: 1500px){
    .container{
        padding-right: 3%;
        padding-left: 3%;
    }
}

.our-video {
    background: url(img/bg-our-video.jpg) no-repeat top center;
    height: 823px;
    padding: 9% 1%;
}
.home .our-video{
    display: block;
}

.tell-about-us {
    padding: 2% 0 32px;
}

blockquote {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding-top: 24px;
    padding-bottom: 14px;
    color: #6a6a6a;
    font-weight: bold;
    margin-bottom: 43px;
    text-align: justify;
    padding-right: 15px;
    padding-left: 15px;
}
.section.tell-me  [data-aos="fade-right"]{
    padding-top: 9.5%;
}
.section.tell-me.section {
    padding: 5% 1%;
    background-image: url(img/bg-s-1.png);
    background-repeat: no-repeat;
    background-position: 9% 14%;
}

.section.tell-me .col-md-6 {
    padding-left: 7%;
}

.inner-col-content {
    text-align: center;
    display: flex;
    align-items: center;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    background-repeat: no-repeat;
}

.inner-col-content a {
    width: 165px;
    height: auto;
    font-size: 43px;
    color: #fff!important;
    text-align: center;
    padding: 3px;
    display: inline-block;
    font-weight: bold;
    margin-top: 36px;
    transition: all 200ms ease-in;
     border-bottom: solid 6px;
    background: transparent;
    border-radius: 20px;
    font-weight: bold;
    cursor: pointer;
    
}
#sp-col-1,
#sp-col-2{
    transition-delay: 0;
}
.inner-col-content a:hover {
    transform: scale(1.2);
}

.section.top-section > .col-md-6 {
    background-size: 120%;
    cursor: pointer;
    transition: all 150ms ease-out;
    background-position: center;
    transition-delay: 0s;
}

.section.top-section > .col-md-6:hover {
    background-size: 140%;
}

.section.top-section {
    height: 89vh;
    overflow: hidden;
}

.contact-us {
    position: absolute;
    left: 42px;
    color: #333333;
    top: -10px;
    font-weight: bold;
    font-size: 26px;
}

a {
    color: inherit;
}
.goto-contact {
    height: auto;
    font-size: 43px;
    width: auto;
    height: auto;
    padding: 3px;
    color: #fff!important;
    border: none;
    border-bottom: solid 6px;
    background: transparent;
    border-radius: 20px;
}
.goto-contact{
    width: 165px;
    height: 48px;
    background: #fff;
    font-size: 43px;
    width: auto;
    height: auto;
    padding: 3px;
    color: #fff!important;
    text-align: center;
    display: inline-block;
    font-weight: bold;
    margin-top: 36px;
    border-bottom: solid 6px;
    background: transparent;
    border-radius: 20px;
    cursor: pointer;
    text-shadow: 2px 2px #000;
}

.goto-contact:hover {
    transform: scale(1.2);

}


.social-icons a {
    background: url(img/social-sprite.png) no-repeat top center;
    width: 41px;
    height: 41px;
    display: inline-block;
    margin: 0 2px;
}

a.whatsapp {
    background-position: -192px 0;
}
a.instagram {
    background-position: -144px 0;
}
a.youtube {
    background-position: 1px 0;
}
a.twitter {
    background-position: -48px 0;
}

.t-button {
    display: inline-block;
    border: 2px solid;
    padding: 8px 21px;
    font-weight: bold;
    transition: all 200ms ease;
    margin-top:20px;
}

.t-button:hover {
    transform: scale(1.2);
}

i.bi.bi-x {
    color: #fff;
    font-size:51px;
}

div#galleries {
    position: relative;
    min-height: 845px;
    transform: rotate(-14deg);
}

div#home-page {
}

#top-gallery, #bottom_gallery {
    display: block;
    width: 4000px;
    position: absolute;
    height: 325px;
    right: 0;
}
/** gallery transformations  */



#bottom_gallery {
    top: 343px;
}

span.gallery-child {
    height: 300px;
    margin: 20px;
    border-radius: 50px;
    border: solid;
    width: 300px;
    display: inline-block;
    overflow: hidden;
    float: right;
}

span.gallery-child img {
    max-width: 100%;
}

.dev-roadmap-inner {
    margin-bottom: 75px;
}

.team {
    margin-bottom: 60px;
}

.team-box-inside {
    text-align: center;
}

.user-icon {
    position: absolute;
    right: 108px;
    font-size: 41px;
    color: #fff;
    top: 26px;
    z-index: 99;
}

.user-icon a {
    color: #fff;
    text-decoration: none;
}

.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
    background-color: #fff!important;
    color: #000 !important;
    margin-left: 10px;
    margin-right: 6px;
}

.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link a {
    font-size: 32px;
}

.join-us {
    position: absolute;
    right: 178px;
    top: 22px;
    z-index: 99;
}

.nabar-inner-container {
    background: url(img/LOUIE-WEB-NEW.gif) no-repeat center center;
    width: 100%;
    height: 100%;
    background-position: 50% 60%;
}
.home .navbar-toggler,
.postid-187 .navbar-toggler{
	display: none;
}
.postid-187 .navbar-toggler{
	display: block;
}
.top-area p a span{
	display: none;
}
.top-area p a:hover span{
	color:#000;

}
.top-area p a{
	text-decoration: none;
}
span.navbar-toggler-icon {
    color: #000;
    font-size: 38px;
}

span.navbar-toggler-icon .bi-list {
    background: url(img/hambuger.png) no-repeat top center;
    width: 48px;
    height: 30px;
    background-position: bottom;
}

span.navbar-toggler-icon .bi-list::before {
    content: none;
}

.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}
button.navbar-toggler {
    position: absolute;
    right: 32px;
    z-index: 9999;
    top: 1px;
    height: 53px;
    outline: none!important;
}

.logo {
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    text-align: center;
}
.logo img {
    max-width: 36%;
    height: auto;
}

.navbar-toggler .bi-list{
    display: none;
}

.navbar-toggler.collapsed .bi-x {
    display: none;
}

.navbar-toggler.collapsed .bi-list {
    display: block;
}


#main-menu {
    position: absolute;
    right: 0;
    height: 100vh;
    background: #000;
    width: 100%;
    top: 0;
    z-index: 2;
    padding-top: 23vh;
    min-width: 408px;
    transition: all 200ms ease;
    right: 0;
    visibility: visible;
    background: url(img/bg-menu.jpg);
}

#main-menu:not(.show) {
    right: -100%;
    transition: all 200ms ease;
}

div#main-menu.collapsing {
    right: 0;
    display: block;
}

.collapse:not(.show) {
    display: block;
    visibility: hidden;
}

#main-menu li {
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    text-align: right;
    font-size: 24px;
    margin-bottom: 10px;
    padding-right: 73px;
}

#main-menu li.current-menu-item,#main-menu li:hover {
    background: url(img/crown.png) no-repeat right;
}

#main-menu li.current-menu-item a {
    color: #fff;
}

.event-item.event-item-o-0 {
    background-image: url(img/paint-post-right.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

#main-menu li a {
    color: inherit;
    text-decoration: none;
    font-size: 38px;
    color: #a3a2a2;
    font-weight: bold;
}



.question-title {
    font-size: 24px;
    margin-bottom: 1rem;
    color: #fff;
}

.question-title button {
    color: #fff!important;
    font-size: inherit;
    width: 100%;
    text-decoration: none!important;
    text-align: left;
    padding-left: 0;
}


/** 3D carousel transitions */

.slick-slide{
    transition: all 300ms ease;
    transform: translateX(0) rotateY(0) translateX(0);
}
.slick-slide.s-left-img {
    transform: translateX(15vw) rotateY(
19deg) translateX(-14vw);
    transition: all 300ms ease;
}

.slick-slide.s-right-img {
    transform: translateX(-15vw) rotateY(
-28deg) translateX(14.7vw);
    transition: all 300ms ease;
}


#single-gallery .slick-list{
    overflow: visible!important;
}
#single-gallery .slick-track{
    perspective: 600px;
}

.banner {
    position: relative;
    height: 180px;
    padding: 11px 0 16px;
    margin: 0 auto;
    text-align: center;
}

.dg-container {
    position: relative;
    width: 100%;
    height: 350px;
}

.dg-wrapper {
    width: 320px;
    height: 250px;
    margin: 0 auto;
    position: relative;
    transform-style: preserve-3d;
    perspective: 1000px;
}

.dg-wrapper a {
    width: 100%;
    height: 250px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.dg-wrapper a:first-child {
    z-index: 2;
}

.dg-wrapper a img {
    display: block;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.20);
    border-radius: 4px;
    width: 100%;
    height:16vw;
    background: #fff;
}

.dg-wrapper a.dg-transition {
    transition: all 0.5s ease-in-out;
}

.dg-wrapper a.dg-transition-fast {
    transition: all 0.2s ease-in-out;
}



.dg-container nav span:hover {
    opacity: 1;
}

.dg-container nav span.dg-next {
    background-position: top right;
    margin-left: 10px;
}

.dg-container #lightButton2 {
    bottom: 20px;
}

.dg-container .button {
     position: relative;
     z-index: 5;
     top:60px;
 }

.dg-container .button li {
    cursor: pointer;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-right: 5px;
    background: rgba(255, 255, 255, 0.30);
    border: 1px solid rgba(0, 0, 0, 0.20);
}

.dg-container .button .light {
    background: black;
}


/** 
Z-carousel
 */
 .banner {
     position: relative;
     height: 32vw;
     padding: 11px 0 16px;
     margin: 0 auto;
     text-align: center;
     /* display: none; */
     margin-top: -29px;
     width: 100%;
     overflow: hidden;
 }

 .dg-container {
     position: relative;
     width: 100%;
 }

 .dg-wrapper {
     width: 27vw;
     height: 14vw;
     margin: 0 auto;
     position: relative;
     transform-style: preserve-3d;
     perspective: 1000px;
 }
 @media(max-width: 1540px){
    .dg-wrapper{
        width: 33vw;
    }
    .banner {
        height: 43vw;
    }
 }

 .dg-wrapper a {
     width: 100%;
     height: 266px;
     display: block;
     position: absolute;
     left: 0;
     top: 0;
 }

 .dg-wrapper a:first-child {
     z-index: 2;
 }

 .dg-wrapper a img {
     display: block;
     box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.20);
     border-radius: 0px;
     width: 100%;
     height:280px;
     background: #fff;
 }

 .dg-wrapper a.dg-transition {
     transition: all 0.5s ease-in-out;
 }

 .dg-wrapper a.dg-transition-fast {
     transition: all 0.2s ease-in-out;
 }

 .dg-container nav {
     /* display: none; */
     z-index: 5;
    position: absolute;
    bottom: 19px;
    height: 41px;
    width: 100%;
    top:auto!important;
 }

 .dg-container nav span:hover {
     opacity: 1;
 }

 .dg-container nav span.dg-next {
     background-position: top right;
     margin-left: 10px;
 }

 .dg-container #lightButton2 {
     bottom: 20px;
 }

 .dg-container .button {
      position: absolute;
    z-index: 5;
    bottom: 0;
    width: 100%;
    height: 24px;
    top:auto!important;
  }

 .dg-container .button li {
     cursor: pointer;
     display: inline-block;
     width: 11px;
     height: 11px;
     border-radius: 50%;
     margin-right: 5px;
     background: rgb(148 141 141 / 30%);
     border: none;
 }

 .dg-container .button .light {
     background: black;
 }

@media(max-width: 1500px){

    *{}

main.site {}
  /*  .event-item-o-0 .event-item-img{
   right: 6%;
   }
    .event-item-o-1 .event-item-text{right: 2%;}
 .event-item-o-1 .event-item-img{
   left: 1%;
   }
    .event-item-o-0 .event-item-text{left: 1%;}*/
}