@font-face {
    font-family: 'PingFang-bold';
    src: url('../fonts/PingFangTC-Semibold.ttf');
}

@font-face {
    font-family: 'PingFang-Regular';
    src: url('../fonts/PingFangTC-Regular.ttf');
}


*{
    font-family: "PingFang-Regular","FontAwesome" !important;
}

.bold {
    font-family: "PingFang-bold","FontAwesome" !important;
}

body {
    font-family: "PingFang-Regular";
    -webkit-font-smoothing: antialiased;
    min-height: 1000px;
    overflow-x: hidden;
    overflow-y: auto;
}
header{
    background-color: #fff;
    height: auto;
    min-height:97px;
    position: relative;
}

header::after {
    background-color: transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 8px;
    left: 0;
    position: absolute;
    right: 0;
}
header.m1-color::after {
    background-color: #2594ed;
}
header.m2-color::after {
    background-color: #C580B7;
}
header.m3-color::after {
    background-color: #FFCC0A;
}
header.m4-color::after {
    background-color: #F05F5B;
}
header.m5-color::after {
    background-color: #60C9DD;
}
header.m6-color::after {
    background-color: #75C675;
}
header.m7-color::after {
    background-color: #FF8C4E;
}
header.m8-color::after {
    background-color: #3d6cb2;
}
.logo {
    display: block;
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
    width: 34%;
}
.logo a {
    display: block;
    outline: 0 none;
    padding: 0 0 0 85px;
    position: relative;
    text-decoration: none;
}
.logo a span {
    left: 0;
    position: absolute;
    top: -13px;
}
.logo a span img {
    display: inline-block;
    height: auto;
    width: 100%;
}
.logo a p {
    color: #515151;
    display: block;
    font-size: 24px;
    font-weight: normal;
    line-height: 28.8px;
    margin: 20px 0 5px;
    padding: 0;

}
.logo a small {
    color: #515151;
    display: block;
    font-size: 14px !important;
    line-height: 14.4px;
    margin: 0;
    padding: 0;

}

.mobile-btn {
    display: none;
    margin: 0;
    padding: 0;
    float: right;
    width: auto;
    height: auto;
    position: absolute;
    right: 10px;
    top: 10px;
}
.mobile-btn span {
    display: inline-block;
    margin: 0;
    padding: 2px 7px;
    text-decoration: none;
    outline: 0;
    background-color: #0a508e;
    border-radius: 3px;
    cursor: pointer;
}
.mobile-btn span i
{
    color:#fff;
    font-size:17px;
    line-height: normal;
}
.main-menu {
    display: block;
    margin: 0;
    padding: 0;
}
.main-menu {
    display: block;
    float: left;
    margin: 0 0 0 4%;
    padding: 0;
    width: 62%;
}
.mobile-mode-inactive{
    display: block;
}

.mobile-mode-active{
    display: none;
}
.main-menu ul {
    display: block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.main-menu ul li {
    background-color: transparent;
    display: inline-block;
    height: 97px;
    list-style: outside none none;
    margin: -1px 0 0;
    padding: 2px 0 0;
    position: relative;
    text-align: center;
    transform: skewX(-25deg);
    width: 16%;
}
.main-menu ul li::after {
    background-color: #cccccc;
    content: "";
    height: 53px;
    position: absolute;
    right: -3px;
    top: 18px;
    width: 2px;
}
.main-menu ul li:last-child::after {
    display: none;
}
.main-menu ul li.menu-01 {
    background-color: transparent;
}
.main-menu ul li.active.menu-01, .main-menu ul li.menu-01:hover {
    background-color: #2594ED;
}
.main-menu ul li.menu-02 {
    background-color: transparent;
}
.main-menu ul li.active.menu-02, .main-menu ul li.menu-02:hover {
    background-color: #c580b7;
}
.main-menu ul li.menu-03 {
    background-color: transparent;
}
.main-menu ul li.active.menu-03, .main-menu ul li.menu-03:hover {
    background-color: #ffcc0a;
}
.main-menu ul li.menu-04 {
    background-color: transparent;
}
.main-menu ul li.active.menu-04, .main-menu ul li.menu-04:hover {
    background-color: #f05f5b;
}
.main-menu ul li.menu-05 {
    background-color: transparent;
}
.main-menu ul li.active.menu-05, .main-menu ul li.menu-05:hover {
    background-color: #60c9dd;
}
.main-menu ul li.menu-06 {
    background-color: transparent;
}
.main-menu ul li.active.menu-06, .main-menu ul li.menu-06:hover {
    background-color: #75c675;
}
.main-menu ul li.custom_page {
    background-color: transparent;
}
.main-menu ul li.active.custom_page, .main-menu ul li.custom_page:hover {
    background-color: #FF8C4E;
}
.main-menu ul li.parent_zone {
    background-color: transparent;
}
.main-menu ul li.active.parent_zone, .main-menu ul li.parent_zone:hover {
    background-color: #3d6cb2;
}
.main-menu ul li a {
    border-radius: 100%;
    display: inline-block;
    height: 80px;
    margin: 6px 0 0 0;
    outline: 0 none;
    padding: 0;
    text-align: center;
    text-decoration: none;
    transform: skewX(25deg);
    width: 83px;
}
.main-menu ul li.active.menu-01 a, .main-menu ul li.menu-01:hover a {

    background-color: #79c8fc;
}
.main-menu ul li.active.menu-02 a, .main-menu ul li.menu-02:hover a {

    background-color: #DD92CF;
}
.main-menu ul li.active.menu-03 a, .main-menu ul li.menu-03:hover a {

    background-color: #F9DC7D;
}
.main-menu ul li.active.menu-04 a, .main-menu ul li.menu-04:hover a {

    background-color: #F98A8A;
}
.main-menu ul li.active.menu-05 a, .main-menu ul li.menu-05:hover a {

    background-color: #97E5EF;
}
.main-menu ul li.active.menu-06 a, .main-menu ul li.menu-06:hover a {

    background-color: #9CD89C;
}
.main-menu ul li.active.custom_page a, .main-menu ul li.custom_page:hover a {
    background-color: rgb(253, 164, 115);
}
.main-menu ul li.active.parent_zone a, .main-menu ul li.parent_zone:hover a {
    background-color: #3d6cb2;
}
.main-menu ul li a em {
    display: block;
    font-size: 15px;
    font-style: normal;
    line-height: 18px;
    text-align: center;
    position: absolute;
    bottom: 14px;
    width: 100%;
    /* new */
}
.main-menu ul li.menu-01 a em {
    color: #46b1f9;
}

.main-menu ul li.menu-02 a em {
    color: #c580b7;
}
.main-menu ul li.menu-03 a em {
    color: #ffcc0a;
}
.main-menu ul li.menu-04 a em {
    color: #f05f5b;
}
.main-menu ul li.menu-05 a em {
    color: #60c9dd;
}
.main-menu ul li.menu-06 a em {
    color: #75c675;
}
.main-menu ul li.custom_page a em {
    color: #FF8C4E;
}
.main-menu ul li.parent_zone a em {
    color: #3d6cb2;
}
.main-menu ul li.active.menu-01 a em, .main-menu ul li.active.menu-02 a em, .main-menu ul li.active.menu-03 a em, .main-menu ul li.active.menu-04 a em, .main-menu ul li.active.menu-05 a em, .main-menu ul li.active.menu-06 a em, .main-menu ul li.active.custom_page a em, .main-menu ul li.active.parent_zone a em, .main-menu ul li.menu-01:hover a em, .main-menu ul li.menu-02:hover a em, .main-menu ul li.menu-03:hover a em, .main-menu ul li.menu-04:hover a em, .main-menu ul li.menu-05:hover a em, .main-menu ul li.menu-06:hover a em, .main-menu ul li.custom_page:hover a em, .main-menu ul li.parent_zone:hover a em {
    color: #fff;
}
.main-menu ul li.active a, .main-menu ul li:hover a {
    box-shadow: 0 3px 4px 0 #292d2a;
}
.main-menu ul li a span {
    display: inline-block;
    height: 27px;
    margin: 6px 0 0;
    width: 33px;
}

/* new */
.main-menu ul li.menu-01 a span {
    background: rgba(0, 0, 0, 0) url("../images/menu-01.png") no-repeat scroll 0 0;
    background-position: center;
    background-size: contain;
}
.main-menu ul li.active.menu-01 a span, .main-menu ul li.menu-01:hover a span {
    background: rgba(0, 0, 0, 0) url("../images/menu-01-white.png") no-repeat scroll 0 0;
    background-position: center;
    background-size: contain;
}
.main-menu ul li.menu-02 a span {
    background: rgba(0, 0, 0, 0) url("../images/menu-02.png") no-repeat scroll 0 0;
    background-position: center;
    background-size: contain;
}
.main-menu ul li.active.menu-02 a span, .main-menu ul li.menu-02:hover a span {
    background: rgba(0, 0, 0, 0) url("../images/menu-02-white.png") no-repeat scroll 0 0;
    background-position: center;
    background-size: contain;
}
.main-menu ul li.menu-03 a span {
    background: rgba(0, 0, 0, 0) url("../images/menu-03.png") no-repeat scroll 0 0;
    background-position: center;
    background-size: contain;
}
.main-menu ul li.active.menu-03 a span, .main-menu ul li.menu-03:hover a span {
    background: rgba(0, 0, 0, 0) url("../images/menu-03-white.png") no-repeat scroll 0 0;
    background-position: center;
    background-size: contain;
}
.main-menu ul li.menu-04 a span {
    background: rgba(0, 0, 0, 0) url("../images/menu-04.png") no-repeat scroll 0 0;
    background-position: center;
    background-size: contain;
}
.main-menu ul li.active.menu-04 a span, .main-menu ul li.menu-04:hover a span {
    background: rgba(0, 0, 0, 0) url("../images/menu-04-white.png") no-repeat scroll 0 0;
    background-position: center;
    background-size: contain;
}
.main-menu ul li.menu-05 a span {
    background: rgba(0, 0, 0, 0) url("../images/menu-05.png") no-repeat scroll 0 0;
    background-position: center;
    background-size: contain;
}
.main-menu ul li.active.menu-05 a span, .main-menu ul li.menu-05:hover a span {
    background: rgba(0, 0, 0, 0) url("../images/menu-05-white.png") no-repeat scroll 0 0;
    background-position: center;
    background-size: contain;
}
.main-menu ul li.menu-06 a span {
    background: rgba(0, 0, 0, 0) url("../images/menu-06.png") no-repeat scroll 0 0;
    background-position: center;
    background-size: contain;
    /* width: 40px; */
}
.main-menu ul li.active.menu-06 a span, .main-menu ul li.menu-06:hover a span {
    background: rgba(0, 0, 0, 0) url("../images/menu-06-white.png") no-repeat scroll 0 0;
    background-position: center;
    background-size: contain;
    /* width: 40px; */
}
.main-menu ul li.custom_page a span {
    background: rgba(0, 0, 0, 0) url("../images/menu-06.png") no-repeat scroll 0 0;
    background-position: center;
    background-size: contain;
    /* width: 40px; */
}
.main-menu ul li.active.custom_page a span, .main-menu ul li.custom_page:hover a span {
    filter: brightness(0) invert(1);
    /* width: 40px; */
}

.main-menu ul li.active.custom_page a span {
    filter: brightness(0) invert(1) !important;
}

.main-menu ul li.parent_zone a span {
    background: rgba(0, 0, 0, 0) url("../images/menu-06.png") no-repeat scroll 0 0;
    /*filter: invert(35%) sepia(95%) saturate(438%) hue-rotate(187deg) brightness(68%) contrast(82%);*/
    background-position: center;
    background-size: contain;
    /* width: 40px; */
}
.main-menu ul li.custom_page a span {
    /*filter: invert(77%) sepia(61%) saturate(3522%) hue-rotate(325deg) brightness(102%) contrast(101%) !important;*/
}
.main-menu ul li.active.parent_zone a span, .main-menu ul li.parent_zone:hover a span {
    filter: brightness(0) invert(1);
    /* width: 40px; */
}
.search-con {
    background-color: #fcf5e9;
    height: auto;
    margin: 0;
    max-height: 100%;
    padding: 13px 0;
    width: 100%;
}
.language {
    display: block;
    margin: 0;
    padding: 0;
}
.language > ul {
    display: block;
    list-style: outside none none;
    margin: 5px 0 0;
    padding: 0;
    text-align: center;
}
.language > ul > li {
    display: inline-block;
    margin: 0;
    padding: 0 8px;
    position: relative;
}
.language > ul > li::after {
    border-right: 2px solid #515151;
    content: "";
    height: 15px;
    position: absolute;
    right: -3px;
    top: 1px;
    width: auto;
}
.language > ul > li:last-child::after {
    display: none;
}
.language > ul > li > a {
    color: #515151;
    display: block;
    font-size: 14px;
    line-height: 16.8px;
    outline: 0 none;
    text-align: center;
    text-decoration: none;
}
.language > ul > li.active > a {
    color: #4bc1bb;
}
.social-share {
    display: block;
    margin: 0;
    padding: 0;
}
.social-share > ul {
    display: block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.social-share > ul > li {
    display: inline-block;
    margin: 0;
    padding: 0 4px;
}
.social-share > ul > li > a {
    display: block;
    outline: 0 none;
    text-align: center;
    text-decoration: none;
}
.social-share > ul > li > a > img {
    display: inline-block;
    max-height: 32px;
    width: auto;
}
.filter {
    display: block;
    margin: 0;
    padding: 0;
}
.filed-01 {
    display: block;
    float: left;
    height: auto;
    margin: 0;
    width: 35%;
}
.filed-01 label {
    display: block;
    float: left;
    margin: 0 5px;
    text-align: center;
    width: 30%;

}
.filed-01 .form-control {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #333;
    display: block;
    float: left;
    font-size: 14px;
    height: 28px;
    padding: 0 15px;
    width: 60%;
    float: right;
}
.filed-02 {
    display: block;
    float: left;
    height: auto;
    margin: 0;
    width: 35%;
}
.filed-02 label {
    display: block;
    float: left;
    margin: 0 5px;
    text-align: center;
    width: 35%;

}
.filed-02 .form-control {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #333;
    display: block;
    float: left;
    font-size: 14px;
    height: 28px;
    padding: 0 15px;
    width: 60%;
    float: right;
}
.filed-03 {
    display: block;
    float: left;
    height: auto;
    text-align: center;
    width: 15%;
}
.filed-03 .btn-filter {
    background-color: #4bc1bb;
    border: 1px solid #4bc1bb;
    border-radius: 5px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    height: 28px;
    padding: 0 15px;
    width: 79px;
    /*margin-top: 23px;*/
    margin-left: 30px;
}
/* After Login */
.user-name
{
    display: block;
    margin: 0;
    padding: 0;

}
.user-name p
{
    display: block;
    margin: 6px 60px 0 0;
    padding: 0;
    text-align: right;
    font-size: 14px;
    line-height: 16.8px;
    color: #848484;
}
.user-name p span
{
    display: inline-block;
    margin: 0;
    padding: 0;
}
.user-name p span img
{
    display: inline-block;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
}
.user-name p a
{
    display: inline-block;
    margin: 0 0 0 15px;
    padding: 2px 15px;
    width: auto;
    height: auto;
    font-size: 14px;
    line-height: 16.8px;
    background-color: #4BC1BB;
    color: #fff;
    border-radius: 10px;
    text-decoration: none;
}
.slider {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
}
.slider.pg2 {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
}
.slider::after {
    background: rgba(0, 0, 0, 0) url("../images/slider-border.png") repeat-x scroll 0 0;
    bottom: 0;
    content: "";
    height: 28px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 999;
}

.slider.pg2::after {
    background: rgba(0, 0, 0, 0) url("../add/slider-heard.png") repeat-x scroll 0 0;
    bottom: 0;
    content: "";
    height: 28px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 999;
}
.slider .slider-ship {
    background: rgba(0, 0, 0, 0) url("../add/slider-heard.png") no-repeat scroll 0 0 / 100% auto;
    height: 114px;
    position: relative;
    right: 10px;
    top: 20px;
    width: 145px;
    z-index: 10;
}
.slider .slider-ship-buootn {

    background: rgba(0, 0, 0, 0) url(../add/slider-button.png) no-repeat scroll 0 0 / 100% 100%;
    right: -19px;
    width: 100px;
    z-index: 10;
    position: relative;
}
.slider .slider-ship-buootn:hover {
    background: rgba(0, 0, 0, 0) url("../add/slider-button-hover.png") no-repeat scroll 0 0 / 100% 100%;
}
.slider .slider-ship-buootn p {
    color: #fff;
    font-size: 18px;
    line-height: 21.6px;
    width: 98px;
    text-align: center;
    position: relative;
    top: 35px;
    min-height: 27px;
    word-break: break-word;
}

.slider .slider-ship-buootn2 {

    background: rgba(0, 0, 0, 0) url("../add/slider-button.png") no-repeat scroll 0 0 / 100% 100%;
    position: relative;
    right: -19px;
    width: 100px;
    z-index: 10;
}
.slider .slider-ship-buootn2:hover {
    background: rgba(0, 0, 0, 0) url("../add/slider-button-hover.png") no-repeat scroll 0 0 / 100% 100%;
}

.slider .slider-ship-buootn2 p {
    color: #fff;
    font-size: 18px;
    line-height: 21.6px;
    position: relative;
    width: 98px;
    text-align: center;
    top: 34px;
    min-height: 27px;
    word-break: break-word;

}
.slider .slider-link{
    background: rgba(0, 0, 0, 0) url("../add/slider-link.png") no-repeat scroll 0 0 / 100% auto;
    height: 67px;
    position: absolute;
    right: 30px;
    top: -32px;
    width: 57px;
    z-index: 10;
}
.slider .slider-link:hover{
    background: rgba(0, 0, 0, 0) url("../add/slider-link-hover.png") no-repeat scroll 0 0 / 100% auto;
}

.slider .slider-panda p {
    border-bottom: 1px solid #7d3529;
    border-top: 1px solid #7d3529;
    color: #7d3529;

    font-size: 14.2px;
    left: 30px;
    line-height: 17.04px;
    padding: 3px 0;
    position: absolute;
    top: 34px;
}
.sliding {

    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
    height: calc(100vw * (700/1900) + 22px);

}
.sliding img
{
    width:100%;
    height:auto;
}
.slider .owl-nav {
    display: none;
}
.owl-carousel .owl-nav.disabled {
    display: none;
}
.slider .owl-dots {
    bottom: 50px;
    display: block;
    margin: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.slider .owl-dots .owl-dot {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 100%;
    display: inline-block;
    height: 13px;
    margin: 0 8px;
    width: 13px;
}
.slider .owl-dots .owl-dot.active {
    position: relative;
}
.slider .owl-dots .owl-dot.active::after {
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 100%;
    content: "";
    height: 23px;
    left: -6px;
    position: absolute;
    top: -6px;
    width: 23px;
}
footer {
    background-color: #fcf5e9;
    height: auto;
    padding: 30px;
    width: 100%;
}
.quick-links {
    display: block;
    margin: 0;
    padding: 0;
}
.quick-links .ql-heading {
    display: block;
    margin: 0;
    padding: 0;
    text-align: left;
}
.quick-links .ql-heading h1 {
    background: rgba(0, 0, 0, 0) url("../images/button-bg.png") no-repeat scroll 0 0 / 100% auto;
    display: block;
    height: 60px;
    margin: 0;
    position: relative;
    width: 167px;

}
.quick-links .ql-heading h1 a {
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: bold;
    line-height: 35px;
    outline: 0 none;
    padding: 20px;
    text-align: right;
    text-decoration: none;

}
.quick-links ul {
    display: block;
    list-style: outside none none;
    margin: 0 0 0 20px;
    padding: 0;
}
.quick-links ul li {
    display: block;
    float: left;
    margin: 0;
    padding: 10px 18px 10px 0;
    height:32px;
    line-height: 32px;
    width: 180px;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-word;
    box-sizing: border-box;
}
.quick-links ul li a {
    color: #515151;
    display: block;
    font-size: 15px;
    line-height: 21.6px;
    margin: 0;
    outline: 0 none;
    padding: 0;
    text-decoration: none;

}
.quick-links p {
    color: #adadad;
    display: block;
    font-size: 16px;
    line-height: 19.2px;
    list-style: outside none none;
    margin: 15px 0 0 20px;
    padding: 0;

}
.contect-dtl {
    display: block;
    margin: 0;
    padding: 0;
}
.contect-dtl .cd-heading {
    display: block;
    margin: 0;
    padding: 0;
    text-align: left;
}

.contect-dtl .cd-heading h1 {
    background: rgba(0, 0, 0, 0) url("../images/button-bg.png") no-repeat scroll 0 0 / 100% auto;
    display: block;
    height: 60px;
    margin: 0;
    position: relative;
    width: 167px;
}
.contect-dtl .cd-heading h1 a {
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: bold;
    line-height: 35px;
    outline: 0 none;
    padding: 19px 20px;
    text-align: right;
    text-decoration: none;

}
.contect-dtl ul {
    display: block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.contect-dtl ul li {
    color: #515151;
    display: block;
    font-size: 15px;
    font-weight: normal;
    line-height: 21.6px;
    margin: 0;
    padding: 6px 0;

}
.contect-dtl ul li span {
    display: inline-block;
    width: 45px;


}
.copy-right {
    display: block;
    margin: 0;
    padding: 0;
}
.copy-right  p {
    color: #adadad;
    display: block;
    font-size: 16px;
    line-height: 19.2px;
    list-style: outside none none;
    margin: 15px 0 0 20px;
    padding: 0;

}
.middle-part {
    background-color: #caefef;
    height: auto;
    margin: 0;
    padding: 60px 0 50px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}
.middle-part::after {
    background: rgba(0, 0, 0, 0) url("../images/middle-part-border.png") repeat-x scroll 0 0;
    bottom: 0;
    content: "";
    height: 34px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 999;
}
.full-col {
    margin: 0;
    padding: 0;
    width: 100%;
}
.full-col .left-col {
    float: left;
    margin: 0 50px;
    padding: 0;
    width: 579px;
}

.full-col .right-col {
    float: left;
    margin: 0 50px;
    padding: 0;
    width: 459px;
}

.tab-box {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 10px;
    height: auto;
    margin: 0 0 65px;
    min-height: 435px;
    padding: 10px;
    position: relative;
    width: 100%;
    z-index:3;
}

.tab-box::before {
    background: rgba(0, 0, 0, 0) url("../images/tab-box-right.png") no-repeat scroll 0 0 / 100% auto;
    content: "";
    height: 126px;
    position: absolute;
    right: -1px;
    top: -1px;
    width: 146px;
}

.tab-box::after {
    background: rgba(0, 0, 0, 0) url("../images/tab-box-left.png") no-repeat scroll 0 0 / 100% auto;
    bottom: -1px;
    content: "";
    height: 126px;
    left: -1px;
    position: absolute;
    width: 146px;
}

.tab-box .tb-heading {
    display: block;
    margin: -45px 0 0;
    padding: 0;
    text-align: center;
}

.tab-box .tb-heading h1 {
    background: rgba(0, 0, 0, 0) url("../images/button-bg.png") no-repeat scroll 0 0 / 100% auto;
    display: inline-block;
    height: 63px;
    margin: 0;
    position: relative;
    width: 177px;
}

.tab-box .tb-heading h1 span {
    color: #F28D14;
    display: block;
    font-size: 21px;
    font-weight: bold;
    line-height: 25.2px;
    margin: 20px 0 0;
    outline: 0 none;
    padding: 6px 0 6px 44px;
    text-align: center;

    text-decoration: none;
}

.tab-box .kekada {
    background: rgba(0, 0, 0, 0) url("../images/kekada.png") no-repeat scroll 0 0 / 100% auto;
    display: block;
    height: 80px;
    left: -38px;
    position: absolute;
    top: -44px;
    width: 100px;
}
.tab-box .tbdc-line {
    display: block;
    height: auto;
    margin: 20px;
    padding: 0 20px;
    position: relative;
    width: auto;
}
.tab-box .tbdc-line::before {

    background: rgba(0, 0, 0, 0) url("../images/tab-line.png") no-repeat scroll 0 0 / 100% auto;
    content: "";
    display: block;
    height: 15px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.tab-box .tb-datacon {
    display: block;
    height: auto;
    margin: 20px;
    padding: 0 20px;
    position: relative;
    width: auto;
}
.tab-box .tb-datacon .tbdc-ul {
    border-bottom: medium none;
    display: block;
    text-align: center;
}
.tab-box .tb-datacon .tbdc-ul > li {
    display: inline-block;
    height: auto;
    margin: 0 16px;
    padding: 0;
    width: auto;
}
.tab-box .tb-datacon .tbdc-ul > li > a {
    background: rgba(0, 0, 0, 0) url("../images/tab-panel.png") no-repeat scroll 0 0 / 100% auto;
    color: #fff;
    display: block;
    font-size: 18px;
    height: 47px;
    line-height: 21.6px;
    margin: 0;
    outline: 0 none;
    padding: 13px 0;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease-in-out 0s;
    width: 82px;

}
.tab-box .tb-datacon .tbdc-ul > li > a.active {
    background: rgba(0, 0, 0, 0) url("../images/tab-panel-active.png") no-repeat scroll 0 0 / 100% auto;
    color: #fff;
    display: block;
    font-size: 18px;
    height: 47px;
    line-height: 21.6px;
    margin: 0;
    outline: 0 none;
    padding: 13px 0;
    text-align: center;
    text-decoration: none;
    width: 82px;
}
.tab-box .tb-datacon .tab-content {
    margin-left: -20px;
    margin-right: -20px;
}
.tab-box .tb-datacon .tbdc-detail-01 {
    display: block;
    margin: 0;
    padding: 0;
}
.tab-box .tb-datacon .tbdc-detail-01 > ul {
    display: block;
    list-style: outside none none;
    margin: 20px 0 0;
    padding: 0;
}
.tab-box .tb-datacon .tbdc-detail-01 > ul > li {
    display: block;
    margin: 0;
    padding: 0;
}
.tab-box .tb-datacon .tbdc-detail-01 > ul > li > a {
    border-bottom: 1px solid #eae8e4;
    display: block;
    height: auto;
    margin: 0;
    outline: 0 none;
    padding: 20px 0;
    text-decoration: none;
    width: 100%;

}
.tab-box .tb-datacon .tbdc-detail-01 > ul > li > a .tbdcd-label {
    display: block;
    float: left;
    margin: 0;
    padding: 0 10px;
    width: 25%;
}
.tab-box .tb-datacon .tbdc-detail-01 > ul > li > a .tbdcd-label span {
    color: #fff;
    display: inline-block;
    font-size: 18px;
    height: 30px;
    line-height: 21.6px;
    margin: 0;
    padding: 3px 0 0;
    text-align: center;
    width: 100%;

}
.tab-box .tb-datacon .tbdc-detail-01 > ul > li > a .tbdcd-label span.tl-01 {
    background: rgba(0, 0, 0, 0) url("../images/tab-label-01.png") no-repeat scroll 0 0 / 100% auto;
}
.tab-box .tb-datacon .tbdc-detail-01 > ul > li > a .tbdcd-label span.tl-02 {
    background: rgba(0, 0, 0, 0) url("../images/tab-label-02.png") no-repeat scroll 0 0 / 100% auto;
}
.tab-box .tb-datacon .tbdc-detail-01 > ul > li > a .tbdcd-label span.tl-03 {
    background: rgba(0, 0, 0, 0) url("../images/tab-label-03.png") no-repeat scroll 0 0 / 100% auto;
}
.tab-box .tb-datacon .tbdc-detail-01 > ul > li > a .tbdcd-txt {
    display: block;
    float: left;
    margin: 0;
    padding: 0 10px;
    width: 60%;
}
.tab-box .tb-datacon .tbdc-detail-01 > ul > li > a .tbdcd-txt p {
    color: #515151;
    display: block;
    font-size: 14px;
    line-height: 16.8px;
    margin: 0;
    padding: 7px 0;

}
.tab-box .tb-datacon .tbdc-detail-01 > ul > li > a .tbdcd-date {
    display: block;
    float: left;
    margin: 0;
    padding: 0 10px;
    width: 15%;
}
.tab-box .tb-datacon .tbdc-detail-01 > ul > li > a .tbdcd-date small {
    color: #4dbadb;
    display: block;
    font-size: 14px;
    line-height: 16.8px;
    margin: 0;
    padding: 7px 0;

}
.gallery-box {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 10px;
    height: auto;
    margin: 0 0 35px;
    min-height: 100%;
    padding: 0;
    width: 100%;
    z-index: 9;
    position: relative;
}

.gallery-box::before {
    background: rgba(0, 0, 0, 0) url("../images/gallery-star.png") no-repeat scroll 0 0 / 100% auto;
    content: "";
    height: 67px;
    left: -50px;
    position: absolute;
    top: -35px;
    width: 65px;
}

.gallery-box .gb-inner {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 10px;
    display: block;
    height: auto;
    margin: 0 0 35px;
    min-height: 518px;
    padding: 10px;
    position: relative;
    width: 100%;
}

.gallery-box .gb-inner::before {
    background: rgba(0, 0, 0, 0) url("../images/gallery-box-right.png") no-repeat scroll 0 0 / 100% auto;
    content: "";
    height: 146px;
    position: absolute;
    right: -1px;
    top: -1px;
    width: 146px;
}

.gallery-box .gb-inner::after {
    background: rgba(0, 0, 0, 0) url("../images/gallery-box-left.png") no-repeat scroll 0 0 / 100% auto;
    bottom: -1px;
    content: "";
    height: 126px;
    left: -1px;
    position: absolute;
    width: 146px;
    z-index: 9;
}

.gallery-box .gb-inner .gb-heading {
    display: block;
    margin: -45px 0 0;
    padding: 0;
    text-align: center;
}

.gallery-box .gb-inner .gb-heading h1 {
    background: rgba(0, 0, 0, 0) url("../images/button-bg.png") no-repeat scroll 0 0 / 100% auto;
    display: inline-block;
    height: 63px;
    margin: 0;
    position: relative;
    width: 177px;
}

.gallery-box .gb-inner .gb-heading h1 a {
    color: #F28D14;
    display: block;
    font-size: 21px;
    font-weight: bold;
    line-height: 25.2px;
    margin: 20px 0 0;
    outline: 0 none;
    padding: 6px 0 6px 44px;
    text-align: center;
    text-decoration: none;

}

.gallery-box .gb-inner .gallery-fish-01
{
    background: rgba(0, 0, 0, 0) url("../images/gallery-fish-01.png") no-repeat scroll 0 0 / 100% auto;
    bottom: -105px;
    height: 181px;
    position: absolute;
    right: -100px;
    width: 191px;
}
.gallery-box .gb-inner .gallery-fish-02
{
    background: rgba(0, 0, 0, 0) url("../images/gallery-fish-02.png") no-repeat scroll 0 0 / 100% auto;
    bottom: -95px;
    height: 118px;
    left: -45px;
    position: absolute;
    width: 178px;
}
.gallery-box .gb-inner .gb-detail
{
    margin:15px 0 0;
}
/*.gallery-box .gb-inner .gb-detail .abc-01
{
	position:relative;
	margin:0 auto;
	top:0px;
	left:0px;
	width:100%;
	height:305px;
	overflow:visible;
	visibility:hidden;

}
.gallery-box .gb-inner .gb-detail .abc-02
{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	text-align:center;
}
.gallery-box .gb-inner .gb-detail .sm-pic
{
	cursor:default;
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:auto;
	overflow:hidden;

}
.gallery-box .gb-inner .gb-detail .sm-pic div
{
	position:relative;
	width:100%;
	height:auto;

}
.gallery-box .gb-inner .gb-detail .sm-pic div img
{
	width:100%;
	height:auto;

}
.gallery-box .gb-inner .gb-detail .abc-03
{
	position:relative;
	left:10px;
	bottom:50px;
	width:100%;
	height:auto;
	right:0px;
}
.gallery-box .gb-inner .gb-detail .abc-04
{
	width:140px;height:94px;margin:0 0;
	position:relative;
	bottom:0;
	left:0;
	right:0;
}*/

.gallery-box .gb-inner .gb-detail .abc-01
{
    position:relative;margin:0 auto;top:0px;left:0px;width:457px;height:305px;overflow:visible;visibility:hidden;
}

.gallery-box .gb-inner .gb-detail .abc-02
{
    position:absolute;top:0px;left:0px;width:100%;height:100%;text-align:center;
}
.gallery-box .gb-inner .gb-detail .sm-pic
{
    cursor:default;position:relative;top:0px;left:0px;width:457px;height:300px;overflow:hidden;
}
.gallery-box .gb-inner .gb-detail .abc-03
{
    position:absolute;left:10px;bottom:-120px;width:457px;height:100px;right:-30px;
}
.gallery-box .gb-inner .gb-detail .abc-04
{
    width:140px;height:94px;margin:0 0
}

.calender-box {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 10px;
    display: block;
    height: auto;
    margin: 0;
    min-height: 100%;
    padding: 0;
    position: relative;
    width: 100%;
}

.calender-box::before {
    background: rgba(0, 0, 0, 0) url("../images/calender-scover.png") no-repeat scroll 0 0 / 100% auto;
    content: "";
    height: 56px;
    left: -35px;
    position: absolute;
    top: -35px;
    width: 59px;
}

.calender-box .cb-inner {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 10px;
    display: block;
    height: auto;
    margin: 0 0 35px;
    min-height: 100%;
    padding: 10px 10px 50px;
    position: relative;
    width: 100%;
}

.calender-box .cb-inner::before {
    background: rgba(0, 0, 0, 0) url("../images/calender-right.png") no-repeat scroll 0 0 / 100% auto;
    content: "";
    height: 123px;
    position: absolute;
    right: -1px;
    top: -1px;
    width: 112px;
}

.calender-box .cb-inner::after {
    background: rgba(0, 0, 0, 0) url("../images/calender-left.png") no-repeat scroll 0 0 / 100% auto;
    bottom: -1px;
    content: "";
    height: 126px;
    left: -1px;
    position: absolute;
    width: 146px;
    z-index: 9;
}

.calender-box .cb-inner .cb-heading {
    display: block;
    margin: -45px 0 0;
    padding: 0;
    text-align: center;
}

.calender-box .cb-inner .cb-heading h1 {
    background: rgba(0, 0, 0, 0) url("../images/button-bg.png") no-repeat scroll 0 0 / 100% auto;
    display: inline-block;
    height: 63px;
    margin: 0;
    position: relative;
    width: 177px;
}

.calender-box .cb-inner .cb-heading h1 a {
    color: #F28D14;
    display: block;
    font-size: 21px;
    font-weight: bold;
    line-height: 25.2px;
    margin: 20px 0 0;
    outline: 0 none;
    padding: 6px 0 6px 40px;
    text-align: center;
    text-decoration: none;

}

.calender-box .cb-inner ul {
    display: block;
    list-style: outside none none;
    margin: 10px 0 0 75px;
    padding: 0;
    text-align: center;
}
.calender-box .cb-inner ul li {
    display: inline-block;
    margin: 0;
    padding: 0 20px;
}
.calender-box .cb-inner ul li a {
    color: #515151;
    font-size: 14px;
    line-height: 16.8px;
    outline: 0 none;
    position: relative;

    text-decoration: none;
}
.calender-box .cb-inner ul li a::before {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 100%;
    content: "";
    height: 15px;
    left: -23px;
    position: absolute;
    top: 0;
    width: 15px;
}
.calender-box .cb-inner ul li a.circle-01::before {
    background-color: #ef99a9;
    border: 1px solid #ef99a9;
}
.calender-box .cb-inner ul li a.circle-02::before {
    background-color: #f2c548;
    border: 1px solid #f2c548;
}
.calender-box .cb-inner ul li a.circle-03::before {
    background-color: #58b3b4;
    border: 1px solid #58b3b4;
}
.full-cal {
    display: block;
    float: left;
    margin: 20px 0 0;
    padding: 0 10px;
    position: relative;
    width: 58%;
    z-index: 999;
}

.full-cal .fc-body {
    border: 1px solid #4287c6;
    border-radius: 15px;
    float: left;
    width: 234.563px;
    margin: 0 auto;
}
.full-cal .fc-body .fcb-head {
    background-color: #4287c6;
    border-radius: 14px 14px 0 0;
}
.full-cal .fc-body .fcb-head p {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
}
.full-cal .fc-body .fcb-head p > a {
    color: #fff;
    display: inline-block;
    font-size: 13.93px;
    line-height: 16.72px;
    margin: 0;
    outline: 0 none;
    padding: 10px 5px;
    text-decoration: none;

}
.full-cal .fc-body .fcb-head p > a > img {
    height: auto;
    margin: -2px 0 0;
    width: auto;
}
.full-cal .fc-body .fcb-head > ol {
    display: block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.full-cal .fc-body .fcb-head > ol > li {
    display: block;
    float: left;
    margin: 0;
    padding: 0 8px;
    text-align: center;
    width: 14%;
}
.full-cal .fc-body .fcb-head > ol > li > a {
    color: #fff;
    display: block;
    font-size: 12.55px;
    line-height: 15.06px;
    margin: 0;
    padding: 5px 0;
    text-decoration: none;

}
.full-cal .fc-body .fcb-content {
    display: block;
    margin: 0;
    padding: 0;
}
.full-cal .fc-body .fcb-content > dl {
    display: block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.full-cal .fc-body .fcb-content > dl > li {
    display: block;
    float: left;
    margin: 0;
    padding: 4px 8px;
    text-align: center;
    width: 14%;
}
.full-cal .fc-body .fcb-content > dl > li:nth-child(7n+1) > a{
    color: #ef99a9;
}
.full-cal .fc-body .fcb-content > dl > li > a {

    color: #515151;
    display: block;
    font-size: 10.84px;
    height: 18.126px;
    line-height: 7.01px;
    margin: 0;
    padding: 5px 0;
    text-decoration: none;
    width: 18.126px;

}
.full-cal .fc-body .fcb-content > dl > li > a.active-01 {
    background: url("../calendar/Untitled-1-01.png") no-repeat scroll 0 0 / 100% auto;
    /*border: 1px solid #ef99a9;*/
    color: #fff;
}
.full-cal .fc-body .fcb-content > dl > li > a.active-02 {
    background: url("../calendar/Untitled-1-02.png") no-repeat scroll 0 0 / 100% auto;
    color: #fff;
}
.full-cal .fc-body .fcb-content > dl > li > a.active-03 {
    background: url("../calendar/Untitled-1-04.png") no-repeat scroll 0 0 / 100% auto;
    color: #fff;
}
.full-cal .fc-body .fcb-content > dl > li > a.active-03.active-01 {
    background: url("../calendar/Untitled-1-06.png") no-repeat scroll 0 0 / 100% auto;
    color: black;
}
.full-cal .fc-body .fcb-content > dl > li > a.active-02.active-01 {
    background: url("../calendar/Untitled-1-03.png") no-repeat scroll 0 0 / 100% auto;
    color: black;
}
.full-cal .fc-body .fcb-content > dl > li > a.active-02.active-03 {
    background: url("../calendar/Untitled-1-05.png") no-repeat scroll 0 0 / 100% auto;
    color: black;
}

.full-cal .fc-body .fcb-content > dl > li > a.active-02.active-03.active-01 {
    background: url("../calendar/Untitled-1-07.png") no-repeat scroll 0 0 / 100% auto;
    color: black;
}


.full-cal-detail {
    display: block;
    float: left;
    margin: 20px 0 0;
    padding: 0;
    width: 42%;
}

.full-cal-detail > ol {
    display: block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.full-cal-detail > ol > li {
    border-bottom: 1px solid #dadada;
    display: block;
    margin: 0;
    padding: 0;
}
.full-cal-detail > ol > li > a {
    display: block;
    margin: 0;
    outline: 0 none;
    padding: 5px;
    text-align: left;
    text-decoration: none;

}
.full-cal-detail > ol > li > a span {
    color: #4dbadb;
    display: block;
    font-size: 14px;
    line-height: 16.8px;
    margin: 0;
    padding: 4px 0 0;

}
.full-cal-detail > ol > li > a p {
    color: #515151;
    display: block;
    font-size: 14px;
    line-height: 16.8px;
    margin: 0;
    padding: 4px 0;

}
.calender-box .cb-inner .calender-ship {
    background: rgba(0, 0, 0, 0) url("../images/calender-ship.png") no-repeat scroll 0 0 / 100% auto;
    bottom: -12px;
    height: 106px;
    position: absolute;
    right: -75px;
    width: 91px;
}
.video-box {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 10px;
    height: auto;
    margin: 0 0 35px;
    min-height: 100%;
    padding: 10px 10px 50px;
    position: relative;
    width: 100%;
    z-index: 2;
}

.video-box::before {
    background: rgba(0, 0, 0, 0) url("../images/video-box-right.png") no-repeat scroll 0 0 / 100% auto;
    content: "";
    height: 123px;
    position: absolute;
    right: -1px;
    top: -1px;
    width: 112px;
}

.video-box::after {
    background: rgba(0, 0, 0, 0) url("../images/video-box-left.png") no-repeat scroll 0 0 / 100% auto;
    bottom: -1px;
    content: "";
    height: 126px;
    left: -1px;
    position: absolute;
    width: 146px;
}

.video-box .vb-heading {
    display: block;
    margin: -45px 0 0;
    padding: 0;
    text-align: center;
}

.video-box .vb-heading h1 {
    background: rgba(0, 0, 0, 0) url("../images/button-bg.png") no-repeat scroll 0 0 / 100% auto;
    display: inline-block;
    height: 63px;
    margin: 0;
    position: relative;
    width: 177px;
}

.video-box .vb-heading h1 span {
    color: #F28D14;
    display: block;
    font-size: 21px;
    font-weight: bold;
    line-height: 25.2px;
    margin: 20px 0 0;
    outline: 0 none;
    padding: 6px 0 6px 40px;
    text-align: center;
    text-decoration: none;

}

.video-box .vb-slider {
    display: block;
    margin: 29px 0 0;
    padding: 0;
    position: relative;
}
.video-box .vb-slider .vbs-iframe-con {
    display: block;
    height: auto;
    text-align: center;
    width: 100%;
}
.video-box .vb-slider .vbs-iframe-con .vbsic-play {
    display: inline-block;
    height: 166.642px;
    width: 325.932px;
}
.video-box .vb-slider .vbs-iframe-con .vbsic-play video {
    height: 100%;
    width: 100%;
}
.video-box .vb-slider .vbs-iframe-con .vbsic-play iframe {
    height: 100%;
    width: 100%;
}
.video-box .vb-slider .owl-nav {
    clear: both;
    display: block;
    height: auto;
    position: relative;
    width: auto;
}
.video-box .vb-slider .owl-nav .owl-prev {
    border-radius: 100%;
    bottom: 50px;
    display: inline-block;
    height: 50px;
    left: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 50px;
}
.video-box .vb-slider .owl-nav .owl-next {
    border-radius: 100%;
    bottom: 50px;
    display: inline-block;
    height: 50px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    vertical-align: middle;
    width: 50px;
}
.video-box .vb-slider .owl-nav img {
    height: auto;
    width: auto;
}
.video-box-wrap .vb-fish {
    background: rgba(0, 0, 0, 0) url("../images/vb-fish.png") no-repeat scroll 0 0 / 100% auto;
    height: 84px;
    left: -134px;
    position: absolute;
    top: -22px;
    width: 139px;

}
.news-box {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 10px;
    display: block;
    height: auto;
    margin: 0;
    min-height: 100%;
    padding: 0;
    position: relative;
    width: 100%;
}

.news-box::before {
    background: rgba(0, 0, 0, 0) url("../images/news-grass.png") no-repeat scroll 0 0 / 100% auto;
    bottom: -38px;
    content: "";
    height: 99px;
    position: absolute;
    right: -71px;
    width: 88px;
}

.news-box .nb-inner {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 10px;
    display: block;
    height: auto;
    margin: 0 0 35px;
    min-height: 340px;
    padding: 10px 10px 30px;
    position: relative;
    width: 100%;
}

.news-box .nb-inner::before {
    background: rgba(0, 0, 0, 0) url("../images/news-box-right.png") no-repeat scroll 0 0 / 100% auto;
    content: "";
    height: 123px;
    position: absolute;
    right: -1px;
    top: -1px;
    width: 112px;
}

.news-box .nb-inner::after {
    background: rgba(0, 0, 0, 0) url("../images/news-box-left.png") no-repeat scroll 0 0 / 100% auto;
    bottom: -1px;
    content: "";
    height: 126px;
    left: -1px;
    position: absolute;
    width: 146px;
    z-index: 9;
}

.news-box .nb-inner .nb-heading {
    display: block;
    margin: -45px 0 0;
    padding: 0;
    text-align: center;
}

.news-box .nb-inner .nb-heading h1 {
    background: rgba(0, 0, 0, 0) url("../images/button-bg.png") no-repeat scroll 0 0 / 100% auto;
    display: inline-block;
    height: 63px;
    margin: 0;
    position: relative;
    width: 177px;
}

.news-box .nb-inner .nb-heading h1 a {
    color: #F28D14;
    display: block;
    font-size: 17px;
    font-weight: bold;
    line-height: 25.2px;
    margin: 20px 0 0;
    outline: 0 none;
    padding: 5px 0 6px 45px;
    text-align: center;
    text-decoration: none;

}

.news-box .nb-inner  .nb-detail
{
    display:block;
    margin:0;
    padding:0;
}
.news-box .nb-inner  .nb-detail > ul {
    display: block;
    list-style: outside none none;
    margin: 22px 0 22px 10px;
    padding: 0;
}

.news-box .nb-inner  .nb-detail > ul > li {
    display: block;
    margin: 0;
    padding: 0;
}
.news-box .nb-inner  .nb-detail > ul > li > a {
    border-bottom: 1px solid #eae8e4;
    display: block;
    height: auto;
    margin: 0;
    outline: 0 none;
    padding: 20px 0;
    text-decoration: none;
    width: 100%;
    position: relative;
    z-index:11;

}
.news-box .nb-inner  .nb-detail > ul > li > a .nbd-txt {
    display: block;
    float: left;
    margin: 0;
    padding: 0 10px;
    width: 75%;
}
.news-box .nb-inner  .nb-detail > ul > li > a .nbd-txt p {
    color: #515151;
    display: block;
    font-size: 14px;
    line-height: 16.8px;
    margin: 0;

    padding: 7px 0;
}
.news-box .nb-inner  .nb-detail > ul > li > a .nbd-date {
    display: block;
    float: left;
    margin: 0;
    padding: 0 10px;
    width: 25%;
}
.news-box .nb-inner  .nb-detail > ul > li > a .nbd-date small {
    color: #4DBADB;
    display: block;
    font-size: 14px;
    line-height: 16.8px;
    margin: 0;
    padding: 7px 0;

}
.partners
{

    margin: 0;
    padding: 0;
    padding-top:30px;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    height: 140px;
}
.partners_head{
    color: #F28D14;
    margin-left: 60px;
    font-size: 20px;
    font-weight: bold;
}
.partners .partners-inner
{
    width:80%;
    margin:0 auto;
    height:auto;
    display:block;
}
.partners .partners-inner span
{
    display: block;
    margin: 0;
    padding: 0 35px;
    width:100%;
    height:auto;

}
.partners  .owl-carousel .owl-stage {
    display: flex;
    align-items: center;
}
.partners .partners-inner span a
{
    display:block;
    margin:0;
    padding:0;
    text-decoration:none;
    outline:0;
    text-align:center;
}
.partners .partners-inner span a img
{
    display:inline-block;
    width:100%;
    height:auto;

}
.partners .partners-inner .owl-nav
{
    /*display:none;*/
}
.partners .partners-inner .owl-nav {
    clear: both;
    display: block;
    height: auto;
    position: relative;
    width: auto;
}
.partners .partners-inner .owl-nav .owl-prev {
    border-radius: 100%;
    bottom: 50px;
    display: inline-block;
    height: 50px;
    left: -65px;
    padding: 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 50px;
}
.partners .partners-inner .owl-nav .owl-next {
    border-radius: 100%;
    bottom: 50px;
    display: inline-block;
    height: 50px;
    padding: 0;
    position: absolute;
    right: -65px;
    text-align: center;
    vertical-align: middle;
    width: 50px;
}
/* inner page breadcum for all */
.school-breadcum {
    display: block;
    margin: 0 0 5px;
    padding: 5px 0 5px;
}
.school-breadcum > ul
{
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}
.school-breadcum > ul > li
{
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    position: relative;
}
.school-breadcum > ul > li::after {
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -4px;
    right: -6px;
    content: ">";
    color: #515151;
}
.school-breadcum > ul > li:last-child::after {
    display: none;
}
.school-breadcum > ul > li > a
{
    display: block;
    margin: 0;
    padding: 0;
    text-decoration: none;
    outline: 0;
    font-size: 14px;
    line-height: 16.8px;
    color: #515151;
}
/* latest-news */
.middle-part.pad-top-btm-0 {
    padding: 0px;
    min-height: 800px;


}
.main-inner-box
{
    display: block;
    margin: 0 0;
    padding: 0;
    width: 100%;
    height: auto;
    position: relative;
}
.main-inner-box .mib-kekada {
    position: absolute;
    background: rgba(0, 0, 0, 0) url("../images/kekada.png") no-repeat scroll 0 0 / 100% auto;
    display: block;
    height: 80px;
    width: 100px;
    top: 38px;
    left: -18px;
    z-index: 9;
}
.main-inner-box .mib-starfish {
    position: absolute;
    background: rgba(0, 0, 0, 0) url("../images/gallery-star.png") no-repeat scroll 0 0 / 100% auto;
    display: block;
    height: 67px;
    width: 65px;
    left: -25px;
    top: 390px;
    z-index: 9;
}
.main-inner-box .mib-blueship {
    position: absolute;
    background: rgba(0, 0, 0, 0) url("../images/calender-ship.png") no-repeat scroll 0 0 / 100% auto;
    display: block;
    height: 106px;
    width: 91px;
    bottom: 130px;
    left: -20px;
    z-index: 9;
}

.main-inner-box .mib-blackshark {
    position: absolute;
    background: rgba(0, 0, 0, 0) url("../images/vb-fish.png") no-repeat scroll 0 0 / 100% auto;
    display: block;
    height: 84px;
    width: 139px;
    right: -15px;
    top: 100px;
    z-index: 9;
}

.main-inner-box .mib-bubblefish {
    position: absolute;
    background: rgba(0, 0, 0, 0) url("../images/gallery-fish-02.png") no-repeat scroll 0 0 / 100% auto;
    display: block;
    height: 118px;
    width: 178px;
    top: 435px;
    right: 140px;
    z-index: 9;
}
.main-inner-box .mib-shipcover {
    position: absolute;
    background: rgba(0, 0, 0, 0) url("../images/calender-scover.png") no-repeat scroll 0 0 / 100% auto;
    display: block;
    height: 56px;
    width: 59px;
    right: 0;
    bottom: 335px;
    z-index: 9;
}
.main-inner-box .mib-whealfish {
    position: absolute;
    background: rgba(0, 0, 0, 0) url("../images/gallery-fish-01.png") no-repeat scroll 0 0 / 100% auto;
    display: block;
    height: 110px;
    width: 120px;
    right: 265px;
    bottom: 135px;
    z-index: 9;
}
.main-inner-box .mib-greengrass {
    position: absolute;
    background: rgba(0, 0, 0, 0) url("../images/news-grass.png") no-repeat scroll 0 0 / 100% auto;
    display: block;
    height: 99px;
    width: 88px;
    right: -45px;
    bottom: 50px;
    z-index: 9;
}
.main-inner-box .mib-left-01
{
    display: block;
    margin: 0;
    padding: 0 15px;
    width: 70%;
    float: left;
}
.main-inner-box .mib-left-02
{
    display: block;
    margin: 0;
    padding: 0 15px 0 25px;
    width: 30%;
    min-width: 289px;
    float: left;
}
.main-inner-box .mib-right-01 {
    display: block;
    margin: 0;
    padding: 0 15px 0 25px;
    width: 30%;
    min-width: 289px;
    float: left;
}
.main-inner-box .mib-right-01.mobile-menu
{
    display: none;
}
.main-inner-box .mib-right-01.desktop-menu
{
    display: block;
}
.main-inner-box .mib-right-01.mobile-menu .sidebar-con {

    margin: 0 0 20px;
}
.main-inner-box .mib-right-02 {
    display: block;
    margin: 0;
    padding: 0 15px;
    width: 70%;
    float: left;
}
.latest-news-list
{
    display: block;
    background-color: #fff;
    box-shadow: 0 0 4px 2px #969696;
    padding: 5px 45px 155px 20px;
    margin: 0;
    z-index: 99;
    position: relative;
}
.latest-news-list h1 {
    font-size: 30px;
    line-height: 36px;
    color: #4DBADB;
    font-weight: normal;
    margin: 20px 0 0;
    padding: 0 0 0 20px;
}
.latest-news-list > ol {
    display: block;
    list-style: outside none none;
    margin: 20px 0 0;
    padding: 0;
}
.latest-news-list > ol > li {
    display: block;
    margin: 0;
    padding: 0;
}
.latest-news-list > ol > li > a {
    border-bottom: 1px dashed #EDEDED;
    /*display: block;*/
    height: auto;
    margin: 0;
    outline: 0 none;
    padding: 20px 20px;
    text-decoration: none;
    width: 100%;
    display: flex;
    align-items: center;
}
.latest-news-list > ol > li:nth-child(even) a {background-color: rgba(221,240,242,0.2);}
.latest-news-list > ol > li:nth-child(odd) a {background: #FFF}
.latest-news-list > ol > li > a .lnl-label {
    display: block;
    float: left;
    margin: 0;
    padding: 0 10px;
    width: 22%;
}
.latest-news-list > ol > li > a .lnl-label span {
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    height: 36px;
    line-height: 12.6px;
    margin: 0;
    padding: 0 6px;
    text-align: center;
    width: 100%;
}
.latest-news-list > ol > li > a .lnl-label span.lnl-01 {
    background: rgba(0, 0, 0, 0) url("../images/tab-label-01.png") no-repeat scroll 0 0 / 100% 100% ;
}
.latest-news-list > ol > li > a .lnl-label span.lnl-02 {
    background: rgba(0, 0, 0, 0) url("../images/tab-label-02.png") no-repeat scroll 0 0 / 100% 100% ;
}
.latest-news-list > ol > li > a .lnl-label span.lnl-03 {
    background: rgba(0, 0, 0, 0) url("../images/tab-label-03.png") no-repeat scroll 0 0 / 100% 100% ;
}
.latest-news-list > ol > li > a .lnl-txt {
    display: block;
    float: left;
    margin: 0;
    padding: 0 10px 0 30px;
    width: 58%;
}
.latest-news-list > ol > li > a .lnl-txt p {
    color: #515151;
    display: block;
    font-size: 14px;
    line-height: 16.8px;
    margin: 0;
    padding: 7px 0;
}
.latest-news-list > ol > li > a .lnl-date {
    display: block;
    float: left;
    margin: 0;
    padding: 0 10px;
    width: 15%;
}
.latest-news-list > ol > li > a .lnl-date small {
    color: #4dbadb;
    display: block;
    font-size: 14px;
    line-height: 16.8px;
    margin: 0;
    padding: 7px 0;
}
/* pagonation for all page */
.school-pagination
{
    display: block;
    margin: 25px 0;
    padding: 0;
    width: 100%;
    height: auto;
}
.school-pagination > ul
{
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}
.school-pagination > ul > li
{
    display: inline-block;
    margin: 0;
    padding: 0 5px;
}
.school-pagination > ul > li > a
{
    display: block;
    margin: 0;
    padding: 5px 0;
    width: 32px;
    height: 36px;
    /*background: url(../images/breadcum-number.png) no-repeat scroll 0 0 / 100%;*/
    font-size: 18px;
    color: #fff;
    line-height:21.6px;
    text-align: center;
    text-decoration: none;
    outline: 0;
}
.school-pagination > ul > li > .doing
{
    background: url(../images/breadcum-number-02.png) no-repeat scroll 0 0 / 100%;
}
.school-pagination > ul > li > .active
{
    background: url(../images/breadcum-number-02.png) no-repeat scroll 0 0 / 100%;
}
.school-pagination > ul > li > a
{
    background: url(../images/breadcum-number.png) no-repeat scroll 0 0 / 100%;
}
/* Sidebar */
.sidebar-con
{
    display: block;
    margin: 0;
    padding: 0;
    background-color: #fff;
    box-shadow: 0 0 4px 2px #969696;
    border-radius:0 0 20px 20px;
    position: relative;
    z-index: 99;
}
.sc-header
{
    display: block;
    margin: 0;
    padding: 20px 0;
    background-color: #006DC7;
    text-align: left;
    position: relative;
}
.sc-header h2
{
    display: inline-block;
    margin: 0;
    padding: 0 20px;
    color: #E0E0E0;
    font-size:21px ;
    line-height: 25.2px;
}
.sc-header .circle-btm
{
    width: 16px;
    height: 16px;
    border:1px solid #fff;
    border-radius: 100%;
    background-color: #fff;
    position: absolute;
    bottom: -6px;
    display: block;
}
.sc-header .circle-btm.cb-01
{
    left:6% ;
}
.sc-header .circle-btm.cb-02
{
    left:22% ;
}
.sc-header .circle-btm.cb-03
{
    left:38% ;
}
.sc-header .circle-btm.cb-04
{
    left:55% ;
}
.sc-header .circle-btm.cb-05
{
    left:72% ;
}
.sc-header .circle-btm.cb-06
{
    left:90% ;
}
.sc-header .sc-menu
{
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #000;
    border: 1px solid #000;
    border-radius: 100%;
    top: 15px;
    right: 35px;
    display: block;
    text-align: center;
    cursor: pointer;
    transition: all 0.6s ease-in-out 0s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
}
.sc-header .sc-menu i {
    display: inline-block;
    color: #fff;
    font-size: 25px;
    line-height: 30px;
}
.sc-header .sc-menu.open
{

    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    background-color: #000;
    border: 1px solid #000;

}
.sc-header .sc-menu.open i
{
    display: inline-block;
    color: #fff;
    font-size: 25px;
    line-height: 26px;

}
.panel-body
{
    display: block;
    margin: 0px 0;
    padding: 0 0 20px;
}
.panel-body .panel-heading
{
    display: block;
    margin: 0 0 0;
    padding: 0;
    background-color: #4DBADB;
}
.panel-body .panel-heading p {
    display: block;
    margin: 0;
    padding: 5px 35px;
    text-align: left;
    line-height: 21.6px;
}
.panel-body .panel-heading p a
{
    display: inline-block;
    margin: 0;
    padding: 0;
    text-decoration: none;
    outline: 0;
    font-size: 18px;
    line-height: 21.6px;
    color: #fff;
}

.panel-body > ul {
    display: block;
    margin: 0;
    padding: 0 0;
    list-style: none;
}
#scm-menu li
{
    display: none;
}


#scm-menu li.active{display: block;}
/* 一級菜單*/
.panel-body > ul > li
{
    display: block;
    margin: 0;
    padding: 20px 0;
    position: relative;
}
.panel-body > ul > li::after {
    content: "";
    width: 85%;
    height: 7px;
    background: url("../images/panel-dotted.png") repeat-x scroll 0 0;
    position: absolute;
    bottom: 0;
    left: 8%;
    /* right: 0; */
}
.panel-body > ul > li:last-child::after {
    display: none;
}

.panel-body > ul > li > a
{
    display:block;
    margin: 0;
    padding: 5px 25px;
    text-decoration: none;
    outline: 0;
    font-size:18px ;
    line-height: 21.6px;
    color: #848484;
    text-align: left;
}
.panel-body > ul > li.active > a
{
    background-color: #4DBADB;
    color: #fff;
}
/*多級菜單*/
.panel-body  >ul>li ul li a{
    margin-left:24px;
    display: block;
    color: #848484;
}
.panel-body  >ul>li ul li.active {
    background-color: #4DBADB;
    color: #fff;
}
.panel-body  >ul>li ul {
    list-style: none;
}
.panel-body  >ul>li ul li{
    display:block;
    margin: 0;
    padding:5px 0 ;
    text-decoration: none;
    outline: 0;
    font-size:18px ;
    line-height: 21.6px;
    text-align: left;
    position: relative;
}


.panel-body  >ul>li> ul> li::before{
    content: "";
    position: absolute;
    left: 5px;
    top: 12px;
    width: 10px;
    height: 10px;
    display: block;
    float: left;
    background-color: #0000cc;
    border-radius: 50%;

}
.panel-body  >ul>li> ul> li> ul> li::before{
    content: "";
    position: absolute;
    left: 5px;
    top: 12px;
    width: 10px;
    height: 10px;
    display: block;
    float: left;
    background-color: #0033ff;
    border-radius: 50%;

}

.panel-body  >ul>li> ul> li> ul> li> ul> li::before{
    content: "";
    position: absolute;
    left: 5px;
    top: 12px;
    width: 10px;
    height: 10px;
    display: block;
    float: left;
    background-color: #0099ff;
    border-radius: 50%;

}
.panel-body  >ul>li> ul> li> ul> li> ul> li> ul> li::before{
    content: "";
    position: absolute;
    left: 5px;
    top: 12px;
    width: 10px;
    height: 10px;
    display: block;
    float: left;
    background-color: #00ccff;
    border-radius: 50%;

}
.panel-body  >ul>li> ul> li> ul> li> ul> li> ul> li> ul> li::before{
    content: "";
    position: absolute;
    left: 5px;
    top: 12px;
    width: 10px;
    height: 10px;
    display: block;
    float: left;
    background-color: #00ffff;
    border-radius: 50%;

}

/*!* 二級菜單*!*/
/*.panel-body > ul > li > ul{*/
/*display: block;*/
/*margin: 10px 0 0;*/
/*padding: 0 0;*/
/*list-style: none;*/
/*}*/
/*.panel-body > ul > li > ul > li{*/
/*display: block;*/
/*margin: 0;*/
/*padding: 0px 0;*/
/*}*/
/*.panel-body > ul > li > ul > li > a{*/
/*display:block;*/
/*margin: 0;*/
/*padding: 5px 60px;*/
/*text-decoration: none;*/
/*outline: 0;*/
/*font-size:18px ;*/
/*line-height: 21.6px;*/
/*color: #848484;*/
/*text-align: left;*/
/*}*/
/*.panel-body > ul > li > ul > li.active > a*/
/*{*/
/*background-color: #4DBADB;*/
/*color: #fff;*/
/*}*/

/* Latest-news-02 */
.latest-news-02
{
    display: block;
    background-color: #fff;
    box-shadow: 0 0 4px 2px #969696;
    padding: 5px 20px 0px;
    margin: 0;
    z-index: 99;
    position: relative;
}
.latest-news-02 h1 {
    font-size: 30px;
    line-height: 36px;
    color: #4DBADB;
    font-weight: normal;
    margin: 10px 0 20px;
    padding: 0 0 0 20px;
}
.latest-news-02 .ln2-datacon
{
    display: block;
    margin: 30px 0 0px;
    padding: 0 0 60px;
    width: 100%;
    height: auto;
    position: relative;
}
.latest-news-02 .ln2-datacon::after
{
    display: block;
    content: "";
    position: absolute;
    left: 6%;
    right: 6%;
    bottom: 0;
    width: 88%;
    height: 1px;
    background: url("../images/ln2-divid.png") repeat-x scroll 0 0 ;

}
.latest-news-02 .ln2-datacon .ln2-heading
{
    display: block;
    margin: 15px 0 0;
    padding: 0;
    height: 36px;
    width: 100%;
    background: url("../images/ln2-heading.png") no-repeat scroll 0 0 / 100%;
    position: relative;

}
.latest-news-02 .ln2-datacon .ln2-heading .ln2-head-left {
    display: block;
    margin: 0;
    padding: 0;
    width: 55%;
    height: 50px;
    background: url("../images/ln2-heading-left.png") no-repeat scroll 0 0 / 100%;
    position: absolute;
    top: -1px;
    left: 40px;
}
.latest-news-02 .ln2-datacon .ln2-heading .ln2-head-left h4 {
    display: block;
    margin: 0;
    padding: 0 0 0 31%;
    position: relative;
    line-height: 17.6px;
    font-style: normal;
    font-size: 0.9vw;
    color: #fff;
    height: 50px;
}
.latest-news-02 .ln2-datacon .ln2-heading .ln2-head-left h4 span {
    display: block;
    margin: 0;
    padding: 0;
    height: 50px;
    line-height: 50px;
    font-style: normal;
    font-size: 0.9vw;
    color: #fff;
    position: absolute;
    left: 10%;

}
.latest-news-02 .ln2-datacon .ln2-heading #font-title {
    height: auto !important;
    overflow: hidden;
    width: 90% !important;
    white-space: nowrap !important;
    text-overflow: ellipsis;
}
.latest-news-02 .ln2-datacon .ln2-heading .ln2-head-right {
    display: block;
    margin: 0;
    padding: 0;
    width: 18%;
    height: 50px;
    background: url("../images/ln2-heading-right.png") no-repeat scroll 0 0 / 100%;
    position: absolute;
    top: -1px;
    right: 55px;
}
.latest-news-02 .ln2-datacon .ln2-heading .ln2-head-right p {
    display: block;
    margin: 0;
    padding: 10px 0;
    line-height: 21.6px;
    font-style: normal;
    font-size: 18px;
    color: #fff;
    /* float: right; */
    text-align: center;
}
.latest-news-02 .ln2-datacon .ln2-txtcon
{
    display: block;
    margin: 30px 0 0 35px;
    padding: 0 25px;
}
.latest-news-02 .ln2-datacon .ln2-txtcon p
{
    display: block;
    margin: 0 0 30px;
    padding: 0 25px;
    font-size: 14px;
    line-height: 35px;
    color: #515151;
    font-weight: 400;
}
.latest-news-02 .ln2-datacon .ln2-txtcon .ln2-tc-label
{
    display: block;
    margin: 0;
    padding: 0;
    float: left;
    width: 50%;
}
.latest-news-02 .ln2-datacon .ln2-txtcon .ln2-tc-label > ul
{
    display: block;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}
.latest-news-02 .ln2-datacon .ln2-txtcon .ln2-tc-label > ul > li
{
    display: inline-block;
    margin: 0;
    padding: 0 10px;
}
.latest-news-02 .ln2-datacon .ln2-txtcon .ln2-tc-label > ul > li:nth-child(1)
{

}
.latest-news-02 .ln2-datacon .ln2-txtcon .ln2-tc-label > ul > li > a
{
    display: block;
    margin: 0;
    padding: 5px 0;
    text-decoration: none;
    outline: 0;
    font-size: 12.71px;
    line-height: 21.25px;
    color: #fff;
    text-align: center;
}
.latest-news-02 .ln2-datacon .ln2-txtcon .ln2-tc-label > ul > li > a.label-01
{
    background: url("../images/ln2-label-01.png") no-repeat scroll 0 0 / 100%;
    width: 52px;
    height: 29px;
}
.latest-news-02 .ln2-datacon .ln2-txtcon .ln2-tc-label > ul > li > a.label-02
{
    background: url("../images/ln2-label-02.png") no-repeat scroll 0 0 / 100%;
    width: 60px;
    height: 28px;
    color: #FFF
}
.latest-news-02 .ln2-datacon .ln2-txtcon .ln2-tc-regards
{
    display: block;
    margin: 0;
    padding: 0;
    float: right;
    width: 22%;
}
.latest-news-02 .ln2-datacon .ln2-txtcon .ln2-tc-regards b
{
    display: block;
    margin: 0;
    padding: 5px 0;
    font-size: 14px;
    line-height: 16.8px;
    color: #515151;
    text-align: left;
    font-weight: normal;
}
.latest-news-02 .ln2-datacon .ln2-txtcon h6
{
    display: block;
    margin: 0;
    padding: 0;
}
.latest-news-02 .ln2-datacon .ln2-txtcon  h6 img
{
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
}

/* School profile */


.school-profile
{
    display: block;
    background-color: #fff;
    box-shadow: 0 0 4px 2px #969696;
    padding: 5px 20px 150px;
    margin: 0;
    z-index: 99;
    position: relative;
}
.school-profile h1 {
    font-size: 30px;
    line-height: 36px;
    color: #4DBADB;
    font-weight: normal;
    margin: 10px 0 20px;
    padding: 0 0 0 20px;
}
.school-profile > ul {
    display: block;
    margin: 40px 0 0;
    padding: 0 20px;
    list-style: none;
}
.school-profile > ul > li{
    display: block;
    margin: 0 0 45px;
    padding: 0;
}
.school-profile > ul > li > h2{
    display: block;
    margin: 0;
    padding: 0;
    color: #4DBADB;
    font-size: 14px;
    line-height: 18.8px;
}
.school-profile > ul > li > p{
    display: block;
    margin: 0 0 15px;
    padding: 0;
    color: #515151;
    font-size: 14px;
    line-height: 18.8px;
}

/* For school information */
.school-information
{
    display: block;
    background-color: #fff;
    box-shadow: 0 0 4px 2px #969696;
    padding: 5px 20px 150px;
    margin: 0;
    z-index: 99;
    position: relative;
}
.school-information h1 {
    font-size: 30px;
    line-height: 36px;
    color: #4DBADB;
    font-weight: normal;
    margin: 10px 0 20px;
    padding: 0 0 0 20px;
}
.school-information > ul {
    display: block;
    margin: 40px 0 0;
    padding: 0 20px;
    list-style: none;
}
.school-information > ul > li{
    display: block;
    margin: 0 0 45px;
    padding: 0;
}
.school-information > ul > li > h2{
    display: block;
    margin: 0;
    padding: 0;
    color: #4DBADB;
    font-size: 14px;
    line-height: 18.8px;
}
.school-information > ul > li > p{
    display: block;
    margin: 0 0 15px;
    padding: 0;
    color: #515151;
    font-size: 14px;
    line-height: 18.8px;
}

/* Campus dynamics */
.campus-dynamics
{
    display: block;
    background-color: #fff;
    box-shadow: 0 0 4px 2px #969696;
    padding: 5px 20px 30px;
    margin: 0;
    z-index: 99;
    position: relative;
}
.campus-dynamics h1 {
    font-size: 30px;
    line-height: 36px;
    color: #4DBADB;
    font-weight: normal;
    margin: 10px 0 20px;
    padding: 0 0 0 20px;
}
.campus-dynamics .camdyna-datacon
{
    display: block;
    margin: 30px 0 0px;
    padding: 0 0 20px;
    width: 100%;
    height: auto;
    position: relative;
}
.campus-dynamics .camdyna-datacon::after
{
    display: block;
    content: "";
    position: absolute;
    left: 6%;
    right: 6%;
    bottom: 0;
    width: 88%;
    height: 1px;
    background: url("../images/ln2-divid.png") repeat-x scroll 0 0 ;

}
.campus-dynamics .camdyna-datacon .camdyna-heading
{
    display: block;
    margin: 15px 0 0;
    padding: 0;
    height: 36px;
    width: 100%;
    background: url("../images/ln2-heading.png") no-repeat scroll 0 0 / 100%;
    position: relative;

}
.campus-dynamics .camdyna-datacon .camdyna-heading .camdyna-head-left {
    display: block;
    margin: 0;
    padding: 0;
    width: 55%;
    height: 50px;
    background: url("../images/ln2-heading-left.png") no-repeat scroll 0 0 / 100%;
    position: absolute;
    top: -1px;
    left: 40px;
}
.campus-dynamics .camdyna-datacon .camdyna-heading .camdyna-head-left h4 {
    display: flex;
    align-items: center;
    height: 100%;
    margin: 0;
    padding: 0 0 0 5%;
    position: relative;
    line-height: 21.6px;
    font-style: normal;
    font-size: 18px;
    color: #fff;
}
.campus-dynamics .camdyna-datacon .camdyna-heading .camdyna-head-left h4 span {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 21.6px;
    font-style: normal;
    font-size: 18px;
    color: #fff;
    position: absolute;
    left: 10%;
    top: 10px;
}
.campus-dynamics .camdyna-datacon .camdyna-heading .camdyna-head-right {
    display: block;
    margin: 0;
    padding: 0;
    width: 18%;
    height: 50px;
    background: url("../images/ln2-heading-right.png") no-repeat scroll 0 0 / 100%;
    position: absolute;
    top: -1px;
    right: 55px;
}
.campus-dynamics .camdyna-datacon .camdyna-heading .camdyna-head-right p {
    display: block;
    margin: 0;
    padding: 10px 0;
    line-height: 21.6px;
    font-style: normal;
    font-size: 18px;
    color: #fff;
    /* float: right; */
    text-align: center;
}
.campus-dynamics .camdyna-datacon p
{
    display: block;
    text-align: center;
    margin: 35px 0 0;
    padding: 0;
}
.campus-dynamics .camdyna-datacon p img {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    box-shadow: 0 0 2px 1px #B3B3B3;
}

/*campus-dynamics-02 for gallery box*/

.campus-dynamics-02
{
    display: block;
    background-color: #fff;
    box-shadow: 0 0 4px 2px #969696;
    padding: 5px 20px 120px;
    margin: 0;
    z-index: 99;
    position: relative;
}
.campus-dynamics-02 h1 {
    font-size: 30px;
    line-height: 36px;
    color: #4DBADB;
    font-weight: normal;
    margin: 10px 0 20px;
    padding: 0 0 0 20px;
}
.campus-dynamics-02 .cd2-gallery-box
{
    display: block;
    margin: 0;
    padding: 0 20px;
}
.campus-dynamics-02 .cd2-gallery-box .cd2gb-item
{
    display: block;
    margin: 0 0 25px;
    padding: 10px 10px 25px;
    width: 100%;
    height: 253px;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    /* height: 100%; */
}
.campus-dynamics-02 .cd2-gallery-box .cd2gb-item::after {
    content: "";
    position: absolute;
    margin: 0;
    padding: 0;
    background: url("../images/cd-gallery-water.png") no-repeat scroll 0 0 /100%;
    width: 100%;
    height: 19px;
    left: 0px;
    bottom: 0px;
    right: 0;
}
.campus-dynamics-02 .cd2-gallery-box .cd2gb-item .cd2gb-galleryship {
    position: absolute;
    margin: 0;
    padding: 0;
    background: url("../images/cd-gallery-boat.png") no-repeat scroll 0 0 /100%;
    width: 51px;
    height: 58px;
    bottom: -3px;
    right: 0px;
}
.campus-dynamics-02 .cd2-gallery-box .cd2gb-item .cd2gb-lighthouse {
    content: "";
    position: absolute;
    margin: 0;
    padding: 0;
    background: url("../images/cd-gallery-lighthouse.png") no-repeat scroll 0 0 /100%;
    width: 36px;
    height: 57px;
    bottom: 6px;
    right: 2px;
}
.campus-dynamics-02 .cd2-gallery-box .cd2gb-item .cd2gbi-imgcon
{
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}
.campus-dynamics-02 .cd2-gallery-box .cd2gb-item .cd2gbi-imgcon a
{
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    text-decoration: none;
    outline: 0;
    overflow: hidden;
}
.campus-dynamics-02 .cd2-gallery-box .cd2gb-item .cd2gbi-imgcon a img
{
    display: block;
    margin: 0 auto;
    padding: 0;
    max-width: 210.66px;
    max-height: 140px;
}
.campus-dynamics-02 .cd2-gallery-box .cd2gb-item .cd2gbi-txtcon
{
    display: block;
    margin: 0;
    padding: 23px 0;
    width: 100%;
    height: auto;

}

.campus-dynamics-02 .cd2-gallery-box .cd2gb-item .cd2gbi-txtcon p {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 46px;
    padding:0;
    width: 100%;
    margin: 0;
    text-align: center;
    font-size: 14px;
    line-height: 16.8px;
    position: absolute;
    top: 5px;
    left: 0;
}
.campus-dynamics-02 .cd2-gallery-box .cd2gb-item .cd2gbi-txtcon p a
{
    text-align: center;
    display: block;
    margin: 0;
    padding: 0;
    /*text-align: left;*/
    font-size: 14px;
    line-height: 16.8px;
    color: #848484;
    text-decoration: none;
    outline: 0;
}
.fancybox-custom .fancybox-skin {
    box-shadow: 0 0 50px #222;
}

.campus-dynamics-03
{
    display: block;
    background-color: #fff;
    box-shadow: 0 0 4px 2px #969696;
    padding: 5px 20px 40px;
    margin: 0;
    z-index: 99;
    position: relative;
}
.campus-dynamics-03 h1 {
    font-size: 30px;
    line-height: 36px;
    color: #4DBADB;
    font-weight: normal;
    margin: 10px 0 20px;
    padding: 0 0 0 20px;
}
.campus-dynamics-03 .cd3-gallery-box
{
    display: block;
    margin: 0;
    padding: 0 20px;
}
.campus-dynamics-03 .cd3-gallery-box .cd3gb-item
{
    display: block;
    margin: 0 0 25px;
    padding: 10px 10px 10px;
    width: 100%;
    height: 200px;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}
.campus-dynamics-03 .cd3-gallery-box .cd3gb-item.active{
    background-color: #C9F2EE;
}
.campus-dynamics-03 .cd3-gallery-box .cd3gb-item::after {
    content: "";
    position: absolute;
    margin: 0;
    padding: 0;
    background: url("../images/cd-gallery-water.png") no-repeat scroll 0 0 /100%;
    width: 100%;
    height: 19px;
    left: 0px;
    bottom: 0px;
    right: 0;
}
.campus-dynamics-03 .cd3-gallery-box .cd3gb-item .cd3gb-galleryship {
    position: absolute;
    margin: 0;
    padding: 0;
    background: url("../images/cd-gallery-boat.png") no-repeat scroll 0 0 /100%;
    width: 51px;
    height: 58px;
    bottom: -3px;
    right: 0px;
}
.campus-dynamics-03 .cd3-gallery-box .cd3gb-item .cd3gb-lighthouse {
    content: "";
    position: absolute;
    margin: 0;
    padding: 0;
    background: url("../images/cd-gallery-lighthouse.png") no-repeat scroll 0 0 /100%;
    width: 36px;
    height: 57px;
    bottom: 6px;
    right: 2px;
}
.campus-dynamics-03 .cd3-gallery-box .cd3gb-item .cd3gbi-imgcon
{
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}
.campus-dynamics-03 .cd3-gallery-box .cd3gb-item .cd3gbi-imgcon a
{
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    text-decoration: none;
    outline: 0;
    overflow: hidden;
}
.campus-dynamics-03 .cd3-gallery-box .cd3gb-item .cd3gbi-imgcon a img
{
    display: block;
    margin: 0 auto;
    padding: 0;
    max-width: 210.66px;
    max-height: 180px;
}
.campus-dynamics-03 .cd3-gallery-box .cd3gb-item .cd3gbi-txtcon
{
    display: block;
    margin: 0;
    padding: 10px 0;
    width: 100%;
    height: auto;
}
.campus-dynamics-03 .cd3-gallery-box .cd3gb-item .cd3gbi-txtcon p {
    display: block;
    margin: 0;
    padding: 0 24px 0 0;
    font-size: 14px;
    line-height: 16.8px;
}
.campus-dynamics-03 .cd3-gallery-box .cd3gb-item .cd3gbi-txtcon p a
{
    display: block;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 14px;
    line-height: 16.8px;
    color: #848484;
    text-decoration: none;
    outline: 0;
}
/* user profile*/
.user-menu
{
    display: block;
    margin: 0;
    padding: 0 0 30px;
    width: auto;
    height: auto;
    background-color: #fff;
    box-shadow: 0 0 4px 2px #969696;
    border-radius:0 0 20px 20px;
    position: relative;
    z-index: 99;
}
.user-menu h1 {
    font-size: 21px;
    line-height: 25.2px;
    color: #4DBADB;
    position: relative;
    margin: 0px 0 10px;
    padding: 25px 25px 10px;
}
.user-menu h1::after
{
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
    content: "";
    bottom: 0;
    width: 100%;
    height: 1px;
    left: 0;
    right: 0;
    background: url("../images/ln2-divid.png") repeat-x scroll 0 0;
}
.user-menu > ul{
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;

}
.user-menu > ul > li {
    display: block;
    margin: 5px 0;
    padding: 0 0px;
}
.user-menu > ul > li > a {
    display: block;
    margin: 0px 0;
    padding: 5px 20px;
    text-decoration: none;
    outline: 0;
    font-size: 18px;
    line-height: 21.6px;
    color: #848484;
    background-color: transparent;
}
.user-menu > ul > li.active > a, .user-menu > ul > li:hover > a{
    color: #fff;
    background-color: #4DBADB;
}

.user-profile-gallery
{
    display: block;
    background-color: #fff;
    box-shadow: 0 0 4px 2px #969696;
    padding: 5px 20px 50px;
    margin: 0;
    z-index: 99;
    position: relative;
}
.user-profile-gallery h1 {
    font-size: 30px;
    line-height: 36px;
    color: #4DBADB;
    font-weight: normal;
    margin: 20px 0 0;
    padding: 0 0 0 20px;
}
.user-profile-gallery .upg-tabs
{
    display: block;
    margin:15px 0;
    padding: 0;
}
.user-profile-gallery .upg-tabs .nav
{
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
}
.user-profile-gallery .upg-tabs .nav-item
{
    display: inline-block;
    margin: 5px 37px;
    padding: 1px;

}
.user-profile-gallery .upg-tabs .nav-link
{
    display: block;
    margin: 0;
    padding: 6px 0;
    background-color: transparent;
    border: 2px solid #4DBADB;
    font-size: 14px;
    line-height: 16.8px;
    color: #515151;
    border-radius: 10px;
    min-width: 114px;
    text-align: center;
}
.user-profile-gallery .upg-tabs .nav-link.active
{

    background-color: #4DBADB;
    border: 1px solid #4DBADB;
    color: #fff;

}
.user-profile-gallery .upgt-item-con
{
    display: block;
    margin: 30px 0 0;
    padding: 0 20px;
}

.user-profile-gallery .upgt-item-con .upgtic-item
{
    display: block;
    margin: 0 0 25px;
    padding: 10px 10px 35px;
    width: 100%;
    height: 253px;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}
.user-profile-gallery .upgt-item-con .upgtic-item.active{
    background-color: #C9F2EE;
}
.user-profile-gallery .upgt-item-con .upgtic-item::after {
    content: "";
    position: absolute;
    margin: 0;
    padding: 0;
    background: url("../images/cd-gallery-water.png") no-repeat scroll 0 0 /100%;
    width: 100%;
    height: 19px;
    left: 0px;
    bottom: 0px;
    right: 0;
}
.user-profile-gallery .upgt-item-con .upgtic-item .upgtici-galleryship {
    position: absolute;
    margin: 0;
    padding: 0;
    background: url("../images/cd-gallery-boat.png") no-repeat scroll 0 0 /100%;
    width: 51px;
    height: 58px;
    bottom: -3px;
    right: 0px;
}
.user-profile-gallery .upgt-item-con .upgtic-item .upgtici-lighthouse {
    content: "";
    position: absolute;
    margin: 0;
    padding: 0;
    background: url("../images/cd-gallery-lighthouse.png") no-repeat scroll 0 0 /100%;
    width: 36px;
    height: 57px;
    bottom: 6px;
    right: 2px;
}
.user-profile-gallery .upgt-item-con .upgtic-item .upgtici-imgcon
{
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    max-height:180px ;
}
.user-profile-gallery .upgt-item-con .upgtic-item .upgtici-imgcon a
{
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    text-decoration: none;
    outline: 0;
    overflow: hidden;
}
.user-profile-gallery .upgt-item-con .upgtic-item .upgtici-imgcon a img
{

    display: block;
    margin: 0 auto;
    padding: 0;
    max-width: 210.66px;
    max-height: 140px;
}
.user-profile-gallery .upgt-item-con .upgtic-item .upgtici-txtcon
{
    display: block;
    margin: 0;
    padding: 23px 0;
    width: 100%;
    height: auto;
}
.user-profile-gallery .upgt-item-con .upgtic-item .upgtici-txtcon p {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 46px;
    padding:0;
    width: 100%;
    margin: 0;
    text-align: center;
    font-size: 14px;
    line-height: 16.8px;
    position: absolute;
    top: 5px;
    left: 0;
}
.user-profile-gallery .upgt-item-con .upgtic-item .upgtici-txtcon p a
{
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 14px;
    line-height: 16.8px;
    color: #848484;
    text-decoration: none;
    outline: 0;
}
.user-profile-gallery .upgt-item-con .upgtic-item .upgtici-txtcon b {
    display: block;
    margin: 0;
    padding: 0 24px 0 0;
    font-size: 14px;
    line-height: 16.8px;
}
.user-profile-gallery .upgt-item-con .upgtic-item .upgtici-txtcon b a
{
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 14px;
    line-height: 16.8px;
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #4DBADB;
}
.user-profile-gallery .upgt-item-con .upgtic-item-02
{
    display: block;
    margin: 0 0 25px;
    padding: 10px 10px 0px;
    width: 100%;
    height: 200px;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}
.user-profile-gallery .upgt-item-con .upgtic-item-02.active{
    background-color: #C9F2EE;
}
.user-profile-gallery .upgt-item-con .upgtic-item-02::after {
    content: "";
    position: absolute;
    margin: 0;
    padding: 0;
    background: url("../images/cd-gallery-water.png") no-repeat scroll 0 0 /100%;
    width: 100%;
    height: 19px;
    left: 0px;
    bottom: 0px;
    right: 0;
    z-index: 9;
}
.user-profile-gallery .upgt-item-con .upgtic-item-02 .upgtici-galleryship {
    position: absolute;
    margin: 0;
    padding: 0;
    background: url("../images/cd-gallery-boat.png") no-repeat scroll 0 0 /100%;
    width: 51px;
    height: 58px;
    bottom: -3px;
    right: 0px;
}
.user-profile-gallery .upgt-item-con .upgtic-item-02 .upgtici-lighthouse {
    content: "";
    position: absolute;
    margin: 0;
    padding: 0;
    background: url("../images/cd-gallery-lighthouse.png") no-repeat scroll 0 0 /100%;
    width: 36px;
    height: 57px;
    bottom: 6px;
    right: 2px;
}
.user-profile-gallery .upgt-item-con .upgtic-item-02 .upgtici-imgcon
{
    display: block;
    margin: auto;
    padding: 0;
    max-width: 210.66px;
    max-height: 160px;
}
.user-profile-gallery .upgt-item-con .upgtic-item-02 .upgtici-imgcon a
{
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    text-decoration: none;
    outline: 0;
    overflow: hidden;
}
.user-profile-gallery .upgt-item-con .upgtic-item-02 .upgtici-imgcon a img
{
    display: block;
    margin: 0 auto;
    padding: 0;
    max-width: 210.66px;
    max-height: 140px;
}
.user-profile-gallery .upgt-item-con .upgtic-item-02 .upgtici-txtcon {
    display: block;
    margin: 0;
    padding: 5px 0 5px;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 99;
}
.user-profile-gallery .upgt-item-con .upgtic-item-02 .upgtici-txtcon b {
    display: block;
    margin: 0;
    padding: 0 24px 0 0;
    font-size: 14px;
    line-height: 16.8px;
}
.user-profile-gallery .upgt-item-con .upgtic-item-02 .upgtici-txtcon b a
{
    display: inline-block;
    margin: 0;
    padding: 3px 0;
    text-align: left;
    font-size: 14px;
    line-height: 16.8px;
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #4DBADB;
    min-width: 79px;
    text-align: center;
    border-radius: 10px;
}
.user-profile-gallery .upgt-item-con .upgtic2-btmbtn
{
    display: block;
    margin: 5px 0;
    padding: 0;
    text-align: left;
}
.user-profile-gallery .upgt-item-con .upgtic2-btmbtn a
{
    display: inline-block;
    margin: 0;
    padding: 6px 0;
    text-decoration: none;
    outline: 0;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 16.8px;
    background-color: #4DBADB;
    border-radius: 10px;
    border: 1px solid #4DBADB;
    min-width: 96px;
    text-align: center;
}

/* ========================= Gaurav Chawda Css =================*/
/* ==== scool-profile-02 start ====*/
.scool-profile-02
{
    display: block;
    background-color: #fff;
    box-shadow: 0 0 4px 2px #969696;
    padding: 5px 45px 155px;
    margin: 0;
    z-index: 99;
    position: relative;
}
.scool-profile-02 h1 {
    font-size: 30px;
    line-height: 36px;
    color: #4DBADB;
    font-weight: normal;
    margin: 20px 0 0;
    padding: 0 0 0 20px;
}

.scool-profile-02 .color-dots ul {
    display: block;
    list-style: outside none none;
    margin: 10px 0 0 75px;
    padding: 0;
    text-align: center;
}
.scool-profile-02 .color-dots ul li{
    display: inline-block;
    margin: 0;
    padding: 0 20px;
}
.scool-profile-02 .color-dots ul li a{
    color: #515151;
    font-size: 14px;
    line-height: 16.8px;
    outline: 0 none;
    position: relative;
    text-decoration: none;
}
.scool-profile-02 .color-dots ul li a.circle-01::before{
    background-color: #ef99a9;
    border: 1px solid #ef99a9;
}
.scool-profile-02 .color-dots ul li a.circle-02::before{
    background-color: #f2c548;
    border: 1px solid #f2c548;
}
.scool-profile-02 .color-dots ul li a.circle-03::before{
    background-color: #58b3b4;
    border: 1px solid #58b3b4;
}
.scool-profile-02 .color-dots ul li a::before{
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 100%;
    content: "";
    height: 15px;
    left: -23px;
    position: absolute;
    top: 0;
    width: 15px;
}
.scool-profile-02 .big-calander{
    display: block;
    /*float: left;*/
    margin: 20px 0 0;
    padding: 0 10px;
    position: relative;
    width: 100%;
    z-index: 999;
}
.scool-profile-02 .big-calander .fc-body {
    border: 1px solid #4287c6;
    border-radius: 15px;
    width: 75%;
    margin: 0 auto;
}
.scool-profile-02 .big-calander .fcb-head {
    background-color: #4287c6;
    border-radius: 14px 14px 0 0;
}
.scool-profile-02 .big-calander .fc-body .fcb-content {
    display: block;
    margin: 0;
    padding: 0;
}
.scool-profile-02 .big-calander .fc-body .fcb-head p {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
}
.scool-profile-02 .big-calander .fc-body .fcb-head p > a {
    color: #fff;
    display: inline-block;
    font-size: 18.93px;
    line-height: 16.72px;
    margin: 0;
    outline: 0 none;
    padding: 10px 5px;
    text-decoration: none;
}
.scool-profile-02 .big-calander .fc-body .fcb-head p > a > img {
    height: auto;
    margin: -2px 0 0;
    width: auto;
}
.scool-profile-02 .big-calander .fc-body .fcb-head > ol {
    display: block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.scool-profile-02 .big-calander .fc-body .fcb-head > ol > li {
    display: block;
    float: left;
    margin: 0;
    padding: 0 8px;
    text-align: center;
    width: 14%;
}
.scool-profile-02 .big-calander .fcb-head > ol > li > a {
    color: #fff;
    display: block;
    font-size: 20.55px;
    line-height: 15.06px;
    margin: 0;
    padding: 5px 0;
    text-decoration: none;
}
.scool-profile-02 .big-calander .fc-body .fcb-content> dl {
    display: block;
    list-style: outside none none;
    margin: 0 0 4px 0;
    padding: 0;
}
.scool-profile-02 .big-calander .fc-body .fcb-content>dl>li{
    display: block;
    float: left;
    margin: 0;
    padding: 2px 8px;
    text-align: center;
    width: 14%;
}
.scool-profile-02 .big-calander .fc-body .fcb-content > dl > li:nth-child(7n+1) > a{
    color: #ef99a9;
}

.scool-profile-02 .big-calander .fc-body .fcb-content > dl > li > a.active-01 {
    background: url("../calendar/Untitled-1-01.png") no-repeat scroll 0 0 / 100% auto;
    /*border: 1px solid #ef99a9;*/
    color: #fff;
}
.scool-profile-02 .big-calander .fc-body .fcb-content > dl > li > a.active-02 {
    background: url("../calendar/Untitled-1-02.png") no-repeat scroll 0 0 / 100% auto;
    color: #fff;
}
.scool-profile-02 .big-calander .fc-body .fcb-content > dl > li > a.active-03 {
    background: url("../calendar/Untitled-1-04.png") no-repeat scroll 0 0 / 100% auto;
    color: #fff;
}
.scool-profile-02 .big-calander .fc-body .fcb-content > dl > li > a.active-03.active-01 {
    background: url("../calendar/Untitled-1-06.png") no-repeat scroll 0 0 / 100% auto;
    color: black;
}
.scool-profile-02 .big-calander .fc-body .fcb-content > dl > li > a.active-02.active-01 {
    background: url("../calendar/Untitled-1-03.png") no-repeat scroll 0 0 / 100% auto;
    color: black;
}
.scool-profile-02 .big-calander .fc-body .fcb-content > dl > li > a.active-02.active-03 {
    background: url("../calendar/Untitled-1-05.png") no-repeat scroll 0 0 / 100% auto;
    color: black;
}

.scool-profile-02 .big-calander .fc-body .fcb-content > dl > li > a.active-02.active-03.active-01 {
    background: url("../calendar/Untitled-1-07.png") no-repeat scroll 0 0 / 100% auto;
    color: black;
}

.scool-profile-02 .big-calander .fc-body .fcb-content > dl > li > a {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 100%;
    color: #515151;
    display: block;
    font-size: 26.84px;
    height: 37.126px;
    line-height: 8.01px;
    margin: 0 auto;
    padding: 16px 1px 5px 0;
    text-decoration: none;
    width: 39.126px;
}
.scool-profile-02 .sp-panel-container .sp-panel-body{
    display: block;
    margin: 25px 0 0;
    padding: 0;
    position: relative;
    z-index: 99;
}
.scool-profile-02 .sp-panel-container .sp-panel-body .sp-panel-heading{
    display: block;
    margin: 0 0 0;
    padding: 0;
    background-color:rgba(124,216,216,0.5);
    position: relative;
}
.scool-profile-02 .sp-panel-container .sp-panel-body .sp-panel-heading p {
    display: block;
    margin: 0;
    padding: 20px 35px;
    text-align: left;
    line-height: 21.6px;
}
.scool-profile-02 .sp-panel-container .sp-panel-body .sp-panel-heading p a{
    display: inline-block;
    margin: 0;
    padding: 0;
    text-decoration: none;
    outline: 0;
    font-size: 18px;
    line-height: 21.6px;
    color: #4287C6;
}
.scool-profile-02 .sp-panel-container .sp-panel-body .sp-right_text{
    /*float: left;*/
    text-align: left;
}
.scool-profile-02 .sp-panel-container .sp-panel-body .sp-panel-content .sp-list-part{
    display: block;
    margin: 0;
    padding: 0 0px;
    list-style: none;
}
.scool-profile-02 .sp-panel-container .sp-panel-body .sp-panel-content .sp-list-part li{
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
}
.scool-profile-02 .sp-panel-container .sp-panel-body .sp-panel-heading::before {
    content: "";
    width: 100%;
    height: 7px;
    background: url(../images/ln2-divid.png) repeat-x scroll 0 0;
    position: absolute;
    bottom: -6px;
    left: 0px;
    /* right: 0; */
}
.scool-profile-02 .sp-panel-container .sp-panel-body .sp-panel-content .sp-list-part li::before {
    content: "";
    width: 100%;
    height: 7px;
    background: url(../images/ln2-divid.png) repeat-x scroll 0 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
    /* right: 0; */
}
.scool-profile-02 .sp-panel-container .sp-panel-body .sp-panel-content .sp-list-part li:nth-child(odd) a{
    background-color:#FFF;
}
.scool-profile-02 .sp-panel-container .sp-panel-body .sp-panel-content .sp-list-part li:nth-child(even) a{
    background-color:rgba(221,240,242,0.2);
}
.scool-profile-02 .sp-panel-container .sp-panel-body .sp-panel-content .sp-list-part li a{
    /*border-bottom: 1px dashed #EDEDED;*/
    display: block;
    height: auto;
    margin: 0;
    outline: 0 none;
    padding: 20px 20px;
    text-decoration: none;
    width: 100%;

}
.scool-profile-02 .sp-panel-container .sp-panel-body .sp-panel-content .sp-list-part li a .sp-li-left-text{
    display: block;
    float: left;
    margin: 0;
    padding: 0 10px 0 0px;
    width: 70%;
}
.scool-profile-02 .sp-panel-container .sp-panel-body .sp-panel-content .sp-list-part li a .sp-li-left-text p{
    color: #515151;
    display: block;
    font-size: 14px;
    line-height: 16.8px;
    margin: 0;
    padding: 7px 0;
}
.scool-profile-02 .sp-panel-container .sp-panel-body .sp-panel-content .sp-list-part li a .sp-li-right-text{
    display: block;
    float: right;
    margin: 0;
    padding: 0 10px;
    width: 27%;
}

.scool-profile-02 .sp-panel-container .sp-panel-body .sp-panel-content .sp-list-part li a .sp-li-right-text small{
    color: #4dbadb;
    display: block;
    font-size: 14px;
    line-height: 16.8px;
    margin: 0;
    padding: 7px 0;
}
/* ==== scool-profile-02 End ====*/

/*======contact us page start===========*/
.contact-us-page{
    display: block;
    background-color: #fff;
    box-shadow: 0 0 4px 2px #969696;
    padding: 5px 45px 155px 20px;
    margin: 0;
    z-index: 99;
    position: relative;
}
.contact-us-page h1{
    font-size: 30px;
    line-height: 36px;
    color: #4DBADB;
    font-weight: normal;
    margin: 20px 0 0;
    padding: 0 0 0 20px;
}
.contact-us-page h2{
    font-size: 21px;
    line-height: 25.2px;
    color: #4DBADB;
    font-weight: normal;
    margin: 25px 0 0;
    padding: 0 0 0 40px;
}
.contact-us-page .contact-map{
    display: block;
    /* float: left; */
    margin: 20px 0 0;
    padding: 0 35px;
    position: relative;
    width: 100%;
    z-index: 999;
}
.contact-us-page .contact-map iframe{
    width: 600px;
    height: 450px;
}
.contact-us-page .contact-address .add-1{
    padding: 0 0 0 40px;
    display: block;
    margin-top: 25px;
    position: relative;
}
.contact-us-page .contact-address .add-1 p{
    margin-bottom: 0px;
}

/*======contact us page End===========*/

/*======page-15 start===========*/



.user-profile-04{
    display: block;
    background-color: #fff;
    box-shadow: 0 0 4px 2px #969696;
    padding: 5px 45px 110px 20px;
    margin: 0;
    z-index: 99;
    position: relative;
}
.user-profile-04 h1{
    font-size: 30px;
    line-height: 36px;
    color: #4DBADB;
    font-weight: normal;
    margin: 20px 0 0;
    padding: 0 0 0 20px;
}
.user-profile-04 .up4-tabs
{
    display: block;
    margin:15px 0;
    padding: 0;
}
.user-profile-04 .up4-tabs .nav
{
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
}
.user-profile-04 .up4-tabs .nav-item
{
    display: inline-block;
    margin: 5px 37px;
    padding: 1px;

}
.user-profile-04 .up4-tabs .nav-link
{
    display: block;
    margin: 0;
    padding: 6px 0;
    background-color: transparent;
    border: 2px solid #4DBADB;
    font-size: 14px;
    line-height: 16.8px;
    color: #515151;
    border-radius: 10px;
    min-width: 114px;
    text-align: center;
}
.user-profile-04 .up4-tabs .nav-link.active
{

    background-color: #4DBADB;
    border: 1px solid #4DBADB;
    color: #fff;

}

.user-profile-04 .up4-tabs .up4-listpart-con
{
    display: block;
    margin: 0px;
    padding:0px;
}
.user-profile-04 .up4-tabs .up4-listpart-con ul{
    display: block;
    margin: 0;
    padding: 0 0px;
    list-style: none;
}
.user-profile-04 .up4-tabs .up4-listpart-con ul li{
    display: block;
    margin: 0;
    padding: 20px 20px;
    position: relative;
}
.user-profile-04 .up4-tabs .up4-listpart-con ul li::before{
    content: "";
    width: 100%;
    height: 7px;
    background: url(../images/ln2-divid.png) repeat-x scroll 0 0;
    position: absolute;
    bottom: -7px;
    left: 0px;
    /* right: 0; */
}

.user-profile-04 .up4-tabs .up4-listpart-con ul li .pg-left-text{
    display: block;
    float: left;
    margin: 0;
    padding: 0 10px 0 0px;
    width: 67%;
}
.user-profile-04 .up4-tabs .up4-listpart-con ul li .pg-left-text p{
    color: #515151;
    display: block;
    font-size: 14px;
    line-height: 16.8px;
    margin: 0;
    padding: 7px 0;
}
.user-profile-04 .up4-tabs .up4-listpart-con ul li .pg-right-text{
    display: block;
    float: left;
    margin: 0;
    padding: 0 10px;
    width: 18%
}
.user-profile-04 .up4-tabs .up4-listpart-con ul li .pg-right-text small{
    color: #4DBADB;
    display: block;
    font-size: 14px;
    line-height: 16.8px;
    margin: 0;
    padding: 7px 0;
}
.user-profile-04 .up4-tabs .up4-listpart-con ul li .pg-right-btn{
    display: block;
    float: left;
    margin: 0;
    padding: 0 10px;
    width: 15%
}
.user-profile-04 .up4-tabs .up4-listpart-con ul li .pg-right-btn .btn-tab-15{
    background-color: #4DBADB;
    border: 1px solid #4DBADB;
    border-radius: 5px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    height: 28px;
    /* margin: 0 auto; */
    padding: 0 15px;
    /*width: 79px;*/
    line-height: 28px;
}

.contact-us-page >.map{
    height:450px;
    width: 600px;
}

.extends-name{
    display:inline;margin-left:25px
}
.extends-title{
    width: 100%;border-bottom: 3px solid  #4DBADB;color: #4DBADB;margin-top: 10px;
}
.extends-date{
    display:inline;float: right;margin-right:205px;
}
/*======page-15 End===========*/

.campus-dynamics  img{
    max-width: 100% !important;

}


.full-cal-detail > ol > li > a .type-1{
    background-color: #ef99a9;
    border: 1px solid #ef99a9;
    border-radius: 100%;
    height:15px;
    width:15px;
    float: left;
    margin-right: 4px;
}
.full-cal-detail > ol > li > a .type-2{
    background-color: #f2c548;
    border: 1px solid #f2c548;
    border-radius: 100%;
    height:15px;
    width:15px;
    float: left;
    margin-right: 4px;
}
.full-cal-detail > ol > li > a .type-3{
    background-color: #58b3b4;
    border: 1px solid #58b3b4;
    border-radius: 100%;
    height:15px;
    width:15px;
    float: left;
    margin-right: 4px;
}

.scool-profile-02 .sp-panel-container .sp-panel-body .sp-panel-content .sp-list-part li a .sp-li-left-text .type-1{
    background-color: #ef99a9;
    border: 1px solid #ef99a9;
    border-radius: 100%;
    height:15px;
    width:15px;
    float: left;
    margin-right: 4px;
}
.scool-profile-02 .sp-panel-container .sp-panel-body .sp-panel-content .sp-list-part li a .sp-li-left-text .type-2{
    background-color: #f2c548;
    border: 1px solid #f2c548;
    border-radius: 100%;
    height:15px;
    width:15px;
    float: left;
    margin-right: 4px;
}
.scool-profile-02 .sp-panel-container .sp-panel-body .sp-panel-content .sp-list-part li a .sp-li-left-text .type-3{
    background-color: #58b3b4;
    border: 1px solid #58b3b4;
    border-radius: 100%;
    height:15px;
    width:15px;
    float: left;
    margin-right: 4px;
}

.campus-dynamics .ln2-tc-label
{
    display: block;
    margin: 0;
    padding: 0;
    float: left;
    width: 50%;
}
.campus-dynamics .ln2-tc-label > ul
{
    display: block;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}
.campus-dynamics .ln2-tc-label > ul > li
{
    display: inline-block;
    margin: 0;
    padding: 0 10px;
}

.campus-dynamics .ln2-tc-label > ul > li > a
{
    display: block;
    margin: 0;
    padding: 5px 0;
    text-decoration: none;
    outline: 0;
    font-size: 12.71px;
    line-height: 21.25px;
    color: #fff;
    text-align: center;
}
.campus-dynamics .ln2-tc-label > ul > li > a.label-01
{
    background: url("../images/ln2-label-01.png") no-repeat scroll 0 0 / 100%;
    width: 52px;
    height: 29px;
}
.campus-dynamics .ln2-tc-label > ul > li > a.label-02
{
    background: url("../images/ln2-label-02.png") no-repeat scroll 0 0 / 100%;
    width: 60px;
    height: 28px;
    color: #FFF
}

.school-profile img{
    max-width: 100% !important;
    height: 100% !important;
}
.ln2-txtcon img{
    max-width: 100% !important;
    height: 100% !important;
}
.school-information img{
    max-width: 100% !important;
    height: 100% !important;
}
.campus-dynamics  img{
    max-width: 100% !important;
    height: 100% !important;
}
.contact-us-page  img{
    max-width: 100% !important;
    height: 100% !important;
}

.campus-dynamics{
    margin-bottom: 50px;
}

.school-information{
    margin-bottom: 50px;
}

.school-profile{
    margin-bottom: 50px;
}

.latest-news-02{
    margin-bottom: 50px;
}

.school-profile p{
    word-break: break-word;
}
.ln2-txtcon p{
    word-break: break-word;
}
.school-information p{
    word-break: break-word;
}
.campus-dynamics  p{
    word-break: break-word;
}
.campus-dynamics .camdyna-content {
    padding: 0 50px;
}


.school-pagination > ul > li > .marking{
    background: url(../images/breadcum-number-02.png) no-repeat scroll 0 0 / 100%;
}
.notic-filter{
    position: absolute;right: 47px;margin-top: 8px
}
.notic-filter-name{
    position: absolute;right: 100px;margin-top: 8px
}
article.search-con {
    padding-bottom: 38px;
}
section.middle-part.pad-top-btm-0 {
    padding-bottom: 34px;
}

@media screen and (max-width: 991px) {
    .partners {
        height: fit-content;
        max-height: 100%;
    }

    .partners #patners.owl-carousel.owl-loaded {
        height: fit-content;
    }

    .partners #patners .owl-nav {
        height: 0;
    }
    .partners #patners .owl-nav > * {
        position: absolute;
        bottom: 45px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
@media screen and (max-width: 1200px) {
    .social-share > ul > li > a > img {
        height: 28px;
    }
}