/*Packages*/
.packages_pane {
    width: 100%;
    min-height: 100vh;
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
}
    .packages_pane .packages_pane_con {
        width: 100%;
        max-width: 1280px;
        display: block;
        margin: auto;
    }
    .packages_pane .Header {
        width: 100%;
        margin: 0 0% 0 0%;
        padding: 10px 0 0px 0;
        color:#f0f0f0;
        display: block;
        font-weight:600;
        font-size:11pt;
    }    
    .packages_pane .Header2 {
        width: 94%;
        padding: 10px 3% 10px 3%;
        color: #1875ac;
        display: block;
        font-weight: 600;
        font-size: 11pt;
    }
    .packages_pane .Header3 {
        background: url('../../OPSource/Images/package.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;    
    }
    .packages_pane .Header3:hover {
        text-decoration:underline;
        cursor:pointer;
    }
    .packages_pane .packages_side {
        width: 100%;
        max-width:870px;
        display: block;
    }
    .packages_pane .extra_side {
        width: 100%;
        display: block;
    }
    .packages_pane .white_bg {
        background:#fff;
        width: 100%;
        display: block;        
    }
    .packages_pane .packages_side .row {
        width: 100%;
        display: block;
    }
        .packages_pane .packages_side .row .Feat_Packages {
            background: #389dd8;
            width: 88%;
            padding: 0px 6% 30px 6%;
        }
            .packages_pane .packages_side .row .Feat_Packages img {
                width: 100%;
                margin: 10px 0 10px 0;
                display: inline-block;
                border: 1px solid #2789c2;
                vertical-align: top;
            }
            .packages_pane .packages_side .row .Feat_Packages .text {
                width: 100%;
                margin: 10px 0 30px 0;
                display: inline-block;
                vertical-align: top;
            }
                .packages_pane .packages_side .row .Feat_Packages .text .title {
                    color: #c3e631;
                    display: block;
                    font-size: 13pt;
                    font-weight: 600;
                }
                    .packages_pane .packages_side .row .Feat_Packages .text .title:hover,
                    .packages_pane .packages_side .row .Feat_Packages .text .title:focus {
                        text-decoration: underline;
                        cursor: pointer;
                    }
                .packages_pane .packages_side .row .Feat_Packages .text .Category {
                    background: url('../../OPSource/Images/mini/small_newscatr-w.png') left center no-repeat;
                    font-size: 8.8pt;
                    background-size: 20px;
                    margin: 5px 0 10px 0;
                    padding-left: 25px;
                    color: #f0f0f0;
                    display: inline-block;
                }
                    .packages_pane .packages_side .row .Feat_Packages .text .Category:hover,
                    .packages_pane .packages_side .row .Feat_Packages .text .Category:active {
                        color: #fff;
                        background-size: 20px;
                    }
                .packages_pane .packages_side .row .Feat_Packages .text .Description {
                    color: #fff;
                    display: block;
                    font-size:10.8pt;                
                }
            .packages_pane .packages_side .row .Feat_Packages .Read {
                width: 80px;
                float: right;
                margin-top: 10px;
                bottom: 20px;
                font-weight: 600;
                font-size: 9pt;
                display: block;
                text-align: center;
                color: #ffffff;
                position: relative;
                border: 2px solid #f2f2f2;
                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;
            }
                .packages_pane .packages_side .row .Feat_Packages .Read:focus,
                .packages_pane .packages_side .row .Feat_Packages .Read:hover {
                    background: #f2f2f2;
                    color: #389dd8;
                }

        .packages_pane .packages_side .row .other_packages {
            background: #fff;
            width: 100%;
            padding: 10px 0 10px 0;
            display: block;
        }
        .packages_pane .packages_side .row .Packages_list {
            width: 94%;
            padding: 0 3% 0 3%;
            display: block;
            border-radius: 2px;
        }
            .packages_pane .packages_side .row .Packages_list li {
                background: #389dd8;
                width: 100%;
                padding: 0 0 40px 0;
                box-shadow: 0 0 2px 1px #b6c6ce;
                display: block;
                border-radius: 3px;
                margin-top:10px;
            }
            .packages_pane .packages_side .row .Packages_list img {
                background: #fff;
                width: 100%;
                margin: auto;
                display: block;
                border-bottom: 1px solid #f0f0f0;
            }
            .packages_pane .packages_side .row .Packages_list .text {
                width: 88%;
                margin: 0 6% 0 6%;
                padding-top: 20px;
                display: block;
            }
                .packages_pane .packages_side .row .Packages_list .text .title {
                    font-weight: 600;
                    font-size:11pt;                    
                    color: #c3e631;
                    display: block;
                }
                    .packages_pane .packages_side .row .Packages_list .text .title:hover,
                    .packages_pane .packages_side .row .Packages_list .text .title:active {
                        text-decoration: underline;
                        cursor: pointer;
                    }
                .packages_pane .packages_side .row .Packages_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;
                }

                .packages_pane .packages_side .row .Packages_list .text .Description {
                    line-height: 1.8em;
                    font-size:10.8pt;                
                    color:#fbfbfb;                                     
                }
                .packages_pane .packages_side .row .Packages_list .text .Read {
                    width: 80px;
                    float: right;                   
                    margin-top: 10px;
                    bottom: 10px;
                    font-weight: 600;
                    font-size: 9pt;
                    display: block;
                    text-align: center;
                    color: #ffffff;
                    position: relative;
                    border: 2px solid #f2f2f2;
                    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;
                }
                    .packages_pane .packages_side .row .Packages_list .text .Read:hover {
                        background: #f2f2f2;
                        color: #389dd8;
                    }
 /*END of Packages*/ 

 /*Package Pager*/
        .packages_pane .packages_side .row .r_pager {
            width: 94%;
            margin: 10px 3% 10px 3%;
            display: block;
        }
            .packages_pane .packages_side .row .r_pager .page_enabled {
                width: 20px;
                height: 20px;
                text-align: center;
                border: 1px solid #cacaca;
                background: #f0f0f0;
                color: #5f5f5f;
                display: inline-block;
            }
            .packages_pane .packages_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 Package Pager*/


/*Package Details*/
    .packages_pane .packages_side .row {
        background:#fff;
        border: 2px solid #eaeaea;
        border-top: 1px solid #eaeaea;
        border-radius:3px;
        overflow:hidden;
    }
        .packages_pane .packages_side .row .Main_Packages {
            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;    
           
        }
            .packages_pane .packages_side .row .Main_Packages .title {
                width: 100%;
                display: block;
                font-weight: 600;
                font-size: 15pt;
                margin:10px 0 0 0;
                color: #353d3d;        
            }
            .packages_pane .packages_side .row .Main_Packages .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;
            }
                .packages_pane .packages_side .row .Main_Packages .Category:hover {
                    color: #5f5f5f;
                }
            .packages_pane .packages_side .row .Main_Packages img {
                width: 90%;
                max-width: 500px;
                display: block;
            }

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

            .packages_pane .packages_side .row .Main_Packages ul,
            .packages_pane .packages_side .row .Main_Packages ol {
                list-style-type: initial;
                width: 100%;
            }
/*END of Package Details */


@media only screen and (min-width:450px) {
    .packages_pane .packages_side {
        width:94%;
        margin:0 3% 0 3%;
    }
    .packages_pane .packages_side .row .Header {
        width: 100%;
        margin: 0 6% 0 0;
    }

    .packages_pane .packages_side .row .Feat_Packages {
        width: 94%;
        margin-bottom:10px;
        padding: 0px 3% 10px 3%;
        display: inline-block;
    }

        .packages_pane .packages_side .row .Feat_Packages img {
            width: 35%;
            max-width: 250px;
            margin: 10px 3% 10px 0;
            display: inline-block;
        }

        .packages_pane .packages_side .row .Feat_Packages .text {
            width: 60%;
            margin: 10px 0 10px 0;
            display: inline-block;
            vertical-align: top;
        }

    .packages_pane .packages_side .row .other_packages {
        width: 100%;
        display: block;
        margin: 10px 0 10px 0;
        border-radius: 3px;
    }

    .packages_pane .packages_side .row .Packages_list {
        border-top: 1px solid #ededed;
    }

        .packages_pane .packages_side .row .Packages_list li {
            display:inline-block;
            max-width: 250px;
            overflow:hidden;
            margin:0 5px 0 5px;
            margin-top: 20px;
            vertical-align:top;
        }

        .packages_pane .packages_side .row .Packages_list img {
            width: 100%;
            margin: auto;
            display: block;
        }
        .packages_pane .packages_side .row .Packages_list .text .Description {
            max-height:100px;
            overflow:hidden;
        }
    .packages_pane .packages_pane_con .Header2 {
        background: url('../../OPSource/Images/package.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) {
    .packages_pane {
        padding-top: 70px;
    }
    .packages_pane .packages_side {
        width:97%;
        margin:0 0 0 3%;
    }
            .packages_pane .packages_side .row .Feat_Packages {
                margin: 0 0 10px 0;
                padding: 0px 3% 10px 3%;
            }

            .packages_pane .packages_side .row .other_packages {
                margin: 10px 0 10px 0;
                padding: 10px 0 10px 0;
            }
}