
/********* cookies **********/



#cookiesck
{
    top:auto!important;
    bottom:20px!important;
    left:20px!important;
    right:auto!important;
    background: rgba(255,255,255,1)!important;
    border-radius:10px;
    max-width:95%;
    color:black;
    font-size:14px;
    line-height:18px;
    text-align:left;
    box-shadow:4px 4px 10px #000000;
    
}

#cookiesck .cookiesck_button#cookiesck_accept,
#cookiesck .cookiesck_button#cookiesck_decline,
#cookiesck .cookiesck_button#cookiesck_settings,
.cookiesck-main-buttons .cookiesck-accept.cookiesck_button,
.cookiesck-main-buttons .cookiesck-decline.cookiesck_button
{
    border: 1px solid #000;
    background: transparent;
    text-align: center;
    font-size:  14px;
    line-height:18px;
    letter-spacing: 0px;
    color: #000;
    opacity: 1;
    padding:10px 12px 10px 12px;
    border-radius:0;
    width:100%;
    
}

/*
#cookiesck .cookiesck_button#cookiesck_decline
{
    display:none;
}
*/

.cookiesck-main-buttons .cookiesck-accept.cookiesck_button,
.cookiesck-main-buttons .cookiesck-decline.cookiesck_button
{
  border-color:#ff6600;
  color:white;
  background-color:#ff6600;
}

#cookiesck .cookiesck_button#cookiesck_accept:hover,
#cookiesck .cookiesck_button#cookiesck_decline:hover,
#cookiesck .cookiesck_button#cookiesck_settings:hover
{
    background-color:white;
    color:#ff6600;
    border-color:#ff6600;
}

.cookiesck-main-buttons .cookiesck-accept.cookiesck_button:hover,
.cookiesck-main-buttons .cookiesck-decline.cookiesck_button:hover
{
    background-color:white;
    color:#ff6600;
    border-color:#ff6600;
}

#cookiesck>div.inner
{
    flex-direction:column;
    justify-content:center; 
    padding:15px;
}



#cookiesck_interface
{
        padding:30px;
        width:700px!important;
        left:50%!important;
        right:50%!important;
        margin-left:-350px!important;
        margin-right:-350px!important;
        top: 50%;
        bottom:auto!important;
       -ms-transform: translateY(-50%)!important;
       -webkit-transform: translateY(-50%)!important;
       -moz-transform: translateY(-50%)!important;
       -o-transform: tranlslateY(-50%)!important;
        transform: translateY(-50%);
        background: #ffffff!important;
        box-shadow: 3px 3px 20px #000000!important;
        font-size: 14px!important;
        line-height: 16px!important;
        color: #121417!important;
        max-width:90%;
        max-height:90vh;
        border:0!important;
        
}

@media(max-width:768px)
{
    #cookiesck_interface
    {
        margin-left:15px!important;
        margin-right:15px!important;
        left:0!important;
        right:0!important;
    }
}

#cookiesck_interface .cookiesck-main-title
{
    text-align: left;
    font-size: 41px;
    line-height:49px; 
    letter-spacing: 0px;
    opacity: 1;
    color:#212529;
    text-transform:uppercase
    margin-top:20px;
    text-align:center;
    margin-bottom:10px;
}

#cookiesck_interface .cookiesck-main-title span
{
    color:#E30613;
}   

.cookiesck-main-desc
{
    padding:0!important;
    margin-bottom:15px!important;
}

.cookiesck-category, .cookiesck-platform
{
    padding-left:0!important;
    padding-right:0!important;
    margin-top:0!important;  
    padding-top:5px!important;
    margin-bottom:0!important;  
    padding-bottom:5px!important;
}

.cookiesck-platform
{
    
}

.cookiesck-main-buttons
{   
    margin-top:15px!important
}

.cookiesck-platform .cookiesck-accept, .cookiesck-platform .cookiesck-decline
{
    width:19px!important;
    height:19px!important;
    border-radius:19px!important;
    background:tansparent!important;
    font-size:0!important;
    border:0px solid black!important;
    padding:0!important;
    flex: 0 0 auto;
}

.cookiesck-platform-desc
{
    flex: 1 0 0%;
}

.cookiesck-platform .cookiesck-decline
{
    background:transparent!important;
    min-width:44px;
}

.cookiesck-platform .cookiesck-decline.cookiesck-active
{
    background:white!important;
    
    width:0px!important;
    min-width:0;
    padding:0; 
}

.cookiesck-platform .cookiesck-accept
{
    width:44px!important;
    height:23px!important;
    background:#707070!important;
    border-radius:23px!important;
    margin-right:0;
    min-width:44px;
    margin-left:10px;
    position:relative;
}

.cookiesck-platform .cookiesck-accept:not(.cookiesck-active):after
{
    width:19px;
    height:19px;
    border-radius:19px;
    background:white;
    position:absolute;
    content:'';
    top:2px;
    left:2px;
}

.cookiesck-platform .cookiesck-decline:not(.cookiesck-active)
{   
    margin-left:-44px;
    width:44px!important;
    position:relative;
    z-index:99;
    margin-right:0!important;
}

.cookiesck-platform .cookiesck-decline.cookiesck-active
{
    width:0!important;  
    margin-left:0!important;
    margin-right:0!important;
}

.cookiesck-platform
{
    background:transparent!important;
}


.cookiesck-platform .cookiesck-accept.cookiesck-active
{
    background:#ff6600!important;
} 

.cookiesck-platform .cookiesck-accept:before
{
    position:absolute;
    width:19px!important;
    height:19px!important;
    border-radius:19px!important;
    background:tansparent!important;
    font-size:0!important;
    padding:0!important;
    content:'';
    top:2px ;
    right:2px;
    background-color:white!important;
    opacity:0;
}

.cookiesck-platform .cookiesck-accept.cookiesck-active:before
{
    opacity:1;
}

.cookiesck-category
{   
    padding:10px 0 10px 0;
}

#cookiesck .inner
{
    /*width:100%;*/
    width:400px;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
} 

/*
#cookiesck_options
{
    background-image:url('/img/icon_cookies.svg')!important;
}
*/

#cookiesck .inner #cookiesck_buttons
{
    min-width:250px;
}

@media(max-width:768px)
{
    #cookiesck .inner
    {
        display:block;
        justify-content:center
    }
    
    #cookiesck .inner .col-md
    {
        margin-bottom:5px;
    }
    
    #cookiesck .inner #cookiesck_buttons
    {
        width:auto;
        float:none;
        display:block;
        text-align:center;
    }
    
    .cookiesck_button, #cookiesck_accept, #cookiesck_decline, #cookiesck_settings, #cookiesck_readmore
    {
        float:none!important;
        display:inline-block;
        margin-bottom:5px;
    }
}

.cookiesck-main-close
{
    padding:10px!important;
    background:transparent;
    color:#707070!important;
}

.cookiesck-main-close:hover
{
    color:black!important;
}

.cookiesck-platform-1
{
    padding-right:60px;
    position:relative;
}

.cookiesck-platform-1:after, .cookiesck-platform-1:before
{
    display:block;
    content:'';
    right:0;
    top:50%;
    margin-top:-11px;
    position:absolute;
    opacity:0.7;
}
 
.cookiesck-platform-1:before
{                                                                 
    background: #E30613;
    width: 44px;
    height: 23px;
    border-radius: 23px;
    margin-right: 0;
}

.cookiesck-platform-1:after
{
    width: 19px;
    height: 19px;
    border-radius: 19px;
    margin-top:-9px;
    margin-right:23px;
    background-color: white!important;
}

.cookiesck-category-name
{
    margin-top:20px;
    margin-bottom:10px;
}

.cookiesck-category-desc
{
    margin-bottom:10px;
}