/*====Notice Board CSS===*/
        .front-notices-area {
            border: 1px solid #dddddd;
            font-size: 1em;
            padding: 0 0 10px 0;
            margin-bottom: 10px;
            background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 100%);
        }
        .notices-front {
         background: url('../images/bg_notice_board.png') repeat-x scroll left top transparent;
         background-image: url('../images/bg_notice_board.png');
         background-repeat: no-repeat;
         padding: 30px 10px 20px 100px;
        }
        .front-notices-area {
         border: 1px solid #dddddd;
         font-size: 1em;
         padding: 0 0 10px 0;
         margin-bottom: 0px;
         background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 100%);
      }
      .notices-front h2 {
        font-size: 24px !important;
        line-height: 30px !important;
        font-family: cursive !important;
        text-align: left !important;
        margin-top: -10px !important;
      }
      ul.notices_front_list {
        margin: 0px;
        padding: 0px;
        list-style: none;
      }
      .text-left {
        text-align: left!important;
      }
      .notices-front h4 {
        font-size: 18px;
        line-height: 0px;
        margin-top: 35px;
        margin-right: 20px;
        font-weight: 900;
        text-align: right;
      }
      .notices-front h4 a, .new-scroll h4 a {
        color: #000;
        background: #dbd3d3;
        padding: 5px 10px;
        border-radius: 6px;
     }
     .notices-front h4 a:hover, .new-scroll h4 a:hover {
       background: #ccc;
      }
      ul.notices_front_list li h5 .fa, .news-ticker li h5 .fa {
       color: #609513;
      }

      /*====News Scroll===*/
      .new-scroll h2 {
        font-size: 24px !important;
        font-family: cursive !important;
        line-height: 24px;
      }
      .notices-front h4 a, .new-scroll h4 a {
        color: #000;
        background: #ddd;
        padding: 6px 10px;
        border-radius: 6px;
        font-weight: 900;
      }
      
      /*===Sidebar CSSS===*/
      .widget img.aligncenter {
        max-width: 100%;
        height: auto;
        padding: 15px;
        background: #f5f5f5;
        border: 1px solid #ccc;
        margin-bottom: 10px;
        -webkit-box-shadow: 1px 1px 3px 1px #ccc;
        -moz-box-shadow: 1px 1px 3px 1px #ccc;
        box-shadow: 1px 1px 3px 1px #ccc;
      }
      .aligncenter {
        clear: both;
        display: block;
        margin-left: auto;
        margin-right: auto;
      }
      .sidebar-caret a span{
        color: #29c944 !important;
      }
      
      
      .visitorStatHed1{width:100%; background:#004D40; padding:5px; color:#fff; border-radius:2px  5px 0 0; font-size:20px; font-weight:bold;text-align: center; }
      .visitorStat1{width:100%; background:#c8e6c9; padding:5px; color:#000; height:265px !important;}
      .visitorStat1 h6{ text-align:center}
      .timelineV1{border:1px solid #eee; color:#000; border-radius:5px}
      .timelineV11{border:1px solid #B2DFDB; color:#000; border-radius:5px; }
      .tdv11{width:25%; padding:2px; border-bottom:2px solid #CFD8DC }
      .tdv11 img {border:1px solid #eee; padding:1px;  }
      .tdv21{width:75%; border-bottom:2px solid #CFD8DC; font-size:11px; font-weight:bold}
      .tdv31{width:20%; border-bottom:2px solid #CFD8DC; text-align:right; color:#263238}
      .tdv31 a{color:#263238}

      .visitorStatHed{width:100%; background:#CFD8DC; padding:10px; color:#263238; border-radius:5px  5px 0 0; font-size:20px; font-weight:bold}
      .visitorStat{width:100%; background:#ECEFF1; padding:10px; color:#000; }
      .visitorStat1{width:100%; background:#ECEFF1; padding:10px; color:#000; height:236px; }
      .timelineV2{border:1px solid #eee; color:#000; border-radius:5px; margin-top:35px; }
      .timelineV1{border:1px solid #eee; color:#000; border-radius:5px; margin-top:10px}
      .facebooklink{border:1px solid #eee; color:#000; border-radius:5px; margin-top:10px}
      .tdv1{width:15%; padding:2px; border-bottom:2px solid #fff}
      .tdv2{width:65%; border-bottom:2px solid #fff}
      .tdv3{width:20%; border-bottom:2px solid #fff; font-weight:bold; text-align:right; color:#263238}

      .visitorStatAdmission{width:100%; background:#B71C1C; padding:10px; color:#fff; border-radius:5px  5px 0 0; font-size:20px; font-weight:bold}
      .visitorStatAdm{width:100%; background:#FFCDD2; padding:10px; color:#000; }
      .tdvad{width:97%; padding:2px; border-bottom:2px solid #fff;  padding:13px 2px; }
      .tdvad a{width:97%; font-size:16px;  }
      .timelineAdmission span {color:#fff; }
      .tdvad a { width: 97%;font-size: 20px;}
      
      .btn-danger {
        color: #fff;
        background-color: #b71c1c;
        border-color: #d43f3a;
      }
      
      
      
      /*====Box Content Start===*/
        .box-item{
        background-color: #f5f5f5;
        border: 1px solid #ccc;
        cursor: pointer;
        height: 220px;
        padding: 10px;
        position: relative;
        overflow: hidden;
        color: #000;
        -webkit-box-shadow: 1px 1px 1px 1px #ccc;
        -moz-box-shadow: 1px 1px 1px 1px #ccc;
        box-shadow: 1px 1px 1px 1px #ccc;
        margin-bottom:20px;
        }
        .boxs-front-board {margin-top: 10px;}
        .box-img{width:30%;float:left;margin-right:2%;margin-bottom:10px;}
        .box-text {width:68%;float:left;}
        .box-item .box-title h3{font-size:22px;line-height:28px; font-weight:600;}
        .box-item .box-text ul{margin:0px;padding:0px;list-style:none;font-size:15px;}
        .box-item .box-text ul ul{margin-left:5px;padding-left:5px;list-style:none;font-size:13px;}
        .box-item .box-text ul li a{color:#000; margin-left:10px;}
        .box-item .box-text ul li a:hover{opacity:.7;text-decoration:underline;}
        .box-item .box-text ul li:before{
          content: "\f0da";
          display: inline-block;
          font-family: FontAwesome;
          position: absolute; 
          font-size:14px;color:#29c944;
        }
        img {
          height: auto;
          max-width: 100%;
        }
        img {
         vertical-align: middle;
         border-style: none;
        }
        /*===Recant Photo Gallery===*/
        .single-item {
            transition: all 0.3s ease 0s;
            border: 1px solid #ddd;
        }
        .single-item-image {
            transition: box-shadow .25s;
            box-shadow: 0px 0px 10px #b4cce5;
        }
        .single-gallery-img a {
            position: relative;
            display: block;
            cursor: url(img/icon/icon_zoomin.html) 24 24, auto;
        }
        .courses-hover-info {
            bottom: 0;
            height: 60px;
            position: absolute;
            width: 100%;
            visibility: inherit;
            -webkit-transition: all 0.3s ease-in-out;
        }
        .courses-hover-action {
            -webkit-box-align: center;
            align-items: center;
            display: -webkit-box;
            display: flex;
            height: 60px;
            padding-left: 20px;
            position: relative;
            z-index: 2;
        }
        .courses-hover-action h4 {
            color: #fff;
            font-size: 18px;
            text-transform: capitalize;
            margin-bottom: 0;
        }
        /*----------------------------------------*/

        /*  5. Course Area
        /*----------------------------------------*/

        .course-area {
            background-color: #f5f5f5;
        }
        .course-area .section-title-wrapper {
            margin-bottom: 20px;
        }
        .single-item-image a {
            display: block;
        }
        .single-item-image {
            overflow: hidden;
            position: relative;
            text-align: center;
        }
        .single-item-image img {
            width: 100%;
        }
        .overlay-effect a {
            position: relative
        }
        .overlay-effect a:before {
            bottom: 0;
            content: "";
            height: 100%;
            left: 0;
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            position: absolute;
            right: 0;
            width: 100%;
        }
        .courses-hover-info {
            bottom: 0;
            height: 60px;
            position: absolute;
            width: 100%;
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            visibility: hidden;
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }
        .courses-hover-info:before {
            background: #000 none repeat scroll 0 0;
            content: "";
            height: 100%;
            opacity: 0.6;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
            position: absolute;
            width: 100%;
            left: 0;
        }
        .courses-hover-action {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: 60px;
            padding-left: 20px;
            position: relative;
            z-index: 2;
        }
        .single-item:hover .courses-hover-info {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            visibility: visible;
        }
        .courses-hover-thumb {
            margin-right: 20px;
        }
        .courses-hover-action h4 {
            color: #fff;
            font-size: 15px;
            text-transform: capitalize;
            margin-bottom: 0;
        }
        .courses-hover-action h4 a {
            display: block;
            position: relative;
            overflow: hidden;
            color: #fff;
            font-weight: 400;
        }
        .courses-hover-action span.crs-separator {
            color: #fff;
            padding: 0 3px;
        }
        .courses-hover-action p {
            color: #fff;
            font-size: 15px;
            font-style: italic;
            text-transform: capitalize;
            margin-bottom: 0;
        }
        .single-item {
            -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            border: 1px solid #ddd;
        }
        .single-item:hover {
            background: #ffffff none repeat scroll 0 0;
            box-shadow: 0 2px 20px rgba(34, 30, 31, 0.4);
        }
        .row {
          margin-right: -10px !important;
          margin-left: -8px !important;
        }
        