/*
    Created on : Jan 12, 2017, 12:26:55 PM
*/

.category-image-container .category-tile {
    vertical-align: bottom;
}

.category-image-container:hover .category-tile .img {
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.promo-text-lev-2 > span {
    font-size: 44px;
    background-color: rgba(238, 60, 51, 0.75);
    margin-bottom: 40px;
}
.promo-text-lev-1 > span, .promo-text-lev-2 > span {
    display: inline-block;
    color: white;
    padding: 0 15px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.promo-text-lev-1, .promo-text-lev-2 {
    text-align: left !important;
}
.promo-text-lev-1 > span {
    font-size: 26px;
    background-color: rgba(51, 51, 51, 0.5);
    margin-top: 2px;
    margin-bottom: 20px;
}
.promo-text-lev-1, .promo-text-lev-2 {
    display: block;
    position: relative;
}


.category-widget .col {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.category-image-container {
    display: table;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
}

.category-image-container .category-tile {
    display: table-cell;
    width: 100%;
    height: 100%;
    position: relative;
}

.category-image-container .category-tile .img {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 1s ease;
}

.search .promo-container {
    padding-right: 34px;
    padding-left: 34px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
    margin-bottom: 35px;
    max-width: 1362px; /* 1362px = 1294px + 34px * 2 */
}
.search .promo-container > .row {
    margin-left: -24px;
    margin-right: -24px;
    text-align: center;
}
.search .promo-container .col {
    float: left;
    position: relative;
    display: inline-block;
    min-height: 1px;
    padding-left: 24px;
    padding-right: 24px;
    max-width: 500px;
    height: 300px;

}
.search .promo-container .tile-container {
    display: table;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.search .promo-container .tile-container .tile {
    display: table-cell;
    width: 100%;
    height: 100%;
}

.v-align-middle .tile-container .tile {
    vertical-align: middle;
}


.search .promo-container .tile-container:hover .tile .img {
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.search .promo-container .promo-text-lev-1,
.search .promo-container .promo-text-lev-2 {
    display: block;
    position: relative;
}
.search .promo-container .promo-text-lev-1 > span,
.search .promo-container .promo-text-lev-2 > span {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    display: inline-block;
    color: white;
    padding: 0 15px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.search .promo-container .promo-text-lev-1 > span:hover {
    text-decoration: none;
    padding-left: 23px;
    background-color: rgba(0, 0, 0, 0.5);
}

.search .promo-container .promo-text-lev-1 {
    margin-bottom: 12px;
}
.search .promo-container .promo-text-lev-1 > span {
    font-size: 20px;
    line-height: 2.05;
    color: rgb(255, 254, 254);
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    background-color: rgba(0, 0, 0, 0.302);
    transition: 0.3s ease-in-out;
}
.sfi-home .search .promo-container .promo-text-lev-2 > span {
    background-color: rgba(238, 60, 51, 0.75);
}
.sds-home .search .promo-container .promo-text-lev-2 > span {
    background-color: rgba(9, 149, 218, 0.8);
}
.pj-home .search .promo-container .promo-text-lev-2 > span {
    background-color: rgba(238, 60, 51, 0.75);
}

.search .promo-container .promo-text-lev-2 > span {
    font-size: 30px;
    line-height: 1.87;
    margin-bottom: 40px;
}


.search .t-align-left .promo-text-lev-1,
.search .t-align-left .promo-text-lev-2 {
    text-align: left !important;
}
@media (min-width: 320px) { /* Apple iPhone 4 */
    .search .promo-container .col {
        width: 100%;
        float: none;
        margin-bottom: 50px;
        /*        margin-bottom: 30px;*/
    }
}
/*.promo-container .col:nth-child(odd):nth-last-child(1)​​​ {
    display: none;
}*/
@media (min-width: 768px) {
    .search .promo-container .col {
        width: 100%;
        height: 400px;
        /*margin-bottom: 50px;*/
        float: none;
        /*        margin-bottom: 30px;*/
    }
    .search .promo-container .col:first-child:nth-last-child(1) {
        float: none;
    }
    .search .promo-container .col:first-child:nth-last-child(2),
    .search .promo-container .col:first-child:nth-last-child(2) ~ .col {
        float: none;
    }
    .search .promo-container .col:nth-of-type(odd):last-child {
        float: none;
    }
    .search .promo-container {
        padding-right: 34px;
        padding-left: 34px;
    }

}

@media (min-width: 1025px) {
    .search .promo-container .col {
        width: 33.33333333%;
        float: left;
        margin-bottom: 0;
        height: 300px;
    }
}
@media (max-width: 768px) {
    .search .promo-container .col {
        margin-bottom: 30px;
    }
}
@media (max-width: 768px) {
    .search .promo-container {
        padding-right: 24px;
        padding-left: 24px;
    }
    .search .promo-container .col {
        padding-left: 0;
        padding-right: 0;
    }
}