@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;800&display=swap');
::-webkit-scrollbar {
width: 12px; height: 0px;
}

/* Track */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(253,132,157,0.3); 
-webkit-border-radius: 3px;
border-radius: 3px;
}

/* Handle */
::-webkit-scrollbar-thumb {
-webkit-border-radius: 3px;
border-radius: 3px;
background: rgba(253,132,157,0.8); 
-webkit-box-shadow: inset 0 0 6px rgba(253,132,157,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(239,239,239,0.4); 
}

::placeholder {

font-size: 11px;  
}


body{
padding-top: 0px;
--mdc-font-size: 2vmin;
--gm-button--font-size: 1em;
font-family: 'Montserrat', sans-serif;
line-height: 1.231;
font-size:13px;
font-weight: 400;
height: 100%;
margin: 0;

/*-webkit-user-select: none;*/
width: 100%;
-webkit-font-smoothing: antialiased;
color: #737373!important; 

/**  -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

font-family: 'Work Sans', sans-serif;*/

}
.slice{position:fixed;left:50%;top:300px;overflow:hidden;z-index:1000;background-color:#fff;border-left-style:hidden;box-shadow:0 5px 90px #888;-moz-box-shadow:0 5px 90px #888;-webkit-box-shadow:0 5px 90px #888;display:none}.slice2{position:fixed;right:50%;top:300px;overflow:hidden;z-index:1000;background-color:#fff;box-shadow:0 5px 90px #888;-moz-box-shadow:0 5px 90px #888;-webkit-box-shadow:0 5px 90px #888;display:none}[data-loader]{margin:8px}[data-loader='wave']{width:3em;height:2em;animation:wave 0.8s linear infinite;background:linear-gradient(#6f184b,#6f184b) 0 50%,linear-gradient(#6f184b,#6f184b) .625em 50%,linear-gradient(#6f184b,#6f184b) 1.25em 50%,linear-gradient(#6f184b,#6f184b) 1.875em 50%,linear-gradient(#6f184b,#6f184b) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em .25em,.5em .25em,.5em .25em}@-webkit-keyframes wave{25%{background:linear-gradient(#fd849d,#fd849d) 0 50%,linear-gradient(#6f184b,#6f184b) .625em 50%,linear-gradient(#6f184b,#6f184b) 1.25em 50%,linear-gradient(#6f184b,#6f184b) 1.875em 50%,linear-gradient(#6f184b,#6f184b) 2.5em 50%;background-repeat:no-repeat;background-size:.5em 2em,.5em .25em,.5em .25em,.5em .25em,.5em .25em}37.5%{background:linear-gradient(#6f184b,#6f184b) 0 50%,linear-gradient(#fd849d,#fd849d) .625em 50%,linear-gradient(#6f184b,#6f184b) 1.25em 50%,linear-gradient(#6f184b,#6f184b) 1.875em 50%,linear-gradient(#6f184b,#6f184b) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em 2em,.5em .25em,.5em .25em,.5em .25em}50%{background:linear-gradient(#6f184b,#6f184b) 0 50%,linear-gradient(#6f184b,#6f184b) .625em 50%,linear-gradient(#fd849d,#fd849d) 1.25em 50%,linear-gradient(#6f184b,#6f184b) 1.875em 50%,linear-gradient(#6f184b,#6f184b) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em 2em,.5em .25em,.5em .25em}62.5%{background:linear-gradient(#6f184b,#6f184b) 0 50%,linear-gradient(#6f184b,#6f184b) .625em 50%,linear-gradient(#6f184b,#6f184b) 1.25em 50%,linear-gradient(#fd849d,#fd849d) 1.875em 50%,linear-gradient(#6f184b,#6f184b) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em .25em,.5em 2em,.5em .25em}75%{background:linear-gradient(#6f184b,#6f184b) 0 50%,linear-gradient(#6f184b,#6f184b) .625em 50%,linear-gradient(#6f184b,#6f184b) 1.25em 50%,linear-gradient(#6f184b,#6f184b) 1.875em 50%,linear-gradient(#fd849d,#fd849d) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em .25em,.5em .25em,.5em 2em}}@-moz-keyframes wave{25%{background:linear-gradient(#fd849d,#fd849d) 0 50%,linear-gradient(#6f184b,#6f184b) .625em 50%,linear-gradient(#6f184b,#6f184b) 1.25em 50%,linear-gradient(#6f184b,#6f184b) 1.875em 50%,linear-gradient(#6f184b,#6f184b) 2.5em 50%;background-repeat:no-repeat;background-size:.5em 2em,.5em .25em,.5em .25em,.5em .25em,.5em .25em}37.5%{background:linear-gradient(#6f184b,#6f184b) 0 50%,linear-gradient(#fd849d,#fd849d) .625em 50%,linear-gradient(#6f184b,#6f184b) 1.25em 50%,linear-gradient(#6f184b,#6f184b) 1.875em 50%,linear-gradient(#6f184b,#6f184b) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em 2em,.5em .25em,.5em .25em,.5em .25em}50%{background:linear-gradient(#6f184b,#6f184b) 0 50%,linear-gradient(#6f184b,#6f184b) .625em 50%,linear-gradient(#fd849d,#fd849d) 1.25em 50%,linear-gradient(#6f184b,#6f184b) 1.875em 50%,linear-gradient(#6f184b,#6f184b) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em 2em,.5em .25em,.5em .25em}62.5%{background:linear-gradient(#6f184b,#6f184b) 0 50%,linear-gradient(#6f184b,#6f184b) .625em 50%,linear-gradient(#6f184b,#6f184b) 1.25em 50%,linear-gradient(#fd849d,#fd849d) 1.875em 50%,linear-gradient(#6f184b,#6f184b) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em .25em,.5em 2em,.5em .25em}75%{background:linear-gradient(#6f184b,#6f184b) 0 50%,linear-gradient(#6f184b,#6f184b) .625em 50%,linear-gradient(#6f184b,#6f184b) 1.25em 50%,linear-gradient(#6f184b,#6f184b) 1.875em 50%,linear-gradient(#fd849d,#fd849d) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em .25em,.5em .25em,.5em 2em}}@-o-keyframes wave{25%{background:linear-gradient(#fd849d,#fd849d) 0 50%,linear-gradient(#6f184b,#6f184b) .625em 50%,linear-gradient(#6f184b,#6f184b) 1.25em 50%,linear-gradient(#6f184b,#6f184b) 1.875em 50%,linear-gradient(#6f184b,#6f184b) 2.5em 50%;background-repeat:no-repeat;background-size:.5em 2em,.5em .25em,.5em .25em,.5em .25em,.5em .25em}37.5%{background:linear-gradient(#6f184b,#6f184b) 0 50%,linear-gradient(#fd849d,#fd849d) .625em 50%,linear-gradient(#6f184b,#6f184b) 1.25em 50%,linear-gradient(#6f184b,#6f184b) 1.875em 50%,linear-gradient(#6f184b,#6f184b) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em 2em,.5em .25em,.5em .25em,.5em .25em}50%{background:linear-gradient(#6f184b,#6f184b) 0 50%,linear-gradient(#6f184b,#6f184b) .625em 50%,linear-gradient(#fd849d,#fd849d) 1.25em 50%,linear-gradient(#6f184b,#6f184b) 1.875em 50%,linear-gradient(#6f184b,#6f184b) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em 2em,.5em .25em,.5em .25em}62.5%{background:linear-gradient(#6f184b,#6f184b) 0 50%,linear-gradient(#6f184b,#6f184b) .625em 50%,linear-gradient(#6f184b,#6f184b) 1.25em 50%,linear-gradient(#fd849d,#fd849d) 1.875em 50%,linear-gradient(#6f184b,#6f184b) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em .25em,.5em 2em,.5em .25em}75%{background:linear-gradient(#6f184b,#6f184b) 0 50%,linear-gradient(#6f184b,#6f184b) .625em 50%,linear-gradient(#6f184b,#6f184b) 1.25em 50%,linear-gradient(#6f184b,#6f184b) 1.875em 50%,linear-gradient(#fd849d,#fd849d) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em .25em,.5em .25em,.5em 2em}}@keyframes wave{25%{background:linear-gradient(#fd849d,#fd849d) 0 50%,linear-gradient(#6f184b,#6f184b) .625em 50%,linear-gradient(#6f184b,#6f184b) 1.25em 50%,linear-gradient(#6f184b,#6f184b) 1.875em 50%,linear-gradient(#6f184b,#6f184b) 2.5em 50%;background-repeat:no-repeat;background-size:.5em 2em,.5em .25em,.5em .25em,.5em .25em,.5em .25em}37.5%{background:linear-gradient(#6f184b,#6f184b) 0 50%,linear-gradient(#fd849d,#fd849d) .625em 50%,linear-gradient(#6f184b,#6f184b) 1.25em 50%,linear-gradient(#6f184b,#6f184b) 1.875em 50%,linear-gradient(#6f184b,#6f184b) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em 2em,.5em .25em,.5em .25em,.5em .25em}50%{background:linear-gradient(#6f184b,#6f184b) 0 50%,linear-gradient(#6f184b,#6f184b) .625em 50%,linear-gradient(#fd849d,#fd849d) 1.25em 50%,linear-gradient(#6f184b,#6f184b) 1.875em 50%,linear-gradient(#6f184b,#6f184b) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em 2em,.5em .25em,.5em .25em}62.5%{background:linear-gradient(#6f184b,#6f184b) 0 50%,linear-gradient(#6f184b,#6f184b) .625em 50%,linear-gradient(#6f184b,#6f184b) 1.25em 50%,linear-gradient(#fd849d,#fd849d) 1.875em 50%,linear-gradient(#6f184b,#6f184b) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em .25em,.5em 2em,.5em .25em}75%{background:linear-gradient(#6f184b,#6f184b) 0 50%,linear-gradient(#6f184b,#6f184b) .625em 50%,linear-gradient(#6f184b,#6f184b) 1.25em 50%,linear-gradient(#6f184b,#6f184b) 1.875em 50%,linear-gradient(#fd849d,#fd849d) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em .25em,.5em .25em,.5em 2em}}
.active a{
color: #FD849D!important; text-decoration: underline;
}
.nav-link{
color: #737373!important; 

}
.fb{
font-weight: Extra bold 800;		  	
}
.font-weight-bold:{
font-weight: Extra bold 800;		  	
}
.bg-dark{
background-color: #2a1b23!important
}
.bg-light{
background-color: #fff!important;
border-bottom: 1px solid #A9A9A9
}
.navbar-right{
float: right!important;
}


.section {
position: relative;
height: 100vh;
}

.section .section-center {
position: absolute;
top: 200px;
left: 0;
right: 0;
-webkit-transform: translateY(-20%);
transform: translateY(-20%);
}

#booking {


background-size: cover;
background-position: center; 
}

.hotel-form-1{
background: url('/img/banners/hotels/1.jpg')0px -50px / 100% fixed;
}

.hotel-form-2{
background: url('/img/banners/hotels/2.jpg')0px -50px / 100% fixed;
}
.hotel-form-3{
background: url('/img/banners/hotels/3.jpg')0px -50px / 100% fixed;
}
.hotel-form-4{
background: url('/img/banners/hotels/4.jpg')0px -50px / 100% fixed;
}

.hotel-form-5{ background: url('/img/banners/hotels/5.jpg')0px -50px / 100% fixed; }
.hotel-form-6{ background: url('/img/banners/hotels/6.jpg')0px -50px / 100% fixed; }
.hotel-form-7{ background: url('/img/banners/hotels/7.jpg')0px -50px / 100% fixed; }
.hotel-form-8{ background: url('/img/banners/hotels/8.jpg')0px -50px / 100% fixed; }
.hotel-form-9{ background: url('/img/banners/hotels/9.jpg')0px -50px / 100% fixed; }
.hotel-form-10{ background: url('/img/banners/hotels/10.jpg')0px -50px / 100% fixed; }
.hotel-form-11{ background: url('/img/banners/hotels/11.jpg')0px -50px / 100% fixed; }
.hotel-form-12{ background: url('/img/banners/hotels/12.jpg')0px -50px / 100% fixed; }
.hotel-form-13{ background: url('/img/banners/hotels/13.jpg')0px -50px / 100% fixed; }
.hotel-form-14{ background: url('/img/banners/hotels/14.jpg')0px -50px / 100% fixed; }
.hotel-form-15{ background: url('/img/banners/hotels/15.jpg')0px -50px / 100% fixed; }
.hotel-form-16{ background: url('/img/banners/hotels/16.jpg')0px -50px / 100% fixed; }
.hotel-form-17{ background: url('/img/banners/hotels/17.jpg')0px -50px / 100% fixed; }
.hotel-form-18{ background: url('/img/banners/hotels/18.jpg')0px -50px / 100% fixed; }
.hotel-form-19{ background: url('/img/banners/hotels/19.jpg')0px -50px / 100% fixed; }
.hotel-form-20{ background: url('/img/banners/hotels/20.jpg')0px -50px / 100% fixed; }
.hotel-form-21{ background: url('/img/banners/hotels/21.jpg')0px -50px / 100% fixed; }


.activities-form-1{
background: url(/img/banners/tours/1.png)0px -50px / 100% fixed; 
}
.activities-form-2{
background: url(/img/banners/tours/2.png)0px -50px / 100% fixed; 
}
.activities-form-3{
background: url(/img/banners/tours/3.png)0px -50px / 100% fixed; 
}
.activities-form-4{
background: url(/img/banners/tours/4.png)0px -50px / 100% fixed; 
}
.activities-form-5{
background: url(/img/banners/tours/5.png)0px -50px / 100% fixed; 
}

.activities-form-6{
background: url(/img/banners/tours/6.png)0px -50px / 100% fixed; 
}

.activities-form-7{
background: url(/img/banners/tours/7.png)0px -50px / 100% fixed; 
}

.activities-form-8{
background: url(/img/banners/tours/8.png)0px -50px / 100% fixed; 
}





.voitures-form-1{
background: url(/img/banners/voitures/1.png)0px -50px / 100% fixed; 
}
.voitures-form-2{
background: url(/img/banners/voitures/2.png)0px -50px / 100% fixed; 
}
.voitures-form-3{
background: url(/img/banners/voitures/3.png)0px -50px / 100% fixed; 
}
.voitures-form-4{
background: url(/img/banners/voitures/4.png)0px -50px / 100% fixed; 
}
.voitures-form-5{
background: url(/img/banners/voitures/5.png)0px -50px / 100% fixed; 
}

.voitures-form-6{
background: url(/img/banners/voitures/6.png)0px -50px / 100% fixed; 
}

.voitures-form-7{
background: url(/img/banners/voitures/7.png)0px -50px / 100% fixed; 
}

.voitures-form-8{
background: url(/img/banners/voitures/8.png)0px -50px / 100% fixed; 
}




.vols-form-1{
background: url('/img/banners/vols/1.png')0px -50px / 100% fixed;
}
.vols-form-2{
background: url('/img/banners/vols/2.png')0px -50px / 100% fixed;
}
.vols-form-3{
background: url('/img/banners/vols/3.png')0px -50px / 100% fixed;
}
.vols-form-4{
background: url('/img/banners/vols/4.png')0px -50px / 100% fixed;
}
.vols-form-5{
background: url('/img/banners/vols/5.png')0px -50px / 100% fixed;
}
.vols-form-6{
background: url('/img/banners/vols/6.png')0px -50px / 100% fixed;
}
.vols-form-7{
background: url('/img/banners/vols/7.png')0px -50px / 100% fixed;
}
.vols-form-8{
background: url('/img/banners/vols/8.png')0px -50px / 100% fixed;
}


.transferts-form-1{
background: url('/img/banners/transferts/1.jpg')0px -50px / 100% fixed;
}


.transferts-form-2{
background: url('/img/banners/transferts/2.jpg')0px -50px / 100% fixed;
}
.transferts-form-3{
background: url('/img/banners/transferts/3.jpg')0px -50px / 100% fixed;
}

.transferts-form-4{
background: url('/img/banners/transferts/4.jpg')0px -50px / 100% fixed;
}
.transferts-form-5{
background: url('/img/banners/transferts/5.jpg')0px -50px / 100% fixed;
}
.transferts-form-6{
background: url('/img/banners/transferts/6.jpg')0px -50px / 100% fixed;
}
.transferts-form-7{
background: url('/img/banners/transferts/7.jpg')0px -50px / 100% fixed;
}
.transferts-form-8{
background: url('/img/banners/transferts/8.jpg')0px -50px / 100% fixed;
}

.transferts-form-9{
background: url('/img/banners/transferts/9.jpg')0px -50px / 100% fixed;
}
.transferts-form-10{
background: url('/img/banners/transferts/10.jpg')0px -50px / 100% fixed;
}
.transferts-form-11{
background: url('/img/banners/transferts/11.jpg')0px -50px / 100% fixed;
}
#booking::before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: rgba(255, 255, 255, 0.15);
}







.booking-form {
background: #fff;
border-radius: 10px;box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.3);
}

.booking-form>form .row.no-margin {
margin-right: 0px;
margin-left: 0px;
}

.booking-form>form .row.no-margin>[class*="col-"] {
padding-right: 0px;
padding-left: 0px;
}

.booking-form .form-group {
position: relative;
padding: 10px;
margin-bottom: 0px;
}

.booking-form .form-group:after {
content: '';
background: rgba(129, 131, 144, 0.15);
position: absolute;
top: 10px;
bottom: 0;
right: 0px;
width: 2px;
height: 50px;
}

.booking-form .form-control {
background-color: transparent;
border-radius: 0px;
border: none;
height: 50px;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 15px;
color: #A9A9A9;
font-weight: 400;
padding: 2px;  


}




.booking-form .form-control::-webkit-input-placeholder {
color: #ccc;
}

.booking-form .form-control:-ms-input-placeholder {
color: #ccc;
}

.booking-form .form-control::placeholder {
color: #ccc;
}

.booking-form input[type="date"].form-control:invalid {
color: #ccc;
}

.booking-form select.form-control {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.booking-form select.form-control+.select-arrow {
position: absolute;
right: 0px;
bottom: 15px;
width: 32px;
line-height: 32px;
height: 32px;
text-align: center;
pointer-events: none;
color: #A9A9A9;
font-size: 14px;
}

.booking-form select.form-control+.select-arrow:after {
content: '\279C';
display: block;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}

.booking-form .form-label {
color: #FD849D;
display: block;
font-weight: 400;
height: 25px;
line-height: 25px;
font-size: 14px; font-weight: Extra bold 800;

}

.booking-form .form-btn {
padding: 10px;
}

.booking-form .submit-btn ,.booking-form .submit-btn-2 {
background: #FD849D;
border: none;

display: block;
border-radius: 2px;
width: 100%;

font-size: 16px;
font-weight: 400;
color: #fff;

}
.booking-form .submit-btn-2 {
height: 50px;
}
.booking-form .submit-btn {
height: 75px;
}
.booking-form .submit-btn:hover ,.booking-form .submit-btn-2:hover{
background: #e16580;
}

.btn-danger{
background: #FD849D;
border-color: #FD849D; color: #fff!important;


}.btn-outline-danger{
color: #FD849D;
border-color: #FD849D


}.btn-danger:hover,.btn-outline-danger:hover {
background: #e66a84;border-color: #e66a84
} 
.btn-outline-danger:hover .i-cmp {
color: #ffc107 !important;
}

label.invalid{
top:50px !important;
font-size:12.8px;
font-size:.8rem;
font-weight:500;
color:#f00 !important
}
label.invalid.active{
-webkit-transform:translateY(0%) !important;
transform:translateY(0%) !important
}
ul.stepper .wait-feedback{
position:absolute;
top:0;
right:0;
left:0;
z-index:2;
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;
width:100%;
height:100%;
text-align:center
}
ul.stepper .step{
position:relative;
list-style:none
}
ul.stepper .step.feedbacking .step-new-content>*:not(.wait-feedback){
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
opacity:.1
}
ul.stepper .step:not(:last-of-type).active{
margin-bottom:2.25rem
}
ul.stepper .step:before{
position:absolute;
top:.75rem;
width:1.75rem;
height:1.75rem;
font-weight:400;
line-height:1.75rem;
color:#fff;
text-align:center;
content:counter(section);
counter-increment:section;
background-color:rgba(0,0,0,0.3);
border-radius:100%
}
ul.stepper .step.active:before{
background-color:#4285f4
}
ul.stepper .step.done:before{
font-family:"Font Awesome 5 Pro", "Font Awesome 5 Free", sans-serif;
font-size:1rem;
font-weight:900;
content:"\f00c";
background-color:#00c851
}
ul.stepper .step.wrong:before{
font-family:"Font Awesome 5 Pro", "Font Awesome 5 Free", sans-serif;
font-size:1.1rem;
font-weight:900;
content:"\f071";
background-color:#ff3547
}
ul.stepper>li:not(:last-of-type){
margin-bottom:.625rem;
-webkit-transition:margin-bottom .4s;
transition:margin-bottom .4s
}
ul.stepper .step-title{
display:block;
padding:.9688rem 2.75rem 1.5rem 4rem;
margin:0 -1.3rem;
cursor:pointer
}
ul.stepper .step-title:after{
position:absolute;
display:block;
font-size:.8rem;
font-weight:400;
color:#424242;
content:attr(data-step-label)
}
ul.stepper .step-title:hover{
background-color:rgba(0,0,0,0.06)
}
ul.stepper .step.active .step-title{
font-weight:500
}
ul.stepper .step-new-content{
position:relative;
display:none;
width:inherit;
height:calc(100% - 132px);
margin-right:24px;
margin-left:41px;
overflow:visible
}
ul.stepper>.step:not(:last-of-type):after{
position:absolute;
top:3.125rem;
left:.8438rem;
width:.0625rem;
height:40%;
height:calc(100% - 38px);
content:"";
background-color:rgba(0,0,0,0.1);
-webkit-transition:all .4s;
transition:all .4s
}
ul.stepper>.step.active:not(:last-child):after{
height:93%;
height:calc(100% - 12px)
}
ul.stepper>.step[data-last="true"]{
margin-bottom:0
}
ul.stepper>.step[data-last="true"]:after{
width:0;
height:0
}
ul.stepper .step-actions{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:start
}
ul.stepper .step-actions .btn:not(:last-child),ul.stepper .step-actions .btn-flat:not(:last-child),ul.stepper .step-actions .btn-large:not(:last-child){
margin-right:.3125rem
}
ul.stepper .step-new-content .row{
margin-bottom:.4375rem
}
ul.stepper .md-form label{
left:.875rem
}
ul.stepper .md-form .validate{
margin-bottom:0
}
@media only screen and (min-width: 993px){
ul.stepper.horizontal{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
min-height:20rem;
padding-right:1.5rem;
padding-left:1.5rem;
margin-right:-1.5rem;
margin-left:-1.5rem;
overflow:hidden
}
ul.stepper.horizontal:before{
position:absolute;
left:-3px;
width:100%;
min-height:5.25rem;
content:"";
background-color:transparent;
border-top-left-radius:2px
}
ul.stepper.horizontal:first-child{
margin-top:-2.7rem
}
ul.stepper.horizontal .step{
position:static;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
width:100%;
height:5.25rem !important;
margin:0
}
ul.stepper.horizontal .step:not(:last-of-type):after{
position:static;
display:inline-block;
width:100%;
height:.0625rem;
content:""
}
ul.stepper.horizontal .step.active .step-title:before{
background-color:#4285f4
}
ul.stepper.horizontal .step.done .step-title:before{
font-family:"Font Awesome 5 Pro", "Font Awesome 5 Free", sans-serif;
font-size:1rem;
font-weight:900;
content:"\f00c";
background:#00c851
}
ul.stepper.horizontal .step.wrong .step-title:before{
font-family:"Font Awesome 5 Pro", "Font Awesome 5 Free", sans-serif;
font-size:1.1rem;
font-weight:900;
content:"\f071";
background-color:#ff3547
}
ul.stepper.horizontal .step:before{
content:none
}
ul.stepper.horizontal .step .step-title:before{
position:absolute;
top:1.7813rem;
left:1.1875rem;
width:1.75rem;
height:1.75rem;
font-weight:400;
line-height:1.75rem;
color:#fff;
text-align:center;
content:counter(section);
counter-increment:section;
background-color:rgba(0,0,0,0.3);
border-radius:100%
}
ul.stepper.horizontal>.step:last-of-type,ul.stepper.horizontal>.step[data-last="true"]{
width:auto !important
}
ul.stepper.horizontal>.step.active:not(:last-of-type):after{
position:static;
display:inline-block;
width:100%;
height:.0625rem;
content:""
}
ul.stepper.horizontal .step-title{
display:inline-block;
flex-shrink:0;
max-width:13.75rem;
height:5.25rem;
padding:0 1.5625rem 0 4.0625rem;
margin:0;
overflow:hidden;
line-height:5.25rem;
text-overflow:ellipsis;
white-space:nowrap;
-ms-flex-negative:0
}
ul.stepper.horizontal .step-title:after{
top:.9375rem
}
ul.stepper.horizontal .step-new-content{
position:absolute;
top:6rem;
left:0;
width:100%;
height:calc(100% - 84px);
padding:1.25rem 1.25rem 4.75rem 1.25rem;
margin:0;
overflow-x:hidden;
overflow-y:auto
}
ul.stepper.horizontal .step-actions{
position:absolute;
bottom:0;
left:0;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
-ms-flex-direction:row-reverse;
flex-direction:row-reverse;
width:100%;
padding:20px
}
ul.stepper.horizontal .step-actions .btn:not(:last-child),ul.stepper.horizontal .step-actions .btn-flat:not(:last-child),ul.stepper.horizontal .step-actions .btn-large:not(:last-child){
margin-right:0;
margin-left:.3125rem
}
ul.stepper.horizontal .step-new-content,ul.stepper.horizontal .step-actions{
padding-right:2.5rem;
padding-left:2.5rem
}
}
.timeline-main .stepper.stepper-vertical.timeline li a{
left:50%;
padding:0 24px
}
@media (max-width: 450px){
.timeline-main .stepper.stepper-vertical.timeline li a{
left:6%
}
}
@media (min-width: 451px) and (max-width: 1025px){
.timeline-main .stepper.stepper-vertical.timeline li a{
left:6%
}
}
.timeline-main .stepper.stepper-vertical.timeline li a .circle{
position:absolute;
top:16px;
z-index:2;
width:50px;
height:50px;
margin-left:-50px;
font-size:1.4em;
line-height:50px;
text-align:center;
background-color:#ccc
}
.timeline-main .stepper.stepper-vertical.timeline li .step-content{
position:relative;
float:left;
width:45%;
border-radius:2px
}
@media (max-width: 450px){
.timeline-main .stepper.stepper-vertical.timeline li .step-content{
left:3rem;
float:right;
width:80%;
margin-right:3rem;
margin-bottom:2rem
}
}
@media (min-width: 451px) and (max-width: 1025px){
.timeline-main .stepper.stepper-vertical.timeline li .step-content{
left:3rem;
float:right;
width:85%;
margin-right:3rem;
margin-bottom:2rem
}
}
.timeline-main .stepper.stepper-vertical.timeline li .step-content:before{
position:absolute;
top:26px;
right:-15px;
display:inline-block;
content:" ";
border-top:15px solid transparent;
border-right:0 solid #e0e0e0;
border-bottom:15px solid transparent;
border-left:15px solid #e0e0e0
}
@media (max-width: 450px){
.timeline-main .stepper.stepper-vertical.timeline li .step-content:before{
right:auto;
left:-15px;
border-right-width:15px;
border-left-width:0
}
}
@media (min-width: 451px) and (max-width: 1025px){
.timeline-main .stepper.stepper-vertical.timeline li .step-content:before{
right:auto;
left:-15px;
border-right-width:15px;
border-left-width:0
}
}
.timeline-main .stepper.stepper-vertical.timeline li .step-content:after{
position:absolute;
top:27px;
right:-14px;
display:inline-block;
content:" ";
border-top:14px solid transparent;
border-right:0 solid #fff;
border-bottom:14px solid transparent;
border-left:14px solid #fff
}
@media (max-width: 450px){
.timeline-main .stepper.stepper-vertical.timeline li .step-content:after{
right:auto;
left:-14px;
border-right-width:14px;
border-left-width:0
}
}
@media (min-width: 451px) and (max-width: 1025px){
.timeline-main .stepper.stepper-vertical.timeline li .step-content:after{
right:auto;
left:-14px;
border-right-width:14px;
border-left-width:0
}
}
.timeline-main .stepper.stepper-vertical.timeline li.timeline-inverted{
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end
}
.timeline-main .stepper.stepper-vertical.timeline li.timeline-inverted .step-content{
float:right
}
.timeline-main .stepper.stepper-vertical.timeline li.timeline-inverted .step-content:before{
right:auto;
left:-15px;
border-right-width:15px;
border-left-width:0
}
.timeline-main .stepper.stepper-vertical.timeline li.timeline-inverted .step-content:after{
right:auto;
left:-14px;
border-right-width:14px;
border-left-width:0
}
.timeline-main .stepper.stepper-vertical.timeline li:not(:last-child):after{
position:absolute;
top:65px;
left:50%;
width:3px;
margin-left:-1.5px;
content:" ";
background-color:#e0e0e0
}
@media (max-width: 450px){
.timeline-main .stepper.stepper-vertical.timeline li:not(:last-child):after{
left:6%
}
}
@media (min-width: 451px) and (max-width: 1025px){
.timeline-main .stepper.stepper-vertical.timeline li:not(:last-child):after{
left:6%
}
}
@media (max-width: 1025px){
.timeline-main .stepper.stepper-vertical.timeline li{
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end
}
}
.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li .step-content:before{
top:1rem;
border-right:0 solid #d32f2f;
border-left:15px solid #d32f2f
}
@media (max-width: 450px){
.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li .step-content:before{
right:auto;
left:-15px;
border-right-width:15px;
border-left-width:0
}
}
@media (min-width: 451px) and (max-width: 1025px){
.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li .step-content:before{
right:auto;
left:-15px;
border-right-width:15px;
border-left-width:0
}
}
.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li .step-content:after{
top:1rem;
border-right:0 solid #d32f2f;
border-left:14px solid #d32f2f
}
@media (max-width: 450px){
.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li .step-content:after{
right:auto;
left:-14px;
border-right-width:14px;
border-left-width:0
}
}
@media (min-width: 451px) and (max-width: 1025px){
.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li .step-content:after{
right:auto;
left:-14px;
border-right-width:14px;
border-left-width:0
}
}
.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li .step-content .timeline-header{
border-top-left-radius:2px;
border-top-right-radius:2px
}
.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li.timeline-inverted .step-content:before{
left:-15px;
border-right-width:15px;
border-left-width:0
}
.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li.timeline-inverted .step-content:after{
left:-14px;
border-right-width:14px;
border-left-width:0
}
.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li:not(:last-child):after{
background-color:#d32f2f
}
.timeline-main .stepper.stepper-vertical.timeline.timeline-animated .more-padding{
padding-right:100px;
padding-left:100px
}
.timeline-main .stepper.stepper-vertical.timeline.timeline-animated li{
-webkit-transition:all .7s ease-in-out;
transition:all .7s ease-in-out
}
.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li a{
padding:0
}
.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li a .circle{
position:absolute;
top:16px;
z-index:2;
width:23px;
height:23px;
margin-left:-12px;
font-size:1.4em;
line-height:23px;
text-align:center;
background-color:#ccc
}
.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content{
position:relative;
float:left;
width:45%;
border-radius:2px
}
@media (max-width: 450px){
.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content{
left:3rem;
float:right;
width:80%;
margin-right:3rem;
margin-bottom:2rem
}
}
@media (min-width: 451px) and (max-width: 1025px){
.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content{
left:3rem;
float:right;
width:85%;
margin-right:3rem;
margin-bottom:2rem
}
}
.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content:before{
position:absolute;
top:15px;
display:inline-block;
content:" ";
border-top:15px solid transparent;
border-right:0 solid #e0e0e0;
border-bottom:15px solid transparent;
border-left:15px solid #e0e0e0
}
@media (max-width: 450px){
.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content:before{
right:auto;
left:-15px;
border-right-width:15px;
border-left-width:0
}
}
@media (min-width: 451px) and (max-width: 1025px){
.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content:before{
right:auto;
left:-15px;
border-right-width:15px;
border-left-width:0
}
}
.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content:after{
position:absolute;
top:15px;
display:inline-block;
content:" ";
border-top:14px solid transparent;
border-right:0 solid #fff;
border-bottom:14px solid transparent;
border-left:14px solid #fff
}
@media (max-width: 450px){
.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content:after{
right:auto;
left:-14px;
border-right-width:14px;
border-left-width:0
}
}
@media (min-width: 451px) and (max-width: 1025px){
.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content:after{
right:auto;
left:-14px;
border-right-width:14px;
border-left-width:0
}
}
.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content.hoverable{
-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)
}
.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content.hoverable:hover{
-webkit-box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}
.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li:not(:last-child):after{
top:32px;
width:2px;
height:100%;
background-color:#9e9e9e
}
.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li.timeline-inverted .step-content:before{
left:-15px;
border-right-width:15px;
border-left-width:0
}
.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li.timeline-inverted .step-content:after{
left:-14px;
border-right-width:14px;
border-left-width:0
}
.timeline-main .stepper.stepper-vertical.timeline.timeline-images li a .circle{
font-size:1rem
}
.timeline-main .stepper.stepper-vertical.timeline.timeline-images li:not(:last-child):after{
background-color:#26c6da
}
@media (max-width: 450px){
.timeline-main .stepper.stepper-vertical.timeline.timeline-basic li a,.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li a,.timeline-main .stepper.stepper-vertical.timeline.timeline-animated li a{
left:8%
}
}
@media (max-width: 450px){
.timeline-main .stepper.stepper-vertical.timeline.timeline-basic li a .circle,.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li a .circle,.timeline-main .stepper.stepper-vertical.timeline.timeline-animated li a .circle{
top:26px;
width:30px;
height:30px;
margin-left:-35px;
font-size:.9em;
line-height:30px
}
}
@media (max-width: 450px){
.timeline-main .stepper.stepper-vertical.timeline.timeline-basic li:not(:last-child):after,.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li:not(:last-child):after,.timeline-main .stepper.stepper-vertical.timeline.timeline-animated li:not(:last-child):after{
top:55px;
left:9%;
height:100%
}
}
@media (max-width: 450px){
.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li a,.timeline-main .stepper.stepper-vertical.timeline.timeline-images li a{
left:10%
}
}
@media (max-width: 450px){
.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li a .circle,.timeline-main .stepper.stepper-vertical.timeline.timeline-images li a .circle{
top:18px
}
}
@media (max-width: 450px){
.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li:not(:last-child):after,.timeline-main .stepper.stepper-vertical.timeline.timeline-images li:not(:last-child):after{
left:10%
}
}
.timeline-main .timeline-light{
padding-left:1em;
font-size:20px;
line-height:1.5em;
list-style:none
}
.timeline-main .timeline-light .timeline-light-item{
position:relative
}
.timeline-main .timeline-light .timeline-light-item .timeline-light-item-tail{
position:absolute;
bottom:0;
left:14px;
width:0;
height:100%;
border-left:2px solid #e8e8e8
}
.timeline-main .timeline-light .timeline-light-item .timeline-light-item-head{
position:absolute;
bottom:4px;
left:15px;
z-index:1;
width:14px;
height:14px;
background:#fff;
border:2px solid #1890ff;
border-radius:50%;
-webkit-transform:translate(-50%, 0);
transform:translate(-50%, 0)
}
.timeline-main .timeline-light .timeline-light-item .timeline-light-item-content{
height:2em;
padding-top:.2em;
margin-left:30px;
line-height:3em
}
.timeline-main .timeline-light .timeline-light-item-primary .timeline-light-item-head{
border-color:#4285f4
}
.timeline-main .timeline-light .timeline-light-item-danger .timeline-light-item-head{
border-color:#ff3547
}
.timeline-main .timeline-light .timeline-light-item-warning .timeline-light-item-head{
border-color:#fb3
}
.timeline-main .timeline-light .timeline-light-item-success .timeline-light-item-head{
border-color:#00c851
}
.timeline-main .timeline-light .timeline-light-item-info .timeline-light-item-head{
border-color:#33b5e5
}
.timeline-main .timeline-light .timeline-light-item-default .timeline-light-item-head{
border-color:#2bbbad
}
.timeline-main .timeline-light .timeline-light-item-secondary .timeline-light-item-head{
border-color:#a6c
}
.timeline-main .timeline-light .timeline-light-item-elegant .timeline-light-item-head{
border-color:#2e2e2e
}
.timeline-main .timeline-light .timeline-light-item-unique .timeline-light-item-head{
border-color:#880e4f
}
.timeline-main .timeline-light .timeline-light-item-dark-green .timeline-light-item-head{
border-color:#388e3c
}
.timeline-main .timeline-light .timeline-light-item-mdb-color .timeline-light-item-head{
border-color:#59698d
}
.timeline-main .timeline-light .timeline-light-item-red .timeline-light-item-head{
border-color:#d32f2f
}
.timeline-main .timeline-light .timeline-light-item-pink .timeline-light-item-head{
border-color:#ec407a
}
.timeline-main .timeline-light .timeline-light-item-purple .timeline-light-item-head{
border-color:#8e24aa
}
.timeline-main .timeline-light .timeline-light-item-deep-purple .timeline-light-item-head{
border-color:#512da8
}
.timeline-main .timeline-light .timeline-light-item-indigo .timeline-light-item-head{
border-color:#3f51b5
}
.timeline-main .timeline-light .timeline-light-item-blue .timeline-light-item-head{
border-color:#1976d2
}
.timeline-main .timeline-light .timeline-light-item-light-blue .timeline-light-item-head{
border-color:#82b1ff
}
.timeline-main .timeline-light .timeline-light-item-cyan .timeline-light-item-head{
border-color:#00bcd4
}
.timeline-main .timeline-light .timeline-light-item-teal .timeline-light-item-head{
border-color:#00796b
}
.timeline-main .timeline-light .timeline-light-item-green .timeline-light-item-head{
border-color:#388e3c
}
.timeline-main .timeline-light .timeline-light-item-light-green .timeline-light-item-head{
border-color:#8bc34a
}
.timeline-main .timeline-light .timeline-light-item-lime .timeline-light-item-head{
border-color:#afb42b
}
.timeline-main .timeline-light .timeline-light-item-yellow .timeline-light-item-head{
border-color:#fbc02d
}
.timeline-main .timeline-light .timeline-light-item-amber .timeline-light-item-head{
border-color:#ffa000
}
.timeline-main .timeline-light .timeline-light-item-orange .timeline-light-item-head{
border-color:#f57c00
}
.timeline-main .timeline-light .timeline-light-item-deep-orange .timeline-light-item-head{
border-color:#ff7043
}
.timeline-main .timeline-light .timeline-light-item-brown .timeline-light-item-head{
border-color:#795548
}
.timeline-main .timeline-light .timeline-light-item-grey .timeline-light-item-head{
border-color:#616161
}
.timeline-main .timeline-light .timeline-light-item-blue-grey .timeline-light-item-head{
border-color:#78909c
}
.timeline-main .timeline-light .timeline-light-item-dark .timeline-light-item-head{
border-color:#212121
}
.timeline-main .timeline-light .timeline-light-item-light .timeline-light-item-head{
border-color:#e0e0e0
}
.timeline-main .timeline-light .timeline-light-item-white .timeline-light-item-head{
border-color:#fff
}
.timeline-main .timeline-light .timeline-light-item-black .timeline-light-item-head{
border-color:#000
}
.timeline-main .timeline-light .timeline-light-item-loading .timeline-light-item-head{
border-top:1px solid transparent;
border-right:1px solid transparent;
-webkit-animation:tl-v2-loadingCircle 1s 1s infinite linear;
animation:tl-v2-loadingCircle 1s 1s infinite linear
}
.timeline-main .timeline-light .timeline-light-item-icon .timeline-light-item-head{
top:45%;
width:20px;
height:20px;
font-size:20px;
background:transparent;
border:none
}
.timeline-main .timeline-light .timeline-light-item-icon .timeline-light-item-head i{
background-color:#fff;
border-radius:50%
}
.timeline-main .timeline-light .timeline-light-item-icon .timeline-light-item-tail{
bottom:15px;
left:14px;
height:100%
}
.timeline-main .timeline-light .timeline-light-item-dashed .timeline-light-item-tail{
border-left-style:dashed
}
.timeline-main .timeline-light li:first-child.timeline-light-item .timeline-light-item-tail{
height:0
}
@-webkit-keyframes tl-v2-loadingCircle{
0%{
-webkit-transform:translate(-50%, 0) rotate(0deg);
transform:translate(-50%, 0) rotate(0deg)
}
100%{
-webkit-transform:translate(-50%, 0) rotate(360deg);
transform:translate(-50%, 0) rotate(360deg)
}
}
@keyframes tl-v2-loadingCircle{
0%{
-webkit-transform:translate(-50%, 0) rotate(0deg);
transform:translate(-50%, 0) rotate(0deg)
}
100%{
-webkit-transform:translate(-50%, 0) rotate(360deg);
transform:translate(-50%, 0) rotate(360deg)
}
}
.mdb-color.lighten-5{
background-color:#d0d6e2 !important
}
.mdb-color.lighten-4{
background-color:#b1bace !important
}
.mdb-color.lighten-3{
background-color:#929fba !important
}
.mdb-color.lighten-2{
background-color:#7283a7 !important
}
.mdb-color.lighten-1{
background-color:#59698d !important
}
.mdb-color{
background-color:#45526e !important
}
.mdb-color-text{
color:#45526e !important
}
.rgba-mdb-color-slight,.rgba-mdb-color-slight:after{
background-color:rgba(69,82,110,0.1)
}
.rgba-mdb-color-light,.rgba-mdb-color-light:after{
background-color:rgba(69,82,110,0.3)
}
.rgba-mdb-color-strong,.rgba-mdb-color-strong:after{
background-color:rgba(69,82,110,0.7)
}
.mdb-color.darken-1{
background-color:#3b465e !important
}
.mdb-color.darken-2{
background-color:#2e3951 !important
}
.mdb-color.darken-3{
background-color:#1c2a48 !important
}
.mdb-color.darken-4{
background-color:#1c2331 !important
}
.red.lighten-5{
background-color:#ffebee !important
}
.red.lighten-4{
background-color:#ffcdd2 !important
}
.red.lighten-3{
background-color:#ef9a9a !important
}
.red.lighten-2{
background-color:#e57373 !important
}
.red.lighten-1{
background-color:#ef5350 !important
}
.red{
background-color:#f44336 !important
}
.red-text{
color:#f44336 !important
}
.rgba-red-slight,.rgba-red-slight:after{
background-color:rgba(244,67,54,0.1)
}
.rgba-red-light,.rgba-red-light:after{
background-color:rgba(244,67,54,0.3)
}
.rgba-red-strong,.rgba-red-strong:after{
background-color:rgba(244,67,54,0.7)
}
.red.darken-1{
background-color:#e53935 !important
}
.red.darken-2{
background-color:#d32f2f !important
}
.red.darken-3{
background-color:#c62828 !important
}
.red.darken-4{
background-color:#b71c1c !important
}
.red.accent-1{
background-color:#ff8a80 !important
}
.red.accent-2{
background-color:#ff5252 !important
}
.red.accent-3{
background-color:#ff1744 !important
}
.red.accent-4{
background-color:#d50000 !important
}
.pink.lighten-5{
background-color:#fce4ec !important
}
.pink.lighten-4{
background-color:#f8bbd0 !important
}
.pink.lighten-3{
background-color:#f48fb1 !important
}
.pink.lighten-2{
background-color:#f06292 !important
}
.pink.lighten-1{
background-color:#ec407a !important
}
.pink{
background-color:#e91e63 !important
}
.pink-text{
color:#e91e63 !important
}
.rgba-pink-slight,.rgba-pink-slight:after{
background-color:rgba(233,30,99,0.1)
}
.rgba-pink-light,.rgba-pink-light:after{
background-color:rgba(233,30,99,0.3)
}
.rgba-pink-strong,.rgba-pink-strong:after{
background-color:rgba(233,30,99,0.7)
}
.pink.darken-1{
background-color:#d81b60 !important
}
.pink.darken-2{
background-color:#c2185b !important
}
.pink.darken-3{
background-color:#ad1457 !important
}
.pink.darken-4{
background-color:#880e4f !important
}
.pink.accent-1{
background-color:#ff80ab !important
}
.pink.accent-2{
background-color:#ff4081 !important
}
.pink.accent-3{
background-color:#f50057 !important
}
.pink.accent-4{
background-color:#c51162 !important
}
.purple.lighten-5{
background-color:#f3e5f5 !important
}
.purple.lighten-4{
background-color:#e1bee7 !important
}
.purple.lighten-3{
background-color:#ce93d8 !important
}
.purple.lighten-2{
background-color:#ba68c8 !important
}
.purple.lighten-1{
background-color:#ab47bc !important
}
.purple{
background-color:#9c27b0 !important
}
.purple-text{
color:#9c27b0 !important
}
.rgba-purple-slight,.rgba-purple-slight:after{
background-color:rgba(156,39,176,0.1)
}
.rgba-purple-light,.rgba-purple-light:after{
background-color:rgba(156,39,176,0.3)
}
.rgba-purple-strong,.rgba-purple-strong:after{
background-color:rgba(156,39,176,0.7)
}
.purple.darken-1{
background-color:#8e24aa !important
}
.purple.darken-2{
background-color:#7b1fa2 !important
}
.purple.darken-3{
background-color:#6a1b9a !important
}
.purple.darken-4{
background-color:#4a148c !important
}
.purple.accent-1{
background-color:#ea80fc !important
}
.purple.accent-2{
background-color:#e040fb !important
}
.purple.accent-3{
background-color:#d500f9 !important
}
.purple.accent-4{
background-color:#a0f !important
}
.deep-purple.lighten-5{
background-color:#ede7f6 !important
}
.deep-purple.lighten-4{
background-color:#d1c4e9 !important
}
.deep-purple.lighten-3{
background-color:#b39ddb !important
}
.deep-purple.lighten-2{
background-color:#9575cd !important
}
.deep-purple.lighten-1{
background-color:#7e57c2 !important
}
.deep-purple{
background-color:#673ab7 !important
}
.deep-purple-text{
color:#673ab7 !important
}
.rgba-deep-purple-slight,.rgba-deep-purple-slight:after{
background-color:rgba(103,58,183,0.1)
}
.rgba-deep-purple-light,.rgba-deep-purple-light:after{
background-color:rgba(103,58,183,0.3)
}
.rgba-deep-purple-strong,.rgba-deep-purple-strong:after{
background-color:rgba(103,58,183,0.7)
}
.deep-purple.darken-1{
background-color:#5e35b1 !important
}
.deep-purple.darken-2{
background-color:#512da8 !important
}
.deep-purple.darken-3{
background-color:#4527a0 !important
}
.deep-purple.darken-4{
background-color:#311b92 !important
}
.deep-purple.accent-1{
background-color:#b388ff !important
}
.deep-purple.accent-2{
background-color:#7c4dff !important
}
.deep-purple.accent-3{
background-color:#651fff !important
}
.deep-purple.accent-4{
background-color:#6200ea !important
}
.indigo.lighten-5{
background-color:#e8eaf6 !important
}
.indigo.lighten-4{
background-color:#c5cae9 !important
}
.indigo.lighten-3{
background-color:#9fa8da !important
}
.indigo.lighten-2{
background-color:#7986cb !important
}
.indigo.lighten-1{
background-color:#5c6bc0 !important
}
.indigo{
background-color:#3f51b5 !important
}
.indigo-text{
color:#3f51b5 !important
}
.rgba-indigo-slight,.rgba-indigo-slight:after{
background-color:rgba(63,81,181,0.1)
}
.rgba-indigo-light,.rgba-indigo-light:after{
background-color:rgba(63,81,181,0.3)
}
.rgba-indigo-strong,.rgba-indigo-strong:after{
background-color:rgba(63,81,181,0.7)
}
.indigo.darken-1{
background-color:#3949ab !important
}
.indigo.darken-2{
background-color:#303f9f !important
}
.indigo.darken-3{
background-color:#283593 !important
}
.indigo.darken-4{
background-color:#1a237e !important
}
.indigo.accent-1{
background-color:#8c9eff !important
}
.indigo.accent-2{
background-color:#536dfe !important
}
.indigo.accent-3{
background-color:#3d5afe !important
}
.indigo.accent-4{
background-color:#304ffe !important
}
.blue.lighten-5{
background-color:#e3f2fd !important
}
.blue.lighten-4{
background-color:#bbdefb !important
}
.blue.lighten-3{
background-color:#90caf9 !important
}
.blue.lighten-2{
background-color:#64b5f6 !important
}
.blue.lighten-1{
background-color:#42a5f5 !important
}
.blue{
background-color:#2196f3 !important
}
.blue-text{
color:#2196f3 !important
}
.rgba-blue-slight,.rgba-blue-slight:after{
background-color:rgba(33,150,243,0.1)
}
.rgba-blue-light,.rgba-blue-light:after{
background-color:rgba(33,150,243,0.3)
}
.rgba-blue-strong,.rgba-blue-strong:after{
background-color:rgba(33,150,243,0.7)
}
.blue.darken-1{
background-color:#1e88e5 !important
}
.blue.darken-2{
background-color:#1976d2 !important
}
.blue.darken-3{
background-color:#1565c0 !important
}
.blue.darken-4{
background-color:#0d47a1 !important
}
.blue.accent-1{
background-color:#82b1ff !important
}
.blue.accent-2{
background-color:#448aff !important
}
.blue.accent-3{
background-color:#2979ff !important
}
.blue.accent-4{
background-color:#2962ff !important
}
.light-blue.lighten-5{
background-color:#e1f5fe !important
}
.light-blue.lighten-4{
background-color:#b3e5fc !important
}
.light-blue.lighten-3{
background-color:#81d4fa !important
}
.light-blue.lighten-2{
background-color:#4fc3f7 !important
}
.light-blue.lighten-1{
background-color:#29b6f6 !important
}
.light-blue{
background-color:#03a9f4 !important
}
.light-blue-text{
color:#03a9f4 !important
}
.rgba-light-blue-slight,.rgba-light-blue-slight:after{
background-color:rgba(3,169,244,0.1)
}
.rgba-light-blue-light,.rgba-light-blue-light:after{
background-color:rgba(3,169,244,0.3)
}
.rgba-light-blue-strong,.rgba-light-blue-strong:after{
background-color:rgba(3,169,244,0.7)
}
.light-blue.darken-1{
background-color:#039be5 !important
}
.light-blue.darken-2{
background-color:#0288d1 !important
}
.light-blue.darken-3{
background-color:#0277bd !important
}
.light-blue.darken-4{
background-color:#01579b !important
}
.light-blue.accent-1{
background-color:#80d8ff !important
}
.light-blue.accent-2{
background-color:#40c4ff !important
}
.light-blue.accent-3{
background-color:#00b0ff !important
}
.light-blue.accent-4{
background-color:#0091ea !important
}
.cyan.lighten-5{
background-color:#e0f7fa !important
}
.cyan.lighten-4{
background-color:#b2ebf2 !important
}
.cyan.lighten-3{
background-color:#80deea !important
}
.cyan.lighten-2{
background-color:#4dd0e1 !important
}
.cyan.lighten-1{
background-color:#26c6da !important
}
.cyan{
background-color:#00bcd4 !important
}
.cyan-text{
color:#00bcd4 !important
}
.rgba-cyan-slight,.rgba-cyan-slight:after{
background-color:rgba(0,188,212,0.1)
}
.rgba-cyan-light,.rgba-cyan-light:after{
background-color:rgba(0,188,212,0.3)
}
.rgba-cyan-strong,.rgba-cyan-strong:after{
background-color:rgba(0,188,212,0.7)
}
.cyan.darken-1{
background-color:#00acc1 !important
}
.cyan.darken-2{
background-color:#0097a7 !important
}
.cyan.darken-3{
background-color:#00838f !important
}
.cyan.darken-4{
background-color:#006064 !important
}
.cyan.accent-1{
background-color:#84ffff !important
}
.cyan.accent-2{
background-color:#18ffff !important
}
.cyan.accent-3{
background-color:#00e5ff !important
}
.cyan.accent-4{
background-color:#00b8d4 !important
}
.teal.lighten-5{
background-color:#e0f2f1 !important
}
.teal.lighten-4{
background-color:#b2dfdb !important
}
.teal.lighten-3{
background-color:#80cbc4 !important
}
.teal.lighten-2{
background-color:#4db6ac !important
}
.teal.lighten-1{
background-color:#26a69a !important
}
.teal{
background-color:#009688 !important
}
.teal-text{
color:#009688 !important
}
.rgba-teal-slight,.rgba-teal-slight:after{
background-color:rgba(0,150,136,0.1)
}
.rgba-teal-light,.rgba-teal-light:after{
background-color:rgba(0,150,136,0.3)
}
.rgba-teal-strong,.rgba-teal-strong:after{
background-color:rgba(0,150,136,0.7)
}
.teal.darken-1{
background-color:#00897b !important
}
.teal.darken-2{
background-color:#00796b !important
}
.teal.darken-3{
background-color:#00695c !important
}
.teal.darken-4{
background-color:#004d40 !important
}
.teal.accent-1{
background-color:#a7ffeb !important
}
.teal.accent-2{
background-color:#64ffda !important
}
.teal.accent-3{
background-color:#1de9b6 !important
}
.teal.accent-4{
background-color:#00bfa5 !important
}
.green.lighten-5{
background-color:#e8f5e9 !important
}
.green.lighten-4{
background-color:#c8e6c9 !important
}
.green.lighten-3{
background-color:#a5d6a7 !important
}
.green.lighten-2{
background-color:#81c784 !important
}
.green.lighten-1{
background-color:#66bb6a !important
}
.green{
background-color:#4caf50 !important
}
.green-text{
color:#4caf50 !important
}
.rgba-green-slight,.rgba-green-slight:after{
background-color:rgba(76,175,80,0.1)
}
.rgba-green-light,.rgba-green-light:after{
background-color:rgba(76,175,80,0.3)
}
.rgba-green-strong,.rgba-green-strong:after{
background-color:rgba(76,175,80,0.7)
}
.green.darken-1{
background-color:#43a047 !important
}
.green.darken-2{
background-color:#388e3c !important
}
.green.darken-3{
background-color:#2e7d32 !important
}
.green.darken-4{
background-color:#1b5e20 !important
}
.green.accent-1{
background-color:#b9f6ca !important
}
.green.accent-2{
background-color:#69f0ae !important
}
.green.accent-3{
background-color:#00e676 !important
}
.green.accent-4{
background-color:#00c853 !important
}
.light-green.lighten-5{
background-color:#f1f8e9 !important
}
.light-green.lighten-4{
background-color:#dcedc8 !important
}
.light-green.lighten-3{
background-color:#c5e1a5 !important
}
.light-green.lighten-2{
background-color:#aed581 !important
}
.light-green.lighten-1{
background-color:#9ccc65 !important
}
.light-green{
background-color:#8bc34a !important
}
.light-green-text{
color:#8bc34a !important
}
.rgba-light-green-slight,.rgba-light-green-slight:after{
background-color:rgba(139,195,74,0.1)
}
.rgba-light-green-light,.rgba-light-green-light:after{
background-color:rgba(139,195,74,0.3)
}
.rgba-light-green-strong,.rgba-light-green-strong:after{
background-color:rgba(139,195,74,0.7)
}
.light-green.darken-1{
background-color:#7cb342 !important
}
.light-green.darken-2{
background-color:#689f38 !important
}
.light-green.darken-3{
background-color:#558b2f !important
}
.light-green.darken-4{
background-color:#33691e !important
}
.light-green.accent-1{
background-color:#ccff90 !important
}
.light-green.accent-2{
background-color:#b2ff59 !important
}
.light-green.accent-3{
background-color:#76ff03 !important
}
.light-green.accent-4{
background-color:#64dd17 !important
}
.lime.lighten-5{
background-color:#f9fbe7 !important
}
.lime.lighten-4{
background-color:#f0f4c3 !important
}
.lime.lighten-3{
background-color:#e6ee9c !important
}
.lime.lighten-2{
background-color:#dce775 !important
}
.lime.lighten-1{
background-color:#d4e157 !important
}
.lime{
background-color:#cddc39 !important
}
.lime-text{
color:#cddc39 !important
}
.rgba-lime-slight,.rgba-lime-slight:after{
background-color:rgba(205,220,57,0.1)
}
.rgba-lime-light,.rgba-lime-light:after{
background-color:rgba(205,220,57,0.3)
}
.rgba-lime-strong,.rgba-lime-strong:after{
background-color:rgba(205,220,57,0.7)
}
.lime.darken-1{
background-color:#c0ca33 !important
}
.lime.darken-2{
background-color:#afb42b !important
}
.lime.darken-3{
background-color:#9e9d24 !important
}
.lime.darken-4{
background-color:#827717 !important
}
.lime.accent-1{
background-color:#f4ff81 !important
}
.lime.accent-2{
background-color:#eeff41 !important
}
.lime.accent-3{
background-color:#c6ff00 !important
}
.lime.accent-4{
background-color:#aeea00 !important
}
.yellow.lighten-5{
background-color:#fffde7 !important
}
.yellow.lighten-4{
background-color:#fff9c4 !important
}
.yellow.lighten-3{
background-color:#fff59d !important
}
.yellow.lighten-2{
background-color:#fff176 !important
}
.yellow.lighten-1{
background-color:#ffee58 !important
}
.yellow{
background-color:#ffeb3b !important
}
.yellow-text{
color:#ffeb3b !important
}
.rgba-yellow-slight,.rgba-yellow-slight:after{
background-color:rgba(255,235,59,0.1)
}
.rgba-yellow-light,.rgba-yellow-light:after{
background-color:rgba(255,235,59,0.3)
}
.rgba-yellow-strong,.rgba-yellow-strong:after{
background-color:rgba(255,235,59,0.7)
}
.yellow.darken-1{
background-color:#fdd835 !important
}
.yellow.darken-2{
background-color:#fbc02d !important
}
.yellow.darken-3{
background-color:#f9a825 !important
}
.yellow.darken-4{
background-color:#f57f17 !important
}
.yellow.accent-1{
background-color:#ffff8d !important
}
.yellow.accent-2{
background-color:#ff0 !important
}
.yellow.accent-3{
background-color:#ffea00 !important
}
.yellow.accent-4{
background-color:#ffd600 !important
}
.amber.lighten-5{
background-color:#fff8e1 !important
}
.amber.lighten-4{
background-color:#ffecb3 !important
}
.amber.lighten-3{
background-color:#ffe082 !important
}
.amber.lighten-2{
background-color:#ffd54f !important
}
.amber.lighten-1{
background-color:#ffca28 !important
}
.amber{
background-color:#ffc107 !important
}
.amber-text{
color:#ffc107 !important
}
.rgba-amber-slight,.rgba-amber-slight:after{
background-color:rgba(255,193,7,0.1)
}
.rgba-amber-light,.rgba-amber-light:after{
background-color:rgba(255,193,7,0.3)
}
.rgba-amber-strong,.rgba-amber-strong:after{
background-color:rgba(255,193,7,0.7)
}
.amber.darken-1{
background-color:#ffb300 !important
}
.amber.darken-2{
background-color:#ffa000 !important
}
.amber.darken-3{
background-color:#ff8f00 !important
}
.amber.darken-4{
background-color:#ff6f00 !important
}
.amber.accent-1{
background-color:#ffe57f !important
}
.amber.accent-2{
background-color:#ffd740 !important
}
.amber.accent-3{
background-color:#ffc400 !important
}
.amber.accent-4{
background-color:#ffab00 !important
}
.orange.lighten-5{
background-color:#fff3e0 !important
}
.orange.lighten-4{
background-color:#ffe0b2 !important
}
.orange.lighten-3{
background-color:#ffcc80 !important
}
.orange.lighten-2{
background-color:#ffb74d !important
}
.orange.lighten-1{
background-color:#ffa726 !important
}
.orange{
background-color:#ff9800 !important
}
.orange-text{
color:#ff9800 !important
}
.rgba-orange-slight,.rgba-orange-slight:after{
background-color:rgba(255,152,0,0.1)
}
.rgba-orange-light,.rgba-orange-light:after{
background-color:rgba(255,152,0,0.3)
}
.rgba-orange-strong,.rgba-orange-strong:after{
background-color:rgba(255,152,0,0.7)
}
.orange.darken-1{
background-color:#fb8c00 !important
}
.orange.darken-2{
background-color:#f57c00 !important
}
.orange.darken-3{
background-color:#ef6c00 !important
}
.orange.darken-4{
background-color:#e65100 !important
}
.orange.accent-1{
background-color:#ffd180 !important
}
.orange.accent-2{
background-color:#ffab40 !important
}
.orange.accent-3{
background-color:#ff9100 !important
}
.orange.accent-4{
background-color:#ff6d00 !important
}
.deep-orange.lighten-5{
background-color:#fbe9e7 !important
}
.deep-orange.lighten-4{
background-color:#ffccbc !important
}
.deep-orange.lighten-3{
background-color:#ffab91 !important
}
.deep-orange.lighten-2{
background-color:#ff8a65 !important
}
.deep-orange.lighten-1{
background-color:#ff7043 !important
}
.deep-orange{
background-color:#ff5722 !important
}
.deep-orange-text{
color:#ff5722 !important
}
.rgba-deep-orange-slight,.rgba-deep-orange-slight:after{
background-color:rgba(255,87,34,0.1)
}
.rgba-deep-orange-light,.rgba-deep-orange-light:after{
background-color:rgba(255,87,34,0.3)
}
.rgba-deep-orange-strong,.rgba-deep-orange-strong:after{
background-color:rgba(255,87,34,0.7)
}
.deep-orange.darken-1{
background-color:#f4511e !important
}
.deep-orange.darken-2{
background-color:#e64a19 !important
}
.deep-orange.darken-3{
background-color:#d84315 !important
}
.deep-orange.darken-4{
background-color:#bf360c !important
}
.deep-orange.accent-1{
background-color:#ff9e80 !important
}
.deep-orange.accent-2{
background-color:#ff6e40 !important
}
.deep-orange.accent-3{
background-color:#ff3d00 !important
}
.deep-orange.accent-4{
background-color:#dd2c00 !important
}
.brown.lighten-5{
background-color:#efebe9 !important
}
.brown.lighten-4{
background-color:#d7ccc8 !important
}
.brown.lighten-3{
background-color:#bcaaa4 !important
}
.brown.lighten-2{
background-color:#a1887f !important
}
.brown.lighten-1{
background-color:#8d6e63 !important
}
.brown{
background-color:#795548 !important
}
.brown-text{
color:#795548 !important
}
.rgba-brown-slight,.rgba-brown-slight:after{
background-color:rgba(121,85,72,0.1)
}
.rgba-brown-light,.rgba-brown-light:after{
background-color:rgba(121,85,72,0.3)
}
.rgba-brown-strong,.rgba-brown-strong:after{
background-color:rgba(121,85,72,0.7)
}
.brown.darken-1{
background-color:#6d4c41 !important
}
.brown.darken-2{
background-color:#5d4037 !important
}
.brown.darken-3{
background-color:#4e342e !important
}
.brown.darken-4{
background-color:#3e2723 !important
}
.blue-grey.lighten-5{
background-color:#eceff1 !important
}
.blue-grey.lighten-4{
background-color:#cfd8dc !important
}
.blue-grey.lighten-3{
background-color:#b0bec5 !important
}
.blue-grey.lighten-2{
background-color:#90a4ae !important
}
.blue-grey.lighten-1{
background-color:#78909c !important
}
.blue-grey{
background-color:#607d8b !important
}
.blue-grey-text{
color:#607d8b !important
}
.rgba-blue-grey-slight,.rgba-blue-grey-slight:after{
background-color:rgba(96,125,139,0.1)
}
.rgba-blue-grey-light,.rgba-blue-grey-light:after{
background-color:rgba(96,125,139,0.3)
}
.rgba-blue-grey-strong,.rgba-blue-grey-strong:after{
background-color:rgba(96,125,139,0.7)
}
.blue-grey.darken-1{
background-color:#546e7a !important
}
.blue-grey.darken-2{
background-color:#455a64 !important
}
.blue-grey.darken-3{
background-color:#37474f !important
}
.blue-grey.darken-4{
background-color:#263238 !important
}
.grey.lighten-6{
background-color:#f5f5f5 !important
}
.grey.lighten-5{
background-color:#fafafa !important
}
.grey.lighten-4{
background-color:#f2f2f2 !important
}
.grey.lighten-3{
background-color:#eee !important
}
.grey.lighten-2{
background-color:#e0e0e0 !important
}
.grey.lighten-1{
background-color:#bdbdbd !important
}

.grey{
background-color:#9e9e9e !important
}
.grey-text{
color:#9e9e9e !important
}
.rgba-grey-slight,.rgba-grey-slight:after{
background-color:rgba(158,158,158,0.1)
}
.rgba-grey-light,.rgba-grey-light:after{
background-color:rgba(158,158,158,0.3)
}
.rgba-grey-strong,.rgba-grey-strong:after{
background-color:rgba(158,158,158,0.7)
}
.grey.darken-1{
background-color:#757575 !important
}
.grey.darken-2{
background-color:#616161 !important
}
.grey.darken-3{
background-color:#424242 !important
}
.grey.darken-4{
background-color:#212121 !important
}
.black{
background-color:#000 !important
}
.black-text{
color:#000 !important
}
.rgba-black-slight,.rgba-black-slight:after{
background-color:rgba(0,0,0,0.1)
}
.rgba-black-light,.rgba-black-light:after{
background-color:rgba(0,0,0,0.3)
}
.rgba-black-strong,.rgba-black-strong:after{
background-color:rgba(0,0,0,0.7)
}
.white{
background-color:#fff !important
}
.white-text{
color:#fff !important
}
.rgba-white-slight,.rgba-white-slight:after{
background-color:rgba(255,255,255,0.1)
}
.rgba-white-light,.rgba-white-light:after{
background-color:rgba(255,255,255,0.3)
}
.rgba-white-strong,.rgba-white-strong:after{
background-color:rgba(255,255,255,0.7)
}
.rgba-stylish-slight{
background-color:rgba(62,69,81,0.1)
}
.rgba-stylish-light{
background-color:rgba(62,69,81,0.3)
}
.rgba-stylish-strong{
background-color:rgba(62,69,81,0.7)
}
.primary-color{
background-color:#4285f4 !important
}
.primary-color-dark{
background-color:#0d47a1 !important
}
.secondary-color{
background-color:#a6c !important
}
.secondary-color-dark{
background-color:#93c !important
}
.default-color{
background-color:#2bbbad !important
}
.default-color-dark{
background-color:#00695c !important
}
.info-color{
background-color:#33b5e5 !important
}
.info-color-dark{
background-color:#09c !important
}
.success-color{
background-color:#00c851 !important
}
.success-color-dark{
background-color:#007e33 !important
}
.warning-color{
background-color:#fb3 !important
}
.warning-color-dark{
background-color:#f80 !important
}
.danger-color{
background-color:#ff3547 !important
}
.danger-color-dark{
background-color:#c00 !important
}
.elegant-color{
background-color:#2e2e2e !important
}
.elegant-color-dark{
background-color:#212121 !important
}
.stylish-color{
background-color:#4b515d !important
}
.stylish-color-dark{
background-color:#3e4551 !important
}
.unique-color{
background-color:#3f729b !important
}
.unique-color-dark{
background-color:#1c2331 !important
}
.special-color{
background-color:#37474f !important
}
.special-color-dark{
background-color:#263238 !important
}
.purple-gradient{
background:linear-gradient(40deg, #ff6ec4, #7873f5) !important
}
.peach-gradient{
background:linear-gradient(40deg, #ffd86f, #fc6262) !important
}
.aqua-gradient{
background:linear-gradient(40deg, #2096ff, #05ffa3) !important
}
.blue-gradient{
background:linear-gradient(40deg, #45cafc, #303f9f) !important
}
.purple-gradient-rgba{
background:linear-gradient(40deg, rgba(255,110,196,0.9), rgba(120,115,245,0.9)) !important
}
.peach-gradient-rgba{
background:linear-gradient(40deg, rgba(255,216,111,0.9), rgba(252,98,98,0.9)) !important
}
.aqua-gradient-rgba{
background:linear-gradient(40deg, rgba(32,150,255,0.9), rgba(5,255,163,0.9)) !important
}
.blue-gradient-rgba{
background:linear-gradient(40deg, rgba(69,202,252,0.9), rgba(48,63,159,0.9)) !important
}
.dark-grey-text{
color:#4f4f4f !important
}
.dark-grey-text:hover,.dark-grey-text:focus{
color:#4f4f4f !important
}
.hoverable{
-webkit-box-shadow:none;
box-shadow:none;
-webkit-transition:all 0.55s ease-in-out;
transition:all 0.55s ease-in-out
}
.hoverable:hover{
-webkit-box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-transition:all 0.55s ease-in-out;
transition:all 0.55s ease-in-out
}
.z-depth-0{
-webkit-box-shadow:none !important;
box-shadow:none !important
}
.z-depth-1,.card.gradient-card:focus-within .card-image{
-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important
}
.z-depth-1-half{
-webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15) !important;
box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15) !important
}
.z-depth-2{
-webkit-box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important
}
.z-depth-3{
-webkit-box-shadow:0 12px 15px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19) !important;
box-shadow:0 12px 15px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19) !important
}
.z-depth-4{
-webkit-box-shadow:0 16px 28px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21) !important;
box-shadow:0 16px 28px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21) !important
}
.z-depth-5{
-webkit-box-shadow:0 27px 24px 0 rgba(0,0,0,0.2),0 40px 77px 0 rgba(0,0,0,0.22) !important;
box-shadow:0 27px 24px 0 rgba(0,0,0,0.2),0 40px 77px 0 rgba(0,0,0,0.22) !important
}
.disabled,:disabled{
pointer-events:none !important
}
a{
color:#737373;
text-decoration:none;
cursor:pointer;
-webkit-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out
}
a:hover{
color:#014c8c;
text-decoration:none;
-webkit-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out
}
a.disabled:hover,a:disabled:hover{
color:#737373
}
a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{
color:inherit;
text-decoration:none
}
.divider-new{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
margin-top:2.8rem;
margin-bottom:2.8rem
}
.divider-new>h1,.divider-new h2,.divider-new h3,.divider-new h4,.divider-new h5,.divider-new h6{
margin-bottom:0
}
.divider-new:before,.divider-new:after{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
height:1.5px;
height:2px;
content:"";
background:#c6c6c6
}
.divider-new:before{
margin:0 .5rem 0 0
}
.divider-new:after{
margin:0 0 0 .5rem
}
.card.promoting-card .fas,.card.promoting-card .fab,.card.promoting-card .far{
-webkit-transition:.4s;
transition:.4s
}
.card.promoting-card .fas[class*="fa-"]:hover,.card.promoting-card .fab[class*="fa-"]:hover,.card.promoting-card .far[class*="fa-"]:hover{
cursor:pointer;
-webkit-transition:.4s;
transition:.4s
}
.card.weather-card .collapse-content a.collapsed:after{
content:"Expand"
}
.card.weather-card .collapse-content a:not(.collapsed):after{
content:"Collapse"
}
.card.weather-card .degree:after{
position:absolute;
margin-top:.9rem;
font-size:3rem;
font-weight:400;
content:"°C"
}
.card.gradient-card{
-webkit-transition:all .5s ease-in-out;
transition:all .5s ease-in-out
}
.card.gradient-card .first-content .card-title{
font-weight:500
}
.card.gradient-card .second-content{
display:none
}
.card.gradient-card .third-content{
display:none
}
.card.gradient-card .card-body{
height:0;
padding-top:0;
padding-bottom:0;
overflow:hidden;
visibility:hidden;
opacity:0;
-webkit-transition:all .5s ease-in-out;
transition:all .5s ease-in-out
}
.card.gradient-card .card-image{
border-radius:.25rem
}
.card.gradient-card .card-image .mask{
border-radius:.25rem
}
.card.gradient-card:focus-within{
margin-top:3rem;
-webkit-transition:all .5s ease-in-out;
transition:all .5s ease-in-out
}
.card.gradient-card:focus-within .card-image{
width:7rem;
height:7rem;
margin-top:-2rem;
margin-bottom:2rem;
margin-left:1rem;
border-radius:.25rem;
-webkit-transition:all .5s ease-in-out;
transition:all .5s ease-in-out
}
.card.gradient-card:focus-within .card-image .mask{
border-radius:.25rem
}
.card.gradient-card:focus-within .card-body{
height:auto;
padding-top:1.25rem;
padding-bottom:1.25rem;
overflow:visible;
visibility:visible;
border-radius:.25rem;
opacity:1;
-webkit-transition:all .7s ease-in-out;
transition:all .7s ease-in-out
}
.card.gradient-card:focus-within .card-body .progress{
height:.4rem
}
.card.gradient-card:focus-within .card-body .progress .progress-bar{
height:.4rem
}
.card.gradient-card:focus-within .first-content{
display:none
}
.card.gradient-card:focus-within .second-content{
display:block
}
.card.gradient-card:focus-within .third-content{
display:block;
margin-top:-6rem
}
@media (max-device-width: 1025px){
.card.gradient-card:hover{
margin-top:3rem;
-webkit-transition:all .5s ease-in-out;
transition:all .5s ease-in-out
}
.card.gradient-card:hover .card-image{
width:7rem;
height:7rem;
margin-top:-2rem;
margin-bottom:2rem;
margin-left:1rem;
border-radius:.25rem;
-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
-webkit-transition:all .5s ease-in-out;
transition:all .5s ease-in-out
}
.card.gradient-card:hover .card-image .mask{
border-radius:.25rem
}
.card.gradient-card:hover .card-body{
height:auto;
padding-top:1.25rem;
padding-bottom:1.25rem;
overflow:visible;
visibility:visible;
border-radius:.25rem;
opacity:1;
-webkit-transition:all .7s ease-in-out;
transition:all .7s ease-in-out
}
.card.gradient-card:hover .card-body .progress{
height:.4rem
}
.card.gradient-card:hover .card-body .progress .progress-bar{
height:.4rem
}
.card.gradient-card:hover .first-content{
display:none
}
.card.gradient-card:hover .second-content{
display:block
}
.card.gradient-card:hover .third-content{
display:block;
margin-top:-6rem
}
}
.card.booking-card .rating{
font-size:.7rem
}
.card.chart-card .classic-tabs .nav li a.active{
border-bottom:2px solid;
-webkit-transition:width .5s ease, background-color .5s ease;
transition:width .5s ease, background-color .5s ease
}
.card.chart-card .classic-tabs .nav.tabs-white li a{
font-weight:500;
color:#757575
}
.card.chart-card .classic-tabs .nav.tabs-white li a.active{
color:#673ab7
}
.card.chart-card .btn-deep-purple-accent{
margin-top:-65px;
background-color:#b388ff
}
.card.chart-card .btn-deep-purple-accent i{
color:#000 !important
}
.card.chart-card .btn-teal-accent{
margin-top:-65px;
background-color:#1de9b6
}
.card.chart-card .btn-teal-accent i{
color:#000 !important
}
.card.colorful-card .indigo-accent-text{
color:#304ffe
}
.card.colorful-card .btn-indigo-accent{
background-color:#304ffe
}
.card.colorful-card .yellow-darken-text{
color:#fdd835
}
.card.colorful-card .testimonial-card .avatar{
width:55px;
margin-top:-30px;
border:3px solid #fff
}
.card.colorful-card .testimonial-card .avatar img{
width:50px;
height:50px
}
.card.colorful-card .brown-darken-text{
color:#3e2723
}
.card.colorful-card .btn-red-lighten{
background-color:#ffcdd2
}
.card.panels-card .hour{
margin-top:.3rem;
font-size:.8rem
}
.card.map-card .living-coral{
background-color:#fa7268
}
.card.map-card .living-coral-text{
color:#fa7268
}
.card.map-card .table th{
width:2rem
}
.card.map-card .pt-3-5{
padding-top:1.25rem
}
.card.map-card .card-body{
position:absolute;
top:23%;
width:100%;
height:77%;
overflow:hidden;
background-color:transparent;
border-radius:0 !important;
-webkit-transition:all 1s;
transition:all 1s
}
.card.map-card .card-body.closed{
top:100%;
height:8.1rem;
margin-top:-8.1rem
}
.card.map-card .map-container{
position:relative;
height:0;
padding-bottom:56.25%;
overflow:hidden
}
.card.map-card .map-container iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
.card.map-card .button .btn-floating{
margin-top:-2rem
}
.card-wrapper.card-action{
min-height:640px
}
@media (max-width: 450px){
.card-wrapper.card-action{
min-height:790px
}
}
.card-form .md-form input[type="text"]:focus:not([readonly]),.card-form .md-form input[type="email"]:focus:not([readonly]),.card-form .md-form input[type="password"]:focus:not([readonly]){
border-bottom:1px solid #fff;
-webkit-box-shadow:0 1px 0 0 #fff;
box-shadow:0 1px 0 0 #fff
}
.card-form .card-form-2{
margin-top:-35px;
border-top-left-radius:21px;
border-top-right-radius:21px
}
.card-form .card-form-2 .form-check-input[type="checkbox"].filled-in:checked+label:after,.card-form .card-form-2 label.btn input[type="checkbox"].filled-in:checked+label:after{
background-color:#e53935;
border:2px solid #e53935
}
.card-form .card-form-2 .btn-outline-red-accent{
color:#e53935;
background-color:transparent;
border:2px solid #e53935
}
.card-form .card-form-2 .pink-accent-text{
color:#c51162
}
.z-depth-1-bottom{
-webkit-box-shadow:0 5px 5px -2px rgba(0,0,0,0.16);
box-shadow:0 5px 5px -2px rgba(0,0,0,0.16)
}
.md-calendar{
background-color:#69004b
}
.md-calendar .weekdays,.md-calendar .days{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start
}
.md-calendar .weekdays li,.md-calendar .days li{
width:13.6%;
padding:.9rem 0;
text-align:center
}
.md-calendar .days li{
margin-bottom:.5rem;
font-size:.9rem
}
.md-calendar .days li.active{
background-color:#fb0025
}
.md-calendar .days li.active.rounded-right{
border-top-right-radius:50% !important;
border-bottom-right-radius:50% !important
}
.md-calendar .days li.active.rounded-left{
border-top-left-radius:50% !important;
border-bottom-left-radius:50% !important
}
.chat-room .friend-list li{
border-bottom:1px solid #e0e0e0
}
.chat-room .friend-list li:last-of-type{
border-bottom:none
}
.chat-room img.avatar{
width:3rem;
height:3rem
}
.chat-room .text-small{
font-size:.95rem
}
.chat-room .text-smaller{
font-size:.75rem
}
.chat-room.small-chat{
position:fixed;
bottom:0;
width:20rem;
border-bottom-right-radius:0;
border-bottom-left-radius:0
}
.chat-room.small-chat.slim{
height:3rem
}
.chat-room.small-chat.slim .icons .feature{
display:none
}
.chat-room.small-chat.slim .my-custom-scrollbar{
display:none
}
.chat-room.small-chat.slim .card-footer{
display:none
}
.chat-room.small-chat .profile-photo img.avatar{
width:2rem;
height:2rem
}
.chat-room.small-chat .profile-photo .state{
position:relative;
top:-.5rem;
left:auto;
z-index:2;
display:block;
width:.65rem;
height:.65rem;
margin-left:1.35rem;
background-color:#007e33;
border:.1rem solid #fff;
border-radius:50%
}
.chat-room.small-chat .profile-photo.message-photo{
margin-top:2.7rem
}
.chat-room.small-chat .heading{
height:2.1rem
}
.chat-room.small-chat .heading .data{
line-height:1.5
}
.chat-room.small-chat .heading .data .name{
font-size:.8rem
}
.chat-room.small-chat .heading .data .activity{
font-size:.75rem
}
.chat-room.small-chat .icons{
padding-top:.45rem
}
.chat-room.small-chat .my-custom-scrollbar{
position:relative;
height:18rem;
overflow:auto
}
.chat-room.small-chat .my-custom-scrollbar>.card-body{
height:18rem
}
.chat-room.small-chat .my-custom-scrollbar>.card-body .chat-message .media img{
width:3rem
}
.chat-room.small-chat .my-custom-scrollbar>.card-body .chat-message .media .media-body p{
font-size:.7rem
}
.chat-room.small-chat .my-custom-scrollbar>.card-body .chat-message .message-text{
margin-left:2.47rem
}
.chat-room.small-chat .card-footer .form-control{
padding:.375rem 0 .43rem 0;
font-size:.9rem;
border:none
}
.chat-room.small-chat .card-footer .form-control:focus{
-webkit-box-shadow:none;
box-shadow:none
}
.min-chart{
position:relative;
display:inline-block;
width:110px;
height:110px;
margin-top:50px;
margin-bottom:50px;
text-align:center
}
.min-chart canvas{
position:absolute;
top:0;
left:0
}
.min-chart .percent{
z-index:2;
display:inline-block;
line-height:110px
}
.min-chart .percent::after{
margin-left:.1em;
font-size:.8rem;
content:"%"
}
svg{
-ms-touch-action:none;
touch-action:none
}
.jvectormap-container{
width:100%;
height:100%;
position:relative;
overflow:hidden;
-ms-touch-action:none;
touch-action:none;
background:transparent !important
}
.jvectormap-tip{
position:absolute;
display:none;
border:solid 1px #CDCDCD;
border-radius:3px;
background:#292929;
color:white;
font-family: 'Montserrat', sans-serif;
font-size:smaller;
padding:3px
}
.jvectormap-zoomin,.jvectormap-zoomout,.jvectormap-goback{
position:absolute;
left:10px;
border-radius:3px;
background:#292929;
padding:3px;
color:white;
cursor:pointer;
line-height:10px;
text-align:center;
-webkit-box-sizing:content-box;
box-sizing:content-box
}
.jvectormap-zoomin,.jvectormap-zoomout{
width:10px;
height:10px
}
.jvectormap-zoomin{
top:10px
}
.jvectormap-zoomout{
top:30px
}
.jvectormap-goback{
bottom:10px;
z-index:1000;
padding:6px
}
.jvectormap-spinner{
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
background:center no-repeat url(data:image/gif;
base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==)
}
.jvectormap-legend-title{
font-weight:Extra bold 800;
font-size:14px;
text-align:center
}
.jvectormap-legend-cnt{
position:absolute
}
.jvectormap-legend-cnt-h{
bottom:0;
right:0
}
.jvectormap-legend-cnt-v{
top:0;
right:0
}
.jvectormap-legend{
background:black;
color:white;
border-radius:3px
}
.jvectormap-legend-cnt-h .jvectormap-legend{
float:left;
margin:0 10px 10px 0;
padding:3px 3px 1px 3px
}
.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick{
float:left
}
.jvectormap-legend-cnt-v .jvectormap-legend{
margin:10px 10px 0 0;
padding:3px
}
.jvectormap-legend-cnt-h .jvectormap-legend-tick{
width:40px
}
.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample{
height:15px
}
.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample{
height:20px;
width:20px;
display:inline-block;
vertical-align:middle
}
.jvectormap-legend-tick-text{
font-size:12px
}
.jvectormap-legend-cnt-h .jvectormap-legend-tick-text{
text-align:center
}
.jvectormap-legend-cnt-v .jvectormap-legend-tick-text{
display:inline-block;
vertical-align:middle;
line-height:20px;
padding-left:3px
}
@supports (--css: variables){
input[type="range"].mdbMultiRange{
display:inline-block;
padding:0;
margin:0;
vertical-align:top
}
input[type="range"].mdbMultiRange.original{
position:absolute
}
input[type="range"].mdbMultiRange.original::-webkit-slider-thumb{
position:relative;
z-index:2
}
input[type="range"].mdbMultiRange.original::-moz-range-thumb{
z-index:1;
transform:scale(1)
}
input[type="range"].mdbMultiRange::-moz-range-track{
border-color:transparent
}
input[type="range"].mdbMultiRange.ghost{
position:relative
}
input[type="range"].mdbMultiRange.ghost:nth-of-type(n+1){
position:absolute
}
}
.multi-range-field{
position:relative
}
.multi-range-field input[type="range"]{
position:relative;
width:100%;
padding:0;
margin:15px 0;
cursor:pointer;
background-color:transparent;
border:none;
border:1px solid #fff;
outline:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.multi-range-field input[type="range"]:focus{
outline:none
}
.multi-range-field input[type="range"]+.thumb{
position:absolute;
top:10px;
width:0;
height:0;
background-color:#1266f1;
border:none;
border-radius:50%;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%
}
.multi-range-field input[type="range"]+.thumb .value{
display:block;
width:30px;
font-size:0;
color:#1266f1;
text-align:center;
-webkit-transform:rotate(45deg);
transform:rotate(45deg)
}
.multi-range-field input[type="range"]+.thumb.active{
border-radius:50% 50% 50% 0
}
.multi-range-field input[type="range"]+.thumb.active .value{
margin-top:8px;
margin-left:-1px;
font-size:10px;
color:#fff
}
.multi-range-field input[type="range"]::-webkit-slider-runnable-track{
height:3px;
background:#c2c0c2;
border:none
}
.multi-range-field input[type="range"]::-webkit-slider-thumb{
width:14px;
height:14px;
margin:-5px 0 0 0;
background-color:#1266f1;
border:none;
border-radius:50%;
-webkit-transition:.3s;
transition:.3s;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-appearance:none;
appearance:none
}
.multi-range-field input[type="range"]:focus::-webkit-slider-runnable-track{
background:#ccc
}
.multi-range-field input[type="range"]::-moz-range-track{
height:3px;
background:#c2c0c2;
border:none
}
.multi-range-field input[type="range"]::-moz-range-thumb{
width:14px;
height:14px;
margin-top:-5px;
background:#1266f1;
border:none;
border-radius:50%
}
.multi-range-field input[type="range"]:-moz-focusring{
outline:1px solid #fff;
outline-offset:-1px
}
.multi-range-field input[type="range"]:focus::-moz-range-track{
background:#c2c0c2
}
.multi-range-field input[type="range"]::-ms-track{
height:3px;
color:transparent;
background:transparent;
border-color:transparent;
border-width:6px 0
}
.multi-range-field input[type="range"]::-ms-fill-lower{
background:#c2c0c2
}
.multi-range-field input[type="range"]::-ms-fill-upper{
background:#c2c0c2
}
.multi-range-field input[type="range"]::-ms-thumb{
width:14px;
height:14px;
background:#1266f1;
border:none;
border-radius:50%
}
.multi-range-field input[type="range"]:focus::-ms-fill-lower{
background:#c2c0c2
}
.multi-range-field input[type="range"]:focus::-ms-fill-upper{
background:#c2c0c2
}
.thumb-horizontal-wrapper{
position:relative;
top:500px;
-webkit-transform:rotate(-270deg);
transform:rotate(-270deg)
}
.multi-range-field input[type="range"]+.thumb-horizontal .value{
-webkit-transform:rotate(315deg) !important;
transform:rotate(315deg) !important
}
div.dataTables_wrapper div.dataTables_length select,div.dataTables_wrapper div.dataTables_length input{
width:auto
}
div.dataTables_wrapper div.dataTables_length.d-flex.flex-row label{
margin-top:1.2rem;
margin-right:1rem
}
div.dataTables_wrapper div.dataTables_length.d-flex.flex-row .select-wrapper.mdb-select span,div.dataTables_wrapper div.dataTables_length.d-flex.flex-row .select-wrapper.mdb-select .select-dropdown{
margin-top:1rem
}
div.dataTables_wrapper div.dataTables_length label,div.dataTables_wrapper div.dataTables_filter label{
padding-top:.5rem;
padding-bottom:.5rem;
font-weight:400;
text-align:left
}
div.dataTables_wrapper div.dataTables_filter{
text-align:right
}
div.dataTables_wrapper div.dataTables_filter select,div.dataTables_wrapper div.dataTables_filter input{
width:auto
}
div.dataTables_wrapper div.dataTables_filter input{
display:inline-block;
margin-left:.5rem
}
div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{
padding-top:1rem;
padding-bottom:1rem;
font-weight:400
}
div.dataTables_wrapper div.dataTables_paginate{
margin:0;
text-align:right
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination{
-ms-flex-pack:end;
justify-content:flex-end;
-webkit-box-pack:end
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item.active .page-link:focus{
background-color:#4285f4
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item .page-link:focus{
-webkit-box-shadow:none;
box-shadow:none
}
@media (max-width: 767px){
div.dataTables_wrapper div .dataTables_length,div.dataTables_wrapper div .dataTables_filter,div.dataTables_wrapper div .dataTables_info,div.dataTables_wrapper div .dataTables_paginate ul.pagination{
-ms-flex-pack:center;
justify-content:center;
text-align:center;
-webkit-box-pack:center
}
}
.bs-select select{
display:inline-block !important
}
table.dataTable thead{
cursor:pointer
}
table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting{
padding-right:30px
}
table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{
outline:none
}
table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{
position:relative;
cursor:pointer
}
table.dataTable thead .sorting:before,table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:before,table.dataTable thead .sorting_desc_disabled:after{
position:absolute;
bottom:.9em;
display:block;
opacity:.3
}
table.dataTable thead .sorting:before,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_desc_disabled:before{
right:1em;
font-family:"Font Awesome\ 5 Free", sans-serif;
font-size:1rem;
font-weight:900;
content:"\f0de"
}
table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{
right:16px;
font-family:"Font Awesome\ 5 Free", sans-serif;
font-size:1rem;
font-weight:900;
content:"\f0dd"
}
table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_desc:after{
opacity:1
}
table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_desc_disabled:after{
opacity:0
}
table.dataTable tbody>tr.selected,table.dataTable tbody>tr>.selected{
background-color:#b0bed9
}
table.dataTable.stripe tbody>tr.odd.selected,table.dataTable.stripe tbody>tr.odd>.selected,table.dataTable.display tbody>tr.odd.selected,table.dataTable.display tbody>tr.odd>.selected{
background-color:#acbad4
}
table.dataTable.hover tbody>tr.selected:hover,table.dataTable.hover tbody>tr>.selected:hover,table.dataTable.display tbody>tr.selected:hover,table.dataTable.display tbody>tr>.selected:hover{
background-color:#aab7d1
}
table.dataTable.order-column tbody>tr.selected>.sorting_1,table.dataTable.order-column tbody>tr.selected>.sorting_2,table.dataTable.order-column tbody>tr.selected>.sorting_3,table.dataTable.display tbody>tr.selected>.sorting_1,table.dataTable.display tbody>tr.selected>.sorting_2,table.dataTable.display tbody>tr.selected>.sorting_3{
background-color:#acbad5
}
table.dataTable.order-column tbody>tr>.selected,table.dataTable.display tbody>tr>.selected{
background-color:#acbad5
}
table.dataTable.display tbody>tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_1{
background-color:#a6b4cd
}
table.dataTable.display tbody>tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_2{
background-color:#a8b5cf
}
table.dataTable.display tbody>tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_3{
background-color:#a9b7d1
}
table.dataTable.display tbody>tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_1{
background-color:#acbad5
}
table.dataTable.display tbody>tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_2{
background-color:#aebcd6
}
table.dataTable.display tbody>tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_3{
background-color:#afbdd8
}
table.dataTable.display tbody>tr.odd>.selected,table.dataTable.order-column.stripe tbody>tr.odd>.selected{
background-color:#a6b4cd
}
table.dataTable.display tbody>tr.even>.selected,table.dataTable.order-column.stripe tbody>tr.even>.selected{
background-color:#acbad5
}
table.dataTable.display tbody>tr.selected:hover>.sorting_1,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_1{
background-color:#a2aec7
}
table.dataTable.display tbody>tr.selected:hover>.sorting_2,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_2{
background-color:#a3b0c9
}
table.dataTable.display tbody>tr.selected:hover>.sorting_3,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_3{
background-color:#a5b2cb
}
table.dataTable.display tbody>tr:hover>.selected,table.dataTable.display tbody>tr>.selected:hover,table.dataTable.order-column.hover tbody>tr:hover>.selected,table.dataTable.order-column.hover tbody>tr>.selected:hover{
background-color:#a2aec7
}
table.dataTable tbody td.select-checkbox,table.dataTable tbody th.select-checkbox{
position:relative
}
table.dataTable tbody td.select-checkbox:before,table.dataTable tbody td.select-checkbox:after,table.dataTable tbody th.select-checkbox:before,table.dataTable tbody th.select-checkbox:after{
position:absolute;
top:1.2em;
left:50%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
width:12px;
height:12px
}
table.dataTable tbody td.select-checkbox:before,table.dataTable tbody th.select-checkbox:before{
margin-top:4px;
margin-left:-6px;
content:" ";
border:1px solid #000;
border-radius:3px
}
table.dataTable tr.selected td.select-checkbox:after,table.dataTable tr.selected th.select-checkbox:after{
margin-top:0;
margin-left:-4px;
text-align:center;
text-shadow:1px 1px #b0bed9, -1px -1px #b0bed9, 1px -1px #b0bed9, -1px 1px #b0bed9;
content:"\2714"
}
div.dataTables_wrapper span.select-info,div.dataTables_wrapper span.select-item{
margin-left:.5em
}
@media screen and (max-width: 640px){
div.dataTables_wrapper span.select-info,div.dataTables_wrapper span.select-item{
display:block;
margin-left:0
}
}
.opacity-0{
opacity:0
}
.opacity-10{
opacity:.1
}
.opacity-20{
opacity:.2
}
.opacity-30{
opacity:.3
}
.opacity-40{
opacity:.4
}
.opacity-50{
opacity:.5
}
.opacity-60{
opacity:.6
}
.opacity-70{
opacity:.7
}
.opacity-80{
opacity:.8
}
.opacity-90{
opacity:.9
}
.opacity-100{
opacity:1
}
.zmd-hierarchical-display{
visibility:hidden
}
.zmd-hierarchical-display.in{
visibility:visible
}
.zmd-hierarchical-displaying{
visibility:visible
}
.animation{
-webkit-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
.animation.zoomedIn,.animation.zoomedOut{
-webkit-animation-timing-function:cubic-bezier(0.55, 0, 0.1, 1);
animation-timing-function:cubic-bezier(0.55, 0, 0.1, 1)
}
@-webkit-keyframes zoomedIn{
from{
-webkit-transform:scale(0);
transform:scale(0)
}
to{
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes zoomedIn{
from{
-webkit-transform:scale(0);
transform:scale(0)
}
to{
-webkit-transform:scale(1);
transform:scale(1)
}
}
@-webkit-keyframes zoomedOut{
from{
-webkit-transform:scale(1);
transform:scale(1)
}
to{
-webkit-transform:scale(0);
transform:scale(0)
}
}
@keyframes zoomedOut{
from{
-webkit-transform:scale(1);
transform:scale(1)
}
to{
-webkit-transform:scale(0);
transform:scale(0)
}
}
.zoomedIn{
-webkit-animation-name:zoomedIn;
animation-name:zoomedIn
}
.zoomedOut{
-webkit-animation-name:zoomedOut;
animation-name:zoomedOut
}
/*! * # Semantic UI 2.4.2 - Flag * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */
i.flag:not(.icon){
display:inline-block;
width:16px;
height:11px;
margin:0 .5em 0 0;
line-height:11px;
text-decoration:inherit;
vertical-align:baseline;
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
i.flag:not(.icon):before{
display:inline-block;
width:16px;
height:11px;
content:"";
background:url("https://mdbootstrap.com/img/svg/flags.png") no-repeat -108px -1976px
}
i.flag.ad:before,i.flag.andorra:before{
background-position:0 0
}
i.flag.ae:before,i.flag.united.arab.emirates:before,i.flag.uae:before{
background-position:0 -26px
}
i.flag.af:before,i.flag.afghanistan:before{
background-position:0 -52px
}
i.flag.ag:before,i.flag.antigua:before{
background-position:0 -78px
}
i.flag.ai:before,i.flag.anguilla:before{
background-position:0 -104px
}
i.flag.al:before,i.flag.albania:before{
background-position:0 -130px
}
i.flag.am:before,i.flag.armenia:before{
background-position:0 -156px
}
i.flag.an:before,i.flag.netherlands.antilles:before{
background-position:0 -182px
}
i.flag.ao:before,i.flag.angola:before{
background-position:0 -208px
}
i.flag.ar:before,i.flag.argentina:before{
background-position:0 -234px
}
i.flag.as:before,i.flag.american.samoa:before{
background-position:0 -260px
}
i.flag.at:before,i.flag.austria:before{
background-position:0 -286px
}
i.flag.au:before,i.flag.australia:before{
background-position:0 -312px
}
i.flag.aw:before,i.flag.aruba:before{
background-position:0 -338px
}
i.flag.ax:before,i.flag.aland.islands:before{
background-position:0 -364px
}
i.flag.az:before,i.flag.azerbaijan:before{
background-position:0 -390px
}
i.flag.ba:before,i.flag.bosnia:before{
background-position:0 -416px
}
i.flag.bb:before,i.flag.barbados:before{
background-position:0 -442px
}
i.flag.bd:before,i.flag.bangladesh:before{
background-position:0 -468px
}
i.flag.be:before,i.flag.belgium:before{
background-position:0 -494px
}
i.flag.bf:before,i.flag.burkina.faso:before{
background-position:0 -520px
}
i.flag.bg:before,i.flag.bulgaria:before{
background-position:0 -546px
}
i.flag.bh:before,i.flag.bahrain:before{
background-position:0 -572px
}
i.flag.bi:before,i.flag.burundi:before{
background-position:0 -598px
}
i.flag.bj:before,i.flag.benin:before{
background-position:0 -624px
}
i.flag.bm:before,i.flag.bermuda:before{
background-position:0 -650px
}
i.flag.bn:before,i.flag.brunei:before{
background-position:0 -676px
}
i.flag.bo:before,i.flag.bolivia:before{
background-position:0 -702px
}
i.flag.br:before,i.flag.brazil:before{
background-position:0 -728px
}
i.flag.bs:before,i.flag.bahamas:before{
background-position:0 -754px
}
i.flag.bt:before,i.flag.bhutan:before{
background-position:0 -780px
}
i.flag.bv:before,i.flag.bouvet.island:before{
background-position:0 -806px
}
i.flag.bw:before,i.flag.botswana:before{
background-position:0 -832px
}
i.flag.by:before,i.flag.belarus:before{
background-position:0 -858px
}
i.flag.bz:before,i.flag.belize:before{
background-position:0 -884px
}
i.flag.ca:before,i.flag.canada:before{
background-position:0 -910px
}
i.flag.cc:before,i.flag.cocos.islands:before{
background-position:0 -962px
}
i.flag.cd:before,i.flag.congo:before{
background-position:0 -988px
}
i.flag.cf:before,i.flag.central.african.republic:before{
background-position:0 -1014px
}
i.flag.cg:before,i.flag.congo.brazzaville:before{
background-position:0 -1040px
}
i.flag.ch:before,i.flag.switzerland:before{
background-position:0 -1066px
}
i.flag.ci:before,i.flag.cote.divoire:before{
background-position:0 -1092px
}
i.flag.ck:before,i.flag.cook.islands:before{
background-position:0 -1118px
}
i.flag.cl:before,i.flag.chile:before{
background-position:0 -1144px
}
i.flag.cm:before,i.flag.cameroon:before{
background-position:0 -1170px
}
i.flag.cn:before,i.flag.china:before{
background-position:0 -1196px
}
i.flag.co:before,i.flag.colombia:before{
background-position:0 -1222px
}
i.flag.cr:before,i.flag.costa.rica:before{
background-position:0 -1248px
}
i.flag.cs:before,i.flag.serbia:before{
background-position:0 -1274px
}
i.flag.cu:before,i.flag.cuba:before{
background-position:0 -1300px
}
i.flag.cv:before,i.flag.cape.verde:before{
background-position:0 -1326px
}
i.flag.cx:before,i.flag.christmas.island:before{
background-position:0 -1352px
}
i.flag.cy:before,i.flag.cyprus:before{
background-position:0 -1378px
}
i.flag.cz:before,i.flag.czech.republic:before{
background-position:0 -1404px
}
i.flag.de:before,i.flag.germany:before{
background-position:0 -1430px
}
i.flag.dj:before,i.flag.djibouti:before{
background-position:0 -1456px
}
i.flag.dk:before,i.flag.denmark:before{
background-position:0 -1482px
}
i.flag.dm:before,i.flag.dominica:before{
background-position:0 -1508px
}
i.flag.do:before,i.flag.dominican.republic:before{
background-position:0 -1534px
}
i.flag.dz:before,i.flag.algeria:before{
background-position:0 -1560px
}
i.flag.ec:before,i.flag.ecuador:before{
background-position:0 -1586px
}
i.flag.ee:before,i.flag.estonia:before{
background-position:0 -1612px
}
i.flag.eg:before,i.flag.egypt:before{
background-position:0 -1638px
}
i.flag.eh:before,i.flag.western.sahara:before{
background-position:0 -1664px
}
i.flag.gb.eng:before,i.flag.england:before{
background-position:0 -1690px
}
i.flag.er:before,i.flag.eritrea:before{
background-position:0 -1716px
}
i.flag.es:before,i.flag.spain:before{
background-position:0 -1742px
}
i.flag.es.ca:before,i.flag.catalonia:before{
background-position:0 -936px
}
i.flag.et:before,i.flag.ethiopia:before{
background-position:0 -1768px
}
i.flag.eu:before,i.flag.european.union:before{
background-position:0 -1794px
}
i.flag.fi:before,i.flag.finland:before{
background-position:0 -1846px
}
i.flag.fj:before,i.flag.fiji:before{
background-position:0 -1872px
}
i.flag.fk:before,i.flag.falkland.islands:before{
background-position:0 -1898px
}
i.flag.fm:before,i.flag.micronesia:before{
background-position:0 -1924px
}
i.flag.fo:before,i.flag.faroe.islands:before{
background-position:0 -1950px
}
i.flag.fr:before,i.flag.france:before{
background-position:0 -1976px
}
i.flag.ga:before,i.flag.gabon:before{
background-position:-36px 0
}
i.flag.gb:before,i.flag.uk:before,i.flag.united.kingdom:before{
background-position:-36px -26px
}
i.flag.gd:before,i.flag.grenada:before{
background-position:-36px -52px
}
i.flag.ge:before,i.flag.georgia:before{
background-position:-36px -78px
}
i.flag.gf:before,i.flag.french.guiana:before{
background-position:-36px -104px
}
i.flag.gh:before,i.flag.ghana:before{
background-position:-36px -130px
}
i.flag.gi:before,i.flag.gibraltar:before{
background-position:-36px -156px
}
i.flag.gl:before,i.flag.greenland:before{
background-position:-36px -182px
}
i.flag.gm:before,i.flag.gambia:before{
background-position:-36px -208px
}
i.flag.gn:before,i.flag.guinea:before{
background-position:-36px -234px
}
i.flag.gp:before,i.flag.guadeloupe:before{
background-position:-36px -260px
}
i.flag.gq:before,i.flag.equatorial.guinea:before{
background-position:-36px -286px
}
i.flag.gr:before,i.flag.greece:before{
background-position:-36px -312px
}
i.flag.gs:before,i.flag.sandwich.islands:before{
background-position:-36px -338px
}
i.flag.gt:before,i.flag.guatemala:before{
background-position:-36px -364px
}
i.flag.gu:before,i.flag.guam:before{
background-position:-36px -390px
}
i.flag.gw:before,i.flag.guinea-bissau:before{
background-position:-36px -416px
}
i.flag.gy:before,i.flag.guyana:before{
background-position:-36px -442px
}
i.flag.hk:before,i.flag.hong.kong:before{
background-position:-36px -468px
}
i.flag.hm:before,i.flag.heard.island:before{
background-position:-36px -494px
}
i.flag.hn:before,i.flag.honduras:before{
background-position:-36px -520px
}
i.flag.hr:before,i.flag.croatia:before{
background-position:-36px -546px
}
i.flag.ht:before,i.flag.haiti:before{
background-position:-36px -572px
}
i.flag.hu:before,i.flag.hungary:before{
background-position:-36px -598px
}
i.flag.id:before,i.flag.indonesia:before{
background-position:-36px -624px
}
i.flag.ie:before,i.flag.ireland:before{
background-position:-36px -650px
}
i.flag.il:before,i.flag.israel:before{
background-position:-36px -676px
}
i.flag.in:before,i.flag.india:before{
background-position:-36px -702px
}
i.flag.io:before,i.flag.indian.ocean.territory:before{
background-position:-36px -728px
}
i.flag.iq:before,i.flag.iraq:before{
background-position:-36px -754px
}
i.flag.ir:before,i.flag.iran:before{
background-position:-36px -780px
}
i.flag.is:before,i.flag.iceland:before{
background-position:-36px -806px
}
i.flag.it:before,i.flag.italy:before{
background-position:-36px -832px
}
i.flag.jm:before,i.flag.jamaica:before{
background-position:-36px -858px
}
i.flag.jo:before,i.flag.jordan:before{
background-position:-36px -884px
}
i.flag.jp:before,i.flag.japan:before{
background-position:-36px -910px
}
i.flag.ke:before,i.flag.kenya:before{
background-position:-36px -936px
}
i.flag.kg:before,i.flag.kyrgyzstan:before{
background-position:-36px -962px
}
i.flag.kh:before,i.flag.cambodia:before{
background-position:-36px -988px
}
i.flag.ki:before,i.flag.kiribati:before{
background-position:-36px -1014px
}
i.flag.km:before,i.flag.comoros:before{
background-position:-36px -1040px
}
i.flag.kn:before,i.flag.saint.kitts.and.nevis:before{
background-position:-36px -1066px
}
i.flag.kp:before,i.flag.north.korea:before{
background-position:-36px -1092px
}
i.flag.kr:before,i.flag.south.korea:before{
background-position:-36px -1118px
}
i.flag.kw:before,i.flag.kuwait:before{
background-position:-36px -1144px
}
i.flag.ky:before,i.flag.cayman.islands:before{
background-position:-36px -1170px
}
i.flag.kz:before,i.flag.kazakhstan:before{
background-position:-36px -1196px
}
i.flag.la:before,i.flag.laos:before{
background-position:-36px -1222px
}
i.flag.lb:before,i.flag.lebanon:before{
background-position:-36px -1248px
}
i.flag.lc:before,i.flag.saint.lucia:before{
background-position:-36px -1274px
}
i.flag.li:before,i.flag.liechtenstein:before{
background-position:-36px -1300px
}
i.flag.lk:before,i.flag.sri.lanka:before{
background-position:-36px -1326px
}
i.flag.lr:before,i.flag.liberia:before{
background-position:-36px -1352px
}
i.flag.ls:before,i.flag.lesotho:before{
background-position:-36px -1378px
}
i.flag.lt:before,i.flag.lithuania:before{
background-position:-36px -1404px
}
i.flag.lu:before,i.flag.luxembourg:before{
background-position:-36px -1430px
}
i.flag.lv:before,i.flag.latvia:before{
background-position:-36px -1456px
}
i.flag.ly:before,i.flag.libya:before{
background-position:-36px -1482px
}
i.flag.ma:before,i.flag.morocco:before{
background-position:-36px -1508px
}
i.flag.mc:before,i.flag.monaco:before{
background-position:-36px -1534px
}
i.flag.md:before,i.flag.moldova:before{
background-position:-36px -1560px
}
i.flag.me:before,i.flag.montenegro:before{
background-position:-36px -1586px
}
i.flag.mg:before,i.flag.madagascar:before{
background-position:-36px -1613px
}
i.flag.mh:before,i.flag.marshall.islands:before{
background-position:-36px -1639px
}
i.flag.mk:before,i.flag.macedonia:before{
background-position:-36px -1665px
}
i.flag.ml:before,i.flag.mali:before{
background-position:-36px -1691px
}
i.flag.mm:before,i.flag.myanmar:before,i.flag.burma:before{
background-position:-73px -1821px
}
i.flag.mn:before,i.flag.mongolia:before{
background-position:-36px -1743px
}
i.flag.mo:before,i.flag.macau:before{
background-position:-36px -1769px
}
i.flag.mp:before,i.flag.northern.mariana.islands:before{
background-position:-36px -1795px
}
i.flag.mq:before,i.flag.martinique:before{
background-position:-36px -1821px
}
i.flag.mr:before,i.flag.mauritania:before{
background-position:-36px -1847px
}
i.flag.ms:before,i.flag.montserrat:before{
background-position:-36px -1873px
}
i.flag.mt:before,i.flag.malta:before{
background-position:-36px -1899px
}
i.flag.mu:before,i.flag.mauritius:before{
background-position:-36px -1925px
}
i.flag.mv:before,i.flag.maldives:before{
background-position:-36px -1951px
}
i.flag.mw:before,i.flag.malawi:before{
background-position:-36px -1977px
}
i.flag.mx:before,i.flag.mexico:before{
background-position:-72px 0
}
i.flag.my:before,i.flag.malaysia:before{
background-position:-72px -26px
}
i.flag.mz:before,i.flag.mozambique:before{
background-position:-72px -52px
}
i.flag.na:before,i.flag.namibia:before{
background-position:-72px -78px
}
i.flag.nc:before,i.flag.new.caledonia:before{
background-position:-72px -104px
}
i.flag.ne:before,i.flag.niger:before{
background-position:-72px -130px
}
i.flag.nf:before,i.flag.norfolk.island:before{
background-position:-72px -156px
}
i.flag.ng:before,i.flag.nigeria:before{
background-position:-72px -182px
}
i.flag.ni:before,i.flag.nicaragua:before{
background-position:-72px -208px
}
i.flag.nl:before,i.flag.netherlands:before{
background-position:-72px -234px
}
i.flag.no:before,i.flag.norway:before{
background-position:-72px -260px
}
i.flag.np:before,i.flag.nepal:before{
background-position:-72px -286px
}
i.flag.nr:before,i.flag.nauru:before{
background-position:-72px -312px
}
i.flag.nu:before,i.flag.niue:before{
background-position:-72px -338px
}
i.flag.nz:before,i.flag.new.zealand:before{
background-position:-72px -364px
}
i.flag.om:before,i.flag.oman:before{
background-position:-72px -390px
}
i.flag.pa:before,i.flag.panama:before{
background-position:-72px -416px
}
i.flag.pe:before,i.flag.peru:before{
background-position:-72px -442px
}
i.flag.pf:before,i.flag.french.polynesia:before{
background-position:-72px -468px
}
i.flag.pg:before,i.flag.new.guinea:before{
background-position:-72px -494px
}
i.flag.ph:before,i.flag.philippines:before{
background-position:-72px -520px
}
i.flag.pk:before,i.flag.pakistan:before{
background-position:-72px -546px
}
i.flag.pl:before,i.flag.poland:before{
background-position:-72px -572px
}
i.flag.pm:before,i.flag.saint.pierre:before{
background-position:-72px -598px
}
i.flag.pn:before,i.flag.pitcairn.islands:before{
background-position:-72px -624px
}
i.flag.pr:before,i.flag.puerto.rico:before{
background-position:-72px -650px
}
i.flag.ps:before,i.flag.palestine:before{
background-position:-72px -676px
}
i.flag.pt:before,i.flag.portugal:before{
background-position:-72px -702px
}
i.flag.pw:before,i.flag.palau:before{
background-position:-72px -728px
}
i.flag.py:before,i.flag.paraguay:before{
background-position:-72px -754px
}
i.flag.qa:before,i.flag.qatar:before{
background-position:-72px -780px
}
i.flag.re:before,i.flag.reunion:before{
background-position:-72px -806px
}
i.flag.ro:before,i.flag.romania:before{
background-position:-72px -832px
}
i.flag.rs:before,i.flag.serbia:before{
background-position:-72px -858px
}
i.flag.ru:before,i.flag.russia:before{
background-position:-72px -884px
}
i.flag.rw:before,i.flag.rwanda:before{
background-position:-72px -910px
}
i.flag.sa:before,i.flag.saudi.arabia:before{
background-position:-72px -936px
}
i.flag.sb:before,i.flag.solomon.islands:before{
background-position:-72px -962px
}
i.flag.sc:before,i.flag.seychelles:before{
background-position:-72px -988px
}
i.flag.gb.sct:before,i.flag.scotland:before{
background-position:-72px -1014px
}
i.flag.sd:before,i.flag.sudan:before{
background-position:-72px -1040px
}
i.flag.se:before,i.flag.sweden:before{
background-position:-72px -1066px
}
i.flag.sg:before,i.flag.singapore:before{
background-position:-72px -1092px
}
i.flag.sh:before,i.flag.saint.helena:before{
background-position:-72px -1118px
}
i.flag.si:before,i.flag.slovenia:before{
background-position:-72px -1144px
}
i.flag.sj:before,i.flag.svalbard:before,i.flag.jan.mayen:before{
background-position:-72px -1170px
}
i.flag.sk:before,i.flag.slovakia:before{
background-position:-72px -1196px
}
i.flag.sl:before,i.flag.sierra.leone:before{
background-position:-72px -1222px
}
i.flag.sm:before,i.flag.san.marino:before{
background-position:-72px -1248px
}
i.flag.sn:before,i.flag.senegal:before{
background-position:-72px -1274px
}
i.flag.so:before,i.flag.somalia:before{
background-position:-72px -1300px
}
i.flag.sr:before,i.flag.suriname:before{
background-position:-72px -1326px
}
i.flag.st:before,i.flag.sao.tome:before{
background-position:-72px -1352px
}
i.flag.sv:before,i.flag.el.salvador:before{
background-position:-72px -1378px
}
i.flag.sy:before,i.flag.syria:before{
background-position:-72px -1404px
}
i.flag.sz:before,i.flag.swaziland:before{
background-position:-72px -1430px
}
i.flag.tc:before,i.flag.caicos.islands:before{
background-position:-72px -1456px
}
i.flag.td:before,i.flag.chad:before{
background-position:-72px -1482px
}
i.flag.tf:before,i.flag.french.territories:before{
background-position:-72px -1508px
}
i.flag.tg:before,i.flag.togo:before{
background-position:-72px -1534px
}
i.flag.th:before,i.flag.thailand:before{
background-position:-72px -1560px
}
i.flag.tj:before,i.flag.tajikistan:before{
background-position:-72px -1586px
}
i.flag.tk:before,i.flag.tokelau:before{
background-position:-72px -1612px
}
i.flag.tl:before,i.flag.timorleste:before{
background-position:-72px -1638px
}
i.flag.tm:before,i.flag.turkmenistan:before{
background-position:-72px -1664px
}
i.flag.tn:before,i.flag.tunisia:before{
background-position:-72px -1690px
}
i.flag.to:before,i.flag.tonga:before{
background-position:-72px -1716px
}
i.flag.tr:before,i.flag.turkey:before{
background-position:-72px -1742px
}
i.flag.tt:before,i.flag.trinidad:before{
background-position:-72px -1768px
}
i.flag.tv:before,i.flag.tuvalu:before{
background-position:-72px -1794px
}
i.flag.tw:before,i.flag.taiwan:before{
background-position:-72px -1820px
}
i.flag.tz:before,i.flag.tanzania:before{
background-position:-72px -1846px
}
i.flag.ua:before,i.flag.ukraine:before{
background-position:-72px -1872px
}
i.flag.ug:before,i.flag.uganda:before{
background-position:-72px -1898px
}
i.flag.um:before,i.flag.us.minor.islands:before{
background-position:-72px -1924px
}
i.flag.us:before,i.flag.america:before,i.flag.united.states:before{
background-position:-72px -1950px
}
i.flag.uy:before,i.flag.uruguay:before{
background-position:-72px -1976px
}
i.flag.uz:before,i.flag.uzbekistan:before{
background-position:-108px 0
}
i.flag.va:before,i.flag.vatican.city:before{
background-position:-108px -26px
}
i.flag.vc:before,i.flag.saint.vincent:before{
background-position:-108px -52px
}
i.flag.ve:before,i.flag.venezuela:before{
background-position:-108px -78px
}
i.flag.vg:before,i.flag.british.virgin.islands:before{
background-position:-108px -104px
}
i.flag.vi:before,i.flag.us.virgin.islands:before{
background-position:-108px -130px
}
i.flag.vn:before,i.flag.vietnam:before{
background-position:-108px -156px
}
i.flag.vu:before,i.flag.vanuatu:before{
background-position:-108px -182px
}
i.flag.gb.wls:before,i.flag.wales:before{
background-position:-108px -208px
}
i.flag.wf:before,i.flag.wallis.and.futuna:before{
background-position:-108px -234px
}
i.flag.ws:before,i.flag.samoa:before{
background-position:-108px -260px
}
i.flag.ye:before,i.flag.yemen:before{
background-position:-108px -286px
}
i.flag.yt:before,i.flag.mayotte:before{
background-position:-108px -312px
}
i.flag.za:before,i.flag.south.africa:before{
background-position:-108px -338px
}
i.flag.zm:before,i.flag.zambia:before{
background-position:-108px -364px
}
i.flag.zw:before,i.flag.zimbabwe:before{
background-position:-108px -390px
}
.mdb-rating .rate-popover{
color:#808080
}
.mdb-rating .live{
color:#000
}
.mdb-rating .oneStar{
color:#44370f
}
.mdb-rating .twoStars{
color:#96781e
}
.mdb-rating .threeStars{
color:#e2b52e
}
.mdb-rating .fourStars{
color:#f1ba12
}
.mdb-rating .fiveStars{
color:#f3cb06
}
.mdb-rating .amber-text{
color:#ffc107
}




.calendar-country{
color: #737373;

padding-left: 15px
}




.jq-dropdown {
position: absolute;
z-index: 1001;
display: none;
font-size: 12px
}

.jq-dropdown .jq-dropdown-menu,
.jq-dropdown .jq-dropdown-panel {
min-width: 160px;
max-width: 360px;
list-style: none;
background: #fff;
border: solid 1px #ddd;
border-radius: 4px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
overflow: visible;
padding: 4px 0;
margin: 0
}

.jq-dropdown .jq-dropdown-panel {
padding: 10px
}

.jq-dropdown.jq-dropdown-tip {
margin-top: 8px
}

.jq-dropdown.jq-dropdown-tip:before {
position: absolute;
top: -6px;
left: 9px;
content: "";
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ddd;
display: inline-block
}

.jq-dropdown.jq-dropdown-tip:after {
position: absolute;
top: -5px;
left: 10px;
content: "";
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
display: inline-block
}

.jq-dropdown.jq-dropdown-tip.jq-dropdown-anchor-right:before {
left: auto;
right: 9px
}

.jq-dropdown.jq-dropdown-tip.jq-dropdown-anchor-right:after {
left: auto;
right: 10px
}

.jq-dropdown.jq-dropdown-scroll .jq-dropdown-menu,
.jq-dropdown.jq-dropdown-scroll .jq-dropdown-panel {
max-height: 180px;
overflow: auto
}

.jq-dropdown .jq-dropdown-menu li {
list-style: none;
padding: 0 0;
margin: 0;
line-height: 18px
}

.jq-dropdown .jq-dropdown-menu li>a,
.jq-dropdown .jq-dropdown-menu label {
display: block;
color: inherit;
text-decoration: none;
line-height: 18px;
padding: 3px 15px;
margin: 0;
white-space: nowrap
}

.jq-dropdown .jq-dropdown-menu li>a:hover,
.jq-dropdown .jq-dropdown-menu label:hover {
background-color: #f2f2f2;
color: inherit;
cursor: pointer
}

.jq-dropdown .jq-dropdown-menu .jq-dropdown-divider {
font-size: 1px;
border-top: solid 1px #e5e5e5;
padding: 0;
margin: 5px 0
}

.jq-dropdown-panel ul {
padding-left: 0;
margin: 0;
list-style: none
}

.jq-dropdown-panel ul li {
padding: 1px 10px;
cursor: pointer;
/*color: #303030;*/
color: #303030;
padding: 5px;
}

.jq-dropdown-panel ul li.sel,
.jq-dropdown-panel ul li:hover {
background-color: #005AC1;
color: #fff;
}
.jq-dropdown.jq-dropdown-tip.jq-dropdown-anchor-center:before {
left: 50%;
right: 50%
}

.jq-dropdown.jq-dropdown-tip.jq-dropdown-anchor-center:after {
left: 50%;
right: 50%
}



.input-group, input.test-value-input {
max-width: 250px
}
.input-group-wide {
max-width: 250px;
}.input-group-btn-vertical .btn {
min-width: 1.5rem;
}

.input-group.w100{
max-width: 100%!important
}
.brbr-0{
border-bottom-right-radius: 0px!important
}

.brbl-0{
border-bottom-left-radius: 0px!important
}

.brtr-0{
border-top-right-radius: 0px!important
}

.brtl-0{
border-top-left-radius: 0px!important
}













.guest{
position: absolute;
z-index: 1000;
display: none;
top: 70px;




min-width:450px; 

} .guest .card{
border:1px solid #a9a9a9;
}

.select-passenger {
float: left; width:60px ; margin-right: 1px}
.select-passenger .fa{
margin-bottom: 5px; padding-left: 20px
}
.select-passenger select{width: 40px;  border:1px solid #ddd!important;
background-color: #f5f5f5; padding: 5px; height: 30px;}


.select-passenger-2{
float: left; width:48%; margin-bottom: 5px;margin-right: 1px}
.select-passenger-2 select{width: 90%;  border:1px solid #ddd!important;
background-color: #f5f5f5; padding: 5px; height: 40px;}


.select-sm{width: 60px;  border:1px solid #ddd!important; background-color: #fff; padding: 5px; height: 30px;}
fieldset 
{
border: 1px solid #ddd !important;
margin: 0;

padding: 10px;       
position: relative;
border-radius:4px;

padding-left:10px!important;
margin: 1px;
}   

legend
{

border-radius: 5px 5px 0px 0px;
margin-bottom: 0px; 
width: 35%; 
border: 1px solid #ddd;
border-radius: 4px 4px 0px 0px; 
padding: 5px 5px 5px 10px; 
background-color: #ffffff;
font-size:90%;
border-bottom-style: hidden;

}

.guest.guest-tip {
margin-top: 9px;
}

.guest.guest-tip:before {
position: absolute;
top: -10px;
left: 9px;
content: "";
border-left: 11px solid transparent;
border-right: 11px solid transparent;
border-bottom: 11px solid #A9A9A9;
display: inline-block
}

.guest.guest-tip:after {
position: absolute;
top: -9px;
left: 10px;
content: "";
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
display: inline-block
}

.guest.guest-tip.guest-anchor-right:before {
left: auto;
right: 9px
}

.guest.guest-tip.guest-anchor-right:after {
left: auto;
right: 10px
}

.guest.guest-tip.guest-anchor-center:before {
left: 50%;
right: 50%
}

.guest.guest-tip.guest-anchor-center:after {
left: 50%;
right: 50%
}

.zoom img { 
width: 100%; 
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
cursor: pointer;
} 

.zoom:hover img { 
-webkit-transform: scale(1.3);
transform: scale(1.3);
} 

.zoom { 

overflow: hidden; 

} 

.i-cmp{
color: #FD849D
}

.a-cmp{
color: #FD849D;
text-decoration: underline;
}



.d-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: 100px;
grid-gap: 7px;
}


.item {
position: relative;
}

.item img { 
width: 100%; 
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
cursor: pointer;
} 

.item:hover img { 
-webkit-transform: scale(1.3);
transform: scale(1.3);
} 

.item { 

overflow: hidden; 

} 

.item:nth-child(1) {
grid-column: 1 / 2;
grid-row: 1 / 3;
}

.item:nth-child(2) {
grid-column: 2;
grid-row: 0 / 3;
}

.item:nth-child(3) {
grid-column: 2;
grid-row: 2 / 3;
}

.item:nth-child(4) {
grid-column: 2;
grid-row: 3 / 3;
}

.item a {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
overflow: hidden;
}

.item img {
height: 100%;
width: 100%;
object-fit: cover; 
}




.sidebar-content {
flex-grow: 1;
display: flex;
flex-direction: column;
overflow-y: auto;
transition: all .3s linear
}

.sidebar-content .header-menu span {
font-weight: Extra bold 800;
font-size: 14px;
padding: 15px 20px 5px 20px;
display: inline-block;

}

.sidebar-content ul {
list-style-type: none;
padding: 0;
margin: 0
}

.sidebar-content ul a:hover i,
.sidebar-content ul li a:hover,
.sidebar-content ul a:hover::before,
.sidebar-content ul li.active a,
.sidebar-content ul li.active a i {
color: #FD849D!important
}

.sidebar-content ul li a {
display: flex;
flex-wrap: nowrap;
align-items: center;
text-decoration: none;
padding: 8px 5px 2px 5px;  color: #737373!important

}

.sidebar-content ul li a i {
margin-right: 10px;
font-size: 12px;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
flex-shrink: 0;

}

.sidebar-content ul li a .menu-text {
flex: 1;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}

.sidebar-content ul li:not(.sidebar-dropdown)>a:after {
width: 22px;
content: " "
}

.sidebar-content .sidebar-dropdown>a:after {
font-family: "Material Design Icons";
font-weight: 900;
font-size: 1.3rem;
content: "󰅂";
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
margin-left: 2px
}

.sidebar-content .sidebar-dropdown .sidebar-submenu {
background-color: #737373;
display: none
}

.sidebar-content .sidebar-dropdown .sidebar-submenu ul {
padding: 5px 0
}

.sidebar-content .sidebar-dropdown .sidebar-submenu li {
padding-left: 25px;
font-size: 13px
}

.sidebar-content .sidebar-dropdown .sidebar-submenu li a {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}

.sidebar-content .sidebar-dropdown .sidebar-submenu li a:before {
content: "󰝦";
font-family: "Material Design Icons";
font-weight: 400;
font-style: normal;
display: inline-block;
text-align: center;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 10px;
font-size: 8px
}

.sidebar-content .sidebar-dropdown .sidebar-submenu li a .badge,
.sidebar-content .sidebar-dropdown .sidebar-submenu li a .label {
margin-left: auto
}

.sidebar-content .sidebar-dropdown.active .sidebar-submenu {
display: block
}

.sidebar-content .sidebar-dropdown:not(.active) .sidebar-submenu {
display: ""
}

.sidebar-content .sidebar-dropdown.active>a:after {
transform: rotate(90deg);
right: 8px
}

.sidebar-footer {
padding: .25rem;
display: flex;
border-top: 1px solid #A9A9A9;
justify-content: space-around; 
}

.sidebar-footer>div {
display: flex;
align-items: stretch
}

.sidebar-footer>div>a {
display: flex;
align-items: center
}

.sidebar-footer>div>a .badge {
align-self: flex-start
}

.sidebar-footer .dropdown-menu {
max-width: 500px
}

.sidebar-footer .messages .dropdown-item {
padding: .25rem 1rem
}

.sidebar-footer .messages .messages-header {
padding: 0 1rem
}

.sidebar-footer .messages .message-content {
display: flex
}

.sidebar-footer .messages .message-content .pic {
width: 40px;
height: 40px;
overflow: hidden
}

.sidebar-footer .messages .message-content .pic img {
object-fit: cover;
height: 100%
}

.sidebar-footer .messages .message-content .content {
line-height: 1.6;
padding-left: 5px;
width: calc(100% - 40px)
}

.sidebar-footer .messages .message-content .content .message-title {
font-size: 13px
}

.sidebar-footer .messages .message-content .content .message-detail {
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}

.sidebar-footer .notifications .dropdown-item {
padding: .25rem 1rem
}

.sidebar-footer .notifications .notifications-header {
padding: 0 1rem
}

.sidebar-footer .notifications .notification-content {
display: flex
}

.sidebar-footer .notifications .notification-content .icon {
width: 40px;
height: 40px
}

.sidebar-footer .notifications .notification-content .icon i {
width: 35px;
height: 35px;
text-align: center;
font-size: 22px;
display: inline-block
}

.sidebar-footer .notifications .notification-content .content {
line-height: 1.6;
padding-left: 5px;
width: calc(100% - 40px)
}

.sidebar-footer .notifications .notification-content .content .notification-time {
font-size: .7rem;

}

.sidebar-footer .notifications .notification-content .content .notification-detail {
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}

.sidebar {
font-size: .9rem;
width: 300px; z-index: 1000;
background-color: #fff;
transition: width .3s ease;
display: flex;
flex-direction: column;
border-right: 1px solid #A9A9A9;
border-top: 1px solid #A9A9A9;

position: fixed; 
height: 100% ; left: 0; top: 92px;
bottom: 0px;
}

.sidebar.hidden+.btn-sidebar-show {
left: 0
}

.sidebar.hidden .sidebar-header,
.sidebar.hidden .sidebar-content,
.sidebar.hidden .sidebar-footer,
.sidebar.hidden .sidebar .mdi {
display: none
}

.sidebar a {
text-decoration: none;
transition: color .1s linear
}

.sidebar a:not(.dropdown-item) {
color: #9eb7c3
}

.sidebar a:not(.dropdown-item):hover {
color: #000
}

.sidebar .sidebar-header {
padding: .25rem;
display: flex;
align-items: center;
border-bottom: 1px solid #A9A9A9;
transition: all .3s linear;


}

.sidebar .sidebar-header>a {

font-weight: Extra bold 800;
flex-grow: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}

.sidebar .sidebar-header>a:first-letter {
text-transform: uppercase;
}

.sidebar .btn-sidebar-close {
color: #9eb7c3
}
.nav-link:first-letter {
text-transform: uppercase;
}
.sidebar .btn-sidebar-close:hover {
color: #fff
}

.btn-sidebar-show {
position: fixed;
left: -40px;
top: 90px;
border-radius: 0 4px 4px 0px;
width: 35px
}
#map-main-hy{
position: absolute;
top:0;
left:0;
height: 100%;
width:100%;
z-index: 990;
overflow:hidden;
}
.map-container {
overflow: hidden;      
right: 0;
top: 92px;
height: 100%;
width: 30%;
position: fixed; 
bottom: 0px;  
border-left: 1px solid #A9A9A9;
border-top: 1px solid #A9A9A9
}
.hy-pagin-header{
position: fixed; z-index: 1000;
left: 300px; right: 30%; top: 92px;
padding: 0px;  
background-color: #fff;
border-top:1px solid #A9A9A9;
border-bottom:1px solid #A9A9A9;



}



.hy-pagin-header-2{

left: 0; right: 0; top: 140px;


}
.hy-pagin-header-3{

left: 0; right: 50%; top: 140px;


}

.ml-0{
margin-left: 0px!important
}

.text-yellow{
color: #ffc107 !important;
}

.hy-title{
font-size: 18px;color: #737373;cursor: pointer
}
.hy-title:hover{
text-decoration: underline;

}
.black-light-text{
color: #737373
}

.hy-zoom img { 
width: 100%; 
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
cursor: pointer;
} 

.hy-zoom:hover img { 
-webkit-transform: scale(1.3);
transform: scale(1.3);
} 

.hy-zoom { 

overflow: hidden; 
}



.hy-table {
border-top : 1px solid #ddd;


}
.hy-table-position{
position: absolute; bottom: 5px; left: 15px; right: 15px; top: 0px
}
.hy-table-position-2{
padding: 0px;
/*position: absolute; bottom: 5px; left: 15px; right: 15px; top: 0px*/
}
.hy-table table {
width: 100%;
}

.hy-table table tbody{
width: 100%;background-color: #f8f8f8!important;
}


.search-item .description {

}

.hy-table  tr {
/* background-color: #f8f8f8;*/
/* border: 1px solid #ddd;*/
padding: .35em;
}

.hy-table  th,
.hy-table  td {
padding: .625em;
text-align: center;  
}


.hy-table  td {

font-size: 12px;
}
.hy-table  td a {
color: #FD849D

}
.hy-table  th {
font-size: .85em;
letter-spacing: .1em;

}
.hy-table  th:first-letter {
text-transform: uppercase;
}


@media screen and (max-width: 600px) {
.hy-table  {
border: 0;
}

.hy-table  caption {
font-size: 1.3em;
}

.hy-table  thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}

.hy-table  tr {

display: block;
margin-bottom: .625em;
}

.hy-table  td {
/*  border: 1px solid #ddd;*/
display: block;
font-size: .8em;
text-align: right; border:  1px solid #ddd
}

.hy-table  td.all_offre {
/*  border: 1px solid #ddd;*/
background-color: #FD849D;
border-radius: 10px;
color: #fff;
}

.hy-table-position{
position: relative; bottom: 0; left: 0; right: 0
}

.hy-table  td::before {
/*
* aria-label has no advantage, it won't be read inside a table
content: attr(aria-label);
*/
content: attr(data-label);
float: left;
font-weight: Extra bold 800;


}

.hy-table  td::before :first-letter {
text-transform: uppercase;
}
.hy-table  td a{
display: none
}

}

.b-l{
border-left:  1px solid #ddd!important;
}
.b-r{
border-right:  1px solid #ddd!important;
}
.b-b{
border-bottom:  1px solid #ddd!important;
}
.b-t{
border-top:  1px solid #ddd!important;
}



.sidebar-horizontal-content {
padding: .25rem;
display: flex;
border-top: 1px solid #A9A9A9;
justify-content: space-around;
padding-top: 0.5rem 
}

.sidebar-horizontal-content>div {
display: flex;
align-items: stretch
}

.sidebar-horizontal-content>div>a {
display: flex;
align-items: center;color: #737373;


}

.sidebar-horizontal-content>div>a .badge {
align-self: flex-start
}
.sidebar-horizontal-content ul {
padding-left: 5px
}

.sidebar-horizontal-content ul li {
display: block;
}

.sidebar-horizontal-content .dropdown-menu {
max-width: 500px;
max-height:  300px!important;
overflow: auto;
}

.sidebar-horizontal-content .messages .dropdown-item {
padding: .25rem 1rem
}

.sidebar-horizontal-content .messages .messages-header {
padding: 0 1rem
}

.sidebar-horizontal-content .messages .message-content {
display: flex
}

.sidebar-horizontal-content .messages .message-content .pic {
width: 40px;
height: 40px;
overflow: hidden
}

.sidebar-horizontal-content .messages .message-content .pic img {
object-fit: cover;
height: 100%
}

.sidebar-horizontal-content .messages .message-content .content {
line-height: 1.6;
padding-left: 5px;
width: calc(100% - 40px)
}

.sidebar-horizontal-content .messages .message-content .content .message-title {
font-size: 13px
}

.sidebar-horizontal-content .messages .message-content .content .message-detail {
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}

.sidebar-horizontal-content .notifications .dropdown-item {
padding: .25rem 1rem
}

.sidebar-horizontal-content .notifications .notifications-header {
padding: 0 1rem
}

.sidebar-horizontal-content .notifications .notification-content {
display: flex
}

.sidebar-horizontal-content .notifications .notification-content .icon {
width: 40px;
height: 40px
}

.sidebar-horizontal-content .notifications .notification-content .icon i {
width: 35px;
height: 35px;
text-align: center;
font-size: 22px;
display: inline-block
}

.sidebar-horizontal-content .notifications .notification-content .content {
line-height: 1.6;
padding-left: 5px;
width: calc(100% - 40px)
}

.sidebar-horizontal-content .notifications .notification-content .content .notification-time {
font-size: .7rem;

}

.sidebar-horizontal-content .notifications .notification-content .content .notification-detail {
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}

.sidebar-horizontal {
font-size: .9rem;
width: 100%; z-index: 1000;

background-color: #fff;

transition: width .3s ease;
display: flex;
flex-direction: column;
border-bottom: 1px solid #A9A9A9;

top:90px;
position: fixed;  height: 50px; 

left: 0;

}


.sidebar-horizontal.hidden .sidebar-horizontal-content,
.sidebar-horizontal.hidden .sidebar-horizontal .mdi {
display: none
}


.hy-w-100{width: 100%!important}
.hy-hide{display: none}
.hy-h-1{height: 210px!important}
.hy-h-2{height: 300px!important}.hy-h-4{height:400px!important}
.hy-h-3{height: 250px!important}
.hy-ml-0{margin-left: 0px}
.hy-w-50{width: 50%!important}
.hy-mr-50{margin-right: 50%!important;}
.hy-mr-0{margin-right: 0px!important}
.hy-map{
top: 140px!important;
}
.pt230{
padding-top: 230px!important;    
}
.pt100{
padding-top: 100px!important;    
}


.map-price-main{
position: absolute;background-color: #6cc117; color: #fff;
height: 30px;  
top: -100px; left: -10px;
padding: 10px;
display: none
}
.map-price-main-hr{
position: absolute;background-color: #6cc117;
height: 71px; width:5px;
top: -70px;  left: 30px;
display: none
}

.map-price{
background-color: #454545; 
padding: 5px; color: #fff;
border: 1px solid #fff;
cursor: pointer; z-index: 1000;  
}

.map-price:before {
position: absolute;
bottom: -7px;
left: 39%;
content: "";
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #fff;
display: inline-block; width: 

}


.map-price:after {
position: absolute;
bottom: -5px;
left: 40%;
content: "";
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #454545;
display: inline-block;  
}

.map-price:hover:after {
border-top: 6px solid #FD849D;
}
.map-price:hover {
background-color: #FD849D; 

}
.map-price:mouseover {
background-color: #454545; 

}

.map-price-select:after {
border-top: 6px solid #FD849D;
}
.map-price-select {
background-color: #FD849D;   
}

.map-info{

position: absolute;
z-index: 1000;
top: -300px;
left: -50px;
width: 200px; 

display: none;

}

.map-info2{

position: absolute;
z-index: 1000;
top: -150px;
left: -150px;
width:350px; 

display: none;

}

.map-cat{


font-size: 13px;  padding: 5px;
}

.map-body img{
height: 150px;
}
.map-adress{

font-size: 13px;  padding: 5px;
}
.map-title{
font-size: 15px;
font-weight: Extra bold 800; 
padding: 5px; color: #737373
}

.map-price-2{

font-size: 13px;  padding: 5px;
font-weight: Extra bold 800;color: #737373
}

.pagination .page-item .page-link {
font-size: .9rem;
color: #212529;
background-color: transparent;
border: 0;
outline: 0;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}

.pagination.pagination-circle .page-item.active .page-link {
border-radius:50%!important; color: #fff!important;
background-color: #FD849D;  
}

.pagination .page-item .page-link:hover {
background-color: #f5f5f5;  border-radius: 50%; 
}

.loader {
position: fixed;
left: 40%;
top: 300px;
overflow: hidden;
z-index: 1000;  background-color: #f5f5f5;
border:1px solid #A9A9A9; 
border-radius: 20px;
display: none
}
.loader div{
float: left;
}

.item-1 {
width: 20px;
height: 20px;
background: #f583a1;
border-radius: 50%;
background-color: #ff8800;
margin: 7px;
display: flex;
justify-content: center;
align-items: center;
}
@keyframes scale {
0% {
transform: scale(1);
}
50%,
75% {
transform: scale(2.5);
}
78%, 100% {
opacity: 0;
}
}
.item-1:before {
content: '';
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #ff8800;
opacity: 0.7;
animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
animation-delay: 200ms;
transition: 0.5s all ease;
transform: scale(1);
}

.item-2 {
width: 20px;
height: 20px;
background: #f583a1;
border-radius: 50%;
background-color: #eece68;
margin: 7px;
display: flex;
justify-content: center;
align-items: center;
}
@keyframes scale {
0% {
transform: scale(1);
}
50%,
75% {
transform: scale(2.5);
}
78%, 100% {
opacity: 0;
}
}
.item-2:before {
content: '';
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #ff8800;
opacity: 0.7;
animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
animation-delay: 400ms;
transition: 0.5s all ease;
transform: scale(1);
}

.item-3 {
width: 20px;
height: 20px;
background: #f583a1;
border-radius: 50%;
background-color: #ff8800;
margin: 7px;
display: flex;
justify-content: center;
align-items: center;
}
@keyframes scale {
0% {
transform: scale(1);
}
50%,
75% {
transform: scale(2.5);
}
78%, 100% {
opacity: 0;
}
}
.item-3:before {
content: '';
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #ff8800;
opacity: 0.7;
animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
animation-delay: 600ms;
transition: 0.5s all ease;
transform: scale(1);
}

.item-4 {
width: 20px;
height: 20px;
background: #f583a1;
border-radius: 50%;
background-color: #ff8800;
margin: 7px;
display: flex;
justify-content: center;
align-items: center;
}
@keyframes scale {
0% {
transform: scale(1);
}
50%,
75% {
transform: scale(2.5);
}
78%, 100% {
opacity: 0;
}
}
.item-4:before {
content: '';
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #ff8800;
opacity: 0.7;
animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
animation-delay: 800ms;
transition: 0.5s all ease;
transform: scale(1);
}

.item-5 {
width: 20px;
height: 20px;
background: #f583a1;
border-radius: 50%;
background-color: #ff8800;
margin: 7px;
display: flex;
justify-content: center;
align-items: center;
}
@keyframes scale {
0% {
transform: scale(1);
}
50%,
75% {
transform: scale(2.5);
}
78%, 100% {
opacity: 0;
}
}
.item-5:before {
content: '';
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #ff8800;
opacity: 0.7;
animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
animation-delay: 1000ms;
transition: 0.5s all ease;
transform: scale(1);
}


.daterangepicker td.active, .daterangepicker td.active:hover {
background-color: #FD849D;


}

.page-link{
color: #737373!important
}

:root {
--hygray: #fff; 
}
.btn-group{
box-shadow: 5px 5px 8px #c7c7c7;
}


.logo{
width: 200px;
height: 40px
}
.brn{border-right-style: hidden!important;}
.bln{border-left-style: hidden!important;}
.brbln{border-bottom-left-radius: 0px!important;}
.brbrn{border-bottom-right-radius: 0px!important;}
.brtln{border-top-left-radius: 0px!important;}
.brtrn{border-top-right-radius: 0px!important;}


.hy-autocomplete {
position: absolute; 
left: 0;
top: -5px;
z-index: 1000;
display: none; 
width: 100%;
margin: 2px 0 0;
list-style: none;
font-size: 14px;
text-align: left;
background-color: #ffffff;
border: 1px solid #f2f2f2;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
min-width: 400px;
box-shadow: 10px 10px 15px rgba(23, 23, 23, 0.24);




}
.hy-autocomplete-mobile{
position: fixed; 
top: 10px;
left: 0px;
width: 100%;
height: 100vh;
z-index: 1000

}.hy-autocomplete-mobile .hy-autocomplete-body{
height: 400px;

}
#hy-autocomplete-text {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border: 1px solid #A9A9A9;
height: 60px;
border-color: transparent;
background-image: url(/img/svg/mag_b.svg?crc=4088424166);
background-position: left center;
background-repeat: no-repeat;
background-size: 2.5rem 1.5rem;
padding-left: 40px!important;
cursor: pointer;
overflow: hidden;

}
.hy-autocomplete-text {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border: 1px solid #A9A9A9;
height: 60px;
border-color: transparent;
background-image: url(/img/svg/mag_b.svg?crc=4088424166);
background-position: left center;
background-repeat: no-repeat;
background-size: 2.5rem 1.5rem;
padding-left: 40px!important;
cursor: pointer;
overflow: hidden;

}
.hy-autocomplete-body{
height: 300px; overflow: auto;
border-top-left-radius: 0;
border-top-right-radius: 0;


}
..hy-autocomplete-body a{
font-weight: bold;
}
.list-group-item:hover,.list-group-item.active{
background-color: #f2f2f2;


}


.city.fas:hover{

color: #fff!important

}
.hy-auto-close:hover{

color: #FD849D!important

}


.hy-auto-close{
position: absolute;right: 5px;
top:5px;
background: transparent;
border-style: hidden;
border-radius: 50%;
border: 1px solid  #f2f2f2;
padding: 10px
}
.hy-auto-close-hotel{
right: 35px;
}

.hy-type-search{
border-radius: 0;

}


/* horizontal panel*/
.panel-container {
display: flex;
flex-direction: row;   
border: 1px solid #A9A9A9; 
border-top-style: hidden;         
overflow: hidden;      
height: 100%   ;
margin-top:   20px   ;      
}
.panel-1{
margin-top:   10px   ; 
margin-left:   300px   ;   
}  .panel-2{ max-width: 500px }

.panel-sidebar {
flex: 0 0 auto;  /* only manually resize */
width: 252px;
min-width: 252px;
max-width: 252px;
white-space: nowrap;

border-right: 1px solid #A9A9A9;




}


.panel-left,.panel2-left {


flex: 1 1 auto;  /* only manually resize */
padding: 10px;
width: 50%;       
min-width: 300px;
white-space: nowrap;





}


.splitter, .splitter2,.splitter3 {
flex: 0 0 auto;
width:9px;
background: url(/assets/vsizegrip.png) center center no-repeat #A9A9A9;
min-height: 200px;
cursor: col-resize;  
}
.panel-right, .panel2-right {
flex: 2 2 auto; /* resizable */
padding: 10px;
width: 50%;
min-height: 200px;
min-width: 200px !important;   /* NOTE: This won't be respected! Explicit size of left forces the size to be fixed */

}
.panel-left
{

overflow: hidden;
overflow-y: auto; 
/*max-width: 50%;*/
}

.panel-w-300{
width: 300px
}
/* vertical panel */
.panel-container-vertical {
display: flex;
flex-direction: column;   
height: 500px;
border: 1px solid silver;         
overflow: hidden;
}
.panel-top {
flex: 0 0 auto;  /* only manually resize */
padding: 10px;
height: 150px;
width: 100%;                        
white-space: nowrap;


color: white;
}
.splitter-horizontal {
flex: 0 0 auto;
height: 18px;
background: url(/assets/hsizegrip.png) center center no-repeat #535353;            
cursor: row-resize;
}
.panel-bottom {
flex: 1 1 auto; /* resizable */
padding: 10px;
min-height: 200px !important; /* NOTE: This won't be respected! Explicit resize forces size of this panel */

}

.hy-pagsin-header-split{
position: fixed; z-index: 1000;
left: 0;   top: 152px; width: auto;
padding: 0px;  
background-color: #fff;
border-top:1px solid #A9A9A9;
border-bottom:1px solid #A9A9A9;



}

.border-none{
border-style: none!important;
}




.border-radius-0{
border-radius: 0px!important;
}





.hy-sidebar-content {
flex-grow: 1;
display: flex;
flex-direction: column;
overflow:hidden;
overflow-y: auto;
transition: all .3s linear
}

.hy-sidebar-content .header-menu span {
font-weight: Extra bold 800;
font-size: 14px;
padding: 15px 20px 5px 20px;
display: inline-block;
color: #fff
}

.hy-sidebar-content ul {
list-style-type: none;
padding: 0;
margin: 0
}
.hy-sidebar-content ul a:hover i,
.hy-sidebar-content ul li a:hover,
.hy-sidebar-content ul a:hover i,
.hy-sidebar-content ul a:hover::before,
.hy-sidebar-content ul li.active a i {
color: #FD849D!important
}

.hy-sidebar-content ul li a {
display: flex;
flex-wrap: nowrap;
align-items: center;
text-decoration: none;
padding: 8px 5px 2px 5px; color: #737373!important
}

.hy-sidebar-content ul li a i {
margin-right: 10px;
font-size: 12px;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
flex-shrink: 0;
background-color: #fff
}

.hy-sidebar-content ul li a .menu-text {
flex: 1;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}

.hy-sidebar-content ul li:not(.hy-sidebar-dropdown)>a:after {
width: 22px;
content: " "
}

.hy-sidebar-content .hy-sidebar-dropdown>a:after {
font-family: "Material Design Icons";
font-weight: 900;
font-size: 1.3rem;
content: "󰅂";
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
margin-left: 2px
}

.hy-sidebar-content .hy-sidebar-dropdown .hy-sidebar-submenu {
background-color: #A9A9A9;
display: none
}

.hy-sidebar-content .hy-sidebar-dropdown .hy-sidebar-submenu ul {
padding: 5px 0
}

.hy-sidebar-content .hy-sidebar-dropdown .hy-sidebar-submenu li {
padding-left: 25px;
font-size: 13px
}

.hy-sidebar-content .hy-sidebar-dropdown .hy-sidebar-submenu li a {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}

.hy-sidebar-content .hy-sidebar-dropdown .hy-sidebar-submenu li a:before {
content: "󰝦";
font-family: "Material Design Icons";
font-weight: 400;
font-style: normal;
display: inline-block;
text-align: center;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 10px;
font-size: 8px
}

.hy-sidebar-content .hy-sidebar-dropdown .hy-sidebar-submenu li a .badge,
.hy-sidebar-content .hy-sidebar-dropdown .hy-sidebar-submenu li a .label {
margin-left: auto
}

.hy-sidebar-content .hy-sidebar-dropdown.active .hy-sidebar-submenu {
display: block
}

.hy-sidebar-content .hy-sidebar-dropdown:not(.active) .hy-sidebar-submenu {
display: ""
}

.hy-sidebar-content .hy-sidebar-dropdown.active>a:after {
transform: rotate(90deg);
right: 8px
}

.hy-sidebar-footer {
padding: .25rem; 
/*border-top: 1px solid #A9A9A9;*/




}

.hy-sidebar-footer>div {
display: flex;
align-items: stretch
}
.
.hy-sidebar-footer>div>a {
display: flex;
align-items: center
}

.hy-sidebar-footer>div>a .badge {
align-self: flex-start
}

.hy-sidebar-footer .dropdown-menu {
max-width: 500px
}

.hy-sidebar-footer .messages .dropdown-item {
padding: .25rem 1rem
}

.hy-sidebar-footer .messages .messages-header {
padding: 0 1rem
}

.hy-sidebar-footer .messages .message-content {
display: flex
}

.hy-sidebar-footer .messages .message-content .pic {
width: 40px;
height: 40px;
overflow: hidden
}

.hy-sidebar-footer .messages .message-content .pic img {
object-fit: cover;
height: 100%
}

.hy-sidebar-footer .messages .message-content .content {
line-height: 1.6;
padding-left: 5px;
width: calc(100% - 40px)
}

.hy-sidebar-footer .messages .message-content .content .message-title {
font-size: 13px
}

.hy-sidebar-footer .messages .message-content .content .message-detail {
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}

.hy-sidebar-footer .notifications .dropdown-item {
padding: .25rem 1rem
}

.hy-sidebar-footer .notifications .notifications-header {
padding: 0 1rem
}

.hy-sidebar-footer .notifications .notification-content {
display: flex
}

.hy-sidebar-footer .notifications .notification-content .icon {
width: 40px;
height: 40px
}

.hy-sidebar-footer .notifications .notification-content .icon i {
width: 35px;
height: 35px;
text-align: center;
font-size: 22px;
display: inline-block
}

.hy-sidebar-footer .notifications .notification-content .content {
line-height: 1.6;
padding-left: 5px;
width: calc(100% - 40px)
}

.hy-sidebar-footer .notifications .notification-content .content .notification-time {
font-size: .7rem;
color: #828282
}

.hy-sidebar-footer .notifications .notification-content .content .notification-detail {
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}

.hy-sidebar {
font-size: .9rem;
width: 250px;
height: 100%;
background-color: #fff;
color: #737373;
transition: width .3s ease;
display: flex;
flex-direction: column;  



}

.hy-sidebar.hidden {
left: 0;
}

.hy-sidebar.hidden .hy-sidebar-header,
.hy-sidebar.hidden .hy-sidebar-content,
.hy-sidebar.hidden .hy-sidebar-footer,
.hy-sidebar.hidden .hy-sidebar .mdi {
display: none
}

.hy-sidebar a {
text-decoration: none;
transition: color .1s linear
}

.hy-sidebar a:not(.dropdown-item) {
color: #9eb7c3
}

.hy-sidebar a:not(.dropdown-item):hover {
color: #FD849D!important
}

.hy-sidebar .hy-sidebar-header {
padding: .25rem;
display: flex;
align-items: center;
border-bottom: 1px solid #A9A9A9;
transition: all .3s linear;
}

.hy-sidebar .hy-sidebar-header>a {

font-weight: Extra bold 800;
flex-grow: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}

.hy-sidebar .hy-sidebar-header>a :first-letter {
text-transform: uppercase;
}
.hy-sidebar .btn-hy-sidebar-close {
color: #9eb7c3
}

.hy-sidebar .btn-hy-sidebar-close:hover {
color: #fff
}

.btn-hy-sidebar-show {
position: fixed;
right: 0px;
top: 90px;
border-radius:0;
display: none;
width: 100%;

z-index: 1000
}
.btn-hy-sidebar-show2 {
top: 0px;

}
#sidebar-mobile{
position: fixed;
left: 0; right: 0;
bottom: 0px;  top: 120px;
z-index: 1000;
background-color: #fff;
display: none
}

#sidebar-mobile .card-body ul{
padding: 0px!important; margin: 0px;
}
.MapControl{
position: fixed;
right: 5px;
top: 95px;
z-index: 1000;
background:transparent;
cursor: pointer;

}

.hy-pagin-header-map{
position: fixed;
left: 270px;
top: 95px;
z-index: 1000;

cursor: pointer;

display: none; color: #000!important;

}
.hy-pagin-header-map h5{
display:none};

.d-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: 100px;
grid-gap: 7px;
}

.item-img {
position: relative;
}

.item-img:nth-child(1) {
grid-column: 1 / 2;
grid-row: 1 / 4;
}

.item-img:nth-child(2) {
grid-column: 2;
grid-row: 0 / 3;
}

.item-img:nth-child(3) {
grid-column: 2;
grid-row: 2 / 3;
}

.item-img:nth-child(4) {
grid-column: 2;
grid-row: 3 / 3;
}

.item-img a {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
overflow: hidden;
}

.item-img img {
height: 100%;
width: 100%;
object-fit: cover;
}

.cmp-color{
color:   #737373
}

.hy-accordion {
width: 250px; 
position: fixed;
top: 90px;
left: 0px;

height: 100%;
border-right: 1px solid #a9a9a9;
background-color: #fff;
overflow: hidden;
overflow-y: auto; z-index: 1000;
padding-bottom: 100px

}
.hy-accordion .card{
border-radius: 0;

}
.hy-header-accordion{
width: 100%;
padding: 14px 22px;

text-decoration: none;
color: #737373;


white-space: nowrap;
position: relative;
overflow: hidden;
-o-transition: color .2s linear, background .2s linear;
-moz-transition: color .2s linear, background .2s linear;
-webkit-transition: color .2s linear, background .2s linear;
transition: color .2s linear, background .2s linear;
border-bottom: solid 2px #efefef;
background-color:#EEEEEE;
border-radius: 10px 10px 0px 0px; 
box-shadow: 0 1px 4px rgba(0,0,0,.4);
transition: color .4s,background-color .4s,border-color .4s,box-shadow .4s;


}



.hy-accordion .card{
/* box-shadow: 0 0px 0px rgba(0,0,0,.4);*/
box-shadow: 0 0px 0px rgba(0,0,0,.4);
border-radius: 10px 10px 0px 0px; 


border: solid 1px #a9a9a9;

margin:5px 8px 5px 8px;

}.hypnelclassic .card {
box-shadow: 0 0px 0px rgba(0,0,0,.4);
border-radius: 10px 10px 0px 0px; 


border: solid 1px #a9a9a9;

margin:5px 8px 5px 8px; width: 100%
}

.hy-accordion .card-header{
width: 100%;
padding:10px;

text-decoration: none;
border-radius: 10px 10px 0px 0px; 

white-space: nowrap;
position: relative;
overflow: hidden;
-o-transition: color .2s linear, background .2s linear;
-moz-transition: color .2s linear, background .2s linear;
-webkit-transition: color .2s linear, background .2s linear;
transition: color .2s linear, background .2s linear;
border-bottom: solid 1px #a9a9a9; 

font-size: 13px;

font-weight: bold!important;
color: #444;    transition: color .4s,background-color .4s,border-color .4s,box-shadow .4s;background-color:#fafbfc;
}







.hy-header-accordion a h5{
color: #737373;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 13px
}

.hy-header-accordion a h5 i{
float: right;
}
.hy-header-accordion a {
color: #737373;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 13px
}
.hy-header-accordion-2{
width: 100%;
padding: 14px 22px;
text-decoration: none;
color: #737373;


white-space: nowrap;
position: relative;
overflow: hidden;
-o-transition: color .2s linear, background .2s linear;
-moz-transition: color .2s linear, background .2s linear;
-webkit-transition: color .2s linear, background .2s linear;
transition: color .2s linear, background .2s linear;
border-bottom: solid 1px #a9a9a9;
border-top: solid 1px #a9a9a9;
background-color:#fff;
border-radius: 0;
font-size: 14px;
background-color: #f5f5f5
}	.hy-header-accordion-3{
width: 100%;
padding: 5px;
text-decoration: none;
color: #737373;


white-space: nowrap;
position: relative;
overflow: hidden;
-o-transition: color .2s linear, background .2s linear;
-moz-transition: color .2s linear, background .2s linear;
-webkit-transition: color .2s linear, background .2s linear;
transition: color .2s linear, background .2s linear;
border-bottom: solid 1px #a9a9a9;
border-top: solid 1px #a9a9a9;
background-color:#fff;
border-radius: 0;
font-size: 14px;
background-color: #f5f5f5
}
.hy-body-accordion{
/*background-color: #F2F2F2!important;
color: #fff; */padding: 2px!important
}	   
.hy-body-accordion .form-check-label {
font-size: 12px; text-transform: lowercase;
margin:3px;

}
.hy-body-accordion .form-check-label:first-letter {
text-transform: uppercase;
}
.btn{
box-shadow: 0 1px 1px rgb(0 0 0 / 40%);

}.btn:first-letter {
text-transform: uppercase!important
}
.filter-li{

border:1px solid #fff; 
height: 30px;
color: #373737!important
}
.hy-body-accordion ul {
display: block;
padding:5px;
}
.hy-body-accordion ul li {
display: block;
font-size: 13px;
}


.hy-accordion .hy-accordion-footer{
width: 100%;
padding: 0px;

text-decoration: none;
color: #737373;


white-space: nowrap;
position: relative;
overflow: hidden;
-o-transition: color .2s linear, background .2s linear;
-moz-transition: color .2s linear, background .2s linear;
-webkit-transition: color .2s linear, background .2s linear;
transition: color .2s linear, background .2s linear;
border: solid 1px #a9a9a9;
background-color:#fff;
border-radius: 0;
position: fixed;
left: 0;

bottom: 0px;
z-index: 1000;
width: 250px; height: 35px
}
.has-search .form-control {
padding-left: 2.375rem;
height: 30px
}

.has-search .form-control-feedback {
position: absolute;
z-index: 2;
display: block;
width: 2.375rem;
height: 2.375rem;
line-height: 2.375rem;
text-align: center;
pointer-events: none;
color: #aaa;
}


.search-by-name-list li a {
color: #737373!important;
font-size: 13px; cursor: pointer;
}
.search-by-name-list li a:hover {
color: #fff!important;

}

.search-by-name-list li:hover {
color: #fff!important;

}

.hy-map-container {
overflow: hidden;      
right: 0;
top: 85px;
height: 100%;
width: 30%;
position: fixed; 
bottom: 0px;  
border-left: 1px solid #A9A9A9;
border-top: 1px solid #A9A9A9;
background-color: #888;
}
.hy-content {

background-color: #ff8800;
margin-left: 250px; height: 100%;
margin-right :30%; color: #fff;
padding-top: 15px;

}


.panel-hy-container {
display: flex;
flex-direction: row;   

overflow: hidden; 
margin-left: 250px;
height: 100%; 
padding-top: 85px;overflow-y: auto;

}

.panel-hy-left-vol{
flex: 0 0 auto;  /* only manually resize */
padding: 10px;
width: 70%;
min-height: 200px;
min-width: 250px;
/*panel-hy-left*/      
height: 100%;
overflow: hidden;
overflow-y: auto;
}
.panel-hy-left{
flex: 0 0 auto;  /* only manually resize */
padding: 10px;
width: 60%;
min-height: 200px;
min-width: 250px;
/*panel-hy-left*/      
max-width: 60%; height: 100%;
overflow: hidden;
overflow-y: auto;
}
.panel-hy-left-2{
flex: 0 0 auto;  /* only manually resize */
padding: 10px;
width: 100%!important;
min-height: 200px;
min-width: 250px; height: 100%;
/*white-space: nowrap;  */    

overflow: hidden;
overflow-y: auto;
}
.hy-splitter{
flex: 0 0 auto;
width: 18px;
background: url(/assets/vsizegrip.png) center center no-repeat #fff;
min-height: 200px;
cursor: col-resize;
}
.panel-hy-right {
flex: 1 1 auto; /* resizable */
padding: 10px;
width: 100%;
min-height: 200px;
min-width: 200px !important;   /* NOTE: This won't be respected! Explicit size of left forces the size to be fixed */

}
.panel-hy-right-1 {
flex: 1 1 auto; /* resizable */
padding: 10px;
width: 50%;
min-height: 200px;
min-width: 200px !important;   /* NOTE: This won't be respected! Explicit size of left forces the size to be fixed */

}

.panel-hy-container1{
margin-left: 0px!important
}


.panel-hy-left2{
flex: 0 0 auto;  /* only manually resize */
padding: 10px;
width: 100%;
min-height: 200px;
min-width: 250px;
white-space: nowrap;       

}

.panel-hy-left-300{
flex: 0 0 auto;  /* only manually resize */
padding: 10px;
width: 70%;
min-height: 200px;
min-width: 250px;
/*panel-hy-left*/      
max-width: 70%; height: 100%;
overflow: hidden;
overflow-y: auto; 
}
.panel-hy-container3{
margin-left: 300px;  
}
.panel-hy-container4{
margin-left: 300px;  
}
.panel-hy-left22{
flex: 0 0 auto;  /* only manually resize */
padding: 10px;
width: 100%!important;
min-height: 200px;
min-width: 250px;
white-space: nowrap;       

}
#hy-header-mobile{
position: fixed;;
left: 0; right: 0;
top: 92px;
z-index: 1000;
}
#hy-header-mobile2{
position: fixed;;
left: 0;  
top: 92px;
z-index: 1000;
}


.hy-accordion-2{
display: none;
width: 100%; 
}
.hy-accordion-3{

width: 300px; 
}


.panel-hy-left2{
flex: 0 0 auto;  /* only manually resize */
padding: 10px;
width: 100%;
min-height: 200px;
min-width: 250px;
white-space: nowrap;       

}

.hy-accordion-footer2{
width: 100%!important;
}

.container2{
width: 900px;
padding-top: 120px;
}

#hy-horizontal{
position: fixed;
top: 90px;
left: 0;
right: 0;
z-index: 1000;
border-radius: 0px!;
text-align: center;
padding: 0px;
display: none



}

#hy-horizontal ul {
padding: 5px
}
#hy-horizontal ul li {
display: block!important;
}

.hy-ul{
max-height:  300px;
overflow : hidden;
overflow-y: auto; 
}
.hy-ul-2{
max-height:  300px;
overflow : hidden;
overflow-y: auto; width: 100%
}


#hy-horizontal .filter-li,#hy-horizontal .by-name-2{
background-color: #fff;
border-bottom:1px solid #a9a9a9; 
height: 30px;
color: #737373!important
}


.search-by-name-list-2 li a {
color: #737373!important;
font-size: 13px; cursor: pointer;
}
.search-by-name-list-2 li a:hover {
color: #fff!important;

}

.search-by-name-list-2 li:hover {
color: #fff!important; 

}

.dropdown-menu a.active,.dropdown-menu a.active:hover{
color: #fff;
}


#hy-map-search-box { 
z-index: 1000;
background-color: #fff;
border:1px solid #a9a9a9;
border-bottom-style: hidden;
height:35px;
width: 300px;
border-radius: 0px;
padding-left: 15px;
}

.placepicker-map {
width: 100%;
height: 300px;
}

.another-map-class {
width: 100%;
height: 300px;
}

.pac-container {
border-radius: 5px;
}.pac-container{z-index:9999 !important}.pac-icon{display:none !important}.pac-item{cursor:pointer !important;font-size:11.9px !important;padding:.5em !important}.pac-item:hover{background-color:rgba(0,0,0,0.03) !important}.pac-item-selected{background-color:rgba(0,0,0,0.03) !important}.pac-item-query{font-size:14px !important}


.hyprice2 {
display: flex; /* crée un contexte flex pour ses enfants */
flex-direction: row; /* affichage horizontal */
width: 100%; background-color: #ddd;
position: absolute; bottom: 1px;
left: 0px;	 
}

.hyprice2 a {
display: block; /* IE fix */
flex: 1; /* occupe la largeur restante */
transition: flex .4s;
border:1px solid #f5f5f5;
text-align: center;
font-weight: bold
}
.hyprice2 a:hover,
.hyprice2 a:focus {
flex: 2; color: #ef5658; text-decoration: underline;
}



.hyprice2 a:first-of-type {

border-radius: 10px 0 0 10px;
}

.hyprice2 a:last-of-type {

border-radius: 0 10px 10px 0;
}

.hyprice2 a {
display: block;
padding: .7em;
color: #737373; background-color: #fff;
text-decoration: none;
border: 1px solid #f5f5f5;
white-space: nowrap;
}


.hyprice2 a.brnone {
border-radius:0px!important;
}
.hy .h200{
height: 200px !important;
}
.hy .featured {
width: 100% !important;

margin: 0.5em 0 1em 0 !important;
}

.hy .row {
display: flex;
}
.hy .row .post:last-child {
margin-right: 0 !important;
}
.hy .post {
flex: 1;
overflow: hidden;
background: white; 
-moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
box-shadow: 6px 6px 4px rgba(0,0,0,.2)!important;
margin-right: 1em;
margin-bottom: 1em;
border: 1px solid #dee2e6;
border-radius:10px;  

}



.hy .post:hover {
border: 1px solid #a9a9a9;

}

.hy .post:hover .hyimage ,.hy .post:hover .hyimage2 {
opacity: 0.5;
}
.hy .post .hyimage,.hy .post .hyimage2, .hy .post .hycontent, .hy .post .hyprice, .hy .post .hycontent2 {
display: inline-block;
position: relative;

}
.hy .post .hyimage {
float: left;
width: 30%!important;

background-size: cover;
background-position: center center;
}

.hy .post .hyimage2{
float: left;
width: 40%;

background-size: cover;
background-position: center center;
}
.hy .post .hyimage .time ,.hy .post .hyimage2 .time{
background: rgba(255, 255, 255, 0.5);
width: 50px;
text-align: center;
padding: 0.5em 0;
color: #444;
}
.hy .post .hyimage .time .date,.hy .post .hyimage2 .time .date  {
font-weight: bolder;
}
.hy .post .hyimage .time .month ,.hy .post .hyimage2 .time .month{
font-size: 0.7rem;
}
.hy .post .hycontent {
padding: 0.5em 1em;
width: 50%;
-moz-box-shadow: -2px 0 2px -1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: -2px 0 2px -1px rgba(0, 0, 0, 0.1);
box-shadow: -2px 0 2px -1px rgba(0, 0, 0, 0.1);


}

.hy .post .hycontent2 {
padding: 0.5em 1em;
width: 60%;
-moz-box-shadow: -2px 0 2px -1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: -2px 0 2px -1px rgba(0, 0, 0, 0.1);
box-shadow: -2px 0 2px -1px rgba(0, 0, 0, 0.1);


}
.hy .post .hyprice { 
float: right;
padding-top:1em; 
width: 50%;
-moz-box-shadow: -2px 0 2px -1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: -2px 0 2px -1px rgba(0, 0, 0, 0.1);
box-shadow: -2px 0 2px -1px rgba(0, 0, 0, 0.1);

color: #737373;   text-align: center
}
.hy .post .hy_price { 
float: right;
padding-top:1em; 



color: #737373;   text-align: center
}
.hy .post .hy_before:before {
content: '';
position: absolute;
background: white;
width: 10px;
height: 10px;
top: 20%;
left: -6px;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-moz-box-shadow: -1px 0 2px -1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: -1px 0 2px -1px rgba(0, 0, 0, 0.1);
box-shadow: -1px 0 2px -1px rgba(0, 0, 0, 0.1); 
border-left:1px solid #dee2e6;
border-bottom:1px solid #dee2e6
}




.hy .post .hy_after:after {
content: '';
position: absolute;
background: white;
width: 10px;
height: 10px;
top: 20%;
right: -6px;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-right:1px solid #dee2e6;
border-top:1px solid #dee2e6;  
}


.hy .post .hycontent h4 ,.hy .post .hycontent2 h4 {

line-height: 2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; color: #737373
}
.hy .post .hycontent p,.hy .post .hycontent2 p {
font-weight: 300;

line-height: 1.5;
margin-bottom: 0.5em;

}
.hy .post .hycontent .meta .icon-comment ,.hy .post .hycontent2 .meta .icon-comment{
font-size: 0.7em;
line-height: 2;
margin-top: auto;
}


.hycontent3 {
width: 100% !important; height:80px!important;  overflow: hidden;
}
.hycontent3 p{
display: none
}
.hyimage3 {
display: none
}
.hyprice3 {
width: 100% !important;height: 120px!important; 
}
.hyprice4 {
width: 20% !important; 
}
.hycontent4 {
width: 50% !important; 
}
.hycontent5 {
width: 40% !important; 
}
.hycontent6 {
width: 80% !important; 
}
.card.card-cascade.narrower .view.view-cascade {
margin-top: -1.25rem;
margin-right: 4%;
margin-left: 4%;
}
.card.card-cascade .view.view-cascade {
border-radius: .25rem;

}
.view {
position: relative;
overflow: hidden;
cursor: default;
}



.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-ms-touch-action: none;
touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-target {
position: relative;
direction: ltr;
}
.noUi-base,
.noUi-connects {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}
/* Wrapper for all connect elements.
*/
.noUi-connects {
overflow: hidden;
z-index: 0;
}
.noUi-connect,
.noUi-origin {
will-change: transform;
position: absolute;
z-index: 1;
top: 0;
left: 0;
height: 100%;
width: 100%;
-ms-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
/* Offset direction
*/
html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
left: auto;
right: 0;
}
/* Give origins 0 height/width so they don't interfere with clicking the
* connect elements.
*/
.noUi-vertical .noUi-origin {
width: 0;
}
.noUi-horizontal .noUi-origin {
height: 0;
}
.noUi-handle {
position: absolute;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
-webkit-transition: transform 0.3s;
transition: transform 0.3s;
}
.noUi-state-drag * {
cursor: inherit !important;
}
/* Slider size and handle placement;
*/
.noUi-horizontal {
height: 18px;
}
.noUi-horizontal .noUi-handle {
width: 34px;
height: 28px;
left: -17px;
top: -6px;
}
.noUi-vertical {
width: 18px;
}
.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
left: -6px;
top: -17px;
}
html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
right: -17px;
left: auto;
}
/* Styling;
* Giving the connect element a border radius causes issues with using transform: scale
*/
.noUi-target {
background: #a9a9a9;
border-radius: 4px;
border: 1px solid #D3D3D3;
box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-connects {
border-radius: 3px;
}
.noUi-connect {
background: #f22879;
}
/* Handles and cursors;
*/
.noUi-draggable {
cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
cursor: ns-resize;
}
.noUi-handle {
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #8c3e60;
cursor: default;
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}
.noUi-active {
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}
/* Handle stripes;
*/
.noUi-handle:before,
.noUi-handle:after {
content: "";
display: block;
position: absolute;
height: 14px;
width: 1px;
background: #E8E7E6;
left: 14px;
top: 6px;
}
.noUi-handle:after {
left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
width: 14px;
height: 1px;
left: 6px;
top: 14px;
}
.noUi-vertical .noUi-handle:after {
top: 17px;
}
/* Disabled state;
*/
[disabled] .noUi-connect {
background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
cursor: not-allowed;
}
/* Base;
*
*/
.noUi-pips,
.noUi-pips * {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-pips {
position: absolute;
color: #999;
}
/* Values;
*
*/
.noUi-value {
position: absolute;
white-space: nowrap;
text-align: center;
}
.noUi-value-sub {
color: #ccc;
font-size: 10px;
}
/* Markings;
*
*/
.noUi-marker {
position: absolute;
background: #CCC;
}
.noUi-marker-sub {
background: #AAA;
}
.noUi-marker-large {
background: #AAA;
}
/* Horizontal layout;
*
*/
.noUi-pips-horizontal {
padding: 10px 0;
height: 80px;
top: 100%;
left: 0;
width: 100%;
}
.noUi-value-horizontal {
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
-webkit-transform: translate(50%, 50%);
transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
margin-left: -1px;
width: 2px;
height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
height: 15px;
}
/* Vertical layout;
*
*/
.noUi-pips-vertical {
padding: 0 10px;
height: 100%;
top: 0;
left: 100%;
}
.noUi-value-vertical {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%, 0);
padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
-webkit-transform: translate(0, 50%);
transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
width: 5px;
height: 2px;
margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
width: 15px;
}
.noUi-tooltip {
display: block;
position: absolute;
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #8c3e60;
color: #000;
padding: 5px;
text-align: center;
white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
left: 50%;
bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
top: 50%;
right: 120%;
}


/* SLIDER MODIFIED  ================================================= */ 


.select-wrapper.range .behaviour{
float:left;
width:100%;
display: block;
margin-top:22px;
}

.noUi-connect, .noUi-origin {
height: 3px;
}
.noUi-base, .noUi-connects {
border-radius: 0;
border:0;
height:3px;
}
.noUi-horizontal{
height:auto;
border:0;
}

html:not([dir="rtl"]) .noUi-horizontal .noUi-handle{
width:5px;
height:25px;
background: #a9a9a9;
border:0;
border-radius:0;
right: 0;
top:-11px;
cursor: pointer;
box-shadow:0 2px 5px rgba(0,0,0,.25);
}


html:not([dir="rtl"]) .noUi-horizontal .noUi-handle:focus{
outline:none;
}

html:not([dir="rtl"]) .noUi-horizontal .noUi-handle:before,
html:not([dir="rtl"]) .noUi-horizontal .noUi-handle:after{
content:none;
}
/* Range Slider */ 
.select-wrapper.range{

width: 100%;
float:left;
display: inline-block;
margin:0 auto;
float:none;

}

.select-wrapper.range .rangeslider {
width: 100%;
border: 0;
background: #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 4px;
font-size: 16px;
line-height: 16px;
overflow: auto;
outline: none;
position: relative;
float: left;
height: 66px;
padding: 17px 10px 10px 10px;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;


}

.select-wrapper.range .rangeslider .square{
position: absolute;
left:0;
top:0;
margin-left:10px;
line-height:40px;

user-select:none;
}

.select-wrapper.range .rangeslider .val{
position: absolute;
top:0;
margin-left:10px;
line-height:40px;

user-select:none; font-size: 11px;
}

.select-wrapper.range .rangeslider .val.left{
left:0;
margin-left:1px;
}

.select-wrapper.range .rangeslider .val.right{
right:0;
margin-right:1px;

}



.price_hy {
display: flex; /* crée un contexte flex pour ses enfants */
flex-direction: row; /* affichage horizontal */
width: 100%; background-color: #ddd;
bottom: 1px;
left: 0px;	 
}

.price_hy a {
display: block; /* IE fix */
flex: 1; /* occupe la largeur restante */
transition: flex .4s;
border:1px solid #f5f5f5;
text-align: center;
font-weight: bold
}
.price_hy a:hover,
.price_hy a:focus {
flex: 2; color: #ef5658; text-decoration: underline;
}



.price_hy a:first-of-type {

border-radius:  0px;
}

.price_hy a:last-of-type {

border-radius: 0px
}

.price_hy a {
display: block;
padding: .7em;
color: #737373; background-color: #fff;
text-decoration: none;
border: 1px solid #f5f5f5;
white-space: nowrap;
}


.price_hy a.brnone {
border-radius:0px!important;
}

.booking-form-vol .form-group {
height: 40px;  margin-bottom: 2px; 
}
.booking-form-vol .form-group .form-control {
height: 40px; padding-top: 8px; font-size: 13px;  

}
.booking-form-vol .form-group:after {
height: 40px
}	.booking-form-vol .submit-btn-2 {
height: 40px
}

.ical { 
border-color: transparent; 
background-image: url(/img/svg/calendar.svg?crc=3928290138);
background-position: left center;
background-repeat: no-repeat;
background-size: 2.5rem 1.5rem; 
padding-left: 40px!important;  
cursor: pointer;
} 

.airo-from {

border-color: transparent;


background-image: url(/img/svg/takeoff.svg?crc=4088424166);
background-position: left center;
background-repeat: no-repeat;
background-size: 2.5rem 1.5rem;

padding-left: 40px!important;  

cursor: pointer;
overflow: hidden;

}

.airo-to {
border-color: transparent;
background-image: url(/img/svg/landing.svg?crc=4088424166);
background-position: left center;
background-repeat: no-repeat;
background-size: 2.5rem 1.5rem;

padding-left: 40px!important;  

cursor: pointer;
overflow: hidden;
}

.trajet_close{
position: absolute;
right: -35px;
top: 15px ;   
border-radius: 50%;
border : 1px solid #f5f5f5;
padding: 5px
}


.trajet_close_mobile{
right: 15px;
}

#add-itenerary{
display: none;
cursor: pointer;
}

.hy-media {

display: flex;
}
.hy-media .box {
padding: 5px;
flex: 1 0 auto;
}
.hy-media .larger {

flex: 3 0 auto;
}

.text-grey{
color: #737373;
}
.star-disabled{
color: #f2f2f2;
}
.hy-table-position-3{
padding: 0px; margin:5px
}

.hy-table-position-4{
padding: 0px; margin:0
}

.hy-table-position-5{
padding: 0px; margin:1px
}


.timeline-parcours {

height:auto; 


}

.timeline-section-tl {
width:50px;
height:auto;

display:inline-block;
}


.container-time-line {

margin:auto;
}
.time-line-parcours {

height:1px;
background-color:#FD849D;
margin:auto;  
}
.timeline-indicator {
width:0px;
height:2px;
background-color:rgb(120, 131, 208);
-webkit-transition: all 100ms ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.tl-round {
width:10px;
height:10px;
border-radius:50%;
background-color:rgb(255, 255, 255);
margin:auto;
-webkit-transition: all 100ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease; font-size: 8px;
text-align: center;

color: #737373;
/*border:1px solid #FD849D;*/
}
.timeline-parcours .fa{
color: #FD849D;

}
.container-bulle {
margin-top:-6px;
}
.container-bulle-one {
margin-top:-6px;
}
/* animation classe */ 

.anim-phase-1 {
width:240px;
-webkit-transition: all 100ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 100ms ease;
-o-transition: all 100ms ease;
transition: all 100ms ease;
}
.anim-phase-2 {
width:475px;
-webkit-transition: all 100ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 100ms ease;
-o-transition: all 100ms ease;
transition: all 100ms ease;
}
.anim-phase-3 {
width:720px;
-webkit-transition: all 100ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 100ms ease;
-o-transition: all 100ms ease;
transition: all 100ms ease;
}
.parcours-active {
opacity:1;
z-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}




.intro-section   {


width: 100%;  

}


.hy-intro .hy-intro-content {
position: absolute;
 
top: 170px;
left: 0;
right: 0;
z-index: 1000;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
}

.hy-intro .hy-intro-content h2 {
color: #fff;
margin-bottom: 30px;
font-size: 30px;
font-weight: 700;
}

.hy-intro .hy-intro-content h2 span {
color: #fff;
text-decoration: underline;
}

@media (max-width: 767px) {
.hy-intro .hy-intro-content h2 {
font-size: 34px;
}
}

.hy-intro .hy-intro-content .btn-get-started, .hy-intro .hy-intro-content .btn-projects {

font-size: 15px;
font-weight: bold;
letter-spacing: 1px;
display: inline-block;
padding: 10px 32px;
border-radius: 2px;
transition: 0.5s;
margin: 10px;
color: #fff;
}

.hy-intro .hy-intro-content .btn-get-started {
background: none;
border: 1px solid #FD849D;
}

.hy-intro .hy-intro-content .btn-get-started:hover {
background: none;
color: #fff;  border: 1px solid #FD849D;
}

.hy-intro .hy-intro-content .btn-projects {
background: none;
border: 1px solid #FD849D;
}

.hy-intro .hy-intro-content .btn-projects:hover {
background: none;
color: #fff;
}

.hy-intro #hy-intro-carousel {
z-index: 8;
}

.hy-intro #hy-intro-carousel::before {
content: '';
/* background-color: rgba(0, 0, 0, 0.3);*/
position: absolute;
height: 100%;
width: 100%;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 7;
}

.hy-intro #hy-intro-carousel .item {
width: 100%;
height: 60vh;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
-webkit-transition-property: opacity;
transition-property: opacity;
}

.hy-section {

}
.hy-section .description {
text-align: justify;
text-justify: inter-word;  
line-height: 1.5em;

-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 1em;
-webkit-margin-end: 1em;
}
.hy-section .box {
padding: 40px;
margin-bottom: 10px;
box-shadow: 10px 10px 15px rgba(23, 23, 23, 0.1);
background: #fff;
transition: 0.4s; border:1px solid #f2f2f2;
min-height: 250px;
border-radius: 15px;

}
.hy-section .box2 {
padding: 40px;
margin-bottom: 10px;

background: #fff;
transition: 0.4s; border:1px solid #fff;
min-height: 250px;
border-radius: 15px;

}

.hy-section .box:hover,.hy-section .box2:hover  {
box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);
transform: translateY(-10px);
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
}

.hy-section .box .icon,.hy-section .box2 .icon {
float: left;
}

.hy-section .box .icon i,.hy-section .box2 .icon i {
color: #444;
font-size: 64px;
transition: 0.5s;
line-height: 0;
margin-top: 34px;
}

.hy-section .box .icon i:before,.hy-section .box2 .icon i:before {
background: #0c2e8a;
background: linear-gradient(45deg, #50d8af 0%, #a3ebd5 100%);
background-clip:-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.hy-section .box h4,.hy-section .box2 h4  {
margin-left: 100px;
font-weight: 700;
margin-bottom: 15px;
font-size: 22px;
}

.hy-section .box h4 a,.hy-section .box2 h4 a {
color: #444;
}

.hy-section .box p ,.hy-section .box2 p {
font-size: 14px;
margin-left: 100px;
margin-bottom: 0;
line-height: 24px;
}

@media (max-width: 767px) {
.hy-section .box .box,.hy-section .box2 .box2  {
margin-bottom: 20px;
}
.hy-section .box .icon,  .hy-section .box2 .icon {
float: none;
text-align: center;
padding-bottom: 15px;
}
.hy-section .box h4, .hy-section .box p ,  .hy-section .box2 h4, .hy-section .box2 p{
margin-left: 0;
text-align: center;
}
}

.collapsible-link::before {
content: '';
width: 14px;
height: 2px;
background: #333;
position: absolute;
top: calc(50% - 1px);
right: 1rem;
display: block;
transition: all 0.3s;
}

/* Vertical line */
.collapsible-link::after {
content: '';
width: 2px;
height: 14px;
background: #333;
position: absolute;
top: calc(50% - 7px);
right: calc(1rem + 6px);
display: block;
transition: all 0.3s;
}

.collapsible-link[aria-expanded='true']::after {
transform: rotate(90deg) translateX(-1px);
}

.collapsible-link[aria-expanded='true']::before {
transform: rotate(180deg);
}
.hyimage-center{
text-align: center;
}
.hy-w20{
width: 20%!important
}
.h123{
height: 123px; 
}
.w123{
height: 123px!important; 
}
.h100{
height: 100px!important; 
}

.hy-section p {
text-align: justify;
text-justify: inter-word;  
line-height: 1.5em;

}
.term_title{
font-weight: bold;
}

.chesveron-center:after {
content: '';
position: absolute;
background: white;
width: 10px;
height: 10px;
top:0%;
right: 50%;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-right:1px solid #c7c7c7;
border-top:1px solid #c7c7c7;  
}

.center-cheveron:before {
content: "";
border-bottom: 10px solid #fff;
border-right: 12px solid transparent;
border-left: 12px solid transparent;
position: absolute;
top: -10px;
right:45%;
z-index: 10;
}
.center-cheveron:after {
content: "";
border-bottom: 12px solid #f2f2f2;
border-right: 14px solid transparent;
border-left: 14px solid transparent;
position: absolute;
top: -12px;
right:  44%;
z-index: 8;
}


.left-cheveron:before {
content: "";
border-bottom: 10px solid #fff;
border-right: 12px solid transparent;
border-left: 12px solid transparent;
position: absolute;
top: -10px;
left:10px;
z-index: 10;
}
.left-cheveron:after {
content: "";
border-bottom: 12px solid #f2f2f2;
border-right: 14px solid transparent;
border-left: 14px solid transparent;
position: absolute;
top: -12px;
left:  8px;
z-index: 8;
}

.right-cheveron:before {
content: "";
border-bottom: 10px solid #fff;
border-right: 12px solid transparent;
border-left: 12px solid transparent;
position: absolute;
top: -10px;
right:10px;
z-index: 10;
}
.right-cheveron:after {
content: "";
border-bottom: 12px solid #f2f2f2;
border-right: 14px solid transparent;
border-left: 14px solid transparent;
position: absolute;
top: -12px;
right:  8px;
z-index: 8;
}

.bg-none{
background: transparent;
}
.b-r-n{
border-right-style: hidden;
}
.hy-accordion-mobile-2{		 
width: 100% ;
top: 90px;
background-color: #fff
}
.hy-accordion-mobile{		 
width: 100% ;
top: 120px;
background-color: #fff
}

.page_body { 
display: grid;
grid-template-areas: 
"header header header"
"nav article ads"
"footer footer footer";
grid-template-rows: 40px 1fr 60px;
grid-template-columns: 25% 1fr;
grid-gap: 1px;
height: 100vh;
margin-top: 100px;
padding: 0px;  grid-gap: 10px;


}
/* Stack the layout on small devices/viewports. */
@media all and (max-width: 975px) {
.page_body { 
grid-template-areas: 
"header"
"nav"
"article"     

"footer";
grid-template-rows: 40px 1fr  1fr 70px;  
grid-template-columns: 1fr;
}
.mainNav { 

padding:20px!important;

}.pageHeader { 

padding:20px;

}
}
.pageHeader {
grid-area: header;
text-align: right;
padding-right: 20px;



}
.pageFooter {
grid-area: footer;

}.mainArticle { 
grid-area: article; 
padding: 20px

}
.mainNav { 
grid-area: nav;  
padding: 0px;  overflow: 

}
.siteAds { 
grid-area: ads; 

}

.tab-card-header {
padding-bottom: 0px;
border-bottom:2px solid #f2f2f2;
}
/* Default mode */
.tab-card-header > .nav-tabs {
border: none;
margin: 0px;
}

.tab-card-header > .tab-content {
padding-bottom: 0;
}

blockquote {
position: relative;
text-align: left;
padding: 10px;
border: none;
margin: 20px auto 20px;

width:100%;
display: block;
}

blockquote:after {
content: "";
display: block;
width: 5px;
height: 100%;
position: absolute;
left: 0;
color: #c7c7c7;
top: 0;
background: -moz-linear-gradient(top,#c7c7c7 0%,#c7c7c7 60%,rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top,#c7c7c7 0%,#c7c7c7 60%,rgba(255,255,255,0) 100%);
/* background: linear-gradient(to bottom,#66cc66 0%,#66cc66 60%,rgba(255,255,255,0) 100%); */
}

blockquote:before {
content:"";

font-size: 20px;
display: block;
margin-bottom: 0.8em;
font-weight: 400;
color: #c7c7c7;
}

blockquote > cite, 
blockquote > p > cite {
display: block;
font-size: 16px;
line-height: 1.3em;
font-weight: 700;
font-style: normal;
margin-top: 1.1em;
letter-spacing: 0;
font-style:italic;
}




.bg-left {
background: url(/img/left_nav_bg.png) repeat-y right 0 #f3f3f3 ;
}

.font-weight-bold{
font-weight: 600!important
}

.myprice{
font-size: 1rem;
padding: 5px;padding-bottom:0px;
cursor: pointer;
}.myprice small{
font-size: 9px!important
}
.myprice a{
color: #222!important
}

.bestprice{
font-weight: 700;
color: #737373;
font-size: 1rem;

}.bestprice small{
font-size: 14!important
}

.form-control{
border: 1px solid #e0e7ee;
margin-bottom: 2px;
height: 42px;  padding-left: 18px;
background-color: #fff
}  



.nice-select {

background-color: #fff;
border-radius: 0;
border: solid 1px #e0e7ee;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: inherit;

font-weight: normal;
height: 42px;

outline: none;
padding-left: 18px;
padding-top: 10px;

position: relative;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: auto;  width: 100%!important;

}



.nice-select:hover {
border-color: #d0dae5; }
.nice-select:active, .nice-select.open, .nice-select:focus {
border-color: #88bfff; }
.nice-select:after {
border-bottom: 2px solid #90a1b5;
border-right: 2px solid #90a1b5;
content: '';
display: block;
height: 5px;
margin-top: -4px;
pointer-events: none;
position: absolute;
right: 12px;
top: 50%;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
width: 5px; }
.nice-select.open:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg); }
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
transform: scale(1) translateY(0); 

}
.nice-select.disabled {
border-color: #e7ecf2;
color: #90a1b5;
pointer-events: none; }
.nice-select.disabled:after {
border-color: #cdd5de; }
.nice-select.wide {
width: 100%; }
.nice-select.wide .list {
left: 0 !important;
right: 0 !important; }
.nice-select.right {
float: right; }
.nice-select.right .list {
left: auto;
right: 0; }
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px; }
.nice-select.small:after {
height: 4px;
width: 4px; }
.nice-select.small .option {
line-height: 34px;
min-height: 34px; }
.nice-select .list {
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(68, 88, 112, 0.11);
box-sizing: border-box;
margin-top: 4px;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(0.75) translateY(-21px);
-ms-transform: scale(0.75) translateY(-21px);
transform: scale(0.75) translateY(-21px);
-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 9;  width: 100%;
max-height: 300px;
overflow:hidden;
overflow-y: auto;

}
.nice-select .list:hover .option:not(:hover) {
background-color: transparent !important; }
.nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 40px;
list-style: none;
min-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 29px;
text-align: left;
-webkit-transition: all 0.2s;
transition: all 0.2s; }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
background-color: #f6f7f9; }
.nice-select .option.selected {
font-weight: bold; }
.nice-select .option.disabled {
background-color: transparent;
color: #90a1b5;
cursor: default; }

.no-csspointerevents .nice-select .list {
display: none; }

.no-csspointerevents .nice-select.open .list {
display: block; }


.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: #90a1b5; }

.token.punctuation {
color: #999; }

.namespace {
opacity: .7; }

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
color: #EC4444; }

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
color: #4ABF60; }

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
color: #a67f59;
background: rgba(255, 255, 255, 0.5); }

.token.atrule,
.token.attr-value,
.token.keyword {
color: #55a1fb; }

.token.function {
color: #DD4A68; }

.token.regex,
.token.important,
.token.variable {
color: #e90; }

.token.important,
.token.bold {
font-weight: bold; }

.token.italic {
font-style: italic; }

.token.entity {
cursor: help; }
.nice-select:focus {

-webkit-box-shadow:none;
box-shadow:none;
border-bottom-width: 3px;
}



/**
* placeholder-loading v0.2.6
* Author: Zalog (https://www.zalog.ro/)
* License: MIT
**/
.ph-item {
direction: ltr;
position: relative;
display: flex;
flex-wrap: wrap;
padding: 30px 15px 15px 15px;
overflow: hidden;
margin-bottom: 30px;
background-color: #fff;
border: 1px solid #e6e6e6;
border-radius: 2px; }
.ph-item, .ph-item *,
.ph-item ::after, .ph-item ::before {
box-sizing: border-box; }
.ph-item::before {
content: " ";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 50%;
z-index: 1;
width: 500%;
margin-left: -250%;
-webkit-animation: phAnimation 0.8s linear infinite;
animation: phAnimation 0.8s linear infinite;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%; }
.ph-item > * {
flex: 1 1 auto;
display: flex;
flex-flow: column;
padding-right: 15px;
padding-left: 15px; }

.ph-row {
display: flex;
flex-wrap: wrap;
margin-bottom: 7.5px; }
.ph-row div {
height: 10px;
margin-bottom: 7.5px;
background-color: #ced4da; }
.ph-row .big,
.ph-row.big div {
height: 20px;
margin-bottom: 15px; }
.ph-row .empty {
background-color: rgba(255, 255, 255, 0); }

.ph-col-2 {
flex: 0 0 16.66667%; }

.ph-col-4 {
flex: 0 0 33.33333%; }

.ph-col-6 {
flex: 0 0 50%; }

.ph-col-8 {
flex: 0 0 66.66667%; }

.ph-col-10 {
flex: 0 0 83.33333%; }

.ph-col-12 {
flex: 0 0 100%; }

.ph-avatar {
position: relative;
width: 100%;
min-width: 60px;
background-color: #ced4da;
margin-bottom: 15px;
border-radius: 50%;
overflow: hidden; }
.ph-avatar::before {
content: " ";
display: block;
padding-top: 100%; }

.ph-picture {
width: 100%;
height: 120px;
background-color: #ced4da;
margin-bottom: 15px; }

@-webkit-keyframes phAnimation {
0% {
transform: translate3d(-30%, 0, 0); }
100% {
transform: translate3d(30%, 0, 0); } }

@keyframes phAnimation {
0% {
transform: translate3d(-30%, 0, 0); }
100% {
transform: translate3d(30%, 0, 0); } }



.booking-form-modal .form-group {

border-bottom:  1px solid #f2f2f2

}

.booking-form-modal .form-group:after {
background: rgba(255, 255, 255, 0.15);

}

.booking-form-modal .booking-form {

border-radius: 0;box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.3);

}
.booking-form-modal2 .booking-form {

border-radius: 0;box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.3);

}

.bg-color-log{
background-color: #fafbfc;

}
}


.bestprice{
height: 122px;
}
.text-name{
font-size: 1rem;
font-weight: 700
}

.btn{
text-transform: none;
}.lighten6{
background-color: #fafbfc!important;

}

.h150{
height: 170px;
}

.hy-w30{
width: 30%!important
}
.hy-w50{
width: 50%!important
}
.hy-table-position-4{
padding: 0px;
position: absolute;   left: 0px; right: 0px; bottom: 0px 
}

.ALL_PRO{

}
.position-relative{
position: relative!important
}

.counter{

background: #fff;
text-align: center;
width: 200px;
min-height: 215px;
padding: 10px 15px;
margin: 0 auto;
border-radius: 30px;
box-shadow: 3px 5px 5px 5px rgba(23, 23, 23, 0.1);
position: relative;
border:1px solid #f2f2f2;
}
.counter:before{
content: '';
background-color: #f5f5f5;
height: 85px;
width: 100%;
border-radius: 30px 30px 0 0;
position: absolute;
left: 0;
top: 0;
}
.counter .counter-icon{
color: #fff;
background: #f5f5f5;
font-size: 30px;
line-height: 90px;
width: 80px;
height: 80px;
margin: 0 auto 10px;
padding-top: 15px;
border-radius: 10px 10px 0 0;
transform: translateY(-20px);
position: relative;
clip-path: polygon(0% 0%, 100% 0, 100% 70%, 50% 100%, 0 70%);
}
.counter .counter-icon:before{
content: "";
background: #6f184d;
width: 80px;
height:70px;
border-radius: 10px 10px 0 0;
transform: translateX(-50%);
position: absolute;
top: 0;
left: 50%;
z-index: -1;
clip-path: polygon(0% 0%, 100% 0, 100% 70%, 50% 100%, 0 70%);
}
/*.counter:hover .counter-icon i{
transform: rotate(360deg);
transition: all 0.3s ease;
}*/
.counter h3{
color: #333;
font-size:17px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0 0 5px 0;
}


.counter .counter-value{
color: #FD849D;
font-size: 30px;
font-weight: 600;
display: block;
}
.counter.blue:before{ background-color: #5A9BEF; }
.counter.blue .counter-icon{ background-color: #2A70B5; }
.counter.blue .counter-icon:before{ background-color: #367DCB; }
.counter.blue .counter-value{ color: #367DCB; }
.counter.red:before{ background-color: #FD6D4B; }
.counter.red .counter-icon{ background-color: #D14026; }
.counter.red .counter-icon:before{ background-color: #EA5736; }
.counter.red .counter-value{ color: #EA5736; }
.counter.gray:before{ background-color: #777; }
.counter.gray .counter-icon{ background-color: #444; }
.counter.gray .counter-icon:before{ background-color: #666; }
.counter.gray .counter-value{ color: #666; }
@media screen and (max-width:990px){
.counter{ margin-bottom: 40px; }
}


.dropdown.dropdown-lg .dropdown-menu {
margin-top: 1px;
padding: 20px;      min-width: 600px;
}
.input-group-btn .btn-group {
display: flex !important;
}
.btn-group .btn {
border-radius: 0;
margin-left: -1px;
}
.btn-group .btn:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}

.form-horizontal .form-group {
margin-left: 0;
margin-right: 0;
}

#adv-search {
width: 100%;
margin: 0 auto;min-width: 500px;
}
@media screen and (min-width: 768px) {

.dropdown.dropdown-lg {
position: static !important;
}

}

.mt70{
margin-top: 70px!important;
}
.mt90{
margin-top: 90px!important;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus {

box-shadow: inset 0 -2px 0 #FD849D;

}

.country-contact{
border-radius: 50%;

width: 64px; height: 64px;
margin-top: -80px

}
.rounded2{
border-radius: 15px
}


.mapael .map {
position: relative;
}
.mapael .zoomButton {
background-color: #292929;
border: 1px solid #292929;
color: #ffffff;
width: 15px;
height: 15px;
line-height: 12px;
text-align: center;
border-radius: 3px;
cursor: pointer;
position: absolute;
top: 0;
font-weight: bold;
left: 10px;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.mapael .zoomReset {
top: 10px;
}
.mapael .zoomIn {
top: 30px;
}
.mapael .zoomOut {
top: 50px;
}
.mapael .mapTooltip {
position: absolute;
background-color: #474c4b;
moz-opacity: 0.70;
opacity: 0.70;
filter: alpha(opacity=70);
border-radius: 10px;
padding: 10px;
z-index: 1000;
min-width: 200px;
display: none;
color: #ffffff;
}
.mapael .mapTooltip a{

color: #ffffff
}
.feedback {
z-index: 1000;
position: fixed;
top: 300px;
right: 0;    

border-radius: 4px 0 0 4px;
-webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
text-transform: uppercase;writing-mode: vertical-rl;
text-orientation: upright;

padding: 5px;
cursor: pointer
}

.search {
position: relative;
box-shadow: 0 0 40px rgba(51, 51, 51, .1);

}

.search input {
height: 60px;
text-indent: 25px;
border: 2px solid #eee
}

.search input:focus {
box-shadow: none;

}

.search .fa-search {
position: absolute;
top: 20px;
left: 16px
}

.search button {
position: absolute;
top: 5px;
right: 5px;
height: 50px;
width: 110px;
background: #ef5b6b
}
.box-feedback {

border-radius: 5px;


}


.hy-form {

background: #F9F9F9;
padding: 25px; 
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24)
}
.hy-form h3 {
display: block;
font-size: 30px;
font-weight: 300;
margin-bottom: 10px
}

.hy-form h4 {
margin: 5px 0 15px;
display: block;
font-size: 13px;
font-weight: 400
}

.hy-form fieldset {
border: medium none !important;
margin: 0 0 10px;
min-width: 100%;
padding: 0;
width: 100%
}

.hy-form input[type="text"],
.hy-form input[type="email"],
.hy-form input[type="tel"],
.hy-form input[type="url"],
.hy-form textarea {
width: 100%;
border: 1px solid #ccc;
background: #FFF;
margin: 0 0 5px;
padding: 10px
}

.hy-form input[type="text"]:hover,
.hy-form input[type="email"]:hover,
.hy-form input[type="tel"]:hover,
.hy-form input[type="url"]:hover,
.hy-form textarea:hover {
-webkit-transition: border-color 0.3s ease-in-out;
-moz-transition: border-color 0.3s ease-in-out;
transition: border-color 0.3s ease-in-out;
border: 1px solid #aaa
}

.hy-form textarea {
height: 100px;
max-width: 100%;
resize: none
}

.hy-form button[type="submit"] {
cursor: pointer;
width: 100%;
border: none;
background: #f0715f;
color: #FFF;
margin: 0 0 5px;
padding: 10px;
font-size: 15px
}

.hy-form button[type="submit"]:hover {
background: #f07150;
-webkit-transition: background 0.3s ease-in-out;
-moz-transition: background 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out
}

.hy-form button[type="submit"]:active {
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5)
}

.hy-form input:focus,
.hy-form textarea:focus {
outline: 0;
border: 1px solid #aaa
}


.scroll-area {
overflow-x: hidden;
height: 100vh
}

.vertical-timeline {
width: 100%;
position: relative;
padding: 1.5rem 0 1rem
}

.vertical-timeline::before {
content: '';
position: absolute;
top: 0;
left: 75px;
height: 100%;
width: 4px;
background: #e9ecef;
border-radius: .25rem
}

.vertical-timeline-element {
position: relative;
margin: 0 0 1rem
}

.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in {
visibility: visible;

}

.vertical-timeline-element-icon {
position: absolute;
top: 0;
left: 70px
}

.vertical-timeline-element-icon .badge-dot-xl {
box-shadow: 0 0 0 5px #fff
}

.badge-dot-xl {
width: 18px;
height: 18px;
position: relative
}

.badge:empty {
display: none
}

.badge-dot-xl::before {
content: '';
width: 10px;
height: 10px;
border-radius: .25rem;
position: absolute;
left: 50%;
top: 50%;
margin: -5px 0 0 -5px;
background: #fff
}

.vertical-timeline-element-content {
position: relative;
margin-left: 95px;
font-size: .8rem
}

.vertical-timeline-element-content .timeline-title {
font-size: .8rem;
text-transform: uppercase;
margin: 0 0 .5rem;
padding: 2px 0 0;
font-weight: bold
}

.vertical-timeline-element-content .vertical-timeline-element-date {
display: block;
position: absolute;
left: -94px;
top: 0;
padding-right: 10px;
text-align: center;
color: #adb5bd;
font-size: .7619rem;
white-space: nowrap
}

.vertical-timeline-element-content:after {
content: "";
display: table;
clear: both
}
.border-dashed-bottom{
border-bottom: 1px dashed #f5f5f5}

.feedback-text{

background: #FFFFFF;
text-shadow: 0 1px #808d93, -1px 0 #cdd2d5, -1px 2px #808d93, -2px 1px #cdd2d5, -2px 3px #808d93, -3px 2px #cdd2d5, -3px 4px #808d93, -4px 3px #cdd2d5, -4px 5px #808d93, -5px 4px #cdd2d5, -5px 6px #808d93, -6px 5px #cdd2d5, -6px 7px #808d93, -7px 6px #cdd2d5, -7px 8px #808d93, -8px 7px #cdd2d5;
color: #222;
background: #FFFFFF;
text-align: center;
font-size: 30px

}


#pro_holder {
background-image: url("/images/bg-login.png");
background-color: #6d1e4e;
background-size: cover;
background-position: center bottom !important; }


#pro_holder_vol {
   
padding-top: 25px;padding-bottom: 25px;    height: 75px;
overflow: hidden;
}
/* 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;
margin: 0;
padding: 0; }

.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; }

.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;
height: 100%;
min-height: 1px; }

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

.slick-slide img {
display: block; }

.slick-slide.slick-loading img {
display: none; }

.slick-slide.dragging img {
pointer-events: none; }

.slick-initialized .slick-slide {
display: block; }

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

.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }

.slick-arrow.slick-hidden {
display: none; }

.cover-card {
border: 3px solid #fff;

padding: 0px;
margin: 0px;
height:220px; position: relative;
cursor: pointer; border-radius: 10px;


}
.cover-card > p {
text-align: center;
background-color: rgba(6,6,6,0.0);
color: rgba(6,6,6,0.0);
width: 100%;
height: 100%;
font-weight: bold;
font-size: 20px;
color: white;
text-shadow: 3px 3px 10px #000;
}
.cover-card:hover > p {

color: white;
text-shadow: 3px 3px 10px #000;

}

.cover-card:hover {

transform: scale(1.2, 1.2);
transition: 1.5s;

z-index: 99;  border-width: 0
}


a.img-caption {
margin: 0 0 40px;
display: block
}

.img-caption img {
position: relative;
width: 100%;
height: 220px
}

.img-caption figure {
box-sizing: content-box;
overflow: hidden;
position: relative
}

.img-caption figcaption {
background: rgba(0, 0, 0, .4);
position: absolute;
box-sizing: content-box;
padding: 17px 25px;
bottom: 0;
display: block;
width: 100%;
-webkit-transition: background-color .2s ease-in-out;
-moz-transition: background-color .2s ease-in-out;
-ms-transition: background-color .2s ease-in-out;
-o-transition: background-color .2s ease-in-out;
transition: background-color .2s ease-in-out
}

.img-caption:hover figcaption {
background: -moz-linear-gradient(90deg, #700877 0%, #ff2759 100%, #ff2759 100%);
background: -webkit-linear-gradient(90deg, #700877 0%, #ff2759 100%, #ff2759 100%);
background: linear-gradient(90deg, #700877 0%, #ff2759 100%, #ff2759 100%);
opacity: 0.8;
}

.img-caption figcaption h3 {
color: #fff;
text-transform: uppercase;
font-size: 17px;
font-weight: 700;
line-height: 24px
}

.mega .img-caption figcaption h3 {
font-size: 14px;
line-height: 20px
}

.mega .img-caption figcaption span {
font-size: 14px;
line-height: 14px
}

.mega .img-caption figcaption {
padding: 10px 20px
}

.img-caption figcaption span {
color: #fff;
font-size: 16px;
font-weight: 300;
line-height: 16px;
display: block;
position: relative;
opacity: 0;
max-height: 0;
padding: 0;
-webkit-transition: max-height .2s ease-in-out, opacity .2s ease-in-out, padding .2s ease-in-out;
-moz-transition: max-height .2s ease-in-out, opacity .2s ease-in-out, padding .2s ease-in-out;
-ms-transition: max-height .2s ease-in-out, opacity .2s ease-in-out, padding .2s ease-in-out;
-o-transition: max-height .2s ease-in-out, opacity .2s ease-in-out, padding .2s ease-in-out;
transition: max-height .2s ease-in-out, opacity .2s ease-in-out, padding .2s ease-in-out
}

.img-caption:hover figcaption span {
max-height: 50px;
opacity: 1;
padding: 5px 0 4px
}


.innercard {
background-color: #fff;  
padding: 10px;
border: 1px solid #eee;
box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.3);
}

.inner-card {
background: #fff;
padding: 10px;
border-radius: 5px;
}

.heart {
cursor: pointer;
height: 35px;
width: 35px;
font-size: 13px;
display: flex;
justify-content: center;
align-items: center;
color: #beb4aa;
border-radius: 50%;
background-color: #eee
}

.inner-card img{
width: 100%;
height: 220px;
border-radius: 50px!important
}
.hy-blockquote .description {
text-align: justify;
text-justify: inter-word;  
line-height: 1.5em; 
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 1em;
-webkit-margin-end: 1em;
}
.hy-blockquote .box {
padding:10px; 
background: #fff;
transition: 0.4s; border:1px solid #fff;

border-radius: 15px;
padding-left: 0px


}


.hy-blockquote .box .icon {
float: left;
}
.hy-blockquote .icon img{
height: 20px
}

.hy-blockquote .box .icon i {
color: #444;
font-size: 64px;
transition: 0.5s;
line-height: 0;
margin-top: 34px;
}

.hy-blockquote .box .icon i:before  {
background: #0c2e8a;
background: linear-gradient(45deg, #50d8af 0%, #a3ebd5 100%);
background-clip:-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.hy-blockquote .box h4  {
margin-left: 30;
font-weight: 700;
margin-bottom: 15px;
font-size: 22px;
}

.hy-blockquote .box h4 a  {
color: #444;
}

.hy-blockquote .box p  {
font-size: 14px;
margin-left: 30;
margin-bottom: 0;
line-height: 24px;
}

@media (max-width: 767px) {
.hy-blockquote .box .box   {
margin-bottom: 20px;
}
.hy-blockquote .box .icon  {
float: none;
text-align: center;
padding-bottom: 15px;
}
.hy-blockquote .box h4, .hy-blockquote .box p  {
margin-left: 0;
text-align: center;
}
}


.snip-hy {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
color: #ffffff;
float: left;

font-size: 16px;
margin: 10px 1%;

overflow: hidden;
position: relative;
text-align: left;
width: 100%
}

.snip-hy * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease
}
.snip-hy .image{

}

.snip-hy img {
width: 100%;
vertical-align: top;
position: relative
}

.snip-hy figcaption {
padding: 25px 20px 25px;
position: absolute;
bottom: 0;
z-index: 1; width: 100%
}

.snip-hy figcaption:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #700877;
content: '';
background: -moz-linear-gradient(90deg, #700877 0%, #ff2759 100%, #ff2759 100%);
background: -webkit-linear-gradient(90deg, #700877 0%, #ff2759 100%, #ff2759 100%);
background: linear-gradient(90deg, #700877 0%, #ff2759 100%, #ff2759 100%);
opacity: 0.8;
z-index: -1
}

.snip-hy .date {
background-color: #fff;
border-radius: 50%;
color: #700877;
font-size: 18px;
font-weight: 700;
min-height: 48px;
min-width: 48px;
padding: 10px 0;
position: absolute;
right: 15px;
text-align: center;
text-transform: uppercase;
top: -25px
}

.snip-hy .date span {
display: block;
line-height: 14px
}

.snip-hy .date .month ,.snip-hy .date .year {
font-size: 11px
}

.snip-hy h3,
.snip-hy p {
margin: 0;
padding: 0
}

.snip-hy h3 {
display: inline-block;
font-weight: 700;
letter-spacing: -0.4px;
margin-bottom: 5px
}
.snip-hy h3 small {
font-size: 11px

}
.snip-hy p {
font-size: 0.8em;
line-height: 1.6em;
margin-bottom: 0px
}

.snip-hy a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
z-index: 1
}

.snip-hy:hover img,
.snip-hy.hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}

.snip-hy img {
border-radius: 5px;	height: 220px
}

@media (min-width: 768px) {

.carousel-inner .carousel-item-right.active,
.carousel-inner .carousel-item-next {

}

.carousel-inner .carousel-item-left.active,
.carousel-inner .carousel-item-prev {
transform: translateX(-50%);
}
}

/* large - display 3 */
@media (min-width: 992px) {

.carousel-inner .carousel-item-right.active,
.carousel-inner .carousel-item-next {
transform: translateX(33%);
}

.carousel-inner .carousel-item-left.active,
.carousel-inner .carousel-item-prev {
transform: translateX(-33%);
}
}

@media (max-width: 768px) {
.carousel-inner .carousel-item>div {
display: none;
}

.carousel-inner .carousel-item>div:first-child {
display: block;
}
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
display: flex;
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left {
transform: translateX(0);
}

.city-hotel,.hotel-one{
cursor: pointer;
}

.progress {
display: block;
text-align: center;
width: 0;
height: 5px;
background: red;
transition: width .3s;
}
.progress.hide {
opacity: 0;
transition: opacity 1.3s;
}
 

.form-control{
transition: all 0.2s ease-in-out;
color: #737373!important; font-size: 13px!important
}

.loader-left{
position: fixed;
top: 50%;
left: 100px;
z-index: 1000;
display: none;
}
.loader-center{
position: fixed;
top: 50%;
left: 50%;
z-index: 1000;
display: none
}
.loader-right{
position: fixed;
top: 50%;
right: 200px;
z-index: 1000;
display: none;
}
.body_desabled{
position: fixed;
width: 100vw;
transition: all 1s; 
opacity: 0;	 z-index: 998;
height: 100vh;
display: none

}

.content-map{
background-color: #fff;
position: absolute;
display: none;
z-index: 1000;  
 
left: -0px; top: 0px

}
.content-map .img{
width:150px; height:233px;
}
.header-form {
width: 100%;
height:44px; 
/*border-bottom:1px solid #e8e8e8;*/
position: fixed; 
top: 100px; z-index: 1000;

background-color: #fff; 


}


.mtflex3{
margin-top: 105px;  
}

.mt90{
margin-top: 100px;  
}
.mtflex{
margin-top: 134px;  
}
.hy-flex-splitter{

flex: 0 0 auto;
width: 18px;
background: url(/assets/vsizegrip.png) center center no-repeat #fff;
min-height: 200px;
cursor: col-resize;
}   
.flex-container {
display: flex;
flex-direction: row;
width: 100%;
height: 100vh;

}

.flex-container .flex-row {


justify-content: center;
align-items: center;

}

.flex-row  {
flex: 1;
}
.hy-content-flex{
flex: 0 0 auto;  /* only manually resize */
padding: 10px;
width: 50%;
max-width: 60%;
overflow: hidden;
overflow-y: auto;
min-width: 300px



}
.hy-content-flex2{
flex: 0 0 auto;  /* only manually resize */
padding: 10px;
width: 70%;
max-width: 70%;
overflow: hidden;
overflow-y: auto;
min-width: 300px



}

.hy-content-flex3{
flex: 0 0 auto;  /* only manually resize */
padding: 10px;
width: 60%;
max-width: 60%;
overflow: hidden;
overflow-y: auto;
min-width: 300px



}

#hy-flex-left{
max-width: 250px;  min-width: 250px;
overflow: hidden;
overflow-y: auto; 
padding: 10px;
}
.w300{
	min-width: 300px!important; max-width: 300px!important
}


.hy-content-flex4{
flex: 0 0 auto;  /* only manually resize */
padding: 10px;
width: 50%;
max-width: 50%;
overflow: hidden;
overflow-y: auto;
min-width: 300px



}




.btn-red {
background-color: #e00000ce
}

.btn-orange {
background-color: #ffa500
}

.btn-pink {
background-color: #e0009dce
}

.btn-green {
background-color: #00811c
}

.btn-blue {
background-color: #026bc2
}

.btn-brown {
background-color: #994a00
}

.navbar {
display: inline-flex
}

.pagination .page-item .page-link {

border: none;
width: 40px;
text-align: center
}

.pagination .page-item.active .page-link {
background-color: #fff;
border: 1px solid #ddd
}



.pro {
border: none;

font-weight: 700;
padding-left: 0px;
width: initial
}
#filterbar {

background-color: #fff;
border: 1px solid #ddd;
overflow: hidden;
overflow-y: auto;  
border-radius: 10px


}

#filterbar input[type="radio"] {
visibility: hidden
}

#filterbar input[type='radio']:checked {
background-color: #16c79a;
border: none
}





.tick {
display: block;
position: relative;
padding-left: 23px;
cursor: pointer;

margin: 0;transition: all 0.2s ease-in-out;
}

.tick input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0
}

.check {
position: absolute;
top: 1px;
left: 0;
height: 18px;
width: 18px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 3px
}

.tick:hover input~.check {
background-color: #f3f3f3
}

.tick input:checked~.check {
background-color: #ffffff
}

.check:after {
content: "";
position: absolute;
display: none
}

.tick input:checked~.check:after {
display: block;
transform: rotate(45deg) scale(1)
}

.tick .check:after {
left: 6px;
top: 2px;
width: 5px;
height: 10px;
border: solid rgb(0, 0, 0);
border-width: 0 3px 3px 0;
transform: rotate(45deg) scale(2)
}

.box-filter {
padding: 10px;
}

.box-label {


font-weight: 800
}

.inner-box
  {
max-height: 150px;
overflow-y: scroll
}
 
.inner-box2 {
height:500px;
overflow-y: scroll
}

 


.inner-box::-webkit-scrollbar,
.inner-box2::-webkit-scrollbar {
width: 6px
}

.inner-box::-webkit-scrollbar-track,
.inner-box2::-webkit-scrollbar-track {
background-color: #ddd;
border-radius: 2px
}

.inner-box::-webkit-scrollbar-thumb,
.inner-box2::-webkit-scrollbar-thumb {
background-color: #333;
border-radius: 2px
}



.category-list input[type="checkbox"] {
visibility: hidden
}

.category-list input[type='checkbox']:checked {
background-color: #16c79a;
border: none
}

.category-list .btn {

border: 1px solid #f2f2f2; 


border-radius: 0;   padding: 5px; margin-bottom: 2px;
}
 


.category-list label {
margin: 10px;
margin-left: 0px
}



.middle {
position: relative;
width: 100%;
margin-top: 25px
}

.sort{
min-width: 200px
}
.del {
text-decoration: line-through;
color: red
}






.header-form .navbar{
box-shadow: 0 1px 2px rgb(0 0 0 / 0%);
}
.header-form .select2{
width: 100%!important
}






.MultiCarousel { 
float: left; overflow: hidden; padding: 0px; 
width: 100%; position:relative;background:#FAFBFC;    border:  1px solid #ddd;}

.hy-item:hover {

transform: scale(1.1, 1.1);
transition: 1.5s;

}
.hy-item-over{
opacity: 0.75
}
.MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
.MultiCarousel .MultiCarousel-inner .hy-item { float: left; text-align: center; padding:1px; margin:1px;border:  1px solid #ddd;
width: 100px!important   }

.MultiCarousel .leftLst, .MultiCarousel .rightLst { 
position:absolute; border-radius:50%;top:calc(50% - 10px); }
.MultiCarousel .leftLst { left:0; }
.MultiCarousel .rightLst { right:0; }

.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over {display: none}
.MultiCarousel .MultiCarousel-inner .hy-item img{
width: 80%!important;

}
.hy-search {
-webkit-box-align: center;
align-items: center;
background: #fff;
border-radius: 5px;
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;

padding: 0.5em 0.5em 0.5em 1em;
-webkit-transition: all 0.5s;
transition: all 0.5s
}



.hy-search button,
.hy-search input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: 0;
color: inherit;
font: inherit;
outline: 0
}



.hy-search button {
cursor: pointer;
padding: 0 0.25em
}

.hy-search input {
-webkit-box-flex: 1;
flex: 1;
font-weight: 500;

}


.hedaer-flex{
display: flex;
flex-direction: row;
width: 100%; height:41px;


}

.hedaer-flex .hedaer-row { 
justify-content: center;
align-items: center;

}

.hedaer-row  {
flex: 1;
}
#hedaer-center{
flex: 1 0 auto;  /* only manually resize */

 


border-right:  1px solid #f2f2f2;
border-left:  1px solid #f2f2f2;
z-index: 1000



}
#hedaer-left{
max-width: 250px;  
min-width: 250px;
overflow: hidden;


} 


@media(max-width: 991.5px) {
#hy-flex-left,#hedaer-center{
display: none,
}

#filter-btn,#filter-map,#reset-filter{
display: block;
}
#filter-reset-2,#hedaer-center,#hedaer-right{
display: none
}
#hedaer-left{
width: 100%; max-width: 100%
}

.header-form .navbar-nav {
min-width: 290px;
position: absolute;


padding: 20px 10px;
display: block;
background-image: none;
z-index: 1000;
background-color: #fff;
border: 1px solid #ddd;
}



.pro,
.select2,
{
background-color: inherit;

}



}
.hy-flex-column{
flex-direction: column;
}


@media ( max-width: 768px) {
.flex-container{
flex-direction: column;
}
#hy-flex-left{
max-width: 100%;
height: 100vh;  display: none
}
.hy-content-flex, .hy-content-flex2,.hy-content-flex3,.hy-content-flex4{
max-width: 100%;
width: 100%;
height: 100%;
display: block
}

.hy-flex-splitter,#hy-flex-right{
display: none;
}

}




.hy_new_auto {
position: absolute;
color: inherit;
background-color: #fff;
border-radius: 4px;
border: 1px solid #ddd;
min-width: 300px;
max-width: none;
padding: 0;
margin-top: 7px;   
z-index: 3001; 
font-size: 15px;
line-height: 1em;
}

.hy_new_auto:before, .hy_new_auto:after {
position: absolute;
display: inline-block;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
}

.hy_new_auto:before {
top: -7px;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
border-bottom: 7px solid #ccc;
}

.hy_new_auto:after {
top: -6px;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-left: 6px solid transparent;
}
.hy_new_auto.opensleft:before {
right: 9px;
}

.hy_new_auto.opensleft:after {
right: 10px;
}

.hy_new_auto.openscenter:before {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto;
}

.hy_new_auto.openscenter:after {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto;
}

.hy_new_auto.opensright:before {
left: 9px;
}

.hy_new_auto.opensright:after {
left: 10px;
}


.card-img-actions-mobile,.blog-horizontal-mobile {
width: 100%!important;
float: left;

z-index: 10



}

.hotel-map:hover{
background-color: #fff7f8;

}
.map-price-selected:after {
border-top: 6px solid #FD849D;
}
.map-price-selected {
background-color: #FD849D; 


}

.map-price-not-selected {
opacity: 0.3 ;

transition: 1.5s;  
}.map-price-not-selected:after {
border-top: 6px solid #fff;
}
 

/* The popup bubble styling. */
.popup-bubble {
/* Position the bubble centred-above its parent. */
position: absolute;
top: 0;
left: 0;
transform: translate(-50%, -100%);
/* Style the bubble. */
background-color: white;
padding: 5px;
border-radius: 5px;
font-family: sans-serif;
overflow-y: auto;
max-height: 60px;
box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.5);
}

/* The parent of the bubble. A zero-height div at the top of the tip. */
.popup-bubble-anchor {
/* Position the div a fixed distance above the tip. */
position: absolute;
width: 100%;
bottom: 8px;
left: 0;
}

/* This element draws the tip. */
.popup-bubble-anchor::after {
content: "";
position: absolute;
top: 0;
left: 0;
/* Center the tip horizontally. */
transform: translate(-50%, 0);
/* The tip is a https://css-tricks.com/snippets/css/css-triangle/ */
width: 0;
height: 0;
/* The tip is 8px high, and 12px wide. */
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 8px solid white;
}

/* JavaScript will position this div at the bottom of the popup tip. */
.popup-container {
cursor: auto;
height: 0;
position: absolute;
/* The max width of the info window. */
width: 200px;
}
.img-media {
width: 100%;
height: 270px
}

.overflow-hidden{
overflow:hidden;
}


.body-hotel {
display: flex; 
flex-direction: column;
height: 270px;

}
.body-hotel-main {
display: flex;
flex: 1;
flex-direction: column;
}
.body-hotel-main  .hotel-descriptif {
flex: 1;
}
.hotel-descriptif {
overflow: hidden;
}
.hotel-best-price {
border-left:1px solid #ddd
}

.hotel-descriptif, .hotel-best-price {
padding: 1em;
}
@media screen and (min-width: 576px) {
.body-hotel-main {
flex-direction: row;
}

.body-hotel-main .hotel-best-price {
flex: 0 0 25%;
}  
}

@media screen and (min-width: 300px) {
.body-hotel {
height: 100%



}

}

.booking-form-buscar .form-group {

border-bottom:  1px solid #f2f2f2;

height: 42px

}
.booking-form-buscar .form-group .form-control {
height: 25px

}

.booking-form-buscar .form-group:after {
background: rgba(255, 255, 255, 0.15);

}

.booking-form-buscar .booking-form {

border-radius: 0;box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.3);

}

.booking-form-buscar .submit-btn-2 {

height: 25px
}

.booking-form-buscar .form-group:after {
height: 42px;

}
.booking-form-buscar .form-btn {

border-bottom:  1px solid #f2f2f2;
height: 42px


}

.hyimg7575{
width:75px; 
height: 75px;
}
.hyc_1{
padding-bottom: 15px ; overflow: hidden; vertical-align: top;
}
.hyimg275{
height: 75px;display: none; text-align: center
}
.hyimg7570{
width:75px; 
height: 70px;
}
.clol{
height: 100px; overflow: hidden;
}
.clol2{
height: 80px;overflow: hidden; padding: 2px
}


.flex-row-map{
display: flex;
height: 100vh;
flex-direction: row;   flex: 1;
}

.flex-row-map .map-top {  flex: 1;
height: 100vh;
}
.flex-row-map .map-bottom  {
flex: 1;height: 100vh; overflow: auto;
}

.mtflex2{
margin-top: 150px;  
}
.booking-form-transfert .form-group {

border-right:  1px solid #f2f2f2;
padding: 0px!important; padding-left: 5px!important;
height: 50px;border-bottom:  1px solid #f2f2f2;

}
.booking-form-transfert .form-group .form-control {
height: 25px

}

.booking-form-transfert .form-group:after {
background: rgba(255, 255, 255, 0.15);

}	

.booking-form-transfert .booking-form {

border-radius: 0;box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.3);

}

.booking-form-transfert .submit-btn-2 {

height: 25px
}

.booking-form-transfert .form-group:after {
height: 50px;

}
.booking-form-transfert .form-btn {

border-bottom:  1px solid #f2f2f2;
height: 50px


}

	.pagin-header{
		position: fixed;
		bottom: 0px;
		background-color: #f2f2f2;
		text-align:  center;
		z-index: 1000; border-top:1px solid #ddd;
		 
	}

 

.hy-grid-container {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  display: flex;
  max-width: 100%;
  margin-bottom: 20px;
  overflow: hidden; 
  border: 1px solid #ddd;
 
}

 

.hy-grid-container-img {
 
 
  max-width: 250px;  min-width: 250px;
  height: 230px;  
}

.hy-grid-container-img img{
  width: 100%;
  height: 100%;
	}
 
 
 .hy-grid { 
  display: grid;
  grid-template-areas:  
  "article ads"
  "footer footer"; 
  grid-template-columns:   1fr 30%; 
  width: 100%;  
  }

   
 
.hy-grid-footer {
  grid-area: footer;
   height: 70px; 
 
}
 
.hy-grid-descriptif { 
grid-area: article;  
padding: 5px;

height: 160px;  
border-right:1px solid #ddd; 
border-left:1px solid #ddd;  
white-space: nowrap;
overflow: hidden;


  
  }
 
.hy-grid-price { 
  grid-area: ads; 
  padding: 10px;
  border-right:1px solid #ddd; 
		 
	 
  }
	.box-input {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.input-group { 

}

.custom-input {
    outline: none;
     
    border: 1px solid #ddd!important;height: 35px!important;
 
}

.custom-input:focus {
    outline: none;
    box-shadow: 0 0 0 0rem rgba(247, 248, 249, 0.25) !important;
    border: 1px solid #ddd
}

.input-group-text {
    border-radius: 1px;
    
    background: #fff;height: 25!important;
}

   #homeControl{
      padding: 5px;
      display: none
    }
    
    #homeControl .outer{
      background-color: #FFFFFF;
      border: 1px solid #FD849D;
      cursor: pointer;
      text-align: center;
      border-radius: 20px;
    

    }
    
    #homeControl .outer .inner{
 
      font-size: 14px;
        padding: 5px;  
        font-weight: bold;
    }
        .fullscreenDivPagin{
              widows: 200px; max-width: 200px;
        }
 

.top0{
top: 0px; 
}.mtflex44{
margin-top: 44px;  
}

	.nav-item i {
   /* font-size: 18px;*/
    margin-right: 5px;
    width: 25px;
    text-align: center;
    vertical-align: middle;
 
    
}


.header-section {
 
	width: 100%;
	 
}

.header-top {
	padding: 12px 0;
	border-bottom: 1px solid #667792; 
	background-color: #FD849D;

 
}

.top-info {	 
	 
	display: inline-block;
}

.top-info i {
	margin-right: 5px;
}

.top-info:first-child {
	margin-right: 40px;
}

 
.user-panel {
	display: inline-block;
	margin-left: 20px;
}

.user-panel .ln {
 
	padding: 0 10px;
	border-left: 1px solid #667792;
	color: #fff;
	cursor: pointer;}

.user-panel .ln i {
	margin-right: 5px;
}

.user-panel .ln:last-child {
	margin-right: 0;
}
 @media only screen and (max-width: 767px) {
 
 
 .user-panel {
    margin-left: 0; text-align: center;
  }
  .user-panel a.ln:first-child {
    border-left: none;
    padding-left: 0;
  }  
  
}

.w50{
	width: 50%!important
}

/*!
 * SmartWizard v4.3.x
 * jQuery Wizard Plugin
 * http://www.techlaboratory.net/smartwizard
 *
 * Created by Dipu Raj
 * http://dipuraj.me
 *
 * Licensed under the terms of MIT License
 * https://github.com/techlab/SmartWizard/blob/master/LICENSE
 */

.sw-main {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    border-radius: .25rem!important
}

.sw-main .sw-container {
    display: block;
    margin: 0;
    padding: 0;
    position: relative
}

.sw-main .step-content {
    display: none;
    position: relative;
    margin: 0
}

.sw-main .sw-toolbar {
    margin-left: 0
}

.sw-theme-default {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

.sw-theme-default .sw-container {
    min-height: 250px
}

.sw-theme-default .step-content {
    padding: 10px;
    border: 0 solid #d4d4d4;
    background-color: #fff;
    text-align: left
}

.sw-theme-default .sw-toolbar {
    background: #f9f9f9;
    border-radius: 0!important;
    padding-left: 10px;
    padding-right: 10px;
    padding: 10px;
    margin-bottom: 0!important
}

.sw-theme-default .sw-toolbar-top {
    border-bottom-color: #ddd!important
}

.sw-theme-default .sw-toolbar-bottom {
    border-top-color: #ddd!important
}

.sw-theme-default>ul.step-anchor>li {
    position: relative;
    margin-right: 2px
}

.sw-theme-default>ul.step-anchor>li>a,
.sw-theme-default>ul.step-anchor>li>a:hover {
    border: none!important;
    color: #bbb;
    text-decoration: none;
    outline-style: none;
    background: 0 0!important;
    border: none!important;
    cursor: not-allowed
}

.sw-theme-default>ul.step-anchor>li.clickable>a:hover {
    color: #4285f4!important;
    background: 0 0!important;
    cursor: pointer
}

.sw-theme-default>ul.step-anchor>li>a::after {
    content: "";
    background: #4285f4;
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    -webkit-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.sw-theme-default>ul.step-anchor>li.active>a {
    border: none!important;
    color: #4285f4!important;
    background: 0 0!important;
    cursor: pointer
}

.sw-theme-default>ul.step-anchor>li.active>a::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.sw-theme-default>ul.step-anchor>li.done>a {
    border: none!important;
    color: #000!important;
    background: 0 0!important;
    cursor: pointer
}

.sw-theme-default>ul.step-anchor>li.done>a::after {
    background: #e66a84;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.sw-theme-default>ul.step-anchor>li.danger>a {
    border: none!important;
    color: #d9534f!important;
    cursor: pointer
}

.sw-theme-default>ul.step-anchor>li.danger>a::after {
    background: #d9534f;
    border-left-color: #f8d7da;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.sw-theme-default>ul.step-anchor>li.disabled>a,
.sw-theme-default>ul.step-anchor>li.disabled>a:hover {
    color: #eee!important;
    cursor: not-allowed
}

@media screen and (max-width:768px) {
    .sw-theme-default>.nav-tabs>li {
        float: none!important
    }
}

.sw-loading::after {
    position: absolute;
    display: block;
    opacity: 1;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, .7);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    z-index: 2
}

.sw-loading::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    border: 10px solid #f3f3f3;
    border-radius: 50%;
    border-top: 10px solid #3498db;
    width: 80px;
    height: 80px;
    margin-top: -40px;
    margin-left: -40px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}


/*!
 * SmartWizard v4.3.x
 * jQuery Wizard Plugin
 * http://www.techlaboratory.net/smartwizard
 *
 * Created by Dipu Raj
 * http://dipuraj.me
 *
 * Licensed under the terms of MIT License
 * https://github.com/techlab/SmartWizard/blob/master/LICENSE
 */

.sw-theme-arrows {
    border-radius: 5px;
    border: 1px solid #ddd
}

.sw-theme-arrows>.sw-container {
    min-height: 200px
}

.sw-theme-arrows .step-content {
    padding: 0 10px;
    border: 0 solid #d4d4d4;
    background-color: #fff;
    text-align: left
}

.sw-theme-arrows .sw-toolbar {
    padding: 10px;
    margin-bottom: 0!important
}

.sw-theme-arrows>ul.step-anchor {
    border: 0;
    border-bottom: 1px solid #ddd;
    padding: 0;
    background: #f5f5f5;
    border-radius: 0;
    border-top-right-radius: 5px;
    list-style: none;
    overflow: hidden
}

.sw-theme-arrows>ul.step-anchor li+li:before {
    padding: 0
}

.sw-theme-arrows>ul.step-anchor>li>a,
.sw-theme-arrows>ul.step-anchor>li>a:hover {
    color: #bbb;
    text-decoration: none;
    padding: 10px 0 10px 45px;
    position: relative;
    display: block;
    border: 0!important;
    border-radius: 0;
    outline-style: none;
    background: #f5f5f5
}

.sw-theme-arrows>ul.step-anchor>li>a:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid #f5f5f5;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2
}

.sw-theme-arrows>ul.step-anchor>li>a:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid #ddd;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 1px;
    left: 100%;
    z-index: 1
}

.sw-theme-arrows>ul.step-anchor>li:first-child>a {
    padding-left: 15px
}

.sw-theme-arrows>ul.step-anchor>li>a:hover {
    color: #bbb;
    text-decoration: none;
    outline-style: none;
    background: #f5f5f5;
    border-color: #f5f5f5
}

.sw-theme-arrows>ul.step-anchor>li>a:hover:after {
    border-left-color: #f5f5f5
}

.sw-theme-arrows>ul.step-anchor>li.clickable>a:hover {
    color: #4285f4!important;
    background: #46b8da!important
}

.sw-theme-arrows>ul.step-anchor>li.active>a {
    border-color: #e66a84!important;
    color: #fff!important;
    background: #e66a84!important
}

.sw-theme-arrows>ul.step-anchor>li.active>a:after {
    border-left: 30px solid #e66a84!important
}

.sw-theme-arrows>ul.step-anchor>li.done>a {
    border-color: #b1dfbb!important;
    color: #fff!important;
    background: #b1dfbb!important
}

.sw-theme-arrows>ul.step-anchor>li.done>a:after {
    border-left: 30px solid #b1dfbb
}

.sw-theme-arrows>ul.step-anchor>li.danger>a {
    border-color: #d9534f!important;
    color: #fff!important;
    background: #d9534f!important
}

.sw-theme-arrows>ul.step-anchor>li.danger>a:after {
    border-left: 30px solid #d9534f!important
}

.sw-theme-arrows>ul.step-anchor>li.disabled>a,
.sw-theme-arrows>ul.step-anchor>li.disabled>a:hover {
    color: #eee!important
}

@media screen and (max-width:768px) {
    .sw-theme-arrows>ul.step-anchor {
        border: 0;
        background: #ddd!important
    }
    .sw-theme-arrows>.nav-tabs>li {
        float: none!important;
        margin-bottom: 0
    }
    .sw-theme-arrows>ul.step-anchor>li>a,
    .sw-theme-arrows>ul.step-anchor>li>a:hover {
        padding-left: 15px;
        margin-right: 0;
        margin-bottom: 1px
    }
    .sw-theme-arrows>ul.step-anchor>li>a:after,
    .sw-theme-arrows>ul.step-anchor>li>a:before {
        display: none
    }
}

.sw-theme-arrows::before {
    border: 10px solid #f3f3f3;
    border-top: 10px solid #e66a84
}

	/*!
 * ClockPicker v0.0.7 for Bootstrap (http://weareoutman.github.io/clockpicker/)
 * Copyright 2014 Wang Shenwei.
 * Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/master/LICENSE)
 */.clockpicker .input-group-addon{cursor:pointer}.clockpicker-moving{cursor:move}.clockpicker-align-left.popover>.arrow{left:25px}.clockpicker-align-top.popover>.arrow{top:17px}.clockpicker-align-right.popover>.arrow{left:auto;right:25px}.clockpicker-align-bottom.popover>.arrow{top:auto;bottom:6px}.clockpicker-popover .popover-title{background-color:#fff;color:#999;font-size:24px;font-weight:700;line-height:30px;text-align:center}.clockpicker-popover .popover-title span{cursor:pointer}.clockpicker-popover .popover-content{background-color:#f8f8f8;padding:12px}.popover-content:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.clockpicker-plate{background-color:#fff;border:1px solid #ccc;border-radius:50%;width:200px;height:200px;overflow:visible;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.clockpicker-canvas,.clockpicker-dial{width:200px;height:200px;position:absolute;left:-1px;top:-1px}.clockpicker-minutes{visibility:hidden}.clockpicker-tick{border-radius:50%;color:#666;line-height:26px;text-align:center;width:26px;height:26px;position:absolute;cursor:pointer}.clockpicker-tick.active,.clockpicker-tick:hover{background-color:#c0e5f7;background-color:rgba(0,149,221,.25)}.clockpicker-button{background-image:none;background-color:#fff;border-width:1px 0 0;border-top-left-radius:0;border-top-right-radius:0;margin:0;padding:10px 0}.clockpicker-button:hover{background-image:none;background-color:#ebebeb}.clockpicker-button:focus{outline:0!important}.clockpicker-dial{-webkit-transition:-webkit-transform 350ms,opacity 350ms;-moz-transition:-moz-transform 350ms,opacity 350ms;-ms-transition:-ms-transform 350ms,opacity 350ms;-o-transition:-o-transform 350ms,opacity 350ms;transition:transform 350ms,opacity 350ms}.clockpicker-dial-out{opacity:0}.clockpicker-hours.clockpicker-dial-out{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}.clockpicker-minutes.clockpicker-dial-out{-webkit-transform:scale(.8,.8);-moz-transform:scale(.8,.8);-ms-transform:scale(.8,.8);-o-transform:scale(.8,.8);transform:scale(.8,.8)}.clockpicker-canvas{-webkit-transition:opacity 175ms;-moz-transition:opacity 175ms;-ms-transition:opacity 175ms;-o-transition:opacity 175ms;transition:opacity 175ms}.clockpicker-canvas-out{opacity:.25}.clockpicker-canvas-bearing,.clockpicker-canvas-fg{stroke:none;fill:#0095dd}.clockpicker-canvas-bg{stroke:none;fill:#c0e5f7}.clockpicker-canvas-bg-trans{fill:rgba(0,149,221,.25)}.clockpicker-canvas line{stroke:#0095dd;stroke-width:1;stroke-linecap:round}.clockpicker-button.am-button{margin:1px;padding:5px;border:1px solid rgba(0,0,0,.2);border-radius:4px}.clockpicker-button.pm-button{margin:1px 1px 1px 136px;padding:5px;border:1px solid rgba(0,0,0,.2);border-radius:4px}


   
.cart {
    background-color: #fff;
    padding: 4vh 5vh;
    border-bottom-left-radius: 1rem;
    border-top-left-radius: 1rem;

}

@media(max-width:307px) {
    .cart {
        padding: 4vh;
        border-bottom-left-radius: unset;
        border-top-right-radius: 1rem
    }
}

.summary {
    background-color: #fff;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    padding: 4vh;
    color: rgb(65, 65, 65);
    border-left: 1px solid #f2f2f2
}

@media(max-width:307px) {
    .summary {
        border-top-right-radius: unset;
        border-bottom-left-radius: 1rem
    }
}

.summary .col-2 {
    padding: 0
}

.summary .col-10 {
    padding: 0
}

 
.card-v {
    margin: auto;
   
    width: 95%;
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 1rem;
    border: transparent;    margin-bottom:2vh;
}





 .ui-autocomplete {
	position: absolute;
	z-index: 3001;
	cursor: default;
	padding: 0;
	margin-top: 2px;
	list-style: none;
	background-color: #ffffff;
	border: 1px solid #ccc;
	-webkit-border-radius:0px 0px 5px 5px; 
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;

	animation: fadein 1s;
	-moz-animation: fadein 1s; /* Firefox */
	-webkit-animation: fadein 1s; /* Safari et Chrome */
	-o-animation: fadein 1s; /* Opera */
	height: 300px;
	overflow: auto;
	min-width: 300px;	-webkit-box-shadow: 2px 3px 8px #eee;
	-moz-box-shadow: 2px 3px 8px #eee;
	box-shadow: 2px 3px 8px #eee;
}
.ui-autocomplete > li {
  padding: 3px 3px;
}
.ui-autocomplete > li.ui-state-focus {
  background-color: #FD849D!important;
}
.ui-helper-hidden-accessible {
  display: none;
}

.hy-section {
	position: relative;
	 
}

.hy-section .hy-section-center {
	position: absolute;
top: 220px;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-20%);
	transform: translateY(-20%);
}

#hy-booking {
 
	background-size: cover;
	background-position: center;
}

.hy-booking-form {
	background: rgba(255, 255, 255, 0.5);
	padding: 40px;
	border-radius: 6px;
}

.hy-booking-form .form-group {
	position: relative;
 
	margin-bottom: 10px;
	margin-right: -10px;
	margin-left: -10px;  
}

 
.hy-booking-form .form-control {	
	background-color: transparent;
	border-radius: 0px;
	border: none;
    height: 45px;
	-webkit-box-shadow: none;
	box-shadow: none; 
	background-color: #fff;	 
 
}
 

.hy-booking-form .form-control::-webkit-input-placeholder {
	color: rgba(82, 82, 84, 0.4);
}

.hy-booking-form .form-control:-ms-input-placeholder {
	color: rgba(82, 82, 84, 0.4);
}

.hy-booking-form .form-control::placeholder {
	color: rgba(82, 82, 84, 0.4);
}

 
 
 
.hy-booking-form .form-label {
 
	display: block;
	font-weight: 600;  
 
	line-height: 25px;	

	color: #555; 
	padding-left: 10px;
	 font-size: 12px!important; white-space: nowrap;
}

.hy-booking-form .form-checkbox input {
	position: absolute !important;
	margin-left: -9999px !important;
	visibility: hidden !important;
}

.hy-booking-form .form-checkbox label {
	position: relative;
	padding-top: 4px;
	padding-left: 30px;
	font-weight: 600;     color: #555;
	/*color: #fff;*/
}

.hy-booking-form .form-checkbox label+label {
	margin-left: 15px;
}

.hy-booking-form .form-checkbox input+span {
	position: absolute;
	left: 2px;
	top: 4px;
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 50%;
}

.hy-booking-form .form-checkbox input+span:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0px;
	height: 0px;
	border-radius: 50%;
	background-color: #f23e3e;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.hy-booking-form .form-checkbox input:not(:checked)+span:after {
	opacity: 0;
}

.hy-booking-form .form-checkbox input:checked+span:after {
	opacity: 1;
	width: 10px;
	height: 10px;
}

.hy-booking-form .form-btn {
 
	margin-right: -10px;
	margin-left: -10px;
	margin-bottom: 10px;
}

.hy-booking-form .submit-btn {
	color: #fff;
	background-color: #FD849D;
	font-weight: 400;
 
	 height: 45px;
	border: none;
	width: 100%;
 
 
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
}

.hy-booking-form .submit-btn:hover,
.hy-booking-form .submit-btn:focus {
	opacity: 0.9;
}


.ical { 
background-size: 2.5rem 1.1rem; 
} 

 .is-invalid{
 	border:1px solid #ff0000!important; 
 }









.hy-autocomplete .fa,.hy-autocomplete .fas{
	color: #FD849D;
}


.ui-autocomplete:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.ui-autocomplete:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.ui-autocomplete.opensleft:before {
  right: 9px;
}

.ui-autocomplete.opensleft:after {
  right: 10px;
}

.ui-autocomplete.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.ui-autocomplete.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.ui-autocomplete.opensright:before {
  left: 9px;
}

.ui-autocomplete.opensright:after {
  left: 10px;
}

.daterangepicker{
border:2px solid #A9A9A9;


}.daterangepicker .drp-calendar {

max-width:400px!important;
}
.daterangepicker td,.daterangepicker th{
font-size: 16px!important;
padding: 10px;
}
.daterangepicker select{
border:none;
font-size: 16px!important;
 

}

.daterangepicker td.active {

border-radius: 20px!important;

}


.daterangepicker td:hover {

border-radius: 20px!important;

}


.daterangepicker:before {

border-bottom: 7px solid #A9A9A9;
}

.daterangepicker.drop-up:before {

border-top: 12px solid #A9A9A9;
}




@media (max-width: 700px) {

.daterangepicker {

width:320px!important;
}

}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* sur Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* sur Safari et Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* sur Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
.hy_after:after {
  top: 50%!important
  }  .hycontent2:before {
  top: 50%!important
  }
  .hyimage2{
  padding: 20px;



  }
  .hy-table{
  border-top-color: #fff
  }

 .hyc{
   border-radius: 0 15px 15px 0;   

 }


.origin ,.destination{
		white-space:nowrap;
		overflow: hidden;
	}



.ilocation{
border-color: transparent; 
background-image: url(/img/svg/location.svg?crc=3928290138);
background-position: left center;
background-repeat: no-repeat;
background-size: 2.5rem 1rem; 
padding-left: 40px!important;  
cursor: pointer;
}

 
.iuser{
border-color: transparent; 
background-image: url(/img/svg/user.svg?crc=3928290138);
background-position: left center;
background-repeat: no-repeat;
background-size: 2.5rem 1rem; 
padding-left: 40px!important;  
cursor: pointer;
}
.iclock{
 
 
	border-color: transparent; 
background-image: url(/img/svg/clock-with-white-face.svg?crc=3928290138);
background-position: left center;
background-repeat: no-repeat;
background-size: 2.5rem 1rem; 
padding-left: 40px!important;  
cursor: pointer; width: 100px;
  
	 
}

.form-checkbox label{
	cursor: pointer;
}

 @media (max-width: 900px) {
.hy-intro .hy-intro-content {
z-index: 1000;   top: 100px;
 
}

}

 @media (max-width: 800px) {
.hy-intro .hy-intro-content {
z-index: 1000;  position: relative; top: 0;
background-color: #f2f2f2 !important;
}
.hy-intro .hy-intro-content .text-center,.hy-intro .hy-intro-content .scrollto{
color: #000!important;
}
.intro-section   {
 display: none;  
}
}

 
@-webkit-keyframes wrench {
  0% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  8% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  10% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  18% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  20% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  28% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  30% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  38% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  40% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  48% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  50% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  58% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  60% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  68% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  75% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes wrench {
  0% {
    -webkit-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  8% {
    -webkit-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  10% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  18% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  20% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  28% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  30% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  38% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  40% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  48% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  50% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  58% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  60% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  68% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  75% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.faa-wrench.animated,
.faa-wrench.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-wrench {
  -webkit-animation: wrench 2.5s ease infinite;
  animation: wrench 2.5s ease infinite;
  transform-origin-x: 90%;
  transform-origin-y: 35%;
  transform-origin-z: initial;
}

/* BELL */

@-webkit-keyframes ring {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  2% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  4% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  6% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  8% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }

  10% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
  }

  12% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  14% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  16% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  18% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  20% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes ring {
  0% {
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  2% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  4% {
    -webkit-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  6% {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  8% {
    -webkit-transform: rotate(-22deg);
    -ms-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }

  10% {
    -webkit-transform: rotate(22deg);
    -ms-transform: rotate(22deg);
    transform: rotate(22deg);
  }

  12% {
    -webkit-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  14% {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  16% {
    -webkit-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  18% {
    -webkit-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  20% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.faa-ring.animated,
.faa-ring.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-ring {
  -webkit-animation: ring 2s ease infinite;
  animation: ring 2s ease infinite;
  transform-origin-x: 50%;
  transform-origin-y: 0px;
  transform-origin-z: initial;
}

/* VERTICAL */

@-webkit-keyframes vertical {
  0% {
    -webkit-transform: translate(0, -3px);
    transform: translate(0, -3px);
  }

  4% {
    -webkit-transform: translate(0, 3px);
    transform: translate(0, 3px);
  }

  8% {
    -webkit-transform: translate(0, -3px);
    transform: translate(0, -3px);
  }

  12% {
    -webkit-transform: translate(0, 3px);
    transform: translate(0, 3px);
  }

  16% {
    -webkit-transform: translate(0, -3px);
    transform: translate(0, -3px);
  }

  20% {
    -webkit-transform: translate(0, 3px);
    transform: translate(0, 3px);
  }

  22% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes vertical {
  0% {
    -webkit-transform: translate(0, -3px);
    -ms-transform: translate(0, -3px);
    transform: translate(0, -3px);
  }

  4% {
    -webkit-transform: translate(0, 3px);
    -ms-transform: translate(0, 3px);
    transform: translate(0, 3px);
  }

  8% {
    -webkit-transform: translate(0, -3px);
    -ms-transform: translate(0, -3px);
    transform: translate(0, -3px);
  }

  12% {
    -webkit-transform: translate(0, 3px);
    -ms-transform: translate(0, 3px);
    transform: translate(0, 3px);
  }

  16% {
    -webkit-transform: translate(0, -3px);
    -ms-transform: translate(0, -3px);
    transform: translate(0, -3px);
  }

  20% {
    -webkit-transform: translate(0, 3px);
    -ms-transform: translate(0, 3px);
    transform: translate(0, 3px);
  }

  22% {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.faa-vertical.animated,
.faa-vertical.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-vertical {
  -webkit-animation: vertical 2s ease infinite;
  animation: vertical 2s ease infinite;
}

/* HORIZONTAL */

@-webkit-keyframes horizontal {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  6% {
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0);
  }

  12% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  18% {
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0);
  }

  24% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  30% {
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0);
  }

  36% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes horizontal {
  0% {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  6% {
    -webkit-transform: translate(5px, 0);
    -ms-transform: translate(5px, 0);
    transform: translate(5px, 0);
  }

  12% {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  18% {
    -webkit-transform: translate(5px, 0);
    -ms-transform: translate(5px, 0);
    transform: translate(5px, 0);
  }

  24% {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  30% {
    -webkit-transform: translate(5px, 0);
    -ms-transform: translate(5px, 0);
    transform: translate(5px, 0);
  }

  36% {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.faa-horizontal.animated,
.faa-horizontal.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-horizontal {
  -webkit-animation: horizontal 2s ease infinite;
  animation: horizontal 2s ease infinite;
}

/* FLASHING */

@-webkit-keyframes flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.faa-flash.animated,
.faa-flash.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-flash {
  -webkit-animation: flash 2s ease infinite;
  animation: flash 2s ease infinite;
}

/* BOUNCE */

@-webkit-keyframes bounce {
  0%,
  10%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%,
  10%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.faa-bounce.animated,
.faa-bounce.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-bounce {
  -webkit-animation: bounce 2s ease infinite;
  animation: bounce 2s ease infinite;
}

/* SPIN */

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.faa-spin.animated,
.faa-spin.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-spin {
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}

/* FLOAT */

@-webkit-keyframes float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes float {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.faa-float.animated,
.faa-float.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-float {
  -webkit-animation: float 2s linear infinite;
  animation: float 2s linear infinite;
}

/* PULSE */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  50% {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.faa-pulse.animated,
.faa-pulse.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-pulse {
  -webkit-animation: pulse 2s linear infinite;
  animation: pulse 2s linear infinite;
}

/* SHAKE */

.faa-shake.animated,
.faa-shake.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-shake {
  -webkit-animation: wrench 2.5s ease infinite;
  animation: wrench 2.5s ease infinite;
}

/* TADA */

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-8deg);
    transform: scale(0.9) rotate(-8deg);
  }

  30%,
  50%,
  70% {
    -webkit-transform: scale(1.3) rotate(8deg);
    transform: scale(1.3) rotate(8deg);
  }

  40%,
  60% {
    -webkit-transform: scale(1.3) rotate(-8deg);
    transform: scale(1.3) rotate(-8deg);
  }

  80% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-8deg);
    -ms-transform: scale(0.9) rotate(-8deg);
    transform: scale(0.9) rotate(-8deg);
  }

  30%,
  50%,
  70% {
    -webkit-transform: scale(1.3) rotate(8deg);
    -ms-transform: scale(1.3) rotate(8deg);
    transform: scale(1.3) rotate(8deg);
  }

  40%,
  60% {
    -webkit-transform: scale(1.3) rotate(-8deg);
    -ms-transform: scale(1.3) rotate(-8deg);
    transform: scale(1.3) rotate(-8deg);
  }

  80% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.faa-tada.animated,
.faa-tada.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-tada {
  -webkit-animation: tada 2s linear infinite;
  animation: tada 2s linear infinite;
}

/* PASSING */

@-webkit-keyframes passing {
  0% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
  }

  50% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
}

@keyframes passing {
  0% {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
  }

  50% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
}

.faa-passing.animated,
.faa-passing.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-passing {
  -webkit-animation: passing 3s linear infinite;
  animation: passing 3s linear infinite;
}

/* WAVE */

@-webkit-keyframes burst {
  0% {
    opacity: 0.6;
  }

  50% {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes burst {
  0% {
    opacity: 0.6;
  }

  50% {
    -webkit-transform: scale(1.8);
    -ms-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.faa-burst.animated,
.faa-burst.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-burst {
  -webkit-animation: burst 3s infinite linear;
  animation: burst 3s infinite linear;
} 

.footer-dark {
    padding: 50px 0;
    color: #f0f9ff;
    background-color: #282d32
}

.footer-dark h3 {
    margin-top: 0;
    margin-bottom: 12px;
    font-weight: bold;
    font-size: 16px
}

.footer-dark ul {
    padding: 0;
    list-style: none;
    line-height: 1.6;
    font-size: 14px;
    margin-bottom: 0
}

.footer-dark ul a {
    color: inherit;
    text-decoration: none;
    opacity: 0.6
}

.footer-dark ul a:hover {
    opacity: 0.8
}

@media (max-width:767px) {
    .footer-dark .item-footer:not(.social) {
        text-align: center;
        padding-bottom: 20px
    }
}

.footer-dark .item-footer.text {
    margin-bottom: 36px
}

@media (max-width:767px) {
    .footer-dark .item-footer.text {
        margin-bottom: 0
    }
}

.footer-dark .item-footer.text p {
    opacity: 0.6;
    margin-bottom: 0
}

.footer-dark .item-footer.social {
    text-align: center
}

@media (max-width:991px) {
    .footer-dark .item-footer.social {
        text-align: center;
        margin-top: 20px
    }
}

.footer-dark .item-footer.social>a {
    font-size: 20px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);
    margin: 0 8px;
    color: #fff;
    opacity: 0.75;
    padding-top: 8px;
}

.footer-dark .item-footer.social>a:hover {
    opacity: 0.9
}

.footer-dark .copyright {
    text-align: center;
    padding-top: 24px;
    opacity: 0.3;
    font-size: 13px;
    margin-bottom: 0
}



    
   .custom-select{
border: 1px solid #e0e7ee;
margin-bottom: 2px;
height: 42px;  padding-left: 18px;
background-color: #fff
}  


.custom-select:focus{
transition: all 0.2s ease-in-out;
color: #737373!important; font-size: 13px!important;
-webkit-box-shadow:none;
box-shadow:none
}


  .table-hy-row {
 
  width: 100%;
  border:1px solid #c7c7c7;   background-color: #fff;
 
  display: table;
   border-radius: 5px;
}
@media screen and (max-width: 580px) {
  .table-hy-row {
    display: block;
  }
}
  .hy-row {
  display: table-row; 
  


}
.hy-row:nth-of-type(odd) {
 
}
.hy-row.header {
  font-weight: 900;
  color: #ffffff;
  background: #ea6153;
}
.hy-row.green {
  background: #27ae60;
}
.hy-row.blue {
  background: #2980b9;
}
.cell3{
  width: 33%
}
 
@media screen and (max-width: 580px) {
  .hy-row {
    padding: 8px 0;
    display: block;
  }
}

.cell {
  padding: 20px;
  display: table-cell;
}
@media screen and (max-width: 580px) {
  .cell {
    padding: 2px 12px;
    display: block;
  }

  .cell3{
  width: 100%
}
}

.hy-item .hy-item-img {
    width: 200px;
    object-fit: contain
}

.hy-item .name {
    font-size: 1.2rem;
    font-weight: 700
}

.hy-item .name .city {
    font-weight: normal;
    font-size: 0.85rem
}


 .table2 {
		border:1px solid #c7c7c7;
		border-collapse:collapse;
		padding:10px; width: 100%;
	}
	.table2 th {
		border:1px solid #c7c7c7;
		padding:10px;
		background:#fd849d; color: #fff;
	}
	.table2 td {
		border:1px solid #c7c7c7;
		padding:10px;
	}

	
.file-upload {
  background-color: #ffffff;
 
 
  
}

.file-upload-btn {
  width: 100%;
  margin: 0;
  color: #fff;
  background: #1FB264;
  border: none;
  padding: 10px;
  border-radius: 4px;
  border-bottom: 4px solid #15824B;
  transition: all .2s ease;
  outline: none;
  text-transform: uppercase;
  font-weight: 700;
}

.file-upload-btn:hover {
  background: #1AA059;
  color: #ffffff;
  transition: all .2s ease;
  cursor: pointer;
}

.file-upload-btn:active {
  border: 0;
  transition: all .2s ease;
}

.file-upload-content {
  display: none;
  text-align: center;
}

.file-upload-input {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  opacity: 0;
  cursor: pointer;
}

.image-upload-wrap {
  margin-top: 20px;
  border: 2px dashed #1FB264;
  position: relative;
}

.image-dropping,
.image-upload-wrap:hover {
  background-color: #1FB264;
  border: 2px dashed #ffffff;
}

.image-title-wrap {
  padding: 0 15px 15px 15px;
  color: #222;
}

.drag-text {
  text-align: center;
}

.drag-text h3 {
  font-weight: 100;
  text-transform: uppercase;
  color: #15824B;
  padding: 60px 0;
}

.file-upload-image {
  max-height: 200px;
  max-width: 200px;
  margin: auto;
  padding: 20px;
}

.remove-image {
  width: 200px;
  margin: 0;
  color: #fff;
  background: #cd4535;
  border: none;
  padding: 10px;
  border-radius: 4px;
  border-bottom: 4px solid #b02818;
  transition: all .2s ease;
  outline: none;
  text-transform: uppercase;
  font-weight: 700;
}

.remove-image:hover {
  background: #c13b2a;
  color: #ffffff;
  transition: all .2s ease;
  cursor: pointer;
}

.remove-image:active {
  border: 0;
  transition: all .2s ease;
}  #cboxOverlay{
    background: transparent!important;
  }

  
.hy-input-group {
position: relative;
box-shadow: 0 0 40px rgba(51, 51, 51, .1);

}

.after input {
height: 40px;

border: 1px solid #E3E3E3
}
.beffor input {
height: 40px;
text-indent: 25px;
border: 1px solid #E3E3E3
}
.hy-input-group input:focus {
box-shadow: none;

}
.after i  {
position: absolute;
top: 15px;
right: 16px
}

.beffor i {
position: absolute;
top: 15px;
left: 16px
}

.hy-input-group button {
position: absolute;
top: 5px;
right: 5px;
height: 30px; 
background: #ef5b6b;
color: #fff;
border:1px solid #f2f2f2;
border-radius: 5px;
cursor: pointer;
}
.hy-input-group .hy-right {
position: absolute;
top: 8px;
right: 5px;
height: 30px; 

color: #fff;

border-radius: 5px;
cursor: pointer;
}