.container a {color:#555555;}

.title {
    text-align: center;
    font-size: 30px;
    padding: 10px;
}

.column {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
}

.usbanner{
    display:block;
    width:100%;
    height:100%;
    position:relative;
    
}
.usbanner a{
        text-decoration:none;
}
.usbanner p{
        margin:0px;
}
.main-block-banner-wrap{
overflow: hidden;
padding:0px;
}
.main-block-banner-wrap > div{
width: 100%;
background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0px !important;
}
.main-block-banner-mobile{
        display: none;
}
@media screen and (max-width: 480px) {
        .main-block-banner-mobile{
                display: block;
        }
        .main-block-banner{
                display: none;
        }
}
.main-block-banner:hover{
        -webkit-transform: scale(1.03);
        -moz-transform: scale(1.03);
        -o-transform: scale(1.03);
}
.main-block-banner{
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
}
.usbanner:hover{
        -webkit-box-shadow:2px 2px 10px 0px rgba(0,0,0,0.20);
                box-shadow:2px 2px 20px 0px rgba(0,0,0,0.20);
        cursor:pointer;
    	z-index: 10;
        text-decoration:none;
        -webkit-transition: box-shadow 0.3s ease 0s;
        -webkit-transition: -webkit-box-shadow 0.3s ease 0s;
        transition: -webkit-box-shadow 0.3s ease 0s;
        -o-transition: box-shadow 0.3s ease 0s;
        transition: box-shadow 0.3s ease 0s;
        transition: box-shadow 0.3s ease 0s, -webkit-box-shadow 0.3s ease 0s;
}
.usbanner  .banner-name{
        text-transform:uppercase;
        color:#000;
        font-size:22px;
        text-align:center;
        position:absolute;
        bottom:0px;
        width:100%;
        background:-webkit-linear-gradient(bottom, rgba(255,255,255,0.4), rgba(255,255,255,0.4), rgba(255,255,255,0.4), rgba(255,255,255,0));
        background:-webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0.4)), color-stop(rgba(255,255,255,0.4)), color-stop(rgba(255,255,255,0.4)), to(rgba(255,255,255,0)));
        background:-o-linear-gradient(bottom, rgba(255,255,255,0.4), rgba(255,255,255,0.4), rgba(255,255,255,0.4), rgba(255,255,255,0));
        background:linear-gradient(to top, rgba(255,255,255,0.4), rgba(255,255,255,0.4), rgba(255,255,255,0.4), rgba(255,255,255,0));
        padding:10px 0px;
        -webkit-transition: padding 0.3s ease 0s, linear-gradient 0.3s ease 0s;
-o-transition: padding 0.3s ease 0s, linear-gradient 0.3s ease 0s;
transition: padding 0.3s ease 0s, linear-gradient 0.3s ease 0s;

}
.usbanner:after{
        display:block;
        content:'';
        position:absolute;
        width:100%;
        height:100%;
        left:0px;
        top:0px;
        background-color:rgba(0,0,0,0);
        z-index:1;
        -webkit-transition: background-color 0.2s ease 0s;
        -o-transition: background-color 0.2s ease 0s;
        transition: background-color 0.2s ease 0s;
}
.usbanner:hover .banner-name{
        /*color:#f46c60;*/
        padding:100px 0px 15px 0px;
        background:-webkit-linear-gradient(bottom, rgba(255,255,255,0.9), rgba(255,255,255,0.2), rgba(255,255,255,0));
        background:-webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0.9)), color-stop(rgba(255,255,255,0.2)), to(rgba(255,255,255,0)));
        background:-o-linear-gradient(bottom, rgba(255,255,255,0.9), rgba(255,255,255,0.2), rgba(255,255,255,0));
        background:linear-gradient(to top, rgba(255,255,255,0.9), rgba(255,255,255,0.2), rgba(255,255,255,0));
        z-index:5;
}
/* .usbanner:hover:after{

        background-color:rgba(204, 204, 204, 0.1);
} */
.main-block-banner{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0px !important;
}
.main-block-banner:nth-child(2n) {
        margin: 0 0 0 auto;
}