.img-about{
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 10px 10px 30px #d9d9d9, -10px -10px 30px #ffffff;
}


.list-artists{
    margin: 0 auto;
}

.list-artists li{
    position: relative;
    float: left;
    padding: 25px;
}

.list-artists>li{
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.list-artists>li:nth-child(3n){
    border-right: 1px solid #fff;
}

.port-btn-cont a:hover, .port-title-cont h3 a:hover, .port-title-cont h3 a:hover small{
    color: orange;
}

.port-title-cont span a:hover{
    color: orange;
}

.label-north-america{
    background-color: rgb(220,56,31);
}

.label-south-america{
    background-color: rgb(237,186,22);
}

.label-europe{
    background-color: rgb(34,212,255);
}

.label-africa{
    background-color: rgb(158,107,62);
}

.label-asia{
    background-color: rgb(46,156,78);
}

.label-oceania{
    background-color: rgb(40,32,248);
}


.pagination>li>a, .pagination>li>span {
    color: #4b4e53;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover{
    color: #ffffff;
    border-color: #4b4e53;
    background-color: #4b4e53;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover{
    color: #4b4e53;

}

.artist-operas li {
    display: inline;
}

.font-56{
    font-size: 56px;
}

.filter_letters a{
    font-size: 18px;
}

a.filter_active{
    color: orange;
}

.opera-detail-img{
    max-height: 300px;
}

@media screen and (max-width: 1199px) {
    .list-artists>li:nth-child(2n){
        border-right: 1px solid #fff;
    }
}

@media screen and (max-width: 749px) {
    .list-artists>li:nth-child(1n){
        border-right: 1px solid #fff;
    }
}

@media only screen and (max-width : 478px) {
    .slider-bg-white-cap {
        display:block;
        visibility:visible;
        height:240px;
        width:1500px;
        background-color: #0d0d0d;
    }
}