/** D2W POPUP */
div.d2w-content {
    display: none;
}
div.d2w-popup {
    position : fixed;
    min-width : 450px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    font-size : 16px;
    max-height: 95%;
    overflow: hidden;
    height: auto;
    display: flex;
    flex-flow: nowrap column;
}
div.d2w-popup.remove {
    animation: flip-out-hor-top 0.45s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

div.bgcolor-dark-blue-popup{
    background-color: white;
}

div.padding-30{
    padding: 30px;
}

div.d2w-popup > div.inner {
    margin : 10px;
    overflow: hidden;
    display: flex;
    flex-flow: column;
}

div.d2w-popup > div.inner.header-content {
    margin-top : 0px;
}

/* Header */
div.d2w-popup > div.inner > div.header {
    /*position : relative;*/
}

div.d2w-popup > div.inner.header-content > div.header > div.close-button {
    top : -25px;
}
div.d2w-popup > div.inner > div.header > div.close-button {
    position : absolute;
    top : 16px;
    right : 16px;
    font-size : 29px;
    color : white;
    font-weight: 300;
}
div.d2w-popup > div.inner > div.header > div.close-button > i,
div.d2w-popup.alert-box > div.inner > div.content > div.close-button > i {
    cursor : pointer;
    transition: all 0.3s ease-out;
}
div.d2w-popup > div.inner > div.header > div.close-button:hover > i,
div.d2w-popup.alert-box > div.inner > div.content > div.close-button:hover > i {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);

}
div.d2w-popup:not(.alert-box) > div.inner > div.header > div.image {
    padding-top: 30%;
    position : relative;
    overflow : hidden;
}
div.d2w-popup:not(.alert-box) > div.inner > div.header > div.image > img {
    width: 100%;
    height: auto;
    max-width : 100%;
    position : absolute;
    top : 0px;
    left : 0px;
}
div.d2w-popup:not(.alert-box) > div.inner > div.header > div.icon-container {
    position: absolute;
    top: -40px;
    padding-top: 45%;
    width: 100%;
    left: 0;
    text-align: center;
}
div.d2w-popup:not(.alert-box) > div.inner > div.header > div.icon-container.no-image {
    height : 40px;
    padding-top : 0px;
    position: static;
}
div.d2w-popup > div.inner > div.header > div.icon-container > div.circle {
    background-color: #FFFFFF;
    z-index: 2;
    width: 82px;
    height: 82px;
    border-radius: 41px;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto;
    text-align: center;
}
div.d2w-popup > div.inner > div.header > div.icon-container > div.circle > i.fa {
    line-height : 82px;
    font-size : 45px;
}

div.d2w-popup:not(.alert-box) > div.inner.header-content > div.header > div.content > div.inner {
    margin : 42px;
}
div.d2w-popup:not(.alert-box) > div.inner.header-content > div.header > div.content > div.inner > div {
    position : static;
}
div.d2w-popup:not(.alert-box) > div.inner.no-image.backgroundColor:not(.header-content) > div.header {
    height : 90px;
}
div.d2w-popup:not(.alert-box) > div.inner > div.header > div.icon-container.no-image {
    padding-top: 45px !important;
}
div.d2w-popup:not(.alert-box) > div.inner.no-image:not(.header-content) {
    min-height : auto;
    height: calc(100% - 20px);
    display: flex;
    flex-flow: column;
}


/* alert box style */
div.d2w-popup.alert-box > div.inner {
    display : flex;
    flex-flow : wrap;
    min-height : 150px;
}
div.d2w-popup.alert-box > div.inner > div.header {
    width : 80px;
}
div.d2w-popup.alert-box > div.inner > div.content {
    width : calc(100% - 80px);
}
div.d2w-popup.alert-box > div.inner > div.content > div.close-button {
    position : absolute;
    top : 15px;
    right : 35px;
    font-size : 25px;
}
div.d2w-popup.alert-box > div.inner > div.content > div.inner {
    /*min-width : 800px;*/
}
div.d2w-popup.alert-box > div.inner > div.header > div.icon-container {
    padding-left :45px;
    padding-top : 50%;
}
div.d2w-popup.alert-box > div.inner > div.content > div.inner {
    margin : 25px 25px 42px 55px;
}


/* Content */
div.d2w-popup > div.inner > div.content {
    overflow-y: auto;
}
div.d2w-popup > div.inner > div.content.scrollable, div.d2w-popup > div.innerpopup.scrollable  {
    overflow-y : auto;
    overflow-x : hidden;
}
/*
div.d2w-popup > div.inner > div.content > div.inner {
	max-width : 510px;
	margin : 42px;
}
*/
div.d2w-popup > div.inner > div.content > div.inner > h2.title {
    font-size: 21px;
    font-weight : 700;
    line-height: normal;
    padding-top: 30px;
    margin-bottom: 15px;
}
div.d2w-popup > div.inner > div.content > div.inner > h2.title.center {
    text-align: center;
}


div.d2w-popup .div-button {
    margin: 25px 0 0 0;
}


/* background */
body.d2w-popup-modal-body {
    overflow: hidden;
}
div.d2w-popup-background {
    position : fixed;
    top : 0px;
    right : 0px;
    bottom : 0px;
    left : 0px;
    background-color: #c2c2c2;
    opacity : 0.4;
    z-index: 998;
    /*animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;*/
}
div.d2w-popup-background.remove {
    /*animation: puff-out-center .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) both;*/
}

div.cookie-popup .inner {
    background-color: #ffffff;
    padding : 10px
}



/**COOKIE DIALOG FONT STYLES**/
.d2w-popup .inner .footer{
    margin: 12px;
}

.cookie-button-container {
    width: 50%;
    float: left;
    text-align: center;
    margin: 0 0 0 0;
    padding-bottom: 10px;
}

.cookie-button-container button {
    min-width: 240px;
    background-color: #E5E5E5;
    border: 1px solid #c2c2c2;
    color: #000000; 
}
.cookie-button-container button:hover {
    background-color: #c2c2c2;
	
}

.d2w-popup .inner .content .inner .title{
    font-size: 17px;
}

.d2w-popup .inner .content .inner .cookie-select-section{
    display: flex;
    flex-flow: row nowrap;
}

.d2w-popup .inner .content .inner .cookie-select-section input {
    font-size: 1.5rem;
    width: 1rem;
  	margin: 0 0.4rem 0 0;
}


.d2w-popup .inner .content .cookieP,
.d2w-popup .inner .content .inner .cookieP,
.d2w-popup .inner .content .inner .cookie-select-section .cookieS {
    font-family: 'Heebo', sans-serif;
    font-size: 16px;
    line-height: 19.2px;
}

.d2w-popup .inner .content .inner .cookie-select-section .cookieS{
    font-weight: bold;
    margin-left: 6px;
    margin-top: 5px;
}

div.d2w-popup:not(.alert-box) > div.inner > div.header.Cookie > div.icon-container {
    position: absolute;
    top: -40px;
    padding-top: 30%;
    width: 100%;
    left: 0;
    text-align: center;
}
.cookieConf {
	float:right;
}

/* Cookies checkbox */
div.d2web.checkbox {
    cursor : pointer;
    position : relative;
    border : 1px solid #d1ccba;
    width : 20px;
    height : 20px;
}
div.d2web.checkbox[data-prop="checked"] > i{
    display: block;
}
div.d2web.checkbox > i {
    display : none;
    position : absolute;
    bottom : 3px;
    left : 2px;
    font-size : 15px;
}
div.d2web.checkbox > i.brown {
    color : #DFD7CD;
}

div.d2web.checkbox > i.gray {
    color : #bdbdbd;
}
p.text-desc-cookies {
	text-align: left;
	margin: 6px;
	font-family: 'Heebo', sans-serif;
    font-size: 16px;
    line-height: 19.2px;
} 

.innerpopup.box-bordered:hover {
    box-shadow: none;
}


@media screen and (max-width: 650px) {
    div.d2w-popup {
        min-width : 90%;
        max-width : 90% !important;
        top: 0px;
        left: 5%;
        margin-top: 5%;
        transform: none;
    }
    
    .cookie-button-container {
	    width: 100%;
	    float: right;
	    text-align: center;
	    margin: 5px 0 5px 0;
	    padding-bottom: 10px;
	}
	.cookieConf {
		margin-right: 10px;
	}
    
    
    div.d2w-popup > div.inner {
        width : 100%;
        margin : 0px;
    }
}


@keyframes flip-out-hor-top {
    0% {
        -webkit-transform: translate(-50%, -50%) rotateX(0);
        transform: translate(-50%, -50%) rotateX(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotateX(70deg);
        transform: translate(-50%, -50%) rotateX(70deg);
        opacity: 0;
    }
}

@keyframes puff-out-center {
    0% {
        transform: scale(1);
        filter: blur(0px);
        opacity: 1;
    }
    100% {
        transform: scale(2);
        filter: blur(2px);
        opacity: 0;
    }
}

@keyframes flip-in-hor-bottom {
    0% {
        transform: translate(-50%, -50%) rotateX(80deg);
        opacity: 0;
    }
    100% {
        transform: translate(-50%, -50%) rotateX(0);
        opacity: 1;
    }
}

@keyframes puff-in-center {
    0% {
        transform: scale(2);
        filter: blur(2px);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        filter: blur(0px);
        opacity: 0.95;
    }
}