/* Start:/local/components/action/seminar.list/templates/.default/style.css?17095473426508*/
.seminar-list {position:relative; overflow:hidden;}
.section {
    clear:both;
    padding:0;
    margin:0;
}

.col {
    display: block;
    float:left;
    margin:1% 0 1% 1.6%;
}
.col:first-child {margin-left:0;}

.group:before,
.group:after {content:""; display:table;}
.group:after {clear:both;}
.group {zoom:1;}

.span_12_of_12 {
    width: 100%;
}

.span_11_of_12 {
    width: 91.53%;
}
.span_10_of_12 {
    width: 83.06%;
}

.span_9_of_12 {
    width: 74.6%;
}

.span_8_of_12 {
    width: 66.13%;
}

.span_7_of_12 {
    width: 57.66%;
}

.span_6_of_12 {
    width: 49.2%;
}

.span_5_of_12 {
    width: 40.73%;
}

.span_4_of_12 {
    width: 32.26%;
}

.span_3_of_12 {
    width: 23.8%;
}

.span_2_of_12 {
    width: 15.33%;
}

.span_1_of_12 {
    width: 6.866%;
}

@media only screen and (max-width: 480px) {
    .col {  margin: 1% 0 1% 0%; }
    .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {
        width: 100%;
    }
}


/******* **********************/
.mode1 > div,
.mode2 > div {
    border-color: #f3f3f3;
    display: block;
    position: relative;
    border-left: 3px solid #f3f3f3;
}

.seminar-list-item > div {
    display: block;
    padding: 13px;
    border: solid 1px;
    position: relative;
    margin-top: 30px;
    margin-bottom: 50px;
    background-color: #FFFFFF;
}

.seminar-topinfoContainer {
    display: table;
    position: absolute;
    left: 0;
    top: -25px;
    width: 100%;
}

.seminar-topinfoContainer > div {
    display: table-cell;
    z-index: 1000;
    text-align: left;
    vertical-align: top;
    font-size: 12px;
}

.seminar-topinfoContainer .seminar-left {

    text-transform: uppercase;
    line-height: 12px;
    padding: 3px 0 3px 0;
}

.seminar-topinfoContainer .seminar-right {
    text-align: right;
    letter-spacing: normal;
    line-height: 12px;
    padding: 3px 0 3px 0;
}

.seminar-imageContainer {
    display: block;
    position: relative;
}

.seminar-imageContainer > a {
    display: block;
    position: relative;
    margin: -14px -14px 0 -13px;
    border-bottom: 0 none;
}

.seminar-imageContainer img {
    display: block;
    width: 100%;
}

.seminar-descriptionContainer {
    display: block;
    width: 100%;
    height: 125px;
    max-height: 125px;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
}

.seminar-descriptionContainer h4 {
    font-style: normal;
    margin-bottom: 15px;
    margin-top: 0;
    padding: 10px 0 0 0;
}

.seminar-descriptionContainer p {
    font-size: 12px;
    line-height: 16px;
}

.seminar-roundedLabel {
    padding: 3px 5px 3px;
    background-color: #999999;
    border-radius: 0;
    line-height: 12px;
    font-size: 12px;
    display: inline-block;
    letter-spacing: normal;
    margin-left: -3px;
}

.seminar-cityContainer,
.seminar-moType {
    display: block;
    position: relative;
    background-color: RGBA(0, 0, 0, 0.7);
    left: -10px;
    width: calc(100% + 27px);
    z-index: 10;
    color: #FFFFFF;
    font-size: 12px;
    text-transform: uppercase;
    padding: 4px 12px 5px;
    line-height: 100%;

}

.seminar-fadeOut {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-9 */

    display: block;
    position: absolute;
    bottom: 0;
    height: 10px;
    width: 100%;
    left:0;
}

.seminar-blockBtmContainer {
    display: block;
    position: relative;
    margin-top: 12px;
    letter-spacing: -0.3em;
    left: 0;
    width: 100%;
}

.seminar-blockBtmContainer > div {
    display: inline-block;
    z-index: 1000;
    text-align: left;
    vertical-align: top;
    font-size: 12px;
}

.seminar-blockBtmContainer div.seminar-left {
    width: 40%;
    text-transform: uppercase;
    line-height: 12px;
}

.seminar-blockBtmContainer div.seminar-right {
    width: 60%;
    text-align: right;
    letter-spacing: normal;
    line-height: 12px;
    padding: 3px 0;
}


.color0 .seminar-roundedLabel,
.color0 .seminar-playVideo,
.color0 .seminar-downloadFilesVideo,
.color0 .seminar-hasOnlineVariant {
    background-color: #adadad;
    color: #FFF;
}

.color0 .seminar-blockBtmContainer .seminar-roundedLabel {
    color: #fff;
    background-color: #adadad;
}

.color0 > div {
    border-color: #eeeeee;
    border-left-color: #adadad;
}

.color0 .seminar-date,
.color0 .seminar-cityContainer,
.color0 .seminar-descriptionContainer {
    color: #808080;
}

.color1 .seminar-roundedLabel,
.color1 .seminar-playVideo,
.color1 .seminar-downloadFilesVideo,
.color1 .seminar-hasOnlineVariant {
    background-color: #ca5778;
    color: #FFF;
}

.color1 .seminar-blockBtmContainer .seminar-roundedLabel {
    color: #755860;
    background-color: #f1e3e7;
}

.color1 > div {
    border-color: #f1e3e7;
    border-left-color: #ca5778;
}

.color2 .seminar-roundedLabel,
.color2 .seminar-playVideo,
.color2 .seminar-downloadFilesVideo,
.color2 .seminar-hasOnlineVariant {
    background-color: #4ca7d1;
    color: #FFF;
}

.color2 .seminar-blockBtmContainer .seminar-roundedLabel {
    color: #536974;
    background-color: #e4f0f6;
}

.color2 > div {
    border-color: #e4f0f6;
    border-left-color: #4ca7d1;
}

.color3 .seminar-roundedLabel,
.color3 .seminar-playVideo,
.color3 .seminar-downloadFilesVideo,
.color3 .seminar-hasOnlineVariant {
    background-color: #d38828;
    color: #FFF;
}

.color3 .seminar-blockBtmContainer .seminar-roundedLabel {
    color: #7c6d56;
    background-color: #f5e8d6;
}

.color3 > div {
    border-color: #f5e8d6;
    border-left-color: #d38828;
}

.color4 .seminar-roundedLabel,
.color4 .seminar-playVideo,
.color4 .seminar-downloadFilesVideo,
.color4 .seminar-hasOnlineVariant {
    background-color: #e81f24;
    color: #FFF;
}

.color4 .seminar-blockBtmContainer .seminar-roundedLabel {
    color: #fff;
    background-color: #df4760;
}

.color4 > div {
    border-color: #fcd3d3;
    border-left-color: #e81f24;
}
/* End */
/* /local/components/action/seminar.list/templates/.default/style.css?17095473426508 */