div.partner_slider
{
margin-top: 2rem;
position: relative;
}

div.partner_slider div.control
{
position: absolute;
top: 0;
bottom: 0;
width: 2rem;
background-position: center 20%;
background-size: contain;
background-repeat: no-repeat;
cursor: pointer;
/*outline: solid 1px red;*/
}

div.partner_slider div.next
{
right: 0;
background-image: url('/assets/corner-right.svg');
}

div.partner_slider div.previous
{
left: 0;
background-image: url('/assets/corner-left.svg');
}

div.partner_slider div.container
{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
overflow: hidden;
margin: 0 3rem;
}

div.partner_slider div.container div.item
{
flex-shrink: 0;
display: block;
width: 25%;
padding: 0 2rem;
text-align: center;
/*border: solid 1px red;*/
}

div.partner_slider div.container div.item div.thumb
{
width: 100%;
background-position: top center;
background-size: contain;
background-repeat: no-repeat;
/*outline: solid 1px red;*/
}

div.partner_slider div.container div.item div.thumb:before
{
content: '\20';
display: block;
padding-top: 30%;
}

div.partner_slider div.container div.item p
{
font-size: 0.875rem;
line-height: 1rem;
margin-top: 0.75rem;
}

div.partner_slider div.marker
{
margin-top: 3rem;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
/*outline: solid 1px red;*/
}

div.partner_slider div.marker div.item
{
width: 0.85rem;
margin: 0 1rem;
border: solid 1px #08aea1;
border-radius: 50%;
background: transparent;
transition: all ease 0.125s;
/*outline: solid 1px red;*/
}

div.partner_slider div.marker div.item:before
{
content: '\20';
display: block;
padding-top: 100%;
}

div.partner_slider div.marker div.item.current
{
background: #08aea1;
}

@media (max-width: 800px)
{
div.partner_slider div.container div.item { width: 50%; }
}

@media (max-width: 480px)
{
div.partner_slider div.container div.item { width: 100%; }

div.partner_slider div.marker { margin: 1.5rem auto; }
div.partner_slider div.marker div.item { width: 1rem; margin: 0 0.25rem; }
}
