/* Cookie law style */

#main-cookie {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 99999999999999;color:#000;}
#main-cookie.allow-nav {visibility:hidden;background-color:transparent;}
#main-cookie.allow-nav * {visibility:visible;}
#main-cookie button:hover {opacity:0.7;}

#cookie__click {position: fixed;bottom: 20px;right: 20px;}
#cookie__click button {color: #fff;padding: 20px;background-color: rgba(0, 0, 0, 0.5);cursor: pointer;}

#cookie__bottom {display: flex;align-items: center;width: 1000px;background: #fff;position: absolute;top: 50%;left: 50%;-webkit-transform: translateX(-50%);transform: translate3d(-50%, -50%, 0);border-radius: 5px;padding: 33px;}
.allow-nav #cookie__bottom {top: unset;left: 50%;bottom:50px;transform: translate3d(-50%,0, 0);box-shadow:8px 8px 0 0 rgba(0,0,0,0.1);}
#cookie__bottom > div:first-of-type {width: 80%;padding-right: 40px;}
#cookie__bottom > div:first-of-type .title-bottom {font-size: 16px;font-weight: bold;margin-bottom: 9px;margin-top: 0;line-height: 1.3;display:block;}
#cookie__bottom > div:first-of-type span:not(.title-bottom) {font-size: 14px;}
#cookie__bottom > div:last-of-type {flex: 1;}
#cookie__bottom > div:last-of-type button {width: 100%;}
#cookie__bottom > div:last-of-type button:first-child {margin-bottom: 10px;}
#cookie__bottom span a {cursor:pointer;font-weight: 600;color: #666;transition: color 0.3s ease;}
#cookie__bottom span a:hover {color: #999;}

#cookie__window__container {display: none;width: 100%;height: 100vh;background: rgba(0, 0, 0, 0.5);}
#cookie__window__container #cookie__window {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 52%;background: #fff;border-radius: 8px;height: auto;padding: 30px 16px;}
#cookie__window__container #cookie__window .scroll__window {height: auto;overflow: hidden auto;padding: 0 25px;}
#cookie__window__container #cookie__window .scroll__window::-webkit-scrollbar {width: 6px;}
#cookie__window__container #cookie__window .scroll__window::-webkit-scrollbar-track {background-color:#ddd;border-radius:50px;border-left:1px solid;border-right:1px solid;color:transparent;}
#cookie__window__container #cookie__window .scroll__window::-webkit-scrollbar-thumb {border-radius: 50px;background-color:#bbb;}
#cookie__window__container #cookie__window .title-preferences {padding-bottom: 30px;border-bottom: 1px solid #CACACE;font-size: 19px;font-weight: bold;display: flex;justify-content: space-between;align-items: center;text-transform: unset;}
#cookie__window__container #cookie__window .title-preferences a {color: grey;font-weight: 500;cursor: pointer;text-transform: uppercase;letter-spacing: 2px;font-size: 13px;}
#cookie__window__container #cookie__window .content {padding-top: 30px;}
#cookie__window__container #cookie__window .content .subtitle-preferences {font-size: 14px;font-weight: 600;letter-spacing:1px;margin-bottom: 10px;display:block;text-transform:uppercase;}
#cookie__window__container #cookie__window .content > div {display: block;}
#cookie__window__container #cookie__window .content > .subtitle-preferences + div {padding-bottom: 30px;}
#cookie__window__container #cookie__window .content > div a {cursor:pointer;font-weight: 600;color: #666;transition: color 0.3s ease;}
#cookie__window__container #cookie__window .content > div a:hover {color: #999;}
#cookie__window__container #cookie__window .content .cookie__category {background: #f5f5f5;width: 100%;padding: 20px;border-radius: 8px;margin-bottom: 20px;}
#cookie__window__container #cookie__window .content .cookie__category:last-of-type {margin-bottom: 0;}
#cookie__window__container #cookie__window .content .cookie__category .cookie__category__top {display: flex;justify-content: space-between;align-items: center;align-content: center;flex-wrap: wrap;}
#cookie__window__container #cookie__window .content .cookie__category .cookie__category__top > div {padding: 10px;cursor: pointer;font-size: 0;line-height: 1;}
#cookie__window__container #cookie__window .content .cookie__category .cookie__category__top > div b {font-weight: bold;transition:opacity 0.5s ease;transform:translate3d(0,0,0);padding-right: 12px;font-size: 16px;line-height: 1.3;display: inline-block;}
#cookie__window__container #cookie__window .content .cookie__category .cookie__category__top > div .icon-cookie {font-size:12px;}
#cookie__window__container #cookie__window .content .cookie__category .cookie__category__top > div.open .icon-cookie {transform: rotate(180deg);display: inline-block;transform-origin: center;}
#cookie__window__container #cookie__window .content .cookie__category .cookie__category__top > div b:hover {opacity:0.5;cursor: pointer;}
#cookie__window__container #cookie__window .content .cookie__category .cookie__category__top .cookie__category__status {background: #cacace;}
#cookie__window__container #cookie__window .content .cookie__category .cookie__category__top .cookie__category__status.required {background-color: #f1c40f;cursor: not-allowed;}
#cookie__window__container #cookie__window .content .cookie__category .cookie__category__top .cookie__category__status.enabled {background-color: #2ecc71;}
#cookie__window__container #cookie__window .content .cookie__category .cookie__category__bottom {padding: 15px 10px;display: none;font-size: 14px;}

.btn-cookie {color: #000;background: #e9e9e9;padding: 15px 19px;display: inline-block;cursor: pointer;text-transform: uppercase;font-size: 12px;font-weight: 600;letter-spacing: 1px;-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-o-user-select: none;user-select: none;text-align: center;border-radius: 2px;flex: 1;transform:translate3d(0,0,0);transition:opacity 0.5s ease;border: 0;line-height: 1;font-family: inherit;}

#cookie__window__container #cookie__window .btn-cookie {margin-left:5px;}
.btn-cookie.dark {background: #000;color: #fff;}
.btn-cookie.accept {background-color:#2ed698;color:#fff;}
.btn-cookie.deny {background-color:#d62e69;color:#fff;}
#cookie__bottom a.close-initial {position:absolute;top: -13px;right: -13px;font-size: 0;background-color: #555;color: #fff;border-radius: 50%;line-height: 1;padding: 8px;transition: 0.2s ease;}
#cookie__bottom a.close-initial .icon-cookie {font-size: 9px;font-weight: bold;}
#cookie__bottom a.close-initial:hover {background-color:#d62e69;}

div.switch-container {display:flex;align-items:center;justify-content: flex-end;}
div.switch-container > * {flex:0 0 auto;}
div.switch-container > span {text-transform:uppercase;font-size:10px;font-weight:600;letter-spacing:1px;padding-right:10px;opacity:0.4;}
div.switch-container.mandatory > span {opacity:1;color: #2196F3;}
div.switch-container.enabled > span {opacity:1;}

div.switch {width:63px;height: 35px;position:relative;display: inline-block;cursor: pointer;}
.mandatory div.switch {cursor: not-allowed!important;transition:opacity 0.7s ease;}
div.switch .bg {width:100%;height:100%;position:absolute;top:0;left:0;transition: background-color 0.4s ease;background-color:#ccc;}
div.switch.rounded .bg {border-radius:34px;}
div.switch .slider-switch {width: 27px;height: 27px;background-color:#fff;position: absolute;left: 4px;top: 4px;border-radius: 50%;transform:translate3d(0,0,0);transition: transform 0.4s ease;}

.mandatory.enabled div.switch .bg {background-color: #2196F3;}
.enabled div.switch .bg {background-color: #2ecc71;}
.enabled div.switch .slider-switch {transform: translate3d(28px,0,0);}

.mandatory div.switch:hover {opacity:0.7;}

/* Cookie law settings */
div.cookie-settings {position:fixed;bottom:0;right:0;padding-right:30px;padding-left:30px;display:flex;align-items:center;cursor:pointer;z-index: 1000;}
div.cookie-settings span.main {transition:opacity 0.5s ease;background-color: #ffcd9a;line-height:1;padding: 13px 20px;color: hsl(31deg, 72%, 16%);box-shadow: 5px 5px 0 0 rgb(0 0 0 / 8%);border-radius: 2px 2px 0 0;display: flex;justify-content: center;}
div.cookie-settings span.main .icon-cookie {font-weight:bolder;font-size: 12px;transform-origin:center;transition: transform 1.6s ease;transform: rotate(0);display: inline-block;}
div.cookie-settings span.main .text {line-height:1;font-size:11px;text-transform:uppercase;font-weight: 600;letter-spacing:2px;padding-left: 9px;}
div.cookie-settings:hover span.main {opacity:0.85;}
div.cookie-settings:hover span.main .icon-cookie {transform:rotate(180deg);}


/* Media queries */

/* 1280 */
@media screen and (max-width:1280px) {
	#cookie__window__container #cookie__window {width:70%}
	#cookie__bottom {width:80%;}
}

/* 991 */
@media screen and (max-width:991px) {
	/* Cookie law */
	#cookie__window__container #cookie__window {width:85%}
    div.cookie-settings {left:50%;right:unset;transform:translate3d(-50%,0,0);padding:0 15px;}
	#cookie__window__container #cookie__window .content .cookie__category .cookie__category__top > div b {font-size: 14px;}
	#cookie__window__container #cookie__window .content .cookie__category .cookie__category__bottom {font-size: 13px;}
	div.switch-container > span {font-size:9px;}
	#cookie__bottom {width:80%;flex-direction:column;align-items:flex-start;}
	#cookie__bottom > div:first-of-type {padding:0;width: 100%;padding-bottom: 20px;}
	#cookie__bottom > div {padding:0;width: 100%;}
	#cookie__bottom > div:last-of-type {display:flex;justify-content: space-between;}
	#cookie__bottom > div button {margin: 0!important;flex: 0 0 auto;width: 49%!important;}
}

/* 767 */
@media screen and (max-width:767px) {
	/* Cookie law */
	#cookie__window__container #cookie__window {width:88%}
    div.cookie-settings {left:50%;right:unset;transform:translate3d(-50%,0,0);padding:0 15px;}
	div.switch-container {flex-direction: row-reverse;}
	#cookie__window__container #cookie__window .content .cookie__category .cookie__category__top > div {flex:0 0 100%;}
	div.switch-container > span {padding-right:0;padding-left:10px;}
}


/* 680 */
@media screen and (max-width:680px) {
	/* Cookie law */
	#cookie__window__container #cookie__window {width:calc(100% - 100px);}
	#cookie__window__container #cookie__window .scroll__window {height: calc(100vh - 160px);}
    div.cookie-settings span.main .icon-cookie {font-size: 10px;}
    div.cookie-settings span.main {padding: 11px 14px;}
    div.cookie-settings span.main .text {font-size: 10px;letter-spacing:1px;padding-left:8px;}
	#cookie__window__container #cookie__window .title-preferences {font-size: 16px;}
	#cookie__window__container #cookie__window .title-preferences a {letter-spacing: 1px;font-size: 12px;}
	#cookie__window__container #cookie__window .content .subtitle-preferences {font-size: 12px;}
	#cookie__window__container #cookie__window .content .subtitle-preferences + div {font-size: 13px;}
	#cookie__window__container #cookie__window .content .cookie__category .cookie__category__top > div b {font-size: 13px;padding: 0;}
	#cookie__window__container #cookie__window .content .cookie__category .cookie__category__top > div .icon-cookie {display: none!important;}
	#cookie__window__container #cookie__window .content .cookie__category .cookie__category__bottom {font-size: 12px;}
	#cookie__window__container #cookie__window .cookie-btns {display: flex!important;flex-direction: column-reverse;}
	#cookie__window__container #cookie__window .cookie-btns .btn-cookie {flex: 0 0 auto;width: 100%;margin-left: 0;margin-bottom: 10px;font-size: 11px;}
	#cookie__bottom {width:88%;}
	#cookie__bottom > div:first-of-type {line-height:1;}
	#cookie__bottom > div:first-of-type .title-bottom {font-size:15px;line-height:1.3;}
	#cookie__bottom > div:first-of-type span:not(.title-bottom) {font-size:12px;line-height:1.3;}
	#cookie__bottom > div button {font-size: 10px;}
}

/* 500 */
@media screen and (max-width:500px) {
	#cookie__window__container #cookie__window {width:88%;padding-left: 15px;padding-right: 15px;}
	#cookie__window__container #cookie__window .scroll__window {padding-left: 18px;padding-right: 18px;}
	div.cookie-settings span.main {width:180px;}
	#cookie__bottom > div:first-of-type {padding-bottom:10px;}
	#cookie__bottom > div:last-of-type {justify-content:center;flex-wrap:wrap;}
	#cookie__bottom > div button {width: 100%!important;}
	#cookie__bottom > div button:first-of-type {margin-bottom: 7px!important;}
}