/* INSERT carouselDiv -> elementVar -> css(text/css) */

#carouselDiv_btn{
position:absolute;
bottom:0px;
background-color:rgba(255,255,255,1);
font-family: Helvetica,Roboto,Arial,sans-serif;
color: #777;
font-style: normal;
font-weight: 700;
letter-spacing: 1px;
padding:5px 20px;
border-top: 2px solid #DDD;
border-left: 2px solid #DDD;
border-right: 2px solid #DDD;
box-sizing: border-box;
}
#carouselDiv_btn:hover{
cursor: pointer;
color: #333;

}
#carouselDiv_btn p{
margin:0;
padding:0;
text-align:center;
}
.carouselDiv_btn_Opened svg{
transform: rotate(-180deg) !important;
}

#carouselContainer{
display:none;
margin:0;
padding:0;
list-style-type: none;
float:left;
position: absolute;
bottom: 20px;
overflow:hidden;
}

#carouselDiv{
width: 100vw;
position: fixed;
bottom: 0;
display: flex;
flex-direction: row;
justify-content: center;
}

.carouselDiv_btn_Opened {
bottom: 20px !important;
border-bottom: 2px solid #DDD;
padding: 5px !important;
}

.tns-liveregion {display:none;}

@media (max-width: 942px) {
#carouselContainer{
width: calc(100vw - 50px);
max-width: 630px;
height: 164px;
}

.carouselDiv_btn_Opened {
width: calc(100vw - 54px) !important;
max-width: 630px;
height: 194px;
}

}

@media (min-width: 943px) {

#carouselContainer{
width: calc(100vw - 477px);
min-width: 630px;
max-width: 630px;

height: 164px;
}

.carouselDiv_btn_Opened {
min-width: 630px;
max-width: 630px;
/*width: calc(100vw - 477px) !important;*/
height: 194px;
}
}

/* END INSERT carouselDiv -> elementVar -> css(text/css) */
