/*-> Slick Slider
================================ */
.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;
	width: 100%;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-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;
}

#testimonials .slick-track {
	display: flex;
	align-items: center;
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	outline: none;
	min-height: 1px;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	position: absolute;
	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-dots {
    position: absolute;
    display: block;
    padding: 0;
    list-style: none;
    text-align: right;
    transform: translateX(-50%);
    left: 50%;
    bottom: 15px;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        margin: 0 7px;
        padding: 0;
        cursor: pointer;
    }

    .slick-dots li button {
        padding: 0;
        font-size: 0;
        line-height: 0;
        display: block;
        width: 11px;
        height: 11px;
        background-color: #eee;
        cursor: pointer;
        outline: none;
        border: none;
        border-radius: 50%;
        box-shadow: 0 15px 25px -15px rgba(0,0,0,.9);
    }

        .slick-dots li.slick-active button,
        .slick-dots li:hover button{
            transform: scale(1.3);
            background-color: #be937e;
        }

.slick-disabled{
	opacity: 0;
	visibility: hidden;
} 
/*================================ */


/* -> Main
================================ */
.datepicker-container {
    background-color: #fff;
    direction: ltr;
    font-size: 12px;
    left: 0;
    line-height: 30px;
    position: fixed;
    top: 0;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 250px;
    z-index: -1;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    color: #1d1d1d;
    padding: 15px 10px;
  }
  
  .error .datepicker-container{
      border-color: #e10000!important;
  }
  
  .datepicker-label{
      font-size: 14px;
  }
  
      .datepicker-label span{
          margin-left: 5px;
      } 
  
      .datepicker-label-featured{
          color: rgba(123, 22, 217, 0.3)!important;
      }
  
      .datepicker-label-picked{
          color: #be937e;
      }
  
      .datepicker-label-invalid{
          color: #f5f5f5;
      }
  
  .datepicker-dropdown {
    border: 1px solid #ccc;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    position: absolute;
    z-index: 1;
  }
  
  .datepicker-inline {
    position: static;
  }
  
  .datepicker-top-left,
  .datepicker-top-right {
    border-top-color: #be937e;
  }
  
  .datepicker-top-left::before,
  .datepicker-top-left::after,
  .datepicker-top-right::before,
  .datepicker-top-right::after {
    border-top: 0;
    left: 10px;
    top: -5px;
  }
  
  .datepicker-top-left::before,
  .datepicker-top-right::before {
    border-bottom-color: #39f;
  }
  
  .datepicker-top-left::after,
  .datepicker-top-right::after {
    border-bottom-color: #fff;
    top: -4px;
  }
  
  .datepicker-bottom-left,
  .datepicker-bottom-right {
    border-bottom-color: #39f;
  }
  
  .datepicker-bottom-left::before,
  .datepicker-bottom-left::after,
  .datepicker-bottom-right::before,
  .datepicker-bottom-right::after {
    border-bottom: 0;
    bottom: -5px;
    left: 10px;
  }
  
  .datepicker-bottom-left::before,
  .datepicker-bottom-right::before {
    border-top-color: #be937e;
  }
  
  .datepicker-bottom-left::after,
  .datepicker-bottom-right::after {
    border-top-color: #fff;
    bottom: -4px;
  }
  
  .datepicker-top-right::before,
  .datepicker-top-right::after,
  .datepicker-bottom-right::before,
  .datepicker-bottom-right::after {
    left: auto;
    right: 10px;
  }
  
  .datepicker-panel > ul {
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
  }
  
  .datepicker-panel > ul[data-view="months"] {
    margin-top: 10px;
    font-size: 13px;
  }
  
  .datepicker-panel > ul[data-view="week"] {
    color: #282828;
    margin-top: 7px;
    font-size: 13px;
    font-weight: 600;
  }
  
  .datepicker-panel > ul[data-view="days"] {
    color: #333;
    font-size: 13px;
    font-weight: 600;
  }
  
  .datepicker-panel > ul::before,
  .datepicker-panel > ul::after {
    content: " ";
    display: table;
  }
  
  .datepicker-panel > ul::after {
    clear: both;
  }
  
  .datepicker-panel > ul > li {
    background-color: #fff;
    cursor: pointer;
    float: left;
    height: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 14.28%;
  }
  
  .datepicker-panel > ul > li:hover,
  .datepicker-panel > ul > li[data-view="month current"]:hover,
  .datepicker-panel > ul > li[data-view="year current"]:hover{
    color: #fff;
    background-color: #be937e;
  }
  
  .datepicker-panel > ul[data-view="week"] > li:hover {
    color: #282828;
  }
  
  .datepicker-panel > ul > li.muted {
    color: #999;
  }
  
  .datepicker-panel > ul > li.muted:hover {
    color: #fff;
    background-color: #be937e;
  }
  
  .datepicker-panel > ul > li.highlighted {
      color: #282828;
      font-weight: 600;
  }
  
  .datepicker-panel > ul > li.highlighted:hover {
    color: #FFFFFF;
  }
  
  .datepicker-panel > ul > li.picked,
  .datepicker-panel > ul > li.picked:hover {
    color: #fff;
    background-color: #be937e;
  }
  
  .datepicker-panel > ul > li.disabled,
  .datepicker-panel > ul > li.disabled:hover {
    background-color: #f5f5f5;
    color: #ccc!important;
    cursor: default;
  }
  
  .datepicker-panel > ul > li.disabled.highlighted,
  .datepicker-panel > ul > li.disabled:hover.highlighted {
    background-color: #fff;
  }
  
  .datepicker-panel > ul > li.featured {
    background-color: rgba(123, 22, 217, 0.3)!important;
    color: #fff!important;
  }
  
  .datepicker-panel > ul > li.featured:hover {
    background-color: rgba(123, 22, 217, 0.3)!important;
    color: #fff!important;
  }
  
  .datepicker-panel > ul > li[data-view="years prev"],
  .datepicker-panel > ul > li[data-view="year prev"],
  .datepicker-panel > ul > li[data-view="month prev"],
  .datepicker-panel > ul > li[data-view="years next"],
  .datepicker-panel > ul > li[data-view="year next"],
  .datepicker-panel > ul > li[data-view="month next"],
  .datepicker-panel > ul > li[data-view="next"] {
    font-size: 18px;
  }
  
  .datepicker-panel > ul > li[data-view="years current"],
  .datepicker-panel > ul > li[data-view="year current"],
  .datepicker-panel > ul > li[data-view="month current"] {
    width: 71.44%;
    letter-spacing: -0.45px;
    color: #000;
  }
  
  .datepicker-panel > ul[data-view="years"] > li,
  .datepicker-panel > ul[data-view="months"] > li {
    height: 60px;
    line-height: 60px;
    width: 25%;
  }
  
  .datepicker-panel > ul[data-view="week"] > li,
  .datepicker-panel > ul[data-view="week"] > li:hover {
    background-color: #fff;
    cursor: default;
  }
  
  .datepicker-hide {
    display: none;
  }
/*================================ */


/* -> Main
================================ */
body {
    position: relative;
	font-family: 'Roboto', sans-serif;
	line-height: 27px;
	font-size: 15px;
    color: #181818;
	overflow-x: hidden;
    transition: left .3s;
    -moz-transition: left .3s;
    -webkit-transition: left .3s;
    -o-transition: left .3s;
    left:0;
}

a{
	color: #be937e;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s
}

a:hover {
	color: #be937e;
    text-decoration: none;
}

.transition {
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s
}

.beige{
    color: #be937e!important;
}

.title-box {
    text-align: center;
    position: relative;
    margin-bottom: 30px;
}

.title-box-left {
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
    text-align: left;
}

    .title-box hr,
    .title-box-left hr{
        width: 80px;
        border:1px solid #be937e;
        margin-top: 5px;
        margin-left: 0;
    }

    .title-box hr{
        margin: 5px auto 0px auto;
        display: inline-block;
    }

    .pre-title{
        color: #be937e;
        text-transform: uppercase;
        font-size: 14px;
        margin-bottom: 15px;
    }

    .title,
    .title-white {
    	font-size: 28px;
        line-height: 37px;
        font-weight: 600;
        position: relative;
        font-family: 'Poppins', serif;
        margin-bottom: 0;
    }

    .title {
    	color: #181818;
    }

    .title-white {
    	color: #fff;
    }

    .title-text,
    .title-text-white{
        margin-top: 30px;
        margin-bottom:15px;
        font-size: 16px;
        text-align: justify;
    }

    .title-text-white{
        color: #D3D3D5;
    }

.section-title{
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    font-family: 'Poppins', serif;
    position: relative;
    z-index: 2;
}


.button,
.button2,
.button3,
.button4{
    cursor: pointer;
    font-family: 'Poppins', serif;
    font-size: 12px;
    padding: 14px 25px;
    text-transform: uppercase;
    line-height: 1;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    font-weight: 600;
    letter-spacing: .5px;
    position: relative;
    z-index: 1;
    color: #ffffff!important;
    outline: none;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    background-color: transparent;
}

.button{
    box-shadow: 0 0 0 3em #be937e inset;
}
    
    .button:hover {
        box-shadow: 0 0 0 2px #be937e inset;
        color: #be937e!important;
    }

.button2{
    box-shadow: 0 0 0 1px #ffffff inset;
}

    .button2:hover {
        box-shadow: 0 0 0 2em #be937e inset;
    }

.button3{
    color: #be937e!important;
    padding: 0;
}

    .button3:hover i{
        transform: translateX(5px);
    } 

.button4{
    border: 2px solid #be937e;
    color: #be937e!important;
}

    .button4:hover {
        box-shadow: 0 0 0 2em #be937e inset;
        color: #fff!important;
    }

.button i,
.button2 i,
.button3 i{
    margin-left: 10px;
}

.button3 i{
    margin-left: 10px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.button.disabled{
    filter: saturate(0);
    opacity: 0.6;
}

    .button.disabled:hover{
        box-shadow: 0 0 0 3em #be937e inset;
        color: #fff!important;
        cursor: not-allowed;
    }


/*Header*/
#pages-header{
    position: relative;
    padding: 190px 0px 40px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

    #pages-header h1{
        font-weight: 600;
        font-size: 36px;
        line-height:46px;
        margin: 0;
        padding: 0;
        font-family: "Poppins", sans-serif;
        position: relative;
        display: inline-block;
        z-index: 3;
    }

        #pages-header h1 span{
            display: block;
            font-weight: 600;
            font-size: 30px;
            line-height: 40px;
            margin-top: 5px;
        }

    .breadcrumb{
        font-size:14px;
        line-height: 20px;
        color:#999;
        background-color:transparent;
        padding:0;
        font-weight: 400;
        margin:10px 0px 20px 0px;
        display: block;
        position: relative;
        z-index: 3;
    }

        .breadcrumb > li{
            display:inline-block;
        }

            .breadcrumb > li + li:before{
                content:"\f105";
                font-size: 14px;
                padding:0 14px 0 12px;
                font-family:"Font Awesome 5 Free";
                font-weight: 800;
            }

            .breadcrumb li a{
                color:#999;
                text-decoration: none;
            }

                .breadcrumb > .active{
                    color:#999;
                    text-decoration:none;
                }

                .breadcrumb li a:hover{
                    color:#be937e;
                    text-decoration:underline;
                }

    #pages-header hr{
        width: 80px;
        border:1px solid #be937e;
        margin-top: 5px;
        margin-left: 0;
    }

/*Tabs*/
.tabs{
    border-radius: 5px;
    border: 1px solid #be937e;
    display: inline-flex;
    text-align: center;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 4;
}
    
    .tabs li{
        float: left; 
        display: block;
    }

    .tabs li:not(:last-child){
        border-right: 1px solid #be937e;
    }

        .tabs li a{
            padding: 10px 15px;
            cursor: pointer;
            line-height: 22px;
            color: #191919;
            user-select:none;
            display: flex; 
            align-items: center;
            height: 100%;
        }

        .tabs li.active a,
        .tabs li a:hover{
            background-color: #be937e;
            color: #ffffff!important;
        }

.tabs-content{
    display: none;
    padding: 15px;
    position: relative;
    z-index: 4;
}

    .tabs-content.active{
        display: block;
    }

    .tab-item{
        padding-left: 30px;
    }

        .tab-item p:last-child{
            margin-bottom: 0;
        }

/*Sections*/
section.has-before{
    position: relative;
}

    section.has-before:before{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: #131217;
        opacity: 0.7;
    }


/*Separator*/
.separator{
    margin: 50px 20px;
    border-top: 1px solid rgba(204,204,204, 0.5);
}

/* Cartão de Crédito */
.wpwl-form{
    margin-left: 0px;
}

/*Inputs*/
.form-input{
    margin-bottom: 30px;
}
    .form-input label{
        font-weight: 600;
    }

    .form-input.error > label{
        color: #e10000;
    }

    .form-input > div{
        position: relative;
    }

        .form-input > div > i{
            position: absolute;
            left: 25px;
            top: 19px;
            color: #be937e;
        }

    .form-input input[type="text"],
    .form-input input[type="email"],
    .form-input input[type="password"],
    .form-input textarea,
    .form-input select{
        -webkit-appearance: none; 
        -moz-appearance: none;
        appearance: none;
        border-radius: 20px;
        border: 1px solid rgba(0,0,0,0.1);
        outline: none;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        color: #181818;
        padding: 12px 50px 12px;
        width: 100%;
    }

    .form-input textarea{
        resize: none;
        height: 150px;
    }

    input[type="text"]:disabled,
    input[type="email"]:disabled,
    input[type="password"]:disabled,
    textarea:disabled,
    select:disabled{
        color: #999;
        background-image: -webkit-repeating-linear-gradient(45deg, #f5f5f5, #f5f5f5 4px, #fff 5px, #fff 8px);
	    background-image: -o-repeating-linear-gradient(45deg, #f5f5f5, #f5f5f5 4px, #fff 5px, #fff 8px);
	    background-image: repeating-linear-gradient(45deg, #f5f5f5, #f5f5f5 4px, #fff 5px, #fff 8px);
    }

    .form-input input[type="text"]:focus,
    .form-input input[type="email"]:focus,
    .form-input input[type="password"]:focus,
    .form-input textarea:focus{
        box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
        border: 1px solid rgba(0,0,0,.3);
    }

    .form-input input[type="text"].error,
    .form-input input[type="email"].error,
    .form-input input[type="password"].error,
    .form-input textarea.error,
    .form-input select.error{
        border-color: #e10000;
    }

.form-text{
    margin-top: 0!important;
    transform: translateY(-5px);
}

    .form-text input{
        transform: translateY(2px);
        display: inline-block;
    }

    .form-text label{
        cursor: pointer;
    }

    .form-text.error label,
    .form-text.error label a{
        color: #e10000!important;
    }

    .form-text label a{
        transition: none;
    }

    .form-text a:hover{
        text-decoration: underline;
    }

/*Side Button*/
#side-button-wrapper{
    position: fixed;
    top: 50%;
    right: -119.5px;
    transform: rotate(270deg);
    display: flex;
    flex-wrap: nowrap;
    z-index: 99;
}

#side-button{
    padding: 7px 20px;
    width: max-content;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    line-height: 39px;
    /* 
    position: fixed;
    right: -77px;
    top: 50%; 
    transform: rotate(-90deg) translateY(-50%) translateZ(0);
    */
    text-transform: uppercase;
    border-bottom: 0;
    background-color: #131217;
    color: #fff;
    z-index: 999;
    transition: background .3s, color .3s;
    letter-spacing: .5px;
    zoom: 1.005;
    cursor: pointer;
    border-left: 2px solid white !important;
}

a#side-button { border-left: 0px solid white !important;}

.side-button.newsletter {
    padding: 7px 20px;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    background-color: #be937e;
    line-height: 39px;
    height: 51.5px;
    text-transform: uppercase;
    border-bottom: 0;
    color: #fff;
    z-index: 999;
    transition: background .3s, color .3s;
    letter-spacing: .5px;
    zoom: 1.005;
    cursor: pointer;
    transition: all 0.7s;
}

.side-button.newsletter:hover{
    background-color: black;
}

#side-button.home{
    top: calc(50% - 42px);
}

    #side-button:hover{
        background-color: #be937e;
        color: #fff;
    }

/*Pop Box*/
#pop{
    position: fixed;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
    background-color: rgba(0,0,0,0.2);
}

#pop.open{
    opacity: 1;
    visibility: visible;
}

#pop-box{
    position: relative;
    margin-top: 95px;
    max-width: 1110px;
    height: auto;
    max-height: calc(100vh - 130px);
    -webkit-box-shadow: 0px 5px 48px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 5px 48px -8px rgba(0,0,0,0.75);
    box-shadow: 0px 5px 48px -8px rgba(0,0,0,0.75);
    background-color: #131217;
    padding: 15px 15px 40px 15px;
    display: flex;
    flex-direction: column;
    color: #fff;
}

    #pop-box #pop-close{
        right: 40px!important;
    }

    #pop-header{
        padding: 20px 40px 10px 30px;
        font-size: 25px;
        line-height: 32px;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        color: #fff;
    }

        #pop-header hr{
            width: 80px;
            border: 1px solid #be937e;
            margin-top: 12px;
            margin-left: 0;
        }

    #pop-content{
        overflow-y: auto;
        padding: 10px 30px 0px 30px;
        text-align: justify;
    }

        .pop-title{
            font-size: 20px;
            margin-bottom: 10px;
            color: #be937e;
        }

        .pop-subtitle{
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 10px;
        }

/*Accordions*/
.accordion{
    list-style: none;
    padding: 0px;
    border: 1px solid rgba(0,0,0,.2);
    border-bottom: none;
}

    .accordion-item{
        border-bottom: 1px solid rgba(0,0,0,.2);
    }

        .accordion-title{
            cursor: pointer;
            font-family: 'Poppins', sans-serif;
            text-transform: uppercase;
            color: #000;
            font-weight: 600;
            padding: 20px 30px;
            display: block;
            background-color: transparent;
            user-select: none;
            margin-bottom: 0;
        }

        .form-input.error .accordion-item .accordion-title{
            color: #e10000!important;
        }

        .accordion-item.open .accordion-title,
        .accordion-item .accordion-title:hover{
            background-color: #be937e;
            color: #fff!important;
        }

            .accordion-title input{
                margin-right: 5px;
                transform: translateY(1px);
            }        

            .accordion-title i{
                font-size: 13px;
                transition: transform .25s ease-in-out;
                margin-right: 7px;
            }

            .accordion-arrow{
                float: right;
                margin-top: 7px;
                margin-right: 0px!important;
                transform: rotate(-90deg);
            }

            .accordion-item.open .accordion-arrow{
                transform: rotate(0deg);
            }

        .accordion-text{
            display: none;
            padding: 20px 30px;
            margin: 0;
            font-size: 16px;
            line-height: 32px;
        }

/* Loading */
@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#loading {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100vh;
    position: fixed;
    background-color: rgba(19, 18, 23, 0.6);
    z-index: 1000;
    opacity: 1;
    visibility: visible;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 16px;
}

#loading.hidden {
    opacity: 0;
    visibility: hidden;
}

.lds-roller {
    margin-bottom: 10px;
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .lds-roller div {
        animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        transform-origin: 40px 40px;
    }

        .lds-roller div:after {
            content: " ";
            display: block;
            position: absolute;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #fff;
            margin: -4px 0 0 -4px;
        }

    .lds-roller div:nth-child(1) {
        animation-delay: -0.036s;
    }

        .lds-roller div:nth-child(1):after {
            top: 63px;
            left: 63px;
        }

    .lds-roller div:nth-child(2) {
        animation-delay: -0.072s;
    }

        .lds-roller div:nth-child(2):after {
            top: 68px;
            left: 56px;
        }

    .lds-roller div:nth-child(3) {
        animation-delay: -0.108s;
    }

        .lds-roller div:nth-child(3):after {
            top: 71px;
            left: 48px;
        }

    .lds-roller div:nth-child(4) {
        animation-delay: -0.144s;
    }

        .lds-roller div:nth-child(4):after {
            top: 72px;
            left: 40px;
        }

    .lds-roller div:nth-child(5) {
        animation-delay: -0.18s;
    }

        .lds-roller div:nth-child(5):after {
            top: 71px;
            left: 32px;
        }

    .lds-roller div:nth-child(6) {
        animation-delay: -0.216s;
    }

        .lds-roller div:nth-child(6):after {
            top: 68px;
            left: 24px;
        }

    .lds-roller div:nth-child(7) {
        animation-delay: -0.252s;
    }

        .lds-roller div:nth-child(7):after {
            top: 63px;
            left: 17px;
        }

    .lds-roller div:nth-child(8) {
        animation-delay: -0.288s;
    }

        .lds-roller div:nth-child(8):after {
            top: 56px;
            left: 12px;
        }

/* Recaptcha */
.grecaptcha-badge { 
    visibility: hidden;
}
/* ============================= */


/* -> cookie bar
================================ */
#cookie-bar {
	background: #be937e;
	height: auto;
	color: #fff;
	text-align: center;
	position: fixed;
	bottom: 0px;
	width: 100%;
	z-index: 600;
    padding: 8px 20px;
    font-size: 16px;
}
#cookie-bar p {
	margin: 0;
	padding: 0;
}
#cookie-bar a {
	color: #fff;
	display: inline-block;
	text-decoration: none;
	background-color: transparent;
    padding: 10px 20px;
    line-height: 1;
    margin-left: 20px;
    border-radius: 20px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	border: 1px solid #fff;
}
#cookie-bar a:hover {
	color: #be937e;
	background-color: #fff;
}
/*================================ */


/* -> Menu
================================ */
.navbar {
    z-index: 1000;
    padding: 15px 30px 15px 43px;
    background-color: #131217;
    align-items: center!important;
    position: fixed;
    width: 100%;
}

.navbar.scrolled{
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.1);
    box-shadow: 1px 1px 3px rgba(0,0,0,.1);
    background-color: #131217;
    padding: 5px 30px 5px 43px;
}

.navbar.side-padding{
    padding-right: 110px;
}

    .navbar-brand{
        padding-left: 0px;
        padding-bottom: 3px;
        position: relative;
        cursor: default;
        margin-right: 20px;
    }

        .navbar-brand img{
            height: 55px;
            filter: brightness(0) invert(1);
        }

        /* .navbar-brand:hover img{
            filter: brightness(1) invert(0);
        } */

    .navbar ul li{
        margin: 0px 15px;
        position: relative;
        min-height: 65px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

        .navbar ul > li > a{
            color: #fff!important;
            /*position: relative;*/
            padding: 0px 10px!important;
            font-size: 14px;
            line-height: 18px;
            font-weight: 600;
            font-family: 'Poppins', serif;
            text-align: left;
            vertical-align: top;
        }

            .navbar ul > li > a:before{
                position: absolute;
                content: '';
                width: 2px;
                height: 50%;
                background-color: #fff;
                left: -5px;
                top: 50%;
                transform: translateY(-50%);
            }

        .navbar ul > li > a.social-link{
            color: #fff!important;
            padding: 1px 5px!important;
            text-align: right;
        }

        .navbar ul > li > a.social-link:before{
            display: none;
        }

            .navbar ul > li > a:hover,
            .navbar ul > li > a:focus,
            .navbar ul > li.active > a{
                color: #be937e!important;
            }

            .navbar ul > li > a > i{
                font-weight: 700;
                margin-right: 5px;
            }

            .menu-en{
                font-size: 12px;
            }

            .dropdown-menu {
                position: absolute;
                top: 105%;
                padding: 10px;
                background-color: #be937e;
                border: none;
            }

                .dropdown-toggle::after {
                    transform: translateY(2px);
                    border-top: 0.3em solid #be937e;
                }

                .dropdown-item {
                    padding: 3px 10px;
                    font-weight: 400;
                    font-size: 15px;
                    color: #fff;
                    font-family: 'Poppins', serif;
                }

/*Sidebar Menu*/
#sidebar-toggler{
    position: absolute;
    right: 50px;
    top: calc(50% + -5px);
    display: flex;
    align-items: center;  
    flex-direction: column; 
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 14px;   
    color: #fff;  
    transform: translateY(-50%);
    cursor: pointer;
    backface-visibility: hidden;
}

    #sidebar-toggler span{
        display: block;
        width: 30px;
        box-shadow: 0 2px 10px 0 rgba(0,0,0,0.3);
        margin-top: 6px;
        height: 3px;
        background: #fff;
        transition: all .3s;
        position: relative;
    }

    #sidebar-toggler:hover span{
        background: #be937e;
    }

#sidebar-menu {
    background: #2a292e;
    position: fixed;
    height: 100vh;
    width: 370px;
    right: -370px;
    top: 0;
    z-index: 9999;
    padding: 37px 40px 30px 40px;
    color: #fff;
    overflow-y: auto;
}

#sidebar-menu.active{
    right: 0;
}

    #sidebar-close,
    #pop-close{
        position: absolute;
        right: 50px;
        top: 50px;
        width: 30px;
        height: 40px;
        margin-top: -20px;
        cursor: pointer;
        z-index: 10;
    }

    #pop-close{
        right: 30px;
    }

        #sidebar-close span,
        #pop-close span{
            position: absolute;
            background-color: #fff;
            height: 2px;
            width: 100%;
            top: 50%;
        }

        #sidebar-close span:first-child,
        #pop-close span:first-child{
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
        }

        #sidebar-close span:last-child,
        #pop-close span:last-child{
            transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
        }

    .sidebar-title{
        font-size: 20px;
        margin-bottom: 20px;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
    }

    #sidebar-menu ul{
        list-style-type: none;
        padding: 0;
    }

        #sidebar-menu ul li:not(:last-child){
            border-bottom: 1px solid #3a393e;
        }

            #sidebar-menu ul li a{
                color: #fff;
                font-family: 'Poppins', sans-serif;
                font-size: 14px;
                padding: 20px 10px;
                line-height: 22px;
                display: block;
                cursor: pointer;
            }

                #sidebar-menu > ul > li.active > a,
                #sidebar-menu > ul > li > a:hover{
                    color: #be937e;
                }

                #sidebar-menu ul li a i{
                    margin-right: 5px;
                    color: #be937e;
                }

        #sidebar-socials{
            margin-top: 0px;
            font-size: 20px;
        }

            #sidebar-socials a{
                margin-right: 15px;
                color: #fff;
            }
/* ============================= */


/* -> Slideshow
================================ */
#slideshow {
    position: relative;
    background-color: #fff;
    padding: 0px 0px;
}

    #slideshow-carousel{
        width: 100%;
    }

        #slideshow-carousel .slick-track{
            background-color: #09090B;
        }

        .slide{
            min-height: 800px;
            position: relative;
            height: 100vh;
            background-color: #09090B;
        }

            .slick-active .slide-img {
                background-size: cover;
                background-position: center;
                width: calc(100%);
                height: 100%;
                position: absolute;
            }

        .caption-box{
            background-color: rgba(0,0,0,0.6);
            width: 100%;
            height: 100%;
            padding: 0px 50px 40px 50px;
            position: relative;
            z-index: 3;
        }

        .caption{
            max-width: 800px;
        }     

            .caption h4{
                font-size:15px;
                line-height: 16px;
                margin: 0;
                margin-bottom: 10px;
                color: #be937e;
                font-weight: 400;
                letter-spacing: 1px;
                font-family: 'Poppins', sans-serif;
                opacity: 0;
                text-transform: uppercase;
                visibility: hidden;
                -webkit-transform: translateX(100px);
                    -ms-transform: translateX(100px);
                        transform: translateX(100px);
                -webkit-transition-duration: 0s;
                     -o-transition-duration: 0s;
                        transition-duration: 0s;
            }

                .slick-active .caption h4{
                    opacity: 1;
                    visibility: visible;
                    -webkit-transform: translateX(0px);
                      -ms-transform: translateX(0px);
                          transform: translateX(0px);
                    -webkit-transition-duration: 2s;
                       -o-transition-duration: 2s;
                          transition-duration: 2s;
                    -webkit-transition-delay: 0.4s;
                       -o-transition-delay: 0.4s;
                          transition-delay: 0.4s;
                }

            .caption h2{
                font-size: 40px;
                line-height: 55px;
                margin: 0;
                color: #FFF;
                font-family: 'Poppins', serif;
                font-weight: 600;
                opacity: 0;
                visibility: hidden;
                -webkit-transform: translateX(100px);
                    -ms-transform: translateX(100px);
                        transform: translateX(100px);
                -webkit-transition-duration: 0s;
                     -o-transition-duration: 0s;
                        transition-duration: 0s;
            }

                .slick-active .caption h2{
                    opacity: 1;
                    visibility: visible;
                    -webkit-transform: translateX(0px);
                      -ms-transform: translateX(0px);
                          transform: translateX(0px);
                    -webkit-transition-duration: 2s;
                       -o-transition-duration: 2s;
                          transition-duration: 2s;
                    -webkit-transition-delay: 0.8s;
                       -o-transition-delay: 0.8s;
                          transition-delay: 0.8s;
                }

            .caption p{
                font-size: 16px;
                line-height: 26px;
                max-width: 800px;
                margin: 25px 0 0;
                color: #FFF;
                opacity: 0;
                visibility: hidden;
                -webkit-transform: translateX(100px);
                    -ms-transform: translateX(100px);
                        transform: translateX(100px);
                -webkit-transition-duration: 0s;
                     -o-transition-duration: 0s;
                        transition-duration: 0s;
            }

                .slick-active .caption p{
                    opacity: 1;
                    visibility: visible;
                    -webkit-transform: translateX(0px);
                      -ms-transform: translateX(0px);
                          transform: translateX(0px);
                    -webkit-transition-duration: 2s;
                       -o-transition-duration: 2s;
                          transition-duration: 2s;
                    -webkit-transition-delay: 0.8s;
                       -o-transition-delay: 0.8s;
                          transition-delay: 0.8s;
                }

            .caption .caption-button{
                opacity: 0;
                margin-top: 30px; 
                visibility: hidden;
                -webkit-transform: translateX(100px);
                    -ms-transform: translateX(100px);
                        transform: translateX(100px);
                -webkit-transition-duration: 0s;
                     -o-transition-duration: 0s;
                        transition-duration: 0s;
            }

                .slick-active .caption .caption-button{
                  opacity: 1;
                  visibility: visible;
                  -webkit-transform: translateX(0px);
                      -ms-transform: translateX(0px);
                          transform: translateX(0px);
                  -webkit-transition-duration: 1.8s;
                       -o-transition-duration: 1.8s;
                          transition-duration: 1.8s;
                  -webkit-transition-delay: 1.1s;
                       -o-transition-delay: 1.1s;
                          transition-delay: 1.1s;
                }

    .slideshow-nav{
        right: 0;
        position: absolute;
        bottom: 0;
        display: inline-block;
        justify-content: flex-end;
        width: 100%;
    }

        .slideshow-nav-item{
            padding: 0 30px;
            height: 140px;
            position: relative;
            color: #b2b2b2!important;
            cursor: pointer;
            width: 20%;
            background-color: #131217;
        }

            .slideshow-nav-item:hover,
            .slideshow-nav-item.active{
                color: #fff!important;
                background-color: #2a292e;
            }

        .slideshow-nav-item:not(:first-child):before{
            border-left: 1px solid #313034;
            content: '';
            display: block;
            height: 100%;
            width: 0;
            position: absolute;
            left: 0;
            top: 0;
        }

            .slideshow-nav-item-name{
                font-size: 16px;
                line-height: 22px;
                font-weight: 600;
                font-family: 'Poppins', serif;
            }

            .slideshow-nav-item-extra{
                font-family: 'Poppins', serif;
                font-size:13px;
                line-height: 15px;
                margin: 0;
                color: #be937e;
                font-weight: 400;
                letter-spacing: 1px;
                margin-top: 10px;
                text-transform: uppercase;
            }
/* ============================= */


/* -> Slider
================================ */
#slider{
    position: relative;
    margin-bottom: 130px;
}

    #arrows{
        position: absolute;
        z-index: 10;
        left: 0;
        top: calc(50% + 47px);
        left: 0;
        right: 0;
        display: flex;
        flex-direction: column;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

    #arrows.disabled{
        opacity: 0.4;
    }

        #arrows .slider-prev,
        #arrows .slider-next{
            width: 50px;
            height: 40px;
            cursor: pointer;
            border: 2px solid #be937e;
            transition: all 0.1s ease-in-out 0s;
            outline: none!important;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            user-select: none;
        }

        #arrows.disabled .slider-prev,
        #arrows.disabled .slider-next{
            cursor: default;
        }

        #arrows .slider-next{
            border-bottom: 0;
        }

        #arrows .slider-prev img,
        #arrows .slider-next img{
            height: 30px;
        }
        
            #arrows .slider-prev:hover,
            #arrows .slider-next:hover{
                background: rgba(255,255,255,0.1);
            }

            #arrows.disabled .slider-prev:hover,
            #arrows.disabled .slider-next:hover{
                background: none;
            }

    .slider-slide{
        position: relative;
        z-index: 4;
        height: 500px;
        display: flex!important;
        align-items: center;
        padding-top: 95px;
    }

        .slider-bg{
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background-size: cover;
            background-position: center;
        }

            .slider-bg:after{
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background-color: #000;
                opacity: 0.6;
                z-index: 1;
            }

        .slider-info{
            padding-left:100px;
        }

            .slider-title{
                z-index: 3;
                color: #fff;
                font-size: 30px;
                line-height: 40px;
                font-weight: 600;
                position: relative;
                font-family: 'Poppins', serif;
            }

            .slider-text{
                position: relative;
                z-index: 3;
                color: #ffffff;
                margin-top: 10px;
                margin-bottom: 25px;
            }
/* ============================= */


/* -> About
================================ */
#about{
    padding-bottom: 130px;
}

    #about .tab-item{
        padding-left: 0px;
    }

    #about .tab-item:before{
        display: none;
    }

    #about-images{
        margin-top: 0px;
        display: flex;
        flex-direction: column;
    }

        .about-img{
            height: 100%;
            padding: 0;
            background-size: cover;
            background-position: center;
        }

        .about-img:not(:last-child){
            margin-bottom: 30px;
        }
/* ============================= */



/* -> Courses
================================ */
#courses{}

    .course-background{
        background-size: cover;
        background-position: center;
        transition: all 600ms ease-in-out;
        filter: grayscale(50%); 
    }

    .course-info{
        padding: 60px 80px;
        min-height: 500px;
        background-color: #f5f5f5;
    }

        .course-pre-title{
            font-size: 16px;
            line-height: 16px;
            margin-bottom: 10px;
            font-family: 'Poppins', sans-serif;
            font-weight: 600;
            color: #be937e;
        }

        .course-title{
            font-family: 'Poppins', sans-serif;
            font-size: 24px;
            line-height: 34px;
            font-weight: 600;
            margin-bottom: 15px;
        }

        .course-text{
            margin-bottom: 15px;
            text-align: justify;
        }

        .course-table{
            width: 100%;
            margin-top: 15px;
            min-width: 600px;
            
        }

            .course-table tr{
                border-top: none;
                border-left: none;
                border-right: none;
                border-style: double;
                border-color: #fff;
            }

                .course-table td{
                    padding: 15px 20px;
                    border: 4px double #cba897;
                }

                .course-table td:first-child{
                   background-color: #cba897;
                   color: #fff;
                   border-bottom-color: #FFF;
                }

                .course-table tr:last-child td:first-child{
                    border-bottom: 4px double #cba897;
                 }

                .course-table td:first-child{
                    white-space: nowrap;
                }
/* ============================= */



/* -> Frequency Modalities
================================ */
#frequency-modalities{
    padding: 130px 0px;
}
    
    .frequency-modality{
        padding-top: 40px;
        text-align: center;
    }
        
        .frequency-modality-icon{
            background-color: #be937e;
            height: 130px;
            width: 130px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0px auto 30px auto;
        }

            .frequency-modality-icon img{
                height: 65px;
                
            }

        .frequency-modality-name{
            font-family: 'Poppins', sans-serif;
            font-size: 21px;
            color: #181818;
            margin-bottom: 15px;
            font-weight: 600;
        }

        .frequency-modality .main-button{
            background-color: #be937e;
            padding: 15px 30px;
            font-size: 14px;
        }

            .frequency-modality .main-button i{
                font-size: 16px;
            }
/* ============================= */



/* -> Admission Conditions
================================ */
#admission-conditions{
    padding: 130px 0px;
}

    .admission-conditions-text{
        font-size: 17px;
        line-height: 36px;
        color: #fff;
        position: relative;
        text-align: justify;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
    }
/* ============================= */



/* -> Language School
================================ */
#language-school{
    padding-bottom: 130px;
}

    #teachers-language-school{
        margin-top: 90px;
    }

        #teachers-language-school .teacher-img{
            height: 250px;
        }


    #admission-language-school{
        margin-top: 40px;
    }
/* ============================= */



/* -> Teachers
================================ */
#teachers{
    padding-bottom: 90px;
}

    .teacher{
        margin-bottom: 40px;
    }

        .teacher-img{
            height: 160px;
            background-size: cover;
            background-position: center;
        }

        .teacher-name{
            font-weight: 600;
            font-family: 'Poppins',sans-serif;
            margin-top: 10px;
            font-size: 15px;
            line-height: 20px;
        }

        .teacher-job{
            /*font-weight: 600;*/
            color: #be937e;
            line-height: 20px;
            margin-top: 5px;
            font-size: 14px;
        }
/* ============================= */



/* -> Last Highlights
================================ */
#last-highlights{
    padding-bottom: 130px;
}

    .last-highlights{

    }   

        .last-highlights-box{

        }

        .last-highlights:hover .last-highlights-box{
            box-shadow: 0 30px 30px -10px rgba(0,0,0,.2);
        }

        .last-highlights-img{
            height: 220px;
            background-position: center;
            background-size: cover;
            position: relative;
            display: block;
        }

            .last-highlights-img:after{
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background-color: #000;
                opacity: 0;
                -webkit-transition: all 0.5s ease;
                -ms-transition: all 0.5s ease;
                transition: all 0.5s ease;
            }

            .last-highlights-img:hover:after{
                opacity: 0.5;
            }

        .last-highlights-info{
            padding: 30px 20px 20px;
        }

            .last-highlights-date{
                color:#be937e;
                font-weight: 600;
                font-size: 18px;
                text-transform: uppercase;
                border-right: 1px solid #181818;
                padding-right: 15px;
                text-align: center;
            }

                .last-highlights-date span{
                    font-size: 28px;
                    display: block;
                }

            .last-highlights-title{
                font-size: 20px;
                line-height: 26px;
                font-weight: 600;
                font-family: 'Poppins', serif;
                color: #181818;
                padding-left: 15px;
            }

            .last-highlights-text{
                margin-top: 15px;
                text-align: justify;
                margin-bottom: 15px;
            }

            .last-highlights-button{
                font-size: 13px;
                text-transform: uppercase;
                letter-spacing: 1.5px;
                color: #be937e!important;
                margin-top: 10px;
                display: inline-block;
                position: relative;
                padding-right: 75px; 
                cursor: pointer;
            }

            .last-highlights-button:after{
                height: 2px;
                width: 41px;
                content: "";
                position: absolute;
                top: 50%;
                right: 19px;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                -webkit-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                transition: all 0.3s ease;
                opacity: 0.3;
                margin-top: 1px;
                background-color: #be937e;
            }

            .last-highlights-button:hover:after{
                margin-right: -10px;
                opacity: 1;
            }
/* ============================= */


/* -> Highlights Page
================================ */
#highlights{
    padding-bottom: 90px;
}
    
    .highlights{
        margin-bottom: 60px;
    }

        .highlights-image{
            height: 400px;
            display: block;
            background-size: cover;
            background-position: center;
            border-top-right-radius: 10px;
            border-top-left-radius: 10px;
            border: 1px solid rgba(0,0,0,.1);
            border-bottom: none;
        }

        .highlights-info{
            padding: 30px 50px;
            border: 1px solid rgba(0,0,0,.1);
            border-top: none;
            border-bottom-right-radius: 10px;
            border-bottom-left-radius: 10px;
        }

            .highlights-category{
                font-family: 'Poppins', sans-serif;
                color: #be937e;
                font-weight: 600;
                text-transform: uppercase;
                margin-bottom: 10px;
                font-size: 12px;
                line-height: 20px;
            }

            .highlights-title{
                font-family: 'Poppins', sans-serif;
                font-size: 24px;
                font-weight: 600;
                color: #181818;
            }

            .highlights-details{
                font-weight: 300;
                margin: 15px 0px;
                line-height: 20px;
            }

                .highlights-details i{
                    color: #a3a3a3;
                    margin-right: 3px;
                }

            .highlights-text{
            }

            .highlights-buttons{
                margin-top: 40px;
            }

                .highlights-share{
                    display: flex;
                }

                    .highlights-share a,
                    #s-share a{
                        height: 30px;
                        width: 30px;
                        box-shadow: 0 0 0 1em #a3a3a3 inset;
                        color: #fff!important;
                        border-radius: 50%;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        margin-right: 10px;
                        background-color: #be937e;
                    }

                        .highlights-share a:hover,
                        #s-share a:hover{
                            box-shadow: none;
                        }

    .pagination{
        padding: 0px 15px;
        list-style-type: none;
        justify-content: flex-end;
    } 

        .pagination li{
            display: inline-block;
        }

            .pagination li a{
                height: 40px;
                width: 40px;
                border-radius: 50%;
                color: #fff;
                background-color: #a3a3a3;
                line-height: 40px;
                text-align: center;
                display: inline-block;
                margin-left: 10px;
            }

                .pagination li a.active,
                .pagination li a:hover{
                    background-color: #be937e;
                    color: #fff!important;
                }

                .pagination li a i{
                    padding-top: 13px;
                    display: block;
                }

    #highlights-sidebar{
        padding-left: 40px;
    }

        #s-categories{
            list-style-type: none;
            padding: 0;
            margin-bottom: 60px;
        }

            #s-categories li:not(:last-child){
                border-bottom: 1px solid rgba(0,0,0,.07);
            }

                #s-categories li a{
                    padding: 12px 0px;
                    color: #181818;
                    display: block;
                    font-weight: 600;
                }

                    #s-categories li.active a,
                    #s-categories li a:hover{
                        color: #be937e;
                    }

                    #s-categories li a i{
                        color: #be937e;
                        margin-right: 5px;
                    }

                    #s-categories li a span{
                        position: absolute;
                        right: 15px;
                        color: #be937e
                    }

        #s-highlights{
            margin-bottom: 60px;
        }

            .s-highlights{
                display: flex;
                align-items: center;
                justify-content: flex-start;
                margin-bottom: 15px;
                position: relative;
                color: #a4a4a4;
            }

                .s-highlights-img{
                    height: 80px;
                    width: 80px;
                    border-radius: 50%; 
                    margin-right: 15px;
                    display: inline-block;
                    background-size: cover;
                    background-position: center;
                    flex-shrink: 0;
                }

                .s-highlights-info{
                    width: 100%;
                }

                    .s-highlights-title{
                        font-weight: 600;
                        color: #181818;
                        font-family: 'Poppins', sans-serif;
                    }

                    .s-highlights:hover .s-highlights-title{
                        color: #be937e;
                    }

                    .s-highlights-date{
                        text-transform: capitalize;
                    }

        #s-share{
            margin-bottom: 60px;
        }

            #s-share a{
                height: 40px;
                width: 40px;
                box-shadow: 0 0 0 2em #a3a3a3 inset;
            }
/* ============================= */


/* -> Highlights Single Page
================================ */
#highlights-single-page{
    padding-bottom: 130px;
}

    #highlights-single-img{
        margin-bottom: 0px;
    }

        #highlights-single-img img{
            width: 100%;
        }

    #highlights-single-page .news-title{
        font-size: 28px;
        line-height: 38px;
    }
    
    #highlights-single-page .highlights-category{
        margin-top: 15px;
    }

    #highlights-single-page .news-details{
        font-size: 17px;
        margin-top: 15px;
        margin-bottom: 40px;
    }
/* ============================= */


/* -> newsletter
================================ */
#thankYouPageWrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100vh;
    justify-content: center;
}

#newsletter{
    background-color: #be937e;
    padding: 40px 0px 30px 0px;
}

    .newsletter-title{
        font-family: 'Poppins', sans-serif;
        font-size: 26px;
        line-height: 36px;
        font-weight: 600;
        color: #FFF!important;
    }
    
    .nameData{
        display: flex;
        flex-direction: row;
        max-width: 445px;
        gap: 1.7rem;
        margin-bottom: 1rem;
    }

    .firstName, .lastName{
        padding: 7px 10px 7px 20px;
        border-radius: 50px;
        border: 1px solid #fff;
        line-height: 1;
        outline: none;
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        max-width: 210px;
        width: 100%;
    }

    #newsletter input[type="email"]{
        padding: 7px 10px 7px 20px;
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
        border: 1px solid #fff;
        line-height: 1;
        outline: none;
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        max-width: 320px;
        width: 100%;
    }

    #newsletter input[type="email"].error{
        border: 1px solid #e10000;
    }

    #newsletter .button2{
        padding: 17px 25px 14px 20px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        border: none;
    }

        #newsletter .button2:hover{
            box-shadow: 0 0 0 1px #ffffff inset;
            background-color: #cba897;
        }

    #newsletter .form-text,
    #newsletter .form-text a{
        font-size: 12px;
        color: #fff;
        line-height: 20px;
        max-width: 444px;
        margin-bottom: 0;
    }


    #newsletter a.newsletter-title{
        border-left: 2px solid #fff;
        padding-left: 30px;
    }

    #newsletter a.newsletter-title:hover{
        text-decoration: underline;
    }
/* ============================= */


/* -> Contacts
================================ */
#contacts{
    padding-bottom: 90px;
}

    .contact-info{
        padding-left: 45px;
        margin-bottom: 20px;
    }

        .contact-info i{
            position: absolute;
            left: 15px;
            top:5px;
            font-size: 20px;
            color: #be937e;
        }

        .contact-info span{
            display: block;
            font-weight: 600;
            font-size: 14px;
            font-family: 'Poppins', sans-serif;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

    
#map{
    width: 100%;
    height: 500px;
    margin-top: 20px;
}       

#auditorium-informations{
    padding-bottom: 40px;
}
/* ============================= */



/* -> Student Space
================================ */
#student-space{
    padding-bottom: 100px;
}

    .files{
        display: inline-block;
        padding: 5px 0px;
        color: #000;
    }
    
        .files i{
            color: #be937e;
            margin-right: 3px;
        }
/* ============================= */



/* -> Auditorium Schedule
================================ */
#auditorium-schedule{
    padding-top: 95px;
}

#auditorium-schedule .show,
#show-page .show,
#checkout-page .show,
#festival-show-page .show{
        position: relative;
        height: 500px;
        padding: 60px 45px 0px;
        background-size: cover;
        background-position: center;
        overflow: hidden;
    }

    #auditorium-schedule .show:before,
    #show-page .show:before,
    #checkout-page .show:before,
    #festival-show-page .show:before{
            content: '';
            position: absolute;
            z-index: 2;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            opacity: .9;
            background: linear-gradient(to top,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.8) 20%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);
        }

        .show-info{
            position: relative;
            z-index: 3;
        }

            .show:hover .show-info{
                transform: translateY(-52px);
                -webkit-transform: translateY(-52px);
                -moz-transform: translateY(-52px);
                -ms-transform: translateY(-52px);
                -o-transform: translateY(-52px);
}

            .show-date{
                color: #be937e;
                font-size: 14px;
                font-weight: 600;
                text-transform: uppercase;
                font-family: 'Poppins', sans-serif;
                position: relative;
                margin-bottom: 5px;
                display: flex;
                flex-direction: column;
            }

                .date-status{
                    display: inline-block;
                    position: relative;
                    margin-top: 20px;
                }

                .date-status.canceled{
                    text-decoration: line-through;
                }

                    .date-status:after{
                        position: absolute;
                        top: -20px;
                        left: 0;
                        text-align: left;
                        font-size: 12px;
                        letter-spacing: 0.3px;
                        backface-visibility: hidden;
                        -webkit-backface-visibility: hidden;
                    }

                    .date-status.postponed:after{
                        content: 'Adiado';
                        color: yellow;
                    }

                    .date-status.canceled:after{
                        content: 'Cancelado';
                        color: yellow;
                    }

                    .date-status.sold-off:after{
                        content: 'Lotação Esgotada';
                        color: red;
                    }

                .show-date i{
                    margin-right: 5px;
                }

            .show-title,
            .show-subtitle{
                font-family: 'Poppins', sans-serif;
                font-size: 20px;
                font-weight: 600;
                line-height: 28px;
                color: #fff;
                position: relative;
            }

            .show-subtitle{
                font-weight: normal!important;
            }


            .show-text{
                position: relative;
                color: #cecbcb;
                margin-top: 10px;
            }

            .show-buttons{
                z-index: 3;
                margin-top: 15px;
                opacity: 0;
                visibility: hidden;
            }

                .show:hover .show-buttons{
                    opacity: 1;
                    visibility: visible;
                }

#exhibition{
    padding: 60px 0px;
}

    .exhibition-img div{
        height: 100%;
        background-position: center;
        background-size: cover;
        min-height: 280px;
    }

    .exhibition-author{
        color: #be937e;
        font-weight: 600;
        font-size: 20px;
        font-family: 'Poppins', sans-serif;
    }

        .exhibition-details span{
            margin-right: 10px;
        }

        .exhibition-details i{
            margin-right: 3px;
            margin-left: 10px;
        }
/* ============================= */


/* -> Auditorium Arquive
================================ */
#auditorium-arquive{
    padding-bottom: 130px;
}
    
    .show-arquive{
    }

        .show-arquive-img{
        }

            .show-arquive-img div{
                background-size: cover;
                background-position: center;
                min-height: 300px;
                height: 100%;
            }

        .show-arquive-info{
            padding: 30px 15px 30px 30px;
        }

            .show-arquive-date{
                color: #be937e;
                font-size: 13px;
                line-height: 20px;
                font-weight: 600;
                text-transform: uppercase;
                font-family: 'Poppins', sans-serif;
                position: relative;
                margin-bottom: 5px;
                z-index: 3;
            }

                .show-arquive-date i{
                    margin-right: 5px;
                }

            .show-arquive-title,
            .show-arquive-subtitle{
                font-family: 'Poppins', sans-serif;
                font-size: 20px;
                font-weight: 600;
                line-height: 30px;
                color: #181818;
                position: relative;
                z-index: 3;
            }

            .show-arquive-subtitle{
               font-weight: normal;
            }

            .show-arquive-text{
                margin-top: 15px;
                margin-bottom: 15px;
            }

        .show-arquive hr{
            margin: 50px 0px;
        }


    #filters{}

        .filter:not(:first-child){
            margin-left: 20px;
        }

            .filter label{
                font-size: 16px;
                font-family: 'Poppins', sans-serif;
                margin-bottom: 3px;
            }

            .filter select{
                width: 100%;
                border: 1px solid rgba(0,0,0,.2);
                padding: 5px 10px;
            }

        #filters .button{
            padding: 12px 30px;
        }
/* ============================= */

/* -> Shows Page
================================ */
#show-page{
    padding: 180px 0px 0px;
}

        #show-page-img > div{
            height: 700px;
            background-size: cover;
            background-position: center;
            position: relative; 
        }
        
        #show-page-img > img{
            max-width: 100%;
            height: 700px;
            object-fit: cover;
            object-position: center;
        }

    #show-genre{
        color: #be937e;
        font-size: 19px;
        position: relative;
        font-weight: 600;
        display: block;
        text-transform: uppercase;
        font-family: 'Poppins', sans-serif;
        margin-bottom: 15px;
    }

        #show-genre img{
            width: 60px;
            margin-right: 10px;
        }

    #show-page-title,
    #show-page-subtitle{
        font-family: 'Poppins', sans-serif;
        font-size: 28px;
        color: #181818;
        font-weight: 600;
        line-height: 38px;
    }

    #show-page-subtitle{
        font-weight: normal;
    }

        #show-title-details{
            font-size: 16px!important;
            line-height: 22px!important;
            color: #999;
            font-weight: normal;
            margin-top: 5px;
        }

    #show-page-img{
        margin-top: 20px;
        margin-bottom: 20px;
    }

        .show-image-credits{
            position: absolute;
            right: 30px;
            bottom: 10px;
            color: #fff;
            font-weight: bold;
            text-shadow: 0 0 3px #000;
        }

    .show-date img{
        width: 40px;
        margin-right: 10px;
    }

    .show-details{
        position: relative;
        color: #be937e;
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        font-family: 'Poppins', sans-serif;
        display: block;
    }

        .show-details img{
            width: 60px;
            margin-right: 10px;
        }

    #show-page-text{
        margin-top: 15px;
        font-size: 17px;
        line-height: 30px;
        text-align: justify;
    }

    #show-page-media{
        margin-top: 10px;
    }

        .show-page-media-item{
            margin-top: 30px;
            height: 250px;
            background-size: cover;
            background-position: center;
            position: relative;
            display: block;
            filter: grayscale(70%);
        }

            .img-caption{
                color: #fff;
                position: absolute;
                bottom: 10px;
                left: 10px;
                right: 10px;
                width: 100%;
                opacity: 0;
            }

            .show-page-media-item:hover{
                filter: none;
            }

            .show-page-media-item:hover .img-caption{
                opacity: 1;
            }

            .show-page-media-item img{
                position: absolute;
                top: 50%;
                left: 50%;
                height: 60px;
                transform: translate(-50%, -50%);
                opacity: 0.8;
            }

    #tickets{
        margin-top: 60px;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        position: relative;
    }

        #tickets-anchor{
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            transform: translateY(-200%);
            -webkit-transform: translateY(-200%);
            -moz-transform: translateY(-200%);
            -ms-transform: translateY(-200%);
            -o-transform: translateY(-200%);
            visibility: hidden;
        }

        #tickets-box{
            box-shadow: 0 15px 25px -15px rgba(0,0,0,.2);
        }

            #tickets-header{
                background-color: #be937e;
                padding: 30px;
                font-size: 25px;
                color: #fff;
            }

            .ticket{
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 30px 20px;
                border: 1px solid rgba(82,82,82,.1);
                border-top: none;
                text-transform: uppercase;
            }

                .ticket-day{
                    width: 15%;
                }

                .ticket-hour{
                    width: 15%;
                }

                .ticket-price{
                    width: 20%;
                }

                .ticket-special-price{
                    width: 25%;
                }

                .ticket-status{
                    color: red!important;
                    font-family: 'Poppins', serif;
                    font-size: 14px;
                    text-transform: uppercase;
                    line-height: 1;
                    display: inline-block;
                    font-weight: 600;
                    letter-spacing: .5px;
                    position: relative;
                }

    #related-shows{
        margin-top: 130px;
    }
/* ============================= */



/* -> Exhibition Page
================================ */
#exhibition-page{
    padding: 180px 0px 120px;
}
/* ============================= */



/* -> Tickets Page
================================ */
#tickets-page{
    padding-bottom: 130px;
}

    #seats{
        border: 1px solid #D3D3D5;
        border-top: none;
        background-color: #f5f5f5;
        position: relative;
        padding: 0px 40px;
    }

    .seat-rows{
        position: absolute;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        height: 100%;
        width: 40px;
        color: #be937e;
        font-weight: bold;
        top: 0;
        left: 0;
        border-right: 1px solid #D3D3D5;
        text-align: center;
    }

    .seat-rows:last-child{
        left: auto;
        right: 0;
        border-left: 1px solid #D3D3D5;
        border-right: 0;
    }

        #seats-box{
            overflow-x: auto;
        }

            #seats-box > div{
                min-width: 750px;
            }

            #stage{
                position: relative;
                background-color: #be937e;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #fff;
                font-size: 24px;
                padding: 10px 15px;
                font-family: 'Poppins', sans-serif;
            }

                #stage i{
                    position: absolute;
                    right: 15px;
                }

            .seats-row{
                display: flex;
                padding: 7px 10px;
                border-top: 1px solid #D3D3D5;
                justify-content: center;
                position: relative;
            }
            
                .seat{
                    padding: 5px 3px;
                    border-left: none;
                    margin: 0;
                    position: relative;
                    cursor: pointer;
                }

                .seat.occupied,
                .seat.disabled,
                .seat.in-cart{
                    cursor: not-allowed;
                }

                    .seat img{
                        width: 28px;
                        /* filter: invert(0) sepia(0) saturate(1) hue-rotate(0deg) brightness(0.72);
                        -webkit-filter: invert(0) sepia(0) saturate(1) hue-rotate(0deg) brightness(0.72); */
                        filter: invert(0.4) sepia(1) saturate(20) hue-rotate(169.2deg) brightness(1);
                    }

                    .seat.disabled img, .seat.disabled:hover img, .seat.occupied img,
                    .seat.occupied:hover img{
                        filter: invert(0.4) sepia(1) saturate(20) hue-rotate(309.6deg) brightness(0.79)!important;
                        -webkit-filter: invert(0.4) sepia(1) saturate(20) hue-rotate(309.6deg) brightness(0.79)!important;
                    }

                    .seat.handicap img{
                        filter: invert(0.4) sepia(1) saturate(20) hue-rotate(169.2deg) brightness(1);
                    }

                        .seat:hover img{
                            filter: invert(0.4) sepia(1) saturate(1) hue-rotate(324deg) brightness(0.86);
                        }

                    /* ESTILOS DOS LUGARES OCUPADOS - VERMELHO 
                    .seat.occupied img,
                    .seat.occupied:hover img{
                        filter: invert(0) sepia(0) saturate(1) hue-rotate(0deg) brightness(0.72)!important;
                        -webkit-filter: invert(0) sepia(0) saturate(1) hue-rotate(0deg) brightness(0.72)!important;
                    } */
                    
                    

                    .seat.in-cart img,
                    .seat.in-cart:hover img{
                        filter: invert(0.4) sepia(1) saturate(20) hue-rotate(360deg) brightness(1.2);
                    }
                    
                    .seat.selected img,
                    .seat.selected:hover img{
                        filter: invert(0.4) sepia(1) saturate(3.4) hue-rotate(61.2deg) brightness(0.86);
                    }

                    .seat span{
                        font-size: 9px;
                        z-index: 3;
                        font-weight: bold;
                        color: #ffffff;
                        position: absolute;
                        left: 50%;
                        top: calc(50% - 2px);
                        transform: translate(-50%, -50%);
                        -webkit-transform: translate(-50%, -50%);
                        -moz-transform: translate(-50%, -50%);
                        -ms-transform: translate(-50%, -50%);
                        -o-transform: translate(-50%, -50%);
                    }

                    /* ESTILO DOS LUGARES DESATIVADOS
                    .seat.disabled span{
                        opacity: 0;
                    }*/

                    .seat.handicap span{
                        color: #2b90c2;
                    }

                    .seat:hover span{
                        color: #785a54;
                    }

                    .seat.occupied span,
                    .seat.occupied:hover span{
                        color: #ffffff;
                        opacity: 1;
                    }
                    
                    .seat.in-cart span,
                    .seat.in-cart:hover span{
                        color: #997217;
                    }

                    .seat.selected span,
                    .seat.selected:hover span{
                        color: #216a0d;
                    }

                    .seat input{
                        opacity: 0;
                        visibility: hidden;
                        position: absolute;
                    }

        #tickets-note{
            color: red;
            font-weight: bold;
            margin-top: 10px;
            text-align: center;
        }

    #tickets-sidebar{

    }
        
        .tickets-sidebar-group{
            margin-bottom: 30px;
        }

            .tickets-sidebar-title{
                font-family: 'Poppins', sans-serif;
                text-transform: uppercase;
                font-weight: 600;
            }

            #seats-subtitle{
            
            }

                #seats-subtitle img{
                    height: 15px;
                    margin: -1px 2px 0px 10px;
                }

                    #seats-subtitle img.blue{
                        filter: invert(0.4) sepia(1) saturate(20) hue-rotate(169.2deg) brightness(1);
                    }

                    #seats-subtitle img.gray{
                        filter: invert(0) sepia(0) saturate(1) hue-rotate(0deg) brightness(0.72);
                    }

                    #seats-subtitle img.red{
                        filter: invert(0.4) sepia(1) saturate(20) hue-rotate(309.6deg) brightness(0.79);
                    }

                    #seats-subtitle img.orange{
                        filter: invert(0.4) sepia(1) saturate(20) hue-rotate(360deg) brightness(1.2);
                    }

                    #seats-subtitle img.green{
                        filter: invert(0.4) sepia(1) saturate(3.4) hue-rotate(61.2deg) brightness(0.86);
                    }

            #selected-seats{

            }

                #selected-seats span{
                    display: block;
                }

                    #selected-seats span i{
                        color: #B8B8B8;
                        margin-right: 5px;;
                    }

                    #selected-seats span.deficient i{
                        color: #2b90c2;
                    }
/* ============================= */


/* -> Cart Page
================================ */
#cart-page{
    padding-bottom: 130px;
}

    .friend-card-code{
        margin-bottom: 20px;
        font-weight: 600;
        font-family: 'Poppins', sans-serif;
        color: #be937e;
    }

        .friend-card-code input{
            border-radius: 20px;
            border: 1px solid rgba(0,0,0,0.1);
            outline: none;
            font-family: 'Roboto', sans-serif;
            font-size: 14px;
            color: #181818;
            padding: 4px 15px;
            margin: 0px 10px;
        }

        .friend-card-code .button{
            padding: 10px 24px;
            font-size: 12px;
        }

    .discount-codes{
        font-family: 'Poppins', sans-serif;
        display: flex;
        justify-content: flex-end;
        margin-bottom: 15px;
    }

        .discount-codes div{
            display: flex;
            margin-left: 15px;
        }

            .discount-codes a{
                line-height: 20px;
                border: 1px solid #be937e;
                margin-left: 5px;
            }

    #cart-table{
        width: 100%;
    }

        #cart-table th {
            background-color: #be937e;
            font-weight: 700;
            color: #FFFFFF;
            padding: 15px;
            font-size: 14px;
            text-transform: uppercase;
        }

        .cart-item,
        .cart-inner-item{
            border-bottom: 1px solid rgba(0,0,0,.07);
        }

        .cart-item{
            background-color: #f5f5f5;
            border: none;
        }

            .cart-item td{
                padding: 15px;
            }

            .cart-inner-item td{
                padding: 10px 15px;
            }

            .item-remove{
                width: 50px;
            }

                .item-remove a,
                .discount-codes a{
                    font-size: 20px;
                    border: 1px solid #be937e;
                    color: #be937e!important;
                    display: inline-block;
                    width: 25px;
                    height: 25px;
                    border-radius: 50%;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    -ms-border-radius: 50%;
                    -o-border-radius: 50%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    padding-left: 1px;
                    cursor: pointer;
                }

                    .item-remove a:hover,
                    .discount-codes a:hover{
                        background-color: #be937e;
                        color: #fff!important;
                    }

            .item-name{
                font-family: 'Poppins', sans-serif;
                text-transform: uppercase;
                color: #be937e;
                font-weight: 600;
            }

                .cart-item-image{
                    height: 70px;
                    width: 70px;
                    background-position: center;
                    background-size: cover;
                    display: inline-block;
                    margin-right: 20px;
                    flex-shrink: 0;
                }

                .item-name span{
                    display: block;
                    color: #666;
                    font-family: 'Roboto', sans-serif;
                    text-transform: none;
                    font-weight: 400;
                    font-size: 14px;
                }

            .item-price{
                text-align: right;
            }

                .item-price span{
                    font-size: 12px;
                    margin-right: 5px;
                    transform: translateY(-2px);
                    display: inline-block;
                }

        .total{
            border-bottom: 1px solid rgba(0,0,0,.07);
        }

            .total td{
                padding: 20px 15px;
                font-size: 16px;
                font-weight: 600;
                font-family: 'Poppins', sans-serif;
            }
/* ============================= */


/* -> Checkout Page
================================ */
#checkout-page{
    padding-bottom: 100px;
}

    #checkout-page h6{
        line-height: 26px;
    }
/* ============================= */


/* -> Friend Card Page
================================ */
#friend-card-page{
    padding-bottom: 100px;
}

    .badge{
        position: absolute;
        right: 20px;
        top: 0;
        width: 200px;
        height: 200px;
        background-image: url('../img/badge.png');
        background-size: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 50px;
    }

    #friend-card-list{

    }

        #friend-card-list span{
            display: block;
            margin-bottom: 10px;
        }

            #friend-card-list span i{
                color: #be937e;
                margin-right: 5px;
            }
/* ============================= */


/* -> Conductor Page
================================ */
#conductors-soloists-page{
    padding-bottom: 100px;
}

    .conductors-soloists-separator{
        margin: 10px 0px 40px 0px;
    }

    .main-conductor{
        margin-bottom: 20px;
    }

        .conductor-soloist-img{
            height: 430px;
            width: calc(50% - 30px);
            margin-top: 5px;
            position: relative;
        } 

        .main-conductor:nth-child(even) .conductor-soloist-img{
            float: left;
            margin-right: 20px; 
        }

        .main-conductor:nth-child(odd) .conductor-soloist-img{
            float: right;
            margin-left: 20px;
        }

            .conductor-soloist-img div{
                background-size: cover;
                background-position: center;
                height: 100%;
                width: 100%;
                position: absolute;
                left: 0;
                top: 0;
            }

            .main-conductor-name{
                position: relative;
                font-size: 21px;
                font-weight: 600;
                font-family: 'Poppins', sans-serif;
                margin-bottom: 5px;
            }

                .main-conductor .tabs{
                    border: none;
                }
                    
                    .main-conductor .tabs li:not(:last-child){
                        border-right: none;
                    }
                
                        .main-conductor .tabs li a{
                            padding: 5px;
                            cursor: pointer;
                            line-height: 22px;
                            color: #be937e;
                            user-select:none;
                            display: flex; 
                            align-items: center;
                            height: 100%;
                            font-size: 14px;
                        }
                
                        .main-conductor .tabs li.active a,
                        .main-conductor .tabs li a:hover{
                            background-color: transparent;
                            color: #be937e!important;
                            text-decoration: underline;
                        }


    .conductor-soloist{
        margin-bottom: 30px;
    }

        .conductor-soloist .conductor-soloist-img{
            height: 250px;
            width: 100%;
            margin: 0;
        }

            .conductor-soloist .conductor-soloist-img div:before{
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                background-color: #131217;
                opacity: 0;
                transition: all .3s;
                -moz-transition: all .3s;
                -webkit-transition: all .3s;
                -o-transition: all .3s  
            }

            .conductor-soloist .conductor-soloist-img:hover div:before{
                opacity: 0.6;
            }

            .conductor-soloist-img .button{
                opacity: 0;
            }

            .conductor-soloist .conductor-soloist-img:hover .button{
                opacity: 1;
            }

        .conductor-soloist-name{
            font-size: 18px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            margin-top: 10px;
            margin-bottom: 0;
        }
        
        .soloist-instrument{
            font-size: 15px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            color: #be937e;
            font-style: italic;
        }
/* ============================= */


/* -> Orchestra Schedule Page
================================ */
#orchestra-schedule-page{
    padding-bottom: 130px;
}
/* ============================= */


/* -> Gallery Page
================================ */
#gallery-page{
    padding-bottom: 90px;
}

    .gallery{
        margin-bottom: 50px;
    }

        .gallery-img{
            position: relative;
            margin-bottom: 10px;
            height: 250px;
            display: block;
            background-size: cover;
            background-position: center;
            filter: grayscale(70%);
            transition: all .3s;
            -moz-transition: all .3s;
            -webkit-transition: all .3s;
            -o-transition: all .3s
        }

            .gallery:hover .gallery-img{
                filter: none;
            }

            .gallery img{
                position: absolute;
                top: 50%;
                left: 50%;
                height: 60px;
                transform: translate(-50%, -50%);
                opacity: 0.8;
            }

        .gallery-title{
            font-family: 'Poppins', sans-serif;
            font-size: 20px;
            font-weight: 600;
            line-height: 30px;
            color: #181818;
            position: relative;
            z-index: 3;
            margin-bottom: 5px;
        }
/* ============================= */


/* -> Festival schedule Page
================================ */
#festival-schedule-page{
    padding-top: 0px;
}

    .festival-header{
        color: #fff;
        position: relative;
        padding: 200px 0px 80px 0px!important;
        background-size: cover;
        background-position: center;
    }

    .festival-header:before{
        content: '';
        position: absolute;
        z-index: 1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: .5;
        background: #000;
    }

    #festival-schedule-page.v2{
        padding-top: 160px;
        padding-bottom: 90px;
    }

    #festival-schedule-page .show{
        position: relative;
        height: 400px;
        padding: 60px 45px 0px;
        background-size: cover;
        background-position: center;
        overflow: hidden;
    }

        #festival-schedule-page .show:before{
            content: '';
            position: absolute;
            z-index: 2;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            opacity: .9;
            background: linear-gradient(to top,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.8) 20%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);
        }

    .festival-video{
        width: 100%;
        height: 600px;
    }
/* ============================= */





/* -> Festival show Page
================================ */
#festival-show-page{
    padding: 180px 0px 0px;
}
/* ============================= */


/* -> Footer
================================ */
footer{
    position: relative;
    background-color: #131217;
    color: #FFFFFF;
    padding: 20px 50px;
    font-size: 14px;
}

    footer a{
        color: #fff;
    }
    
#footer-copyrights{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-right: -15px;
    margin-left: -15px;
    justify-content: space-between;
    gap: 10px;
}

.col-12.col-md-6.footerSupports{
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.footerSponsors{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 60px;
}


.sponsors{
    display: flex;
    flex-direction: column;
    min-width: 53%;
    justify-content: space-between;
    min-height: 100%;
}


.instSupport{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100%;
}


.socialMediaLinksWrapper{
    display: flex;
    flex-direction: column;
    padding-left: 25px;
}

.socialMediaLinks{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
    font-size: 30px;
}

.socialMediaTitle{
    display: block;
    font-weight: 600;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ============================= */




/* FIX BUG OF SIDEMENU */
@media screen and (min-width: 768px) and (max-width: 1200px){
    #sidebar-toggler{
        display: block !important;
    }
}



/* MOBILE VERSION */
@media screen and (max-width: 768px){
    .footerSponsors {
    display: flex;
    align-items: center;
    gap: 60px;
    flex-direction: column;
    margin-bottom: 60px;
    }
    
    .col-12.col-md-6.footerSupports{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .instSupport{
        display: flex;
        align-items: center;
        flex-direction: column;
        margin-top: 45px;
    }
    
    #footer-copyrights > div:nth-child(2) > p {
        margin-bottom: 15px !important;
    }
    
    #footer-copyrights{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
        justify-content: space-between;
        flex-direction: column;
    }
    
    .sponsors{
        display: flex;
        flex-direction: column;
        min-width: 53%;
        justify-content: space-between;
        min-height: auto;
    }
    
    
}




/* FIME 2023 STYLES */
/* PAGE NAVBAR 
#navBarFestivalWrapper .active.nav-item .nav-link{
    color: #e2b648 !important;
}

#navBarFestivalWrapper .navbar ul > li > a:hover,
#navBarFestivalWrapper .navbar ul > li > a:focus,
#navBarFestivalWrapper .navbar ul > li.active > a{
    color: #E2B648 !important;
}
*/

/* PAGE BODY 
#festival-schedule-page .tabs li.active a, .tabs li a:hover, 
.festival-header .tabs li.active a, .tabs li a:hover{
    background-color: #E2B648 !important;
}

#festival-schedule-page .tabs,
.festival-header .tabs{
    overflow: hidden;
}

#festival-schedule-page .tabs li:not(:last-child),
.festival-header .tabs li:not(:last-child) {
    border-right: 1px solid #e2b648;
}


#festival-schedule-page .tabs,
.festival-header .tabs{
    border: 1px solid #E2B648 !important;
}


.festival-header .col-12.section-title.beige{
    color: #e2b648 !important;
}


#festival-schedule-page .show-date{
    color: #e2b648 !important;
}

#festival-schedule-page .button {
    box-shadow: 0 0 0 3em #e2b648 inset;
}

#festival-schedule-page .button:hover {
    box-shadow: 0 0 0 3px #e2b648;
    color: #e2b648 !important;
} 

#festival-schedule-page .button2:hover {
    box-shadow: 0 0 0 2em #e2b648 inset;
}

.newsletterFestivalWrapper #newsletter{
    background-color: #E2B648 !important;
}

#festival-show-page .show-date, 
#festival-show-page .show-details,
#festival-show-page font{
    color: #e2b648 !important;
}

#festival-show-page .button {
    box-shadow: 0 0 0 3em #e2b648 inset;
}

#festival-show-page .button:hover {
    box-shadow: 0 0 0 3px #e2b648;
    color: #e2b648 !important;
} 

.show.past-event {
    filter: brightness(0.5) !important;
}


.caption-button.festivalPage .button2:hover {
    box-shadow: 0 0 0 2em #e2b649 inset;
}

.festivalLink{
    color: #e2b649 !important;
}

*/


.floatingText {
    position: fixed;
    bottom: 40px;
    z-index: 9;
    left: 50%;
    transform: translateX(-50%);
    width: 74vw;
    text-align: center;
    padding: 15px;
    background-color: #be937e;
    color: #ffffff;
    border-radius: 30px;
    font-size: 13px;
    opacity: 0.95;
    font-weight: 500;
    box-shadow: 1px 2px 5px #33333375;
}

.festivalPageWrapper {
    background: url(../img/offseason_festival_2025.jpg);
    height: 100vh;
    width: 100vw;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15vw;
    justify-content: center;
    background-blend-mode: multiply;
    background-color: #646464;
    position: relative;
    padding: 1rem;
}

.festivalLink {
    color: white;
}

.livroReclamacoes:hover {
    text-decoration: underline;
    text-decoration-color: #be937e;
}

.cartButtonsWrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 98%;
    align-items: flex-end;
    gap: 10px;
    margin-top: 15px;
}

.cartButton{
    width: 229px;
}


/* STYLES FOR THE PREVIOUS EDITIONS ON THE FESTIVAL PAGE */
.datesWrapper{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 35px;
    color: #be937e;
    font-size: 16px;
    padding: 15px;
    
}

.filter-festival-arquive {
    cursor: pointer;
}

.selectedYear{
    font-weight: 600;
    font-size: 18px;
}