@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap');

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Firefox < 16 */
@-moz-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Internet Explorer */
@-ms-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Opera < 12.1 */
@-o-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

body{
    font-family: 'Poppins', sans-serif;
}

h1,h2,h3{
    font-weight : 700; 
    font-family: 'Josifin Sans', sans-serif;
    text-transform: uppercase;
}

.mb-0 {
    margin-bottom: 0;
}

.p-20 {
    padding: 20px;
}

ul{
    list-style: none;
    padding: 0;
}

p, li{
    font-weight: 300;
    font-size : 18px;
}

.banner{
    padding : 130px 0;
}

.hide {
    display: none;
}

.ofys {
    overflow-y: scroll;
}

.ofxs {
    overflow-x: scroll;
}

.ofs {
    overflow: scroll;
}

.pointer {
    cursor: pointer;
}

.right {
    float: right;
}

.nav-link{
    font-size : 14px!important;
    color: #000;
    margin-right : 10px;
}

.side .nav-item {
    margin-right: 5px;
}

.whole {
    display: block;
    height: 324px;
    width: 100%;
}

.ameridays-bg {
    background-image: url('/lib/img/slide-ferme.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 584px;
}

.home-bg{
    background-image: url('/lib/img/banner-home2.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}

.citroen-bg{
    background-image: url('/lib/img/citroen-bg.jpg');
    background-position: center 76%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 !important;
}

.citroen-bg a {
    padding: 285px !important;
    display: inline-block;
    width: 100%;
}

.citroen-bg a:hover h1 {
    text-decoration: none;
}

.footer-bg {
    padding-top: 100px;
    background: url(../img/banner-adress.jpg);
    background-size: cover;
    padding-bottom: 50px;
}

.club-bg{
    background-image: url('/lib/img/banner-club2.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.formation-bg {
    background-image: url('/lib/img/formation-1.jpeg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.decouverte-bg {
    background-image: url('/lib/img/decouverte.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.adress-bg{
    background-image: url('/lib/img/banner-adress.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}

.reservation-bg {
    background-image: url('/lib/img/reservation5.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.pass-bg {
    background-image: url('/lib/img/banner-pass.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 560px;
}

.coupe-bg {
    background-image: url('/lib/img/coupe-para.PNG');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.journee-bg {
    background-image: url('/lib/img/banniere-essais-sidam.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.pujol-bg {
    background-image: url('/lib/img/pujol.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.video-responsive { 
    overflow:hidden; 
    padding-bottom:56.25%; 
    position:relative; 
    height:0;
    }
    
    .video-responsive iframe {
    left:0; 
    top:0; 
    height:100%;
    width:100%;
    position:absolute;
    }

.tiret{
    width : 1px;
    height: 100px;
    background-color: #FFD180; 
    margin: 20px auto 40px;
}

.icon{
   font-size : 42px; 
   margin-bottom : 20px;
}

.heading-p{

    font-size : 26px;

}

.subheading-p{
    font-weight: 500;
    font-size : 22px;

}

.w-100 {
    width: 100%
}

hr{
    width : 20px; 
    height: 5px; 
    margin : 20px auto;
}

.yellow-bg{
    background: #FFD180;
}

.error {
    background: rgb(255, 128, 128);
    color: black;
}

#table-clients td {
    vertical-align: middle;
}

.red {
    color: #ff5353;
}

.black-bg{
    background: #000;
}

.text-grey{
    color: #303030;
}

.no-decoration {
    text-decoration: none;
}

.text-yellow{

    color: #e0bf5b;

}

.bg-gradient{
   background-image : linear-gradient(to bottom, #FFD180, #e4cb9e);
}

.switch-table {
    width: 25vw;
}

.btn-yellow-outline{
    border: 1px solid #e0bf5b;
    padding : 10px;
    color: #e0bf5b;
}

.btn-yellow{
    background-color: #e0bf5b;
    padding : 10px;
    color: #000;
}

.btn-yellow a {
    color: #000;
}

.btn-grey-outline{
    border: 1px solid #777777;
    padding : 10px;
    color: #777777;
}

.btn-grey{
    background-color: #aaa;
    padding : 10px;
    color: #000;
}

.btn-grey a {
    color: #000;
}

.btn-black{
    background-color: #000;
    padding : 10px;
    color: #fff;
}

select.form-control {
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;

    background: url("../img/triangle-bottom-arrow.png") right center no-repeat white;
}

.photo-design{
    position: relative;
    z-index: 0;
}

.photo-design:before{
    content: 'logergreqghrqehaethterqahbtreqhtqerhntqrhqtrhqtrhrtqhteqrhnqrthtqehtqehqrthqtrhqtrl';
    position: absolute;
    bottom : 30px;
    left : -50px;
    height: 20px;
    width: 100%;
    background-color: #e0bf5b;
    z-index: 10000;
}

.text-muted{
    color: #bbb!important;
}

.fig{
    font-size: 48px;
    font-weight: 700;
}

/* OFFRES  */

.bronze{
    border : 1px solid #d55100;
    padding: 0;
    border-radius: 100px 10px 10px / 120px;
    overflow: hidden;
}

.silver{
    border : 1px solid #808080;
    padding: 0;
    border-radius: 10px 10px / 120px;
    overflow: hidden;
}

.gold{
    border : 1px solid #c78e00;
    padding: 0;
    border-radius: 10px 100px 10px 10px / 120px;
    overflow: hidden;
}

.bronze-bg{
    background-color:#d55100; 
    color : #fff;
    
    
}

.silver-bg{
    background-color:#808080; 

    color : #fff;
    
}

.gold-bg{
    background-color:#c78e00; 
    color : #fff;
            
}

.color-bronze{

    color: #c78e00;


}

.circle-bronze{

    color: #d55100;
    font-size: 12px;

}


.circle-silver{

    color: #808080;
    font-size: 12px;

}


.circle-gold{

    color: #c78e00;
    font-size: 12px;

}

.inner{
    padding: 10px auto;
}

header p, footer p{
    margin-bottom :0;
}

ul li{
    margin-bottom : 10px;
}

.flex {
    display: flex;
}

.gap-5 {
    gap: 5px;
}

.gap-10 {
    gap: 10px;
}

.gap-20 {
    gap: 20px;
}

.gap-40 {
    gap: 40px;
}

.take-flex {
    flex: 1 1 0;
}

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

.flex-row {
    flex-direction: row;
}

.flex-space-around {
    justify-content: space-around;
}

.flex-space-between {
    justify-content: space-between;
}

.card-100{
    box-shadow: 0 1px 3px rgba(0,0,0,0.0.8), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.5s ease;
  height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-100:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,0.12), 0 5px 5px rgba(0,0,0,0.22);
}

/* *---------DATEPICKER--------- */

.week-picker-container {
    justify-content: center;
}

.week-picker .ui-datepicker {
    width: 100%;
    border-radius: 0;
    border: none;
    background: white;
}

.week-picker .ui-datepicker .ui-datepicker-header {
    font-family: 'Poppins', sans-serif;
    background: none;
    border: none;
}

.text-center {
    text-align: center;
}

.week-picker .ui-state-default, .week-picker .ui-widget-content .ui-state-default, .week-picker .ui-widget-header .ui-state-default {
    background: none;
    font-family: 'Poppins', sans-serif;
    border: none;
    text-align: center;
}

.week-picker .ui-state-active, .week-picker .ui-widget-content .ui-state-active, .week-picker .ui-widget-header .ui-state-active {
    background: #e0bf5b;
    color: white;
}

.ui-datepicker-today .ui-state-default {
    border-bottom: 1px solid #e0bf5b !important;
}

.ui-widget-header .ui-icon.ui-icon-circle-triangle-w::before {
    content: "\f053";
}

.ui-widget-header .ui-icon.ui-icon-circle-triangle-e::before {
    content: "\f054";
}

.ui-widget-header .ui-icon {
    width: 10px;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    text-indent: 0;
    background: none !important;
}

.ui-datepicker-hover {
    background: none;
}
.week-picker .ui-datepicker .ui-datepicker-prev-hover {
    top: 2px;
    left: 2px;
    cursor: pointer;
    font-weight: inherit;
    background: none;
    border: none;
}
.week-picker .ui-datepicker .ui-datepicker-next-hover {
    right: 2px;
    cursor: pointer;
    color: #e0bf5b;
    font-weight: inherit;
    background: none;
    border: none;
    top: 2px;
}

/* *--------- CHECKBOX --------- */

.choice-radio {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 100%;
}

.choice-radio-2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

[type="radio"]:checked,
[type="radio"]:not(:checked){
	position: absolute;
	left: -9999px;
	width: 0;
	height: 0;
	visibility: hidden;
}

.checkbox-tools:checked + label,
.checkbox-tools:not(:checked) + label{
	position: relative;
	display: inline-block;
	padding: 20px;
	width: 30vw;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 1px;
	margin: 0 auto;
	margin-left: 5px;
	margin-right: 5px;
	text-align: center;
	border-radius: 4px;
	overflow: hidden;
	cursor: pointer;
	text-transform: uppercase;
    color: black;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear; 
}
.checkbox-tools:not(:checked) + label{
    background-color: white;
    border: 1px solid #ddd;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.checkbox-tools:checked + label{
    background-color: #e0bf5b;
    color: white;
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}
.checkbox-tools:not(:checked) + label:hover{
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}
.checkbox-tools:checked + label::before,
.checkbox-tools:not(:checked) + label::before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	background-image: linear-gradient(298deg, var(--red), var(--yellow));
	z-index: -1;
}
.checkbox-tools:checked + label .uil,
.checkbox-tools:not(:checked) + label .uil{
	font-size: 24px;
	line-height: 24px;
	display: block;
	padding-bottom: 10px;
}

.checkbox:checked ~ .section .container .row .col-12 .checkbox-tools:not(:checked) + label{
	background-color: var(--light);
	color: var(--dark-blue);
	box-shadow: 0 1x 4px 0 rgba(0, 0, 0, 0.05);
}

/* *--------- 403 ----------- */

@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:700");

.body-403 {
  min-height: 100%;
  max-width: 100vw;
  background-color: #111111;
  font-family: "Roboto Condensed";
  text-transform: uppercase;
  overflow: hidden;
  position: relative;
}

.police-tape {
  background-color: #e2bb2d;
  background: linear-gradient(180deg, #eed887 0%, #e2bb2d 5%, #e2bb2d 90%, #e5c243 95%, #0e0b02 100%);
  padding: 0.125em;
  font-size: 3em;
  text-align: center;
  white-space: nowrap;
}

.police-tape--1 {
  transform: rotate(10deg);
  position: absolute;
  top: 40%;
  left: -5%;
  right: -5%;
  z-index: 2;
  margin-top: 0;
}

.police-tape--2 {
  transform: rotate(-8deg);
  position: absolute;
  top: 50%;
  left: -5%;
  right: -5%;
}

.ghost {
  display: flex;
  justify-content: stretch;
  flex-direction: column;
  height: 100vh;
}

.ghost--columns {
  display: flex;
  flex-grow: 1;
  flex-basis: 200px;
  align-content: stretch;
}

.ghost--navbar {
  flex: 0 0 60px;
  background: linear-gradient(0deg, #27292d 0px, #27292d 10px, transparent 10px);
  border-bottom: 2px solid #111111;
}

.ghost--column {
  flex: 1 0 30%;
  border-width: 0px;
  border-style: solid;
  border-color: #27292d;
  border-left-width: 10px;
  background-color: #191a1d;
}
.ghost--column:nth-child(1) .code:nth-child(1) {
  margin-left: 4.5em;
}
.ghost--column:nth-child(1) .code:nth-child(2) {
  margin-left: 3em;
}
.ghost--column:nth-child(1) .code:nth-child(3) {
  margin-left: 2em;
}
.ghost--column:nth-child(1) .code:nth-child(4) {
  margin-left: 3em;
}
.ghost--column:nth-child(2) .code:nth-child(1) {
  margin-left: 3.5em;
}
.ghost--column:nth-child(2) .code:nth-child(2) {
  margin-left: 3em;
}
.ghost--column:nth-child(2) .code:nth-child(3) {
  margin-left: 2em;
}
.ghost--column:nth-child(2) .code:nth-child(4) {
  margin-left: 4.5em;
}
.ghost--column:nth-child(3) .code:nth-child(1) {
  margin-left: 2em;
}
.ghost--column:nth-child(3) .code:nth-child(2) {
  margin-left: 3.5em;
}
.ghost--column:nth-child(3) .code:nth-child(3) {
  margin-left: 2em;
}
.ghost--column:nth-child(3) .code:nth-child(4) {
  margin-left: 4em;
}

.ghost--main {
  background-color: #111111;
  border-top: 15px solid #303338;
  flex: 1 0 100px;
}

.code {
  display: block;
  width: 100px;
  background-color: #27292d;
  height: 1em;
  margin: 1em;
}

.ghost--main .code {
  height: 2em;
  width: 200px;
}

#toComplete label {
    display: inline-block;
    background-color: rgba(255, 255, 255, .9);
    border: 1px solid rgba(139, 139, 139, .3);
    color: #242424;
    border-radius: 5px;
    white-space: nowrap;
    margin: 3px 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all .2s;
}

#toComplete label.disabled {
    color: lightgray;
    cursor: not-allowed;
}

#toComplete label.disabled::before {
    content: "\f00d";
}

#toComplete td, #toComplete th {
    padding: .35rem .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

#toComplete label {
    padding: 2px 7px;
    cursor: pointer;
}

#toComplete label::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    padding: 2px 6px 2px 2px;
    content: "\f067";
    transition: transform .3s ease-in-out;
}

#toComplete input[type="checkbox"]:checked + label::before {
    content: "\f00c";
    transform: rotate(-360deg);
    transition: transform .3s ease-in-out;
}

#toComplete input[type="checkbox"]:checked + label {
    border: 1px solid #1bdbf8;
    background-color: #12bbd4;
    color: #fff;
    transition: all .2s;
}

#toComplete input[type="checkbox"].gold:checked + label {
    border: 1px solid #c78f00c4;
    background-color: #c78e00;
    color: #fff;
}

#toComplete input[type="checkbox"].silver:checked + label {
    border: 1px solid #a3a3a3;
    background-color: #808080;
    color: #fff;
}

#toComplete input[type="checkbox"].bronze:checked + label {
    border: 1px solid #d55200c4;
    background-color: #d55100;
    color: #fff;
}

#toComplete input[type="checkbox"] {
  display: absolute;
}
#toComplete input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}
#toComplete input[type="checkbox"]:focus + label {
  border: 2px solid #e9a1ff;
}

/* *---------POPUP----------*/
#popup {
    position: fixed;
    width: 80vw;
    margin: 0 10vw;
    border-radius: 4px;
    border: 1px solid grey;
    top: 2px;
    right: 0;
    padding: 10px 18px;
    z-index: 3;
    background: white;
    text-align: center;
}

#popup.hide {
    -webkit-animation: fadeout 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadeout 1s; /* Firefox < 16 */
     -ms-animation: fadeout 1s; /* Internet Explorer */
      -o-animation: fadeout 1s; /* Opera < 12.1 */
         animation: fadeout 1s;
}

#popup.error, #popup.warning, #popup.info, #popup.success {
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}

#popup.error {
    background-color: #ffc6c6;
    border-color: red;
}

#popup.warning {
    background-color: rgb(255, 231, 187);
    border-color: orange;
}

#popup.info {
    background-color: rgb(163, 199, 211);
    border-color: rgb(66, 176, 212);
}

#popup.success {
    background-color: rgb(146, 190, 146);
    border-color: green;
}

#blackish {
    position: fixed;
    top:0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: rgba(0,0,0,0.7);
}

#bigPopup {
    width: 50vw;
    max-height: 70vh;
    background-color: white;
    border: 2px solid #808080;
    border-radius: 5px;
    position: fixed;
    top: 15vh;
    left: 25vw;
    z-index: 3;
    overflow: hidden;
    padding: 10px 15px;
    flex-direction: column;
}

#bigPopup.show {
    display: flex;
}

#contentPopup {
    overflow: scroll;
    margin-bottom: 10px;
}

#bigPopup .titlePart {
    font-size: 25px;
}

#bigPopup .response-part>span {
    margin-left: 10px;
}

#bigPopup .response-part {
    display: flex;
    align-self: flex-end;
}

/* ************ SPECIAL HOUR REMAIN *************** */

.hour-remain {
    font-size: 20px;
    margin-bottom: 20px;
}

#remainingTime {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: #f8f9fa;
    text-align: center;
    padding: 10px;
}

/* *---------RECAP BOOKING-----------*/
.dateRecap li {
    display: flex;
    flex-direction: row;
    flex: 1 0 21%;
    margin: 5px;
    padding: 5px;
    border: 2px solid lightgray;
    border-radius: 5px;
    background: #80808021;
    font-size: 16px;
    justify-content: space-between;
    padding-right: 15px;
}

.dateRecap li > span {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dateRecap ul {
    display: flex;
    flex-wrap: wrap;
}

.dateRecap:not(:last-child) {
    border-bottom: 1px solid lightgray;
    margin-bottom: 15px;
}

.remove-recap {
    cursor: pointer;
}

/* *---------PSEUDO TAB -------- */
.catChoose>div:not(:last-child) {
    border-right: 1px solid black;
}

.catChoose>div, .catChoose a {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: black;
}

.catChoose a:hover {
    text-decoration: none;
    color: #0056b3;
}

.catChoose>div.selected, .catChoose>div:hover {
    color: #0056b3;
}

/* *---------PACK--------- */
.pack-name {
    background-image: url("../img/stand-account.png");
    background-size: cover;
    padding: 0;
}

.pack-name>div {

    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 5vw;
    font-weight: bold;
    color: white;
}

.pack-name .silver-bg {
    background-color: #80808080;
}

.pack-name .gold-bg {
    background-color: #c78e0080;
}

.pack-name .bronze-bg {
    background-color: #d5510080;
}

/* *---------TABLE----------- */
#table-res-perso th {
    cursor: pointer;
}

/* *--------- PROFIL --------- */
.full-bg-account {
    background-image: url('../img/stand.jpg');
    background-size: cover;
    background-position-y: -180px;
}

.full-bg-account .yellow-bg {
    width: 100%;
    height: 100%;
    opacity: 0.75;
}

#profil form {
    padding: 20px;
    border: 2px solid #80808080;
    border-radius: 5px;
    margin-top: 20px;
}

#profil .form-group span:nth-child(2n) {
    padding-left: 10px;
    color: black;
    text-align: left;
}

#profil .form-group span {
   color: #808080;
   width: 15vw;
   display: inline-block;
   text-align: right;
}



/* *---------RESPONSIVE--------- */

 /*----- EXTRA SMALL ---*/

 @media screen and (max-width: 575px) {

    h1{
        font-size: 28px;
    }

    h2{
        font-size: 26px;
    }

    .heading-p{
        font-size: 22px;
    }

    .home-bg{
        background-image: url('/lib/img/banner-home2.jpg');
       padding-bottom : 2r00px;
    }

    .full-bg-account {
        background-image: url('../img/stand.jpg');
        background-size: cover;
        background-position-y: 0px;
    }

    .week-picker .ui-datepicker {
        width: 90vw;
    }

    .choice-radio .checkbox-tools:checked + label,
    .choice-radio .checkbox-tools:not(:checked) + label{
        width: 70vw;
    }

    .choice-radio {
        margin-bottom: 25px;
    }

    #profil .form-group span {
        width: 30vw;
    }

    #bigPopup {
        width: 90vw;
        max-height: 80vh;
        top: 10vh;
        left: 5vw;
    }

    #catChoose>div {
        border: none;
        padding: 5px;
    }

    #removeAllSelect {
        display: none;
    }

}

      /*-----  SMALL ---*/

@media screen and (min-width: 576px) and (max-width: 767px){
    .week-picker .ui-datepicker {
    }

    .choice-radio .checkbox-tools:checked + label,
    .choice-radio .checkbox-tools:not(:checked) + label{
        width: 70vw;
    }

    .choice-radio {
        margin-bottom: 25px;
    }

    .full-bg-account {
        background-image: url('../img/stand.jpg');
        background-size: cover;
        background-position-y: 0px;
    }
}

  /*------- MEDIUM --------*/

@media screen and (min-width: 768px) and (max-width: 991px) {
    .week-picker .ui-datepicker {
    }

    .navbar-toggler {
        display: none;
    }
}

  /*------- Large --------*/

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .navbar-toggler {
        display: none;
    }
}


    /*----- Extra Large ---*/

@media screen and (min-width: 1200px) {

    .navbar-toggler {
        display: none;
    }
}

* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

/* Fading animation */
.reverse-fade {
    opacity: .4;
  }

  @-webkit-keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
  }
  
  @keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
  }

  .btn__container {
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .btns {
    min-width: 110px;
    background-color: #fff;
    padding: 1rem 2rem;
    text-decoration: none;
    color: #C71E7E;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.2s ease-in-out;
    margin-right: 10px;
  }
  .btns i {
    color: #DF3796;
    font-size: 20px;
    padding-right: 10px;
    transition: all 0.3s ease-in-out;
  }
  .btns span {
    font-family: "Roboto", sans-serif;
    align-self: center;
    transform: translateX(0px);
    transition: all 0.1s ease-in-out;
    opacity: 1;
  }
  .btns:hover {
    transform: scale(1.1);
    background: linear-gradient(to right, #ff3019 0%, #c90477 100%);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
  }
  .btns:hover i {
    transform: translateX(35px);
    padding-right: 0;
    color: #FFF;
  }
  .btns:hover span {
    transform: translateX(30px);
    opacity: 0;
  }
  .btns:active {
    transform: scale(1);
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  }

  .btns:hover, .btn-f:hover {
    text-decoration: none;
  }
  
  .btn-f {
    min-width: 110px;
    background-color: #fff;
    padding: 1rem 2rem;
    text-decoration: none;
    color: #286ED6;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.2s ease-in-out;
  }
  .btn-f i {
    color: #286ED6;
    font-size: 20px;
    padding-right: 10px;
    transition: all 0.3s ease-in-out;
  }
  .btn-f span {
    font-family: "Roboto", sans-serif;
    align-self: center;
    transform: translateX(0px);
    transition: all 0.1s ease-in-out;
    opacity: 1;
  }
  .btn-f:hover {
    transform: scale(1.1);
    background-color: #286ED6;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
  }
  .btn-f:hover i {
    transform: translateX(35px);
    padding-right: 0;
    color: #FFF;
  }
  .btn-f:hover span {
    transform: translateX(30px);
    opacity: 0;
  }
  .btn-f:active {
    transform: scale(1);
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  }