.slider-multi, .slider-multi-brands {
    margin:0 0 30px 0;
}
.slider-multi .post-title {
    font-family: Good Timing;
	font-size: 32px;
	font-weight: 400px;
    color: #fff;
}
.slider-multi .post-title:hover {
    color: #FFFFFFA6;
	transition: 0.5;
}
.slider-multi .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000060;
}
.slider-multi *, .slider-multi-brands * {
    box-sizing: border-box;
}
.slider-multi ul, .slider-multi-brands ul,
.slider-multi ul li, .slider-multi-brands ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.slider-multi ul li, .slider-multi-brands ul li {
    background: no-repeat 50% 50%;
    background-size: auto 100%;
    height: 492px;
    overflow: hidden;
    position:relative;
    width: 556px;
}
@media screen and (min-width: 1800px) {
.slider-multi ul li, .slider-multi-brands ul li {
    background: no-repeat 50% 50%;
    background-size: auto 100%;
    height: 500px;
    overflow: hidden;
    position:relative;
    width: 500px;
}
}            
.slider-multi ul li.slide-align-left, .slider-multi-brands ul li.slide-align-left {
    background-position: 0 50%;
    margin:0 8px 0 0;
}
.slider-multi ul li.slide-align-right, .slider-multi-brands ul li.slide-align-right{
    background-position: 100% 50%;
    margin:0 0 0 8px;
}
.slider-multi ul li.slide-current, .slider-multi-brands ul li.slide-current {
    margin:0;
}


/* slider content */
.slider-multi ul li .content, .slider-multi-brands ul li .content {
    display: none;
    position: relative;
    text-align: center;
    /* top: 200px; */
    top: 45%;
}
.slider-multi ul li.slide-current .content, .slider-multi-brands ul li.slide-current .content {
    display: block;
}
.slider-multi ul li .content .logo, .slider-multi-brands ul li .content .logo {
    display: block;
    /* margin: 0 auto 113px auto; */
    margin: 0 auto 50px auto;
    max-height: 50px;
}
.slider-multi ul li .content .more-info, .slider-multi-brands ul li .content .more-info {
   
    color: #ffffff;
    display: inline-block;
	font-family: Darker Grotesque;
    font-size: 16px;
    font-weight: bold;
    line-height: 1em;
    padding: 6px 6px;
    text-decoration: none;
    text-transform: uppercase;
}
.slider-multi ul li .content .more-info:hover, .slider-multi-brands ul li .content .more-info:hover {
   color: #FFFFFFA6; 
   transition: 0.5;
}

/*****************************************
 shrink styles for window widths < 600px 
 *****************************************/
.slider-multi.shrink ul li, .slider-multi.shrink ul li , .slider-multi-brands.shrink ul li, .slider-multi-brands.shrink ul li {
    height:266px;
    width:300px;
}
.slider-multi.shrink ul li .content, .slider-multi-brands.shrink ul li .content {
    top: 100px;
}

/* In the absence of actual logos, I've left the logo widths and heights for you to set */
.slider-multi.shrink ul li .content .logo, .slider-multi-brands.shrink ul li .content .logo {
    margin: 0 auto 50px auto;
}

.slider-multi.shrink ul li .content .more-info, .slider-multi-brands.shrink ul li .content .more-info {
    font-size: 11px;
    padding: 4px 6px;
}


/* pagination */
.slider-multi .pagination , .slider-multi-brands .pagination {
    background: url(../img/stroke.png?id=1) no-repeat 50%;
    display: block;
    height: 53px;
    margin: -10px auto 0 auto;
    position: relative;
    width: 106px;
    z-index: 100;
    left: 0;
    transform: none;
    bottom:0;
}
.slider-multi .pagination a, .slider-multi-brands .pagination a  {
    background: no-repeat 50%;
    position: absolute;
    height: 16px;
    overflow: hidden;
    text-indent: -999px;
    top: 18px;
    width: 10px;
}
.slider-multi .pagination a.next , .slider-multi-brands .pagination a.next{
    right:0;
}
.slider-multi .pagination a.prev, .slider-multi-brands .pagination a.prev  {
    left:0;
}
.slider-multi .pagination .counter, .slider-multi-brands .pagination .counter {
    display: block;
    overflow: hidden;
    text-indent: -999px;
	font-family: Good Timing;
	color: #3f00ea;
}
.slider-multi .pagination .counter em, .slider-multi-brands .pagination .counter em {
    color: #2d2e32;
    font-size: 28px;
    font-style: italic;
    line-height: 1em;
    position: absolute;
    text-indent: 0;
}
.slider-multi .pagination .counter .current , .slider-multi-brands .pagination .counter .current{
    left: 16px !important;
    top: 0px;
    font-family: Good Timing;
    font-size: 19px;
    font-style: italic;
}
.slider-multi .pagination .counter .total, .slider-multi-brands .pagination .counter .total  {
    right: 24px;
    bottom: 0px;
    font-family: Good Timing;
    font-size: 19px;
    font-style: normal;
}

@media (max-width: 991px){

.slider-multi .pagination .counter .current, .slider-multi-brands .pagination .counter .current {
left: 19px !important;
top: 5px;
font-family: Good Timing;
font-size: 20px;
font-style: italic;
}

.slider-multi .pagination .counter .total, .slider-multi-brands .pagination .counter .total {
    right: 24px;
    bottom: 5px;
    font-family: BeausiteSlick-light;
    font-size: 20px;
    font-style: italic;}
    
.slider-multi .pagination a.prev, .slider-multi-brands .pagination a.prev {left: -5px;}
.slider-multi .pagination a.next, .slider-multi-brands .pagination a.next {right: -5px;}

}

.arrow-right_project {
    right: 0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 9px solid #3f00ea;
}
.arrow-left_project {
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 9px solid #3f00ea;
}
.arrow-right_project:hover{
    opacity: 0.6;
}
.arrow-left_project:hover{
    opacity: 0.6;    
}

@media (max-width: 767px) {
    .slider-multi .content .logo {
        height: 30px !important;
    }
}