/*scroller styles*/
.scroller
{
	display:flex;
	margin-right:0;
	margin-bottom:0;
	position:relative;
	flex-direction:column;
	width:calc(100%);
}

.scrollerscrlr
{
	margin:0;
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
	/*border-radius:20px;
	border:3px solid #002060;*/
}

.scrollerroll
{
	display:flex;
    flex-wrap:nowrap;
	position:relative;
	flex-direction:column;
	outline:1px dotted purple;
}

.scrollerroll
{
	flex-direction:row;
}

.scrollerpages a.by5
{
	display:inline-block;
}

.scrolleritem
{
	--news-cols-count:1;
	--news-cols-spacing:30px;
	flex-grow:1;
	flex-shrink:0;
	position:relative;
	flex-basis:calc((100% - ((var(--news-cols-count) - 1) * var(--news-cols-spacing))) / var(--news-cols-count));
	max-width:calc((100% - ((var(--news-cols-count) - 1) * var(--news-cols-spacing))) / var(--news-cols-count));
}

.scrolleritem iframe
{
	border:0;
	width:100%;
	height:100%;
}

.scrolleritem img
{
	max-width:100%;
}

.scrollerroll .scrolleritem
{
    margin-right: var(--news-cols-spacing);
}

.scrollerpages
{
	width:100%;
	margin:0 auto;
	text-align:center;
}

.scrollerpages a.by1
{
	display:inline-block;
}

.scrollerpages a, .scrollerpages a span
{
	display:none;
}

.scrollerpages a
{
	color:yellow;
	cursor:pointer;
	margin-right:20px;
}

.scrollerpages a:before
{
	content:"\25cb"; /* WHITE CIRCLE (U+25CB) https://www.fileformat.info/info/unicode/char/25cb/browsertest.htm */
	font-size: 30px;
}

.scrollerpages a.on
{
	font-weight:bold;
}

.scrollerpages a.on:before
{
	content:"\25cf"; /* BLACK CIRCLE (U+25CF) https://www.fileformat.info/info/unicode/char/25cf/browsertest.htm */
	font-size: 30px;
}

.scrollernextprev
{
	color:#CDB47B;
	cursor:pointer;
}

.scrollerprev
{
	top:50%;
	left:0;
	position:absolute;
}

.scrollernext
{
	top:50%;
	right:0;
	position:absolute;
}

#scrl_slidelav .scrolleritem .motto
{
		position:absolute;
		top:0;
		left:0;
		width:var(--motto-width);
		height:100%;
		color:black;
		display:block;
		padding:var(--common-textbox-padding);
		background-color:white;
}

#scrl_slidelav .scrollerprev
{
	left:var(--motto-width);
}

.scrollerpages
{
	display:none;
}

#scrl_slidemar .scrolleritem
{
	flex-grow:0;
	--news-cols-count:7;
	--news-cols-spacing:0px;
}

#scrl_slidemar .scrolleritem a, #scrl_buttaree .scrolleritem a
{
	display:block;	
}

#scrl_slidemar .scrolleritem img
{
	max-width:100%;
}

#scrl_buttaree .scrolleritem
{
	flex-grow:0;
	--news-cols-count:4;
	--news-cols-spacing:0px;
}