@media (min-width:280px){
#__cookieWrapper .custom-cookie-in{display:block}
#__cookieWrapper .cookie-btn{margin-top:15px}
}
@media (min-width:768px){
#__cookieWrapper .custom-cookie-in{display:flex}
#__cookieWrapper .cookie-btn{margin-top:0}
}
#__cookieWrapper .__cookieNotice .__cookieNoticeBody {
		padding: 20px;
        background-color: #ffffff;
        font-family: inherit;
}

#__cookieWrapper.custom-cookie a {
    color: #4c2c4e;
    text-decoration: underline;
}
#__cookieWrapper.custom-cookie p {
    color: #4c2c4e;  
    font-family: inherit;
    font-size: 1.6rem;
    font-weight: 300;
}
#__cookieWrapper.custom-cookie .ccBtn, .custom-cookie-modal .modal-footer button {
    background: #4c2c4e;
    color: #fff;
    margin: 5px 10px;
    padding: 12px 15px;
    min-width: 200px;
    border-radius: 5px;
    border: none;
    line-height: normal;
    box-shadow: 0 4px 6px 0 rgba(0,0,0,.2), 5px 5px 10px 0 rgba(0,0,0,.19);
    font-size: 1.6rem;
}
#__cookieWrapper.custom-cookie .ccBtn:hover{
    background: #673C61;
}
.modal-footer button:hover{
	background: #673C61;
}
.modal-title {
    color: #4c2c4e!important;
    margin: 0;
    font-size: 2rem !important;
    line-height: 25px;
    font-weight: 700;
    
}
.custom-cookie-modal .modal-body, .custom-cookie-modal .modal-body h4 {
    font-size: 1.8rem;
    line-height: 1.6rem;
    color: #4c2c4e!important;
    font-weight: 500!important;
    padding-bottom: 15px;
}
.custom-cookie-modal .modal-body, .custom-cookie-modal, .custom-cookie-modal p {
	color: #4c2c4e !important;
    font-size: 1.6rem;
    font-weight: 300!important;
    line-height: normal;
}


/* toggle button's css from here*/
.switch input[type=checkbox]:focus+label::before{
	box-shadow: none;
}
/* toggle button's css from here*/
.switch input[type=checkbox]+label::after, .switch input[type=checkbox]+label::before {
	width: calc(calc(1.8rem * 1.4) * 2);
    box-shadow: 0 4px 6px 0 rgba(0,0,0,.2), 5px 5px 10px 0 rgba(0,0,0,.19);
    height: 33px;
    left: -15px;
    top: -10px;
}
	
.switch input[type=checkbox]+label::before {
	border-radius: calc(2rem * .8);
	border-color: #565767;
 	background-color: #565767;
}
.switch input[type=checkbox]:checked+label::before {
    background-color: #4c2c4e;
    border-color: #4c2c4e;
}
.switch input[type=checkbox]:disabled+label::before {
    background-color: #cccccc;
    border-color: #cccccc;
}
.switch input[type=checkbox]+label::after {
    top: -4px;
    left: -6px;
    width: 20px;
    height: 20px;
    background-color: #fff;
}

