/*
Theme Name: PPO Elite PR School
Theme URI: 
Description: 
Author: PPO Vietnam Co.,Ltd
Author URI: 
Version: 1.0
Tags: ppo,pr,elite,shool

License:
License URI:

General comments (optional).
*/

ul, ol, li, dl, dt, dd { list-style: none; padding: 0px; margin: 0px; }
a.more-link{color:rgb(150, 107, 0);}

.widget-container{padding-bottom: 18px;}
.widget-container ul li{background:url('images/icon_list.gif') no-repeat left 6px transparent;padding-left:15px;margin-bottom:5px;}
.widget-container ul li a{font-size:13px;color:#666;}
.widget-container ul li a:hover{color:rgb(150, 107, 0);}

.detail_ct h1, .about_ct h1, .add_box_ct h1, .kh_detail_ct h1, .post_ct h1{color: #555; font: 24px 'Roboto Condensed',sans-serif; font-weight: normal; margin: 0 0 15px;}
.detail_ct h2, .about_ct h2, .add_box_ct h2, .kh_detail_ct h2, .post_ct h2{font-family: 'Roboto Condensed', sans-serif;color:rgb(150, 107, 0);font-size:18px;font-weight:normal;}
/*.detail_ct h3, .about_ct h3, .add_box_ct h3, .kh_detail_ct h3, .post_ct h3{font-family: 'Roboto Condensed', sans-serif;color:#555;font-size:14px;font-weight:normal;}*/
.detail_ct h3, .about_ct h3, .add_box_ct h3, .kh_detail_ct h3, .post_ct h3{font-family: Arial;color:#555;font-size:13px;font-weight:bold;}

.detail_ct ul, .about_ct ul, .add_box_ct ul, .kh_detail_ct ul, .post_ct ul,
.detail_ct ol, .about_ct ol, .add_box_ct ol, .kh_detail_ct ol, .post_ct ol {margin: 10px 0; padding-left: 35px; }
.detail_ct ul li, .about_ct ul li, .add_box_ct ul li, .kh_detail_ct ul li, .post_ct ul li {list-style: disc;}
.detail_ct ul li ul li, .about_ct ul li ul li, .add_box_ct ul li ul li, .kh_detail_ct ul li ul li, .post_ct ul li ul li{list-style: circle;}
.detail_ct ul li ul li ul li, .about_ct ul li ul li ul li, .add_box_ct ul li ul li ul li, 
.kh_detail_ct ul li ul li ul li, .post_ct ul li ul li ul li{list-style: square;}
.detail_ct ol li, .about_ct ol li, .add_box_ct ol li, .kh_detail_ct ol li, .post_ct ol li {list-style: decimal;}

.detail_ct iframe, .about_ct iframe, .add_box_ct iframe{margin: 0 auto; display: block;}

ul.kh_detail_tabs{margin: 0; padding: 0; }
.cus-tab ul li, .cus-tab ol li{margin-bottom: 8px;}

/*WP Default*/
.alignleft{float: left; margin-right: 5px; margin-bottom: 5px;}
.aligncenter{display: block; margin-left: auto; margin-right: auto;}
.alignright{float: right; margin-left: 5px; margin-bottom: 5px;}

.wp-caption { background-color: #F3F3F3; border: 1px solid #DDDDDD; border-radius: 3px 3px 3px 3px; padding-top: 4px; text-align: center; }
.wp-caption img {border: 0 none;margin: 0;padding: 0;}
.wp-caption-dt{}
.wp-caption-dd {font-size: 11px;line-height: 17px;margin: 0;padding: 0 4px 5px;}

.share-fb-button{
    padding: 3px 5px; background: #e6eeff; color: #25478f; border-radius: 5px; font-size: 11px;
    border: 1px solid #e3e4e6;
}
.photos {
    border: 1px solid #CCCCCC;
    float: left;
    height: 180px;width: 200px;
    margin-top: 10px;margin-right: 6px;
    position: relative;
}
.photos img{
    width: 100%;height: 100%;
}
.photos-title{
    width: 184px;
    position: absolute; right: 0;bottom: 0;
    background: url(images/album-title.png); padding: 8px;
}
.photos-title a{
    color: #fff;font-size: 12px;font-weight: bold;
}
.photos-title a:hover{
    color: #FFA826;
}

.item-img{
    float: left;
    width: 190px;height: 190px;
    padding: 5px; border: solid 1px #ccc;
    margin-right: 6px;
    margin-bottom: 6px;
}
.item-img img{
    width: 190px;
    height: 190px;
}

/*************************************/
.title-kh {
    width: 100%;
}
.title-kh h2, .student-comment h2 {
padding-left: 65px;
    color: #555;
    font-size: 24px;
    font-weight: normal;
    margin: 0 0 13px;
}
.class-to-open
{
    height: 300px;
    overflow: hidden;
    width: 100%;
    padding-bottom: 30px;
    margin-bottom: 25px;
}
.class-to-open .caroufredsel_wrapper {
   width: 100% !important;


}

.list_carousel {

    position:relative;
    margin-right: 65px ;
}
.list_carousel ul {
    margin: 0;

    list-style: none;
    display: block;
    padding: 0 0 0 65px;
}
.list_carousel li {
    display: block;
    float: left;
    height: 270px;
    margin: 0 50px 0 0;
    padding: 0;
    width: 202px;
    position:relative;
    background-color: white;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important
}
.list_carousel li p{
    margin: 0;
    padding-left: 10px;
    font-size: 14px;
    padding-bottom: 10px;
    padding-right: 10px;
}
.list_carousel li .txt-sl{
    position: absolute;
    bottom: 30px;
}

.list_carousel .hocphi{
    background-color: #5cb85c; margin-bottom: 0px !important;

    position: absolute; bottom: 0px;
    height: 15px;
    width: 182px;
    font-size: 16px;
    text-align: center;
    opacity: 0.8;
    padding-top: 7px;
    font-family: MyriadPro-Bold;
    white-space: nowrap;
    color: #fff;
}

.list_carousel.responsive {
    width: auto;
    margin-left: 0;
}
.prev {
    background: url("images/arrow_left.png") no-repeat center center #DCDCDC;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF !important;
    font-weight: bold;
    padding: 5px 14px;
    position: absolute;
    right: 32px;
    text-indent: -999px;
    top: -40px;
}
.next {
    background:url("images/arrow_right.png") no-repeat center center #DCDCDC;
    border-radius: 3px;
    color: #FFFFFF !important;
    font-weight: bold;
    padding: 5px 14px;
    position: absolute;
    right: 0;
    text-indent:-9999px;
    top: -40px;
}
.next:hover
{
    background:url("images/arrow_right.png") no-repeat center center #e2a500;
}
.prev:hover
{
    background:url("images/arrow_left.png") no-repeat center center #e2a500;
}
.pager {
    float: left;
    width: 300px;
    text-align: center;
}
.pager a {
    margin: 0 5px;
    text-decoration: none;
}
.pager a.selected {
    background: #0E76BC !important;
    text-decoration: underline;
}
.bl-kg {
    padding-bottom: 5px;
}
.bl-kg > img {
    height: 135px;
    width: 202px;
}

.txt-sl {
    color: #999999;
    font-size: 12px;
}
.ca {
    float: left;
    padding-bottom: 5px;
}
.ca > p {
    background: #966b00;
    color: #FFFFFF;
    font-family: roboto;
    font-size: 15px;
    height: 20px;
    left: 0;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 50px;
    opacity: 0.9;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
}
.ca > span {
    color: #333333;
    float: left;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    padding-top: 5px;
    text-align: center !important;
    padding-left: 10px;
    padding-right: 10px;
}
.d {
    background: #e2a500 !important;
    font-weight: 500;
    height: 25px !important;
    padding-top: 7px;
    top: 20px !important;
    opacity: 0.9    ;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
}

/*************/
.skg .first .thumb img{
    border-radius: 3px;
    width: 100%;
    display: block;
    margin: 0 auto;
}
.skg .first .title{
    margin: 0 0 5px;
}
.skg .first .title a{
    color: #666666;
    font-size: 13px;
}
.skg .first .title a:hover{
    color: rgb(150, 107, 0);
}
.skg .first .post-meta{
    color: #999999;
    font-size: 12px;
    margin: 0;
}
.skg .first .description{
    color: #666;
    font-size: 12px;
    line-height: 20px;
    padding-top: 10px;
    text-align: justify;
}

.pagenavi{

    margin : 0px 30px 20px 0px;
    float: right;
    bottom: 5px;


}

.pagenavi span,.pagenavi a{color: #4d4d4d;padding:3px;margin-right:5px;background:transparent;border:1px solid #757575}

.pagenavi a:hover,.pagenavi .current{background:transparent;color:#4d4d4d;text-decoration:none}

.pagenavi .page-numbers,.pagenavi .current{color: #4d4d4d;font-weight:bold}

.pagenavi .current{color: #966b00;;}

.pagenavi .page-numbers{border:1px solid #DDD;padding: 8px; border-radius: 8px;}