* {

    font-family: "Open Sans", sans-serif, Arial, Helvetica

}



body {

    background: #eff3f5

}



.imgcenter {

    margin: 0px auto;

    display: block;

    margin-bottom: 10px;

    max-width: 700px;

}



.highlight {

    color: #135880 !important;

    font-weight: bold

}



.note {

    font-size: 12px;

    color: #fd0000

}



.clear {

    clear: both;

    margin-bottom: 10px

}



.tcenter {

    text-align: center !important;

    color: #3665c2 !important

}



.logo {

    float: left

}



.header {

    min-height: 75px;

    padding: 5px 0px;

    background: #eff3f5

}



.header a img {

    width: 300px

}



.mc {

    background: #dadada !important;

    border-color: #dadada

}



.dm {

    background: #135880 !important;

    border-color: #135880

}



.padding-a {

    padding-right: 0px !important;

    padding-left: 0px !important

}



.padding-l {

    padding-left: 0px !important;

    padding-right: 15px !important

}



.padding-r {

    padding-left: 15px !important;

    padding-right: 0px !important

}



.navbar-brand {

    display: none

}



.navbar-inverse .navbar-nav>li>a {

    color: #fff

}



.nav li a {

    font-size: 15px;

    font-weight: 600;

    color: #333

}



.nav li a:hover {

    color: #FFF !important;

    background-color: #f1b014 !important

}



.navbar-inverse .navbar-nav>.active>a,

.navbar-inverse .navbar-nav>.active>a:focus,

.navbar-inverse .navbar-nav>.active>a:hover {

    color: #fff;

    background-color: #f1b014 !important

}



.nav>li>a {

    padding: 5px 10px !important

}



.tab-content h2 {

    line-height: 20px;

    padding-top: 7px

}



.iframe {

    width: auto;

    height: 400px;

    overflow: hidden;

    position: relative

}



.iframe-i {

    position: absolute;

    top: -365px;

    left: -168px;

    width: 1158px;

    height: 800px

}



.iframeipl {

    width: auto;

    height: 324px;

    overflow: hidden;

    position: relative

}



.iframe-ipl {

    position: absolute;

    top: -100px;

    left: -80px;

    width: 1158px;

    height: 800px

}



.iframet {

    width: auto;

    height: 250px;

    overflow: hidden;

    position: relative

}



.iframe-t {

    position: absolute;

    top: -388px;

    left: -168px;

    width: 1158px;

    height: 800px

}



.sidebar {

    width: 100%;

    background: #ffffff;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);

    margin: 6px 2px;

    float: left;

    padding: 10px

}



.sidebar ul {

    padding: 0px;

    list-style: none

}



.sidebar ul li {

    padding: 0px;

    padding-left: 0px;

    background: none;

    overflow: hidden

}



.sidebar ul li img {

    padding: 4px;

    border: 1px solid #eee;

    margin-bottom: 0;

    margin-right: 15px;

    width: 50px;

    height: 50px;

    margin-bottom: 5px

}



.sidebar ul li p {

    margin-bottom: 0px;

    font-size: 12px

}



img.alignleft {

    float: left;

    margin-bottom: 0.5em;

    margin-left: 0;

    margin-right: 1.5em;

    margin-top: 0

}



.sidebar h1 {

    text-align: left;

    color: #333333;

    font-weight: 500;

    font-size: 24px;

    vertical-align: top;

    margin-top: 0px

}



.sidebar h2 {

    text-align: left;

    color: #333333;

    font-weight: normal;

    font-size: 20px;

    vertical-align: top;

    margin-top: 0px !important

}



.secdetails {

    width: 100%;

    height: 142px;

    background: #ffffff;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);

    margin: 8px 4px;

    float: left

}



.sec-img {

    width: 140px;

    height: 140px;

    padding: 12px;

    box-sizing: border-box;

    float: left;

    text-align: center

}



.sec-img img {

    width: 120px

}



.secproducts {

    float: left;

    width: 250px;

    padding-right: 10px

}



.secproducts h1, .secproducts h2 {

    text-align: left;

    color: #333333;

    font-weight: normal;

    line-height: 0px;

    font-size: 22px

}



.secproducts h1 a, .secproducts h2 a {

    color: #333333;

    text-decoration: none

}



.secproducts h1 a:hover, .secproducts h2 a:hover {

    text-decoration: underline

}



.secproducts p {

    padding: 7px 0px 0px 0px;

    font-weight: normal;

    font-size: 14px;

    color: #959595;

    text-align: left;

    text-overflow: ellipsis

}



.secproducts p a {

    text-decoration: none;

    color: #000000

}



.secproducts p a:hover {

    text-decoration: underline;

    color: #cc0000

}



.caldetails {

    width: 100%;

    background: #fff;

    margin: 4.7px 0px

}



.cal-img {

    width: 100%;

    padding: 0px;

    box-sizing: border-box;

    text-align: center;

    display: block

}



.cal-img img {

    margin: 0px auto;

    display: block;

    vertical-align: middle;

    border: 1px dashed #c7b3a9;

    padding: 2px

}



.cal {

    text-align: center !important;

    color: #333333;

    font-weight: 700;

    line-height: 20px;

    font-size: 16px;

    margin: 10px

}



.pldetails {

    width: 100%;

    background: #eff3f5;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);

    margin: 4.7px 0px;

    float: left

}



.pldetails:hover {

    background: #f9f9f9

}



.pl-img {

    width: 40px;

    height: 40px;

    padding: 5px;

    box-sizing: border-box;

    float: left;

    text-align: center

}



.pl-img img {

    width: 30px

}



.plproducts {

    float: left;

    padding-right: 10px

}



.plproducts h1 {

    text-align: left;

    color: #333333;

    font-weight: normal;

    line-height: 20px;

    font-size: 16px;

    margin-top: 10px

}



.plproducts h1 a {

    color: #333333;

    text-decoration: none

}



.plproducts h1 a:hover {

    text-decoration: underline

}



.plproducts h2, .plproducts p {

    text-align: left;

    color: #333333;

    font-weight: normal;

    line-height: 20px;

    font-size: 16px;

    margin-top: 10px !important

}



.plproducts h2 a, .plproducts p a{

    color: #333333;

    text-decoration: none

}



.plproducts h2 a:hover,  .plproducts p a:hover {

    text-decoration: underline

}



.latest figure {

    margin-bottom: 30px

}



.latest figure .thumb {

    display: block;

    width: 100%

}



.latest figure .thumb img {

    border-bottom: 0px dashed #c7b3a9

}



.latest figure {

    background: #eff3f5;

    border: 1px dashed #c7b3a9

}



.latest figure figcaption {

    margin: 0 10px;

    padding: 0 0 10px 0

}



.latest figure figcaption .heading {

    margin-bottom: 0px;

    font-size: 20px;

    display: block;

    color: #02b0e8;

    text-align: center

}



.latest h3 {

    font-size: 15px;

    text-align: center;

    line-height: 16px;

    margin: 5px 0px 0px 0px

}



.thumb {

    display: block;

    width: 100%

}



.cinema figure {

    margin-bottom: 30px

}



.cinema figure .thumb {

    display: block;

    width: 100%

}



.cinema figure .thumb img {

    border-bottom: 0px dashed #c7b3a9

}



.cinema figure {

    background: #eff3f5;

    border: 0px dashed #c7b3a9

}



.cinema figure figcaption {

    margin: 0px;

    padding: 10px;

    background: rgba(51, 51, 103, 0.80);

    position: absolute;

    bottom: 30px

}



.cinema figure figcaption .heading {

    margin-bottom: 0px;

    font-size: 20px;

    display: block;

    color: #fff;

    text-align: center

}



.cinema h3 {

    font-size: 15px;

    text-align: center;

    line-height: 16px;

    margin: 5px 0px 0px 0px

}



.cinema1 figure {

    margin-bottom: 0px

}



.cinema1 figure .thumb {

    display: block;

    width: 100%

}



.cinema1 figure .thumb img {

    border-bottom: 0px dashed #c7b3a9

}



.cinema1 figure {

    background: #eff3f5;

    border: 0px dashed #c7b3a9

}



.cinema1 figure figcaption {

    margin: 0px;

    padding: 10px;

    background: rgba(51, 51, 103, 0.80);

    position: absolute;

    bottom: 30px

}



.cinema1 figure figcaption .heading {

    margin-bottom: 0px;

    font-size: 20px;

    display: block;

    color: #fff;

    text-align: center

}



.cinema1 h3 {

    font-size: 15px;

    text-align: center;

    line-height: 16px;

    margin: 5px 0px 0px 0px

}



.copyright {

    background: #135880;

    border-top: 1px solid #044f7b

}



p.copyright {

    font-size: 11px;

    color: #f9efe3;

    text-align: center;

    text-shadow: none;

    padding-top: 10px

}



p.copyright a {

    color: #F1F20E

}



input.gsc-input {

    font-size: 12px !important

}



input.gsc-search-button,

input.gsc-search-button:hover,

input.gsc-search-button:focus {

    background-image: url(https://www.google.com/uds/css/v2/search_box_icon.png) !important;

    background-repeat: no-repeat !important;

    background-position-y: 6px;

    background-position-x: 14px;

    background-repeat: no-repeat !important;

    padding: 12px 21px !important

}



.gsib_a {

    width: 100%;

    padding: 2px 6px 0 !important

}



.b {

    background: #ffac00;

    border-color: #ffac00;

    color: #fff

}



.p {

    background: #ee3131;

    border-color: #ee3131;

    color: #fff

}



.t {

    background: #3665c2;

    border-color: #3665c2;

    color: #fff

}



.pl {

    background: #02b0e8;

    border-color: #02b0e8;

    color: #fff

}



.el {

    background: #00b386;

    border-color: #00b386;

    color: #fff

}



.n {

    background: #0d6e39;

    border-color: #0d6e39;

    color: #fff

}



.e {

    background: #ff7802;

    border-color: #ff7802;

    color: #fff

}



.d {

    background: #18bd46;

    border-color: #18bd46;

    color: #fff

}



.cl {

    background: #385a76;

    border-color: #385a76;

    color: #fff

}



.c {

    background: #892b8c;

    border-color: #892b8c;

    color: #fff

}



.j {

    background: #ae0564;

    border-color: #ae0564;

    color: #fff

}



.tr {

    background: #0d6861;

    border-color: #0d6861;

    color: #fff

}



.h {

    background: #ec1559;

    border-color: #ec1559;

    color: #fff

}



.cr {

    background: #001036;

    border-color: #001036;

    color: #fff

}



.et {

    background: #333367;

    border-color: #333367;

    color: #fff

}



.bb {

    background: #4c145f;

    border-color: #4c145f;

    color: #fff

}



.inf {

    background: #51ad01;

    border-color: #51ad01;

    color: #fff

}



.we {

    background: #3f51b5;

    border-color: #3f51b5;

    color: #fff

}



.table>tbody>tr>td {

    color: #333

}



ul.categories li {

    display: inline-block;

    background: #eff3f5 repeat;

    padding: 5px;

    color: #000000;

    margin: 2px

}



ul.categories li a {

    display: inline-block;

    background: #eff3f5;

    padding: 5px;

    color: #543d1f

}



label {

    margin-top: 10px

}



.input-group .form-control {

    min-width: 330px

}



@media (max-width:767px) {

    .imgcenter {

        width: 100%

    }

    .navbar-nav {

        margin: auto !important

    }

    .navbar-toggle {

        background: #061227

    }

    .navbar-brand {

        display: block;

        color: #fff !important

    }

    .navbar-toggle {

        display: block

    }

    .col-sm-6 {

        padding-left: 0px !important;

        padding-right: 0px !important

    }

    .input-group .form-control {

        min-width: 100% !important

    }

    .cal-img img {

        width: 100%

    }

    .iframe-i {

        position: absolute;

        top: -360px;

        left: -338px;

        width: 1158px;

        height: 800px

    }

    .iframe-ipl {

        position: absolute;

        top: -130px;

        left: -335px;

        width: 1158px;

        height: 800px

    }

    .iframe-t {

        position: absolute;

        top: -400px;

        left: -222px;

        width: 1158px;

        height: 800px

    }

}



@media (max-width:768px) {

    .padding-l {

        padding-right: 0px !important

    }

    .mclear {

        clear: both

    }

}



@media (max-width:480px) {

    .mclear {

        clear: both

    }

}



@media (max-width:1024px) {

    .secproducts {

        float: none;

        width: auto

    }

    .secproducts p {

        height: 70px;

        overflow: hidden

    }

}

img.aspect-img {

    width: 100%;

}     



.col-md-9 .sidebar h2:not(:has(a)) {

    font-weight: 500;

    font-size: 22px;

    margin-top:15px !important;

}

.col-md-9 .sidebar h3:not(:has(a)) {

    font-weight: 500;

    font-size: 18px;

}

.col-md-9 .sidebar ul:not(.categories) li:not(:has(a)) {

    list-style: disc;

    margin-left: 20px;

    display: list-item;

    overflow:visible;

}    

.breadcrumb {

    margin-bottom:0 !important;

}    

.calendar-card {

  background: #fff;

  padding: 20px;

  border-radius: 12px;

  box-shadow: 0 4px 15px rgba(0,0,0,0.1);

}



.grid {

  display: grid;

  grid-template-columns: repeat(2,1fr);

  gap: 15px;

}



.box {

  background: #f8f8f8;

  padding: 15px;

  border-radius: 8px;

}



.highlight {

  background: #ffeaea;

  border-left: 5px solid red;

}



.search-form {

  width: 100%;

}



.search-box {

  position: relative;

  max-width: 500px;

}



.search-box input {

    width: 100%;

    padding: 12px 45px 12px 15px;

    border-radius: 5px;

    border: 1px solid #f9fdff;

    background: #eff3f5;

    color: #333;

    font-size: 14px;

    outline: none;

    transition: 0.3s;

}



.search-box input:focus {

  border-color: #135880;

}


.search-box button {

  position: absolute;

  right: 5px;

  top: 50%;

  transform: translateY(-50%);

  border: none;

  background: #f1b014;

  color: #000;

  width: 36px;

  height: 36px;

  cursor: pointer;

 font-size: 24px;

    transition: 0.3s;

    font-weight: 500;

}



.search-box button:hover {

  background: #135880;

    color:white;

}
@media (min-width: 1200px) {
    .container {
        width: 100%;
        max-width: 1300px;
    }
}