/*promo*/
.promo_pane {
    width: 100%;
    min-height: 100vh;
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
}
    .promo .promo_pane_con {
        width: 100%;
        max-width: 1280px;
        display: block;
        margin: auto;
    }
    .promo_pane .Header {
        width: 100%;
        margin: 0 0% 0 0%;
        padding: 10px 0 0px 0;
        color:#f0f0f0;
        display: block;
        font-weight:600;
        font-size:11pt;
    }    
    .promo_pane .Header2 {
        background: url('../../OPSource/Images/promoserve.png') left center no-repeat;
        background-size: 30pt;
        width: 94%;
        padding: 10px 3% 10px 50px;
        color: #1875ac;
        display: block;
        font-weight: 600;
        font-size: 11pt;
    }
    .promo_pane .Header3 {
        background: url('../../OPSource/Images/promoserve.png') left center no-repeat;
        background-size: 30pt;
        width: 90%;
        overflow: hidden;
        margin:0 0 0 3%;
        padding: 30px 3% 30px 50px;
        color: #389dd8;
        display: block;
        font-weight: 600;
        font-size: 13pt;    
    }
    .promo_pane .Header3:hover {
        text-decoration:underline;
        cursor:pointer;
    }
    .promo_pane .promo_side {
        width: 100%;
        max-width:870px;
        display: block;
    }
    .promo_pane .extra_side {
        width: 100%;
        display: block;
    }
    .promo_pane .white_bg {
        background:#fff;
        width: 100%;
        display: block;        
    }
    .promo_pane .promo_side .row {
        width: 100%;
        display: block;
    }       
        .promo_pane .promo_side .row .other_promo {
            background: #fff;
            width: 100%;
            padding: 10px 0 10px 0;
            display: block;
        }
        .promo_pane .promo_side .row .promo_list {
            width: 94%;
            padding: 0 3% 0 3%;
            display: block;
            border-radius: 2px;
        }
            .promo_pane .promo_side .row .promo_list li {
                background: #fff;
                width: 100%;
                padding: 0 0 40px 0;
                margin: 10px 0 10px 0;
                box-shadow: 0 0 2px 1px #b6c6ce;
                display: inline-block;
                border-radius: 3px;
                vertical-align:top;
                min-height:55vh;
            }
            .promo_pane .promo_side .row .promo_list img {
                background: #fff;
                width: 100%;
                margin: auto;
                display: block;
                border-bottom: 1px solid #f0f0f0;
            }
            .promo_pane .promo_side .row .promo_list .text {
                width: 88%;
                margin: 0 6% 0 6%;
                padding-top: 20px;
                display: block;
            }
                .promo_pane .promo_side .row .promo_list .text .title {
                    font-weight: 600;
                    font-size:11pt;                    
                    color: #389dd8;
                    display: block;
                    line-height: 1.5em;
                }
                    .promo_pane .promo_side .row .promo_list .text .title:hover,
                    .promo_pane .promo_side .row .promo_list .text .title:active {
                        text-decoration: underline;
                        cursor: pointer;
                    }
                .promo_pane .promo_side .row .promo_list .text .Category {
                    background: url('../../OPSource/Images/mini/small_newscatr.png') left center no-repeat;
                    font-size: 8.8pt;
                    background-size: 20px;
                    margin-top: 5px;
                    padding-left: 25px;
                    color: #f0f0f0;
                    display: inline-block;
                }

                .promo_pane .promo_side .row .promo_list .text .Description {
                    line-height: 1.8em;
                    font-size:10.8pt;                
                    color:#666;
                }
                .promo_pane .promo_side .row .promo_list .text .Read {
                    width: 80px;
                    float: right;
                    margin-top: 10px;
                    bottom: 20px;
                    font-weight: 600;
                    font-size: 9pt;
                    display: block;
                    text-align: center;
                    background:#fff;
                    color: #389dd8;
                    position: relative;
                    border: 2px solid #389dd8;
                    border-radius: 2px;
                    padding: 2px 8px 1px 8px;
                    -webkit-transition: background .1s ease-in-out;
                    -moz-transition: background .1s ease-in-out;
                    -o-transition: background .1s ease-in-out;
                    transition: background .1s ease-in-out;
                }
                    .promo_pane .promo_side .row .promo_list .text .Read:hover {
                        background: #389dd8;
                        color: #fff;
                    }
 /*END of promo*/ 

 /*promo Pager*/
        .promo_pane .promo_side .row .r_pager {
            width: 94%;
            margin: 10px 3% 10px 3%;
            display: block;
        }
            .promo_pane .promo_side .row .r_pager .page_enabled {
                width: 20px;
                height: 20px;
                text-align: center;
                border: 1px solid #cacaca;
                background: #f0f0f0;
                color: #5f5f5f;
                display: inline-block;
            }
            .promo_pane .promo_side .row .r_pager .page_disabled {
                width: 20px;
                height: 20px;
                text-align: center;
                border: 1px solid #9a9a9a;
                background: #c6c6c6;
                color: #4b4b4b;
                display: inline-block;
            }
 /*END of promo Pager*/


/*promo Details*/
    .promo_pane .promo_side .row {
        background:#fff;
        border: 2px solid #eaeaea;
        border-top: 1px solid #eaeaea;
        border-radius:3px;
        overflow:hidden;
    }
        .promo_pane .promo_side .row .Main_promo {
            width: 88.7%;
            padding: 10px 6% 20px 6%;
            display: block;
            border-radius: 2px;
            border: 1px solid #fff; 
            border-top:1px solid #e0e0e0;  
            font-size:10.8pt;
            line-height:1.5em;
            color:#666666;    
           
        }
            .promo_pane .promo_side .row .Main_promo .title {
                width: 100%;
                display: block;
                font-weight: 600;
                font-size: 15pt;
                margin:10px 0 0 0;
                color: #353d3d;        
            }
            .promo_pane .promo_side .row .Main_promo .Category {
                background: url('../../OPSource/Images/mini/small_newscatr.png') left center no-repeat;
                font-size: 8.8pt;
                background-size: 20px;
                margin: 5px 0 20px 0;
                padding-left: 25px;
                color: #999;
                display: inline-block;
            }
                .promo_pane .promo_side .row .Main_promo .Category:hover {
                    color: #5f5f5f;
                }
            .promo_pane .promo_side .row .Main_promo img {
                width: 90%;
                max-width: 500px;
                display: block;
            }

            .promo_pane .promo_side .row .Main_promo table {
                width: 100%;
                margin: 20px 0 20px 0;
                min-width: 300px;
                display: block;
                border: none;
            }
                .promo_pane .promo_side .row .Main_promo table tr {
                    line-height: 2em;
                }

            .promo_pane .promo_side .row .Main_promo ul,
            .promo_pane .promo_side .row .Main_promo ol {
                list-style-type: initial;
                width: 100%;
            }
/*END of promo Details */


@media only screen and (min-width:450px) {
    .promo_pane .promo_side {
        width:94%;
        margin:0 3% 0 3%;
    }
        .promo_pane .promo_side .row .Header {
            width: 100%;
            margin: 0 6% 0 0;
        }
    .promo_pane .promo_side .row .other_promo {
        width: 100%;
        display: block;
        margin: 10px 0 10px 0;
        border-radius: 3px;
    }

    .promo_pane .promo_side .row .promo_list {
        border-top: 1px solid #ededed;
    }

        .promo_pane .promo_side .row .promo_list li {            
            max-width: 250px;
            margin-top: 20px;
            margin-right:2%;
        }

        .promo_pane .promo_side .row .promo_list img {
            margin: auto;
            display: block;
        }

    .promo_pane .promo_pane_con .Header2 {
        background: url('../../OPSource/Images/promoserve.png') left center no-repeat;
        background-size: 30pt;
        width: 88%;
        padding: 20px 6% 20px 50px;
        margin: 0 0 10px 3%;
        color: #1875ac;
        display: block;
        font-weight: 600;
        font-size: 11pt;
    }
}
@media only screen and (min-width: 990px) {
    .promo_pane {
        padding-top: 70px;
    }
    .promo_pane .promo_side {
        width:97%;
        margin:0 0 0 3%;
    }            
            .promo_pane .promo_side .row .other_promo {
                margin: 10px 0 10px 0;
                padding: 10px 0 10px 0;
            }
}